/* CSS Document */
/*--------------------------------------body---*/
body, input, label {
	/*color:#6c6c6c;*/
	color:#000;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
input, select {
	color:#000;
	margin-top:0px;
	font-size:11px;
}
a {
	color:#06a9fa;
	text-decoration:underline;
}

/* chat style */
.ch_tab {
	position:fixed;
	left:0; 
	top:263px; 
	z-index:5;
	width:22px; 
	height:100px;
}
* html .ch_tab {position:absolute;}
.ch_tab span {
	display:block;
	width:22px;
	height:100px;
	background:#f01b3b;
}
.ch_tab a:hover {background:#f01b3b;}          
.ch_tab img {border:0;}
.ch_tab span {background:#f01b3b;}


.ch_label{background: url('/img/chat_tab.png');}


.chat_wd {
	position:fixed;
	left:0; 
	top:200px; 
	z-index:5;
	display:none;
	width:300px; 
	height:350px;
	background-color:#ececec;
	-moz-border-radius-topright: 10px 10px; 
	border-top-right-radius: 10px 10px; 
	-moz-border-radius-bottomright: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border:1px solid #f01b3b
}
* html .chat_wd {position:absolute;}

#chat_loading {
	float:left; 
	width:16px; 
	color:#f01b3b; 
	text-align:right; 
	margin-right:5px;
}

#chat_room_line {
	float:left;
	width:120px;
	background-color:#f01b3b;
	color:#fff;
}
#chat_hbeat {
	float:left;
	width:8px;
	height:8px;
	background-color:green;
	margin:3px 0 3px 5px;
}
#close_chat {
	float:right;
	width:100px;
	color:#f01b3b;
	text-align:right;
	margin-right:5px;
	cursor:pointer;
}
#chat_msg {
	float:left;
	width:300px;
	height:280px;
	background-color:#ececec;
	color:#000;
	overflow:auto;
}
#chat_ctrl {
	float:left;
	width:300px;
	height:40px;
	background-color:#ececec;
	color:#000;
}
#msg {
	width:290px;
	height:40px;
	border:1px solid grey;
	float:left;
	margin-left:5px;
}
.msg_unit {
	float:left;
	width:276px;
	margin:0px 7px 0 7px;
}


/* test */



.profile_form .input {
	width:250px;
	background: #fff;
	border:1px solid #ccc;
	
}

.profile_form .input:hover {
    	background: #ffc;
}

.profile_form td {
	padding: 2px 0 2px 0;
	
}




a:hover {text-decoration:none}
/*--- content---*/
div.small				{ /* Written by */
	display:block;
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 7px 0px;
	white-space:nowrap;
	line-height:11px;
}

/*-----------------------------------buttons---*/

	.button, 
	.button:hover,
	.validate:hover,
	.modal-button:hover,
	.readmore a:hover,
	div.blank a:hover {
		background:url(/img/button4-active.gif) top left no-repeat;
		color:#fff;
	}
/* ------------------------------------- search --- */
	#search h3 {
		text-transform:none;
		font:bold 12px/17px Verdana, Geneva, sans-serif;
		float:left;
		margin:0;
		color:#fff;
		padding:3px 8px 0 0;
	}
	.search .button {
		background:url(/img/button3.gif) no-repeat 0 0;
		border:none;
		float:right;
		font:bold 14px/14px Verdana, Geneva, sans-serif;
		color:#8e8e8e;
		width:39px;
		height:26px;
		text-transform:uppercase;
		padding:0 0 4px 0;
		margin:0;
	}
	.search .inputbox {
		background:#fff;
		border:none;
		border-top:1px solid #969696;
		border-left:1px solid #969696;
		color:#9c9fa4;
		font:normal 12px/17px Arial, Helvetica, sans-serif;
		height:auto;
		padding:4px 0px 6px 5px;
		margin:0px 0px 0px 0px;
		vertical-align:top;
		width:255px;
		float:left;
	}

		.modtable h3,
		.title,
		.categoryName,
		#vmMainPage h3,
		.categoryName {
			background:none;
			font:bold 12px/16px Verdana, Geneva, sans-serif;
			color:#47484b;
			text-transform:uppercase;
			position:relative;
			margin:0 60px 15px 0;
			padding:5px 0 5px 0px;
		}
