@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(../resources/noto.eot) format('embedded-opentype'), url(../resources/noto.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../resources/notobold.eot) format('embedded-opentype'), url(../resources/notobold.woff) format('woff');
}


html {height: 100%;}
html {overflow-y:scroll;}
html, body, div, td, th, span, a, li {font-family: 'Arial', 'Tahoma', sans-serif; font-size: 10pt;}
input, textarea, select, option {font-family: 'Arial', 'Tahoma', sans-serif; font-size: 10pt;}
    select, input[type=text], input[type=password], textarea {
        border: 1px solid #4682b4; /*width: 100%;*/
    }
input[type=text], input[type=password]{ padding-left: 1px; padding-right: 0px; min-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select { height: 22px; line-height: 22px; }
textarea { overflow:auto; padding-left: 3px; padding-right: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a {color: #2e5b80; font-size: 0.8em; font-weight:bold;}
hr {height: 1px; color: #4682b4; background-color: #4682b4; border: 0px none; }

.QuirksPageWrapper {position: relative; width: 980px; height: 100%; margin-left: 0; margin-right: 0; text-align: left; 
                    
                    border-left: 0px solid lightslategray; border-right: 0px solid lightslategray;}
.StandardsPageWrapper {width: 980px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; background-color: #b0c4de; border-left: 0px solid #4682b4; border-right: 0px solid #4682b4;}

.LinkButton {padding: 2px 8px 1px 8px; font-size: 1em; color:White; border: 1px solid silver; background: #4682b4; cursor:pointer; display:inline-block; text-decoration:none; margin-left: 1px; font-weight:bold;}
.LinkButton:nth-child(1) {margin-left: 0}
.LinkButtonRight {
    padding: 0px 8px 0px 8px;
    font-size: 1em;
    color: White;
    border: 1px solid silver;
    background: #4682b4;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    margin-left: 1px;
    font-weight: bold;
}
.UnstyledLinkButton {text-decoration: none; color: Black; cursor:pointer; font-weight: bold; }
.SmallLinkButton {padding: 2px 5px; color:White; font-weight:normal; border: 1px solid white; background: #4682b4; cursor:pointer; text-decoration:none; display:inline-block;}
.Hidden { display: none; }
.HiddenLinkButton { visibility: hidden; }
.Embolden {font-weight:bold;}
.ItemRotatorContainer>* { color: white !important; display: inline !important; font-size: 0.8em !important; }
.ItemRotatorContainer { color: white !important; border: 0 none; background: transparent none; padding: 1px 4px;  display: inline-block; position:relative; top: -2px; }
.ItemRotatorContainerWithChild { border: 1px solid white; background: #4682b4; }

.FormRegion {margin-bottom:10px; }
.FormRegionHeader span {font-weight:bold;}
.FormRegionHeader {background: url('../Images/borderbottom.png') bottom repeat-x; margin-bottom:2px; padding-bottom:4px; margin-top: 10px;}
.FormRegionFooter {background: url('../Images/borderbottom.png') bottom repeat-x; margin-bottom:0px; padding-bottom:4px; margin-left:12px;}
.FormRegionHeaderAdjacentNegMargin { margin-top: -18px; }
.FormSubHeader {}

.FormTable {width:100% !important; margin-top:4px; border: 1px solid #dedfde !important; }
.FormTable td { border: 0 none !important; }
.FormTable tr { border-bottom: 1px solid #dedfde !important; background: White; }
.FormTable th {background:#4682b4; color:white; }
.FormTableRowSelected, .FormTableRowSelected td  {cursor: pointer; background: #999999 !important;}
.FormTableRowHover {cursor: pointer; background: palegoldenrod !important;}

.FormTableEvents { width: 100% !important; margin-top: 4px; border: 1px solid #dedfde !important; }
.FormTableEvents td { height: 31px; border: 0 none !important; }
.FormTableEvents tr { border-bottom: 1px solid #a9a9a9 !important; background: #fff; cursor: pointer; }
.FormTableEvents th { background: #4682b4; color: #fff; }

.ToggleGridTextBox {visibility: hidden; position: absolute; top: 0; left: 0;}
.TruncateGridItemText {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.FixedTableCheckBoxHeader {text-align: left !important; padding: 0px !important;}
.FixedTableCheckBoxHeader input[type=checkbox] {margin-left: 2px; margin-top: 1px;}

.FormRegion label {display:inline-block; height:22px; line-height:22px; margin-bottom:4px;  }
.FormRegion select, .FormRegion input[type=text], .FormRegion input[type=password] {border:1px solid #4682b4;}
.FormRegion input[type=text], .FormRegion select, .FormRegion textarea{ margin-bottom: 4px; vertical-align:bottom; }
.Underline {background: url('../Images/borderbottom.png') bottom repeat-x; padding-bottom: 4px;}

.FormField {margin-top:5px; margin-bottom:5px;}
.FormField label {float:left;}
.FormField input {float:right; width: 80%; border: 1px solid silver;}

.WebDialog {display:none;}
.WebDialogOverlay {position:absolute;z-index:20000;background:black;width:100%;height:100%;top:0px;left:0px;filter:alpha(opacity=50);opacity:.50;-moz-opacity:.50;}
.WebDialogBox {position:absolute; border: 1px solid #4682b4; background: white; margin:0px; top: 50%; left:50%; z-index:20001;}
.WebDialogBox {border: 1px solid #4682b4; background: white;}
.WebDialogBoxContentRegion {background: #b0c4de url('../Images/webdialogbg.png'); border: 8px solid #CCC;}
.WebDialogHighlight { background-color: #4682b4; }
.WebDialogHeader { font-weight:normal; padding:15px; color:#222;}
.WebDialog h2 {font-size: medium; margin:0px;}
.LoadingIndicator { width:100%; height:100%; position:absolute; z-index:100000; top: 0; left: 0; background: #b0c4de; display:block;}
#dwtcontrolContainer { height: 450px; width: 100%; background:white; }

.WebNotification {background:LightGreen; border:3px ridge #4682b4; font-size: 14pt; z-index: 30000; padding: 5px 20px 5px 20px; position:absolute; top: 8px; left: 50%; font-weight:bold; text-align:center; width: 640px;}
.WebNotificationMessage{display:none;}
.WebNotificationMessageFormatted{font-size: 14pt;}
.NotificationError {background:Red; color:White;}
.NotificationWarning {background:Yellow; color:Black;}

.LoginForm { margin: auto; padding: 20px; }
.LoginForm input{ padding-left: 3px; }
.LoginSubmit { text-align:center; margin-top: 20px; }
.LoginDisclaimer { background:#ECECEC; padding: 10px; margin-bottom: 20px;  }

.SearchComboField { background:white; border: 1px solid #4682b4; padding: 1px 2px; }
.SearchComboField input[type=text] { border: 0px none; margin:auto; float:left; width: 295px !important; height: 20px !important;}
.SearchComboField .SearchImageButton { padding-top: 1px; padding-right: 2px; float: right; }
.SearchRegion>div { float:left; margin-top: 30px; margin-bottom:30px; }
.SearchRegion label { line-height: 22px; margin-right: 5px; }
.SearchRegion span { line-height: 22px; margin-right: 5px; }
.SearchRegion select { height: 24px; line-height: 24px; }

.SearchCriteriaRegion>div { float:left; margin-top: 20px; margin-bottom:5px; }
.SearchCriteriaRegion label { line-height: 22px; margin-right: 5px; }
.SearchCriteriaRegion span { line-height: 22px; margin-right: 5px; }
.SearchCriteriaRegion select { height: 24px; line-height: 24px; }
.SearchCriteriaRegion igDateDD { height: 20px; line-height: 20px; }

.LeftPositionLabel {font-family: Arial; height: 16px; padding-right: 5px; margin-right: 5px; vertical-align: middle;}

.ContainsFloatedChildren {zoom:1;}
.ContainsFloatedChildren:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 .ClearFloat { height:0px; line-height: 0px; clear:both;}
.DataGridFixedHeader { overflow:hidden; }
.FixedTable {}
.FixedTableDiv { overflow: auto; }
.FixedTableHeaderRow { position: relative; background:#4682b4; }
.FixedTableHeader { float:left; text-align:center; background:#4682b4; color:white; font-weight: bold; padding-top:4px; padding-bottom: 4px; }
.FixedTableCropIcon { /* background: url('../Images/crop.png') no-repeat; */ width: 17px; height: 15px; cursor: pointer; position: absolute; right: 0px; top: 0px; }

.FloatedTimeLayout { padding-left: 4px; }
.TimeEditContainer { position: relative; width: 130px; height: 25px; }
.TimeEdit { position: absolute; top: 0; left: 4px; z-index: 100; border-right: 0px none !important; }
.TimeEditDropDown { position: absolute; top: 0; left: 4px; z-index: 0; }

/* Infragistics */
.igdd_Control { border:1px solid #4682b4;  background: white; }
.igdd_DropDownButton { width: auto !important; margin: 0 !important; }
.FormRegion .igdd_Control { margin-bottom: 4px; }
.FormRegion .igdate_Control { margin-bottom: 4px; }
.igdd_DropDownListContainer { background: white; border: 1px solid #4682b4; }
.igdd_DropDownListContainer li { list-style: none; margin: 0; padding: 2px; cursor: pointer; }
.igdd_DropDownListContainer ul { padding: 0; margin: 0; }
.igdd_ControlArea input[type=text] { height: 22px !important; background-color: transparent; }
.WebDropDownRegion input[type=text] { border: 0px none !important; margin: 0 !important; width: 99% !important; }
.WebDropDownRegion table { margin-bottom: 0 !important; border: 0px none; }
.WebDropDownRegion .ig_Control {overflow: hidden !important; height: 22px !important;}
.WebDropDownRegion .igdd_ListItemHover { background-image: none; background-color:#4682b4; font-weight:normal; color: #FFFFFF;}
.WebDropDownRegion .igdd_NullText { color: #6B6B6B;}
.igdd_ValueDisplayReadOnly { background-color:oldlace !important; }
.ig_Hover { background-color: transparent;}
.igdd_ValueDisplayHover { background-color: transparent;}

/*Recaptcha*/
#recaptcha_area { margin: 0 auto; }