/*
 * RESET
 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
 * FW
 */
html {
	height:100%;	
}
body {
	min-height:100%;
	height:100%;	
	min-width:1000px;
}
#page {
	margin:auto;
	height:auto !important;
	min-height:100%;
	height:100%;
}

.hidden {
	display:none;
}
.holder {
	position:relative;
}
.layer {
	position:absolute;
	z-index:1;
}
.fixer{
	clear:both;
	font-size:0;
}

/*
 * Styles
 */

html {
	background:#232323;
}
body {
	background:#232323;
	color:#9a9a9a;
	font:12px "trebuchet ms",tahoma,arial,serif;
	min-width:1000px;
}
a {
	color:#fff;
	text-decoration:underline;
}
	a:hover {
		text-decoration:none;
		color:#bdbdbd;
	}
	a.js {
		text-decoration:none;
		border-bottom:1px dotted #fff;
	}
		a.js:hover {
			border:none;
		}
	a.gray {
		color:#9a9a9a;
	}
	a.arrow {
		background:url('../images/b.gif') no-repeat 0 5px;
		padding-left:17px;
	}


h1 {
	font-size:20px;
	line-height:22px;
	color:#fff;
}
	h1 a, h2 a {
		color:#9a9a9a;
	}
h2 {
	font-size:18px;
	line-height:20px;
	color:#fff;
}
h3 {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#0983cc;
}
h1,h2,h3,h4 {
	margin:0 0 10px 0;
}
p {
	margin:0 0 10px 0;
}
ul li {
	list-style:none;
	padding:0 0 0 17px;
	background:url('../images/b.gif') no-repeat 0 7px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-left:11px;
	background:url('../images/b2.gif') no-repeat 0 5px;
	margin:10px 0;
}
.w {
	color:#ffffff;
}

	
strong {
	font-weight:bold;
	color:#fff;
}
em {
	font-style:italic;
}

#root {
	min-width:1000px;
	width:expression(document.body.clientWidth > 100 ? "100%" : "1000px");
}
	#top {
		background:#2e2e2e;
		border-bottom:1px solid #434343;
		padding:10px;
	}
		#top p#logo {
			display:block;
			width:203px;
			float:left;
			padding:5px 0 0 0;
		}
			#top p#logo a {
				display:block;
				background:url('../images/my-cs-logo.gif') no-repeat 0% 0%;
				color:#175397;
				text-decoration:none;
				font-size:9px;
				padding:25px 0 0 5px;
			}
		#top p {
			font-size:11px;
			margin:0;
		}
			#top p strong,
			#top p span {
				color:#fff;
			}