/* ---------------------- categories --- */
	.cats {
		margin:0px 0px 0px 0px;
	}
		.cats .boxIndent {
		padding:8px 0px 12px 18px;
		}
			.cats h3 {
				background:url(/img/title1-right-bottom.gif) no-repeat right bottom #f01b3b;
				font:bold 12px/20px Verdana, Geneva, sans-serif;
				color:#fff;
				padding:0px 0px 0px 0px;
				text-transform:uppercase;				
				float:left;
			}
			.cats h3 span {
				display:block;
				background:url(/img/title1-left-bottom.gif) no-repeat left bottom;
				float:left;
			}
			.cats h3 span span {
				background:url(/img/title1-right-top.gif) no-repeat right top;
				float:left;
			}
			.cats h3 span span span{
				background:url(/img/title1-left-top.gif) no-repeat left top;
				padding:5px 17px 4px 16px;
				float:left;
			}
			
		
		/* ------------------------ menu --- */
			.cats h2 {
				font-size:14px;
				padding-bottom:5px;
			}

			.cats ul {
				list-style:none;
				margin:0px 0px 0px 0px;
				padding-top:4px;
			}
			.cats ul li {
				font:normal 11px/17px Verdana, Geneva, sans-serif;
				margin:0 0 0 0;
				width:100%;
				vertical-align:top;
			}
			.cats li a {
				color:#0397bd;
				margin:0;
				padding:0;
				text-decoration:none;
			}
			
			
/*------------------------ module-latest ---*/
	.module-new h3 {
		font:bold 12px/16px Verdana, Geneva, sans-serif;
		color:#47484b;
		text-transform:uppercase;
		position:relative;
		margin-bottom:1px;
		padding:2px 0 9px 6px;
	}
/*---- comments ----*/
#comments hr {
	height:1px; 
        width:100%;
        background-color: #cccccc; 
        color:#cccccc; 
        border:1px
}

/*-- other games right --*/
#short_info a {
	color:black;
}


/*----------------------------------------login-form---*/
	.module-login {
		margin:0px 0px 14px 0px;
	}
	.module-login .boxIndent {
			padding:5px 0 0 0;
	}
	#form-login-username {
		display:block;
		width:100%;
	}
	
	/*-----------------content----*/
		.module-login .part1 {
			background:#e52f36;
			padding:22px 22px 19px 21px;
		}
		#form-login-remember {
			padding:3px 0px 0px 0px;
		}
		.module-login label {
			color:#666;
			font:normal 12px/12px Tahoma, Geneva, sans-serif;
		}
		label.remember {
			color:#6c6c6c;
			font:normal 11px/12px Arial, Helvetica, sans-serif;
			display:inline;
			font-weight:normal;
		}
		#mod_login_username,
		#mod_login_password {
			background:none;
			border:1px solid #9b9b9b;
			width:129px;
			padding:2px 0px 3px 7px;
			font:normal 11px/11px Verdana, Geneva, sans-serif;
			color:#6c6c6c;
			margin:0px 0px 5px 0px;
		}
		.username,
		.password {
			font:normal 10px/14px Arial, Helvetica, sans-serif;
			color:#6c6c6c;
			text-transform:uppercase;
		}
		.module-login a {
			color:#6c6c6c;
			font:normal 12px/18px Tahoma, Geneva, sans-serif;
		}
		.form-login .button	{ /* button */
			background:url(/img/button4.gif) top repeat-x;
			border:none;
			color:#fff;
			font:bold 18px/20px Verdana, Geneva, sans-serif;
			padding:0 0 4px 0;
			margin:0 5px 0 0;
			width:105px;
			height:25px;
			text-align:center;
			text-transform:lowercase;
			display:block;
		}
		.form-login .button:hover {
			background:url(/img/button4-active.gif) top repeat-x;
		}
		.log {
			color:#6c6c6c;
		}
		.logout {
			background:url(/img/button4.gif) top repeat-x;
			width:105px;
			height:25px;
			color:#fff;
			padding:0 0 4px 0;
			margin:10px 0 0 0;
			font:bold 18px/20px Verdana, Geneva, sans-serif;
			text-transform:lowercase;
		}
		.logout:hover {
			background:url(/img/button4-active.gif) top repeat-x;
			color:#fff;
		}
		.form-login .rememberCheck {
			display:none;
			padding:8px 0 0 0;
			width:90px;
			float:left;
		}
		input.checkbox { /* checkbox */
			border:none;
			display:block;
			float:left;
			margin:0px 5px 0px 0px;
			vertical-align:middle;
			width:13px;
			height:13px;
		}
		#inputs {
			padding:5px 0px 0px 0px;
			width:100%;
			overflow:hidden;
		}
		#inputs a {
			color:#06a9fa;
			text-decoration:none;
			font:normal 11px/14px Arial, Helvetica, sans-serif;
			display:inline-block;
			margin:6px 0 0 0;
		}
		#inputs a:hover {
			text-decoration:underline !important;
		}
