html, body {
	margin  : 0;
	padding : 0;
}

html, body, td {
	font-size   : 12px;
	font-family : sans-serif;
	color       : #444;
}

pre {
	font-size     : 12px;
	margin-bottom : 0;
}

#header {
	position          : absolute;
	top               : 24px;
	left              : 0;
	width             : 100%;
	background-color  : #5782c7;
	background-image  : url('/data/images/header.png');
	background-repeat : no-repeat;
	height            : 140px;

	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
}

#header-computer {
	position    : absolute;
	color       : #fff;
	font-size   : 20px;
	font-weight : bold;
	top         : 85px;
	left        : 169px;
}

#logo {
	position : absolute;
	left     : 48px;
	top      : 32px;
}

.error {
	background    : #ffd5d5;
	border        : 2px solid #a00;
	padding       : 16px;
	width         : 150px;
	text-align    : center;
	margin-bottom : 16px;
}

td.sidebar {
	width: 202px;
	padding-top: 200px; padding-left: 48px;

	background : #666;
}

h1.sidebar {
	color       : #eee;
	font-size   : 18px;
	text-shadow : 1px 1px 2px rgba(0,0,0,1);
}

h3 {
	font-size: 24px;
}

i {
	color : #1aacff;
}

a {
	color           : #1aacff;
	text-decoration : none;
}

a.sidebar {
	color       : #f5f5f5;
	text-shadow : 1px 1px 2px rgba(0,0,0,1);
}

a.disconnected {
	color : #999;
}

.group a {
	text-decoration : none;
	color           : #eee;
	text-shadow     : 1px 1px 2px rgba(0,0,0,1);
}

.group {
	color           : #eee;
	font-weight     : normal;
	font-size       : 14px;
	line-height     : 24px;
}

.data th {
	text-align    : left;
	font-size     : 12px;
	padding-right : 16px;
}

.data td {
	text-align     : left;
	font-size      : 12px;
	padding-right  : 16px;
	line-height    : 24px;
	border-bottom  : 1px solid #ddd;
	vertical-align : top;
}

.data td:last-child {
	padding-right: 0;
}

.data tr:last-child td {
	border-bottom : 0;
}

div.section.left {
	margin-top : 32px;
	background : #f3f3f3;
	padding    : 12px;
	width      : 400px;
}

div.section {
	margin-top : 32px;
	background : #f3f3f3;
	padding    : 12px;
}

h4 {
	margin-top    : 0;
	margin-bottom : 8px;
}

div.year    { color : #fc0; background : #000; height: 24px; font-weight: bold; text-align : center; }
span.day    { color : #800;    }
span.hour   { color : #fb6400; }
span.minute { color : #008000; }
span.second { color : #bbb;    }