#headers {
	padding:10px;
	border-bottom:1px solid #434343;
}
	#left {
		width:39%;
		float:left;
	}
	#monitoring,
	#map-corner {
		width:49%;
		float:left;
	}
		#headers h3 {
			color:#8a8989;
			font-weight:normal;
			font-size:20px;
			margin:0 0 5px 0;
		}
	
	#right {
		width:60%;
		margin-left:39%;
	}
		#show { margin:0 0 10px 0; }
			#show div.b div { margin:0 0 2px 0; padding:0; height:60px; }

		.month { margin-top:5px; }
			#show .month { background:#303030; overflow:hidden; padding:5px 5px 2px 5px; border:1px solid #444; border-radius:5px; margin:0 0 10px 0; }
				#show .month small { display:block; text-align:right; }
					#show .month small a { color:#ccc; }
			.month h3 {
				margin:0 0 10px 0;
			}
			.month div.vipmonth {
				width:18%;
				margin:0 2% 0 0;
				height:115px;
				float:left;
				margin-bottom:10px;
				overflow:hidden;
			}
				#show .month div.vipmonth { width:32%; }
				#show .month div.vipr { margin-right:0;}
			.month div.vipmonth a img,
			.month div.vipmonth a span {
				width:100px;
				height:76px;
				display:block;
				float:left;
				margin:0 0 5px 0;
			}
			.month div.vipmonth a span {
				border:1px solid #9c9c9c;
				background:#393939;
				color:#9c9c9c;
				text-align:center;
			}
			.month div.vipmonth p {
				margin:0 0 0 110px;
				color:#fff;
				line-height:15px;
			}
				.month div.vipmonth p span,
				.month div.vipmonth p a {
					color:#98c8ff;
				}
		#neighbours {
			/*
			width:35%;
			margin-left:65%;
			*/
			margin:5px 0 0 0;
		}
			#neighbours ul li {
				display:inline-block;
				margin:0 10px 0 0;
			}
			#neighbours h3 {
				margin:0 0 5px 0;
			}
			#neighbours ul {
				width:23%;
				float:left;
				margin:0 1% 0 0;
			}
			ul li a {
				color:#fff;
			}
			ul.bl li,
			ul li a.bl {
				color:#98c8ff;
			}
	#content {
		padding:10px;
		margin:0 0 10px 0;
	}
	#content-dl { margin:0 0 10px 0; }
		#content-dl h1 { margin:20px;}
		#content-dl h4 { margin:20px 0 0 20px; background:none; padding:0; }
		#content-dl div.dl { padding:0 0 0 305px; background:url('../images/dl-cs-man.jpg') no-repeat 0 0; height:247px; border-bottom:1px solid #4f4f4f; }
			#content-dl div.dl p { line-height:24px; }
				#content-dl div.dl p.btn { text-align:center; margin:50px 0 0 0; }
					#content-dl div.dl p.btn a { display:inline-block; background:url('../images/dl-cs-btn.jpg') no-repeat; text-decoration:none; font-size:20px; color:#aba9b5; padding:25px 35px 25px 75px; }
						#content-dl div.dl p.btn a:hover { background:url('../images/dl-cs-btn-on.jpg') no-repeat; color:#fff; text-decoration:underline; }
		#content-dl ul { margin:20px; overflow:hidden; }
			#content-dl ul li { display:block; float:left; padding:0; background:none; }
				#content-dl ul li a { display:block; background:url('../images/dl-map-bg.jpg') no-repeat;  }
					#content-dl ul li a:hover { background:url('../images/dl-map-bg-on.jpg') no-repeat; }
					#content-dl ul li a img { width:150px; height:150px; margin:23px; opacity:.6; }
						#content-dl ul li a:hover img { opacity:1; }

	div#header div.part {
		width:25%;
	}
		div#header div.part h3 {
			color:#949393;
			font-weight:normal;
			font-size:22px;
			margin:0 0 10px 0;
		}
		div#header div.part ul {
			list-style:none;
			padding:0;
			margin:0;
		}
			div#header div.part ul li {
				background:url('../images/b.gif') no-repeat left;
				padding-left:17px;
				color:#ffffff;
			}
	div#header div#logo {
		width:50%;
		text-align:center;
	}
		div#header div#logo p, .blue {
			margin:0;
			font-size:11px;
			color:#0078ff;
			margin-left:63px;
		}
		.blue  {
			margin:0;
		}
		div#header div#logo div#overview {
			width:90%;
			border:1px solid #9a9a9a;
			padding:10px;
			margin-top:40px;
			text-align:left;
		}
			div#header div#logo div#overview strong {
				color:#ffffff;
			}
	div#header div.part, div#header div#logo {
		float:left;
	}


	
		table.t {
			width:100%;
		}
			table.t tr th {
				height:35px;
				background:#6e7f91 url('../images/th.gif') repeat-x;
				color:#fff;
				font-weight:bold;
				text-align:left;
			}
				table.t tr th.n {
					background:url('../images/th1.gif') no-repeat 0 0;
					padding:0 5px;
					width:10px;
				}
				table.t tr th.v {
					background:url('../images/th2.gif') no-repeat 100% 0;
					padding:0 10px;
					width:80px;
					text-align:center;
				}
				table.t tr th.p {
					width:80px;
					text-align:center;
				}
			table.t tr td {
				padding:1px 0;
				height:30px;
				border-bottom:1px dotted #4f4f4f;
			}
				table.t tr td.o {
					text-align:center;
					padding:0 10px 0 5px;
				}
				var.steam { vertical-align:middle; margin:0 0 0 5px; display:inline-block; width:16px; line-height:16px; overflow:hidden; background:url('../images/steam.png') no-repeat 0 0; }
				table.t tr td.p {
					text-align:center;
				}
				table.t tr td.v {
					text-align:center;
					font-size:18px;
				}
					table.t tr td.v a {
						text-decoration:none;
						margin:0 3px;
						color:#0e78bd;
					}
						table.t tr td.v a.rur {
							display:block;
							width:14px;
							height:19px;
							background:url('../images/rur.png') no-repeat 0 0;
							margin:0 auto;
						}
				table.t tr.r0 td {
					
				}
					table.t tr:hover td {
						background:#2e2e2e;
					}
				table.t tr td img {
					width:38px;
					height:28px;
					margin:0 5px 0 0;
					vertical-align:middle;
				}
				table.t tr td.mm {
					width:30px;
					text-align:center;
				}
					table.t tr td.mm a {
						display:inline-block;
						width:18px;
						height:18px;
						background:url('../images/plus.png') no-repeat 0 0;
					}
						table.t tr td.mm a.minus {
							background:url('../images/minus.png') no-repeat 0 0;
						}
		form.f {
		}
			form.f label {
				margin:0 0 10px 0;
				display:block;
				color:#e9e9e9;
			}
				form.f label small {
					color:#aaa;
				}
				form.f label input, form.f label textarea, form.f label select, blockquote {
					display:block;
					margin:5px 0 0 0;
					border:1px solid #2e2e2e;
					background:#141414;
					padding:4px;
					color:#c4bcbb;
					font-size:12px;
				}
				blockquote {
					display:inline-block;
				}
				form.f label select {
					background:#fff;
					color:#333;
				}
				form.f input.submit {
					margin:5px 0 0 0;
					border:1px solid #2e2e2e;
					background:#141414;
					padding:4px;
					color:#0078ff;
					font-size:12px;
					text-decoration:underline;
					cursor:pointer;
				}
					form.f input.submit:hover {
						color:#429bff;
					}

