/*~START CSS~*/

/* 
 * ========================================
 * global element styles 
 * ========================================
 */
 
body{ 

	margin: 0 auto;
	padding: 0; /* required for Opera to have 0 margin */
	width:1003px;
	font-weight:500;
	color: #000000;
	font-family:宋体;/* Verdana, Arial, Helvetica, sans-serif;*/
	border-top: 0px solid #B51032;
	font-size:12px;
}

#FileUpload1,#btnInsertImage,
.borderwrap input,
.borderwrap textarea,
.borderwrap select{
	background: #FFF;
	border: 1px solid #5176B5;
	color: #000033;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;	
	vertical-align: middle;
}
.styleoa{
	background: #FFF;
	border: 1px solid #5176B5;
	color: #000033;
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;	
	vertical-align: middle;
}
input.button{
	margin: 0;
	width: auto;
}



form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}

img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle; float:left; padding: 7px 7px 7px 7px;
}


#ipbwrapper{ 
	margin: 20 auto 20 auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
	width: 98%;
}

/* 
 * ========================================
 * title element styles 
 * ========================================
 */

.borderwrap,
.borderwrapm,
.borderwrapn,
.borderwrapo{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF; 
	border: 1px solid #072A66;
	padding: 0; 
	margin: 0; 
}

.borderwrapm{
	margin: 5px;
}

.borderwrapn{
	border-top: 8px solid #5176B5;
}

.borderwrapo{
	border-bottom: 8px solid #5176B5;
}

.maintitle_vip,
.borderwrap h3,
.maintitle,
.maintitlecollapse{
	background: transparent url(../images/bbs/tile_cat.gif) repeat-x top;
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	color: #FFF; 
	font-size: 12px;
	font-weight: bold;
	height: 16px;
	margin: 0;
	padding: 8px;
}

.maintitle_vip
{
	background: transparent url(../images/bbs/tile_cat_vip.gif) repeat-x top !important;
}

.maintitlecollapse{
	border: 1px solid #FFF;
}

.maintitle_vip p,
.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
	float: right;
	width: auto !important;
}