/* ------------------------------------- topmenu --- */
	ul.menu-nav {
		list-style:none;
		width:100%;
		overflow:hidden;
		padding:0;
		margin:0;
	}
		ul.menu-nav li {
			float:left;
			padding-right:2px;
			font:bold 11px/17px Verdana, Geneva, sans-serif;
		}
			ul.menu-nav li a {
				background:#ececec url(/img/menu-right-bg.gif) right top no-repeat;
				color:#666869;
				display:block;
				text-decoration:none;
				min-width:120px;
				width:auto !important;
				width:140px;
				text-align:center;
			}
			ul.menu-nav li a span {
				background:url(/img/menu-left-bg.gif) left top no-repeat;
				display:block;
				padding:7px 10px 7px 10px;
			}
	
			/* ------------------- hover, active --- */
			ul.menu-nav li a:hover,
			ul.menu-nav li.active a {
				color:#000;
			}

/* --------------------------------------------------------- structure --- */
	#body {
		background:#fff;
		height:100%;
	}
	.main {
		width:973px;
		/*width:990px;*/
	}

/*-------------------------------------header---*/
	#header {
		padding:0 0 0 0;
	}
		#logo {
			width:200px;
			float:left;
			text-align:center;
			/*padding:40px 74px 37px 33px;*/
			padding:40px 74px 20px 33px;
				
		}
                #logo h1 {
			font-size:12px;
			font-weight:normal;
			color:grey;
			
		}
		#logo a {
			color:grey;
			text-decoration:none;
		}
		#search {
			width:366px;
			height:45px;
			padding:17px 16px 0 15px;
			margin:36px 72px 0 0; /* margin:36px 72px 0 0; */
			float:left;
			background:url(/img/search-bg.gif) no-repeat 0 0;
		}
		.msg_top_right {
			/*background:url(/img/cart-bg.jpg) no-repeat 0 0;*/
			/*padding:18px 0px 25px 76px;*/
			padding:18px 0px 25px 15px;
			text-align:right;
			width:180px;
			margin:32px 0px 0 0;
			float:right;
		}
/*		#statistics {
			float:left; 
			width:336px; 
			height:20px; 
			margin-top:14px; 
			padding-left:5px; 
			font-weight:bold;
		}*/
		.extra-bg {
			border-bottom:1px solid #c1c1c1;
		}
			#topmenu {
				padding:0 0 0 23px;
				float:left;
			}
			.users_online {
				width:160px;
				/* 214 */
				height:24px;
				overflow:hidden;
				margin:0 8px 0 0;
				/* margin:0 21px 0 0; */
				/*padding:7px 17px 0 17px;*/
				padding:7px 10px 0 10px;
				float:right;
			}

/* ------------------------------------- content --- */
	#wrapper {
		/*padding:16px 21px 24px 23px;*/
		padding:16px 21px 24px 21px;
	}
		/*.column-divider {
			/*background:url(/img/column-divider.gif) repeat-y 206px 0;*/
			/*background:url(/img/column-divider.gif) repeat-y 165px 0;*/
		}*/
		#left {
			float:left;
			/*width:179px;*/
			width:150px	
			/*padding:15px 28px 0 0;
			margin-right:25px;*/
			padding:15px 28px 0 0;
			margin-right:25px;
			
		}
		.container {
			overflow:hidden;
			width:760px;
			float:right;
		}
		.extra-indent {
			margin-bottom:-15px;
		}
		
		.contentgroup {
			overflow:hidden;
		}
		.txt_block {
			margin-bottom:8px;
			text-align:justify;
		}

		.game_box a {
			color:#0033cc;
		}

		#history a {
			color:#003399;
		}



		.normal {

		}
		.normal h1 {
			font-size:16px;
		}

/*-------- tags ------------ */
		.tag_line {
			float:left;
			width:640px;
			padding-top:10px;
			text-align:justify;
		}
		.tag_line a {
			color:#003399;
		}
		.tag_cloud_big a {
			color:#003399;
		}
/*-------- end tags --------*/

/*- form elements -*/
	.form_fields input {
		margin:5px;
	}
	.form_fields td {
		vertical-align:middle;
	}
