/* heading resize */
h1 { font-weight:bold; font-size:19.2px; margin-top:10px; /*margin-bottom:13px; margin-left:15px;*/ }
h2 { font-weight:bold; font-size:16px; }
h3 { font-weight:bold; font-size:15px; margin: 1.4em 0 0.25em 0; }
h4 { font-weight:bold; font-size:12.8px; }
h5 { font-weight:bold; font-size:10.6px; }
h6 { font-weight:bold; font-size:8.6px; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 
{ float: left; }
.col-md-10 { width: 83.33333333333334%; }
.col-md-2 { width: 16.666666666666664%; }

/* banner */
#banner { background-color:#0099CC; height:45px; margin:0px 0px 6px 0; min-width: 900px; }
#banner #banner-logo { height:30px; width:100px; margin:8px 0px 20px 10px; }
#banner #banner-system-name { color:#FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size:30px; font-weight:bold; margin:0px 0px 0px 40px; cursor:default; }


#left-menu, #main-body-container, #main-body-left, #main-body-right { margin:0px; padding:0px; }

/* fix for white spaces */
#main-body-container {width:1120px;}

/* fix for arrow position */
#left-menu > p { min-width: 210px; }

/* left menu */
/* #left-menu { min-width:210px; } */
#left-menu a:hover, #left-menu a:visited { text-decoration:none; }
#left-menu ul { padding: 0px 0px 0px 12px; }
#left-menu ul.root-level { padding: 0px 0px 0px 12px; }
#left-menu li { list-style: none; font-size:11px; }
#left-menu li .active { font-weight:bold; }
span { font-weight:bold; }
	
/* left menu divider */
.left-menu-divider { margin:20px 90px 20px 0px; }

/* top menu */
#top-menu a { padding-top:6px; padding-bottom:6px; }
#top-menu { /*width:inherit;*/ background-color: #0099CC; min-height:0px; border:none; border-radius: 0px;}
#top-menu > .navbar-nav > li > a { color: #CFE6FF; }
#top-menu > .navbar-nav > li.active > a { color: #fff; background-color:#00779E; }
#top-menu > .navbar-nav > li > a:hover, #top-menu > .navbar-nav > li > a:focus, #top-menu > .navbar-nav > li.dropdown.open > a { color: #fff; background-color:#0099CC; }
#top-menu > .navbar-nav > li.active > a:hover, #top-menu > .navbar-nav > li.active > a:focus, #top-menu > .navbar-nav > li.active.dropdown.open > a { color: #fff; background-color:#00779E; }
#top-menu .caret { border-bottom-color: #fff; border-top-color: #fff; }
#top-menu > .navbar-nav > li.dropdown.open > a > .caret, #top-menu > .navbar-nav > li.active > a > .caret { border-bottom-color: #fff; border-top-color: #fff; }
#top-menu .dropdown-menu > .active > a, #top-menu .dropdown-menu .active > a:hover, #top-menu .dropdown-menu > .active > a:focus { background-color: #00779E; color: #FFFFFF; outline: 0 none; text-decoration: none; }
#top-menu { margin-bottom:0px; color:#ffffff; }

/* fixed menus top and left */
nav#top-menu.affix { top:0px; width:inherit; box-shadow:4px 4px 2px #888888; z-index:1; }
#left-menu.affix { top:0px; z-index:1; background-color:white; width: 180px;}


/* main body */
#main-body { width:900px; min-height:900px; font-size:12.8px; }


/* footer */
#footer { background-color: #F8F8F8; border-top: 1px solid #DEDEDE; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08) inset; color: #C5C5C5; font-size: 84%; line-height: normal; margin-top: 30px; padding: 15px 20px 10px 10px; text-align: justify; }


/* Left menu arrow */
.left-menu-arrow-body { width:170px; height:32px; display:inline-block; background-color:#666; padding:6px 6px 6px 12px; }
.left-menu-arrow {
	/*
	* In Internet Explorer, The"border-style: dashed" will never be
	* rendered unless "(width * 5) >= border-width" is true.
	* Since "width" is set to "0", the "dashed-border" remains
	* invisible to the user, which renders the border just like how
	* "border-color: transparent" renders.
	*/
	border-width:16px; border-style:dashed; border-color: transparent; display: -moz-inline-box; display:inline-block;
	
	/* Use font-size to control the size of the arrow. */
	font-size:32px; border-left-color:#666; border-left-width:12px; height:0; line-height:0; position:relative; vertical-align:middle; width:0; border-left-style:solid; left:-4px; bottom:2px;
}
.left-menu-arrow-body a { color:#fff; font-weight:bold; }
.left-menu-arrow-body a:hover, .left-menu-arrow-body a:visited { text-decoration:none; }


/* System colors: CIS */
.color-text-cis { color:#ff6900; }
.color-background-cis { background-color:#ff6900; }
.left-menu-arrow.color-background-cis { border-left-color:#ff6900; background-color:inherit; }

/* System colors: SO */
.color-text-so { color:#00ab39; }
.color-background-so { background-color:#00ab39; }
.left-menu-arrow.color-background-so { border-left-color:#00ab39; background-color:inherit; }

/* System colors: CA */
.color-text-ca { color:#6e20a0; }
.color-background-ca { background-color:#6e20a0; }
.left-menu-arrow.color-background-ca { border-left-color:#6e20a0; background-color:inherit; }

/* Pagination */
#searchResultSummary{  overflow: auto; display: inline;}
#resultCount { float: left; margin-right: 1em; padding-top: 15px;}
.pagination { overflow:auto;  margin: 10px;}


#sticky.affix { top:35px; z-index:2; width:900px;}
#fixed-button.affix { top:40px; z-index:1; right: 0;}
#dAdvanced-accordion{width: 50%;}
#sticky {display: none; padding:0px;}

/* control form inputs in table */
td label, td label.checkbox, td label.radio { margin:0px; }
td input[type='checkbox'] { padding:0px; }
td input[type='radio'] { padding:0px; }
td label.checkbox-inline, td label.radio-inline { margin-left:10px; }

/* on screen message, note */
#layoutscreenmessage { margin:5px 0px 10px 0px; }
#layoutscreennote { margin:20px 0px 0px 0px; }	
/* accordion style */ 
.panel-group { padding: 10px 0 0 0; }


/* page-header */
.page-header {
    font-weight:bold; 
    font-size: 28px;
    font-weight: 500;
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0 0 0;
}

/* highlight text */
.highlighting { background: #FFFFA4; cursor: pointer; }

/* Expand collapse resize */
.ec-button{/*margin-left:235px;*/ margin-top: 4px; border-radius: 8px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;} 

/* margin for expand/collapse button in top menu */
.structure-cr { margin-left:250px; }
.structure-sj { margin-left:43px; }
.structure-sm { margin-left:428px; }
.structure-sp { margin-left:417px; }
.structure-ca { margin-left:313px; }
.structure-sp { margin-left:417px; }

/* icon colors */
.color-icon-red { color:#FF0012; }
.color-icon-green { color:#00B936; }
.color-icon-orange { color:#FF7724; }

/* remove border editor */
.cke_focus { outline:0 !important; }

/* helper classes */
.hideme {display: none;}

.no-padding { padding:0px; }
.no-margin { margin:0px; }



#lightbox-wrapper iframe{width: 1350px;}