/*body { margin:0; padding:0; font:normal 11px Tahoma; }*/

body{background:#0000000;color:#e7e7e7;font:11px Verdana,Arial,Helvetica,sans-serif;margin:0px;padding:0;
scrollbar-3dlight-color:#6a6a6a;
scrollbar-arrow-color:#fc9b00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#1f1f1f;
scrollbar-highlight-color:#1f1f1f;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#2e2e2e}
}

/* Links */
a:link,a:active,a:visited,a.postlink{color: #d0a700;text-decoration:none}
a:hover{color:#767676}

/* Images */
.inlineimg 	{	border: none;	vertical-align: middle;}
.floatrightimg {	border:none;	float:right;	vertical-align:top;}
.floatleftimg 	{	border:none;	float:left;	vertical-align:top;}

.loadingscreen { border:1px solid #aaa; }
.logo {}

/* Alignment */
.center { text-align:center;}
.alignleft { float:left; }
.alignright { float:right; }
br.clear { clear:both; line-height:0px; height:0px; }

/* Lists */
.infolist {	list-style-type: none;	font-size: 	10px; 	margin: 	0px 10px; 	padding: 	0px;}
.infolist li {	display: 	block;	border: 1px solid #ddd;	margin:	2px;	padding: 	2px 10px;	background: 	#f6f6f6; color:#222;}
.infolist li a { border:none; }

/* Common Stuff */
div.nanospy { padding:0px; height:12px; margin:0; float:none; border:1px solid; border-color:#707070 #000000 #000000 #707070; background-color:#191919; color:#ddd; font:normal 9px Tahoma; }



/* spy 800 */
#spy800 { width:794px;	margin:0 auto;
	padding:1px;	background:	#fff;	border:1px solid #aaa; }
#page_title {
	background:#333; color:#fff;
	border:none;
	margin:0 0 1px 0;	padding:1px 3px;
	text-indent:10px;	font-size:18px;	font-weight:bold;
}
#spy800 .ct_1of1 {
	margin:4px 1px; padding:2px 3px;
	height:18px;
	background:#eee; 
	border:1px inset #aaa; border-bottom-color:#eee; border-right-color:#eee;
}
#spy800 .ct_1of2 {
	width:386px; float:left; 
	margin:1px; padding:2px 3px;
	height:18px;
	background:	#fafafa; color:#333; border:1px solid #ccc;
}
#spy800 .ct_1of4 {
	width:230px; float:left; 
	margin:2px 1px; padding:2px 3px; background:#fafafa; color:#333; border:1px solid #ccc; 
}
#spy800 div.header { margin:1px 1px 0; height:12px; height:14px; float:left; text-indent: 10px; background:#333; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
#spy800 div.settings { height:200px; float:left; }
#spy800 div.players { height:200px; float:right; }
#spy800 div.connector { width:386px; height:32px; font-weight:bold; color:#666; }
#spy800 div.connector a { font:normal 8px Tahoma; }
#spy800 div.links { height:32px; font: normal 9px Verdana; color:#666; background:url('/nanospyv2/images/ad24_24.png') center left no-repeat; }

/* SERVER 120 */
#server120 {	width:120px; height:150px;	background:	#fff;	font-size:	10px;	color:		#000;	border:		0px solid black; }
#server120 h1 {	font-size:	11px;	height:		30px;
	padding:	0;	margin:	0;	background:	#000;	color:	#fff;	text-align:	center;	font-weight:	bold; }
#server120 .server_info {	margin:		2px;	font-size:	8px;	font-weight:	bold;	height:		106px; 			/* 110 - (2x margin) */ }
#server120 .value {	text-align:	center;	font-size:	9px;	font-weight:	normal;}

/* SERVER 200 */
#server200 {
	width:		200px;	height:150px;
	background:	#fff;	font-size:10px;	color:		#000;	border:	none;
}
#server200 .server_info {
	margin:2px;	font-size:8px;
	font-weight:bold; height:106px; 			/* 110 - (2x margin) */
}
#server200 h1 {
	font-size:11px;	height:30px;
	padding:0; margin:0;
	background:#000;	color:#fff;
	text-align:center;	font-weight:bold;
}
#server200 .value {	text-align:center;	font-size:9px;	font-weight:normal; }


/* SERVER 250 */
#server250 { width:250px;	height:200px;	background:	#fff; color: #000;	font-size:	10px;	border:	none; }
#server250 .server_details {
	margin:	0; padding:0;	font-size:8px;	font-weight:bold;
	height:110px; width:250px; border-bottom:1px solid #aaa; overflow:auto;
}
#server250 .srv_info  { height:108px; width:115px; margin:0; }
#server250 h1 {	font-size:11px;	height:	30px; padding:0;	margin:0;	background:	#000;	color: #fff;	text-align:center; font-weight:	bold;	overflow:hidden;}
#server250 .value {	display:block;	text-align:center;	font-size:9px;	font-weight:normal;}


/* Ventrilo */
#ventrilo120 { width:120px; height:120px; }
#ventrilo120 h1 {
	margin:0px; padding:0px;
	font: bold 10px 'Verdana';
	height:20px; background: black; color:white;
}
#ventrilo120 #channeldiv { height: 76px; }

#ventrilo200 { background:#fff; color:#000; }
#ventrilo200 h1 {	margin:0; padding:0;	font:bold 11px 'Verdana';	height:18px; overflow:hidden; background:#000; color:#fff; }
#ventrilo200 #channeldiv {	overflow:auto; background:#fafafa; color:#333; border:none; font-size:10px; }



/*TABLE DEFINITIONS*/
.datatable {
	font-family:Verdana, Helvetica;
	font-size:10px;
	border:none;	padding:	0;
}
.datatable caption {
	background:#f6f6f6;	color:#000;
	padding:3px; text-indent:5px;
	font:bold 12px Verdana;
	border:none; border-bottom:1px solid #ccc;
}
/* Table-head */
.datatable thead tr th {
	background: 	#f6f6f6; color:#333;
	border-bottom: 1px solid #aaa;
	font-size:10px;	font-weight:bold;
	padding:1px; text-align:left;
}
.datatable thead tr th a { color:#222; }

.datatable tbody tr {	background: #fff; color:#000; }
.datatable tbody tr.inactive { background:#eee; color:#000; }

.datatable tbody tr:hover {	 background:#4482FF; color:#fff; }
.datatable tbody tr:hover a { color:#fff; border-bottom:1px dotted #fff; }

.datatable tfoot tr td { }
.datatable td.number,.datatable th.number, .datatable td.icon {
	text-align:center;
}
.datatable tfoot tr td.number {
	border-top: 3px double gray;
	text-align: center;
}
.datatable td {	margin:0; padding:1px 2px;}
.datatable td .small {	font-size:8px;}
.datatable td .icon {	text-align:center;}
.datatable a {
	color:#333;
	text-decoration:none;
}
.datatable tbody a:hover {
	color:#fff;
	text-decoration:none; border-bottom:1px dashed #0B869F;
}
.datatable tr.info:hover { background:#333; }
.datatable tr.info:hover a, .datatable tr.info:hover a:visited {	color:#fff; }
.datatable tr.info a { color:#4482ff;	}
.datatable tr.info a:visited {	color:#3371EE;	}