/* Mass Reset
############################################################*/
*{padding:0;margin:0;}body{padding:0;margin:30px0;}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}pre,blockquote,form,label,ul,ol,li,dl,fieldset,address{margin:0;padding:0;}dd,blockquote{margin-left:0;}fieldset{padding:0;}img{border:0;}

/* Common
############################################################*/
body {font-size:62.5%;text-align:center;font-family:Arial, Helvetica, sans-serif;background:#2f2311 url(images/bg.png) repeat-y top center;margin:20px 0;}

h1{font-family:Georgia, "Times New Roman", Times, serif;background:#23b3b3 url(images/bg_titlebar.png);height:25px;width:656px;color:#fff;font-size:1.5em;padding:6px 0 0 10px;}
#titleblock{font-family:Georgia, "Times New Roman", Times, serif;background:#23b3b3 url(images/bg_titlebar.png);height:25px;width:100%;color:#fff;font-size:1.5em;padding:6px 0 0 10px;font-weight:bold;}
h2{font-family:Georgia, "Times New Roman", Times, serif;color:#23b3b3;font-size:1.1em;}
h3{}
p{color:#777;font-size:1.1em;}
span{}
a, a:visited{text-decoration:none;color:#d81199;}
a:hover{color:#d81199;}

table{border:1px solid #1275c3;padding:1px;}
tr:hover{background:#daefff;}
th{background:#1278c4;padding:4px;color:#fff;border-bottom:1px solid #fff;font-size:1.1em;font-weight:bold;}
td{border-bottom:1px solid #e2e2e2;padding:2px 4px;}

#container{margin-left:auto;margin-right:auto;width:875px;text-align:left;position:relative;}
#top-clear{background:url(images/bg_top-clear.png);width:875px;height:11px;}
#login_tab{background:url(images/bg_tab-small.png);width:111px;height:15px;position:absolute;right:18px;top:-10px;color:#fff;padding:3px 0;text-align:center;}
	#login_tab a{color:#fff;}
	#login_tab a:hover{text-decoration:underline;}

#login{background:url(images/bg_loginbox.png);width:442px;height:322px;position:absolute;left:220px;z-index:9999;visibility:hidden;}
	#login div#contents{width:245px;height:144px;position:relative;top:82px;left:90px;padding:8px 10px;}
	#contents span.heavy{font-size:1.3em;font-weight:bold;color:#23b3b3;font-family:Georgia, "Times New Roman", Times, serif;float:left;margin-bottom:14px;}
	#contents label{color:#888;margin-bottom:2px;}
	#contents input{width:245px;}

#header{background:url(images/bg_header.png);width:875px;height:84px;}
	a.logo{background:url(images/logo.png) no-repeat center left;height:84px;width:300px;display:block;float:left;margin-left:40px;}
	#menu{float:right;margin-right:35px;}
		#menu a{font-family:Georgia, "Times New Roman", Times, serif;color:#23b3b3;font-size:1.2em;font-weight:bold;float:right;margin:33px 14px;}
		#menu a:hover{border-top:1px solid #23b3b3;border-bottom:1px solid #23b3b3;color:#2b2b2b;}/*de34a8*/

#center-clear{background:url(images/bg_mid-clear.png);width:875px;height:14px;}
#content{background:url(images/bg_repeaty.png) repeat-y;width:875px;}
	#left{width:164px;overflow:hidden;float:left;margin:8px 0 8px 18px;}
		#left a{width:156px;background:#e2e2e2 url(images/icn_arrow.png) no-repeat 9px 11px;padding:6px 0 6px 20px;float:left;clear:left;border-top:1px solid #fff;font-size:1.2em;color:#848484;}
		#left a:hover{background:#2b2b2b url(images/icn_arrow.png) no-repeat 9px 11px;color:#fff;}
		#left div#block{width:164px;background:#e2e2e2;float:left;margin-top:1px;}
		
	#right{width:665px;float:right;margin:8px 18px 8px 0;overflow:hidden;}
		#right h1{margin-bottom:8px;position:relative;}
		#right h1 a{font-size:.7em;font-family:Arial, Helvetica, sans-serif;color:#fff;position:absolute;right:16px;top:5px;padding-top:4px;background:url(images/btn.png);width:102px;height:17px;text-align:center;}
		#right h1 a:hover{color:#0d3e64;}
		#thumb{border:1px solid #c5c5c5;text-align:center;background:#e2e2e2;width:116px;padding-top:2px;float:left;margin:0 13px 13px 0;position:relative;}
		#right div.first{margin-left:0;}
		#thumb img{border:1px solid #c5c5c5;}
		#thumb h2{margin:2px 0;}
		#thumb a.cat{color:#ababab;}
		#thumb span{height:3px;display:block;}

	#rank{float:left;color:#fff;font-size:1.1em;}
		#rank span{float:left;margin:19px 0 0 6px;}
		#rank div.num{font-weight:bold;text-align:center;width:45px;font-size:1.9em;float:left;margin:13px 0 0 1px;}
	#jframes{width:122px;height:24px;position:absolute;right:5px;bottom:22px;}
		#jframes a{position:absolute;height:24px;left:0;top:0;}
			#jframes a.s1{background:url(images/1.gif) top right;width:25px;height:24px;}
			#jframes a.s2{background:url(images/2.gif) top right;width:49px;height:24px;}
			#jframes a.s3{background:url(images/3.gif) top right;width:73px;height:24px;}
			#jframes a.s4{background:url(images/4.gif) top right;width:98px;height:24px;}
			#jframes a.s5{background:url(images/5.gif) top right;width:122px;height:24px;}
			#jframes a:hover{background-position:top left;}

	#btns{background:url(images/bg_hover.png);width:197px;height:98px;position:absolute;top:205px;left:66px;padding:10px 0 0 9px;display:none;}
		#btns a.dl{background:url(images/btn_preview.png);width:188px;height:27px;display:block;margin-bottom:4px;}
		#btns a.prev{background:url(images/btn_download.png);width:188px;height:27px;display:block;margin-bottom:4px;}
		#btns a.fav{background:url(images/btn_addfav.png);width:188px;height:27px;display:block;}
		#btns a:hover{background-position:top right;}
	
	.page{margin:6px 3px 0 0;color:#1275c3;}
	.page a{color:#1275c3;}
	.page a:hover{color:#2b2b2b;}

	#page{margin:5px 0;float:inherit;}
		#page a{border:1px solid #CCCCCC;padding:1px 3px 1px 3px;background:#ddd;color:#d81199;font-size:1.2em;}
		#page a:hover{border:1px solid #CCCCCC;background:#d81199;color:#fff;padding:4px 6px 4px 6px;}
		div#page span.selected{border:1px solid #CCCCCC;padding:4px 6px 4px 6px;background:#999;color:#fff;font-size:1.2em;}

label{font-family:Georgia, "Times New Roman", Times, serif;color:#1275c3;font-size:1.2em;font-weight:bold;float:left;clear:left;}
input{float:left;clear:left;margin-bottom:8px;width:325px;height:20px;color:#848484;}
	input.button{width:75px;height:25px;font-size:1.2em;}
select{color:#fff;}
select.select{float:left;clear:left;margin-bottom:8px;width:325px;height:20px;color:#848484;}
textarea{float:left;clear:left;margin-bottom:8px;width:325px;height:75px;color:#848484;}
.foot{clear:both;padding:10px 20px 10px 20px;color:#bbb;}
	.foot a{color:#bbb;}
	.foot a:hover{color:#23b3b3;}
#footer-clear{background:url(images/bg_footer-clear.png);width:875px;height:11px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	overflow:hidden;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}