/* CSS Document for Key8 */ <!--
*{margin:0;padding:0;}
body, table, input, select, textarea, .maintable, .button, .altbg1, .altbg2 {
font: 13px Tahoma, Verdana;
}
a, a:visited{text-decoration:none;outline:none;cursor:pointer; }
a:hover{text-decoration:underline; }
input.text{border:1px solid #8FABC4;padding:0px;}
textarea{border:1px solid #8FABC4;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:2px;}
img{border:0;}
.normalfont { font-size:13px; }
.smallfont  { font-size:12px; }
.vsmallfont { font-size:11px; }
.sfont { font-size:12px; font-weight:normal; color:#CCCCCC; } 
h1{font-size:13px;font-weight:normal;}
h2{font-size:13px;}
h3{text-align:left; font-size:15px; color:#666; border-color:#88f; padding:3px; padding-left:10px; font-weight:bold; margin-top:10px; margin-left:0px; border-bottom:1px solid; margin-bottom:15px; }
h4{text-align:left; font-size:13px; color:#888; background-color:#f6f6ff; border:3px; border-color:#bbf; padding:3px; padding-left:10px; font-weight:bold; margin-top:10px; margin-bottom:2px; border-bottom:1px solid;}

.boxLall  { width:190px; overflow:hidden; float:left; margin-top:0px; margin-bottom:10px; }
.boxLhead { width:190px;  font-size:13px; color:#66f; background-color:#f6f6ff;    font-weight:bold; overflow:hidden; padding:5px; }
.boxLbody { width:190px;  font-size:13px; color:#333; padding:2px; padding-bottom:10px; font-weight:normal;   }
.boxRall  { width:600px; overflow:hidden; float:left; margin-top:0px; margin-bottom:15px; }
.boxRhead { width:600px;  font-size:13px; color:#66f; background-color:#f6f6ff;    font-weight:bold; overflow:hidden; padding:5px; }
.boxRbody { width:600px;  font-size:13px; color:#333; padding:2px; padding-bottom:10px; font-weight:normal;   }


#navheader { overflow:hidden; z-index:1005; }
#navheader a.yuimenuitemlabel,#navheader a.yuimenuitemlabel:link,#navheader a.yuimenuitemlabel:active,#navheader a.yuimenuitemlabel:visited{padding:0 5px;}
#navheader_top { height:30px; background-color:#6666ff; }
#navheader_btm { height:23px; background-color:#8888ff; }

#navheader_search { height : 0px; background-color:#fff; padding-top:2px; overflow:hidden; }

#navheader_top a#key8_logo { position:absolute; top:3px; left:0; padding:0; }
#navheader_top a:hover#key8_logo { background-color:transparent;}
#navheader_top a:hover#forum_logo { background-color:transparent;}
#navheader_top a#key8_logo img.logo_pic{margin-top:2px;}
#navheader_top a#forum_logo img.forumlogo_pic{margin-top:9px; margin-left:89px;}
#navheader_top ul{top:5px;left:168px;font-size:16px;font-weight:bold;}
#navheader_top ul.key8_tmenu{left:168px;}
#navheader_top ul.logotext{top:6px; left:75px; font-size:13px; font-weight:normal; }
#navheader_top ul{*top:7px;}
#navheader_top li{padding:0 7px 0 0;}
#navheader_top a{padding:3px 4px;}
#navheader_top a{*display:inline-block;}
#navheader_top a:hover{text-decoration:none;}
#navheader_top a.nav_dropdown{padding:3px 9px;background:transparent url(/fixfiles/image/nav_dropdown.gif) no-repeat 5px 12px;}
#navheader_top a:hover.nav_dropdown{background-color:#555;}
#navheader_top ul#account_options {color:#ddd; top:8px;left:auto;right:0;font-size:11px;font-weight:normal;}
#navheader_top ul#account_options li{padding:0 0 0 3px;color:#ddd;}
#navheader_top ul#account_options a, #navheader_top ul#account_options a:visited{color:#ddd;padding:0;}
#navheader_top ul#account_options a:hover{color:#FFF;background:transparent;text-decoration:underline;}
#navheader_top a.semi_highlight, #navheader_top a:visited.semi_highlight{background-color:#555;}
#navheader_top a.highlight,#navheader_top a:visited.highlight,#navheader_top a:hover.highlight,#navheader_btm a.highlight, #navheader_btm a:visited.highlight{background-color:#aaaaaa;text-decoration:none;}
#navheader_btm .navcontent ul{position:static;float:left;display:inline;margin:0px 0 0 0px;}
#navheader_btm .navcontent ul.key8_tmenu{margin-left:-5px;}
#navheader_btm #logotext{float:left;margin-top:3px;width:175px;*padding-top:1px;}
#navheader_btm #logotext span{margin:0 2px;}
#navheader_btm #logotext img{position:relative;top:3px;}
#navheader_btm #logotext a{text-decoration:none; }
#navheader_btm li a,#navheader_btm li span{display:-moz-inline-box;}
#navheader_btm li a{display:inline-block;padding:3px 4px;}
#navheader_btm li span{display:inline-block;padding:3px 0 3px 1px;}
#navheader_banner{height:0px; }
.navcontent { color:#fff; margin:0 auto; padding:0; width:990px; position:relative; }
.navcontent ul { color:#fff; list-style:none; position:absolute; }
.navcontent li { display:inline; }
.navcontent a, .navcontent a:visited    { color:#fff; }
.navcontent,.navcontent a,.navcontent a:hover{ color:#FFF; }
#quicklink, #quicklink a, #quicklink a:hover, #quicklink a:visited { width:990px; }
#container { overflow:hidden; margin:0 auto; width:990px;  }

#lcontainer { float:left;  width:200px; margin:0px; }
#ccontainer { float:left;  width:610px; margin-left:5px; } 
#rcontainer { float:right; width:160px; margin:0px; overflow:hidden; } 
#mcontainer { float:left;  width:615px; margin-left:10px; } 
#ncontainer { float:left;  width:820px; margin:0px; overflow:hidden;  } 
#pcontainer { float:left;  width:775px; margin:0px; } 
#acontainer { float:right; width:200px; margin:0px; } 
#scontainer { float:left;  width:200px; margin:0px; } 
#bcontainer { float:right; width:775px; margin:0px; } 
#w300container { float:left;  width:300px; margin:0px; }
#w685container { float:right; width:688px; margin:0px; overflow:hidden; } 
#p300container { float:right;  width:302px; margin:0px; overflow:hidden; }
#p685container { float:left; width:685px; margin:0px; overflow:hidden; }
#b200container { float:left;  width:200px; margin:0px; overflow:hidden; }
#b780container { float:right; width:780px; margin:0px; overflow:hidden; }
#b825container { float:left; width:825px; margin:0px; overflow:hidden; }
#w780container { float:right; width:780px; margin:0px; overflow:hidden; }
#w260container { float:left; width:260px; margin:0px; overflow:hidden; }
#w728container { float:right; width:728px; margin:0px; overflow:hidden; }
#w480container { float:left; width:480px; margin:0px; overflow:hidden; }
#w300rcontainer { float:right; width:300px; margin:0px; overflow:hidden; }

.content { padding-top:5px;   overflow:hidden;  }
.content p { margin:0; padding: 0px; }
/*
.content blockquote { margin:0; padding:0.7em 0; }
.content blockquote P { margin:0 20px; padding: 0.7em 1.4em; }
.content .posted { clear:both; padding:1.0em 20px 1.6em; }
.content .posted+h3 { border-top: 1px dotted #d9d9d3; }
*/

.yuimenu { background-color:#f0f0f0; visibility:hidden; border:1px solid #5B5B5B;}
.yuimenu a{color:#000000;text-decoration:none;outline:none;cursor:pointer;}
.yuimenu a:hover{color:#000000;text-decoration:underline;}
.yuimenu ul { list-style:none; margin:1px; padding:1px 1px; border-top:1px solid #cccccc;}
.yuimenu .bd { zoom: normal; }
.yuimenu .yuimenuitem {display:block;text-decoration:none;font-size:13px;margin:2px;padding:2px;}
.yuimenu .yuimenuitemlabel:hover{text-decoration:underline;cursor:pointer;}
.yuimenu .yuimenuitem a.selected {background-color:#fff;cursor:pointer;}
#navx  { margin:0 auto; padding:0; width:990px; height:0; position:relative; background-color:#f0f0f0; visibility:hidden; border:1px solid #5B5B5B;}
#navx #nav_profile_menu  { left: 257px; top:-25px; }
#navx #nav_friends_menu  { left: 363px; top:-25px; }
#navx #nav_messages_menu { left: 469px; top:-25px; }

#navfooter  { width:990px; margin:0 auto ; padding:0; font-size: 10px; color: #999999; background-color:#ffffff;  }
#navfooter a{ color: #999999; }
.footer_table { border-collapse:separate; border-spacing:0; margin:0 auto; padding:2; width:990px;  }
.footer_content {font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;	color: #aaaaaa; }


.n { border-collapse: collapse; border:1px solid #9999FF; border-padding:0; border-spacing:0; background-color:#fcfcff; font-size:13px; color:#6666FF;}
.n { padding-bottom:1px;} 
.n td { padding:5px; spacing:0px; }
.nsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_bluecross.gif); background-color: #9A9AFE;  padding:5px;  text-align:center; }
.nbsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_bluecross.gif); background-color: #9A9AFE; padding:5px;  text-align:center; }
.nrsubject {color: #FFFFFF; font-weight: bold; font-size: 20px; background-image: url(/fixfiles/image/back_redcross.gif); background-color: #fe9A9A; padding:5px; text-align:center; }

.h { border-collapse: collapse; border:1px solid #ff9999; border-padding:0; border-spacing:0; background-color:#ffeeee; font-size:13px; color:#ff9999;}
.h { padding-bottom:1px;} 
.h td { padding:5px; spacing:0px; } 
.hsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_redcross.gif); background-color: #f68787;  padding:5px;  text-align:center;  }

.b { border-collapse: collapse; border:3px solid #dddddd; border-padding:0; border-spacing:0; background-color:#fafafa; font-size:13px; color:#dddddd;}
.b { padding-bottom:0px;} 
.b td { padding:0px; spacing:0px; } 
.bsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_blackcross.gif); background-color: #a7a7a7;  padding:5px;  text-align:center; }

.ln { border-collapse: collapse; border:3px solid #ddddFF; border-padding:0; border-spacing:0; background-color:#fcfcff; font-size:13px; color:#6666FF;}
.ln { padding-bottom:0px;} 
.ln td { padding:0px; spacing:0px; } 
.lnsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_bluecross.gif); background-color: #9A9AFE;  padding:5px;  text-align:center; }

.lh { border-collapse: collapse; border:3px solid #ffdddd; border-padding:0; border-spacing:0; background-color:#fffcfc; font-size:13px; color:#ff6666;}
.lh { padding-bottom:1px;} 
.lh td { padding:5px; spacing:0px; } 
.lhsubject {color: #FFFFFF; font-weight: bold; font-size: 16px; background-image: url(/fixfiles/image/back_redcross.gif); background-color: #f68787;  padding:5px;  text-align:center;  }

#fr_all  {width:373px; height:120px; padding:3px; background-color:#f2f2f2; margin-top:-25px;   }
#fr1 {width:325px;  margin-left:2px; padding:3px;  background-color:#f2f2f2; }
#fr2 {width:90px;  float:left; padding:3px; background-color:#f2f2f2; }
#fr3 {width:255px;  float:left; padding:3px; background-color:#f2f2f2; }
#fr4 {width:245px; margin-top:5px;background-color:#f2f2f2;  }
#messages {width:240px; height:55px; }
#mi {border:5px solid; border-color:#fff; }

.alpha { width:80px;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*IE8*/
     filter:alpha(opacity=40);  /*IE5、IE5.5、IE6、IE7*/
     opacity: .4;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
     z-index: -1;  /*让其位于in的下面*/     
}
.tableAd160 {width:160px; font-size:13px; padding-bottom:5px; text-align:left; padding-bottom:10px; float:left; }

#d200 { width:200px; overflow:hidden; }
.tableInfo1cp { width:200px; height:88px; overflow:hidden; color:#00c; font-size:13px; border:0px; border-spacing:0; padding:0px; margin-bottom:5px; background:url(/fixfiles/image/controlpanel200x88.png)}
.tableInfo1cp a, .tableInfo1cp a:visited, .tableInfo1cp a:hover {color:#666; }
.tableInfo1cp td { text-align:center; vertical-align:top; }
.tableInfo3cp { float:right; width:124px; border:0px; }
.tableInfo3cp td { border:0px; }
.tableInfo6cp { width:50px; border:0px; margin-top:4px; }
.tableInfo6cp td { text-align:left; }

.infopic_mid { width:180px; vertical-align:middle; text-align:center; padding:0px; margin-top:5px; margin-left:0px; } 
.tableInfo1 { width:180px; table-layout:auto; border-collapse:collapse; border:0px; border-spacing:0; padding:0px;   }
.tableInfo2 { width:180px; table-layout:auto; border-collapse:separate; border:0px; border-spacing:0px; padding:0px; margin-top:1px; }
.tableInfo2 td { padding:1px; }
.tableInfo1a { width:180px; table-layout:auto; border-collapse:separate; border:0px; border-spacing:0px; padding:0px; margin-left:10px; margin-bottom:3px; }
.tableInfo1a td { padding:1px; width:40%; }

.graylink {color:#666; }

.icon100i { width:100px; height:100px; overflow:hidden; position:relative; }
.icon100f { width:100px; height:100px; position:relative; z-index:100; }
.icon100b { width:0px; height:0px; position:relative; z-index:5000; top:-100px; }
.icon70i { width:70px; height:70px; overflow:hidden; position:relative; }
.icon70f { width:70px; height:70px; position:relative; z-index:100; }
.icon70b { width:0px; height:0px; position:relative; z-index:5000; top:-70px; }

.cmglobal { width:100%; font-size:12px; margin-top:3px; } 
.cmstatus { width:100%; padding:1px; margin-bottom:3px; }
.cmstatus img { border:0px; }
.cmtable   { width:100%; margin-bottom:3px; }
.cmtable td{ padding:1px; text-alignment:left; vertical-align:top; }
.cmtable_icon { width:34px; text-alignment:left; }
.cmtable_info { padding:3px; text-alignment:left; }
.idpic { width:30px; height:30px; }
.iconpic { margin-left:-1px; margin-bottom:15px; margin-right:6px; }
.pic30 { width:30px; height:30px; }

.bnpaper { width:65px; height:18px; border:solid 1px #ddddff; float:left; margin-right:5px; text-align:center; padding:2px;  vertical-align:middle; }
/* for multipage */
input.text {border:1px solid #8FABC4;padding:0px;}
.p_bar		{ width:100%; text-decoration:none; font-size:12px; color:#6666ff;  padding:3px; margin:0px; vertical-align:middle; text-align:left; }
.p_total	{ font-size:12px; border:solid 1px #bbbbff; padding:2px; text-decoration:none; color:#6666ff; font-weight:bold; }
.p_pages	{ font-size:12px; border:solid 1px #bbbbff; padding:2px; margin-left:1px; text-decoration:none; color:#6666ff; font-weight:bold;  }
.p_redirect	{ font-size:12px; border:solid 1px #bbbbff; padding:2px; margin-left:1px; text-decoration:none; color:#6666ff;  }
.p_num		{ font-size:12px; border:solid 1px #bbbbff; padding:2px; margin-left:1px; text-decoration:none; color:#6666ff;  }
.p_curpage	{ font-size:12px; border:solid 1px #bbbbff; padding:2px; margin-left:1px; color:#ffffff; background-color:#bbbbff;  }
.p_input	{ font-size:12px; width:30px; color:#6666ff; height:14px !important; height:14px; border:solid 0px ; }

a:hover.p_bar { text-decoration: none; }
a:hover.p_total { text-decoration: none; }
a:hover.p_pages { text-decoration: none; }
a:hover.p_redirect { text-decoration: none; }
a:hover.p_num { text-decoration: none; }
a:hover.p_input { text-decoration: none; }
-->
.multibtn_all    { float:right; width:100%; text-align:right; vertical-align:middle; } 
.multibtn_pageno { float:right; height:25px; font-size:12px; vertical-align:middle; }
.multibtn_btnbox { float:right; width:60px; text-align:center; }
.multibtn_button { width:25px; height:25px; }