@CHARSET "ISO-8859-1";


/* GENERAL STRUCTURE ------------------------------------------- */
.clear {
    clear: both;
    font-size: .3em;
}

.hidden {
	display: none;
}

.image-button {
    width: 11px;
}

/* GENERAL PAGE LAYOUT ------------------------------------------- */
/* Move down content because we have a fixed navbar that is XXpx tall */
body {
  padding-top: 101px!important; /*was 50px w/ no logo */
  /* I.E scroll-bar */
  /*Scrollbar styling removed
  scrollbar-face-color: #500f0a;
  scrollbar-track: #500f0a;
  scrollbar-base-color: #500f0a;
  scrollbar-face-color: #500f0a;
  scrollbar-3dlight-color: #500f0a;
  scrollbar-highlight-color: #500f0a;
  scrollbar-track-color: #74160f;
  scrollbar-arrow-color: #74160f;
  scrollbar-shadow-color: #500f0a;
  scrollbar-dark-shadow-color: #500f0a;
  */
}

/* SCROLLBAR STYLING */
/*Scrollbar styling removed
::-webkit-scrollbar { width: 10px !important; height: 10px;}
::-webkit-scrollbar-button {  background-color: #500f0a; width:0; height: 0; }
::-webkit-scrollbar-track {  background-color: #74160f;}
::-webkit-scrollbar-track-piece { background-color: #74160f;}
::-webkit-scrollbar-thumb { height: 20px; background-color: #500f0a; border-radius: 0px; opacity:.65 !important;}
::-webkit-scrollbar-corner { background-color: #74160f;}
::-webkit-resizer { background-color: #74160f;}
*/

/* With the sidebar we dont have to move the content down so far below the logo. */
body.withSidebar {
  padding-top: 101px!important; /*was 50px w/ no logo */
}

/* With the sidebar we dont have to move the content down so far below the logo. */
body.noheader {
  padding-top: 10px!important; /*was 50px w/ no logo */
}

body, p, table, td, tr, th, select, textarea {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif!important;
	color: #000;
    Font-weight: 400;
}

h1, h2, h3, h4, h5, h6, legend {
	font-family: 'Open Sans', serif;
	font-weight: bold;
}

a {
    color: #74160f;
}

a:hover, a:focus {
        color: #d19557;
        text-decoration: none;
    }

h4, legend {
	color: #222;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 3px solid #74160f!important;
}

legend {
	padding-bottom: 0.25em;
}

label {
	font-weight: normal;
	font-size: 1em;
}

input[type=checkbox]
{
    
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: auto;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

body.wait {
    cursor: wait !important;   
}

.public-content-div {
    width: 55%; 
    min-width: 200px; 
    max-width: 300px; 
    margin-bottom: 20px;    
}

.hide-period {
   display: none;
}

@media (min-width: 768px) {
    .public-content-div {
        width: 35%; 
        min-width: 500px; 
        max-width: 600px; 
        margin-bottom: 20px;    
    }
}

.page-title {
    color: #555555;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.page-subtitle {
    color: #777777;
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 10px!important;
    padding-bottom: 10px!important;
    margin-bottom: 20px!important;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.page-header-text {
    margin: 15px 0;   
}

/* TOP NAV BAR ------------------------------------------- */
@media (max-width: 767px) {
    .navbar-fixed-top {
        border-bottom: 1px solid #d19557;
    }
}

.navbar-brand-title {
    background: url(../Content/Images/GEMCOR/GEMCOR_BannerLogo_forTeam_upperleft_wbackground300dpi.jpg) top left no-repeat;
}

@media (max-width: 1150px) {
    .navbar-team-logo {
        display: none;
    }
}
@media (min-width: 1151px) {
    .navbar-team-logo {
        float:left; 
        margin: 0 10px 0 60px;    
    }
}

@media (max-width: 767px) {
    .navbar-brand-title {
	    width: 200px;
	    height: 55px;
        background-size: 75%!important;
	    margin-top: -14px;
	    text-indent: -4000px;
    }
}

@media (min-width: 768px) {
    .navbar-brand-title {
	    width: 303px;
	    height: 101px;
	    margin-top: -14px;
	    text-indent: -4000px;
    }
    ul.navbar-nav {
        float: right!important;
    }
    .current-school-drop-down-list {
        float: right;
        width: 350px!important;
    }
}

.navbar-brand, .navbar-nav > li > a {
    color: #555555;
    text-shadow: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #74160f;
    background: #FFFFFF;
}

.navbar-brand, .navbar-nav > li > a.header-help-link {
    color: #74160f;
}

.navbar-top-right-actions-div {
    padding: 0px 20px;
    min-width: 300px;
}

.header-icon-link {
    padding-left: 28px!important;
    background-position: 0 12px!important;
    background-size: 24px 24px!important;
}

.header-user-name-link, .header-user-name-link:hover {
    background: url(../Content/Images/GEMCOR/icon-user.png) top left no-repeat;
}

.header-logout-link {
    background: url(../Content/Images/GEMCOR/icon-logout.png) top left no-repeat;
}

.header-help-link {
    background: url(../Content/Images/GEMCOR/icon-help.png) top left no-repeat;
}

button.navbar-toggle {
    background-color: #74160f;
    color: #fff;
}

#mobile-navbar-collapse-1 {
    background-color: #74160f;
    color: #fff;
}

#mobile-navbar-collapse-1 a {
    background-color: transparent!important;
    color: #fff;
    text-decoration: none;           
}

