/* General */
body { font-family:Verdana; background: #211812; margin:0px; height: 620px;}
h1, h2, h3, h4, h5, h6, p { padding:0px; margin:0px;}
h2 {}
h3 { margin: 10px 0 10px 15px;}
h4 {}
h5 {}
h6 { }
p { padding:10px 0px;}
img { border:none; vertical-align:middle;}
.clear { clear:both; float:none; height:0px; padding:0px; margin:0px;}

#container{position:relative; overflow:hidden; width:100%; height:100%;z-index: 0;}
#container .tooltip{height:21px;width:282px;position:absolute;top:90px;left:33.1%;}
#container .green{height:560px;width:150%;background:transparent url('img/chart-green.png') 0px 46px repeat-x;position:absolute;}
#container .green .tooltip{background:transparent url('img/tooltip.png') no-repeat; }
#container .brown{height:216px;width:150%;background:transparent;position:absolute;}
#container .brown .wrap{height:100%;width:75%;background:transparent url('img/chart-line.png') 0px 46px repeat-x;z-index:100;position:absolute;}
#container .brown .tooltip{background:transparent url('img/tooltip.png') 0px -22px no-repeat;z-index:100;}
#container .content{position:absolute;left:15%;z-index:50;}
#container .content .left{height:345px;padding:216px 0px 0px 0px;width:312px;background:#211812;text-align:center;float:left;}
#container .content .left a{display:block;width:132px;height:40px;background:transparent url('img/buttons.png') 0px 0px no-repeat;margin:0px auto;}
#container .content .left a:hover{background:transparent url('img/buttons.png') 0px -40px no-repeat;}
#container .content .left span{font-size:16px;line-height:26px;font-weight:bold;}
#container .content .right{height:344px;width:440px;padding:216px 30px 0px 30px;background:transparent;text-align:center;float:left;}
#container .content img{}
#container .content .left p {color:#FCF8E4;font-family:Arial;font-size:13px;width:222px;margin:20px auto 0px auto;text-align:left;padding:0px 0px 20px 0px;line-height:18px;}
#container .content .left #done p{text-align:center;}
#container .content .right p {color:#131313;font-family:Arial;font-size:13px;margin:0px auto;text-align:left;padding:10px 10px 10px 20px;line-height:18px;}
#container .content input[type="text"]{border:0;height:35px;width:230px;line-height:35px;font-family:Arial;font-size:20px;padding:0px 5px;margin:0px 0px 20px
0px;background-color:#FCF8E4;-moz-border-radius: 5px;border-radius: 5px;}
#container .content #notify{background:transparent url('img/buttons.png') 0px -160px no-repeat;border:0;height:40px;width:164px;cursor:pointer;margin:0px auto;}
#container .content #notify:hover{background:transparent url('img/buttons.png') 0px -200px;}
#container .content #save{background:transparent url('img/buttons.png') 0px -80px no-repeat;border:0;height:40px;width:108px;cursor:pointer;margin:0px auto;}
#container .content #save:hover{background:transparent url('img/buttons.png') 0px -120px;}
#container .downtime{position:absolute;width:150%;background:transparent;height:560px;z-index:20;}
#container .downtime .wrap{background:#211812 url('img/downtime.png') 0px 400px no-repeat;height:560px;position:absolute;right:80px;width:45px;}
#container .downtime .bubble{width:164px;height:80px; background:transparent url('img/downSprite.png') no-repeat;position:absolute;right:20px;top:370px;}
#container .grid{height:577px;width:150%;background:transparent url('img/timegrid.png') repeat-x;z-index:25;position:absolute;}

.greatfind{width:99px;height:20px;background:transparent url('img/downSprite.png') 0px -80px no-repeat;float:right;margin:340px 140px 0px 0px;display:none;}
.extra{width:322px;height:135px;background:transparent url('img/downSprite.png') 0px -110px no-repeat;float:right;margin:490px -100px 0px 0px;display:none;}