@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; color:#fff; font-family:Arial; font-size:14px; background:#000;}

a{color:#CC3333; text-decoration:none; font-size:12px; font-weight:bold;}
a:hover{text-decoration:underline; color:#fff;}






/******Header******/

#header_container {width:100%; height:170px; float:left; background:url(../images/header_bg.png) repeat-x;}
#header {width:1000px; height:170px; overflow:hidden;}
#header_johnny {width:106px; height:170px; background:url(../images/header_johnny.png) no-repeat; float:left;}
#header_area {width:894px; height:170px; float:right;}
#header_tb_bg {width:894px; height:29px; line-height:29px; background:url(../images/header_tb_bg.png) repeat-x; float:left; font-size:12px;}
#htbl {float:left;}
#htbr {float:right; margin-right:20px;}
#str_eclipse {width:16px; height:16px; background:url(../images/str_eclipse.png) no-repeat; float:left; margin-right:3px; margin-top:6px;}
#str {width:6px; height:6px; background:url(../images/str.png) no-repeat; float:left; margin-right:3px; margin-top:6px;}
.header_sp {width:1px; height:16px; background:url(../images/header_sp.png) no-repeat; margin-left:10px; margin-right:10px;}
#header_ch_area {width:640px; height:141px; float:left;}
#header_hdlog {width:640px; height:107px; float:left;}
#header_desk {width:463px; height:107px; background:url(../images/header_desk.png) no-repeat; float:right;}
#header_logo {width:177px; height:107px; background:url(../images/header_logo.png) no-repeat; float:left;}
#header_menu {width:640px; height:34px; line-height:34px; background:url(../images/header_mm_bg.png) repeat-x; float:left; text-align:left; font-family:trebuchet ms; font-size:15px; font-weight:bold;}
#mm {color:#fff;}
#mm:hover {color:#ffba00;}
#header_xp {width:1px; height:34px; background:url(../images/header_sp.png) no-repeat; background-position:center center; margin-left:10px; margin-right:8px;}
.search {float:left; width:130px; background:fff; color:#000; border:none; margin-left:27px; margin-top:8px;}
#gosearch {float:right; width:59px; height:25px; background:url(../images/go.png) no-repeat; margin-top:4px; margin-right:4px;}
#gosearch:hover {background:url(../images/go_over.png) no-repeat;}


#test_features {width:238px; height:141px; float:left;}
#header_stats {width:238px; height:89px; background:url(../images/header_stats.png) no-repeat; float:left;}
#header_search {width:238px; height:34px; background:url(../images/header_search.png) no-repeat; float:left;}
#header_topxmenu {width:238px; height:18px; background:url(../images/header_topxmenu.png) no-repeat; float:left;}
#header_right {width:16px; height:141px; background:url(../images/header_right.png) no-repeat; float:right;}

#dsk {float:left; width:420px; height:80px; text-align:left; font-size:12px; color:#000; margin-left:10px; margin-top:13px; overflow:hidden;}
#rtotal {float:left; color:#000; width:165px; height:47px; text-align:left; font-size:12px; margin-left:10px; margin-top:14px;}
#rdata {float:left; color:#fff; text-align:left; font-size:11px; font-family:tahoma; margin-left:12px; margin-top:10px; width:100%;}















/******Menu Content Area******/

#content_container {width:100%; float:left; background:#cbcbcb; overflow:hidden;}
#content {width:1000px; overflow:hidden;}
#spica_right {float:right; width:16px; height:100px;}
#menu_all_area {float:right; width:238px; overflow:hidden;}
#menu_area {float:right; width:238px; overflow:hidden; background:url(../images/menu_bg.png) repeat-y;}
#menu_topxmenu {float:left; width:238px; height:28px; line-height:19px; background:url(../images/menu_topxmenu.png) no-repeat; text-align:center; font-family:trebuchet ms; font-size:22px; color:#fff;}
#menu_button {float:left; width:238px; height:29px; line-height:29px; text-align:left; background:url(../images/menu_button.png) no-repeat; margin-top:3px; cursor:pointer; padding-left:15px; font-size:16px; color:#fff;}
#menu_button:hover {background:url(../images/menu_button_over.png) no-repeat; color:#000; text-decoration:underline;}
#menu_button_op {float:left; width:238px; height:29px; line-height:29px; text-align:left; background:url(../images/menu_button_op.png) no-repeat; margin-top:3px; cursor:pointer; padding-left:15px; font-size:16px; color:#fff;}
#menu_button_op:hover {background:url(../images/menu_button_op_over.png) no-repeat; text-decoration:underline; color:#ffd900;}
#sub_spica {float:right; width:238px; height:15px; background:url(../images/menu_bg.png) repeat-y;}
#menu_down_str {float:right; width:238px; height:48px; line-height:33px; background:url(../images/menu_down_str.png) no-repeat; text-align:center; font-family:trebuchet ms; font-size:17px; color:#000; font-weight:bold; cursor:pointer; margin-bottom:20px;}
#menu_down_str:hover {text-decoration:underline;}
#menu_name {float:right; width:238px; height:37px; line-height:39px; background:url(../images/menu_name.png) no-repeat; text-align:center; font-family:trebuchet ms; font-size:22px; color:#fff;}
#menu_topname {float:left; width:238px; height:42px; line-height:50px; background:url(../images/menu_topname.png) no-repeat; text-align:center; font-family:trebuchet ms; font-size:22px; color:#fff;}
#menu_end {float:left; width:238px; height:29px; line-height:29px; background:url(../images/menu_end.png) no-repeat; text-align:center; font-family:tahoma; font-size:11px; margin-bottom:20px;}

#cat_mn {float:left; width:238px; height:30px; line-height:30px; background:url(../images/menu_bg.png) repeat-y; font-family:tahoma; font-size:11px;}
#cat_mnl {float:left; margin-left:8px;}
#cat_mnr {float:right; margin-right:8px;}

#cat_table {float:left; width:238px; background:url(../images/menu_bg.png) repeat-y; overflow:hidden;}

#table_bg {width:222px; height:20px; background:#ccc; overflow:hidden; float:left; margin-left:8px; font-family:tahoma; font-size:11px; border:1px solid #5b5b5b; background:#313131; border-bottom:none;}
#table_bg:hover {background:#3f3f3f;}
#table_bgx {width:222px; height:20px; background:#ccc; overflow:hidden; float:left; margin-left:8px; font-family:tahoma; font-size:11px; border:1px solid #5b5b5b; background:#383838; border-bottom:none;}
#table_bgx:hover {background:#3f3f3f;}
#table_bg_end {width:222px; height:20px; background:#ccc; overflow:hidden; float:left; margin-left:8px; font-family:tahoma; font-size:11px; border:1px solid #5b5b5b; background:#313131;}
#table_bg_end:hover {background:#3f3f3f;}

#table_l {float:left; width:20px; height:20px; line-height:20px; border-right:1px solid #5b5b5b; text-align:center; background:#313131; color:#ffba00;}
#table_r {float:right; width:195px; height:20px; text-align:left; font-size:14px;}

.xlink {font-size:12px;}
.zlink {font-size:12px; color:#fff;}
#blink {font-size:12px; color:#005fc9; font-weight:bold;}



/******Content Area******/

#main_content {float:left; width:725px; overflow:hidden; margin-left:10px; margin-top:5px; margin-bottom:20px;}
#box_tbg_index {float:left; width:725px; height:66px; background:url(../images/box_tbg_index.png) no-repeat;}
#box_tbg_cats {float:left; width:725px; height:66px; background:url(../images/box_tbg_cats.png) no-repeat;}
#box_tbg_rews {float:left; width:725px; height:66px; background:url(../images/box_tbg_rews.png) no-repeat;}
#endbox_tbg_rews {float:left; width:725px; height:66px; line-height:75px; background:url(../images/box_tbg_rews.png) no-repeat; margin-top:20px; text-align:center; font-size:26px; font-weight:bold; color:#000;}

#box_bg {float:left; width:725px; background:url(../images/box_bg.png) repeat-y; overflow:hidden; color:#000; text-align:left;}
#box_bottom {float:left; width:725px; height:13px; background:url(../images/box_bottom.png) no-repeat; overflow:hidden;}

#box_all_cats {float:left; width:725px; height:66px; background:url(../images/box_bg.png) repeat-y; margin-top:20px;}
#hdsp { width:715px; height:1px; float:left; background:#ccc; margin-left:5px; margin-top:5px;}

#mpr_ico {float:left; width:62px; height:61px; background:url(../images/mpr_ico.png) no-repeat; margin-left:10px; margin-right:3px;}
#tfr_ico {float:left; width:58px; height:59px; background:url(../images/tfr_name.png) no-repeat; margin-left:10px; margin-right:3px; margin-top:3px;}
#cpr_ico {float:left; width:57px; height:58px; background:url(../images/cpr_name.png) no-repeat; margin-left:10px; margin-right:3px; margin-top:2px;}
#frw_ico {float:left; width:57px; height:57px; background:url(../images/frw_ico.png) no-repeat; margin-left:14px; margin-right:3px; margin-top:2px;}

#mpr_name {float:left; height:61px; line-height:73px; font-size:26px; font-weight:bold; text-align:left; color:#000;}
#filter {float:right; width:225px; height:61px; line-height:75px; color:#000; font-size:16px; margin-right:20px;}

#sp_down {float:right; width:9px; height:9px; background:url(../images/sp_down.png) no-repeat; margin-top:33px; margin-right:5px; margin-left:5px;}
#sp_right {float:right; width:9px; height:9px; background:url(../images/sp_right.png) no-repeat; margin-top:33px; margin-right:5px; margin-left:5px;}

#black {float:right; color:#000; font-size:12px; font-weight:bold;}
#black a{color:#000;}
#sort {float:left;}

#text {float:left; width:690px; margin-left:17px; margin-top:10px; overflow:hidden;}
#listing {float:left; width:690px; margin-left:17px; overflow:hidden;}

#rev_normal {width:688px; background:#fff; float:left; border:1px solid #cbcbcb; margin-top:10px;}
#rev_premium {width:688px; height:175px; background:#fffdf2; float:left; border:1px solid #fad5b1; margin-top:10px;}

#rev_scr {float:left; width:215px; height:175px; text-align:center;}

#nxrew {float:right; width:465px; height:27px; margin-top:3px; margin-right:7px;}
#nxrew_name {float:left; font-size:20px; margin-top:2px; margin-right:5px;}
#nxrew_name a{color:#000;}
#nxrew_name2 {float:left; font-size:14px; margin-top:2px; margin-right:5px; }
#nxrew_name2 a{color:#000; text-decoration:underline;}
#nxrew_stars {float:left; margin-top:3px;}
#star1 {float:left; width:20px; height:20px; background:url(../images/star1.png) no-repeat;}
#star2 {float:left; width:20px; height:20px; background:url(../images/star2.png) no-repeat;}
#nxrew_rating {float:left; font-size:20px; margin-top:2px; color:#9e9e9e; margin-left:5px;}

#pages { width:100%; float:left; margin-top:10px; margin-bottom:13px;}

#nxcatrew {float:right; width:460px; height:18px; margin-right:10px; font-family:tahoma; font-size:11px; border-bottom:1px solid #c6c6c6;}
#nxcatrew a{color:#00aeff; margin-right:5px;}
#nxcatrew a:hover{color:#000;}
#nxlongdesk {float:right; width:460px; margin-right:10px; margin-top:10px;}
#nx_buttons {float:right; width:460px; height:24px; margin-right:10px; margin-top:10px;}
#visitsite {float:left; width:119px; height:24px; background:url(../images/visitsite.png) no-repeat; margin-right:5px;}
#visitsite:hover {background:url(../images/visitsite_over.png)}
#readfullreview {float:left; width:135px; height:24px; background:url(../images/readfullreview.png) no-repeat;}
#readfullreview:hover {background:url(../images/readfullreview_over.png) no-repeat;}

.white {color:#fff; float:left; height:20px; line-height:20px;}
.fwhite {color:#fff;}
.rate {float:right; color:#909090; margin-right:5px; height:20px; line-height:20px;}
.tabnew { width:20px; height:20px; line-height:21px; font-family:tahoma; font-size:9px; color:#ffba00; margin-left:5px; float:left;}

#container {float:left; position:relative; left:50%;}
#container ul {list-style:none; position:relative; left:-50%;}
#container li {float:left; position:relative; /* For IE */}

.page_normal {background:#eaeaea; border:1px solid #c4c4c4; margin:0 0 0 3px; padding-left:11px; padding-right:11px; padding-top:4px; padding-bottom:4px; text-decoration:none; color:#000; font-weight: normal; font-size:15px; font-family:arial; font-weight:bold; display:block; float:left;}
.page_normal:hover {border:1px solid #dba500; color:#000;}
.page_selected {background:#ffdf5f; border:1px solid #dba500; margin:0 0 0 3px; padding-left:11px; padding-right:11px; padding-top:4px; padding-bottom:4px; color:#8a3d00 !important; font-weight:bold; font-size:15px; font-family:arial; font-weight:bold; display:block; float:left;}

#psn {float:left; width:550px; margin-top:15px; overflow:hidden;}

#paysite_name {float:left; font-size:26px; font-weight:bold; text-align:left; color:#000;}
#paysite_name a{color:#000;}
#paysite_stars {float:left; margin-left:5px; margin-top:5px;}

#psncat {float:left; width:547px; text-align:left; font-size:12px; color:#000; margin-left:3px; margin-top:3px;}
#psncat a{color:#00aeff; margin-right:5px;}
#psncat a:hover{color:#000;}

#rxname {float:left; width:630px; height:66px;}
#revwrite {float:right; width:80px; height:60px; color:#000; margin-right:10px; margin-top:10px;}

#inrate { width:100%; height:35px; font-size:36px; font-weight:bold; float:left; text-align:center;}
#out {font-family:tahoma; font-size:12px; font-weight:bold; color:#000;}

#mainreviewscr {width:700px; float:left; margin-top:10px;}
#paysite_big_scr {float:left; width:300px; height:200px;}
#paysitepxremium {width:372px; height:200px; background:#fffdf2; float:left; border:1px solid #fad5b1; margin-top:1px; margin-left:15px;}


#rn {float:left; margin-left:10px; margin-top:11px; width:100%; height:16px; overflow:hidden;}
#rn_top {float:left; margin-left:10px; margin-top:10px; width:100%; height:16px; overflow:hidden;}



#rrbw {float:left; font-family:tahoma; font-size:12px; font-weight:bold; color:#000; margin-right:5px;}
#rrbwstr {float:left;}
#rrbwrate {float:left; height:16px; line-height:18px; margin-left:5px; font-family:tahoma; font-weight:bold; font-size:12px; color:#ab4c00;}

#smstar_1 {float:left; width:16px; height:16px; background:url(../images/smstar_1.png) no-repeat;}
#smstar_2 {float:left; width:16px; height:16px; background:url(../images/smstar_2.png) no-repeat;}

#visitbig {float:left; width:196px; height:24px; background:url(../images/visitbig.png) no-repeat; margin-left:50px;}
#visitbig:hover {background:url(../images/visitbig_over.png) no-repeat;}

#btreviewscr {width:700px; height:24px; float:left; margin-top:10px;}

#subname {width:700px; height:24px; float:left; margin-top:30px; border-bottom:1px solid #ccc; text-align:left; font-size:20px; font-weight:bold;}
#reviewtext {float:left; width:690px; margin-top:10px; overflow:hidden; font-size:16px; color:#000;}

#scrareax {width:670px; float:left; margin-top:20px; overflow:hidden;margin-left:20px;}

#ava {float:left; width:180px; height:190px;}
#avar {float:left; width:180px; height:190px; margin-right:15px;}

#screenshot_button {width:123px; height:24px; background:url(../images/screenshot_button.png) no-repeat; margin-left:1px; margin-top:1.5px; cursor:pointer;}
#screenshot_button:hover {background:url(../images/screenshot_button_over.png) no-repeat;}

#joinnow {width:663px; height:61px; line-height:50px; background:url(../images/joinnow.png) no-repeat; cursor:pointer; float:left; text-align:center; font-size:26px; font-weight:bold; color:#000; margin-left:15px; margin-top:20px; margin-bottom:10px;}
#joinnow:hover {text-decoration:underline;}

#gbline {float:left; width:100%; height:40px; line-height:35px; border-bottom:1px solid #ccc; text-align:center; margin-top:20px;}

#good {float:left; font-size:20px; font-weight:bold; color:#4a9e00; width:200px; height:40px; text-align:left; margin-left:100px;}
#bad {float:right; font-size:20px; font-weight:bold; color:#c80000; width:200px; height:40px; text-align:left; margin-right:30px;}

#good_ico {width:35px; height:40px; background:url(../images/good_ico.png) no-repeat; float:left; margin-right:5px;}
#bad_ico {width:35px; height:40px; background:url(../images/bad_ico.png) no-repeat; float:left; margin-right:5px;}

#bgsection {float:left; width:100%; margin-top:10px; overflow:hidden;}

#bgsec_left {float:left; width:95%; background:#f5ffe9; border:1px solid #66cb72; padding:10px;}
#bgsec_right {float:right; width:310px; background:#ffeaea; border:1px solid #d96666; padding:10px;}

.sttr_green {width:3px; height:3px; background:#090; float:left; margin-right:5px; margin-top:6px;}
.sttr_red {width:3px; height:3px; background:#ff0000; float:left; margin-right:5px; margin-top:6px;}

#advth {float:left; margin-right:2px; margin-right:4px; margin-top:7px;}
#advth_left {float:left; margin-right:2px; margin-left:10px; margin-right:4px; margin-top:7px;}







/******Footer******/

#footer_container {width:100%; height:263px; float:left; background:url(../images/footer_bg.png) repeat-x;}
#footer {width:970px; height:203px; text-align:center; overflow:hidden;}
#footer_menu { width:100%; float:left; margin-top:15px;}
#copyrights {font-family:arial; font-size:12px; text-align:center; color:#707070;}
#advertice {font-family:tahoma; font-size:11px; text-align:center; color:#707070;}
#hda {width:100%; height:1px; background:#464646; float:left; overflow:hidden; margin-top:10px; margin-bottom:10px;}
#hdb {width:100%; height:1px; background:#2b2b2b; float:left; overflow:hidden; margin-top:10px; margin-bottom:10px;}
#footer_logo {width:100%; height:108px; background:url(../images/footer_logo.png) no-repeat; float:left; background-position:center center;}





#thumbs {border:1px solid #ccc; color:#fff; margin:1px; margin-top:7px;}
a:hover #thumbs {border:1px solid #000;}

#bigthumbs {border:1px solid #ccc; color:#fff; margin:1px;}
a:hover #bigthumbs {border:1px solid #000;}