#mobile-navbar-collapse-1 a:hover {
    background-color: transparent!important;
    color: #d19557;
    text-decoration: none;           
}


@media (min-width: 768px) {
    #mobile-navbar-collapse-1 {
        display: none!important;
    }
}

/* Sidebar ------------------------------------------- */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 101px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 10px 20px 20px 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #74160f; /* alt #222 */
    border-right: 1px solid #eee;
    color: white;
  }
}

/* SIDEBAR NAV MENU ON LEFT ------------------------------------------- */
.sidebar label {
	font-weight: normal;
	font-size: .85em;    
}

.nav-sidebar {
  	margin-right: -21px; /* 20px padding + 1px border */
  	margin-bottom: 20px;
  	margin-left: -20px;
  	margin-top: 5px; /* Accomodate Logo */
    background-color:  #74160f;
}

.nav-sidebar > li > a {
	font-family: 'OpenSans', serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 20px;
  	padding-left: 20px;
  	color: #fff!important; /* was #fff */
  	font-size: 0.85em;
}

.nav-sidebar > li > a:hover {
  	padding-right: 20px;
  	padding-left: 20px;
  	color: #fff;
}

/*
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #f4911e;
}
*/

.nav-quick-actions-div {
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
}

.nav-quick-actions-div .form-element {
    margin-bottom: 10px;    
}

.nav-gemcor-link-div {
    text-align: center;       
	padding-right: 20px;
  	padding-left: 20px;
}

.nav-gemcor-link {
	font-weight: bold;
	text-transform: uppercase;
  	color: #ffffff !important;
  	font-size: 0.85em;    
}

.nav-gemcor-link:hover {
	background-color: transparent !important;
    color: #d19557!important;
    text-decoration: none;
}

ul.nav-menu {
    list-style-type: none;
    font-size: .95em;
    padding: 5px;
}

li.menu-leaf {
    font-weight: normal;
    padding: 0px;
    list-style-type: none;
    color: #fff;
    line-height: 2em;
    margin-left: 20px;
}

li.menu-leaf > a {
    color: #fff;
}

li.menu-leaf > a:hover {
    background-color: transparent!important;
    color: #d19557;
    text-decoration: none;
}

li.menu-top {
    margin-bottom: 20px;
    font-weight: bold;
    padding: 0px;
    color: #fff;    
}

li.menu-top > a {
    color: #fff;
    text-decoration: none;
}

li.menu-top > span {
    color: #fff;
    text-decoration: none;
}

li.menu-top > a:hover {
    background-color: transparent;
    text-decoration: none;
}

ul.menu-top {
    padding-left: 1.2em;
    list-style-type: decimal!important;
}

li.menu-leaf {
    padding-left: 0; /*.5em;*/
}

a.menu-top, a.menu-top:hover, span.menu-top {
    background-size: 32px 32px!important;
    padding-left: 34px!important;
    background-position: 0px -7px!important
}

li.menu-home a.menu-top, li.menu-home a.menu-top:hover, li.menu-home span.menu-top {
    background: url(../Content/Images/GEMCOR/icon-home.png) top left no-repeat;
}

li.menu-reports a.menu-top, li.menu-reports span.menu-top {
    background: url(../Content/Images/GEMCOR/icon-reports.png) top left no-repeat;
}

