/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



body{
margin:0;
padding:0;
background:#EDECF0 url(../images/bg.gif) center top repeat-x;
font-family:"Helvetica Neue",Helvetica, Arial;
}

.mr20{
margin-right: 20px;
}

#content{
background: url(../images/mid_bg.jpg) center top no-repeat;
padding-top: 40px;
text-align: center;
}

p{
font-size: 13px;
color: #656565;
line-height: 22px;
margin-bottom: 10px;
}

a{
color: #2a6888;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1{
color: #fff;
font-size: 36px;
margin-bottom: 15px;
}

h3{
font-family: Georgia, helvetica, arial;
font-size: 16px;
color: #fff;
font-style: italic;
margin-bottom: 35px;
}

h2{
font-size: 22px;
color: #2a6888;
margin-bottom: 8px;
}

.main{
width: 884px;
padding-bottom: 30px;
margin: 0 auto;
background: url(../images/shadow.png) left bottom no-repeat;
}

.mcontent{
display: block;
min-height: 153px;
background: #ebebeb url(../images/main.gif) left top repeat-x;
background: #EEF0F5;
width: 698px;
border: 1px solid #f7f7f7;
margin: 0 auto;
padding: 20px;
box-shadow: 0px 0px 1px #666;
}

.box{
display: block;
border: 1px solid #fff;
background: #ededed;
float: left;
text-align: left;
padding: 20px;
width: 180px;
}

.box2{
display: block;
border: 1px solid #fff;
background: #ededed;
float: left;
text-align: left;
padding: 20px;
width: 172px;
margin-bottom: 20px;
}

a.get{
background: #3e7a9a;
color: #fff;
border: 1px solid #41728c;
padding: 3px 7px;
font-size: 16px;
}

a:hover.get{
background: #41728c;
border: 1px solid #3e7a9a;
text-decoration: none;
}

.leftbox { width: 420px; }
.box, .box2 { font-family: Arial; color: #666; font-size: 12px; }
.leftbox .big { width: 418px; border:1px solid #ccc; background: url(../images/cnt_image_beta2.jpg) center center no-repeat; height: 251px; }
.box h4, .box2 h4 { font-weight: bold; color: #666; font-family: Georgia,helvetica,arial; margin: 0 0 10px 0; font-size: 14px; }

.rightbox { width: 180px; }
.powered { font-style: italic; font-size: 10px; padding: 10px 20px; margin-bottom: 0; }

.box ul, .box2 ul { list-style-type: none; padding: 0px; margin: 0px; }
.box ul li, .box2 ul li { background-image: url(../images/list-bullet.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 14px; }

.box, .box2 { background: #fff; border-color: #a9c9dc; border-radius: 0px; }

.uptime { display: block; width: 100%; clear: both; font-size: 12px; color: #fff; font-family: Helvetica, arial; text-shadow: 0 0 3px #000; padding-top: 5px;}

a.log { font-weight: normal; color: #5192b2; text-decoration: none; font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; opacity: 0.8; }
a.log:hover { text-decoration: underline; opacity: 1; }

.specs span { font-weight: bold; width: 80px; display: inline-block; vertical-align: top; }
.specs div { display: inline-block; }

#uptime { padding-right: 16px; }
.uptime .alert { color: yellow; }
.uptime .alert2 { color: yellow; text-shadow: 0 0 2px red, 0 0 2px red; background: red; }
/*.uptime .alert2 { color: #fff; background: red; font-weight: bold; }*/

#graphs { display: block; width: 418px; border: 1px solid #ccc; background-color: #f5f5f5; margin-bottom: 20px; }
#system-status, #network-status, #system-temps { display:block; width: 398px; padding: 10px; }
#system-status { height: 135px; }
#network-status { height: 105px; }
#system-temps { height: 110px; font-size: 11px !important; }
#system-status td.label, #network-status td.label { width: 100px; font-weight: bold; padding-top:7px; }
#system-temps td.label { width: 50px; font-weight: bold; }
#system-temps td { padding: 0 8px 0 0; }
.loading { background: url(../images/loading.gif) center center no-repeat; }

#uptime.live, #graphs.live { background-image: url(../images/icon-live.png); background-position: top right; background-repeat: no-repeat; }
#uptime.error, #graphs.error { background-image: url(../images/icon-error.png); background-position: top right; background-repeat: no-repeat; }

.boxservices ul li { margin-top: 6px; }

#content { position: relative; }
#auth {position: absolute; display: block; top: 0; right: 110px; }
#loginform { position: absolute; display: none; top: -2px; right: 110px; padding: 0 4px 4px; background: #eee; 
	border: 1px solid #f7f7f7; box-shadow: 0 0 1px #666; }
#loginform input { background: none; border: none; }
#loginform input[type="password"] { border-bottom: 1px solid #ccc; }

.actions a { margin-right: 5px; opacity: 0.8; }
.actions a:hover { opacity: 1; }

/* FIN! */