.maintitle_vip a:link,
.maintitle_vip a:visited,
.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited{ 
	background: transparent;
	color: #FFF;
	text-decoration: none; 
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active{ 
	background: transparent;
	color: #F1F1F1;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{ 
	background: transparent url(../images/bbs/tile_sub.gif);
	border-bottom: 1px solid #5176B5;
	color: #072A66; 
	font-size: 12px;
	font-weight: bold; 
	letter-spacing: 1px;
	margin: 0; 
	padding: 5px; 
}

.subtitlediv{
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{ 
	background: transparent;
	color: #072A66;
	text-decoration: none; 
}

.borderwrap h4{
	background: #DDE6F2;
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	border-top: 1px solid #5176B5;
	color: #5176B5; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.borderwrap p{
	background: #F9F9F9;
	border: 1px solid #CCC;
	margin: 5px;
	padding: 10px;
	text-align: left;
}

.formbuttonrow,
td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
	background: #C2CFDF !important; 
	border: 1px solid #FFF;
	border-top: 1px solid #5176B5;
	margin: 0px !important;
	padding: 5px !important;
	text-align: center;
}

td.formbuttonrow{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.borderwrap p.formbuttonrow1{
	background: #F9F9F9 !important;
	border: 0;
	border-top: 1px solid #CCC;
}

.row1{ 
	background: #F5F5F5; 
}

.row2{ 
	background: #F9F9F9; 
}

.row3{
	background: #DEE8F1;
}

.row2red{ 
	background: #FDDBCC;
	color: #000033; 
	font-weight: bold;
}

.post2red{ 
	background: #FDDBCC;
	color: #000033; 
	font-weight: bold;
}

.rowlast,
.rowstat{
	background: #EEE url(../images/bbs/row_last_bg.gif) no-repeat left;
	font-size: 12px;
	text-align: right;
}

.rowqueue{
	background: #F4E8E8;
	color: #CF0000;
	font-size: 12px;
}

.rowstat{	
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.darkrow1{ 
	background: #E1E6EE;
	color: #072A66; 
}

.darkrow3{ 
	background: #C2CFDF; 
	color: #072A66; 
}

.catend{
	background: #8394B2;
	color: #000033;
	font-size: 1px;
	height: 8px;
	padding: 0;
}

.tb_vip .catend
{
	background: #ef5722 !important;
}

.desc{ 
	font-size: 12px; 
	color: #434951;
}

.fontbold
{
	font-weight: bold;	
}

.fontred
{
	color: Red !important;
}

.datetime
{
	font: Tahoma;
	font-size: 12px; 
	color: #434951;
}

.post1,
.bg1{ 
	background: #F9F9F9;
}

.post2,
.bg3{ 
	background: #F5F5F5;
}

.postcolor{ 
	font-size: 12px; 
	line-height: 160%;
}

table.page {		
	width: auto;
	font-family: Tahoma;
	font-size: 9pt;
}

table.page td {
	background: #F5F5F5;
	border: 1px solid #072A66;
	padding: 1px,3px;
	text-align: center;
	vertical-align: middle;
}

table.page a {
	font-family: Tahoma;
	font-size: 9pt;
	color: #114477;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}

table.page td.visit {
	background: #F4E8E8;
	border: 1px solid #CF0000;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.formtable{
	background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright{
	background:#F5F5F5;
	border: 1px solid #CCC;
	border-bottom: 0;
	border-left: 0;
	font-weight: bold;
	margin: 1px 0 0 0;
	padding: 6px;
	width: 25%;
} 

.formtable td.wider,
.pformleftw,
.pformright{
	width: 40%;
}

.formtable td.formright,
.pformright{
	border-right: 0;
	font-weight: normal;
	width: auto;
} 

.formtable td.formtitle,
.formsubtitle{
	background: #E1E6EE;
	color: #072A66;
	border: 1px solid #8394B2; 
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

.formsubtitle{ 
	border: 0;
	color: #072A66;
	font-weight: bold;
	padding: 5px;
}

.formtable td.formstrip{
	background: #DDE6F2;
	border: 1px solid #8394B2;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
}

.codebuttons{ 
	font-family: 宋体; 
	font-size: 12px; 
	vertical-align: middle;
	margin:2px;
}

#editpan
{
	background-color: White;
	width: 99.5%;
	height: 200px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}

.postcolor p
{
	background-color: transparent;
	border-style: none;
}

.quotetop{
	background: #E1E6EE;
	border: 1px dotted #345487;
	border-bottom: 0;
	border-left: 4px solid #8394B2;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	margin: 8px auto 0 auto;
	padding: 3px;
}

.quotemain{
	background: #FAFCFE;
	border: 1px dotted #345487;
	border-left: 4px solid #8394B2;
	border-top: 0;
	color: #465584;
	padding: 4px;
	margin: 0 auto 8px auto;
}

/* 
 * ========================================
 * calendar styles 
 * ========================================
 */
	
.calmonths{ 
	background: #F5F5F5;
	border: 1px solid #CCC;
	font-size: 18px; 
	font-weight: bold; 
	margin: 5px 0 5px 0;
	padding: 8px;
	text-align: center;
}

.weekday{
	font-size: 14px;
	font-weight: bold;
}

.calmonths a{
	text-decoration: none;
}

.calday,
.caltoday,
.calweekday{ 
	background: #EEE;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	text-align: right;
}

.caltoday
{
	background-color: #0099FF;
	color: White;
}

.calweekday{
	color: Red;
}

.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
	background: #F9F9F9;
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday{
	height: auto;
}

.cellblank,
.mcellblank{
	background: #E1E1E1;
}

.celltoday,
.mcelltoday{
	border: 2px solid #8B0000;
}

.pollbar_left
{
	height: 11px !important;
	width: 4px !important;
	margin-right: -3 !important;
	background-position: center !important;
	background-image: url(../images/bbs/bar_left.gif) !important;
	background-repeat: no-repeat !important;
}

.pollbar_right
{
	height: 11px !important;
	width: 4px !important;
	margin-left: -3 !important;
	background-image: url(../images/bbs/bar_right.gif) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.pollbar_body
{
	height: 11px !important;
	background-image: url(../images/bbs/bar.gif) !important;
	background-repeat: repeat-x !important;
	background-position: center !important;
}