/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0 0 0 0;
	padding: 0;
}

body
{
	/*text-align: center;*/
	background-color: #b4b4b4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

h1, h2, h3, h4, h5, h6
{
	color: #444444;
}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1
{
	margin-top: 1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2
{
	margin-top: 1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3
{
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4
{
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5
{
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6
{
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p
{
	margin: 1em 0;
}

a:link
{
	color: #396EAA;
}

a:visited
{
	color: #396EAA;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: none;
}

a
{
	text-decoration: none;
}

#wrapper
{		
	border: 1px solid #FFFFFF;
	text-align: left; /** background-color:#E4E4E4; **/
	background-color: #F2F2F2;  /** background-image:url(Images/main_bg.png); **/ /** background-repeat:repeat-y; **/ /** background-position:top center; **/
}
* html .wrapper
{
	/*** IE5.x/win box model fix ***/
	width: 1002px;
}

#header
{
	height: 70px;
	position: relative;
	background-image: url(Images/header.jpg);
	background-size: 100% 100%;	/*fit to the viewport. /cover*/
	min-width:948px;
	
	background-color: #F2F2F2;
	margin: 0px;
	/*border-bottom: 1px solid #F21D1D;*/
	border-bottom: 1px solid #396EAA;
}

#logo
{
	position: absolute;
	top: 11px;
	left: 11px;
	font-size: 8.5px;
	font-weight: normal;
}

#instancetext
{
	position: absolute;
	
	top: 15px;
	left: 150px;
	font-size: 3.0em;
	color: #0099FF;
}

#menu
{		
	background-color: #FAFAFA;
	
	min-width:948px;
	width:100%;
	
	min-height:26px;
	/*border-right: 1px solid #FFFFFF;*/
}

#sub-menu
{	
	background-color: #F2F2F2;	
	min-height:27px;
	min-width:948px;
	width:100%;
	border-top: 0px solid #FFFFFF;
	
	/*padding-left: 2.5%;
	padding-right: 2.5%;
	
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;*/
}



.login input[type="text"] 
{
	width: 150px;
	height: 18px;
	}

.login input[type="password"] 
{
	width: 150px;
	height: 18px;
	}


#logininfo
{
	/*position: relative;*/
	float: right;
	padding-top: 2px;
	margin-right:0px;
}

/*
* html #mainnav tr
{
	height: 1.4em;
}
*/

#contentwrapper
{
	/*width: 950px;*/
	/*SOR:  The "relative" position problem has been explanained from IK as the popup panel on some control 
			wasn't displayed outside the container panel. The "relative" position was causing a problem to the ajax 
			toolkit modalpopupextender to place the popup in the middle of the screen.
			The "relative" position has been removed and the popup panel of the tree and of some textboxes has been
			tested in IE 9 in compatibility mode, the result was that the popup panel was displayed corrected also
			outside the main container.*/
	/*position: relative;*/ /*** IE needs this or the contents won't show outside the parent container. ***/
	margin: 0px 25px 0px 25px; /*** Critical left col dimension value ***/
	float: none; /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	top: 0px;
	left: 0px;
}

#content
{
}

#content .header
{
	float: left;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FAFAFA;
}

#content .title
{
	color: #444444;
	padding-top: 15px;
	padding-left: 20px;
	/*font-size: 1.3em;*/
	font-weight: bold;
	float: left;
	width: 40%;
}

#content .statusmessage
{	
	margin-top: 10px;
	margin-right: 5px; 	
	float: right;
	/*width: 40%;*/
	height: 20px;	
}

#content .statusmessage .error
{
	color: #FF0000;
}

#content .statusmessage .message
{
	color: #666666;
}

#content .maincontent
{
	clear: both;
	background-color: #FAFAFA;
	height: 552px;
	/*overflow:hidden;*/
}


#content .fieldset
{
	margin: 1px 0px 1px 0px;
}




#content .legend
{
	position: relative;
	margin: 0 auto 0 12px;
	padding: 1em 0.25em;
	display: inline;
	color: #666666;
	line-height: 150%;
	/*z-index: 2;*/
}

#content .field
{
	color: inherit;
	height: 548px;
}

#content .centerbox
{
	float: left;
	width: 100%;
}

#content .leftbox
{
	float: left;
	width: 474px;

}

#content .rightbox
{
	position: relative; /* for ie */
	/*z-index: 100;	*/
	border-width: 0px;
	float: right;
	width: 474px;
	border-left: 0px solid #FFFFFF;
	/*overflow: hidden;*/
}

#content .leftboxsmall
{
	float: left;
	width: 350px;
	border: none;
	/*overflow: hidden;*/
}

#content .rightboxwide
{	
	position: relative; /* for ie */
	float: left;
	width: 589px;
	border: 0 none;
	margin-left: 10px;	
}

.column {
	float: left;
}

.row{
	min-width: 1000px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

#content .maincontent .newsdisplay
{
	padding: 0px 10px 10px 10px;
	height: 500px;
	height: 500px;
	overflow: auto;
}

#content .maincontent .datadisplay
{
	padding: 0px 10px 10px 10px;
	height: 500px;
	width: 338px;
}

#content .maincontent .summarycontrol
{
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
	height: 80px;
	width: 566px;
}


#content .maincontent .summarycontrolleft
{
	float: left;
	width: 50%;
}

#content .maincontent .summarycontrolright
{
	float: right;
	width: 50%;
}


.full-display

{
	padding: 0px 10px 10px 10px;
	height: 500px;
	width: 930px; 
}

.treedisplay
{
	padding: 0px 10px 4px 10px;
	height: 500px;
	width: 338px;
}

.tree-item-details, .tree-item-details-inv
{
	padding: 0px 10px 10px 10px;
	/*height: 500px;*/
	width: 569px;
	/*overflow:hidden;*/
}

.tree-item-details .fields
{
	height: 150px;
	width: 569px;
	
}

.tree-item-details .tabs
{
	/*height: 350px;*/
	width: 569px;
}

.tree-item-details-inv .fields
{
	height: 173px;
	width: 569px;
}

.tree-item-details-inv .tabs
{
	height: 327px;
	width: 569px;
}

#content .maincontent .actionbuttons
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 6px 10px 6px 10px;
	height: 17px;
}

#footer
{	
	float: left;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	background-color: #F2F2F2;
	height:24px;
}

#content .news
{
	margin-left: 20px;
	margin-right: 20px;
	height: 500px;
	overflow: auto;
}

/*
.treenodeincomplete a
{
	color: Blue;
}

.treenodeerror a
{
	color: Red;
}
*/
.popupControl
{
	background-color: #ffffff;
	position: absolute;
	visibility: hidden; /*SOR: This is wrong to not say bad, popup shoudn't be hidden, they should be not displayd! With hidden the space is always taken!*/
	border: 1px solid #7F9DB9;
    max-height: 300px;
    overflow: auto;
}	

.modalPopup 
{	
	background-color: #ffffff;
	border: 1px solid #7F9DB9;
	text-align:left;
}

.txtBoxDropdown
{
	padding: 2px;
	/*margin: 2px;*/
	background-color: #ffffff;
	border: 1px solid #7F9DB9;
}

.txtBoxOKAK
{
	/*background-color: #ffffff;*/
	border: 1px solid #ffffff;
}

.button
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #FF9900;
	font-size: 1em;
}

.imagebutton
{
	margin: 0px, 15px, 0px, 15px;
}

textarea
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}


.asecalendar .ajax__calendar_container 
{
	width:240px; border:1px solid #646464;background-color:#ffffff;color:#000000;
}
.asecalendar .ajax__calendar_body 
{
	height:150px;width:240px;position:relative;overflow:hidden;margin:auto;
}




/*
.gridcontrol
{
	border: solid 1px #FAFAFA; 
	border-color: #7F9DB9;
	height: 17px;    
}
*/

/* \*/

/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.minireport
{
	font-weight:bold;
}
.minireport-key
{
	font-family:Arial, Helvetica, sans-serif;
	color:black;	
	font-size:10px;
	font-weight:bold;
	text-align:left;	
	width:100px;	
	display: block;
	float: left;
}
.minireport-value
{
	font-size:10px;
	color:Green;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-left:4px;
			
}

.highlight 
{
	background: cadetblue2;
	}

.structurefiltertreedisplay
{
	padding: 0px 10px 10px 10px;
	height: 400px;
	width: 338px;
}
.InspectionRating
{
	width:50px;
	font-size:small;
}

/* used in a div to show a msg to the user*/
.infomsg
{
	width:580px;
	text-align:center;
	font-weight:bold;
	margin-top:120px;
}
.grades-legend
{
   color:Gray;
   font-size:smaller;
   margin-top:15px;
}


.CenteredTableHeader {

	text-align: center;
	
}

.AKSCodePopupLanesDropDown {
	
	width: 103px;
	padding-left: 1px;
	padding-right: 1px;    
	
}

.largeTextArea{	
	height:100px!important;
}

.autocomplete-search-item {
			font          : normal 11px tahoma, arial, helvetica, sans-serif;
			padding       : 3px 10px 3px 10px;
			border        : 1px solid #fff;
			border-bottom : 1px solid #eeeeee;
			white-space   : normal;
			color         : #555;
		}




.noTablePadding td, .noTablePadding th
{
	padding: 0.2em 0.5em;
}

/*temporary if not in extnet2 to make a node with empty icon*/
.x-tree-noicon 
{
    width: 0 ;              
}

/* ext readonly fields color generates "Bug":http://int:8080/browse/EMS-919
input[readOnly]{
    color: Gray;
}
*/

.disabled-item{
    color: Gray;
}

.circleFilled20
{
    width: 20px;
height: 20px;
border-radius: 20px;
color: #fff;
line-height: 20px;
text-align: center;
background: #000;
margin-right: 3px;
font-size: 8px;
display: inline-block;
}

.circle20
{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 3px;
    font-size: 8px;
    display: inline-block;
    border: 2px double;
}

.squareFilled20
{
    width: 20px;
height: 20px;
border-radius: 5px;
color: #fff;
line-height: 20px;
text-align: center;
background: #000;
margin-right: 3px;
font-size: 8px;
display: inline-block;
}

.square20
{
    width: 20px;
    height: 20px;
    border-radius: 5px;    
    line-height: 20px;
    text-align: center;    
    margin-right: 3px;
    font-size: 8px;
    display: inline-block;
    border: 2px double;
}

.fieldgroup fieldset {
    border-color: #cecece;
    border-style: solid;
    border-width: 1px;
    margin-right: 3px;
    margin-top: 10px;
    padding: 5px;
     /*float: left;*/ /*for ie*/ 
}

.color-red {
    background-color: #ff9797 !important;
    color: #000000;
}

.color-orange, .color-orange td {
    background-color: orange !important;
    color: #000000;
}
.color-green, .color-green td {
    background-color: greenyellow !important;
    color: #000000;
}
.color-yellow {
    background-color: #f5fca9 !important;
    color: #000000;
}

.readonly {
    background-color: lightgray !important;
    background-image: none !important;
}

fieldset.aks-fieldset legend div {
    font-weight: bold;
}

.aks-input-form li {
    border-width: 1px 0px 0px 0px !important;
    border-style: solid !important;
    border-color: lightgray !important;
}
.displayfield-border {
    word-wrap: break-word;
    border-width: 1px;
    border-style: inset;
    padding: 3px;
}
.x-form-item-body {
    height: initial;
}

.osedetail-fieldset-title .x-fieldset-header-default > .x-fieldset-header-text {        
    font-weight: bold;                    
}

#content .rightboxwide{
	float: left;
	margin-left: 10px;
}

.x-fieldset-header .x-fieldset-header-text{
	position: unset!important;
	font-weight: bold;
}