/* ------------------------------------- footer --- */
	#footer {
		
		border-top:1px solid #c1c1c1;
		width:973px;
	}
	#footer .space {
          	/* padding:22px 0px 35px 255px; */
          	padding:10px 0px 30px 0px;
		font:normal 11px/20px Arial, Helvetica, sans-serif;
	}
	#footer .footer_stat {
		float:left; 
		width:430px;
	}
	#footer .footerText {
		float:right;
		width:200px;
		text-align:right;
		
	}
	#footer .footerMenu{
		float:left;
		width:300px;		
	}

	#footer a {
		color:#0199da;
	}
	#footer .footerText {
		color:#6c6c6c;
	}
	#footer .footerText div {
		float:left;
	}
	#footer ul {
		padding:0px 0px 0px 0px;
		margin:0px;
		list-style:none;
		margin-left:-19px;
	}
		#footer ul li {
			padding:0 18px 0 18px;
			margin:0 0 0 0;
			display:inline;
			border-left:1px solid #6c6c6c;
		}
			#footer ul li a {
				font:normal 11px/17px Verdana, Geneva, sans-serif;
				background:none;
				color:#0199da;
				padding:0;
			}
			#footer ul li a:hover,
			#footer ul li.active a {
				text-decoration:none;
			}
	
/* Paging */

	#paging .prevnext {
		float:left;
		height: 18px; 
		width:78px;
		/*background-color: #f01b3b;*/
		padding-right:4px; 
		padding-left:4px;
		margin-left: 4px;
		text-align:center;
	}
	#paging .prevnext a {
		color:#336699;
	}
	
	#paging .page {
		float:left;
		height: 18px;
		width: 22px;
		margin-left: 4px;
		background-color: #0397bd;
		background:url(/img/paging_bg.gif);
		background-repeat: repeat-x repeat-y; 
		text-align:center;
	}
	
	#paging .page a {color:white}
	#paging .page:hover {
		background:inherit;
		background:url(/img/paging_bg_red.gif);
		background-color: #f01b3b;
		height:23px;
	}

	#paging .active {
		float:left;
		height: 18px;
		width: 22px;
		margin-left: 4px;
		background-color: #0397bd;
		background:url(/img/paging_bg_red.gif);
		background-repeat: repeat-x repeat-y; 
		text-align:center;
		height:23px;		
	}

	#paging .active a {color:#fff};
	

/* End paging */


/* ------------------------------------- Tooltips --- */
	.tool-tip {
		background:#ffc;
		border:1px solid #b4b58A;
		color:#000;
		max-width:200px;
		text-align:left;
	}
	.tool-title {
		background:#dda;
		border-bottom:1px solid #b4b58A;
		padding:5px 10px;
		font-weight:bold;
	}
	.tool-text {
		padding:5px 10px;
	}

/* ------------------------------------- VM --- */
	.clear {
		overflow:hidden;
		width:100%;
	}
	/*.float-left {
		float:left;
	}
	.float-right {
		float:right;
	}
	.contact_email input {
		margin-bottom:10px;
	}
	.contact_email #contact_email_copy {
		margin:0;
		vertical-align:middle;
	}
	.content-indent {                           
		padding:16px 0 0 0;
	}*/

/* ------------------------------------- boxes --- */

	.box {
		background:#ececec url(/img/box-corner-right-bottom.gif) no-repeat right bottom;
	}
		.box .corner-left-bottom {
			background:url(/img/box-corner-left-bottom.gif) no-repeat left bottom;
		}
		.box .corner-right-top {
			background:url(/img/box-corner-right-top.gif) no-repeat right top;
		}
		.box .corner-left-top {
			background:url(/img/box-corner-left-top.gif) no-repeat left top;
			width:100%;
		}
		.box .indent {
			padding:13px 11px 13px 11px;
			color:#47484b;
		}


	.box2 {
		background:#fff url(/img/box2-tail-bg.gif) repeat-x bottom;
	}
		.box2 .tail-top {
			background:url(/img/box2-tail-bg.gif) repeat-x top;
		}
		.box2 .tail-right {
			background:url(/img/box2-tail-bg.gif) repeat-y right;
		}
		.box2 .tail-left {
			background:url(/img/box2-tail-bg.gif) repeat-y left;
		}
		.box2 .corner-right-bottom {
			background:url(/img/box2-corner-right-bottom.gif) no-repeat right bottom;
		}
		.box2 .corner-left-bottom {
			background:url(/img/box2-corner-left-bottom.gif) no-repeat left bottom;
		}
		.box2 .corner-right-top {
			background:url(/img/box2-corner-right-top.gif) no-repeat right top;
		}
		.box2 .corner-left-top {
			background:url(/img/box2-corner-left-top.gif) no-repeat left top;
		}
		.box2 .indent {
			padding:5px 5px 5px 5px;
			color:#47484b;
		}
		
/* ------------------------------------- END boxes --- */
.paramlist_key {width:35% !important; padding-right:5px !important;}
#email {width: 147px; padding:2px 0 3px 5px;}
.validate {margin-bottom:1px;}