body{
	margin:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

h1 small{
	float:right;
	font-weight:normal;
	margin-right:20px;
}

h1{
	padding:0;
	margin:0 0 20px 0;
	height:60px;
	line-height:60px;
}

.srv{
	float:left;
	height:195px;
	width:195px;
	padding:0;
	background:#89FF7E no-repeat center  url(../img/30.gif);
	border:2px solid #369B31;
	margin:0 10px 10px 0;
	border-radius:20px;
	text-align:center;
	color:#000;
	text-decoration:none;
	position:relative;
	
	box-shadow:0 0 10px rgba(0,0,0,.5);
	text-shadow:2px 2px 1px #89FF7E,
				-2px 2px 1px #89FF7E,
				2px -2px 1px #89FF7E,
				-2px -2px 1px #89FF7E,
				2px 0 1px #89FF7E,
				-2px 0 1px #89FF7E,
				0 -2px 1px #89FF7E,
				0 2px 1px #89FF7E;
}

.srv *{
	display:block;
}

.srv>strong{
	font-size:30px;
	line-height:20px;
	margin:10px 0 0 0
}
.srv>strong small{
	font-size:15px;
	margin:0;
}
.srv>strong em{
	font-size:15px;
	margin:0;
	font-weight:normal;
}

.srv>em{
	position:absolute;
	width:200px;
	left:0px;
	bottom:10px;
	margin:0;
}

.srv.off,
.srv.v60{
	background-color:#FFE57E;
	background-image:url(../img/60.gif);
	border-color:#E39D12;
	text-shadow:2px 2px 1px #FFE57E,
				-2px 2px 1px #FFE57E,
				2px -2px 1px #FFE57E,
				-2px -2px 1px #FFE57E,
				2px 0 1px #FFE57E,
				-2px 0 1px #FFE57E,
				0 -2px 1px #FFE57E,
				0 2px 1px #FFE57E;
}

.srv.edit,
.srv.v90{
	background-color:#7EFFFF;
	background-image:url(../img/90.gif);
	border-color:#34909B;
	text-shadow:2px 2px 1px #7EFFFF,
				-2px 2px 1px #7EFFFF,
				2px -2px 1px #7EFFFF,
				-2px -2px 1px #7EFFFF,
				2px 0 1px #7EFFFF,
				-2px 0 1px #7EFFFF,
				0 -2px 1px #7EFFFF,
				0 2px 1px #7EFFFF;
}

.srv.v40,
.srv.v70,
.srv.v100{
	background-color:#ffbaba;
	background-image:url(../img/40.gif);
	border-color:#FF3636;
	text-shadow:2px 2px 1px #ffbaba,
				-2px 2px 1px #ffbaba,
				2px -2px 1px #ffbaba,
				-2px -2px 1px #ffbaba,
				2px 0 1px #ffbaba,
				-2px 0 1px #ffbaba,
				0 -2px 1px #ffbaba,
				0 2px 1px #ffbaba;
}

form{
	float:right;
	background:#f00;
	padding:10px;
	border-radius:30px;
	margin: 0 20px 0 0;
}
form.ok{
	background-color:#369B31;
}
form.stop{
	background-color:#FF3636;
}
form.alert{
	background-color:#E39D12;
}
form.care{
	background-color:#34909B;
}

input[type=button],
input[type=submit]{
	width:40px;
	height:40px;
	padding:0;
	appearance:none;
	-webkit-appearance:none;
	border:none;
	float:left;
	border-radius:20px;
	margin:0 10px 0 0;
	border:2px solid #fff;
	background:rgba(255,255,255,.5) center no-repeat;
	background-size:50%;
	color:#fff;
	font-size:20px;
	line-height:36px;
}
input[type=button].ok{
	background-image:url(../img/ico_ok.png);
	background-color:#369B31;
}
input[type=button].stop{
	background-image:url(../img/ico_stop.png);
	background-color:#FF3636;
}
input[type=button].alert{
	background-image:url(../img/ico_alert.png);
	background-color:#E39D12;
}
input[type=button].care{
	background-image:url(../img/ico_care.png);
	background-color:#34909B;
}
input[type=submit]{
	margin:0 0 0 10px;
}

input[type=text]{
	float:left;
	appearance:none;
	-webkit-appearance:none;
	border:none;
	background:rgba(255,255,255,.5);
	height:30px;
	padding:5px 10px;
	border-radius:20px;
	width:500px;
	font-size:20px;
	line-height:30px;
	color:#fff;
}