/* xmlstatus.cgi/src/css/xmlstatus.css
 *  Copyright: ©2011, Güralp Systems Ltd.
 *  Author: Graham Smith <gsmith@guralp.com>
 *  License: GPLv3
 */

* { margin: 0; padding: 0; }
body {font: 1em arial; padding: 10px;}
h2 {font-size: 1.4em;padding: 0 0 0 0; margin: 10px 0 0 0; color: grey;}
h3 {font-size: 1.2em;padding: 0 0 0 25px; margin: 0; color: blue;}
h4 {font-size: 1em;padding: 0 0 0 50px; margin: 0; color: green;}
p {margin: 0 0 0 25px;padding: 0;}
img {margin-right: 5px; border: none; vertical-align: middle;}
#content {margin: 0 auto; padding: 10px; border: 2px solid red; background: #ccc}
.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.tabs {list-style: none; }
.tabs li {display: inline; }
.tabs li a {color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a:hover {background: #ccc; }
.tabbed-area {margin: 0 0 120px 0; }
.box-wrap {min-height: 500px; }
.tabbed-area div div {background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
.tabbed-area div div, .tabs li a {border: 1px solid #ccc; }
#boxLinks {list-style: none; overflow: hidden;border: 1px solid blue; background: #FFF; }
#boxLinks li {display: inline; }
#boxLinks li a {padding: 5px 10px; color: black; text-decoration: none; border: 1px solid #ccc; float: left; display: block; margin: 1px; background: #DCDCDC; }
#boxLinks li a:hover { color: #fff; background: #000;}
#box { height: 600px; border: 1px solid blue; overflow: hidden; padding: 0 30px 0 10px; margin: 10px 0 0 0;background: #FFF; }
.box { display: none; height: 600px; overflow: auto; display: block; position: relative; overflow-x: hidden; }
span.good {color: #00CC33;}
span.warning {color: orange}
span.bad {color: red}