html {
    overflow: -moz-scrollbars-vertical;
}

body {
    margin: 10px auto;
    padding: 0;
    font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    letter-spacing: 0.1px;
}

td {
  font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
  letter-spacing: 0.1px;
}

#log_holder {
    position: absolute;
    bottom: 65px;
    right: 25%;
    text-align: center;
    z-index: 100;
    border: 10px;
    width: 50%;
}

#message_holder {
    position: absolute;
    top: 65px;
    left: 25%;
    text-align: center;
    z-index: 100;
    border: 10px;
    width: 50%;
}

.flash {
    background-color: maroon;
    color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#header {
    background: #eee url(/images/header_bg.gif) repeat-x;
    width: 100%;
}

#header #holder {
    background: url(/images/standard_web_logo3.png) no-repeat top right;
    margin: 0 30px 10px 30px;
}

#header #version {
    text-align: left;
    height: 61px;
    line-height: 8;
    text-indent: 103px;
    font-family: helvetica, sans-serif;
    color: black;
}

#header #version.ok {
    background: url(/images/strong_branch_green.png) no-repeat top left;    
    color: black;
}
#header #version.warn {
    background: url(/images/strong_branch_yellow.png) no-repeat top left;    
    color: black;
}
#header #version.critical {
    background: url(/images/strong_branch_red.png) no-repeat top left;    
    color: black;
}

#Tabs {
    margin: 0 30px 0 30px;
    height: 25px;
    padding: 0;
}

#Tabs ul {
    margin: 0; padding: 0;
}

#Tabs a {
    display: block;
}

#Tabs li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    border: none;
    line-height: 13px;
}

#Tabs ul#MainTabs {
}

#Tabs a:link, div#Tabs a:visited {
    text-decoration: none;
    border: 1px solid #eee;
    border-bottom: 1px solid #b7bea6;
    background-color: #b7bea6;
    color: #515840;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 8px 6px 8px;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
    background-color: #fff;
    border-bottom: 2px solid #fff;
    color: #222;
    text-decoration: none;
    margin: 0;
}

#Tabs ul#MainTabs a:hover {
    color: #000;
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
}

#body {
    padding: 15px 30px 1px 30px;
    margin: 0 auto;
}

#footer {
    padding: 0px 30px 15px 30px;
    margin: 0 auto;
}

#footer span.copy {
    font-family: helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    color: silver;
}

div.body {
    border: 1px solid silver;
}
div.border {
    border: 1px solid silver;    
}

div.flash {
    font-weight:bold;
    margin: 15px 15px 5px 15px;
    padding: 5px 15px 5px 15px;
    border:1px solid silver;
}

div.content {
    margin: 5px;
}

div.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.left {
    text-align: left;
}

div.right {
    text-align: right;
}

div.dim {
    text-align: center;
    color: gray;
}

#ServerList {
    font-size: 11px;
}

#server {
    font-size: 11px;
}

a.red { color: red; font-weight: bold; }
a.red:visited { color: red; }
a.red:hover { color: #fff; background-color:#000; }

a.blue { color: blue; text-decoration: none; }
a.blue:visited { color: blue; }
a.blue:hover { color: #fff; background-color: blue; }

a.bold { color: #000; font-weight: bold; }
a.bold:visited { color: #666; }
a.bold:hover { color: #fff; background-color:#000; }

a { color: #000; }
a:visited { color: #000; }
a:hover { color: #fff; background-color:#000; }

table.report {
  border-top:1px solid black;
  border-left:1px solid black;
}

tr.highlight {
  background-color:#FFE3BF;
  cursor:default;
}

tr.even {
  background-color: #F8FAF5;
}

tr.odd {
  background-color: #ECEFE6;
}

tr.out-of-production {
  color: silver;
}

tr.alternative {
  background-color: #EBF5F5;
}

tr.out-of-production td a {
  color: silver;
}
tr.out-of-production td a.visited {
  color: silver;
}
tr.out-of-production td img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

tr.alert {
  color: red;
}

tr.critical {
  color: red;
}

.critical {
  color: red;
}

tr.warn {
  color: DarkOrange;
}

.warn {
  color: DarkOrange;
}

.ok {
  color: Green;
}

.critical {
  color: Red;
}

th.sort-active {
  background:transparent url(/images/asterisk_orange.png) no-repeat 100% 0;
  background-position: top right;
  background-color: #EEEEEE;
}

th.forwardSort {
  background:transparent url(/images/bullet_arrow_down_sm.png) no-repeat 100% 0;
  background-position: top right;
  background-color: #EEEEEE;
}

th.reverseSort {
  background:transparent url(/images/bullet_arrow_up_sm.png) no-repeat 100% 0;
  background-position: top right;
  background-color: #EEEEEE;
}

th.ul {
  border-bottom:1px solid #54511C;
  border-right:1px solid #54511C;
  text-align:center;
}

td.ul {
  border-bottom:1px solid #54511C;
  border-right:1px solid #54511C;
  text-align:center;
}

td.ul-l {
  border-bottom:1px solid #54511C;
  border-right:1px solid #54511C;
}

.pre {
  text-align:left;
  font-family: monospace;
  font-size: 8pt;
}

td.right {
  text-align:right;
}

span.out-of-production {
    color: silver;
}

/* Rails standard stuff */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}