@charset "utf-8";
body{ background:#010101; font:normal 11px/1.5 Verdana, Geneva, sans-serif; color:#D7B996;}
a{ text-decoration:none; color:#D7B996;}
a:hover{ text-decoration:underline; color:#FF0;}

#container{ background:url(/themes/images/index_v2/bg_container.jpg) no-repeat center top; }
#header,#wrapper,#footer{ width:1000px; margin:0 auto;}
#header{ height:210px; background:url(/themes/images/index_v2/bg_header.jpg) no-repeat;  position:relative; z-index:10;}
#wrapper{ height:493px; background:url(/themes/images/index_v2/bg_wrapper.jpg) no-repeat; z-index:9;}
#footer{ height:200px; background:url(/themes/images/index_v2/bg_footer.jpg) no-repeat;}

.logo{ padding:35px 0 0 595px; width:285px; height:110px;}
.logo a{ display:block; height:110px; text-indent:-999em; overflow:hidden;}
.siteNav{ margin-left:309px;}
.siteNav li{ float:left; margin-top:55px; width:80px; height:70px;}
.siteNav li a{ display:block; height:70px; text-indent:-999em; overflow:hidden;}
.siteNav .home{ margin:20px 20px 0 35px; width:150px; height:105px; _display:inline;}
.siteNav .home a{ height:105px;}

/*left side*/
.sidebar{ float:left; margin:245px 0 0 29px; _display:inline; width:453px; height:236px; background:url(/themes/images/index_v2/bg_sidebar.jpg) no-repeat; overflow:hidden;}
.btnLogin{ margin:5px 0 0 99px; font:0/0 Arial; width:258px; height:50px;}
.btnLogin a.loginbtn{ background:url(/themes/images/index_v2/btn_login.jpg) no-repeat 0 0; width:258px; height:50px;}
.btnLogin a.loginbtn:hover{ background:url(/themes/images/index_v2/btn_login.jpg) no-repeat 0 -50px;}

.welcome{ margin:5px 0 0 99px; width:258px; height:25px; background:url(/themes/images/index_v2/btn_welcome.png) no-repeat; text-align:center; padding-top:25px; font-size:12px;}
.welcome a{ text-decoration:underline; color:#FFF;}
.welcome a:hover{ color:#FF0;}
.intro{ margin:40px 0 0 40px; width:355px; height:95px; position:relative; z-index:1;}
.intro li,.intro p{ text-indent:-999em; overflow:hidden;}
.intro a{ display:block; width:355px; height:95px; text-indent:-999em; overflow:hidden; position:absolute; z-index:2; top:0; left:0;}
.hasLogin{ background:url(/themes/images/index_v2/bg_sidebar_has.jpg) no-repeat;}
.newsList{ margin:40px 0 0 40px; width:360px; height:95px;}
.newsList li{ height:20px; background:url(/themes/images/index_v2/bg_news_list.png) no-repeat left bottom; padding:2px 5px 0 14px;}
.newsTime{ float:right;}

/*register*/
.register{ float:right; margin-right:67px; _display:inline; width:392px; height:314px; background:url(/themes/images/index_v2/bg_register.jpg) no-repeat;}
.register .title{ height:35px; text-indent:-999em; overflow:hidden;}
.register .btn{ clear:both; padding:12px; padding-left:80px;}
.register .pwStrong{ clear:both; padding:2px 0 3px 115px;}
.register .check{ clear:both; width:240px; padding:6px 0 0 110px; overflow:hidden; line-height:16px;}
.register .check span{ float:left; width:200px;}
.register .check span.checkbox{ width:20px; text-align:center;}
.formElement{ clear:both; line-height:22px;}
.formElement label{ float:left; display:block; width:110px; padding:8px 5px 0 0; text-align:right; font-size:12px;}
.formElement .input{ float:left; width:275px; padding-top:8px;}
.confirmPw label{ line-height:14px;}
.confirmPw .input{ padding-top:12px;}
.inputNormal{ padding:3px; height:16px; line-height:16px; font:12px; border:1px solid #0E0603; background:#534741; +margin:-1px 0; color:#000;}
.inputFocus{ padding:3px; height:16px; line-height:16px; font:12px; border:1px solid #140A08; background:#77665E; +margin:-1px 0; color:#000;}
.textRed{ color:#F00;}
.info{ position:absolute; border:1px solid #000; padding:3px 5px 3px 2px; width:200px; line-height:18px; display:none; background:#3F1609; z-index:11; color:#D7B996;}
.ps{ height:4px; background:#666; overflow:hidden;}
.pwS{ float:left; font-weight:bold; padding-right:5px;}
.pwT{ float:left; clear:right; line-height:19px;}
.register a{ text-decoration:underline; color:#D09814;}
.register a:hover{ color:#FF0;}

/*screenshots*/
.screenshots{ float:right; width:412px; height:119px; margin:20px 57px 0 0; _display:inline; background:url(/themes/images/index_v2/bg_screenshots.jpg) no-repeat 10px 0;}
.screenshotsBtn{ float:left; margin-top:52px; width:7px; height:12px; overflow:hidden; text-indent:-999em;}
.screenshotsBtn a{display:block; width:7px; height:12px; text-indent:-999em; overflow:hidden; background:url(/themes/images/index_v2/btn_screenshots.png) no-repeat;}
.screenshotsBtn a.prev{ background-position:0 0;}
.screenshotsBtn a.prev:hover{ background-position:0 -12px;}
.screenshotsBtn a.next{ background-position:-7px 0;}
.screenshotsBtn a.next:hover{ background-position:-7px -12px;}
.screenshotsList{ float:left; overflow:hidden; position:relative; visibility:visible; width:375px; height:105px; z-index:1; margin:14px 11px 0 12px; _display:inline;}
.screenshotsList ul{ position:absolute; width:200000px; left:0; top:0; z-index:1;}
.screenshotsList li{ float:left; width:120px; height:91px; margin:0 2px 0 3px; _display:inline;}
.screenshotsList li a{ display:block; width:118px; height:89px; font:0/0 Arial; border:1px solid #9D7C61;}
.screenshotsList li a:hover{ border-color:#FF0;}

/*has login*/
.content{ float:right; margin-right:67px; _display:inline; width:392px; height:453px; background:url(/themes/images/index_v2/bg_has_login.jpg) no-repeat; color:#F9F999;}
.content a{ color:#F9F999}
.content a:hover{ color:#FF0;}
.memberInfo{ clear:both; width:352px; padding:8px 20px; font-size:12px;}
.memberInfo li{ float:left; margin:2px 0 0 15px; width:150px; _display:inline;}
.memberInfo .logout{ clear:both; width:45px; height:20px; margin-left:290px; padding-left:17px; background:url(/themes/images/index_v2/ico_content.png) no-repeat 0 2px; line-height:14px;}
.serverHead{ clear:both; width:364px; margin:0 auto; padding:10px 0 5px 0; text-align:center; background:url(/themes/images/index_v2/ico_content.png) no-repeat 0 -200px; font:0/0 Arial;}
.lastLogin{ clear:both; margin-left:25px; padding-bottom:15px;}
.lastLogin dt{ font:bold 12px/18px Verdana; height:20px;}
.lastLogin dd{ float:left; padding-left:12px; width:168px; margin-top:3px; background:url(/themes/images/index_v2/ico_content.png) no-repeat 0 -95px; font:bold 11px/14px Verdana;}
.lastLogin dd .time{ padding-left:8px; color:#D4D4D4; font-weight:normal;}
.serverList{ clear:both; margin-left:15px; padding:5px 0 0 10px; background:url(/themes/images/index_v2/ico_content.png) no-repeat 3px -200px;}
.serverList li{ float:left; margin-top:8px; padding-left:12px; width:168px; height:18px; background:url(/themes/images/index_v2/ico_content.png) no-repeat 0 -95px; font-weight:bold;}
.serverList li div{ float:right; padding:5px 15px 0 0;}
.serverList .status,.lastLogin dd .status{ margin-left:10px;}

/*video*/
.videoBg{ background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:99; left:0; top:0; width:100%; height:100%; position:fixed; _position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.video{ width:360px; height:270px; padding:20px 16px 14px 16px; background:url(/themes/images/index_v2/bg_video.png) no-repeat; position:fixed; _position:absolute; z-index:100; top:50%; left:50%; margin:-152px 0 0 -194px; _margin-top:0; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.video .close{ position:absolute; top:7px; right:7px; width:12px; height:12px; display:block; text-indent:-999em; overflow:hidden;}
html,body{ _height:100%;}

/*light box*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:999; width:100%; height:500px;}
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0;}
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:800;}
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev { left:0; float:left;}
#lightbox-nav-btnNext { right:0; float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data { padding:0 10px; color:#666;}
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left;}
#lightbox-image-details-caption { font-weight:bold;}
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em;}

.flag{ width:124px; height:24px; position:absolute; top:15px; right:80px; z-index:10;}