li.menu-school-admin a.menu-top, li.menu-school-admin span.menu-top {
    background: url(../Content/Images/GEMCOR/icon-school.png) top left no-repeat;
}

li.menu-gemcor-admin a.menu-top, li.menu-gemcor-admin span.menu-top {
    background: url(../Content/Images/GEMCOR/icon-admin.png) top left no-repeat;
}

/* Main content ------------------------------------------- */
.main {
  padding: 15px;
  background-color: #d19557;
}

@media (max-width: 767px) {
  .main {
    position: fixed;
    top: 50px; /* Offset for the header*/
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    width: 100%;
  }
}


@media (min-width: 768px) {
  .main {
    padding: 20px;
    position: fixed;
    top: 101px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  }
}

.main .page-header {
	margin-top: 0px;
}

.main-content {
    border-radius: 6px;
    background-color: #fff;
    padding: 15px 20px;
    min-height: 400px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

/* FORMS ------------------------------------------- */

/* Overrides the jquery UI settings with our form-control settings */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 12px;
}

.form-control {
      background-color: #eeeeee;
      background-image: none;
      border: medium none;
      border-radius: 3px;
      box-shadow: none;
      color: #555555 !important;
      display: block;
      font-size: 12px;
      /*This messes up in IE and makes the text not align in the middle vertically.
      height: 30px;
      line-height: 1.42857;
      padding: 18px 15px;
      */
      width: 100%;
}

/* Override bootstrap so disabled fields dont look like a control */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    border: 1px solid #eee;
}

.form-action-buttons-div {
    margin: 25px 0px;
	margin-top:25px;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}


/* BUTTONS ------------------------------------------- */
.btn {
    -moz-user-select: none;
    background-image: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
}

.btn-primary {
    background-color: #74160f !important;
    background-image: none;
    background-repeat: none;
    text-transform: uppercase;
    border: none;
}
    
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: none;
    text-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn:hover {
    background: none repeat scroll 0 0 #d19557 !important;
    border: medium none;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #ffffff !important;
}

.btn-fixed-width-1 {
    width: 100px;
}

.btn-fixed-width-2 {
    width: 150px;
}

.btn-fixed-width-3 {
    width: 170px;
}

.btn-fixed-width-home-page {
    width: 145px;
    height: 4.5em;
    white-space: normal;
    margin: 10px 5px;
    font-size: .9em;
    text-transform: uppercase;
}

/* Navigation ------------------------------------------- */

/*
.horizontal-line-separator {
	border-bottom: 12px solid #74160f;
	background-color: #444;
	padding: 0 1rem;
	margin: 40px 0;
}

.open > a {	
	color: #000;	
}
*/

/* TABLES ------------------------------------------- */

/*
thead {
	background: #e9e9e9;
}

thead > tr > th {
	font-family: 'Open Sans', serif!important;
	font-size: 1.0em!important;
	color: #444;
}
*/
.table {
    /**Prevent table from going off the page horizontally*/
    table-layout: fixed;
}

.table-bordered {
    border: none;
}

td, th {
    word-wrap: break-word!important;
}

td.nowrap, th.nowrap {
  white-space: nowrap;
}

td.nowrap-with-ellipsis, th.nowrap-with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}

thead > tr > th a,
tbody > tr > th a {
	color: #ffffff;
	text-decoration: none;
}
/*These are the up/down sort arrows. Not every column is sortable though, so we cant just do that through css
thead > tr > th a:after {
        font-family: 'Glyphicons Halflings';
        content:"\e150";
        padding-left: 10px;
        font-size: .75em;
        color: #FFFFFF;
}
*/
thead > tr > th a:hover,
tbody > tr > th a:hover {
	color: #74160f !important;
	text-decoration: none;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom: 0px;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    font-size: 0.85em;
    background: none repeat scroll 0 0 #fff;
    padding: 10px 5px;
    color: #555555;
}

.table-condensed > thead > tr > th > a,
.table-condensed > tbody > tr > th > a {
    color: #ffffff;
}
  
.table-condensed > thead > tr > th > a:hover, .table-condensed > thead > tr > th > a:focus,
.table-condensed > tbody > tr > th > a:hover, .table-condensed > tbody > tr > th > a:focus {
    color: #74160f;
    text-decoration: none;
}

