body{
 height:100%;
 color:#000000;
 background:#ffffff;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:13px;
 padding:0px;
 margin:0px;
}

*, ::after, ::before {
 box-sizing: content-box;
}

input, textarea, select{
 padding:3px;
 color:#222222;
 font-size:13px;
 color:#35c;
}

input:disabled, textarea:disabled, select:disabled{
 color:#222;
}

a, i, center, td, th{
 color:#222222;
 font-size:13px;
 text-decoration:none;
}

a{
 color:#2f6980;
}

a:hover{
 color:#222222;
 text-decoration:none;
}

table{
 border-collapse:collapse;
}

fieldset{
 border:none;
 padding:0;
 margin:0;
}

.Xchosen-container .chosen-single{
 color:#35c;
}

#header{
 position: -webkit-sticky; /* Safari */
 position: sticky;
 top: 0;
 z-index:9998;
 width:100%;
 padding:0px;
 margin:0px;
}

#headerTop{
 position:relative;
 z-index:1;
 background-color:#fff;
 margin:0;
 border-bottom:1px solid #e0e0e0;
 vertical-align:middle;
 box-shadow: 0px 4px 5px 2px #88888840;
}

#headerLeft{
 position:fixed;
 top:80px;
 background-color:#eee;
 float:left;
 width:160px;
 height:100%;
}

.headerLabel{
 position:absolute;
 top:20px;
 left:80px;
 background:#3366ff;
 color:#ffffff;
 padding:10px 20px 10px 20px;
 border-radius:4px;
}

.headerNav{
 position:absolute;
 right:20px;
 top:5px;
 vertical-align:top;
}

#headerAdminLevel{
 position:absolute;
 right:20px;
 top:5px;
}

.headerNav a{
 color:#aaaaaa;
 text-decoration:none;
}

.headerOffset{
 display: block;
 position: relative;
 top: -85px;
 visibility: hidden;
}

.menuWrap{
 margin:0px 0 0 170px;
 padding:20px 0 0 10px;
 min-height:60px;
}

#logoContainer{
 float:left;
 display:inline-block;
 width:160px;
 background:#fff;
}

#logo{
 vertical-align:bottom;
 margin:0 0 10px 0px;
}

#leftOpts{
 display:flex;
 align-items:center;
 justify-content: center;
 margin-top:10px;
 text-align:center;
}

.menu, .menuSel{
 border:0;
 background-color:#ccc;
 color:#444;
 margin:0 0 4px 0;
 padding:10px 16px 10px 16px;
 text-decoration:none;
 display:inline-block;
 border-radius:4px;
}

.menu:hover{
 background-color:#aaa;
 color:#fff;
 text-decoration:none;
}

