body {font-family: "Arial Unicode MS", Arial; font-size: 12px; margin:10px 0px; padding:0px; text-align:left;}
#main { width: 980px !important; margin:10px auto; padding:0; background-color: #FFFFFF;}
#headerLogo { text-align: left; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 8px;}
#headerInfo { text-align: right; font-family: "Arial Unicode MS", Arial; font-weight: bold; font-size: 12px;}
#headerInfo img {vertical-align: bottom;}
#headerInfo a {text-decoration: none; color: #000;}
#headerInfo a:visited {text-decoration: none; color: #000;}
#headNav {
float: left;
line-height: normal;
padding-top: 5px;
padding-bottom: 8px;
font-size: 13px;
background: #009B3E url("images/headgrad2.gif") top;
}
#nav, #nav ul {
float: left;
list-style: none;
line-height: 1.2em;
font-weight: bold;
padding: 0;
border: solid #CCC;
border-width: 0px 0;
margin: 0 0 0 0;
}
#nav a {
display: block;
color: #7C6240;
background-color: #009B3E;
text-decoration: none;
padding: 0.25em 1.4em;
}
#nav a#navCurr {
color: #FFF;
background-color: #241F0C;
}
#nav a.daddy {
width: auto; /* 117 for FF */
color: #000;
background: #FFF url("images/navarrow.gif") center right no-repeat;
}
#nav a.daddy:hover {
background: #241F0C url("images/navarrow_i.gif") center right no-repeat;
}
#nav li {
float: left;
padding-right: 3.8em;
}
#nav a.current {
color: #FFD100;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 169px;
font-weight: normal;
border-width: 0.15em;
margin: 0;
}
#nav li li {
padding-right: 1em;
width: 13em
}
#nav li ul a {
color: #000;
background-color: #FFF;
width: auto; /* 117 for FF */
}
#nav li ul a#restrict {
color: #DDD;
}
#nav li ul a.navCurr {
color: #FFF;
background-color: #241F0C;
}
#nav li ul ul {
margin: -1.75em 0 0 11.5em;
}
#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 {
left: auto;
}
#nav li:hover, #nav li.sfhover {
/*background: #eda;*/
}
#headNav a {
display: block;
padding-top: 6px;
text-decoration: none;
/*font-weight: bold;*/
color: #FFFFFF;
font-family: "Arial Unicode MS", Arial;
font-size: 13px;
}
#headNav > ul a {
width: auto;
}
/* Hide from IE5-Mac */
#headNav a {float: none;}
#headNav a:hover{color: #FFD100;}
#headNav li a:hover{color: #FFF; background-color: #241F0C;} /* here hover color? */
#headerUser, #headerUser a, #headerUser a:visited {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #4FA600;
}
#headerDev {
font-family: "Arial Unicode MS", Arial;
font-weight: bold;
font-size: 16px;
text-align: left;
color: #000;
}
#headerSubDev {
font-family: "Arial Unicode MS", Arial;
font-weight: bold;
font-size: 13px;
text-align: left;
color: #000;
}
#headerAlert {
font-family: "Arial Unicode MS", Arial;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #FFDD00;
padding: 2px;
border-right: 1px solid #9FA0A4;
border-bottom: 1px solid #9FA0A4;
border-left: 1px solid #FAFAFA;
border-top: 1px solid #FAFAFA;
}
#headerSpace {
font-size: 4px;
}
#breadcrumb {
font-family: "Arial Unicode MS", Arial;
text-align: right;
font-size: 11px;
}
#content {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
border-right: 1px solid #C7EFCB;
border-bottom: 1px solid #C7EFCB;
border-left: 1px solid #C7EFCB;
border-top: 1px solid #C7EFCB;
padding-bottom: 10px;
vertical-align: top;
height: 300px;
}
.subIcons {
font-size: 12px;
padding: 2px 2px 6px 15px;
}
.align {vertical-align:middle;}
.top {vertical-align:top;}
.ralign {text-align:right;}
.lalign {text-align:left;}
.center {text-align:center;}
.data {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #000;
line-height: 17px;
background-color: #FAFAFA;
}
.data a {
text-decoration: underline;
font-size: 12px;
color: #000;
}
.data a:hover {
text-decoration: underline;
font-size: 12px;
color: #009530;
}
form td {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #000;
line-height: 22px;
}
th {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #87D200;
text-align: left;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
border-bottom-color: #ddd;
padding-top: 5px;
padding-bottom: 1px;
}
.dataTitle {
font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-indent: 10px; padding-top:10px;
}
.dataSection {
font-family: "Arial Unicode MS", Arial;
font-weight: bold;
font-size: 14px;
color: #000;
background: #fff url("images/datahead.gif") repeat;
border-bottom-width:6px;
border-bottom-style:solid;
border-bottom-color: #fff;
height: 26px;
text-indent:8px;
}
.dataSubSection {
font-family: "Arial Unicode MS", Arial;
font-size: 14px;
color: #009B3E;
font-weight: bold;
padding-top:8px;
text-indent:4px;
}
.dataSubSection a {
text-decoration: underline;
color: #009B3E;
}
.dataSubSection a:hover {
text-decoration: underline;
color: #009B3E;
}
iframe {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #C7EFCB #CCC #CCC #C7EFCB;
background-color: #FFF;
width: 919px;
height: 327px;
}
.logData {
padding: 0;
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #000;
background-color: #FFF;
}
.logData td {
vertical-align: top;
padding-right: 22px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #eee;
}
.deviceheader {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #87D200;
padding: 0;
font-weight: bold;
}
.logheader {
font-family: "Arial Unicode MS", Arial;
color: #4FA600;
padding: 0;
font-weight:bold;
}
.block {
border-right: 1px solid #C7EFCB;
border-bottom: 1px solid #C7EFCB;
border-left: 1px solid #C7EFCB;
border-top: 1px solid #C7EFCB;
background-color: #FAFAFA;
vertical-align: top;
}
.block a {
color: #000;
text-decoration: underline;
}
.blockNoA {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#env {vertical-align: top; height: 40px; font-family: 11px "Arial Unicode MS", Arial; color: #000; background-color: #FFF;}
#env td .line {border-left: 1px solid #CCC;}
#env ul {margin: 0px; padding:0 45px; font-weight:normal; color: #000; list-style: square; font-size:14px;}
#env li {padding: 2px;}
/*Graphing*/
#gauge {
width: 15px;
padding: 2px;
background-color: #EEE;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #333;
border-left: 1px solid #333;
}
#gauge td {
line-height: 6px;
}
.notactive {
background-color: #eee;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.active {
background-color: #009530;
border-top: 1px solid #0C0;
border-right: 1px solid #0C0;
border-bottom: 1px solid #030;
border-left: 1px solid #030;
}
.title {
font-family: "Arial Unicode MS", Arial;
color: #9FA0A4;
font-weight: bold;
padding-left: 2px;
border-bottom: 1px solid #ddd;
padding-top: 5px;
padding-bottom: 1px;
/*background-color: #E0FBE3;*/
}
/* Form Elements */
select {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #013;
font-weight: normal;
}
input {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
font-weight: normal;
margin: 1px;
}
/* Log Formatting */
.shade {
background-color: #EDEDED;
}
#more {
text-align: right;
color: #009530;
font-weight: bold;
border-bottom-style: none;
}
#more a {
text-decoration: none;
color: #009530;
}
#more a:hover {
text-decoration: underline; color: #009530;
}
.applyCancel {
padding-top: 20px;
padding-bottom: 10px;
padding-left: 4px;
}
.product {
text-align: right
}
.quickLinks {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
text-align: left;
}
.quickLinks a {
text-decoration: none;
color: #009B3E;
}
.copyright {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
text-align: right;
color: #009B3E;
}
.dataName {
font-weight: normal;
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
padding-left: 10px;
text-align: left;
}
.dataName a {
text-decoration: underline;
color: #000;
}
.dataName a:hover {
text-decoration: underline;
color: #009530;
}
/* Log Page Selection */
.logpage{clear:both;color:#009530;background-color: #FFF;height:2em;margin:0 0 0 20px;padding-top:10px;padding-bottom:10px;}.logpage a, .logpage strong{border:1px solid #ccdbe4;display:block;color:#009530;float:left;margin:0 5px 0 0;padding:1px 8px;text-align:center;text-decoration:none;}.logpage a:hover{background:#009530;border-color:#2b55af;color:#fff;text-decoration: none;}.logpage strong{border:0px none;color:#000;font-size:107%;font-weight:bold;padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px}.logpage-next, .logpage-prev{border-width:2px;font-family:114% Tahoma,Helvetica,sans-serif;margin-top:-2px;padding-bottom:1px;padding-top:1px;_margin-top:-2px;}.logpage-next{margin-left:9px;}.logpage-prev{margin-right:14px;}
.dataNameError {font-weight: bold; color: #C00; text-indent: 10px; text-align: left;}
.dataNameError a {text-decoration: underline; color: #C00;}
.dataNameError a:hover {text-decoration: underline; color: #C00;}
#errormessage {font-weight: normal; color: #241F0C; background-color: #FFFFCC; border: 1px solid #ddd; padding: 5px; margin: 5px;}
#errormessage ul {margin: 0px; padding:0 50px; font-weight:bold; color: #EB5B25; list-style: square; line-height:15px;}
#errormessage li {padding: 2px;}
.space {line-height: 9px;}
.tableSpace {
line-height: 5px;
background-color: #FFF;
}
.alarmCritical {
font-family: "Arial Unicode MS", Arial;
color: #EB5B25;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmCritical a {
font-family: "Arial Unicode MS", Arial;
color: #EB5B25;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmCritical a.hover {
font-family: "Arial Unicode MS", Arial;
color: #EB5B25;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmWarning {
font-family: "Arial Unicode MS", Arial;
color: #FFD100;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmWarning a {
font-family: "Arial Unicode MS", Arial;
color: #FFD100;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmWarning a.hover {
font-family: "Arial Unicode MS", Arial;
color: #FFD100;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmGood {
font-family: "Arial Unicode MS", Arial;
color: #4FA600;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmInfo {
font-family: "Arial Unicode MS", Arial;
color: #333;
font-weight: bold;
padding-bottom: 2px;
padding-top: 2px;
}
.alarmDescript {
padding-left: 28px;
padding-bottom: 3px;
}
.disk_btn {
background: url("images/disk.gif") no-repeat;
border: none;
padding-right: 14px;
float: right;
}
.indent {padding-left: 15px;}
.indent2 {padding-left: 25px;}
.indent3 {padding-left: 35px;}
.indent10 {padding-left: 10px;}
.crit {color: #EB5B25;}
.warn {color: #FFD100;}
.norm {color: #003366;}
.clr {color: #4FA600;}
/* Logon Page Styles */
#logonbg {
background-color: #CCC;
padding-top: 70px;
}
#logon {
border: 3px solid #999;
width: 525px;
background: #FFF;
margin:0 auto;
padding:0;
margin-top:100px;
text-align: left;
}
.logonTitle {
font-family: "Arial Unicode MS", Arial;
padding: 8px 0 10px 8px;
font-size: 16px;
font-weight: bold;
}
.logonHeader {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
height: 30px;
padding: 8px 10px 8px 0px;
text-align: right;
line-height: normal;
color: #FFF;
background: #009B3E url("images/headgrad2.gif") top;
}
.logonHeaderMessage {
font-family: "Arial Unicode MS", Arial;
font-size: 9px;
height: 30px;
padding: 8px 10px 8px 8px;
text-align: left;
line-height: normal;
color: #FFF;
background: #009B3E url("images/headgrad2.gif") top;
}
.logonBody {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
}
.logonIcon {
padding-left: 40px;
}
.logonText {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
text-align: right;
}
.logonLogo {
padding-bottom: 11px;
text-align: right;
}
.logonLink {
font-family: "Arial Unicode MS", Arial;
font-size: 11px;
vertical-align: bottom;
padding-bottom: 10px;
padding-left: 12px;
}
.logonLink a {
text-decoration: none;
color: #009B3E;
}
/* Help */
#help { width: 980px !important; margin:10px auto; padding:0; background-color: #FFFFFF;}
#help table {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #000;
padding:0px;
width:100%;
margin-bottom:15px;
vertical-align:top;
border: 1px solid #C7EFCB;
background-color:#FAFAFA;}
#help table tr {vertical-align:top;}
#help table td {padding-bottom: 5px;}
#help table .term {font-weight:bold; text-indent:4px;}
#helpTitle {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
padding: 0.5em 1.4em 0.30em;
text-align: center;
color: #FFF;
font-weight: bold;
}
#helpHead {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
text-align: center;
color: #000;
}
#helpHead a {
text-decoration: none;
color: #009B3E;
}
#helpSpace {
height: 20px;
}
#datatable {font: 11px Verdana, Arial, Helvetica, sans-serif; width:100%; padding:0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #C6D7EF;
border-top: 1px solid #C6D7EF;}
#datatable th {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #369; font-weight: bold; background-color: #E8EFF9;
border-bottom: 2px solid #C6D7EF; border-right: 1px solid #fff;
padding: 3px 0px 1px 2px;}
#datatable td {border-bottom: 1px solid #C6D7EF; border-right: 1px solid #fff; padding-left:2px;line-height: 17px;}
#datatable td a {text-decoration:underline; color: #036;}
#datatable td a:hover {text-decoration: none; color: #369;}
#datatable td a:visited {text-decoration: underline; color: #036;}
#datatable th a {text-decoration: underline; color: #369;}
#datatable th a:hover {text-decoration: none; color: #369;}
#datatable th a:visited {text-decoration: underline; color: #369;}
.button2 {
font-family: "Arial Unicode MS", Arial;
font-size: 12px;
color: #000;
background-color: #FAFAFA;
border-bottom: 2px solid #000000; border-right: 1px solid #000000;
border-top: 1px solid #000000; border-left: 1px solid #000000; height:20px;
}
.button2 a {
text-decoration: none;
font-size: 12px;
color: #000;
}
.button2 a:hover {
text-decoration: none;
font-size: 12px;
color: #009530;
}
.tabbottom {
color: #000000;
height:15px; padding: 4px 10px 2px 2px;
}
.SEgreen {
color: #009B3E;
font-weight : bold;
}
.SEred {
color: #EB5B25;
font-weight : bold;
}
/* progress container */
#progress_container {
border: 1px solid #eee;
background-color: #fff;
width: 200px;
margin: 0px;
padding: 0px;
text-align: left;
}
/* progress bar */
#progress {
color: #fff;
background-color: #009B3E;
height: 14px;
padding-bottom: 6px;
font-size: 10px;
text-align: center;
overflow: hidden;
}