.rightbox .rightboxcontent {
padding-left : 10px;
padding-right : 10px;
}


DIV, P, FONT, SPAN, SELECT {
LINE-HEIGHT: 20px;
}

h1, h3, p, form, button, ul, li {
margin : 0;
padding : 0;
}

h1 a{
color: #FF6000;
}
h1 a:hover{
color: #FF9000;
}

td {
word-wrap:break-all;
}

INPUT, TEXTAREA{
font-size: 12px;
text-align : left;
}

h2 {
color : #808080;
line-height : 14px;
font-size : 14px;
padding-left : 0px;
margin: 0px;
padding-bottom: 5px;
}

h3 {
background : url(/images/h3arrow.gif) no-repeat left center;
color : #808080;
line-height : 18px;
padding-left : 18px;
font-size : 12px;
}

h3 a{
text-decoration: underline;
}

h4 {
font-size: 14px;
color: #808080;
text-align: left;
padding-left: 0px;
padding-right: 0px;
line-height: 20px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 5px;
border-bottom: 1px #CCC solid;	


}

a {
color : #456FB4;
text-decoration: none;
}
a:hover {
color : #39f;
text-decoration: underline;
}

li {
list-style : none;
}
img, button {
border: 0;
background : transparent;
}

.button {
text-align: center;
line-height: 20px;
height: 24px;
}

.frame {
padding: 0px;
border: 3px solid #CCC; 
}
.frame_red {
padding: 0px;
border: 3px solid #FF6000; 
}

.border {
padding: 1px;
border: 1px solid #CCC; 
}

.icon1 {
vertical-align:middle;
width:16px;
height:16px;
}

.border_gray {
border: 1px solid #CCCCCC; 
}

html, body { 
margin:0; 
padding:0; 
text-align:center; 
font-family: 宋体,arial,verdana;
} 

hr{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
border-bottom-style: dotted;
border-right-style: dotted;
border-left-style: dotted;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
margin:1px;
padding: 0px;
}


#container {
width:1000px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}


#wrapper {
clear: both;
}

#left_home {
float:left; 
position:relative; 
width:700px;
margin-left:10px; 
}

#left {
float:left; 
position:relative; 
width:700px;
}

#right {
position:relative; 
float:right;
width : 268px;
}

#leftcol {
width:200px; 
float:left; 
position:relative; 
}

#maincol {
float: right; 
display:inline; 
position: relative; 
width:793px; 
overflow: hidden;
}

.tabbox2_main{
	overflow: hidden;
}
.tabbox_main{
	overflow: hidden;
}
.tabbox3_main{
	overflow: hidden;
}
.rightbox{
	overflow: hidden;
}

#header_main {
position:relative; 
height:80px; 
width:100%;
} 

#header {
position:relative; 
height:106px; 
width:100%;
} 

.search {
color : #FFFFFF;
}

.topic_photo {
border : 1px solid #000;
float:right;
margin: 5px;
}

.title_gray {
color : #808080;
font-size : 16px;
font-weight : bold;
padding-left : 5px;
}

.title_black {
color : #456FB4;
font-size : 20px;
font-weight : bold;
padding-left : 5px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



h1{
font-size: 16px;
color: #FF6000;
margin-top:5px;
}

#logo {
float : left;
height : 67px;
}

.leftbox_content p {
padding-left : 4px;
line-height : 18px;
}

.leftbox_content ul li {
line-height : 18px;
padding-left: 0px;
}

.ads {
padding-top: 10px;
color: #AAAAAA;
text-align : center;
margin : 0px;
line-height : 20px;
}

#twocols #maincol{
float: left; 
display:inline; 
position: relative; 
width:525px; 
overflow: hidden;
}

#twocols {
width:793px; 
float:right; 
position:relative; 
overflow: hidden;
}

#rightcol{
width:268px; 
float:right; 
position:relative; 
overflow: hidden;
}


#topnews {
padding-top: 0px;
padding-bottom: 0px;
}