.menuSel{
 background-color:#2c437c;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}

.menuSel:hover{
 color:#fff;
 text-decoration:none;
}

.subMenu, .subMenuSel{
 background-color:#ddd;
 display:inline-block;
 width:140px;
 color:#444;
 padding:10px 0px 10px 0px;
 margin:10px 0px 0px 10px;
 text-align:center;
 text-decoration:none;
 border-radius:4px;
}

.submenu:hover{
 background-color:#aaa;
 text-decoration:none;
 color:#fff;
}

.subMenuSel{
 background-color: #0f6aae;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}

.subMenuSel:hover{
 color:#fff;
 text-decoration:none;
}

.menu2{
 display:inline-block;
 border:1px solid #888888;
 background-color:#cccccc;
 color:#888888;
 padding:10px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

.menu2Sel{
 display:inline-block;
 border:1px solid #888888;
 border-bottom:1px solid #eeeeee;
 background-color: #eeeeee;
 color:#000000;
 padding:10px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

.menu2 > a, .menu2Sel > a{
 text-decoration:none;
}

.menu2White{
 border:1px solid #888888;
 border-bottom:1px solid #ffffff;
 background-color: #ffffff;
 color:#000000;
 padding:0px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

.menuEPD{
 border:1px solid #888888;
 background-color:#cccccc;
 color:#888888;
 padding:7px 15px 7px 15px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

.menuEPDSel{
 border:1px solid #888888;
 border-bottom:1px solid #ffffff;
 background-color: #ffffff;
 color:#000000;
 padding:7px 15px 7px 15px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

.top{
 display: block;
 position: relative;
 top: -100px;
 visibility: hidden;
}

.content{
 background-color:#ffffff;
 color:#222222;
 padding:20px 10px 0px 10px;
 min-height:300px;
 margin:0 0 120px 160px;
}

.contentClear{
 clear:both;
 height:1px;
 overflow:hidden;
}

.footer{
 position:fixed;
 z-index:9999;
 width:100%;
 bottom:0px;
 background-color:#fff;
 color:#2c437c;
 padding:10px;
 text-align:center;
 border-top:1px solid #e0e0e0;
 box-shadow: 0px -4px 5px 2px #88888840;
}

.headingEPD{
 color:#000000;
 font-weight:bold;
 font-size:18px;
 text-align:center;
}

.heading{
 color:#000000;
 font-weight:bold;
}

.subHead{
 color:#000000;
 font-size:11px;
 font-weight:bold;
}

.syntax{
 color:#000000;
 font-family:courier;
 font-size:11px;
}

.rev{
 color:#000000;
 font-family:courier;
 font-size:11px;
}

.note{
 font-size:11px;
}

.footnote{
 color:#888888;
 font-size:9px;
}

.okGo{
 color:#00aa00;
 font-weight:bold;
}

.warn{
 color:#c11222;
 font-weight:bold;
}

.inactive{
 color:#dddddd;
}

.emailUpdates{
 color:#008800;
 font-size:9px;
}

.emailOK{
 color:#c11222;
 font-size:9px;
}

.box1{
 background-color:#eeeeee;
 border:1px solid #888888;
 padding:10px;
}

.abtn{
 background-color:#eeeeee;
 border:1px solid #888888;
 padding:7px 20px 7px 20px;
 text-decoration:none;
 display:inline-block;
 text-align:center;
}

.boxTopEPD{
 background-color:ffffff;
 border:none;
 border-top:1px solid #888888;
}

.stdBox{
 padding:10px;
 background-color:#dddddd;
 border:1px solid #888888;
}

.stdForm{
 padding:0px;
 margin:0px;
}

.stdData{
 border-color: #888888;
 border-width: 1px;
 border-style: solid;
 border-collapse:collapse;
}

.stdWrap{
 align:center;
 background-color:#eeeeee;
 border:1px solid #888888;
 padding:10px;
 width:320px;
}

.chatWrap{
 align:center;
 background-color:#eeeeee;
 border:1px solid #888888;
 padding:10px;
 width:320px;
}

.chatBox{
 height:200px;
 border:1px solid #888888;
 padding:5px;
 margin-bottom:5px;
 overflow:auto;
 background-color:#ffffff;
}

.chatInput{
 width:240px;
}

.chatButton{
 width:50px;
 float:right;
}

.s21DragObj{
 position:absolute;
 overflow:hidden;
 border: 1px solid black;
 filter:alpha(opacity=75);
 -moz-opacity:.75;
 opacity:.75;
 visibility:hidden;
 padding:5px;
}

.s21FloatInfo{
 background-color: #ffffaa;
 overflow:auto;
 border:1px solid #888888;
 padding:5px;
 position:absolute;
 visibility:hidden;
 z-index:1000;
}

.contactField{
 width:400px;
}



#nav, #nav ul { /* all lists */
 padding: 0;
 margin: 0px;
 list-style: none;
 float: left;
 width: 120px;
}
 
#nav a {
 display: block;
 width: 120px;
}

#nav li {
 /* all list items */
 position : relative;
 float : left;
 line-height : 30px;
 margin-bottom : -1px;
 width: 120px;
}
 
#nav li ul {
 /* sub level */
 position: absolute;
 left: -999em;
 margin-left: 0px;
 margin-top: 0px;
 text-align:left;
 display:inline;
 width:120px;
}
 
#nav li a {
 /* top level links (and sub level) */
 width: 120px;
 #display: block;
 text-decoration: none;
 background-color: #eeeeee;
 #background-image:url(/img/catBg.jpg);
 border: 1px solid #aaaaaa;
 padding: 0 10px;
 text-align: left;
}
 
#nav li a:hover {
 color: #eeeeee;
 background-color: #66a3fe;
}
 
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 /* lists nested under hovered list items */
 left: auto;
}


.reportHead1{
 font-size:20px;
 text-align:center;
 font-weight:bold;
 text-decoration:none;
}

.reportBlockHeadU{
 font-size:20px;
 text-align:center;
 font-weight:bold;
 text-decoration:underline
}

.reportBoxInfo{
 border:1px solid #660000;
 background-color:#aabbdd;
 padding:10px;
}

.reportBoxWarn{
 border:1px solid #660000;
 background-color:#ee2222;
 padding:10px;
 color:#ffffff;
}

.reportLabel{
 float:left;
 width:100px;
 overflow:hidden;
 font-weight:bold;
 padding:5px;
}