th {
    font-size: 1em !important;
    background-color: #d19557 !important;
}
  
/* Table Pager*/
tr.table-pager td {
    padding: 10px 0px!important;
    text-align: center;
}

tr.table-pager .pager-btn {
    margin: 0 5px;
}

tr.table-pager .lbl {
    margin: 0 5px;
}

tr.table-pager select {
    margin: 0 5px;
}


/* Search params above grid */
.search-criteria-div {
	border: 1px solid #eee;
	width: 100%;
	margin: 15px 0;
    padding: 15px 15px 0px 15px;
}

.search-params-div {
    float: left;
}

.search-params-div .form-element {
    float: left;
    margin-right: 10px;
}

.search-actions-div {
    padding-top: 1.4em;
    float: left;
}

/* Action buttons above grid */
.grid-actions-div {
}

.grid-actions-left {
    float: left;
}

.grid-actions-right {
    float: right;
}

/* POPUPS  ------------------------------------------- */

.confirm-popup-div {
    background-color: #eee;
    border: 2px solid #aaa;
}

.confirm-popup-title {
    background-color: #ddd;
    padding: 10px 10px;
    color: #555555;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1.0px;
    text-transform: uppercase;
    margin-bottom: 10px!important;
}

.confirm-popup-content {
    padding: 10px;    
}

/*verification, ccode, and loan counseling popups*/
.verification-popup-wrapper,
.ccode-popup-wrapper,
.counseling-popup-wrapper {
    background-color: #fff;
    border:3px solid #d19557;
    width:60%;
    min-width: 550px;
    z-index: 10001;
    margin-top: 90px;
    height: 60%;
    overflow: auto;
}

.verification-popup-wrapper .form-group.has-feedback,
.ccode-popup-wrapper .form-group.has-feedback,
.counseling-popup-wrapper .form-group.has-feedback {
        margin-left:25px;
        width: 45%;
        min-width: 220px;
        float: left;
}

.verification-popup-wrapper .form-group.has-feedback > label,
.ccode-popup-wrapper .form-group.has-feedback > label,
.counseling-popup-wrapper .form-group.has-feedback > label {
    padding-left:0;
    padding-right:0;
}

.verification-popup-wrapper .form-action-buttons-div,
.ccode-popup-wrapper .form-action-buttons-div,
.counseling-popup-wrapper .form-action-buttons-div {
    clear: left;
}

.verification-popup-title,
.ccode-popup-title,
.counseling-popup-title {
    background-color: #ddd;
    padding: 10px 10px;
    color: #555555;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1.0px;
    text-transform: uppercase;
    margin-bottom: 10px!important;
}

.verification-popup-content,
.ccode-popup-content,
.counseling-popup-content {
    padding: 10px;    
}

.grid-icon {
    width: 12px;
    height: 17px;
}

/* Calculation Details Popup ------------------------ */
.loan-calculations-popup-wrapper {
    background-color: #fff;
    border:3px solid #d19557;
    width:60%;
    min-width: 550px;
    z-index: 10001;
    margin-top: 90px;
    height: 550px;
    overflow: auto;
}

.loan-calculations-popup-wrapper .form-action-buttons-div{
    clear: left;
}

.loan-calculations-popup-title {
    background-color: #ddd;
    padding: 10px 10px;
    color: #555555;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1.0px;
    text-transform: uppercase;
    margin-bottom: 10px!important;
}

.loan-calculations-popup-content{
    padding: 10px;    
}

/* OTHER  ------------------------------------------- */

div#spinning-thing {position:absolute; top:200px; left:300px; background-color:#ddd; border:solid 3px #888; border-radius:12px; display:none; padding:10px; }
div#spinning-thing img {width:124px; height:124px;}
div#spinning-thing-bg {position:absolute; top:0; left:0; display:none; background-color:#eee; filter: alpha(opacity=20); opacity: 0.2;}


/** Used to render the pink bar at top of screen when in the test system */
.test-system-notification {
	background-color: pink;
	color: black;
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	float: left;
	width:25%;
}

/*
 * Global add-ons
 */
/*
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
*/