#topnews a{
font-weight:bold;
text-decoration: underline;
padding-left: 23px;
background : url(/images/star_new.gif) no-repeat;
}
#topnews a:hover{
}
#topnews a:visited{
font-weight:normal;
text-decoration: none;
padding-left: 23px;
background : url(/images/star_still.gif) no-repeat;
}

#home {
font-size: 12px;
color: #000;
}

#home a{
color: #567FC0;
text-decoration: none;
}
#home a:hover{
color: #567FC0;
text-decoration: underline;
}

#content{
font-size: 14px;
overflow: hidden;
}

#content h2{
background: #FFF;
font-size : 16px;
color: #000;
padding-top: 20px;
margin: 5px;
padding-left: 0px;
}

#content h3{
background : #FFF;
font-size : 14px;
padding-left : 0px;
}


#content p{
padding: 5px;
}

#content span{
line-height: 100%;
}


#content UL{
PADDING-RIGHT: 0px; PADDING-LEFT: 30px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px; LIST-STYLE-TYPE: disc;
}

#content li{
PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;  PADDING-TOP: 0px; LIST-STYLE-TYPE: disc;
}

.member_src{
font-size: 12px;
font-weight: normal;
}
.member_dst{
font-size: 12px;
font-weight: normal;
}
.category{
font-weight: normal;
font-size: 12px;
}


#level1 a{
color: #456FB4;
text-decoration: none;
}
#level1 a:hover{
color: #567FC0;
text-decoration: underline;
}

#level2 a{
color: #456FB4;
text-decoration: none;
}
#level2 a:hover{
color: #567FC0;
text-decoration: underline;
}

#level3 a{
color: #456FB4;
text-decoration: none;
}
#level3 a:hover{
color: #567FC0;
text-decoration: underline;
}

#level4 a{
font-size: 14px;
color: #456FB4;
font-weight:bold;
text-decoration: none;
}
#level4 a:hover{
color: #567FC0;
text-decoration: underline;
}

#spotlight a{
font-size: 16px;
color: #456FB4;
font-weight:bold;
text-decoration: none;
}
#spotlight a:hover{
color: #567FC0;
text-decoration: underline;
}

#level5 a{
font-size: 12px;
font-weight:normal;
text-decoration: none;
}
#level5 a:hover{
font-weight:normal;
text-decoration: underline;
}

#filters {
height : 30px;
line-height : 25px;
padding-left : 20px;
background : url(/images/filter.gif) no-repeat left center;
}
#filters input {
vertical-align:middle;
line-height : 30px;
height : 30px;
}
#groups {
width : 750px;
}
#groups .grouplist {
float : left;
width : 370px;
padding : 0 2px;
}

#groups .grouplist h3 {
background : #fff url(/images/bg2.gif) no-repeat;
font-size : 14px;
height : 30px;
padding-left : 1em;
line-height : 30px;
padding-bottom : 0px;
}

#groups .grouplist ul {

}
#groups .grouplist li {
border-bottom : 1px #eee solid;
}
#groups .grouplist li .type {
float : left;
width : 250px;
padding-left : 5px;
}
#groups .grouplist li .count {
float : right;
width : 80px;
text-align: right;
padding-right : 5px;
}

.topic {

}

.topic h4 {
color : #FF6000;
font-weight : normal;
margin : 0;
padding : 0;
font-size : 14px;
height : 20px;
line-height : 20px;
}
.topic .topicmeta {
color :#999;
line-height : 25px;

}
.comment {
border-top : 1px #666 solid;
border-bottom : 1px #666 solid;
padding : 10px 0;
width : 400px;
color : #666;
}
.commentmeta {
padding-bottom : 10px;
}
.commentmeta span {
color : #197CAE;
}
.commentmeta img {
padding-right : 4px;
display : block;
float : left;
}
.commentcontent {
}

.statusbox {
width:210px; 
height:80px
}

.tabbox2_main ul li {
padding-left : 10px;
color : #666;
line-height : 20px;
}

.edit {
font-weight: normal;
font-size:12px;
}

