body{margin:0 auto;padding:10px;font-family:Verdana,Arial,sans-serif;font-size:0.8em;background:#dbdbdb}
img {border:0;}
h1,h2,h3,ul,li,form,table,textarea{margin:0;padding:0;}

input[type="text"],input[type="password"],input[type="file"]{font-size:12px;padding:4px;border:1px solid #aaa;}
input[type="checkbox"]{border:1px solid #aaa;}
textarea{border:1px solid #aaa;padding:4px;font-size:12px;}
input[type=submit],input[type=button]{font-size:12px; border:1px solid #aaa; background:#ccc; font-weight:normal; padding:2px 4px; margin:0; margin-top:2px}
input[type=submit]:hover,input[type=button]:hover{background:#AFBDCD}
select{font-size:12px;border:1px solid #aaa;padding:4px}

#site{width:1000px;background:#fff;padding:0 10px 10px 10px;}

#top-nav{border-bottom:1px dotted #ccc;font-size:11px;color:#333;padding-bottom:0.1em}
#top-nav ul{list-style-type:none}
#top-nav li{float:left;padding:0 0.5em;border-right:1px solid #ccc}
#top-nav li a{text-decoration:none;color:#333}
#top-nav .first{padding-left:0;padding-right:0.5em;}
#top-nav .last{border-right:0}
#top-nav a:hover{text-decoration:underline}

#chat_hb_menu li{float:none;border:0;border-bottom:1px solid #ccc;padding:4px 0.5em}
#chat_hb_menu li:hover{background:#AFBDCD;}

#loginform {font-size:11px;float:right;padding:0px 6px;background:#dbdbdb;height:22px;}
#loginform .in_text{font-size:11px; border:1px solid #ccc; width:80px;padding:1px}
#loginform .in_pass{font-size:11px; border:1px solid #ccc; width:80px;padding:1px}
#loginform .in_subm{font-size:11px;background:#AFBDCD;color:#333;border:1px solid #aaa;padding:0 3px}

#usernav {font-size:11px;float:right;padding:0px 6px;background:#dbdbdb;}
#usernav a:hover{color:#000}

#navi{font-size:1.2em;font-weight:bold;padding-bottom:0px}
#navi ul{list-style-type:none;}
#navi ul li{float:left;padding-right:0.7em;}
#navi ul li a{text-decoration:none;color:#333;}
#navi a:hover{color:#7385A3;}
.navi_selected{border-bottom:1px solid #aaa;}

#submenu{ border-top:1px solid #dbdbdb;font-size:1.2em;padding-top:2px}
#submenu ul{list-style-type:none;}
#submenu ul li{float:left;padding-right:10px;}
#submenu ul li a{text-decoration:none;color:#333;}
#submenu a:hover{color:#AFBDCD;}
.submenu_selected{border-bottom:1px solid #aaa;}

.top_index{border-top:1px solid #dfdfdf;font-size:1.2em;padding:2px 0}
.indx_nxt{text-decoration:none;color:#333;padding:2px 3px;margin:0 3px;}
.indx_prv{text-decoration:none;color:#333;padding:2px 3px;margin:0 3px;}
.indx_selected{margin:0 3px;padding:2px 3px;}
.indx{text-decoration:none;color:#333;padding:2px 3px;margin:0 3px;}
.indx:hover{background:#dbdbdb;color:#AFBDCD}

#main{background:#DBDBDB;height:100%}
#content{float:left;display:block;width:640px;padding:10px;}

#tabs{margin-top:5px;}
	.tab{font-weight:bold;font-size:12px;border-bottom:1px solid #AFBDCD;padding:3px 10px 2px 10px;white-space:nowrap}
	.tab a{text-decoration:none;color:#333}
	.tab:hover{background:#AFBDCD;border-bottom:1px solid #AFBDCD}
	.tab_selected{border:1px solid #AFBDCD;border-bottom:1px solid #fff;padding:2px 9px;}


.emopanel{background:#fff;border:1px solid #aaa; padding:3px;}
	.emopanel img{width:18px;height:18px;margin:4px}
	.emopanel img:hover{width:22px;height:22px;margin:2px}
.emopanel_footer{border-top: 1px solid #dfdfdf;color:#333;text-align:right;padding:2px;font-weight:bold;}
.emopanel_footer:hover{background:#AFBDCD;cursor:pointer}

.score{ background:url(/img/rating.png) 0 0 no-repeat; width:120px; height:24px; float:left; position:relative;float:right}
.score a {display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:24px;}
.avg {background:url(/img/rating.png) 0 -24px no-repeat;position:absolute;z-index:50;height:100%;width:0}
.score1 {width:20%; z-index:59;}
.score2 {width:40%; z-index:57;}
.score3 {width:60%; z-index:55;}
.score4 {width:80%; z-index:53;}
.score5 {width:100%; z-index:51;}
.score a:hover{ background:url(/img/rating.png) bottom right no-repeat;}

#gametabs{margin-top:5px;}
	.gtab{font-weight:bold;font-size:12px;border-bottom:1px solid #AFBDCD;padding:3px 10px 2px 10px}
	.gtab a{text-decoration:none;color:#333}
	.gtab:hover{background:#AFBDCD;border-bottom:1px solid #AFBDCD}
	.gtab_selected{border:1px solid #AFBDCD;border-bottom:1px solid #fff;padding:2px 9px;}

		
#commentformlink{padding:2px 10px 0 0;background: url(/img/d_bull.png) no-repeat 98% 60%;}
#commentformlink:hover{background: url(/img/d_bull.png) no-repeat 98% 60% #AFBDCD}

.b_link{padding-right:8px;background: url(/img/a_bull.png) no-repeat 100% 33%;text-decoration:none;color:#000;}
.b_link:hover{text-decoration:underline}

.d_link{padding:2px 10px 0 0;background: url(/img/d_bull.png) no-repeat 98% 60%;text-decoration:none;color:#000;}
.d_link:hover{text-decoration:underline}

.tag{color:#666;text-decoration:none;}
.tag:hover{text-decoration:underline}

.message{margin:10px 0}
	.messageblock{margin-left:5px;float:left;width:390px;border:0px solid #000}
		.messageinfo{font-size:10px;color:#666}
		.messagetxt{}
		.messagetxt .emo{vertical-align:middle;}
		.commentlink{color:#7385A3;text-decoration:none;padding-right:10px;background: url(/img/d_bull.png) no-repeat 98% 60%;}
		.commentlink:hover{text-decoration:underline}
		.commentform{margin:5px;display:none;}
		.messagecomment{margin:5px}
			.commentblock{float:left;margin-left:5px}
				.commentinfo{font-size:10px;color:#666}
				.commenttxt{}
				.commenttxt .emo{vertical-align:middle}
		

#right{float:right;display:block;width:330px;border:0px solid #00f;padding:10px 10px 10px 0}

.sb_msg .emo{width:18px;height:18px;vertical-align:middle}

#footer{background: #4d4d4d; padding:5px; color:#fff;}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer .footer_tag{color:#999;}