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

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

a, i, center, td, th{
 color:#222222;
 font-size:12px;
}

a{
 color:#2f6980;
}

a.buttonDefault{
 display:inline-block;
 background:#ddd;
 color:#222;
 padding:5px 10px 5px 10px;
 border:1px solid #aaa;
 text-decoration:none;
 border-radius:4px;
}

a.buttonDefault:hover{
 background:#eee;
}

table{
 border-collapse:collapse;
}

.header{
 position:fixed;
 z-index:9999;
 background-color:#eee;
 width:100%;
 height:70px;
 padding:5px;
 margin:0px;
 margin-bottom:5px;
 border-bottom:1px solid #84a5a5;
}

.headerLabel{
 position:absolute;
 top:20px;
 left:180px;
 color:#999;
 padding:10px 20px 10px 20px;
 margin-top:5px;
 margin-left:20px;
 border-radius:4px;
}

.headerNav{
 position:absolute;
 right:20px;
 bottom:5px;
}

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

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

#menuWrap{
 margin-top:70px;
}

.menu{
 border:1px solid #888888;
 background-color:#eeeeee;
 color:#222222;
 padding:0px 10px 0px 10px;
 margin:0px -1px -1px 0px;
 text-decoration:none;
}

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

.subMenu{
 border:1px solid #888888;
 background-color:#eeeeee;
 color:#222222;
 padding:0px;
 margin:7px -1px -1px 0px;
 text-decoration:none;
}

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

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

.menu2Sel{
 border:1px solid #888888;
 border-bottom:1px solid #eeeeee;
 background-color: #eeeeee;
 color:#000000;
 padding:0px;
 margin:0px -1px -1px 0px;
 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;
}

.content{
 border-top:1px solid #888888;
 background-color:#ffffff;
 color:#222222;
 padding:20px 10px 0px 10px;
 min-height:300px;
 margin-bottom:100px;
}

.contentProp{
 height:300px;
 width:1px;
 float:right;
}

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

.footer{
 position:fixed;
 z-index:9998;
 width:100%;
 bottom:0px;
 background-color:#66a3fe;
 color:#eeeeee;
 padding:10px;
 text-align:center;
}

.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{
 align:center;
 background-color:#eeeeee;
 border:1px solid #888888;
 padding:10px;
}

.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;
}

.headRow{
 background-color:#cccccc
}

.dataRow1{
 background-color:#dddddd;
}

.dataRow2{
 background-color:#eeeeee;
}

.dataRow1:hover,
.dataRow2:hover{
 background-color:#9cf;
}

.dataRowHi:hover{
 background-color:#9cf;
}

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

.dataRowAmber{
 background-color:#ff9900;
}

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

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

.pad1{
 padding:5px;
}

.dimmed{
 color:#888888;
}

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

.popupMsg{
 position:absolute;
 background-color:#ddd;
 color:#444;
 padding:1rem;
 border:1px solid #222;
 border-radius:4px;
}

.popupWarn{
 background-color:#fcc;
}

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

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

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

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

.redBG{
 background-color: #cc0000;
}

.amberBG{
 background-color: #ff9900;
}

.greenBG{
 background-color: #00aa00;
}

.titleExp{
 cursor:pointer;
}

.complianceGreen{
 font-weight:bold;
 color:#ffffff;
 background-color:#00cc00;
}

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

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

.buttonAmber{
 background-color:#ff6600;
}

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

.pspiGraphTable{
 background-color:#ffffff;
}

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

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

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

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

.mpInspected, .mpInspected a{
 background-color:#00aa00;
 color:#ffffff;
 text-decoration:none;
}

.mpForecast, .mpForecast a{
 background-color:#ff9900;
 color:#ffffff;
 text-decoration:none;
}

.mpForecastHistory, .mpForecastHistory a{
 background-color:#ffeeee;
 color:#000000;
 text-decoration:none;
}

.mpHeader{
 background-color:#eeeeee;
 color:#000000;
}

.mpCell{
 background-color:#ffffff;
 color:#000000;
}

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

.mpDeferred, .mpDeferred a{
 background-color:#336699;
 color:#ffffff;
 text-decoration:none;
}

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

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

.QRSC{
 background-color: #cc0000;
 color: #fff;
}

.QRSIS{
 background-color: #eeee00;
 color: #cc0000;
}

.QRGEN{
 background-color: #ffffff;
 color: #000000;
}

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

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

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

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

.QRBand2019{
 background-color:#ee9900;
 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;
}

.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;
}

.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 #0c0;
 border-radius: 4px;
}

.op-30 {opacity:0.3;}

.op-40 {opacity:0.4;}

.op-50 {opacity:0.5;}

.op-60 {opacity:0.6;}

.op-70 {opacity:0.7;}

.dashed {
 --dashed-border: 0.25rem;
 --dashed-size: 1rem;
 --dashed-c1: #f00;
 --dashed-c2: #000;
}

.dashed::before {
 content: "";
 position: absolute;
 inset: 0;
 padding: var(--dashed-border);
 background: repeating-conic-gradient(var(--dashed-c1) 0 25%, var(--dashed-c2) 0 50%) 0 0/var(--dashed-size) var(--dashed-size) round;
 -webkit-mask:
  linear-gradient(#000 0 0) content-box,
  linear-gradient(#000 0 0);
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 pointer-events: none;
}