@charset "utf-8";

/* banner */
.banner { margin-bottom:12px;}
.bannerbody { position:relative;width:100%; height:197px; overflow:hidden; z-index:10}
.bannertext { position:absolute; bottom:0; left:12px; height:19px; z-index:2 }
.bannertext li { float:left; background:url(../images/one.gif) top left no-repeat; width:19px; height:16px; padding-top:3px; text-align:center; margin-right:8px; } 
.bannertext .switched { background-image:url(../images/ones.gif) }
.bannerbottom {background:url(../images/bannerbottom.gif) top left no-repeat; width:685px; height:10px }

/* most popular */
	.popular { width:683px; height:203px; border:1px #48738e solid; background:#fff; }
	.popular h1{ padding-left:18px; background:#48738e }
	.popular h1 span{line-height:30px; color:#fff; font-size:14px; }
	ul.popleft {position:relative; float:left}
	ul.popright {float:left; display:inline; padding:5px 24px; width:240px}
		ul.popleft li{ width:150px; float:left; clear:left}
		ul.popright li { float:left; width:120px; padding:6px 0 }
		ul.popright li a { text-decoration:underline}
		ul.popright li a:hover { text-decoration:none}
			ul.popleft li a { display:block;background:url(../images/popularsbg.gif) left center repeat-x; line-height:28px; border:1px #b0c2cd solid; border-top:0 solid; border-left:0 solid; padding-left:24px; font-weight:bold}
			ul.popleft li a:hover, ul.popleft li.pselected a { background:#fff url(../images/popularsbg1.gif) 6% center repeat-y;; border-right:0 solid; color:#e26a00 }
			ul.popleft li .noborder { border-bottom:0 solid;  }
	.poprright { float:right; background:#fffaf2; height:161px; width:221px; padding:6px 12px }

		.poprright ul { padding:8px 0 0 0 }
			.poprright ul li { background:url(../images/plisticon.gif) left 4px no-repeat; margin:4px 0 5px 0} 		
				.poprright ul li span{ display:block;padding-left:18px; line-height:14px; height:28px; overflow:hidden; font-family:Arial }
				.poprright ul li span a { font-family:Verdana;  }
				.poprright ul li span a:hover { text-decoration:underline } 
	
/* rank & ipsay */	
.rankbox { float:left; width:265px}
	.rankbody { border:1px #a6bcc8 solid; border-bottom-width:2px; border-right-width:2px; background:#fff url(../images/rankbg.gif) bottom left repeat-x; height:290px }
	.rankbody .rankmenu { float:left; width:131px }
	.rankbody .rankmenu a { display:block; width:130px; border-bottom:1px #a6bcc8 solid;border-right:1px #a6bcc8 solid; background:#e4eff6; text-align:center;line-height:27px; line-height:12px; padding:4px 0;color:#4b7c9b; font-weight:bold }
	.rankbody .r a { border-left:1px #a6bcc8 solid; border-right:0 }
	.rankbody .rankmenu a:hover,.rankbody .rselected a{ background:#fff; border:0 }
	
	.rankbody ul{clear:both; padding:12px;color:#48738e; width:229px; text-align:left}
	.rankbody li {float:left;border-bottom:1px #ccc dashed; height:18px; width:229px; padding-top:7px;}
	.rankbody li span { float:left; height:13px; line-height:13px; overflow:hidden }
	.rankbody li .rl1 { background:#ca2d2f; border:1px #ab080a solid; width:12px; height:12px; color:#fff; text-align:center;}
	.rankbody li .col { background:#48738e; border:1px #21597d solid; }
	.rankbody li .rl2{ width:80px;  padding-left:12px;}
	.rankbody li .rl3 { width:100px; text-align:left; }
	.rankbody li .rl4 { width:20px; text-align:right }
	
	.itsay p img{ border:1px #aaa solid; float:left; margin-right:10px;}
	.itsay p span{ display:block ; color:#aaa; font-size:10px }
	.itsay li { border:0; height:auto; line-height:15px; } 
	.itsay .li1 { background:url(../images/itsayb.gif) 10px left repeat-x; padding-top:18px; padding-bottom:8px }
	.itsay .li2 {  padding-top:4px; }
/* release -- update */
.release,.update {float:left; margin-left:12px; width:198px;}
.releasebody { background:#fff; border:1px #d9dcdd solid ; border-bottom-width:2px ; border-right-width:2px; padding:12px 0; height:266px }
.releasebody h3{ background:url(../images/rutitle.gif) 0 -20px no-repeat; margin-left:12px;height:20px; color:#c44867 }
.releasebody h3 span { padding-left:30px; line-height:20px }
.release .releasebody h3 { background-position:0 0; color:#48738e }
.releasebody ul { padding-top:8px;}
.releasebody ul li { background:#e9f4f8; padding:0 18px; line-height:24px; height:24px; }
*html .releasebody ul li{ height:auto; }
*+html .releasebody ul li { height:auto; }
.releasebody ul li span {float:left; padding:0 5px; }
.releasebody ul li a { float:left; display:block; width:70px;height:24px; overflow:hidden;  }
.update .releasebody ul li { background:#f8f3e9; }
.releasebody ul li.nobg { background:#fff; }