table#footer {
	border-top:1px solid #434343;
	width:100%;
	border-collapse:collapse;
}
	table#footer tr td {
		padding:1px;
		background:#2e2e2e;
	}
table#counter {
	border-collapse:collapse;
}
	table#counter tr td {
		padding:1px;
	}


.pager {
	text-align:center;
	margin:15px 0;
}
	.pager a {
		border:1px solid #4F4F4F;
		background:#333;
		padding:2px 7px;
		text-decoration:none;
		font-weight:bold;
		color:#cccccc;
		margin:0 2px 0 0;
	}
		.pager a:hover {
			color:#fff;
			border:1px solid #236ABB;
		}
	.pager strong {
		border:1px solid #4F4F4F;
		background:#2169BA;
		padding:2px 7px;
		color:#fff;
		margin:0 2px 0 0;
	}
.col {
	width:30%;
	margin:0 3% 0 0;
	float:left;
}

.rc-1, .rc-1 td, table.t tr.rc-1 td {
	background:#284f42;
}
.rc-2, .rc-2 td, table.t tr.rc-2 td {
	background:#2d3e4f;
}
.rc-3, .rc-3 td, table.t tr.rc-3 td {
	background:#393939;
}
.rc-4, .rc-4 td, table.t tr.rc-4 td {
	background:#413b25;
}
.rc-5, .rc-5 td, table.t tr.rc-5 td {
	background:#6e2828;
}
.rc-6, .rc-6 td, table.t tr.rc-6 td {
	background:#182445;
	color:#9f82e0;
}
	table.t tr.rc-6 td a {
		color:#9f82e0;
	}
.rc-7, .rc-7 td, table.t tr.rc-7 td {
	background:#cdab21;
	color:#4e4400;
}
	table.t tr.rc-7 td a {
		color:#4e4400;
	}
.rc-8, .rc-8 td, table.t tr.rc-8 td {
	background:#2e9f46;
	color:#093700;
}
	table.t tr.rc-8 td a {
		color:#093700;
	}
.rc-9, .rc-9 td, table.t tr.rc-9 td {
	background:#915151;
	color:#690011;
}
	table.t tr.rc-9 td a {
		color:#690011;
	}
.rc-10, .rc-10 td, table.t tr.rc-10 td {
	background:#323532;
	color:#9c9c9c;
}
	table.t tr.rc-10 td a {
		color:#9c9c9c;
	}

	table.t tr.rc-1:hover td,
	table.t tr.rc-2:hover td,
	table.t tr.rc-3:hover td,
	table.t tr.rc-4:hover td,
	table.t tr.rc-5:hover td,
	table.t tr.rc-6:hover td,
	table.t tr.rc-7:hover td,
	table.t tr.rc-8:hover td,
	table.t tr.rc-9:hover td,
	table.t tr.rc-10:hover td
	{
		background:#1b0806;
	}

.nowrap {
	white-space:nowrap;
}


.hs {
	border-top:1px dotted #9a9a9a;
	height:1px;
	width:100%;
	margin:10px 0;
	overflow:hidden;
}


table.my-cs_table {
	width:100%;
	border-collapse:collapse;
}
	table.my-cs_table tr td {
		height:30px;
		border-bottom:1px solid #4f4f4f;
	}

#links {
	font-size:10px;
}


#disqus_thread ul li {
	background:none;
}

#recentcomments { }
	#recentcomments li { background:none; border-bottom:1px dotted #555; padding:0 0 10px 0; }


.spinner { display:inline-block; width:16px; height:16px; vertical-align:middle; }
	.spinner-on { background:url('../images/spinner.gif') no-repeat; }

#maplist { list-style:none; overflow:hidden; }
	#maplist li { background:none; padding:0; width:100px; height:95px; overflow:hidden; margin:0 10px 10px 0; float:left; }
		#maplist li img { width:100px; }
		#maplist li p { text-align:center; }
ul.menuc { text-align:center; margin:0 0 20px 0; }
	ul.menuc li { display:inline; background:none; padding:0; margin:0 10px 0 0; }
		ul.menuc li a { padding:5px; }
		ul.menuc li strong { background:#111; padding:5px 10px; border:1px solid #111; border-radius:3px; color:#0078ff; }