.title {
float : left;
}
.date {
color: #808080;
font-size: 10px;
font-weight: normal;
}
.socialrank {
color: #008000;
font-size: 10px;
font-weight: normal;
}

.left {
float : left;
}

.right {
float : right;
width : 5em;
}



#myinfometa #icon {
display : block;
float : left;
padding-right : 4px;
}
#myinfometa ul li {
line-height : 20px;
}

#myinfoprofile, #myinfo #myinfostate {
line-height : 20px;
}


#invite form .top input, #invite form .bottom input {
background-color : #f5f5f5;
border : 1px solid #B4B4B4;
width : 300px;
color : #333;
margin : 2px;
padding : 2px;
}
#invite form .top input {
width : 95px;
}
#invite form .bottom input {
width : 200px;

}


#invite form p button {
background : url(/images/buttonbg.gif);
width : 72px;
height : 24px;
color : #fff;
line-height : 24px;
margin : 2px;
}


#latestmembers ul li {
padding : 5px 0;
}

#latestmembers ul p {
line-height : 20px;
color : #808080;
}

#latestmembers ul li img {
display : block;
float : left;
padding-right : 5px;
}


#join {
position : absolute;
left : 448px;
top : 314px;
}


#description {
color : #666;
margin-top : 20px;
margin-left : 20px;
}
#description h2 {
font-size : 16px;
}
#description p {
line-height : 25px;
text-indent : 2em;
margin-right : 250px;
} 

.inputtext {
width : 140px;
}
.inputmiddle {
width : 250px;
}
.inputlink {
width : 320px;
border: 0px;
border-right-width: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.inputupload {
width : 400px;
}
.inputcomment{
width : 440px;
}
.inputtextlong {
width : 500px;
}
.inputtextshort {
width : 50px;
}
.inputcheckbox {
background-color : transparent;
border : 0;
}

.list2 {
margin-left : 10px;
padding-top : 10px;
}
.list2 li {
line-height : 30px;
}
.clear {
clear : both;
}


.hint {
color : #808080;
font-size : 12px;
padding-left : 5px;
}
.sysmsg {
color : #008000;
}
.hidden {
color : #808080;

}
.highlight {
color : #FF8000;

}
.welcome {
color : #404040;
font-size: 16px;
line-height: 20px;
}
.red {
color : #FF0000;
}
.blue {
color : #4000FF;
font-weight: bold;
}
.credit {
color : #FF0000;
font-weight: bold;
}
.gray {
color : #808080;
}
.brief {
color : #888888;
font-weight: normal;
}
.status {
color : #808080;
font-style: italic;
}
.snp_title {
margin: 10px;
font-size: 20px;
color: #404040;
font-weight: bold;
}
.topic_title {
font-size: 14px;
}
.topic_title a{
text-decoration: underline;
color: #0000FF;
}
.topic_title a:hover{
color: #FF4000;
}

#topictitle {
font-size: 14px;
}
#topictitle a:hover{
font-size: 14px;
color: #FF4000;
}

.ads_title {
font-size: 14px;
}
.ads_title a{
text-decoration: underline;
color: #FF6000;
}
.ads_title a:hover{
color: #FF3000;
}

.category_title {
font-weight: bold;
color: #808080;
font-size: 12px;
}
.category_title a{
text-decoration: none;
}
.category_title a:hover{
text-decoration: underline;
}

.green {
color : #008000;
}

.errstr {
color : red;
line-height : 20px;
padding-left : 20px;
background : url(/images/abort.gif) no-repeat left bottom;
}
.anchor1 {
color : #F58E00;
}
.anchor1:hover {
text-decoration: underline;
}



.td1{
border-top: 3px  #ccc;
border-bottom: 2px solid #DDD;
padding: 2px 2px;
background-color: #fff;
text-align: left;
font-weight: bold;
}

.td1_none{
border-top: 3px  #ccc;
border-bottom: 2px solid #DDD;
padding: 2px 2px;
background-color: #fff;
font-weight: bold;
}

