/* MAIN */
body, table, tr, td, th, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #333;
}

body, table, tr, td, th {
  font-size: 10pt;
}

body {
  margin: 0px;
  padding: 0px;
}

table {
  border-collapse: collapse;
}

td.body {
  padding: 15px 4px 15px 4px;
}

tr.on {
  background-color: #eef;
}

td {
  margin: 0px;
  white-space: nowrap;
}

th {
  text-align: left;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}

tr.foot td {
  border-top: 1px solid #ccc;
  font-weight: bold;
}

h2 {
  font-weight: bold;
  font-size: 12pt;
  color: #4567B1;
}

a {
  color: #4567B1;
  white-space: nowrap;
}

/*** Subheader *****************************************************/
td.subheader {
  background-color: #036;
  color: white;
  height: 22px;
  padding: 0 6px 0 6px;
}
td.subheader a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
td.subheader a:hover {
  text-decoration: underline;
}

/*** Search Bar ****************************************************/
div.searchbar {
    background: url(/images/bluebar_gradient.jpg) repeat-x;
    height: 28px;
    padding: 4px 4px 0px 4px;
    text-align: left;
}

div.searchbar a {
  display: inline;
  font-style: bold;
  font-size: 12pt;
  color: #369;
}

/*** Search Results ************************************************/
table.searchresults {
    width: 90%;
}

/*** Menu **********************************************************/
td.menu {
  width: 150px;
  padding-right: 10px;
}
td.menu h2 {
  margin: 0 0 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}
td.menu ul {
  list-style: none outside url(/images/bullet.gif);
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
}
td.menu ul li {
  border-bottom: 1px solid #ccc;
  padding: 1px 0 1px 0;
}

td.menu ul li a {
  display: block;
  text-decoration: none;
  padding: 1px 0 1px 0;
  color: #666;
  font: bold 10pt Arial, Helvetica, sans-serif;
}
td.menu ul li a:hover,
td.menu ul li.on a {
  background-color: #eee;
}


/*** Content *******************************************************/
td.content {
    border-left: 1px dashed #666;
    padding: 0 4px 0 8px;
}

table.summary {
  border: 1px solid #ccc;
  background-color: #eee;
  width: 100%;
  margin: 0 0 0 0;
}

table.summary th {
  background-color: #ddd;
  text-align: left;
  padding: 2px 4px 4px 4px;
}

table.block th {
  text-align: center;
}

table.summary td {
  padding: 0 4px 0 4px;
}

table.block td {
  text-align: center;
  border: 1px solid #ccc;
}

/*** Panel *********************************************************/
div.panel {
  color: black;
}

div.panel div.left {
  float: left;
  width: 110px;
}

div.panel div.right {
  float: right;
  width: 110px;
}

div.panel div.center {
  width: 500px;
  margin-left: 112px;
  margin-top: 6px;
}

div.panel div.element, div.panel h2, div.panel div.foot {
  /*border: 2px solid #036;*/
  border: 2px solid #ccc;
  background-color: #eee;
  text-align: center;
  margin: 0 2px 4px 2px;
  padding: 0 5px 0 5px;
}

div.element {
}

div.panel h2 {
  font-size: 14pt;
  padding: 10px 0 10px 0;
  color: black;
}

div.panel div.foot {
  margin-top: 0px;
  padding: 10px 5px 10px 5px;
  text-align: center;
}

div.panel .element p {
  margin: 29px auto;
  font-size: 12pt;
}

/*** Forms *********************************************************/
input[type=submit], input[type=button] {
  border: 1px solid #D3D3D3;
  font: bold 11px Verdana, Geneva,arial,helvetica,sans-serif;
  color: #369;
  background-color: #D1E4F7;
}

table.formborder td {
  padding: 0; margin: 0;
}

form table th {
  font-weight: normal;
  text-align: left;
  border: 0;
  padding-right: 8px;
}

form h1 {
  font-size: 14pt;
  margin-top: 0;
}


/*** Footer ********************************************************/
td.footer {
  background-color: #036;
  color: white;
  padding: 0 6px 0 6px;
  height: 22px;
}

td.footer a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
td.footer a.selected,
td.footer a:hover {
  text-decoration: underline;
}

/*** Miscellaneous *************************************************/
div.notes {
  float: right;
}

th.right, td.right {
  text-align: right;
}
th.center, td.center {
  text-align: center;
}

/* for situations where a table is nested inside a form, but
   we still want to display the normal 'th' style.  the style is
   the same as the 'th' rule at the top, plus bold */
tr.dataheader th {
  text-align: left;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  font-weight: bold;
  vertical-align: bottom;
}

.required {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: red;
}

select.required, input.required {
  color: black;
}

select.error, input.error {
  border: 1px solid red;
}

/* Warning/Error Colors */
.high, .Disabled {
  color: red;
  font-weight: bold;
}
.medium {
  color: #f90;
  font-weight: bold;
}
.low, .Enabled {
  color: #0a0;
  font-weight: bold;
}

table.summary th.DOWN,
td.DOWN, td.DOWN a {
  background-color: red;
  color: white;
  font-weight: bold;
}

td.NO, td.NO a {
  color: blue;
  font-weight: bold;
}
table.summary th.NO {
  background-color: blue;
  color: white;
  font-weight: bold;
}

td.TIME, td.TIME a,
table.summary th.TIME {
  background-color: #f90;
  color: white;
  font-weight: bold;
}

td.UP, td.UP a {
  color: #0a0;
  font-weight: bold;
}
table.summary th.UP {
  background-color: #0a0;
  color: white;
  font-weight: bold;
}

table.meter {
  width: 97%;
  height: 45px;
}

td.used {
  background-color: #0A0;
}
td.unused {
  background-color: #F5FF9D;
  /*background-color: #f90;*/
}

/* Priorities */
td.priority_0 { color: #FF0033; font-weight: bold}
td.priority_1 { color: #FF6633; font-weight: bold;}
td.priority_2 { font-weight: bold;}
td.priority_3 { color: #00CCFF; font-weight: bold;}
td.priority_4 { color: #00FF66; font-weight: bold;}