
body, html {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	background:#252525 url('images/status_background.png');
	margin:0;
	padding:0
}
a:link{
    text-decoration: none;
    color: #252525;
    text-align: center
}
a:visited{
    text-decoration: none;
    color: #252525;
    text-align: center
}
.center {
    text-align: center;
}
#container {
	width:626px;
	height:256px;
	margin:-128px 0 0 -348px;
	padding:0 0 0 78px;
	position:absolute;
	top:50%;
	left:50%;
    text-align: center;
    font-size: 14
}
#container .leds {
	width:78px;
	height:68px;
	overflow:hidden;
	position:absolute;
	top:44px;
	left:0
}
#container .leds .led {
	width:39px;
	height:68px;
	background:url('images/status_led_sprite.png') no-repeat
}
#container .leds .led.green {
	background-position:bottom left;
	float:left
}
#container .leds .led.green.active {
	background-position:top left
}
#container .leds .led.red {
	background-position:top right;
	float:right
}
#container .leds .led.red.active {
	background-position:bottom right
}
#container .flip {
	width:622px;
	height:152px;
	color:#dadada;
	font-size:45px;
	font-weight:bold;
	text-align:center;
	line-height:145px;
	letter-spacing:-2px;
	background:url('images/status_flip_container.png') no-repeat;
	position:relative
}
#container .flip .break {
	width:584px;
	height:2px;
	background:#181818;
	border-bottom:1px solid #343434;
	position:absolute;
	top:50%;
	left:19px
}
#container .flip .break .link {
	width:5px;
	height:12px;
	background:url('images/status_flip_link.png') no-repeat;
	position:absolute;
	top:-3px
}
#container .flip .break .link.left {
	left:10px
}
#container .flip .break .link.right {
	right:10px
}