.td11{
border-top: 2px  #ccc;
border-bottom: 2px solid #DDD;
padding: 2px 5px;
background-color: #EEE;
text-align: center;
font-weight: bold;
}

.td1_home{
border-top: 3px  #ccc;
border-bottom: 2px solid #DDD;
padding: 2px 5px;
background-color: #fff;
text-align: right;
}

.td2{
border-bottom: 1px solid #EEE;
padding: 4px 2px 4px 2px;
text-align: left;
vertical-align: top;
}

.td21{
border-bottom: 1px solid #EEE;
padding: 2px 2px 2px 2px;
text-align: left;
vertical-align: top;
}

.td22{
border-bottom: 1px solid #EEE;
padding: 4px 2px 3px 2px;
}

.td2_noline{
border-bottom: 0px solid #EEE;
padding: 4px 2px 0px 2px;
text-align: left;
vertical-align: top;
}

.td2_middle{
border-bottom: 1px solid #EEE;
padding: 4px 2px;
text-align: center;
vertical-align: top;
}

.td2_2{
border-bottom: 1px solid #EEE;
padding: 4px 2px;
vertical-align: middle;
}

.td3{
border-bottom: 1px solid #EEE;
padding: 4px 2px;
text-align: right;
vertical-align: top;
}

.td4{
border-bottom: 1px solid #EEE;
padding: 4px 2px 4px 2px;
text-align: left;
vertical-align: center;
font-weight: bold;
color: #404040;
}


.td_iup{
border-bottom: 1px solid #EEE;
padding: 4px 5px;
text-align: left;
color: #FF0000;
vertical-align: top;
font-weight: bold;
}

.td_idown{
border-bottom: 1px solid #EEE;
padding: 4px 5px;
text-align: left;
color: #008000;
vertical-align: top;
font-weight: bold;
}

.idown{
color: #008000;
font-weight: bold;
}

/* CSS Document */
.calendar {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.calendar caption {
margin: 0;
padding: 5px 0;
background: #ffa51e;
}
.calendar th {
border-bottom: 1px solid #ccc;
font-weight: normal;
background: #fff;
}
.calendar td {
border: 1px solid #fff;
padding: .1em .3em ;
width: 50px;
text-align: center;
}
.calendar a {
color: #000;
text-decoration: none;
}

.calendar td.today {
background: #ffc;
}
.calendar td.selected {
border: 1px dotted #ff7800;
background: #cff;
}
.calendar td.highlighted {
background: #fc9;
}

.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
background: #cff;
border: 1px solid #09f;
}

table.calendar td.pad {
color: #999;
background: #fff;
}
table.calendar td.pad:hover {
background: none;
border: 0;
}

.sunday, .saturday {
background: #f0f0f0;
}

#searchresult {
margin: 5px;
height : 20px;
line-height : 20px;
padding-left : 20px;
background : url(/images/searchicon.gif) no-repeat left center;
}


.top-count a , .top-count span {
line-height: 16px;
font-size: 12px;
color: #000000;
display: block;
margin-top: 0px;
text-decoration: none;
width: 42px;
height: 42px;
text-align: center;
background:url(/images/vote.gif) no-repeat top left;
margin-bottom: 4px;
padding-top: 4px;
}
.top-count a:hover {
color: #FF6000;
}
.top-count img {
position: relative;
top: 0;
left: 0;
border: none;
}

.top-count-gray a , .top-count-gray span {
line-height: 16px;
font-size: 12px;
color: #000000;
display: block;
margin-top: 0px;
text-decoration: none;
width: 42px;
height: 42px;
text-align: center;
background:url(/images/vote_gray.gif) no-repeat top left;
margin-bottom: 0px;
padding-top: 2px;
}
.top-count-gray a:hover {
color: #808080;
}
.top-count-gray img {
position: relative;
top: 0;
left: 0;
border: none;
}

.topdropmain { //main div
float: left;
position: relative;
}