.reportValue{
 float:left;
 width:250px;
 overflow:hidden;
 padding:5px;
 border-bottom:1px solid #888888;
}

.reportValue2{
 float:left;
 width:650px;
 padding:5px;
 border-bottom:1px solid #888888;
}

.reportLabel3{
 float:left;
 width:350px;
 overflow:hidden;
 font-weight:bold;
 padding:5px;
}

.reportValue3{
 float:left;
 width:400px;
 padding:5px;
 border-bottom:1px solid #888888;
}

.capexBoxInfo{
 border:1px solid #660000;
 background-color:#ffffff;
 padding:10px;
}

.capexLabel{
 width:200px;
}

.capexInfo{
 width:400px;
}

.dataHeader{
 background-color:#ccc;
 padding:10px;
 margin-bottom:16px;
}

.headRow{
 background-color:#ccc;
}

.dataRow1{
  background-color:#ddd;
}

.dataRow1:hover{
 background-color:#accfeb;
}

.dataRow2{
 background-color:#eee;
}

.dataRow2:hover{
 background-color:#accfeb;
}

.dataRowWarn, .dataRowRed{
 background-color:#c00;
}

.dataRowWarn2{
 background-color:#caa;
}

.dataRowAmber{
 background-color:#f90;
}

.dataRowHi:hover{
 background-color:#accfeb;
}

.dataClip{
 white-space: nowrap;
 overflow: hidden;
 text-overflow:ellipsis;
}

.border1{
 border:1px solid #888;
}

.pad1{
 padding:5px;
}

.dimmed{
 color:#888;
}

textarea.fullWidth{
 width:100%;
 height:60px;
 padding-right:0px;
 overflow-y: scroll; //ie specific
}

.red{
 font-weight:bold;
 color: #c00;
}

.amber{
 font-weight:bold;
 color: #f90;
}

.green{
 font-weight:bold;
 color: #66aa45;
}

.blue{
 font-weight:bold;
 color: #35c;
}

.white{
 font-weight:bold;
 color: #fff;
}

.btn1{
 min-width:100px;
 padding:5px;
}

.btnGreen{
 min-width: 100px;
 padding: 5px;
 background: #b6d89f;
 color:#222;
 border:1px solid #222;
 border-radius:4px;
}

.btnGreen:hover{
 background: #669245;
 color: #000;
}

.btnRed{
 min-width: 100px;
 padding: 5px;
 background-color: #f00;
 color: #fff;
 border:1px solid #222;
 border-radius:4px;
}

.btnRed:hover{
 background-color: #900;
}

.btnBlue{
 min-width: 100px;
 padding: 5px;
 background: #acf;
 color:#222;
 border:1px solid #222;
 border-radius:4px;
}

.btnBlue:hover{
 background: #59c;
 color: #fff;
}

.redBG{
 background-color: #c00;
}

.redBG2{
 background-color: #fee;
}

.redBG3{
 background-color: #faa;
}

.amberBG{
 background-color: #f90;
}

.greenBG{
 background-color: #0a0;
}

.greenBG2{
 background-color: #efe;
}

.greenBG3{
 background-color: #afa;
}

.greyBG{
 background-color: #eee;
}

.darkgreyBG{
 background-color: #888;
}

.blueBG{
 background-color: #36c;
}

.blueBG1{
 background-color: #3cf;
}

.whiteBG{
 background-color: #fff;
}

.yellowBG1{
 background-color: #ff0;
}

.assetBG{
 background-color: #0a0;
}

.checkBG{
 background-color: #36c;
}

.normal{
 font-weight:normal;
}

.titleExp{
 cursor:pointer;
}

.complianceGreen{
 font-weight:bold;
 color:#ffffff;
 background-color:#0c0;
}

.complianceRed{
 font-weight:bold;
 color:#ffffff;
 background-color:#c00;
}

.complianceAmber{
 font-weight:bold;
 color:#ffffff;
 background-color:#f60;
}

.buttonAmber{
 background-color:#f60;
}

.pspiGraph{
 border:1px solid #888;
 padding:20px;
 background-color:#eee;
}

.pspiGraphTable{
 background-color:#fff;
}

.pspiGraphBar{
 font-size:8px;
 text-align:center;
}

.pspiGraphPreBar{
 font-size:8px;
 text-align:center;
 color:#aaa;
}

.pspiGraphKeyBox{
 float:left;
 width:20px;
 border:1px solid #888;
}

.mocInfoBox{
 text-align:center;
 padding:10px;
 border:1px solid black;
 background-color:#ff6600;
}

.mpInspected, .mpInspected a{
 background-color:#0a0;
 color:#fff;
 text-decoration:none;
}

