body {
	background-color: black;
	color:#ffffff;
	font-family: arial, calibri, sans;
}

h2{
	padding-top: 20px;
	padding-left:30px;
}

p{
	float:left;
	width:110px;
	text-align:left;
	padding-right:30px;
	font-size:14px;
}

span {
	font-size:12px;
}

.graph {
	padding-top:15px;
	padding-left:10px;
}

#help{
	position: absolute;
	z-index: 9;
	background-color: #000000;
	border-radius: 18px;

	margin-right: 8px;
}

#helpLink {
	margin-left: 780px;
	margin-top: -46px;
}

#helpLink > a{
	font-size: 20px;
	color: blue;
	text-decoration: none;
	margin-left: 12px;
}

#helpBox{
	position: absolute;
	z-index: 9;
	background-color: #000000;
	border-radius: 18px;

	margin-right: 8px;
	margin-top: 16px;
}

#helpBox > [id^=help_]{
	width: 250px;
	float: left;
	margin-left: 10px;
}

#helpBox > [id^=help_] > p{
	width: 100%;
}

#graphes {
	overflow-x: auto;
	width: 1800px;
}

header {
	width: 1800px;
}

#time{
	color:#FFFFFF;
	float:right;
	padding-right:70px;
}

#lastUpdate{
	color:#FFFFFF;
}

#logo{
	float:left;
	margin:5px 30px 0px 20px;
}

.gr {color:#A4F119;}
.rd {color:#FF0000;}
.aq {color:#49D0C2;}
.ga {color:#C8F463;}
.gb {color:#32CD32;}
.bl {color:#4169E1;}


#nagios {
	padding-top: 40px;
	padding-left: 5px;
	margin-bottom: 12px;
	float: left;
}

.nagioscube {
	font-size: 12px;
	width: 185px;
	margin: 1px 15px 1px 1px;
	padding: 6px 10px 6px 10px;
	float: left;
	border-radius: 2px;
}

.nagioscube div{
	font-size: 10px;
}

.state_alert {
	background-image: url("alert.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.state_warn {
	background-image: url("warn.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.nag_gr {background-color:#5b8f22;}
.nag_rd {background-color:#f82a2a;}
.nag_or {background-color:#f8992a;}
.nag_ge {background-color:#92948e;}