﻿* { font-family:Arial, Helvetica, sans-serif;outline:none;}
body{margin:0;padding:0; width:100%;height:100%;color:#515151;font:normal 12px arial,sans-serif;background-color:white;}
span, p,a, img, ul, li,form, label{margin:0;padding:0;border:0;}
img{overflow:hidden;}
a:link,a:visited{color:#0186cb;text-decoration:none;}
a:hover{text-decoration:underline;cursor:pointer;}
a:active{color:#0186cb;text-decoration:none;}
.hide{display:none;}
.text{background:#fff;border:1px solid #bebebe;font:bold 12px arial,sans-serif;padding:3px;}
.text:focus{border-color:#888;}
.label{color:#666666;}
.labelerror{color:red;}
.labelsuccess{color:green;}
.bold{font-weight:bold;}
.small{font-size:11px;}
.alignright{text-align:right;}
.tag{color:#ff6600;}
.checkbox{vertical-align:middle;_margin-top:-3px;}

/* -------- TOP --------------------------------- */
.main{width:100%;height:auto;display:inline-block;margin-bottom:60px;*margin-bottom:40px;}

/* -------- HEADER --------------------------------- */
.header{width:100%;height:81px;min-width:950px;background:#3e3e3e url(../images/header-bg.png) repeat-x top left;color:#595959;}
.header a{color:#afafaf;}
.header a:visited{color:#afafaf;}
.header a:hover{color:#fff;text-decoration:none;}
.headercontainer{margin:auto;width:950px;height:70px;padding-top:11px;}
.logo{float:left;width:300px;height:70px;}
.nav{float:left;width:350px;height:50px;padding-top:20px;font-size:16px;font-weight:bold;}
.nav .current{color:#fff;}
.userbanner{float:left;width:300px;height:70px;text-align:right;}
* html .userbanner{margin-right:-3px;}
.login{padding-top:20px;padding-right:10px;}
.usernav{float:left;width:300px;padding-top:10px;}
.usernav p{margin:0;padding:2px 0;font-weight:bold;color:#fff;font-size:12px;}
.usernav_1 a{font-weight:bold;color:#fff;}
.usernav_1 a:hover{font-weight:bold;color:#fff;}
.usernav_2 a{font-weight:normal;}

/* -------- SEARCH --------------------------------- */
.search{width:100%;height:auto;min-width:950px;background:#ccc url(../images/search-bg.png) repeat-x top left;}
.search .text{font-size:12px;}
.search select{color:#515151;font:bold 12px arial,sans-serif;width:100px;}
.searchcontainer{margin:auto;width:950px;height:auto;}
.searchtoggle{width:950px;height:48px;}
.searchbgimg{float:left;width:60px;height:48px;background:url(../images/search.gif) no-repeat center;}
.searchinputdiv{float:left;width:570px;height:39px;padding-top:9px;padding-left:5px;}
.inputsearch{width:560px;height:29px;padding:4px 5px 5px;background:url(../images/search-input.png) no-repeat top left;border:0;color:#646464;font:bold 16px arial,sans-serif;}
.searchbuttondiv{float:left;width:40px;height:39px;padding-top:9px;}
.searchadvanceddiv{float:left;width:265px;height:33px;padding-top:15px;padding-right:10px;}
.searchadvanceddiv_a{float:left;width:180px;height:33px;padding-left:10px;text-align:center;overflow:hidden;*padding-top:2px;}
.searchadvanceddiv_a a{color:#111;text-decoration:none;display:inline-block;margin:0 3px;}
.searchadvanceddiv_a a:hover{color:#111;text-decoration:underline;}
.searchadvanceddiv_b{float:left;width:75px;height:33px;text-align:right;overflow:hidden;}
.advancedtoggle{color:#515151;background:url(../images/arrow-down.png) no-repeat left;padding-left:15px;}
.advancedtoggle:hover{color:#000;text-decoration:none;}
.advanced{width:950px;padding-bottom:10px;font-size:12px;}
.advanced fieldset{border:0;border-top:1px solid #bebebe;padding-top:10px;}
.advanced fieldset div{float:left;margin-right:12px;width:180px;}
.advanced p{margin-bottom:5px;}
.customsizeinput{width:40px;height:16px;}
.searchbottom{background:url(../images/search-bottom.png) repeat-x bottom left;height:2px;}
* html .searchbottom{margin-top:-13px;}

/* -------- CONTENT --------------------------------- */
.content{width:100%;height:auto;min-width:950px;background:transparent url(../images/content-bg.png) repeat-x top left;padding:20px 0;}
.container{margin:auto;width:950px;height:auto;position:relative;}

/* -------- FOOTER --------------------------------- */
.footer{width:100%;height:40px;min-width:950px;background:#3e3e3e url(../images/footer-bg.png) repeat-x bottom left;color:#595959;font-size:12px;position:fixed;left:auto;right:auto;bottom:0;_position:absolute;_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);}
.footercontainer{margin:auto;width:950px;height:40px;line-height:40px;}
.footer a{color:#afafaf;}
.footer a:visited{color:#afafaf;}
.footer a:hover{color:#fff;text-decoration:none;}
.copyright{float:left;width:300px;height:40px;color:#afafaf;}
.footer-nav{float:left;width:650px;height:40px;text-align:right;}


/* -------- signupForm --------------------------------- */
.signupForm{margin-top:30px;width:900px;}
.signupForm p{float:left;width:900px;height:30px;line-height:20px;padding-bottom:5px;}
.signupForm label{font:bold 12px arial,sans-serif;padding-top:5px;}
.signupForm .posspan{position:absolute;left:100px;}
.signupForm .text{width:250px;}


/* -------- loginForm --------------------------------- */
.loginForm{float:left;width:300px;}
.loginForm p{float:left;width:300px;height:30px;line-height:20px;padding-bottom:5px;}
.loginForm label{font:bold 12px arial,sans-serif;padding-top:5px;}
.loginForm span{position:absolute;left:100px;}
.loginForm .text{width:200px;}
.loginForm .error{font-size:12px;}
.signupnow{float:left;background:#fff;border:1px solid #dcdcdc;margin-top:10px;margin-left:50px;padding:10px 20px;width:275px;}
.signupnow h3{margin-bottom:10px;}
.signupnow ul{margin:10px 0 10px 30px;}
.signupnow li{margin-bottom:5px;}

.forgetpwd
{
    margin-top:30px;
    width:900px;
    font-size:14px;        
}
/* -------- User --------------------------------- */
.user
{
float:left;
width:950px;
height:auto;
}
.user_item
{
float:left;
width:300px;
height:275px;
padding:0px 0px 15px 0px;
}
.user_item_a
{
float:left;
width:190px;
height:275px;
}
.user_item_aa
{
float:left;
width:180px;
height:270px;
border:1px solid #C2C2C2;padding:1px;
overflow:hidden;
}
.user_item_b
{
float:left;
width:110px;
height:275px;
line-height:25px; 
overflow:hidden;
}
.user_item_ba
{
float:left;
width:110px;
height:auto;
}
.user_item_fg
{
float:left;
width:25px;
height:275px;
padding:0px 0px 15px 0px;
}
/* -------- PhotoAlbumPage --------------------------------- */
.albumtype
{
float:left;
width:950px;
height:25px;
line-height:25px;
font-size:12px;
}
.albumtype ul
{
list-style:none;
width:950px;
height:25px;
overflow:hidden;
}
.albumtype li
{
float:left;
width:53px;
height:25px;
list-style:none;
text-align:center;
vertical-align:middle;
}
.albumtype li.li_fg
{
width:16px;
}
.albumnav
{
float:left;
width:950px;
height:25px;
line-height:25px;
font-size:12px;
padding-top:5px;
}
.albumnav_l
{
float:left;
width:700px;
height:25px;
overflow:hidden;
}
.albumnav_l_a
{
background:url(/images/icon_b.gif) no-repeat left;
padding-left:15px;
}
.albumnav_l_b
{
padding-left:15px;
}
.albumnav_r
{
float:left;
width:235px;
height:25px;
padding-right:15px;
text-align:right;
overflow:hidden;
}
.albumnav_r span
{
color:#ff6600;    
}
.albumorder
{
float:left;
width:235px;
height:25px;
}
.albumorder_a
{
margin-right:20px;   
padding-left:15px; 
background:url(/images/al_tj.gif) no-repeat left center;
}
.albumorder_b
{   
padding-left:15px; 
margin-right:20px;
background:url(/images/al_new.gif) no-repeat left center;
}
.albumorder_c
{   
padding-left:15px; 
background:url(/images/al_hot.gif) no-repeat left center;
}
.album
{
float:left;
width:950px;
height:auto;
padding-top:10px;
}
.albumitem{height:262px;width:224px;float:left;padding-top:10px;padding-bottom:10px;}
.albumitem_a{height:222px;width:222px;float:left;overflow:hidden;background:url(/images/albumbg.gif) no-repeat;}
.albumitem_aa{height:222px;width:222px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:194px;font-family:Arial;}
.albumitem_aa img{vertical-align:middle;}
.albumitem_b{height:20px;width:220px;line-height:20px;float:left;text-align:left;font-size:12px;overflow:hidden;padding:0px 1px;}
.albumitem_b_jh{color:#ff3300;}
.albumitem_ba{float:left;width:100px;text-align:left;overflow:hidden;}
.albumitem_bb{float:left;width:120px;text-align:right;overflow:hidden;}
.albumitemfg{height:262px;width:18px;float:left;padding-top:10px;padding-bottom:10px;}

.albumphotoitem{height:246px;width:206px;float:left;padding-bottom:15px;}
.albumphotoitem_a{height:206px;width:206px;float:left;position:relative;overflow:hidden;}
.albumphotoitem_aa{position:absolute;bottom:0px;width:100%;text-align:center; }
.albumphotoitem_aa img{ border:1px solid #C2C2C2;padding:2px;margin-left:auto;margin-right:auto;display:block;}
.albumphotoitem_b{height:20px;width:204px;line-height:20px;padding:0px 1px;float:left;text-align:center;font-size:12px;overflow: hidden;white-space:normal;word-break:break-all;}
.albumphotoitem_b_checkinput{vertical-align:middle;padding-right:5px;}
.albumphotoitemfg{height:246px;width:42px;float:left;padding-bottom:15px;}

/* -------- Forum --------------------------------- */
.forumnav
{
float:left;
width:950px;
height:auto;
padding-bottom:10px;
}
.forum
{
float:left;
width:920px;
height:auto;
border:1px solid #c2c2c2;
padding:4px 14px;    
}
.forum_row
{
float:left;
width:910px;
height:60px;
line-height:20px;
border-bottom:1px solid #eeeeee;
padding:5px;
}
.forum_row_a
{
float:left;
width:512px;
height:60px;
background:url(/images/forum_a.png) no-repeat left;
_background:url(/images/forum_a.gif) no-repeat left;
padding-left:68px;
}
.forum_row_aa
{
float:left;
width:510px;
height:20px;
overflow:hidden;
white-space:normal;word-break:break-all;
}
.forum_row_b
{
float:left;
width:80px;
height:60px;
line-height:60px;
vertical-align:middle;
overflow:hidden;
padding-left:10px;
}
.forum_row_c
{
float:left;
width:230px;
height:40px;
padding:10px 0px 10px 10px;
}
.forum_row_cc
{
float:left;
width:230px;
height:20px;
line-height:20px;
overflow:hidden;
white-space:normal;word-break:break-all;
}
.forumtopic
{
float:left;
width:920px;
height:auto;
}
.forumtopic_a
{
float:left;
width:920px;
height:auto;
line-height:25px;
padding-bottom:10px;
}
.forumtopic_aa
{
float:left;
width:920px;
height:30px;
}
.forumtopic_aa_a
{
font-size:16px;
font-weight:bold;
}
.forumtopic_ab
{
float:left;
width:920px;
height:auto;
}
.forumtopic_ac
{
float:left;
width:920px;
height:30px;
padding-top:5px;
}
.forumtopic_row_title
{
float:left;
width:910px;
height:25px;
line-height:25px;
background-color:#f9f9f9;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
padding:0px 5px;
}
.forumtopic_row_title_a
{
float:left;
width:520px;
height:25px;
padding-left:30px;
}
.forumtopic_row_title_b
{
float:left;
width:120px;
height:25px;
padding-left:10px;
}
.forumtopic_row_title_c
{
float:left;
width:100px;
height:25px;
padding:0px 5px;
text-align:center;
}
.forumtopic_row_title_d
{
float:left;
width:120px;
height:25px;
text-align:right;
}
.forumtopic_row
{
float:left;
width:910px;
height:40px;
line-height:40px;
border-bottom:1px solid #eeeeee;
padding:2px 5px;
}
.forumtopic_row_a
{
float:left;
width:520px;
height:40px;
vertical-align:middle;
background:url(/images/topic_a.gif) no-repeat left;
padding-left:30px;
}
*html .forumtopic_row_a{margin-right:-3px;}
*html .forumtopic{margin-right:-3px;}
.forumtopic_row_b
{
float:left;
width:120px;
height:40px;
padding-left:10px;
line-height:20px;
}
.forumtopic_row_row
{
float:left;
width:120px;
height:20px;
overflow:hidden;
white-space:normal;word-break:break-all;
}
.forumtopic_row_c
{
float:left;
width:100px;
height:40px;
padding:0px 5px;
vertical-align:middle;
text-align:center;
}
.forumtopic_row_d
{
float:left;
width:120px;
height:40px;
line-height:20px;
text-align:right;
}
.topicedit
{
float:left;
width:900px;
height:auto;
padding:20px 10px;
}
.topicedit_a
{
float:left;
width:900px;
height:30px;
font-size:14px;
font-weight:bold;
}
.topicedit_b
{
float:left;
width:900px;
height:30px;
line-height:25px;
}
.topicedit_input
{
width:230px;    
vertical-align:middle;
}
.topicedit_c
{
float:left;
width:900px;
height:auto;
}
.topicedit_textarea
{
width:900px;
height:280px;
}
.topicedit_d
{
float:left;
width:900px;
height:30px;
padding-top:10px;
}
.topic
{
float:left;
width:920px;
height:auto;
}
.topic_l
{
float:left;
width:200px;
height:auto;
border-top:5px solid #e2e2e2;
background-color:#f9f9f9;
line-height:20px;
padding-bottom:10px;
}
.topic_l_a
{
float:left;
width:180px;
height:25px;
line-height:25px;
padding:0px 10px;
border-bottom:1px solid #eeeeee;
overflow:hidden;
}
.topic_l_b
{
float:left;
width:180px;
height:270px;
padding:5px 10px;
overflow:hidden;
}
.topic_l_c
{
float:left;
width:180px;
height:20px;
padding:0px 10px;
overflow:hidden;
}
.topic_r
{
float:left;
width:720px;
height:auto;
border-top:5px solid #eeeeee;
}
.topic_r_in
{
float:left;
width:710px;
height:auto;
padding-left:10px;
line-height:20px;
}
.topic_r_in_a
{
float:left;
width:700px;
height:25px;
line-height:25px;
padding:0px 5px;
border-bottom:1px solid #eeeeee;
overflow:hidden;
}
.topic_r_in_a_l
{
float:left;
width:120px;
height:25px;
}
.topic_r_in_a_r
{
float:left;
width:580px;
height:25px;
text-align:right;
}
.topic_r_in_a_r span
{
padding:0px 3px;    
}
.topic_r_in_b
{
float:left;
width:690px;
height:auto;
padding:5px 10px;
overflow:hidden;
}
.topic_r_in_c
{
float:left;
width:690px;
height:20px;
padding:0px 10px;
overflow:hidden;
text-align:right;
}
.topic_l_bottom
{
float:left;
width:200px;
height:auto;
border-top:5px solid #e2e2e2;
}
.topic_r_bottom
{
float:left;
width:720px;
height:auto;
border-top:5px solid #eeeeee;
}
/* -------- Activity --------------------------------- */
.activity{float:left;width:950px;height:auto;}
.activitylist{float:left;height:225px;width:300px;padding-bottom:20px;}
.activitylist_a{float:left;height:185px;width:300px;overflow:hidden;}
.activitylist_b{float:left;height:20px;width:300px;line-height:20px;text-align:center;overflow:hidden;}
.activitylistfg{float:left;height:225px;width:25px;padding-bottom:20px;}
.activityintro{float:left;width:950px;height:auto;line-height:24px;}
.activityintro span{font-weight:bold;}
.activityintro_img{float:left;width:315px;height:185px;overflow:hidden;}
.activityintro_img img{width:300px;}
.activityjoin{float:left;width:950px;height:30px;line-height:30px;font-size:14px;font-weight:bold;}
.activityphoto{float:left;width:950px;height:auto;}

/* -------- PageList --------------------------------- */
.pagelist{height:auto;width:950px;float:left;padding:10px 0px;line-height:25px;}
.pagelist a{font-family:Arial;padding:2px 4px;margin:0px 1px;display:inline;text-decoration:none;border:1px solid #bbbbbb;background-color:#f9f9f9;}
.pagelist a:hover {text-decoration:none;background-color:#999999;color:#ffffff;border:1px solid #888888;}
.pagelist b{font-family:Arial;padding:2px 4px;margin:0px 1px;display:inline;background-color:#999999;border:1px solid #888888;color:#ffffff;}

.impeachdiv{width:400px;height:160px;padding:40px 50px;font-weight:normal;text-align:left;}
.impeachdiv_a{float:left;width:400px;height:auto;padding-bottom:10px;font-size:14px;color:#666666;}
.impeachdiv_aa{float:left;width:80px;height:auto;line-height:20px;}
.impeachdiv_ab{float:left;width:320px;height:auto;line-height:20px;font-size:12px;}
.impeachdiv_b{float:left;width:400px;height:30px;padding-top:5px;text-align:center;}