.top_drop { //ul
position: relative;
top: 0;
left: 0;
text-align: left;
font-size: 85%;
margin: 0;
padding: 0;
list-style: none;

}

.top_drop li {
margin: 0;
padding: 0;
}
.top_drop h4 {
position: relative;
top: 2px;
left: 20px;
font-size: 11px;
font-weight: bold;
color: #76A0E5;
margin: 0;
}

.img_left {float:left; margin:0 6px 5px 0}

.img_frame90 {width:122px; height:147px; overflow:hidden; padding-top:2px; margin: 0px; text-align:center; background:url(/images/frame_90.jpg) no-repeat center center; margin-left:0px;}


.filter{
padding-top: 2px;
margin-bottom:0px;
width: 100%;
height: 25px;
}

.invertedshiftdown{
padding: 0;
margin-top:0px;
margin-bottom: 0px;
width: 100%;
border-top: 2px solid #808080; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
height: 30px;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
float: right;
text-transform:uppercase;
}

.invertedshiftdown li a{
float: left;
display: block;
font: 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #EEEEEE; /*Default menu color*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown li a:hover{
text-decoration: underline;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #808080; /*Red color theme*/
color: white;
}

.dhtmlwindow{
position: absolute;
border: 4px solid #CCCCCC;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
background-color: #102a5e;
width: 100%;
text-indent: 5px;
font: 12px;
padding-top:2px;
color: #FFF;
cursor: move;
overflow: hidden;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 3px;
top: 3px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #FFF;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black;
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
opacity: 0.6;
}

.quote { zoom: 1; overflow: hidden; margin: 0.5em 0; padding-left: 1.4em; background: url(/images/qs.gif) no-repeat 0 0; }
.quote .q, .quote blockquote { display: inline-block; margin: 0; padding: 0 1.4em 0 0; background: url(/images/qe.gif) no-repeat 100% 100%; color: #666; }

.voteresult {margin:2px;margin-top:5px;display:block;float:left;width:250px;height:10px;background-color:#EEE;overflow:hidden;text-align:left;}
.voteresult span{display:block;height:10px;}
.voteresult .style1 {background-image:url('/images/poll_line1.gif');}
.voteresult .style2 {background-image:url('/images/poll_line2.gif');}
.voteresult .style3 {background-image:url('/images/poll_line3.gif');}
.voteresult .style4 {background-image:url('/images/poll_line4.gif');}
.voteresult .style5 {background-image:url('/images/poll_line5.gif');}
.voteresult .style6 {background-image:url('/images/poll_line6.gif');}
.voteresult .style7 {background-image:url('/images/poll_line7.gif');}
.voteresult .style8 {background-image:url('/images/poll_line8.gif');}
.voteresult .style9 {background-image:url('/images/poll_line9.gif');}
.voteresult .style10 {background-image:url('/images/poll_line10.gif');}
.voteresult .style11 {background-image:url('/images/poll_line11.gif');}
.voteresult .style12 {background-image:url('/images/poll_line12.gif');}
.voteresult .style13 {background-image:url('/images/poll_line13.gif');}
.voteresult .style14 {background-image:url('/images/poll_line14.gif');}
.voteresult .style15 {background-image:url('/images/poll_line15.gif');}
.voteresult {margin:2px;margin-top:5px;display:block;float:left;width:250px;height:10px;background-color:#EEE;overflow:hidden;}

#more-options {display: none;}


.box {
	border: 1px solid #ddd;
	padding: 2px;
	background: #fff;
	margin:0;
	bottom:0;
}

.boxgrey {
	background-color: #FAFAFA;
	padding: 1px 1px 2px 1px;
}

.boxgreen {
	background-color: #EAFFDF;
	padding: 1px 1px 2px 1px;

}

.boxclear {
	background-color: #fff;
	padding: 6px 8px 8px 8px;
}

.boxshadow {
	border-top:3px SOLID #f3f3f3;
	border-left:3px SOLID #fff;
	border-right:3px SOLID #fff;
}

.underline {
	text-decoration: underline;
}