/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
table { border-collapse: collapse; border-spacing: 0;}
table.topalign td, table.topalign th{ vertical-align:top;}
table.middlealign td, table.topalign th{ vertical-align:middle;}
html body { margin: 0; padding:0;}
html body { background-color: white; color: Black;font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
html,body { margin: 0; padding:0;}
fieldset,form{border:0;margin:0;padding:0}
pre { font-family: Consolas, Courier New, Courier; }
strong,b,h1,h2,h3,h4,th { font-weight: bold;}
i { font-style: italic;}
/* ------------------------------ */
.center{ margin:auto; text-align:center;}
.backHeader { background: white; }
.backFooter { background: white; color: black;}
.backContents { background: white;}
.HeaderContainer, .FooterContainer, .ContentsContainer { margin:auto; padding: 0; max-width: 1300px;}
.HeaderContainer table td { vertical-align: middle;}
.mobile { min-width: 640px !important; }
.desktop { min-width: 840px !important; }
.mobile .hideOnMobile { display:none;}
.desktop .hideOnDesktop { display:none;}
.mobile #FirstLayerNav .hideOnMobile { display:none;}
.ContentsContainer { padding-left: 5px; padding-right: 5px;}
.ContentsContainer .left { float: left; width: 172px; position:relative; padding-bottom: 2em; padding-top: 5px; }
.ContentsContainer .right{ padding-top: 15px; margin-left: 182px; padding-left: 10px; padding-bottom: 2em; border-left: 1px dotted #eee;}
.ContentsContainer .rightNoMenu { padding-top: 10px; padding-left: 0;}
.noScript { width:100%; padding: 10px; background: red; color:White; }
#rightContainerTable
{
width: 100%; //margin-right: -100%; //display: inline;
}
/* -- */
#mainContentCell { vertical-align: top;}
table.pad5 th, table.pad5 td { padding: 5px;}
table.pad2 th, table.pad2 td { padding: 2px;}
input::-webkit-input-placeholder { color: #999;}
input:-moz-placeholder { color: #999;}
a,p,label,li,ul,ol,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
p{ padding-top: 0.5em; padding-bottom: 0.5em; }
br{ border: solid 0 red; line-height:10px;}
ul{ padding: 0.5em 0.5em 0.5em 3em; line-height: 16pt;}
ul.flat{ padding: 0.5em 1em 0.5em 1.5em; line-height: 16pt;}
.bold{ font-weight:bold;}
a{ color:#47A5D8; text-decoration:underline}
a:hover { text-decoration: underline;}
.blue{ color: #53afde;}
img { border: 0; padding:0; }
/* Headers */
h1 { color: Black; font-size:15pt; font-family: Arial, Helvetica, sans-serif ;}
h2{ font-size: 14pt; font-family: Arial, Helvetica, sans-serif;margin-top: 1em;}
h3{ font-size: 13pt; font-family: Arial, Helvetica, sans-serif;margin-top: 1em;}
h4{ font-size: 12pt; font-family: Arial, Helvetica, sans-serif;margin-top: 1em;}
.clear { clear:both; }
/* Side navigation */
#side-nav {}
#side-nav UL, #side-nav UL UL { margin: 0; padding: 0; list-style-type: none; border: solid 5px white;}
#side-nav UL a, #side-nav ul span.block
{
display: block;
width: 140px;
padding: 3px 12px 3px 9px;
text-decoration: none;
}
#side-nav ul span.block{ font-weight: bold;}
#side-nav UL LI { margin-top: 5px; }
#side-nav UL LI.first { margin-top: 5px;}
#side-nav UL LI UL { margin-top: -5px; border: none;}
#side-nav UL LI LI { margin-top: 5px;}
#side-nav UL LI UL LI { margin-top: 0;}
#side-nav ul li { font-size: 14px; FONT-WEIGHT: bold; margin-top: 10px;}
#side-nav ul ul li { font-size: 12px; FONT-WEIGHT: normal;}
#side-nav UL li li a { display: block; width: 139px; padding: 3px 3px 3px 18px; text-decoration: none; font-weight: normal;}
#side-nav UL A.special { font-style: italic;}
#side-nav UL A:active, #side-nav UL A:hover { text-decoration: underline;}
#side-nav UL LI.selected > A { FONT-WEIGHT: bold; color:white; background: #ff6633 url("../../images/selection.gif"); width: 139px;}
/* Hide border around fieldset */
legend { color: #7f9db9; display: none;}
.inputForm label, .inputFormWithTab label
{
margin: 0 5px 0 3px; /* set top margin same as form input - textarea etc. elements */
}
fieldset label, fieldset .labeltext {
display: block; /* block float the labels to left column, set a width */
float: left;
padding: 0;
margin: 3px 5px 0 5px; /* set top margin same as form input - textarea etc. elements */
padding: 2px 0 2px 0;
width: 150px;
}
.starValidator { margin: 0;padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
/* IE6-IE7 hacks */
* html .starValidator { display:none;width:0;position:absolute;top:-10000px;}
*+html .starValidator { position:relative;top:-5px;}
.inputText[readonly], .inputTextDate[readonly],.inputTextTime[readonly], .inputTextNarrow[readonly]{ background: #eeeeee;}
.input:disabled,select:disabled option, textarea:disabled { background: #eeeeee;}
.inputText, .inputTextNarrow , .inputTextTime, .inputTextDate, .inputTextWide
{
color: Black;
background-color:white;
border:1px solid #7f9db9;
margin: 2px 0 4px 0;
padding: 2px 2px 2px 3px;
width:400px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.inputLink
{
margin: 4px 0 4px 0;
padding:2px 0 2px 3px;
width:400px;
display:inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.inputTextNarrow { width:200px;}
.inputTextWide { width:560px;}
.inputTextDate { width:80px;}
.inputTextTime { width:80px;}
.dateTimeControl { display:inline; white-space: nowrap; }
.dateTimeControl img { vertical-align: top; margin-right:5px; border: 1px solid blue;}
.dateTimeControl .dateTimeButton { vertical-align: top; padding-top: 2px; padding-bottom:2px; margin-right:5px; }
.withBorders fieldset { width:100%;padding:2px 0 2px 0;}
.withBorders label { width:130px;}
.withBorders .inputText { width:370px;}
.withBorders .inputSelect { width:375px;}
.inputLiteral { width:400px;
display: inline-block;
margin: 0 5px 0 0px; /* set top margin same as form input - textarea etc. elements */
padding: 0 0 5px 0;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
select{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.inputSelect
{
border:1px solid #7f9db9;
margin: 2px 0 4px 0;
width:406px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: Black;
background-color:#ffffff!important;
padding:2px 0 2px 3px;
}
select.inputSelect:disabled { color: gray;}
.buttonsBar { margin-top: 0.5em; width: 608px; position:relative; height:2.4em;}
.buttonsBar div { float:right;}
.fixedWidth, .inputForm { width: 600px; hasLayout: 1;}
.fixedWidthPadded { width: 608px;}
.inputFormWithTab { width: 625px; }
fieldset { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border: none; padding: 10px; color: #000; width: 585px; background-color: #f8f8f8; text-align: left; }
fieldset p { padding: 0 0 0 0; margin: 0 0 0 0;}
.validationSummary{ color: #0066FF; display:block; width:585px; padding: 5px 10px 5px 10px; margin-top:5px;margin-bottom: 5px; border: dashed 1px #D2DEF0;}
.errorReport
{
background-color: #FFFACD ;
color: #3f3f3f;
display:block;
width:585px;
padding: 5px 10px 5px 10px;
margin-top:5px;
margin-bottom: 5px;
border: dashed 1px #D2DEF0;
}
.successReport
{
background-color: #D4F0FF;
color: #3f3f3f;
display:block;
width:585px;
padding: 5px 10px 5px 10px;
margin-top:5px;
margin-bottom: 5px;
border: dashed 1px #7f9db9;
}
.windowCloseButton { float: right; clear: left; display: inline-block; cursor: pointer; background-image: url('../../images/closebtn.gif'); width:21px;height:21px;overflow:hidden;}
/* */
.flatMenu { margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;}
.flatMenu .inline { margin: 0; padding:0;}
.passPoor, .passInvalid { background-color: #B30202;}
.passAverage { background-color: #0222B3;}
.passExcellent { background-color: #055E12; }
.passInvalid, .passPoor, .passAverage, .passExcellent
{
color:White;
font-weight: bold;
margin-left: -160px;
margin-top: 3px;
width:140px;
text-align: center;
}
.hidden { display: none;}
.hiddenProgress { position: absolute; right:0;top:0;display:inline; z-index: 500; visibility: hidden; }
.progress
{
width: 20em;
border: solid 2px #53afde;
background: white;
text-align: center;
margin-left: auto;
margin-right: auto;
min-height: 10em;
display: table-cell;
vertical-align: middle
}
.progress img{ margin-top: 6em;}
.progress p {}
.nowrap { white-space: nowrap; }
table.withBorders { border: solid 1px #eee; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; background:white; }
table.withBorders tr.menuRow { background: #f8f8f8; border-top: solid 2px #aaa;}
table.withBorders tr.menuRow td:first-child .imgBtn{ margin-left: 10px;}
table.withBorders tr.filterRow { background: #f8f8f8;}
table.withBorders tr.filterRow td input { width:100%; height:100%; margin:0; padding:0;}
table.withBorders td img { vertical-align: middle; margin-right: 5px;}
table.withBorders td { border: solid 1px #eee; padding: 3px; min-width: 2em; vertical-align: middle;}
table tr.selected{ background: #FFDDCC; cursor: pointer;}
table.withBorders tr.selectable:hover, table.withBorders tr.selectable:hover fieldset , .selected2 { background: #FFDDCC;}
table.withBorders th { border: solid 1px #eee; padding: 3px; background: #f8f8f8; text-align: center;}
table.withBorders tr.headerRow, table.withBorders .footerRow { background: #f8f8f8; vertical-align: middle;}
table.withBorders .footerRow td { white-space:nowrap; padding-top:2px; padding-bottom:2px; vertical-align:middle;}
table.withBorders .footerRow input { font-size: 10pt;}
table.withBorders .footerRow .filter { font-size: 8pt;}
table.withBorders .ctrlControls { float: left; white-space:nowrap; position:relative; top: -2px; margin:0;}
table.withBorders .ctrlControls a, table.withBorders .ctrlControls a:hover { font-size: 16pt; font-weight: bold; text-decoration: none; padding-bottom: 2px;}
table.withBorders .ctrlControls img { vertical-align: middle; }
table.withBorders .ctrlControls a:hover { background: #eee;}
table.withBorders .pagerRight { float: right; white-space:nowrap;}
table.withBorders .pagerRight span { font-size: 8pt;}
table.withBorders tr.withExtraInfoRow,table.withBorders tr.withExtraInfoRow td { border-bottom: 0;}
table.withBorders tr.extraInfoRow td.noTopBorder { border-top: 0;}
table.withBorders tr.extraInfoRow { display:none;}
table.withBorders tr.extraInfoRow.expanded { display:table-row;}
.extraInfo { padding-top: 5px; padding-bottom: 2px;}
.extraInfo dl, .extraInfo dl a { font-size: 8pt;}
.extraInfo dt { width: 95px; float: left; font-weight: bold; }
.extraInfo dd { margin-left: 100px; font-style:italic; }
table.layoutTable { width:100%;}
table.layoutTable, table.layoutTable tr, table.layoutTable tr td { border:0; margin:0; padding:0;}
table.withBorders.tree td { padding-top: 2px; padding-bottom: 2px; vertical-align: middle;}
.transparent
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
/* Error */
body.errorBody .center { margin-left: auto;margin-right: auto; width:680px; }
body.errorBody .clear {font-size: 1px; height: 1px}
body.errorBody .errorReport { padding: 1em;}
body.errorBody #warning {vertical-align: text-top; margin-right: 1em; float: left; }
/* ajax modal dialog styles */
.modalBackground { background-color: Gray; filter: alpha(opacity=50); opacity: 0.5; }
.modalBox { background-color : white; border-width: 3px; border-style: solid; border-color: #3888d9; width: 635px;}
.modalBox .caption { background: #3888d9; position: relative;color: White; padding: 5px;}
.modalBox .contents { padding:10px; background:white;}
.updateProgress { background-color:#FFFFFF; position:absolute; width:250px; height:140px; vertical-align: middle;border: 2px solid #FF6633;}
.updateProgressMessage { margin:auto; font-size:10pt; vertical-align: middle; }
.divUpdateProgress { text-align:center; margin-top:50px; vertical-align: middle;}
/* tweb modal dialog styles */
.modalPanelTitle td { padding: 3px; font-weight: bold; font-size: 0.9em; cursor: pointer; color: black; font-family: Verdana; width: 100%; height: 30px; background-color: #6f90dc;}
table.checkboxList { position:relative; top: 2px; display:block; border:0; padding:0;grid-cell:unset;}
table.checkboxList label { float:none; display: inline; width:auto; vertical-align:middle;}
table.checkboxList td { border:0; padding:2px 0 2px 0; min-width: 10px;}
table.checkboxList td.user { vertical-align: middle; padding-right: 2em; padding-top: 2px; padding-bottom: 2px;}
table.checkboxList input { vertical-align: middle; margin: 0 0 0 5px; padding:0;}
a.undecoratedLink, a:hover.undecoratedLink, a:visited.undecoratedLink { text-decoration:none; color:Black;}
a:hover.undecoratedLink { text-decoration: underline;}
#invoice body { background-color: transparent; font-size: 12pt; max-width: 7in;}
#invoice .invoice {}
#invoice h4 { font-size: 18pt;}
.invoice { margin-top: 10px; min-width:500px;}
.img24x24 { width:24px; height:24px;}
.img16x16 { width:16px; height:16px;}
.img48x48 { width:48px; height:48px;}
fieldset .captcha { width: 376px;height:50px;}
fieldset .smallNote { font-size: 8pt; font-style: italic; width: 400px; margin-left: 160px; text-align: left; }
fieldset .smallNoteWithMargin { font-size: 8pt; font-style: italic; width: 400px; margin-left: 160px; text-align: left; margin-bottom: 10px; }
fieldset .smallText { font-size: 8pt; font-style: italic; }
/* Nice buttons */
.btn { margin: 2px 2px 2px 2px; padding-right: 4.9px; display: block; padding-left: 5px; background: #aaa; float: left; padding-bottom: 5px; cursor: pointer; color: #fff; padding-top: 5px; position: relative; text-decoration: none; font-size:1em; min-width:10em;text-align:center;}
.btn * { display: block; background-image: url(../../images/rbutton-face.png); background-repeat: no-repeat; font-style: normal; position: relative;}
.btn i { background-position: left top; left: 0; margin-bottom: -5px; width: 5px; position: absolute; top: 0; height: 5px;}
.btn span { padding-right: 0; background-position: left bottom; padding-left: 10px; left: -5px; margin-bottom: -5px; padding-bottom: 5px; padding-top: 0;}
.btn span i { background-position: right bottom; left: 100%; margin-bottom: 0; width: 10px; position: absolute; top: 0; height: 100%;}
.btn span span { background-position: right top; right: -10px; margin-left: 10px; position: absolute; top: -5px; height: 0;}
* html .btn span { float: left; background-image: none; width: auto; cursor: pointer}
* html .btn i { float: left; background-image: none; width: auto; cursor: pointer}
.disabled.btn { BACKGROUND: #cccccc; color: White;}
.blue.btn { BACKGROUND: /*#0083B7*/#DB5200; speak: none;}
/* #3888d9 */
.blue.btn * { color: white; }
.blue.btn:hover { BACKGROUND-COLOR: #a00; text-decoration: none;}
.blue.btn:hover span span { color: White }
.blue.btn:active { BACKGROUND-COLOR: #D91B1B; }
.blue.btn:focus { BACKGROUND-COLOR: #D91B1B; }
[class].btn { BACKGROUND-POSITION: 50% bottom; /*BACKGROUND-IMAGE: url(../../images/rbutton-shade.png) */ }
* HTML .btn { BORDER-RIGHT: #aaa 3px double; BORDER-TOP: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-BOTTOM: #aaa 3px double}
* HTML .blue.btn { BORDER-LEFT-COLOR: #2ae; BORDER-BOTTOM-COLOR: #2ae; BORDER-TOP-COLOR: #2ae; BORDER-RIGHT-COLOR: #2ae}
.disabled.btn:hover{ text-decoration: none; cursor:default;BACKGROUND: #cccccc;}
/* progress */
.ajax__progress_outer { border-top:solid 1px #000; border-bottom:solid 1px #000;}
.ajax__progress_inner { position:relative; border-left:solid 1px #000; border-right:solid 1px #000; margin:0 -1px; height:10px; background:url(../../images/progress_bg.gif) repeat-x;}
.ajax__progress_indicator { width:0; height:10px; background:url(../../images/progress.gif) repeat-x; overflow:hidden; }
.ajax__progress_info { font-family:Verdana, Sans-Serif; font-size:10pt; text-align:center; color:#666; }
.ajax__tab { border-bottom: 0;}
/* applied to the text while the progress is updating */
.updating .ajax__progress_info{ color:#000; }
.ajax__calendar_container { z-index:1000; }
/* -- Infopane -- */
.roundPanel { margin-top: 1em; margin-right: 1em; padding: 0.5em;}
.roundPanel.float { float:left; border: 1px dashed #eee;}
.infoPaneForm, .infoPane { width: 420px; margin: 0.5em; padding:0.5em; background-color: #D4F0FF; border: dashed 1px #7f9db9;}
.infoPane.widePane { width:590px; margin: 0;}
.infoPane h5 { color: black; margin-bottom: 1em; font-size: 11pt;}
.infoPane table td { vertical-align:top; padding: 5px;}
.infoPane table th { vertical-align:top; width: 12em; font-weight: bold; text-align: left; padding: 5px;}
ol { padding-left: 20px;}
.backHeader .line2 { height:1px; background:#FF6633; margin-left:2px;margin-right:2px; }
.backHeader .line2 img { height:1px; }
.backHeader .line1 { height:1px; background:#FF6633; margin-left:1px;margin-right:1px; }
.backHeader .line1 img { height:1px; }
.backHeader .line0 { height:3px; background:#FF6633; margin-left:0;margin-right:0; }
.backHeader .line0 img { height:3px; }
p.redirect { padding:5px; color: Black;font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.HeaderContainer table { width:100%; margin-top:0;height:32px; border:0;}
::-webkit-input-placeholder { color: #999;}
:-moz-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;}
.clickable { cursor: pointer; }
.clickable:hover { text-decoration: underline;}
.imgBtn { display: inline-block; border: 1px solid transparent; white-space: nowrap; vertical-align: middle; text-decoration: none; color: #000; padding: 0 5px 0 5px; }
.imgBtn:hover { border: 1px dashed #ccc; text-decoration: underline;}
.imgBtn span { margin-right: 5px; }
/* https://github.com/DevExpress/AjaxControlToolkit/issues/125 */
.ajax__tab_default .ajax__tab_header { width: 100%; }