/* ANNOUNCEMENTS ON HOMEPAGE  ------------------------------------------- */
.announcements-wrapper-div {
    margin: 20px 0 60px 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.announcement-container-div {
    margin: 20px 0;
}

.announcement-title-div {
    font-size: 1.1em;
    font-weight: bold;
}
.announcement-text-div {
    
}

/* Student/Award Information Banner at the right of process awards screens ---------------------------------------------------- */
.student-award-banner-wrapping-div {
    float: right;
    width: 40%;
    margin: 0 0 0 20px;
    border: 1px solid #ccc;
    padding: 20px;
}

.student-award-banner {
    
}

.student-award-banner-field
{

}

.student-award-banner-title-box
{
    padding-left: 10px;
}

.student-award-banner-title-wrapper
{
    background: #eeeeee;
    font-weight:bold;
    padding-left: 10px;
}

.student-award-banner-field-wrapper
{
    border-bottom: solid 1px #eee;
    height:20px;
}

.student-award-banner-isir-button-wrapper
{
    float:right;
    margin-right:10px;
}

.student-award-banner-open-record
{

}

.panel-default>.panel-heading
{
    clear:both;
}

.panel-group
{
    clear:both;
}

.student-award-banner-academic-year-header, .student-award-banner-program-header, .student-award-banner-award-header
{
    font-weight:bold;
    clear:both;
}

.student-award-banner-academic-year-button-wrapper
{
    float:right;
    margin-right:10px;
}

.student-award-banner-award-button-wrapper
{
    float:right;
    margin-right:10px;
}

.student-award-banner-award-needs-analysis-header, .student-award-banner-award-award-summary-header
{
    font-weight:bold;
    text-decoration:underline;
    font-size:1em;
}

.loan-calculations-button-section, .parent-information-button-section
{
    clear:both;
}

/* GENERIC Process Awards Screens ---------------------------------------------------- */
.process-awards-formviews {
    float: left;
    width: 57%;
}

/* Award Summary Page ---------------------------------------------------- */
.award-summary-wrapper-div
{
    
}

.program-enrollment-main
{   
    border: none;
    margin-bottom:20px;
    background: #eeeeee;
    padding: 20px;
    border-radius: 6px;
    -moz-box-shadow:   0 0 1.5px .15px #bcbcbc inset;
   -webkit-box-shadow: 0 0 1.5px .15px #bcbcbc inset;
   box-shadow: 0 0 1.5px .15px #bcbcbc inset;
}

.program-enrollment-header
{
   margin: 0px;
}

.program-enrollment-header a
{
    font-size:1.15em;
    color: #74160f;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.program-enrollment-school-info
{
    margin: 0px;
    padding: 5px 0px 10px;
    color: #777777 !important;
  }

.academic-year-wrapper
{
    margin: 0px;
    margin-left: 10px;
}

.academic-year-individual-year-wrapper {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 0 10px;
    border-radius: 4px; 
}

.academic-year-header {
    margin: 10px 0px;
}

.academic-year-header a
{
    font-size:1em;
    color: #74160f;
}

.award-grid-wrapper
{
    margin: 0px;
    margin-left: 30px;
}

.award-summary-create-new-link
{
    border: none;
    background: #74160f;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.1em;
    margin: 10px 0px 10px;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    color: #FFFFFF;
}

.award-summary-create-new-link:hover, .award-summary-create-new-link:focus, .award-summary-create-new-link:hover {
    background: #d19557 !important;
    border: none;
    color: #ffffff !important;
    text-decoration: none;
}

.cursor-pointer
{
    cursor:pointer;
}

.award-summary-disabled-link
{
    text-decoration:none;
    color: black;
    cursor: default;
}
.award-summary-disabled-link:hover
{
    text-decoration:none;
    color: black;
    cursor: default;
}

.award-summary-header {
color: #777777 !important;
text-transform: uppercase !important;
margin-bottom: 40px;
}

.process-awards-award-summary-print-award-letter-wrapper
{
    float:right;
}

.process-awards-delete-icon
{
    margin-left:15px;
}

/* Academic Year Detail ---------------------------------------------------- */
.academic-year-details-ccode-status
{
    padding-top: 7px;
}

.academic-year-details-verification-status
{
    padding-top: 7px;
}

span.indent-10
{
    margin-left:10px;
}

div.award-budget {
    padding-top: 10px;
    margin-bottom: 10px;
    border: solid;
    border-width: 1px;
    border-color: #d19557;
}

/* Security Maintenance ------------------------------------------------------- */
div.securable-tree-view
{
    height: 500px;
    width: 800px;
    float:left;
}