.mpDashed{
 border:2px dashed #fff;
}

.mpForecast, .mpForecast a{
 background-color:#f90;
 color:#fff;
 text-decoration:none;
}

.mpForecastHistory, .mpForecastHistory a{
 background-color:#fee;
 color:#000;
 text-decoration:none;
}

.mpExpected, .mpExpected a{
 background-color:#fee;
 color:#000;
 text-decoration:none;
}

.mpHeader{
 background-color:#eee;
 color:#000;
}

.mpCell{
 background-color:#fff;
 color:#000;
}

.mpDeferral{
 border:2px dashed #2F6980;
}

.mpDeferred, .mpDeferred a{
 background-color:#369;
 color:#fff;
 text-decoration:none;
}

.mpInstallation{
 background-color:#369;
 color:#fff;
}

.epdHeading{
 font-weight: bold;
 text-decoration: underline;
 font-size: 16px;
}

.QRTAG, .assetStatus, .checkStatus{
 border: 1px solid black;
 text-decoration:none;
 padding:5px;
 font-weight:bold;
 display:inline-block;
 min-width:40px;
 text-align:center;
}

.QRWider{
 width:130px;
}

.QRSC{
 background-color: #f00;
 color: #000;
}

.QRSIS{
 background-color: #ff0;
 color: #c00;
}

.QRGEN{
 background-color: #fff;
 color: #000;
}

.QRCHECK{
 background-color: #6cf;
 color: #009;
}

.QRCHECKPARENT{
 background-color: #369;
 color: #fff;
}

.QRBand{
 display:inline-block;
 padding:10px 0px 10px 0px;
 text-align:center;
 width:100%;
 background-color:#fff;
 color:#000;
}

.QRBandGen{
 background-color:#3399ff;
 color:#ffffff;
}

.QRBand2017{
 background-color:#fff;
 color:#ffffff;
}

.QRBand2018{
 background-color:#00cc00;
 color:#ffffff;
}

.QRBand2019{
 background-color:#bb00ff;
 color:#ffffff;
}

.QRCat17{
 background-color:#009900;
 color:#ffffff;
}

.QRCat18{
 background-color:#bb00ff;
 color:#ffffff;
}

.QRGenBox{
 border:1px solid black;
 background-color:#ffffff;
 padding:10px;
 float:left;
 text-align:center;
}

.QRGENTAG{
 border: 1px solid black;
 text-decoration:none;
 padding:5px;
 font-weight:bold;
 display:inline-block;
 text-align:center;
}

.QRMonthly{
 background:#0c0;
}

.QRDaily{
 background:#808;
}

.Rotate180{
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
}

.CriticalFaultHeader{
 background-color:#cc0000;
 color:#ffffff;
 font-weight:bold;
}

.assetStatusA{
 color:#000000;
 background:#00ee00;
}

.assetStatusB{
 color:#000000;
 background:#eeee00;
}

.assetStatusC{
 color:#ffffff;
 background:#ff9900;
}

.assetStatusD{
 color:#ffffff;
 background:#cc6600;
}

.assetStatusE{
 color:#ffffff;
 background:#cc0000;
}

.assetStatusF{
 color:#ffffff;
 background:#000000;
}

.reportHeading{
 font-size:20px;
}

.helpContent{
 background:#fff;
 color:#333;
 padding:10px;
 border:1px solid #333;
 min-height:200px;
 resize:vertical;
 overflow:auto;
}

.ui-tooltip {
 white-space: pre-line;
}

.dStripeBW {
 background: repeating-linear-gradient( 45deg, #000, #000 10px, #fff 10px, #fff 20px );
}

.auComplete, .auComplete a{
 background-color:#0a0;
 color:#fff;
 text-decoration:none;
}

.auPartial, .auPartial a{
 background: repeating-linear-gradient(
  45deg,
  #0a0,
  #0a0 4px,
  #060 4px,
  #060 8px
 );
}

.auDashed{
 border:2px dashed #fff;
}

.auForecast, .auForecast a{
 background-color:#f90;
 color:#fff;
 text-decoration:none;
}

.auMissed, .auMissed a{
 background-color:#fdd;
 color:#222;
 text-decoration:none;
}

.chosen-container .chosen-results {
 max-height:150px;
}

.dd {
  position: relative;
  display: inline-block;
}

.dd-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dd-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.dd-content a:hover {background-color: #ddd;}

.dd:hover .dd-content {display: block;}

.fileWarn1{
 border: 2px solid red;
 border-radius: 4px;
}

.op-30 {opacity:0.3;}
