@CHARSET "UTF-8";

body {padding:0;margin:0 auto; background:#72cae1;font-family:Tahoma,Helvetica,sans-serif; color:#333333;text-align:center;}
body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 162%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }

ol {padding:0 0 0 20px;}
textarea { overflow:auto; }
input{font-size:12px;}
a{cursor:pointer;color: #0066CC;}
a:link { color: #0066CC; text-decoration: none; }
a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #0066CC; text-decoration: underline;}
a:active { color: #0066CC; text-decoration: none;}
a img { border-width:0; }
.clear{ clear: both; line-height:0; font-size:0; }

#wrapper{margin: 0 auto; padding:0; width: 765px; overflow:hidden; text-align:left;}

#header{margin:0 0;}
#header .logo{float:left;width:218px;height:60px;background: transparent url(/static/i2009/images/logo.gif)  no-repeat scroll 0px 0px;}
#header .logo a {display:inline-block;width:218px;height:60px;}
#arr {display:block; margin:0 0; padding:0 0; height:11px; overflow:hidden; background: transparent url(/static/i2009/images/arr2.gif)  no-repeat scroll 25px 0px;}
.online{ float:right; padding:10px 5px 0 0; color:#FFFCAA; font-weight:bold; font-size:14px;}
#styles {list-style:none;clear:right; float:right;margin:10px 5px 0 0;}
#styles li {float:left; margin:0 2px 0 3px;padding:0;height:16px;border:#cccccc solid 1px;}
#styles li.checked {border:#EEAEAE solid 1px;}
#styles li img{width:16px; height:16px;}

.ui-box{margin-bottom:25px;}
.ui-top,.ui-bottom,.ui-t-b{height:10px;}
.ui-rb-corner{position:relative;background:url(/static/i2009/images/radius.png) no-repeat;_background-image:url(/static/i2009/images//radius.gif);*zoom:1;}
.ui-rb-tl{background-position:0 0;margin:0 10px 0 0;top:0;left:0;}
.ui-rb-tr{background-position:100% 0;top:0;right:-10px;}
.ui-rb-bl{background-position:0 100%;margin:0 10px 0 0;bottom:0;left:0;}
.ui-rb-br{background-position:100% 100%;bottom:0;right:-10px;}
.ui-rb-content{background:#fff;}

.box{margin-bottom:25px;}
.ui-roundedbox-corner{position:relative;background:url(/static/i2009/images/radius.png) no-repeat;_background-image:url(/static/i2009/images//radius.gif);*zoom:1;}
.ui-roundedbox-tl{background-position:0 0;margin:0 10px 10px 0;top:0;left:0;}
.ui-roundedbox-tr{background-position:100% 0;top:0;right:-10px;}
.ui-roundedbox-bl{background-position:0 100%;bottom:-10px;left:-10px;}
.ui-roundedbox-br{background-position:100% 100%;bottom:0;right:-10px;}
.ui-roundedbox-content{position:relative;left:-5px;top:-5px;background:#fff;}


.content{ margin:0; padding:10px 15px;}
.content h1{ font-size:24px; font-weight:bold;margin:0;padding:0 0 10px 0;}
#footer{ text-align:right;}
#footer a{ margin-left:10px; margin-right:10px;}

.intro{margin:0; padding:15px; background:#F8F8F8 none repeat scroll 0 0;border:1px solid #EDEDED;}
.intro .word{ font-size:14px; line-height:26px;}
#icon{ padding:10px 0 0 0; float:left;}
#icon ul{ margin:0px; padding:0px; list-style:none;}
#icon ul li{ float:left; list-style:none; text-align:center; width:230px;}
#start{ text-align:center; padding:20px 0 10px 0;}
#startbtn {display:inline-block;width:203px; height: 56px;background: transparent url(/static/i2009/images/start.gif)  no-repeat scroll 0px 0px;}

.eventbox {background-color: #cdedee;}
.eventbox_l {float:left;width:430px;background-color: #cdedee;}
.eventbox_r {float:left;width:335px;background-color: #cdedee;}
.eventbox_t {float:left;margin:10px 15px 10px 0;padding-left:15px;font-size:14px;font-weight:bolder;color:#21659A;}
.eventbox_c {clear:left;margin:0 0 15px 0;}
.imgevent {padding:0 0 5px 15px;}
.announce {list-style:none;padding:0 15px 0 15px;;margin:0;}
.announce li {height:25px;}
.announce li a{color:#333333;}
.announce .date{float:right;color:#aaaaaa;}
.announce .more a{float:right;color:#21659A;padding-right:4px;}

#chat{}
#connectMsg{ font-size:14px; font-weight:bold;}
#reconnecting{display:none;}
#chattingwp{ border:#c3c3c3 solid 1px; margin:0 0 10px 0; padding:10px; font-size:14px;}
#chatting{height:300px; overflow: auto;}
#chattingwp ul{ margin:0px;padding:0px;}
#chattingwp ul li{ list-style:none; line-height:24px;}
#chattingwp .msg-i{ color:#333333;}
#chattingwp .msg-ta{ color:#F58E17;}
#chattingwp .msg-sys{ color:#F73D3D;}
#chattingwp .msg-connect{ color:#888888;}

#post{ height:60px;position:relative;}
#disconnectBtn{ float:left; width:60px; height:60px; margin-right:5px; background:#EFEFEF; border:#CCCCCC solid 1px; cursor:pointer;font-size:14px; font-weight:bold; color:#666666;}
#disconnectBtn:hover{background:#f4f4f4; }
#isaywp{display:inline-block;float:left;}
#isay{ float:left; width:585px;height:50px;border:#CCCCCC solid 1px;  margin-right:5px; padding:4px;_width:595px;_height:60px;}
#postBtn{ float:left; width:60px; height:60px; background:#00C3F6; border: #009fc8 solid 1px; cursor:pointer; color:#fff; font-size:14px; font-weight:bold;}
#postBtn:hover{ background:#4dd4f7;}

#smilies_switch {position:absolute;right:74px;bottom:1px;width:19px;height:19px; background-color:#dddddd;}
#smilies { position:absolute; display:none; right:94px; bottom:1px; width:360px; padding:0 4px 4px 0; border:#CCCCCC solid 1px; background-color:#f8f8f8; }
#smilies li{width:30px;height:30px; margin-top:4px;margin-left:4px;float:left;list-style-type:none;}
#smilies li img{border:1px solid #DEDEDE; padding:3px;}
#smilies li img.on {border:3px solid #D8E3F4; padding:1px;}


#gongyue {padding:5px;color:#666;}
#gongyueclose {display:inline-block;float:right;}