/*reset */
html { color: #111; background: #fff }
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size: 100% }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

/* outer frame */
body { font: 12px Tahoma, Geneva, sans-serif; margin: 0;}
#wrapper { width: 950px; margin: 0 auto; background-color:#FFF;}
#wrapper_audit { width: 1020px; margin: 0 auto; background-color:#FFF;}
#header { }
#content { min-height: 420px; padding-left:5px;}
#footer { height:50px; color: #999; padding-top: 6px; margin-top: 10px; overflow: auto; zoom: 1; border-top: 1px dashed #ddd }
	
/* grid */
/*.grid-17-7 .article { float: left; width: 630px; padding-right: 40px  }*/
/*.grid-17-7 .aside { float: right; width: 270px }*/
.grid-16-8 .article {
	float: left;
	width: 620px;
	padding-right: 10px
}
.grid-16-8 .aside { float: right; width: 310px }

.grid-16-10 .article {
	float: left;
	width: 550px;
	padding-right: 10px
}
.grid-16-10 .aside { float: right; width: 450px }

.grid-4-14-6 .nav { float: left; width: 150px; margin-right: 10px }
.grid-4-14-6 .article { float: left; width: 540px; padding-right: 10px }
.grid-4-14-6 .aside { float: right; width: 230px }

/* form */
fieldset { border: 1px solid #ddd; padding: 0 10px; margin-bottom: 15px }
fieldset legend { color: #666; padding: 0 5px }
input { margin-right: 3px }

/* links */
#footer .gray-link a:link,
#footer .gray-link a:visited,
#footer .gray-link a:active { color: #999; background: none }
#footer .gray-link a:hover { color: #fff; background: #999 }
#footer .blue-link a:link,
#footer .blue-link a:visited,
#footer .blue-link a:active { color: #369; background: none }
#footer .blue-link a:hover { color: #fff; background: #039 }

/* footer */
.col-3 { clear: both; margin-bottom: 15px }
.col-3 li { float: left; width: 330px; margin-bottom: 5px }
.col-3 li.first { width: 290px }
.col-3 li.last { width: 320px  }
.col-3 li a:link,
.col-4 li a:link,
.col-3 li a:visited,
.col-4 li a:visited,
.col-3 li a:active,
.col-4 li a:active { color: #999; background: none }
.col-3 li a:hover,
.col-4 li a:hover { color: #fff; background: #999 }
.col-4 { clear: both; margin-bottom: 15px }
.col-4 li { float: left; display: inline; margin: 0 44px 5px 0 }

.extra { clear: both; text-align: right }

/* ond style */
#maxw{ margin: 0 auto; padding:8px 15px;  background: #FFF;  width: 964px; overflow:hidden}
.ellipsis {-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;}
form { margin:0;padding: 0; border: 0px; }
fieldset.site {border:none;padding:0;margin:0}
fieldset.site legend {display:none}
fieldset.site label {width:120px;font-size:14px;float:left;overflow:hidden}
.fsct {margin-bottom:5px}
.fsctm {margin-left:130px;}
input.other,.detail input.other {border:none;padding:0;}

ol {padding:0 0 0 20px;}
textarea{ font-family: Arial; overflow:auto; }
input{font-size:12px;}
a{cursor:pointer}
a:link { color: #336699; text-decoration: none; }
a:visited { color: #666699; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; background: #003399; }
a:active { color: #FFFFFF; text-decoration: none; background: #FF9933; }
a img { border-width:0; }
body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 162%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }
h1 { display: block; font-size: 20px; font-weight: bold; color: #494949; margin:0; padding: 5px 0px 15px 0px;line-height:1.1em; }
/*h2 { font: 14px Arial, Helvetica, sans-serif; color: #006600; margin-bottom: 5px; line-height: 150%; }*/
h3 { height:26px;margin-left:4px;font: 14px Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%; background:url(../pics/topicbar.gif) no-repeat right top}
h3 img{margin:1px 1px 0 0;}
ul { list-style-type: none; margin: 0; padding: 0; }
h4 {height:26px; margin:0 0 10px 4px; overflow: hidden; font: 12px Arial, Helvetica, sans-serif; color: #666; line-height: 1.8em; background: url(../pics/topicbar.gif) no-repeat right top;}
h2 { font: 14px Arial, Helvetica, sans-serif; color: #391d1a; margin:0 0 12px 0; line-height: 150%; }
.wrap { background: url(../pics/topicbar.gif) no-repeat; display: block }
.wrap h3 { margin-top: 20px }
.obssin {width:100%;}
.sline{border-bottom:1px solid #a8a8a8;}
#header{ background:url(../pics/headnavbot.gif) no-repeat scroll left 33px; margin:7px 0}
#header img.logo{float:left;margin-top:-3px;}
#page_focus{border: 1px solid #ccc; margin:0 10px 0 0;height:16px;width:171px;padding:2px 0 0 2px}
#page_focus:focus{border: 1px solid #686868;}

#nav {padding-top:3px;}
#nav a{float:left; display:block; text-decoration: none; color:#368332; font-size:14px; margin:2px 5px 0 5px; padding: 8px 4px 7px 4px; line-height:14px; }
#nav a:hover{ background-color:transparent; text-decoration:underline; }
#nav a.now { font-size:14px; margin:2px 5px 0 5px;float:left; display:block; background:url(../pics/headnavback.gif) no-repeat scroll right top #eef9eb; padding:0 10px 0 0; color:black;}
#nav a.now span { background: transparent url(../pics/headnavback.gif) no-repeat; display: block; padding: 8px 1px 7px 11px; }
#nav .nine_nav:hover,#nav .nine_nav{color:#F92D09;margin-left:25px;}

#searbar {margin-top:5px; *margin-bottom:-5px;}
#searbar span{margin:0; height:14.8px; display:block; line-height:14.8px; float:right; position:relative;}
#searbar span.submit {width:44px;height:20px;background:url(../pics/search.gif) no-repeat; padding:2px 7px 0 5px;*padding-top:3px; text-align:center;}
#searbar span.submit a{letter-spacing:4px;}
#searbar a.arrow:hover{background:none;}

#dsearch, #tongcheng_tab_block{ padding:5px 0;display:none; position:absolute; text-align:center;width:69px; background:#fff; border:1px solid #c0c0c0; top:19px; left:-51px;z-index:100}
#tongcheng_tab_block{left:5px;top:18px;}
#dsearch a{ display:block;padding:3px; text-decoration: none;}
#dsearch a:hover, #tongcheng_tab_block a:hover{color:white;background:#336699;text-decoration:underline;}
#tongcheng_tab_block a{margin:0;float:none;display:block;padding:5px}

#searbar .up{display:none;vertical-align:top;}
#searbar .down{display:inline;vertical-align:top;}

#status{ background:url(../pics/headnavbot.gif) no-repeat scroll left bottom #eef9eb; text-align:right;padding:5px 10px 4px 10px; }
#status a{text-decoration: none;margin:2px 1px 3px 7px;letter-spacing:0.3px;color:#336699;}
#status a:hover{color:white;}
#status{ *padding:2px 10px 4px 10px;}

#subnav{ float:left; padding:0 5px 3px 2px;width:65%;text-align:center;}
#subnav a{text-decoration: none;letter-spacing:1px; margin:0 8px; color:#336699;}
#subnav a:hover{color:white;}

.ll{float:left}
.rr{float: right;}
.trr{text-align:right;}
.tcc{text-align:center;}

#redbutt {overflow:hidden;background: transparent url(../pics/redbutt.gif) no-repeat scroll right top;color:#ff7676; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin:0 5px 0 0;text-decoration: none;display:block;cursor:pointer}

a.graybutt{overflow:hidden;background: transparent url(../pics/graybutt.gif) no-repeat scroll right top;color:#666666;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 5px;text-decoration: none;cursor:pointer}

a.graybutt input{*margin-top:-1px;padding: 0;line-height: 18px; background:none;color:#666; border:0;cursor:pointer; *width:auto; _width:0; *overflow:visible;}
a.graybutt span {background: transparent url(../pics/graybutt.gif) no-repeat;display: block;padding: 4px 1px 3px 8px;line-height: 18px; *padding-top:5px;}
a.graybutt:visited {color:#ff7676;text-decoration: none;}
a.graybutt:hover {background: transparent url(../pics/graybutt.gif) no-repeat right -24px;color:white;}
a.graybutt:hover span, a.graybutt:hover input {background-position: left -24px;color:white}
a.redbutt {overflow:hidden;background: transparent url(../pics/redbutt.gif) no-repeat scroll right top;color:#ff7676; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin:0 5px 0 0;text-decoration: none;display:block;cursor:pointer}
a.redbutt span{background: transparent url(../pics/redbutt.gif) no-repeat;display: block;padding: 4px 1px 4px 8px;line-height: 18px}
html*a.redbutt span{[font-size:12px;padding-top:3px;]padding-top:4px}
a.redbutt input{*margin-top:-1px;padding: 0;line-height: 18px; background:none;color:#ff7676; border:0;cursor:pointer; *width:auto; _width:0; *overflow:visible;}
a.redbutt:visited {color:#ff7676;text-decoration: none;}
a.redbutt:hover {background: transparent url(../pics/redbutt.gif) no-repeat right -24px;color:white;}
a.redbutt:hover span, a.redbutt:hover input{background-position: left -24px;color:white}

a.colbutt{letter-spacing:3px;overflow:hidden;background: transparent url(../pics/collect_back2.png) no-repeat scroll right top;color:#000;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 10px;text-decoration: none;}
a.colbutt:hover {background:url(../pics/collect_back2.png) no-repeat right top;color:#000;}
a.colbutt span {background: transparent url(../pics/collect_back2.png) no-repeat;display: block;padding: 1px 1px 3px 11px;line-height: 22px;}
a.colbutt:visited {color:#777;text-decoration: none;}

/*input.textarea,button*/
textarea {border:1px solid #ccc;padding:3px;font-size:14px}
.area_miniblog {width:304px;height:86px;padding:3px;border:1px solid #ccc;margin-bottom:5px}
#rec_url_text {width:240px;border:1px solid #ccc;}
.input_search {padding:2px;border:1px solid #ccc;margin-bottom:5px}
#tabler .input_search {width:290px}
.input_basic {border:1px solid #ccc;padding:2px;font-size:12px;}
.input_basic2 {border:1px solid #ccc;padding:3px;font-size:14px;}
#vote_btn input.vote_btn {background:url(../pics/icon/vote_48_18px.gif) no-repeat right top;border:0;width:48px;height:18px;cursor:pointer;margin-left:12px;}
#vote_btn_small input.vote_btn {background:url(../pics/icon/vote_30_15px.gif) no-repeat right top;border:0;width:30px;height:15px;cursor:pointer;margin-left:5px;}


.tc {text-align:center}


/* pic-text list */
.lst { width: 100%; padding: 5px 0px 5px 0px; }
.tlst { padding: 5px 0 15px 0; margin: 0 }
.clst{ padding: 0 0 0 75px;  float: none; overflow: hidden; word-wrap:break-word; }
.ilst{ width: 75px; display: block; float: left;  text-align: center; margin: -27px -75px 0 0; }
#review .ilst,.block1 .ilst {margin-top:-17px}
.nlst{ background:url(../pics/topicbar.gif) no-repeat; margin: 0 0 0 72px;}
.ctsh .nlst{ padding: 0 0 0 5px; margin:0 0 0 71px}
.ctsh .clst{ padding: 0 0 0 80px;width:85%;float: left!important;_float:none;overflow: hidden; word-wrap:break-word; }
.ctsh .ilst{ width: 85px;display: block;float: left;text-align: center;margin: -26px -85px 0 -6px;}

.xbar {float:right;background:url(../pics/zbar.gif) no-repeat;width:100%;margin-bottom:21px;}
.xbar div{float:right;background:url(../pics/zbar.gif) no-repeat right top; margin-left:5px;padding-right:35px;}
.xbar a{float:right; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.xbar a:hover{ color:white; }
.xbar span.now {margin:0 5px 0 5px;float:right; display:block; background:url(../pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.xbar span.now span { background: transparent url(../pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }
.zbar {background:url(../pics/zbar.gif) no-repeat;margin-bottom:21px;}
.zbar div{float:left;background:url(../pics/zbar.gif) no-repeat right top; margin-left:5px;padding-left:67px;}
.zbar a{float:left; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.zbar a:hover{ color:white; }
.zbar span.now {margin:0 5px 0 5px;float:left; display:block; background:url(../pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.zbar span.now span { background: transparent url(../pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }

#sspform {text-align:center;padding:0 0 18px 0;vertical-align:middle;margin:0;}
*+html #ssform{padding-top:0}
#sspform .text{width:400px; border:1px solid #ddd;}

.infobox{width:100%; table-layout:fixed;margin-bottom:20px;}
.infobox h2{margin-top:0}
.infobox form{margin:0}
.tablelt{background:url(../pics/ibox.gif); height:3px; width:3px}
.tablect{background:url(../pics/tablev.gif); height:3px;}
.tablert{background:url(../pics/ibox.gif) right top; height:3px; width:3px}
.tablelc{background:url(../pics/tableh.gif); width:3px}
.tablecc{background:#fff6ee; padding:6px;overflow:hidden;margin-bottom:20px;}
.tablerc{background:url(../pics/tableh.gif) right; width:3px}
.tablelb{background:url(../pics/ibox.gif) 0px bottom; height:3px; width:3px}
.tablecb{background:url(../pics/tablev.gif) left bottom; height:3px; }
.tablerb{background:url(../pics/ibox.gif) right bottom; height:3px; width:3px}

.detail input{padding:3px; border:1px solid #ccc;}
.detail a.redbutt{padding-right:4px; margin-right:2px;}

.gtleft{padding:4px 4px 0 0; float:left;}
.gtleft .pl2{line-height:1em;}
.gtright{padding:4px; float:right;}

#user h1 {padding:8px 0 7px 0}
#user img{float:left; padding:12px 12px 30px 0px}
.usernav{margin:0 0 20px -8px; }
.usernav a{letter-spacing:1px; padding:4px 8px 0 0;margin:4px 3px 4px 1px;border-top:1px dashed #ccc;}

.collect {padding: 5px 0 15px 0;margin: 0;float: left;width: 100%;}
.collect h3{padding-top:3px; font: 14px Arial, Helvetica, sans-serif;line-height:120%;background:url(../pics/topicbar.gif) no-repeat right top;margin:0 0 0 4px;}
.collect h3 a{color: #006600;}
.collect h3 a:hover{color: #fff;background: #006600;}

/*broadcast*/
.broadsmr{padding: 5px 24px; color:#999;}
.quote{overflow:hidden; padding:0 24px 5px 15px;margin:8px 0 0 26px; background:url(../pics/quotel.gif) no-repeat left 4px;width:auto;*zoom:1;word-wrap:break-word;}
.quote span.inq{display:inline;background:url(../pics/quoter.gif) no-repeat right bottom; color:#333; padding-right:15px;display:inline-block;}
.broadimg{border:1px solid #ddd;float:right;margin-left:14px;}
.blst{padding:0;margin:0}
.blst li{border-top:1px solid #ddd;padding:6px 0}


.hiddenlogin{margin:5px; display:none; clear:both; padding:5px;}
.hiddenlogin input{margin-right:20px}
.hiddenlogin input.text{width:130px;margin-right:10px}

.m { font-size: 14px; line-height: 120%; color: #006600; }
.m a, .m a:visited, a.m, a.m:visited { font-size: 14px; line-height: 120%; color: #006600; text-decoration: none; }
.m a:hover, a.m:hover { font-size: 14px; line-height: 120%; color: #fff; text-decoration: none; background: #006600; }
.m a:active, a.m:active { color: #fff; text-decoration: none; background: #FFAAFF; }
.pt { width:100%; padding: 0; margin: 0; }
.pl { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.pl2 { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.l2 { font: 14px Arial, Helvetica, sans-serif; line-height: 150%;}
.hiddenerr { display:none; background-color: #FFF6EE; color: #ff1111; margin:0 2px;}
.alert { background-color: #FFF6EE; border: 1px solid #CCCCCC; }
.attn { color: #FF3300; }
.hidden { display: none; }
.clear{ clear: both; line-height:0; font-size:0; }
.greyinput{color:#ccc;}
.errnotnull{color:#ff0000;}
.indent{word-break:break-all;}

/*mid*/
#table{ float: left; margin: 0 -310px 0 0;  width:100%; }
#in_table{ margin: 0 310px 0 0; padding: 0 40px 0 0; min-height:500px;}
#tabler{ float: right; width: 310px;overflow:hidden; word-break:break-all;}

/*small*/
#tablem{ float: left; margin: 0 -270px 0 0;  width:100%; }
#in_tablem{ margin: 0 270px 50px 0; padding: 0 40px 0 0;}
#tablerm{ float: right; width: 270px; overflow:hidden; word-break:break-all;}

/*ssmall*/
#tables{ float: left; margin: 0 -240px 0 0;  width:100%; }
#in_tables{ margin: 0 240px 0 0; padding: 0 40px 0 0; min-height:500px;}
#tablers{ float: right; width: 240px;overflow:hidden; word-break:break-all;}

#tablerb .indent, #tabler .indent, #tablerm .indent { margin-bottom: 10px; overflow:hidden;}

/* 09/06/21 temp for Refactoring XHTML&CSS Stage1 */
.aside .indent { margin-bottom: 10px }

/*broadcast items*/
.notify input {margin-top:9px}
.mbt{ padding: 0; margin: 0; clear: both; }
.mbt tr{  vertical-align: top; }
.mbtl { float: left; width: 55px; margin: 8px 7px 0 0; padding: 0; }
.mbtr { border-bottom:1px solid #eee; padding: 5px 0;  min-height: 55px;  overflow: hidden;margin:5px 0 5px 0; }
 .mbtr2 {margin-bottom:20px;overflow: hidden;}
ul .mbtr2 { border-bottom:1px solid #ddd; }
{ border-bottom:1px solid #ddd; min-height: 55px;  overflow: hidden;}
.mbtrdot {border-bottom:1px solid #eee; padding: 4px 0;  min-height: 55px;  overflow: hidden;}
.mbtrmini{border-bottom:1px dashed #ddd; padding: 4px 0 4px 12px;background:url(../pics/listdot.gif) 0 8px no-repeat;}
* html .mbtr{ word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrdot{  word-wrap: break-word;word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrmini{ word-break:break-all; overflow: visible; }
.mbdiv { padding-top: 10px 0 6px 0; border-top:1px dashed #DDDDDD; }

/*footer*/
.fdiv { text-align: right; padding-top: 5px; margin-top: 40px; clear: both; color:#999; }
.fdiv .ul {margin-bottom: 5px; padding-top: 5px}
.fspl{ float: left;}

/*indent js-added text*/
.indentb{ padding:0 18px; }

/* floating image on the left */
.fil { float: left; display: inline; padding-right: 15px; padding-bottom: 15px; }

/* more attr of subject, should use trr*/
.obmor{ text-align: right; }
.obmo{ line-height: 180%; }

/*old action bar , remove me */
.act { color: #FF5555; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FFAAAA; border-bottom: 1px solid #FFAAAA; background-color: #FFDDDD; padding: 3px 3px 2px 3px; cursor:pointer; }
.act:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; padding: 3px 3px 2px 3px; cursor:pointer; }
.act a:link { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:visited { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-style: none; padding: 3px 3px 2px 3px; }
/* (selected) tag */
.ract { border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:link{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:visited{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:hover{ text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FF7777; border-bottom: 1px solid #FF7777; background-color: #FFCCCC; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; padding: 1px; cursor:pointer; float:left; }
/* (unselected) tag */
.gact { color: #BBBBBB; font-size: 12px; text-align: center; cursor:pointer; }
.gact a:link, a.gact:link { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center;border:1px solid white; }
.gact a:visited, a.gact:visited { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center;border:1px solid white; }
.gact a:hover, a.gact:hover { color: #FFFFFF; font-size: 12px; border-left: 1px solid #FF9999; border-top: 1px solid #FF9999; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; background-color: #773333; text-align: center; }
.infobox a.gact:link,
.infobox a.gact:visited,
.infobox .gact a:link,
.infobox .gact a:visited {border-color:#fff6ee;}
.infobox a.gact:hover,
.infobox .gact a:hover {border-color:#f99 #f33 #f33 #f99;}


/* underline */
.ul { border-bottom: 1px dashed #DDDDDD; line-height: 100%; clear: both; }
#tablerm .indent p.ul {margin:0;padding:5px 0}

/* marks */
.st{ width: 100%; }
.rbar { color: #DDDDDD;  font: 11px Arial, Helvetica, sans-serif; }

/*subject selling info */
.bs{ margin: 0px; padding: 0px; }
.bs li{ border-bottom: 1px dashed #ddd; margin:0; padding:4px 0;}

/*subject list*/
.obs{ margin: 0 0 10px 0; float: left; text-align: center; overflow: hidden; width: 103px }
.obs_oneline{margin:0}
.obs dt{ height: 114px; width: 103px; overflow: hidden; }
.obs dd{ margin: 0; height: 60px; overflow: hidden; }
.obs_oneline dt{height:100px;}
.related_info h2{margin-top:24px;margin-bottom:3px;}
.after_h1{margin-top:-24px;}

/*user list*/
.obu{ margin: 0 0 10px 0; width: 76px; float: left; display: inline }
.obu dt{ margin: 0; height: 50px; overflow: hidden; text-align: center; line-height: 16px }
.obu dd{ margin: 0px; height: 55px; text-align: center; overflow: hidden; }

/*group list*/
.ob{ margin: 0 0 10px 0; float: left; width: 76px; text-align: center; }
.ob dt{ margin: 0; overflow: hidden; text-align: center; height: 50px; }
.ob dd{ margin: 0; height: 55px; text-align: center; overflow: hidden; }
.ob span{ white-space: nowrap; }

.cloud1 a{ font: 12px Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud2 a{ font: 14px bold Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud3 a{ font: 18px Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud4 a{ font: 21px bold Arial, Helvetica, sans-serif;  line-height:24px; }


input.readonly, textarea.readonly { background: #F8F8F8; color: #888888; }

/* simple list*/
.aob{ float:left; width: 105px; height: 105px; display:block; text-align: center; overflow: hidden; margin:3px 0}
.aob2{ float:left; margin-right:25px; display:block; text-align:left; overflow: hidden; margin:0 25px 30px 0;}

/* green and grey TAGs */
.gract { color: #006600; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; white-space:nowrap; }
.gract:hover { color: #FFFFFF; font-size: 12px; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:link { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:visited { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:hover { color: #006600; font-size: 12px; border-left: 1px solid #99FF99; border-top: 1px solid #99FF99; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.rdact { color: #BBBBBB; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; }

/*blog entry bottom*/
.plr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:right; }
.pllb { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:left; display: block; }

/* Paginator */
.paginator { font: 14px Arial, Helvetica, sans-serif; color: #aaa; margin: 20px 0; line-height: 150%; text-align: center; }
.paginator a, .thispage, .break { padding: 0px 4px;margin:2px; }
.paginator .prev { margin-right: 20px; }
.paginator .next { margin-left: 20px; }
.paginator .next a,.paginator .prev a {padding:0;margin:0}
.paginator .count { margin-left: 20px; font-size: 14px; }
.paginator .thispage {color:#fff;background:#83BF73;}
.paginator .break {color:#999}
.paginator .thispage {color:#fff;background:#83BF73;}
.paginator .break {color:#999}

/* one-line list table (forum of subject)*/
.olt{ width:100%; padding:0; margin-bottom:3px;}
.olt td{ border-bottom:1px dashed #DDDDDD; padding:3px 3px 3px 0;}
.olt td.date{ width:75px; text-align:center; color:#999;padding-right:0;}
.olt td.time{ width:110px;color:#999;padding-right:0;text-align:right}

/* online catalog table*/
.tagCol{width:100%}
.tagCol td{width:20%;font-size:14px}
.tagCol td b{font-weight:normal;color:#aaa;}

.donateCol{width:100%}
.donateCol td{font-size:12px}
.donateCol td b{font-weight:normal;color:#aaa;}

/* single post */
.wr{ table-layout:fixed; word-wrap: break-word; width: 100%; overflow:hidden;}
.wrtd{ width: 48px; vertical-align: top; }
.txd textarea{ width: 90%; }

/* music list */
.olts{ padding: 0; border-collapse: collapse; width: 100% }
.olts td{ padding-top: 3px; border-bottom: 1px dashed #ddd }

/* review */
.pil { height: 48px; width: 48px; }
.piil { float: left; margin: 0 -65px 0 0; }
.piir { float: right; margin: 0 0 0 65px; overflow:hidden; width:88.5%; }

.obss{ width:100%;}

/* other reviews */
.pltr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; text-align: right; }

/* green time on review */
.mn { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #006600; }

/* group */
.wrc{ word-wrap: break-word; overflow:hidden; margin-top: 0; }
.namel dd{ width:60px; }
.groupicon{padding-right:10px}

/* Opera doesn't support <wbr>, here is the workaround */
wbr:after { content: "\00200B" }

/*I go pics*/
.fil15 {float: left;}
.fil15 img{padding-right: 15px;padding-bottom: 15px;}

/*groups*/
.dir{padding: 12px 0pt 0pt 12px;vertical-align: top;}
.dirsp{margin-bottom: 10px;}
.dirsp span{font-size: 14px;}
.imgg { float: left; margin-left: 5px; }

/*subject status*/
.substatus{height:100px; line-height:100px; width:24px; float:left; display:block;font-size:12px; color:#acacac;}

#comments{word-break:break-all;overflow:hidden;}
#divac{clear:both;}

/*new subject*/
.actbtns a{margin:0 12px 0 0;}
.actbtns a:hover{background:none;}
/*#mainpic{padding:0 12px 15px 0; margin:3px 0 0 0; float:left;text-align:center;}*/
.subject{float:left; width:415px;}
#mainpic{margin:3px 0 0 0; float:left;text-align:center; margin: 3px 12px 0 0; }
img.error
{
position:absolute;
left:90px;
top:130px;
z-index:1
}
* html #mainpic{left:-7px;}
#info{float:left; max-width:248px; word-wrap: break-word;}
#interest_sect{ overflow:hidden; word-wrap: break-word; }
#interest_sectl{
	float: left;
	width: 185px;
	margin:0 0 0 10px;
}
.starstop{float:left;background:url(../pics/all_star.gif); display:block;width:50px;height:14px;margin:1px 0 0 7px;}
.sub_ins .starstop{float:none;width:50px;display:inline;position:absolute}
.stars{display:-moz-inline-block;display:inline-block;background:url(../pics/stars.gif);width:50px;height:14px;margin:1px 0 0 7px;}
.stars4{background-position:left 61px}
.stars3{background-position:left 45px}
.stars2{background-position:left 30px}
.stars1{background-position:left 15px}
.power{height:14px; background:#ddd;float:left;margin:0 3px}
.marks{margin:10px 0 0 -7px; line-height:18px;font-size:10px;}
.clearbox {clear:both; width:100%;}
.clearbox:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.subjectwrap{position:relative;float:left;width:100%;margin-bottom:15px }

/*popup*/
#dialog {position: fixed; z-index: 103; top: 50%; left: 50%; width: 550px; margin-top: -130px; background-color: #FFFFFF; padding:4px; padding-top:20px; border:1px solid #bbb;}
#overlay { opacity:.2;filter:alpha(opacity=20);position: fixed; z-index: 102; top: 50%; left: 50%; width: 578px; margin-top: -146px; margin-left: -13px; background-color: #FFFFFF; padding-top:20px;background:#000;}
.bgi{ position: fixed; z-index: 101; top: 50%; left: 50%; width: 550px; margin-top: -140px; margin-left: -250px; border:none}
* html #dialog { position: absolute; margin-top: expression(exp_dialog(this)); }
* html #overlay { margin-top:-140px;position: absolute; margin-top: expression(exp_overlay(this)); }
#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#dialog p{margin:0}
#populartags{margin:3px 0 10px 0}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}

.loadpop{padding:30px;text-align:center;}
.popnorm{padding:10px;text-align:left;}
#hiddendialog{display:none;}
#actchoice{ float: right; display: inline; width: 100px; border-left: 1px dashed #ddd; padding: 0 0 0 5px }
#actchoice .m{margin-bottom:40px}

/* for event create or edit form */
.pl_l { font: 14px Arial, Helvetica, sans-serif; line-height: 150%;  width:80px; vertical-align:top; padding-top:4px; }
.pl_r { padding-top:4px; width:550px; vertical-align:top; vertical-align:top; }
.pl_r .w { width:390px }

/* for location select */
.location { line-height: 180%; font-size: 14px; margin-left:15px; }

/* for event */
.evtlstimg{float:left;text-align:center;width:85px;padding-top:3px;}
.avatarimg_middle{float:left;text-align:center;width:120px;padding-top:3px;}
.actionbtns{float:right;text-align:right;width:120px;height:100px;}
.actbtn{display:block;text-align:center;border-bottom:1px dotted #ddd;}
.actcat{float:left;width:89px;margin-bottom:140px}
.actlist{float:right;width:490px;*width:490px}
.actlist h2{margin-bottom:8px}
.actlist-left{width:600px;*width:600px}
.nof{*zoom:1; margin-bottom:20px;}
.nof:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nof h2,.nof .intro{margin-left:140px}
.actcatlst li{text-decoration:none;display:block;padding:4px 0; border-bottom:1px solid #ddd;}
.actcatlst li a{display:block;}
.actcatlst .now{ background: url(../pics/arrowright.gif) no-repeat right 10px; color:#77c5ee;}
.citysmr {width:45%; float:left; margin:10px 0 15px 0; padding: 0 15px;}
.evt_short {float:left; margin-bottom:10px;width:100%}
.citytitle{font-size:14px; color:#006600; border-bottom:1px solid #ccc;margin:0 0 15px 0;}
.citysmr li{padding:10px 0 10px 0px; line-height:1.6em}
.citysmr li .title{display:block}
.evt_short li{line-height:1.6em;}
.citysmr li a{font-size:12px}
.citysmr li .title a {font-size:14px}
.actimgs{float:left;margin:9px 0 0 0;padding:3px; border:1px solid #ddd;}
.evtdesc{margin:5px 0 0 65px;color:#666}
.evtdesc .gact{margin-left:10px;}
.actfromfri{line-height:1.6em;padding:.6em 0}
.actfromfri .event_long{float:left;padding-bottom:1.7em;margin-top:-6px;_margin-top:auto;}
.actfromfri .title{padding: 2px 0;margin-bottom:8px; border-bottom:1px solid #ddd;}
.actfromfri img{ padding-right:15px; background:#fff}

.recevent{background:#F4F4EC;padding:10px;margin-bottom:20px}
.recevent .img{float:left;text-align:center;width:110px}
.recevent .img:hover{background:none}
.recevent .pl2{margin-bottom:10px}
.recevent .text{padding-left:116px;color:#999}

.fstars{float:left; margin-left:200px;}
* html .fstars{margin-left:100px}

.recevent{background:#F4F4EC;padding:6px 6px 6px 2px;}
.recevent .img{float:left;text-align:center;width:110px}
.recevent .img:hover{background:none}
.recevent .text{padding-left:116px;color:#999}

/*rec*/
.rectitle{margin:12px 12px 0 12px; padding:7px;overflow:hidden; word-break:break-all; }
.rectitle .m{line-height:1.6em; border-bottom:1px solid #aaa; display:block;}
.rectitle .recsmr{line-height:1.6em; color:#777; margin:8px 8px 8px 35px; display:block; text-indent:-2.5em;}
.reccomment{margin:0 12px 12px 12px; padding:7px 39px 7px 7px;text-align:right}
.reccomment .pl{vertical-align:top}
.reccomment .text{width:411px;border: 1px solid #bbb;margin-bottom:4px}
.reccomment .text:focus{border: 1px solid #666;}
.reccomment .recsubmit{text-align:center; margin-top:12px;}
.reclstwrap {background:url(../pics/topicgrey.gif) no-repeat; display:block; margin-top:20px;}
.reclstwrap .reclst {width:100%;height:26px;margin-left:4px;font: 14px Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%;background:url(../pics/topicgrey.gif) no-repeat right top; display:block}
.reclstwrap .reclst img{margin:2px 2px 0 0}
.reclstwrap .reclst a.rr:hover{background:none; color:#ff0000;}
.recreplylst .ilst{margin-top:-39px}
.recreplylst .clst{margin-top:-11px; color:#555;}
.recreplylst form{margin-left:68px;}
.recreplylst textarea{width:389px;}
.recreplylst input{margin-top:3px;}
.recreplylst span.pl{vertical-align:top;}
.norquote{color:#333;}
.recreplylst .simplelst{border-bottom: 1px dashed rgb(221, 221, 221); margin-top: 4px; margin-bottom: 4px; margin-left: 53px;}
.blank_rec{margin:2px 2px 2px 24px;line-height:1.7em}

#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}
/*entry*/
.entry-image img {padding: 0 15px 15px 0;float: left;}
.entry-summary, .entry-full{word-wrap:break-word;overflow: hidden; clear: right;margin: 6px 0 20px 0;}
.entry-summary-mini{margin-top:6px}
.entry-status-line {clear: left;margin: 2px 0 6px 0;width : 100%;}
.entry .entry-vote-btns {float: right;margin-top: -3px;_padding:4px;}
.loadtip{ padding:0 5px; background:#e7ffbc; color:#777; float:right;}

.video_overlay{width:130px; height:97px;top:0; left:0;position:absolute;background:url(../pics/video_overlay.png);cursor:pointer; #top:0px}
.video_overlay:hover{background-position:0 -97px}
* html .video_overlay{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('../pics/video_overlay_ie6.png');}
.videothumb {margin-left:24px}
.vthumbwrap{width:130px;height:97px;text-align:center;position:relative;}
.hlst li{list-style-type:disc;float:left;margin:10px;width:45%}
.hlst{margin-left:20px}
.indentrec{margin-left:24px; line-height:1.6em;color:#333;}

/*album*/
.mainphoto:hover{background:none}
#album_up {float:left;margin-left:20px;width:380px;}
#type_tip{display:block;width:150px;float:left;_width:125px}
#album_up {float:left;width:300px;margin-left:20px;_margin-left:10px;}
#album_up input {margin:4px 0}
.albumlst{margin:9px 0 10px 0;padding:0 0 10px 0; line-height:1.65em;float:left;width:49%;}
.albumlst_r{overflow: hidden; word-wrap:break-word;color:#777;float:left;width:240px;padding-top:4px;}
.albumlst_descri{color:#333;margin-bottom:10px;}
.photo_wrap { float: left; display: inline; width: 170px; overflow: hidden; margin: 10px 13px 25px }
.photo_wrap .pl{margin:6px 0 3px 0}

.photolst_photo{width:180px;height:180px;margin:0;}
.photolst_photo:hover{background:#fcfcfc;}
.photo_infobox{height:130px;margin:4px 0;padding:5px 5px 5px 26px;}
.photo_infobox textarea{width:431px;height:70px;float:left}
.photo_infobox .photo_infor{float:right;width:140px;text-align:center;margin-top:8px;}
.pb_wrap{float:left;margin:3px 12px 3px 0pt;}
.pb_wrap img{vertical-align:middle;}
.pb_photo{display:table-cell;vertical-align:middle;width:75px;height:75px;margin:0;text-align:center;*display:block;*font-size:65px;float:none;}
.pb_photo:hover{background:#fff;}
.album{background: url('../pics/albumback.gif') 1px 1px no-repeat; padding:4px 7px 7px 4px}
.album_s{background: url('../pics/albumback_s.gif') 1px 1px no-repeat; padding:5px 8px 8px 5px}
.album_photo { display: block; overflow: hidden; width: 181px; height: 181px }
.album_photo:link { display: block; color: #777; font-style: italic }
.album_photo:visited { color: #777; font-style: italic }
.album_photo:hover { background: none; color: #777 }
.sign-text:link { color: #777; font-style: italic }
.sign-text:visited {color: #777; font-style: italic }
.sign-text:hover { background:none;color:#777}
.photo_descri {padding:3px 0 0 14px}
.edtext form{margin:0;padding:0}
.edtext{width:100%;margin:7px 0 15px 0;}
.edtext textarea{font-size:12px;height:50px;width:100%;background:#f9f9f9;border:1px solid #ddd;}
#up_tip{color:#666;}
.photitle{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;text-align:right}
/*nm home*/
#discover{background:url(../pics/discover.jpg) no-repeat;width:400px;height: 185px;font-size:14px;color:#aaa;padding:7px 0 0 115px;line-height:1.5em; margin:45px 0 10px 40px; #margin:30px 0 0px 0px;}
#discover_s{text-align:center;margin:0 0 28px 0;padding-right:30px;}
#discover_s .text{width:380px;margin:8px;border:1px solid #bcd3e3;}
.fastreg .m{margin-top:.3em;font-size:12px;width:3.3em;float:left;}
.fastreg .text{width:180px;margin:2px 5px;border:1px solid #ccc}
.fastreg .submit{margin:4px 0 2px 4px}
.login_end{margin-left:3.3em;margin-top:.5em;}
.login_input{margin-top:.3em;}
#search_evt{float:left;display:block;margin-right:65px;font-size:12px;margin:4px 0 0 0;position:relative;}
#search_evt .text{top:1px;width:153px; margin:0 5px 0 0;height:16px;border:1px solid #ddd;position:absolute;}
#search_evt .submit{margin:0 60px 0 160px;}
/*note pic*/
.alignleft{background:url(../pics/align_left.png) no-repeat;padding:0 6px 0 25px}
.aligncenter{background:url(../pics/align_center.png) no-repeat;padding:0 6px 0 25px}
.alignright{background:url(../pics/align_right.png) no-repeat;padding:0 6px 0 25px}
.feed{background:url('../pics/feed1.png') no-repeat;font-size:14px; padding:0 0 30px 20px;}

.miniform{display:inline}
.minisubmit{padding:0;margin:0;color:#336699;background:none;cursor:pointer;border:none;}
.minisubmit:hover, .minisubmit.hover{background:#003399;color:white}
.gsubmit{cursor:pointer;padding:0;margin:0;height:1.6em;line-height:1.6em;color:#BBB;background:none;border:none;}
.gsubmit:hover, .gsubmit.hover { height:1.6em;line-height:1.6em;cursor:pointer;color: #FFF; border-left: 1px solid #F99; border-top: 1px solid #F99; border-right: 1px solid #F33; border-bottom: 1px solid #F33; background-color: #733; }

.note-header h3{color:#006600;background:none;margin-left:0;margin-bottom:0;height:18px;}
.note {
font-family:Arial,Helvetica,sans-serif;word-wrap: break-word;white-space: pre-wrap;width:100%; overflow:hidden; word-break:break-all; margin-top:10px;}
body .note{white-space:-moz-pre-wrap;}
.note .cc{padding: 0pt 0pt 15px; display: block; clear: both; text-align: center;}
.note .ll {padding:0 16px 16px 0;}
.note .ll table{width:1px}
.note .rr table{width:1px}
.note .cc table{width:1px;margin:0 auto;}
.note .rr {padding:0 0 16px 16px;}
.thumblst { min-height: 140px; border: 1px solid #d3d3d3; background:#f0f0f0; padding: 10px 12px; margin: 3px 0 7px }
.thumblst .thumb { float: left; width: 145px }
.thumblst .thumb img { max-width: 130px; _width: 130px }
.thumblst .thumb .pl { padding:2px; border:1px solid #ddd;margin-bottom:6px;background:#fff;}
.thumblst .details { float: right; width: 419px }
.thumblst .details textarea{ width: 410px; height:66px;border:1px solid #ccc;}
.message{border:1px solid #FAF3CA;padding:10px;background:#fffadc;margin-bottom:10px;}
/* drag n sort*/
.placeholder{border:2px dashed #ccc;}
.sort h2{cursor:move;width:100%;
_ie6_hack:expression(onmouseover=exp_sort_h2_over,onmouseout=exp_sort_h2_out);
}
.ui-draggable-dragging{border:1px solid #cFc;}
.sort h2:hover{background:#eeffee}
.sort_helper{border:2px dashed #cdc;}
.sort div h2:hover{background:none}
#event{margin-bottom:10px}
#photo,#artist,#minisite{margin-bottom:35px;width:100%;overflow:hidden;}
.photoin{float:left;width:147px;height:160px;overflow:hidden}
#hosts .photoin{height:177px;width:160px}
#hosts .last{width:100px}
#artist,#group,#recs,#movie,#music,#blog,#book,#mb,#friend,#board,#profile,#note,#doulist,#live{margin-bottom:35px}
#group{width:100%}
#offer{margin-bottom:12px}
#review{margin-bottom:27px}
#review .ilst{margin:-17px -105px 0 0;}
#review .tlst{padding:0 0 15px 0;}
#confirm_delete{display:none;}

.reply_notify a{ margin-left:.5em }
.reply_notify .reply_notify_delete{color:#999;}
.reply_notify{ text-align:left; border-collapse:collapse; width:100%; color:#676767; margin-bottom:20px; }
.reply_notify td{ border-bottom:1px dashed #ddd; }
.reply_notify th{ font-weight:normal; border-bottom:1px solid #ccc; }
.reply_notify td{ padding:.4em 0; }
.date{width:8em}
.dater{width:6em;text-align:right}

/*search suggest*/
.ac_results,.addr_results,.city_results,.rc_results{ border: 1px solid gray; background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; width: 173px; overflow: hidden; }
.rc_results{width:356px}
.addr_results{width:186px}
.city_results{width:87px}
.ac_results li, .addr_results li, .city_results li, .rc_results li{ padding: 2px 5px; white-space: nowrap; color: #aaaaaa; text-align: left; }
.ac_over { cursor: pointer; background-color: #3366cc; }
.ac_match { color: black; }

/*help*/
.black {color: #000}
.greylink:link{color:#b4b4b4;font-size:12px}
.greylink:hover{color:#b4b4b4;background:none;font-size:12px}
.greylink:visited{color:#b4b4b4;font-size:12px}
.dotli li{list-style-type:disc;margin-left:10px}
.title2 {border-bottom:3px double #EEEEEE;margin-top:25px;padding:0 0 2px 2px;}


/* campus2010 */
#campus_header { padding: 10px 0 5px 0; background: #fff }
#campus_header #logo { float: left; display: block; width: 165px; height: 34px; text-indent: -9999px; background: url(../pics/logo2010.gif) no-repeat }
#campus_header a:hover { background: none }
#campus_header #year { float: left; display: block; width: 100px; height: 34px; text-indent: -9999px; background: url(../pics/campus_2010.gif) no-repeat }
#campus_header h1 { float: left; font-size: 18px; padding: 10px 0 5px; color: #2a9a44 }

#campus_tab { height: 24px; overflow: hidden; background: #eef9eb; -webkit-border-radius: 3px; -moz-border-radius: 3px }
#campus_tab li { float: right; display: inline; line-height: 24px; height: 24px; padding: 0 15px; color: #369; padding-right: 25px }
#campus_tab li a { color: #369 }
#campus_tab li a:hover { color: #fff; background: #369 }

#campus_indent { width: 680px; margin-left: 20px }
#campus_indent h1 { margin: 20px 0 10px 0 }
#campus_indent h2 { padding: 0 0 2px 2px; border-bottom: 3px double #eee; margin-top: 40px }
#campus_tab a.on {color:#369;text-decoration:none;}
#campus_tab a.no_tag_line {background:none;}
#max_campus {width:700px;margin:0 auto;background:#fff;}

.group_say{width:229px;left:0;top:21px;padding:4px 15px 12px}
.group_say_content{padding-top:.3em}
.blocktip{ color:#333; text-align:left; padding:5px; border:1px solid #E3E3E3; border-width:1px 2px 2px 1px; background:#fff; position:absolute; z-index:100; display:none; }
.tipwrap{position:relative;}
.blocktip_close,
.blocktip_close:visited,
.blocktip_close:active { padding:0 4px; background:transparent; position:absolute; right:15px; color:#999; font-family:"Comic Sans MS" }
.blocktip_content{ margin:3px 0; float:left; width:100%; color:#060; clear:both; font-size:12px; }

.artist_tip{width:230px;padding:4px 8px}
.artist_tip input{margin-top:7px}

.artist_s{padding:0 0 8px 0 }
.artist_photo{width:181px;height:181px;dislay:block}
.artist_photo:link{color:#777;font-style:italic}
.artist_photo:visited{color:#777;font-style:italic}
.artist_photo:hover{background:none;color:#777}


/* artist */
.artist_list{float:left;width:138px;height:120px;text-align:center;}
.artist_list dd{margin:0}
#songlist a:hover{background:none; color:#336699}
.songlst td{border-bottom:1px dashed #ccc;height:23px;color:#999}
.songlst .full{background:url(../pics/playicon.png) 0 -31px no-repeat; color:#777;}
.songlst .selsong .full{background:url(../pics/playicon.png) -20px -5px no-repeat #eaf9e6; color:#777;}
.songlst .full a{padding-left:21px;}
.selsong{background:#EAF9E6}
#mainplayer{width:290px;height:40px;}
#song,#video,#miniblog,#discussions,#contact,#subject,#album,#fans_album,#vote{margin-bottom:35px;}
.hiddenmod {color:#999; background:#f2f2f2}
.hiddenmod h2{color:#777;margin-bottom:5px}
.indent2{text-indent:2em;}

/* system doumail */
.doumail_from { padding-left:12px; }
.gray_ad{background:#F4F4EC;padding:10px;margin-bottom:20px;word-wrap: break-word;}
.pop_win_bg{
opacity:.15;
filter:alpha(opacity=15);
position: fixed;
background:#000;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)*.45))!important;
}
.pop_win form{ padding:0;margin:0;border:1px solid #fff; }
.pop_win_close{font-family:"Comic Sans MS";position:absolute;right:0;top:0;z-index:1;padding:0 .3em;color:#aaa;}
.pop_win_close:hover{
color:#f00;
border:1px solid #fff;
}
.pop_win{
background:#fff;
border:1px solid #bbb;
padding:1.4em 1.2em 1em 1em;
visibility:hidden;
position: fixed;
_position:absolute;
_margin-top:expression(eval(document.documentElement.scrollTop));
}
.login_input{font-size:12px;color:#016502;text-align:left;}
.login_input input{width:200px}
.login_input span{width:3.5em;float:left;}
.pop_reg{float:left;margin-top:2em;display:block}
.pop_sub{text-align:left;margin-left:3.4em;margin-top:.3em;}
.pop_sub input{width:5em;padding-top:2px}
.pop_rem{margin-top:.5em;padding-bottom:5px;text-align:left;margin-left:3.2em;}

/*all block set*/
.block1,.block5{margin-bottom:10px}
.blank20,.block1,.block5{margin-bottom:10px}
.block2,.block3 {margin-bottom:40px}

/*homepage personal recommendation*/
.block1 .content dl {float: left; display: inline; width: 280px; margin:0 15px 20px 0; overflow: hidden }
.block1 .content dl.clear,
.block1 .content ul li.clear { display: block; width: auto; float: none; margin: 0 }
.block1 .content dl dt {float:left;width:85px;overflow:hidden;}
.block1 .content dl dd {float:right;width:190px;overflow:hidden;margin:0}
.block1 .content dl .dgt {margin-bottom:5px;line-height:100%}
.block1 .content dl .dgt .pl2 {line-height:16px}
.block1 .content dl  span.reason {color:#999}
.block1 .content dl  .gact {margin:0 0 0 10px;}
.block1 .content ul li { float: left; display: inline; margin: 0 20px 30px 0; overflow: hidden; padding: 0; width: 275px }
.block1 .content ul li .title {display:block;font-size:14px;}
.block1 .content ul li .actimgs {border:1px solid #ddd;padding:3px;float:left;margin:10px 0 0 0 ;}
.block1 .content ul li .evtdesc {margin:6px 0 0 65px;color:#666;}

/* prevues */
.block2 .content { width: 590px }
.block2 { overflow: hidden }
#in_tablem .block2 .content ul li,.block2 .content ul li {
position: relative;
float: left;
margin-right: 35px;
_width:128px;
_overflow:hidden;
_clear:right;
}
.block3 .content {list-style:none}
.block3 .content li {border-bottom:1px solid #EEEEEE;margin:0;paddng:5px 0;list-style:none}
.block3 .content li {border-bottom:1px solid #EEEEEE;margin:0;padding:5px 0;}
.block3 .content li .user_img {float:left;height:48px;width:48px;}
.block3 .content li .ct {margin:0 0 0 58px;color:#666}
.block3 .content li .cm {margin-right:10px;}
.block3 .content li .cpl {color:#999;margin-right:10px;padding-top:5px;}
.block3 .content li .time {color:#999;}
.block3 .content li .player {}

/*Blcok width fix*/
#in_tablem .block1 {width:630px}
#in_tablem .block1.content {width:650px}
#in_tablem .block1.content ul li {width:305px}


#in_table .block1 {width:575px}
#in_table .block1 .content {width:600px;}
#in_table .block1 .content ul li {width:275px}

#in_tableb .block1 {width:550px}
#in_tableb .block1 .content {width:570px;}
#in_tableb .block1 .content ul li {width:260px}




/*online*/
.h2_tab {border-bottom:1px solid #ddd;padding-bottom:2px;margin:0 0 20px 0;}
.h2_tab span {color:#aaa;font-size:12px;float:right;}
.h2_tab span .line {color:#bbb;float:none}
.online_event_index {float:none;width:100%;padding:0;margin:0;width:630px;overflow:hidden}
.online_event_index ul {width:650px;}
.online_event_index ul li.block {padding:0 0 20px 0;float:left;width:305px;margin-right:20px;height:auto;}

.online_nof {border-bottom:1px solid #eee;}
.online_nof .evtlstimg {width:80px;height:80px}
.online_nof .evtlstimg .actimgs {margin-top:0;}

.online_event_pic {width: 590px;overflow:hidden}
.online_event_pic div{ width:100px; margin:0 16px 30px 0; float: left; text-align:left;}
.online_event_pic div.clear {width:0;float:none;margin:0}
.online_event_pic div.pic {margin:0}

/*ad*/
.da1,.da2,.da3,.da4 {margin-bottom:20px}

.da1 {padding:5px;background:#f4f4ec}
.da1 dl {margin:0}
.da1 dl dt,.da1 dl dd {text-align:left;margin:0;padding:0}
.da1 dl dt {float:left;text-align:center;width:85px;overflow:hidden}
.da1 dl dd {margin:0 0 0 95px;}
.da1 dl dd a {font-size:14px}
.da1 dl dd .ps {color:#999;line-height:18px;margin-top:5px}


.da3 {padding:10px 10px 0 10px;background:#f4f4ec}
.da3 dl {margin:0 0 10px 0;}
.da3 dl dt,.da3 dl dd {text-align:left;margin:0;padding:0}
.da3 dl dt {font-size:14px}
.da3 dl dd a {color:#999}
.da3 dl dd a:hover {background:none}
.da2 a:hover {background:none}

.da4 dl {float:left;overflow:hidden;width:50%;margin:0}
.da4 dl dt,.da4 dl dd {text-align:center;margin:0;padding:0}
.da4 dl dt {height:100px;overflow:hidden}
.da4 dl dd {padding:5px}

/* anonymous home style */

.pl_index{font-size:12px;color:#999}
.citysmr2 {margin-bottom:40px}
.citysmr2 li {padding:0 0 20px 0;}
.citysmr2 li a.img {float:left;margin:0px 9px 0 0;}
.citysmr2 li a.img img{border:1px solid #DDDDDD;padding:3px;}
.citysmr2 li div {margin:5px 0 0 70px;}
.citysmr2 a.title {font-size:14px;}
.citysmr2 span.pl {padding-top:3px;display:block}

.sq_list_right {margin-bottom:40px}
.sq_list_right li{padding:2px 0}
.con_index {width:110px}

a.ad_7day_button:hover {background:url(../pics/ad_button.gif) no-repeat left top;}
.ad_7day_button {padding-left:10px;background:url(../pics/ad_button.gif) no-repeat left top;float:right;display:block;height:27px;margin-left:10px}
.ad_7day_button span{line-height:14px;font-size:14px;padding:7px 10px 6px 0;background:url(../pics/ad_button.gif) no-repeat right top;display:block;color:#4f463f;}

a.donate_button:hover {
	background:url(../pics/btn_donate_SM.gif) no-repeat left top;
}
.donate_button {background:url(../pics/btn_donate_SM.gif) no-repeat left top;float:left;display:block;height:27px;width:74px;}
.donate_button span{
	line-height:14px;
	font-size:14px;
	padding:7px 10px 6px 0;
	display:block;
	color:#4f463f;
}

#discover{background:url(../pics/discover.gif) no-repeat;width:400px;height: 185px;font-size:14px;color:#aaa;padding:0px 0 0 110px;line-height:1.5em; margin:0px 0 15px 62px;}
#discover p {line-height:100%;padding:0;margin:0 0 16px 0;}
#discover p.p1 {margin:0px 0 7px 0;padding-top:2px}
#discover p.p2 {margin-bottom:18px;}
#discover_s{text-align:center;margin:0 0 28px 0;padding-right:30px;}
#discover_b{margin-top:25px;font-size:12px;color:#369}
#discover_b .ad_7day_button {margin-right:140px;}
#discover_b .rr{margin-top:9px;margin-right:45px}
#discover_s .text{width:380px;padding:3px;margin:8px;border:1px solid #ccc;font-size:14px}
.mbt .mbtr .mbtr_m_img {float:left;width:48px;height:48px;}
.mbt .mbtr .mbtr_m_content {margin:0 0 0 58px;color:#666}
.mbt .mbtr .mbtr_m_content .cm{margin-right:10px;}
.mbt .mbtr .mbtr_m_content .time {color:#999;}
.mbt .mbtr .mbtr_m_content .cpl {padding-top:5px;color:#999;margin-right:10px}
.mbt .mbtr .mbtr_m_player {clear:both;text-align:center}

#mbr_img .mbtr,#mbr_music .mbtr {margin:0}
#mbr_img .broadsmr,#mbr_music .broadsmr{padding:5px 0}
#mbr_img .quote,#mbr_music .quote {margin:0}
#mbr_img .indentrec,#mbr_music .indentrec {margin:0}
#mbr_img .recreplylst form,#mbr_music .recreplylst form {margin-left:0}
#mbr_img .star,#mbr_music .star {margin-left:0;}
/* #mbr_img .quote span.inq,#mbr_music .quote span.inq {color:#999}*/
#mbr_img .recreplylst .simplelst,#mbr_music .recreplylst .simplelst {margin-left:0}
#mbr_img,#mbr_music {margin-bottom:20px;word-break:break-all}

.allstar50,.allstar45,.allstar40,.allstar35,.allstar30,.allstar25,.allstar20,.allstar15,.allstar10,.allstar05,.allstar00 {background: url(../pics/allstar.gif) no-repeat;height: 12px;display: block; padding-left: 55px; color:#999;overflow:hidden; font-size: 12px;margin-bottom:7px;line-height:100%}

.allstar50 {background-position:0 0;}
.allstar45 {background-position:0 -12px;}
.allstar40 {background-position:0 -24px;}
.allstar35 {background-position:0 -36px;}
.allstar30 {background-position:0 -48px;}
.allstar25 {background-position:0 -60px;}
.allstar20 {background-position:0 -72px;}
.allstar15 {background-position:0 -84px;}
.allstar10 {background-position:0 -96px;}
.allstar05 {background-position:0 -108px;}
.allstar00 {background-position:0 -108px;}

.blocktop_content div{padding-right:10px}
fieldset.setquestion label {width:40px;}
fieldset.setquestion .fsctm {margin:0 0 10px 50px;color:#333;}
fieldset.setquestion .fsctm span{font-size:14px}
table.settable {margin:0 0 20px 0;color:#666;}
table.settable th {background:#eee}
table.settable td,table.settable th{padding:1px 3px;text-align:left}
table.settable th{color:#333}
table.settable td.add {padding:0}
fieldset.setquestion table.settable {display:none;margin-left:70px}
fieldset.setquestion table.settable th {color:#666}
fieldset.setquestion table.settable td {padding:5px 10px}

fieldset.eventform {padding:20px;border:1px solid #ddd}
fieldset.eventform .fsct {margin-bottom:10px}

fieldset.floatdiv {border:none;}

#in_table .block4 {width:575px}
#tabler .block4 {width:345px}
#tabler .block4 .content {width:440px}
#tabler .block4 .content ul li {margin-right:100px}
.block4 {overflow:hidden;}
.block4 h2 {margin-top:0px;}
.block4 .content{text-align:center;margin-top:20px}
.block4 .content .headline {float:left;width:100px;}
.block4 .content ul { widtih: 450px; float: right}
.block4 .content ul li {float: left; display: inline; width: 180px; margin-bottom: 16px; margin-right: 40px }
.block4 .content ul li.line { float: none; display: block; clear: both; width: 450px; margin:0 0 15px 0; line-height: 0; font-size: 0; border-bottom: 1px dashed #ccc }
.block4 .content ul li a img {width:50px;height:50px;float:left;margin:0 10px 0 0;}
.block4 .content ul li div {float:left;width:90px;text-align:left;}
.leftobs{float:left;width:100%;}
.leftobs .obs{width:114px}
#tableh { float: left; margin: 0 -480px 0 0; width:100%; }
#in_tableh{ margin: 0 480px 0 0; padding: 0 40px 0 0; min-height:440px;}
#tablerh { float: right; width: 445px;overflow:hidden; word-break:break-all;}

#in_tableh .block5,#tablerh .block5  {width:460px;overflow:hidden}
#in_tableh .block5 .content,#tablerh .block5 .content {width:500px;}
#in_tableh .block5 .content dl,#tablerh .block5 .content dl { margin-right: 30px; height: 140px }

.block6 {margin-bottom:20px;}
.block6 .content {border:1px solid #eee}
.block6 .content ul li {border-bottom:1px dashed #ddd;margin:0 5px;padding:10px 0;height:100px;overflow:hidden}
.block6 .content ul li .no {width:18px;padding-right:5px;float:left;margin-right:5px;padding-left:5px}
.block6 .content ul li .no span {line-height:15px;text-align:center;background:url(../pics/chart_top.gif) no-repeat;display:block;width:15px;height:15px;overflow:hidden;float:right;font-size:10px}
.block6 .content ul li .no b {color:green;font-weight:normal;white-space:nowrap}
.block6 .content ul li .toppic {float:left;margin-right:10px;}
.block6 .content ul li .toppic img {padding:0}
.block6 .content ul li .topinfo {float:left;width:280px;}
.block6 .content ul li .topinfo .title {font-size:14px;}
.block6 .content ul li .topinfo .title span {font-size:12px;}
.block6 .content ul li .topinfo span.info  {display:block;color:#666;margin-top:10px}
.block6 .artist ul li .toppic {width:100px}
.block6 .artist ul li .topinfo {width:260px;}
.music_show .content dl dt {height:85px;}
.cd_show .toppic {width:85px;}
.artist_show .content dl dt {height:85px;}
.block5 h2 {margin-top:0px;}
.block5 .content dl.clear {margin:0;padding:0;clear:both;float:none;width:0}
.block5 .content dl dt {overflow:hidden;height:99px;}
.block5 .content dl dt a {width:85px;text-align:center}
.block5 .content dl dt a:hover {background:none}
.block5 .content dl dd {margin:0;padding-top:3px}

.block5 .devicelist dl.clear {margin:0;padding:0;clear:both;float:none;width:0}
.block5 .devicelist dl dt {overflow:hidden;height:85px;}
.block5 .devicelist dl dt a {width:50px;text-align:center;}
.block5 .devicelist dl dt a:hover {background:none}
.block5 .devicelist dl dd {margin:0;padding-top:3px}
.block5 .devicelist dl {float:left;_display: inline; margin:0 10px 5px 0;overflow:hidden;text-align:center;width:50px;}

#friends_sub .content dl dt {position:static;height:auto}
#friends_sub .content dl dt a {position:static;height:auto}
#friends_sub .content dl dt a:hover {background:#039;color:#fff;}
#tabler .block5 {width:345px;overflow:hidden}
#tabler .block5 .content {width:400px}
.block5 .content dl {float:left;_display: inline; margin:0 18px 10px 0;overflow:hidden;text-align:center;width:85px;}
#in_tablem .block5 {width:630px;}
#in_tablem .block5 .content {width:690px;_width:640px;}
.subject_show .content dl { margin: 15px 33px 15px 0 }
.copyright {color: #999;padding-bottom: 5px;margin-bottom: 5px}
.review_bottom {border-top: 1px dashed #ddd;padding-top: 5px}
.review_bottom .review_controller .vote {width:70px;float:right;text-align: right}
.review_bottom .review_controller .review_button {margin-right: 80px}
.other_review ul li {list-style: none;border-bottom: 1px dashed #ddd;padding: 5px 0;color:#666}
.basic_input {border: 1px solid #ccc;padding: 2px;font-size:12px}
.artist_obu{float:left;width:100%;}
.artist_obu .obu{width:90px}

.block_menu {position:relative;background: #f6f5ee;border:1px solid #e4e4e4;padding: 0px;margin: 0 10px 20px 0  }

.block_menu .ft,
.block_menu .fb {position:absolute;font-size:1px;line-height:1px;background: url(../pics/city_block_menu.gif) no-repeat;width:3px;height:3px;display: block;}
.block_menu em.ft { left: -1px; top: -1px; _top: 0; background-position:left top}
.block_menu b.ft { right: -1px; _right: 10px; top: -1px; _top: 0px; background-position: right top }
.block_menu em.fb { left: -1px; bottom: -1px; _bottom: 457px; background-position: left bottom }
.block_menu b.fb { right: -1px; _right: 10px; bottom: -1px; _bottom: 457px; background-position: right bottom }
.block_menu h2 {margin-top:0px;margin-bottom:3px;font-size:14px;background: #f6f5ee}
.block_menu ul {padding:8px;}
.block_menu li {padding-left:0}
.block_menu li.on,
.blockmenu li#event_home {padding: 2px 0}
.block_menu li#event_home a {background: url(../pics/event_home_tab.gif) no-repeat left top;display: block;float: left;padding:0 0 0 3px;}
.block_menu li#event_home a span {background: url(../pics/event_home_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}
.block_menu li.on a {background: url(../pics/green_tab.gif) no-repeat left top;display: block;float: left;padding:0 0 0 3px;}
.block_menu li.on a span {background: url(../pics/green_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}
.block_menu .line {background:#f6f5ee;width:100%;height: 0px;line-height: 0px;font-size: 0px;background: #fff;border-top:1px solid #e4e4e4;margin:10px 0}
.block_menu .line2 {background:#f6f5ee;width:100%;height: 0px;line-height: 0px;font-size: 0px;background: #fff;border-top:1px solid #e4e4e4;margin:5px 0}
.block_search { padding-right: 10px; text-align: center}
.block_search .text{font-size: 12px;border:1px solid #ccc;padding:2px;margin-bottom:4px;width:130px}
.block_headerline {border-bottom:1px dashed #ddd;margin-bottom:10px}
.block_headerline .nof {margin-bottom:10px}
.block_headerline .nof h2,
.block_headerline .nof .intro{margin-left:120px}
.block_headerline .evtlstimg {overflow: hidden;width:115px;text-align: left;padding-top: 0;}
.block_headerline .evtlstimg img {width:100px;border:1px solid #ddd;padding:5px}
.block_spc {width:495px;overflow: hidden}
.block_spc .content {width:515px;}
.block_spc .content li {float:left;width:112px;margin:0 15px 20px 0;text-align: center}
.block_review {width:495px;overflow: hidden}
.block_review .content {width:515px;}
.phs_link {display:block;height:110px;padding-bottom:3px}
.phs_link:hover {background:none}
.block_review .content li {float:left;width:107px;margin:0 20px 20px 0;text-align: center}
.block_review .content li .album_s {background: url(../pics/albumback_city_s.gif) 1px 1px no-repeat; padding:5px 8px 8px 5px;width:87px;height: 87px;}
.grid-4-14-6 .block1 .content ul li {width:245px;padding-bottom:10px;margin-bottom:0}
.grid-4-14-6 .block1 .content ul li.clear { width: auto; margin-bottom:10px;padding-bottom:0;border-top:1px dashed #ddd}

.block_event_tab {border:1px solid #e4e4e4;margin-bottom: 20px}
.block_event_tab ul.title li {float:left;border-right: 1px solid #e4e4e4;}
.block_event_tab ul.title li.last {border:none;}
.block_event_tab ul.title li.last a {width:124px;}
.block_event_tab ul.title li.last,.block_event_tab ul.title li.first {position: relative}
.block_event_tab ul.title li.first a em,.block_event_tab ul.title li.last a em {width: 3px;height:3px;font-size: 1px;line-height: 1px;display: block;position: absolute;background: url(../pics/event_tab_title.gif) no-repeat;} .block_event_tab ul.title li.first a em {left:-1px;top:-1px;background-position:left bottom} .block_event_tab ul.title li.first a.on em,.block_event_tab ul.title li.first a:hover em {right:-1px;top:-1px;background-position:left top}
.block_event_tab ul.title li.last a em {right:-1px;top:-1px;background-position:right bottom}
.block_event_tab ul.title li.last a.on em,.block_event_tab ul.title li.last a:hover em {right:-1px;top:-1px;background-position:right top}


.block_event_tab ul.title li a {line-height: 24px;height: 24px;width:122px;display: block;text-align: center;color: #006600;border-bottom: 1px solid #e4e4e4}
.block_event_tab ul.title li a:hover,.block_event_tab ul.title li a.on {background: #fff;border-bottom: 1px solid #fff;color: #333}
.block_event_tab ul.title {background:#f6f5ee;margin-bottom: 10px}

.block_event_tab .block1 {width:480px;margin-left: 10px}
.block_event_tab .block1 .content ul li {width:220px;margin-bottom: 10px}
.block_event_tab .block1 .content ul li.clear {margin:0}

#week_tab {margin-bottom:20px}
#more_event_tab {position:relative;float:left}
h2.green_tab a{margin: 3px 5px 0 5px;font-size:12px;line-height: 12px;float:left;padding: 2px}
h2.green_tab a span {font-family: Arial,Helvetica,sans-serif}
h2.green_tab a.on,h2.green_tab a.on span,.sort_tabs a.on,.sort_tabs a.on span{background: url(../pics/green_tab.gif) no-repeat;color:#fff;display: block;}
h2.green_tab a.on,.sort_tabs a.on {background-position: left top;padding:0 0 0 8px;line-height: 12px;}

.sort_tabs a.on {background-position: left top;padding:0 0 0 8px;line-height: 12px;}
h2.green_tab a.on span,.sort_tabs a.on span{background-position:right top;padding: 2px 8px 2px 0;}


.block_search1 {margin-bottom: 20px;position: relative;border: 1px solid #f7ebdd}
.block_search1 .block_top em,.block_search1 .block_top b,.block_search1 .block_bottom em,.block_search1 .block_bottom b{position: absolute;width: 4px;height: 4px;overflow: hidden;background: url(../pics/search_conner.gif) no-repeat;display: block}
.block_search1 .block_top em {top:-1px;left:-1px;background-position: 0 0;}
.block_search1 .block_top b {top:-1px;right:-1px;background-position: -4px 0;}
.block_search1 .block_bottom em {bottom:-1px;left:-1px;background-position: 0 -12px;}
.block_search1 .block_bottom b {bottom:-1px;right:-1px;background-position: -4px -12px;}
.block_search1 ul.title {background: #fef4eb;border-bottom: 1px solid #f7ebdd;padding:1px 0 0 100px;margin-bottom: 10px}
.block_search1 ul.title li {float: left;margin:0 10px 0 0;padding: 3px 10px 2px 10px;}
.block_search1 ul.title li.on {background:url(../pics/wztab.gif) no-repeat right top;display: block;padding:0 10px 0 0;position: relative;bottom:-1px}
.block_search1 ul.title li.on span {background:url(../pics/wztab.gif) no-repeat left top;display: block;padding: 3px 0 2px 10px}
.block_search1 .ct {text-align: center;padding: 10px 0}
.block_search1 .ct input.input_basic {width: 350px;font-size: 14px}
.block_search1 .ct button {height: 20px;}
.block_search1 .ct .introduce {padding-top: 10px;color:#999}
.search_nav {color: #666;margin-bottom: 5px;text-align:right;}
table.olt thead th {background: #eee;text-align: left}
.search_no_result {font-size: 14px;text-align: left;padding-top: 20px;}
.search_no_result ul {padding:40px 0;}
.search_no_result ul li {list-style: none;color:#999;text-align: left;padding:2px 0}
.checkbox_basic {margin: 0 5px 0 0;}
.clist2 {padding-top:10px}
.clist2 img {float:left;}
#tablen {float:left;margin:0 -300px 0 0;width:100%;}
#in_tablen {margin:0 300px 0 0;padding:0 40px 0 0;}
#tablern {float:right;overflow:hidden;width:300px;}

.movie_search {text-align: center;margin-bottom: 20px}
.movie_search .input_basic2 {background: #fbfbfb;width:350px;font-size: 12px;}
.movie_search button {margin-left: 5px;line-height: 14px;padding:0px 8px}


.movie_headerline { background: #fff; border: 1px solid #e4e4e4; position: relative; margin-bottom: 30px }
.movie_headerline .left_conner em,
.movie_headerline .left_conner b,
.movie_headerline .first em,
.movie_headerline .last em { background: url(../pics/movie_headerline.gif) no-repeat; width: 3px; height: 3px; position: absolute; _background: none }
.movie_headerline .left_conner em { left: -1px; top: -1px; background-position: 0 0 }
.movie_headerline .left_conner b { left: -1px; bottom: -1px; background-position: 0px -3px }
.movie_headerline .first em { right: -1px; top: -1px; background-position: -3px -6px }
.movie_headerline .last em { right: -1px; bottom: -1px; background-position: -3px -9px }
.movie_headerline .first .on em { background-position: -3px -12px }
.movie_headerline .last .on em { background-position: -3px -15px }

#content_menu1 { display: block }
.movie_headerline .content { display: none; width: 392px; padding: 10px; float: left; overflow: hidden; height: 215px }
.movie_headerline .content .title { margin-bottom: 3px }
.movie_headerline .content .title a { float: left; font-size: 14px; margin-right: 10px }
.movie_headerline .content .title span { float: left }

.movie_headerline .grade {color: #ff5138;font-size: 12px;font-weight: bold;margin-left: 10px }
.movie_headerline ul.menu {width:175px;float: right;border-left: 1px solid #e4e4e4; height:235px }
.movie_headerline ul.menu li { height: 58px; border-bottom: 1px solid #e4e4e4 }
.movie_headerline ul.menu li div.clearfix { #height: 58px }
.movie_headerline ul.menu li.last { border: none }

.movie_headerline ul.menu li .on { background: #e4e4e4; position: relative }
.movie_headerline ul.menu li .arrow { display: none }
.movie_headerline ul.menu li .on .arrow { display: block; position: absolute; background: url(../pics/movie_headerline_arrow.gif) no-repeat;left:-11px;top:20px;width:10px;height: 13px;overflow: hidden}

.movie_headerline ul.menu li .img { float: left; display: inline; padding: 5px; width: 30px; height: 48px }
.movie_headerline ul.menu li .intro { margin-left: 40px; padding-top: 10px; padding-left: 5px; color: #ff5138; font-size: 10px }
.movie_headerline ul.menu li .intro a { font-size: 12px }
.movie_headerline .allstar50,
.movie_headerline .allstar45,
.movie_headerline .allstar40,
.movie_headerline .allstar35,
.movie_headerline .allstar30,
.movie_headerline .allstar25,
.movie_headerline .allstar20,
.movie_headerline .allstar15,
.movie_headerline .allstar10,
.movie_headerline .allstar05,
.star .allstar50,
.star .allstar45,
.star .allstar40,
.star .allstar35,
.star .allstar30,
.star .allstar25,
.star .allstar20,
.star .allstar15,
.star .allstar10,
.star .allstar05 { float: left; margin-top: 3px }

.movie_headerline .content .headerline_img { float: left; display: inline; width: 105px; height: 155px; overflow: hidden; margin-bottom: 8px }
.movie_headerline .content .headerline_img img { width: 105px }
.movie_headerline .content .headerline_content { float: right; width: 275px }
.movie_headerline .content .ul { clear: both; margin: 5px 0 }
.movie_headerline .content .headerline_review { color: #666; padding-top: 5px }
.movie_headerline .content .headerline_review a { margin: 0 5px }
.movie_headerline .intro a.title { display: block; height: 19px; overflow: hidden }

.movie_new {margin-bottom: 30px;}
.movie_new h2 {margin-bottom: 15px}
.movie_new ul.content li{float: left;width:285px;padding-right: 10px;border-bottom: 1px dashed #ddd;margin-bottom: 20px;padding-bottom: 3px;height: 130px;overflow: hidden}
.movie_new ul.content li .img {float: left;width:80px;height: 140px;overflow: hidden}
.movie_new ul.content li .intro {float:right;width:200px;color: #000}
.movie_new ul.content li .intro h3 {background: none;margin:0;padding:0;font-size: 14px;line-height: 16px;height: auto}
.movie_new ul.content li .intro h3 span {color:black;font-size:14px;line-height: 16px;margin-right: 5px}
.movie_new ul.content li .intro .star {color: #ff5138;font-size: 10px}


.movie_review {margin-bottom: 30px}
.movie_review h2 {margin-bottom: 0px}
.movie_review .ilst {display: none}
.movie_review .nlst {margin-left: 0}
.movie_review .clst {margin-left: 3px; padding-left: 0 }

.music_new { margin: 30px 0  }
.music_new { margin-bottom: 30px }
.music_new h2 {margin-bottom: 15px}
.music_new ul.content li{float: left;width:285px;padding-right: 10px;border-bottom: 1px dashed #ddd; margin-bottom: 20px; padding-bottom: 3px; height: 105px; overflow: hidden }
.music_new ul.content li .img { float: left; width: 85px; height: 105px; overflow: hidden }
.music_new ul.content li .intro { float:right; width: 190px; color: #000 }
.music_new ul.content li .intro h3 {background: none;margin:0;padding:0;font-size: 14px;line-height: 16px;height: auto}
.music_new ul.content li .intro h3 span {color:black;font-size:14px;line-height: 16px;margin-right: 5px}
.music_new ul.content li .intro .star {color: #ff5138;font-size: 10px}

.music_review {margin-bottom: 30px}
.music_review h2 {margin-bottom: 0px}
.music_review .ilst {display: none}
.music_review .nlst {margin-left: 0}
.music_review .clst {margin-left: 3px}



.newtags {margin-bottom: 30px}
.newtags h2 {margin-bottom: 0;}
.newtags ul.content {padding: 10px 0;border-bottom: 1px dashed #ddd;}
.newtags ul.last {border-bottom: none;}
.newtags ul.content li {width:60px;overflow: hidden;float: left}

.movie_top {margin-bottom: 30px}
.movie_top ul li{border-bottom: 1px dashed #ddd;padding:0 0 7px 0;margin-bottom:7px;line-height: 14px;}
.movie_top ul li div.no {float: left;width:20px;font-size: 9px;text-align: center}
.movie_top ul li div.name { float: left; width: 250px; overflow: hidden }
.box_chart { float: left; width: 230px; word-wrap: break-word; overflow: hidden }
.box_chart_num { float: right }
.movie_top ul li div.up,.movie_top ul li div.down,.movie_top ul li div.stay {color: #999;width: 20px;float: right;display: block;font-size: 9px;padding-left: 15px;background: url(../pics/movie_top.gif) no-repeat;}
.movie_top ul li div.down {background-position: 0 -12px;}
.movie_top ul li div.stay {background-position: 0 -24px;}

.movie_show .content dl dt {height:100px;}
.movie_show .content dl dd {color:#999}

.device_list .content dl dt {height:100px; width:40px;}
.device_list .content dl dd {color:#999}

.bigstar50,.bigstar45,.bigstar40,.bigstar35,.bigstar30,.bigstar25,.bigstar20,.bigstar15,.bigstar10,.bigstar05,.bigstar00 {background: url(../pics/all_bigstars.gif) no-repeat;height: 14px;display: block; color:#999;overflow:hidden; font-size: 14px;line-height:100%;width: 75px;}

.bigstar50 {background-position:0 0;}
.bigstar45 {background-position:0 -15px;}
.bigstar40 {background-position:0 -30px;}
.bigstar35 {background-position:0 -45px;}
.bigstar30 {background-position:0 -60px;}
.bigstar25 {background-position:0 -75px;}
.bigstar20 {background-position:0 -90px;}
.bigstar15 {background-position:0 -105px;}
.bigstar10 {background-position:0 -120px;}
.bigstar05 {background-position:0 -135px;}
.bigstar00 {background-position:0 -150px;}

#tablern .block5 {width:300px;overflow:hidden}
#tablern .block5 .content {width:400px}
#tablern .block5 .content dl {margin-right:20px}
#tablerm .block5 .content dl {margin: 0 5px 10px 0}
.movie_headerline div.content{_position:absolute;_z-index:-1}
.movie_headerline .content .headerline_content{_float:left;_margin-left:8px }
.movie_review .clst{_overflow:visible;}
/*.movie_review h3,.movie_review .obss,.movie_review .clst div{_width:630px;_float:left;}*/
.fav{margin-bottom:20px;}
.fav .obs{width:89px;margin-bottom:15px}
.fav .obs dd{height:auto;margin-bottom:5px;text-align:center;}

.page_address .mi {width:80px;margin-right:3px}
.page_address .address_suggest {width:180px;}
.page_address .district {padding:5px 0 5px 0;}
#event_albums{overflow:hidden;width:100%}

/* patch_090507 by mockee */
.block5 .content dl dd { margin: 0; padding-top: 3px; overflow: hidden }

/* brand list */
.column4_list { margin: 10px 0 0 5px }
.column4_list h1 { margin: 0; padding: 0 }
.column4_list p { margin: 0; _padding: 5px 0 0 0 }
.column4_list li { float: left; display: inline; width: 100px; margin: 0 50px 30px 0 }
.dlist{padding-bottom: 20px;border-bottom:1px dashed #ccc}

/* doulists */
.col2_doc_text { margin-left: 65px }
.block5 .content dl dd.long{height:100px}

/* float */
.fleft { float: left }
.fright { float: right }
.cleft { clear: left }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
.clearfix { display: block }

/* subject rating */
/* new */
.rating_wrap { font-size: 10px; line-height: 18px }
#interest_sect_level {
	clear: both;
	padding: 10px 0 3px;
	border-bottom: 1px dashed #ddd
}
.ul_subject_menu li { float: left; display: inline; line-height: 14px;  margin-left: 15px }

.rating_self { margin: 0 0 15px 0; padding: 0; line-height: 0 }
.rating_detail_wrap { padding: 10px 0 50px }
.rating_detail_star { float: left; width: 265px; line-height: 21px }
.rating_detail_chart { float: left; width: 321px }
.rating_detail_chart p { margin: 0 }
.dlist li { margin-bottom: 13px; border-bottom: 1px dashed #ddd }
.dlist li p { margin: 0; padding: 0 0 10px 0 }
.dlist li .dlist_content { float: left; width: 550px }

.rating_list ul { padding-bottom: 10px }
.rating_list li { margin: 0 0 3px }
.rating_list li.on { padding: 2px 0 }
.rating_list li.on a { background: url(../pics/green_tab.gif) no-repeat left top; display: inline-block; padding: 0 0 0 3px }
.rating_list li.on a span {background: url(../pics/green_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}


/* color links*/
.bicelink a { color: #369; }
.bicelink a:hover { color: #fff; background: #369 }

/* font color */
.color_red,
.color-red { color: red }
.color_gray,
.color-gray { color: #666 }
.color-green { color: #060 }
.color-orange { color: #e77200}

/* font size*/
.font_normal { font-size: 12px }

/* overlay */
.starstop { margin: 0 }
.power { background: #F5CBAD none repeat scroll 0 0 }
p.gact { margin: 0 }
.zbar div { padding-left: 2px; }
.rating_num { color: red; font-size: 14px; line-height: 18px; padding: 0 0 0 8px }
.rating_nums { color: #ff5138; font-size: 10px; padding: 0 5px 0 0 }
.subjectwrap{ position: none; float: none; width: auto }

.input_read_only { color: #666; background: #eee }

.show { display: block }
.hide { display: none }

.add_vote { padding: 2px 0 }
.add_vote .add_vote_name {width: 100px; float: left; text-align: right; color: #666}
.add_vote .add_vote_subject,
.add_vote .add_vote_button,
.add_vote .line { margin-left: 110px }
.add_vote .add_vote_subject input,
.add_vote .add_vote_subject textarea { width: 380px }
.add_vote .line { border-bottom: 1px dashed #ddd; height: 1px; line-height: 1px; font-size: 1px; margin-top: 3px; margin-bottom: 6px }
.add_vote .add_vote_button { margin-top: 20px }

.vote_wrapper { margin: 10px 0 5px 0 }
.vote_wrapper h2,
#vote_list_right li h2 { color: #000; margin: 0; padding: 0; font-weight: normal }
.vote_wrapper ul,
#vote_list_right li { margin: 15px 0 }
#vote_list .vote_wrapper ul li,
#vote_list_right li ul li { border: none; margin: 0 }
.vote_wrapper ul li span { padding-right: 20px }
.vote_wrapper ul li .vote_item { float: left; width: 265px; word-wrap: break-word; }
.vote_wrapper ul li .vote_item_long { float: left; word-wrap: break-word; }
.vote_wrapper ul li .vote_item input,
.vote_wrapper ul li .vote_item_long input { float: left; width: 15px }
.vote_wrapper ul li .vote_item label { float: left; width: 240px }
.vote_wrapper ul li .vote_item_long label { float: left; width: 450px }
.vote_wrapper ul li .vote_line { float: left; overflow: hidden; width: 180px }
.vote_wrapper ul li .vote_line em { float: left; height: 8px; width: 150px; font-size: 0; margin-top: 5px; background: #e0e78a }
.vote_wrapper ul li .vote_percent { float: left; width: 50px; color: #aaa; font-size: 10px }
.vote_wrapper p,
#vote_list_right p { color: #666; margin: 0; padding: 0 }
.vote_wrapper p .voted { color: #aaa; margin-right: 20px }
.vote_wrapper input { vertical-align: middle }
#vote_list li { margin-bottom: 30px; border-bottom: 1px dashed #ccc }
#vote_list li.last { border: none }
#vote_list_right li ul { margin: 15px 0 }
#vote_list_right li { padding-bottom: 3px; margin-bottom: 25px; border-bottom: 1px dashed #ccc }
#vote_list_right p.pt15 { padding-top: 15px }

/* margin & padding */
.pt6 { padding-top: 6px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
.pr5 { padding-right: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pl20 { padding-left: 20px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mr3 { margin-right: 3px }
.mr4 { margin-right: 4px }
.ml8 { margin-left: 8px }
.ml10 { margin-left: 10px }
.mr5 { margin-right: 5px }
.mr6 { margin-right: 6px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr30 { margin-right: 30px }
.mt15 { margin-top: 15px }
.mt10 { margin-top: 10px }
.mb5{margin-bottom:5px}
.mb8 { margin-bottom: 8px }

/* common interest */
#common .prev, #common .next { float: left; margin-top: 40px }
#common .prev a { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../pics/left_right.gif) no-repeat -6px -7px }
#common .prev a:focus { outline: none}
#common .prev .dis { cursor: default; background: url(../pics/left_right.gif) no-repeat -6px -40px}
#common .next a { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../pics/left_right.gif) no-repeat -34px -7px }
#common .next a:focus { outline: none }
#common .next .dis { cursor: default; background: url(../pics/left_right.gif) no-repeat -34px -40px }
#common div { float: left; width: 525px; height: 105px; overflow: hidden; padding-bottom: 20px }
#common #win { width: 9999px }

/* img hover */
#rating a:hover,
.content dt a:hover,
.mbtl a:hover,
.img a:hover,
.ob dt a:hover,
.aob a:hover,
a.nbg:hover,
a.gtright:hover,
a.a_show_request_join_form:hover,
.headerline_img a:hover { background: none }

/* ie hack */


/*短评*/
.interest_form .tags { margin: 10px 0 }
.interest_form dt { float: left; width: 65px;color:#666; }
.interest_form dd { float: left; width: 400px; margin: 0 0 3px; line-height: 23px }
#mytags { margin-top: 10px }
.rate_stars { padding-bottom: 10px }
.indentpop { padding: 10px 18px }

.w60 { width: 60px;}
.w80 { width: 80px;}
.w210 { width: 210px; word-wrap: break-word;}
.w240 { width: 240px; word-wrap: break-word; }
.w250 { width: 250px }
.w400 { width: 400px }
.w450 { width: 450px }
.w490 { width: 490px; word-wrap: break-word; overflow: auto }
.w500 { width: 500px }
.w550 { width: 550px }
.h65 { height: 65px }
h2.green_tab a.redbutt { float: right; margin: 0; padding: 0 7px 0 0 }
h2.green_tab .pl a { float: none; margin: 0; padding: 0; }
.simple_list li { padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px dashed #ddd }
.simple_list h3 { font-size: 12px; margin: 0; padding: 0; height: auto; background: none }
.simple_list p { word-wrap: break-word; overflow: hidden; margin: 0; padding: 0 }
.simple_list .userface { float: left; width: 48px; margin-right: 12px }
.simple_list .comment { float: left; width: 569px }
.title_line { padding-bottom: 4px; margin-top: 14px; border-bottom: 1px solid #ddd }

/* page 页面短评 */
.simple_list { margin: 15px 0 50px }

/*全部短评*/
#all_comment { margin: 15px 0 0 }
#all_comment .comment { width: 521px }

/* event map */
#event_map,
#event-map { width: 308px; height: 260px; margin-bottom:30px; overflow: hidden }
#event_map a:hover,
#event-map a:hover { background: none }
#event-map .map-confirm a:hover { background: #039 }
.map-confirm h2 { color: #000; font-weight: bold; width: 200px; margin-bottom: 0 }
.map-confirm p { line-height: 18px; margin: 6px 0 0; padding: 0 }
.map-confirm p.evt-address { margin: 0; width: 214px; word-wrap: break-word }
.map-confirm textarea { width: 206px; height: 50px; margin-bottom: -5px; font-size: 12px }
.gray-border { border: 1px solid #ccc }
.pos-comment { width: 206px; word-wrap: break-word }
.align-right { text-align: right }

/* policy */
ol.policy li{margin:8px 0}

/* tags */
.tags-list { margin-bottom: 15px; line-height: 23px }
.tags-list a { margin-right: 20px }

/*review digg*/
.review-panel ul { padding: 15px 0 0 }
.review-panel li { float: left; display: inline; height: 16px; line-height: 16px }
.review-panel li.rec { float: right }
.review-panel .rec a:hover{background:#003399}
a.btn-red,
a.btn-green,
a.btn-brown { display: block; height: 16px; width: 30px; padding-right: 5px; line-height: 16px; *line-height: 17px; background: url(/pics/btn-red.gif) no-repeat right top }
a.btn-green { background: url(/pics/btn-green.gif) no-repeat right top }
a.btn-brown { background: url(/pics/btn-brown.gif) no-repeat right top }
a.btn-red span,
a.btn-green span,
a.btn-brown span { display: block; color: #a49099; padding-left:5px; background: #fff url(/pics/btn-red.gif) no-repeat }
a.btn-green span { color: #6ca767; background: #fff url(/pics/btn-green.gif) no-repeat }
a.btn-brown span { color: #977c87; background: #fff url(/pics/btn-brown.gif) no-repeat }

/* group topic new */
.topic-content .user-face,
.topic-reply .user-face { float: left; width: 48px; height: 48px; overflow: hidden }
.topic-content .topic-doc { float: right; width: 520px; margin-bottom: 30px }
.topic-content .topic-doc h3 { margin: 0; padding: 5px 0; height: auto; background: none }
.topic-content .topic-doc p { margin: 0; padding: 0; word-wrap:break-word; overflow: hidden }
.topic-content .topic-opt { padding: 15px 0 0 }
.topic-content .topic-opt .fleft { color: #666; margin-right: 10px }
.topic-reply li { margin: 0 0 20px 48px }
.topic-reply li .reply-doc { float: right; width: 473px }
.topic-reply li .reply-doc h4 { margin: 0 0 15px 4px; height: 22px; line-height: 22px }
.topic-reply li .reply-doc p { margin: 0 0 25px 0; word-wrap:break-word; overflow: hidden }
.bg-img-green { display: block; background: url(../pics/topicbar.gif) no-repeat }
.group_banned { text-align: right }

.timeline-album { float: left; margin: 8px 12px 8px 0 }
.timeline-album-rec { float: left; margin: 8px 14px 0 0 }

/* book versions and series */
.bkses { padding: 15px 0; border-top: 1px #ddd solid }
.bkimg { float: left; margin-left: 5px; margin-top: 5px }
.bkdesc { margin-left:95px; }
.bkcount { float: left; color: #666; margin-right: 6px }
.about { margin-top: 6px }
.bkstar { float: left; margin-top: 3px }
.avgr{ color: #ff5138; font-weight: bold }
.bkbi{ float: right; color: #777 }
.bkbuy{ float: right; color: #777; width: 154px }
.bkbuy div { margin-bottom: 5px }
.hideif00is0{ display: none }

/* group request list */
.border-none { border: none }

ul.group-request-list { margin: 16px 0; padding-top: 7px; border-top: 1px dashed #ccc }
ul.group-request-list li { border-bottom: 1px dashed #ccc; padding-bottom: 7px; margin-bottom: 8px }
ul.group-request-list li ul li { float: left; display: inline; padding-bottom: 0; margin-bottom: 0; border: none }
ul.group-request-list li ul li p { margin: 0; padding: 0 }
ul.group-request-list li ul li.mr3 { height: 4em; line-height: 4em; overflow: hidden }
ul.group-request-list li ul li.w500 { _width: 499px }
ul.group-request-list li ul li .fright { margin-bottom: 5px }
ul.group-request-list li ul li .fright a { margin-left: 8px }

.group-request-words { width: 380px; clear: both }
.group-request-userface { margin-right: 15px }
.group-request-userface img { border: 1px solid #ddd; margin-top: 3px }

/* other */
.indent3 { padding-left:50px }

/* userinfo  */
.userface-border,
.userinfo-block { display: none; position: absolute; border: 1px solid #e0e0e0; border-right: 1px solid #b5b5b5 }
.userface-border { border-bottom: 1px solid #fff; margin: 5px 0 0 -7px; width: 60px; height: 60px; z-index: 999 }
.userinfo-block { padding: 5px 6px; width: 180px; margin: 66px 0 0 -7px; background: #fff }
.userinfo-block ul li { float: left; width: 50% }
#user a:hover .userface-border,
#user a:hover .userinfo-block { display: block }

/* admin */
.admin-text { color: #f92d09 }
a.admin-link { color: #f92d09; background: none }
a.admin-link:hover { color: #fff; background: #f92d09 }

/* book index new */
.search-wrap { margin: 5px 0 25px; text-align: center; }
.search-wrap .search-btn { padding: 0 8px }
.book-search { width: 350px; background: #fbfbfb; border: 1px solid #ccc; padding: 3px; color: #ccc }
.hot-tags { padding-bottom: 15px }
.hot-tags li { padding-bottom: 11px; margin-bottom: 13px; border-bottom: 1px dashed #ccc }
.hot-tags li ul li { float: left; display: inline; width: 180px; margin: 0 25px 0 0; padding: 0; border: none }
.hot-tags li ul li.last { margin-right: 0 }

.hot-tags-col5 { padding-bottom: 20px }
.hot-tags-col5 li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.hot-tags-col5 li ul li { float: left; display: inline; width: 62px; margin: 0; padding: 0; border: none }

.hot-tags-col3 { padding-bottom: 20px }
.hot-tags-col3 li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.hot-tags-col3 li ul li { float: left; display: inline; width: 100px; margin: 0; padding: 0; border: none }

.tag-title { margin-bottom: 5px }
.tag-title a { color: #999 }
.tag-title a:hover { color: #fff; background: #999 }
.tag-items { font-size: 14px }
.tag-items a { float: left; margin: 0 13px 3px 0; white-space: nowrap }
.tag-items a.last { margin-right: 0 }
.tabs-wrap {
	clear:both;
	position: relative;
	overflow: hidden;
	height: 180px;
	width: 590px;
	border-bottom: 1px dashed #ddd;
}
ul.cover-list {
	position: absolute;
	height: 158px;
	width: 590px;
	overflow: hidden;
	padding: 2px 0 20px
}
ul.cover-list li { float: left; margin-right: 15px; width: 106px; overflow: hidden }
ul.cover-list li.last { margin: 0 }
ul.cover-list li a:hover { background: none }
ul.switch-dot { float: right; margin-top: 6px }
ul.switch-dot li { float: left; display: inline; width: 8px; height: 8px; margin-right: 4px; cursor: pointer; background: url(../pics/switch_dot_small.jpg) no-repeat 0 0 }
.switch-dot li.current { background-position: -12px 0 }
.entry-list-col2 li { border-bottom: 1px dashed #ddd; padding-bottom: 12px; margin-bottom: 17px }
.entry-list-col2 h2 { background: none }
.entry-list-col2 .cover { float: left; margin-right: 18px }
.entry-list-col2 li ul li { float: left; display: inline; width: 260px; padding: 0 35px 0 0; margin: 0; border: none }
.entry-list-col2-review { clear: both; padding-top: 8px }
.entry-list-col2-review p {
	margin: 0;
	padding: 0
}
.entry-star-small { margin: 0; padding: 0 }
.entry-star-small .star-img { margin-bottom: 0 }
.entry-star-small .font-small,
.entry-star-small .ml8 { line-height: 13px }
.entry-list-col1 { padding-bottom: 20px }
.entry-list-col1 h2 { margin: 0 0 6px }
.entry-list-col1 .quote { margin: 5px 0 0; padding: 0 0 0 15px; width: 205px }
.entry-list-col1 .info { float:left; width: 205px }
.entry-list-col1 li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.entry-list-col1 li .cover { float: left; margin-right: 18px }
.entry-list-col1 li .cover img { max-width: 70px }
.entry-list-col1 li .userface { float: left; margin-right: 14px }
.entry-list-col1 li p { margin: 0; padding: 0 0 2px }
.entry-list-col2s { padding-bottom: 20px }
.entry-list-col2s li { float: left;display: inline; width: 295px }
.entry-list-col2s li.sep {
	clear: both;
	display: block;
	width: 590px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 2px;
	margin-bottom: 2px
}
.entry-list-col2s li .userface { float: left; margin-right: 14px }
.entry-list-col2s li .comment { float: left; width: 225px }
.entry-list-col2s li p { margin: 0; padding: 0 0 2px }
.entry-list-col3 { padding-bottom: 15px }
.entry-list-col3 li { float: left; display: inline; width: 103px; padding-top: 5px }
.entry-list-col3 li p { margin: 0; padding: 0; height: 100px; text-align: center; padding-bottom: 5px }
.entry-list-col3 li h2 { font-size: 12px; width: 100px; text-align: center }
.simple-dashed-list { padding-bottom: 5px }
.simple-dashed-list a { margin-right: 5px }
.simple-dashed-list p { margin: 0; }
.simple-dashed-list li { padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px dashed #ddd }

.detail-frame { display: none }
.arrow-left { position: absolute; width: 6px; height: 9px; top: 30px; left: 0; margin-left: -6px; background: url(../pics/arrow_gray.gif) no-repeat }
.arrow-right { position: absolute; width: 6px; height: 9px; top: 30px; left: 326px; background: url(../pics/arrow_gray.gif) no-repeat -6px 0 }
.detail-tip { position: absolute; width: 300px; background: #fff; border: 1px solid #ddd; padding: 13px 13px 10px }
.detail-tip h2 { color: #111; padding-top: 5px }
.detail-tip p { margin: 0 0 10px }
.detail-tip { border-color: #ddd;  }
.shadow-right { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999 }
.shadow-left { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: -2px 2px 2px #999; -webkit-box-shadow: -2px 2px 2px #999 }
.font-small { font-size: 10px }
.font-normal { font-size: 12px }
.color-red { color: red }
.color-lightgray { color: #aaa }

.pl20 { padding-left: 20px }
.mb25 { margin-bottom: 25px }

.chart-dashed-list { clear: both; border: 1px solid #eee }
.chart-dashed-list li { border-bottom: 1px dashed #ddd; padding: 15px 8px 5px; *padding-bottom: 15px }
.chart-dashed-list li.last { border: none; padding-bottom: 6px }
.chart-dashed-list p { float: left; margin: 0 0 10px; padding: 0 }
.chart-dashed-list p.cover { width: 75px; overflow: hidden }
.chart-dashed-list h2 { float: left; margin: 0; padding: 3px 0 8px; width: 445px }
.chart-dashed-list li .font-small,
.chart-dashed-list li .ml8 { line-height: 13px }
.chart-dashed-list li .star-img { margin-bottom: 0 }

.green-num-box { font-size: 10px; color: green; width: 15px; height: 15px; line-height: 15px; margin-right: 15px; text-align: center; background: url(../pics/chart_top.gif) no-repeat }

.arrow-up,
.arrow-stay,
.arrow-down { width: 20px; height: 15px; padding-left: 15px; color: #999; font-size: 12px; background: url(../pics/arrow-trend.gif) no-repeat }
.arrow-up { background-position: 0 3px }
.arrow-down { background-position: 0 -15px }
.arrow-stay { background-position: 0 -35px }

.grid-12-12 .article { float: left; width: 470px }
.grid-12-12 .aside { float: right; width: 470px }

.grid-24-24 .article { float: left; width: 940px }
.grid-24-24 .aside { float: right; width: 940px }

.cover-col-4 li { float: left; margin: 0 10px 15px 0; height: 145px; max-width: 106px; min-width: 100px; overflow: hidden }
.cover-col-4 li a:hover { background: none }
.cover-col-4 li.clear { width: 0; height: 0; margin: 0 }
.cover-col-4 li.last { margin-right: 0 }
.l590 { left: 590px }

.btn-prev a,
.btn-prev a:hover { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../pics/left_right.gif) no-repeat -6px -7px }
.btn-prev a:focus { outline: none}
.btn-prev .dis,
.btn-prev .dis:hover { cursor: default; background: url(../pics/left_right.gif) no-repeat -6px -40px}
.btn-next a,
.btn-next a:hover { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../pics/left_right.gif) no-repeat -34px -7px }
.btn-next a:focus { outline: none }
.btn-next a.dis,
.btn-next a.dis:hover { cursor: default; background: url(../pics/left_right.gif) no-repeat -34px -40px }

.img_link:hover { background: none }

.doulist-form { padding-top: 15px }
.doulist-form li { margin-bottom: 20px }
.doulist-form .doulist-form-item { float: left; font-size: 14px; color: #060; text-align: right; margin-right: 20px; width: 80px }
.doulist-form .doulist-form-input { float: left }

.radio-banner { width: 600px; height: 178px; margin: 15px 0 0; background: url(../pics/radio_banner.jpg) no-repeat }
.radio-banner a { display: block; position: relative; top: 92px; left: 418px; text-indent: -9999px; width: 100px; height: 33px }
.radio-banner a:focus { outline: none }
.radio-banner a:hover { background: none }

/* cart */
.cart_pop { padding:8px 12px; width:188px; font-size:14px; position:relative; }
.gray_bg { background: #f4f4f4 }
.lightyellow_bg { background: #FFFADC}
.lightyellow_box { padding: 8px 10px; background: #fffadc; border: 1px solid #faf3c9 }
.lightyellow_box li { padding: 3px 0; border-bottom: 1px dashed #ddd }
.lightyellow_box li.last { padding: 6px 0 0; border: none }
.aright { text-align: right }
#data_list { width: 100%; padding: 0; text-align: left; margin-bottom: 3px }
#data_list th, #data_list td { text-align:center;border-bottom: 1px dashed #ddd; padding: 10px 0 }
#data_list tr.last td { border: none }
.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.w20 { width: 20px }
.cart_info { max-width:400px; }
.sort_tabs{ width:93px }
.num_th {width:40px}
.vinfo{color:#777;width:600px;float:left;text-align:left}
.vname{color:#111; font-weight: bold;margin-right:5px}
#data_list .book_title{width:180px;text-align:left}
#interest_sect_level .bicelink .rr{float:none}

.works-link {float:right;color:#999;}
.works-link a{color:#999;}
.works-link a:hover{ background: none; text-decoration:underline; }
.submit_cart { color: #fff; background: #94c886; width: 80px; border: none; padding: 5px 0; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px}

.col2-list {width: 590px; margin: 15px 0 15px;}
.col2-list li{width: 250px; float:left}

.bold {font-weight:bold}
.rela{position:relative}
.home_radio_btn{position:absolute;top:-3px;left:212px;_top:-5px;_left:280px}

#music-events { margin-bottom:25px; }
#music-events li { margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd; }
#music-events .title { font-size:14px; }

.col2-list {width: 590px; margin: 15px 0 15px;}
.col2-list li{width: 250px; float:left}

/* subject view vs mode */
.vs-mod li { float: left; width: 293px; border: 1px solid #f0f8e8 }
.vs-mod h2 { text-align: center; height: 28px; line-height: 28px; padding: 0; margin: 0; background: #f0f8e8 }
.vs-mod h3 { font-size: 13px; padding: 0; margin: 0 0 3px; background: none; height: auto }
.vs-mod .vs-good .vs-content { padding: 10px 15px 15px 15px }
.vs-mod .vs-bad .vs-content { padding: 10px 10px 15px 20px }
.vs-mod .vs-bad { border-left: none }
.vs-detail p { margin: 3px 0 15px; word-wrap: break-word }
.vs-author { color: #aaa; margin: 0 0 8px }
.vs-author .stars { margin-left: 0 }
.vs-author a { margin-right: 5px }
.vs-useful { font-size: 12px; color: #666; float: right}
.vs-more { color: #aaa }

.tags-result { color: #666 }
.tags-result .tip { color: #999 }
.tags-result .add-tag { display: inline-block; cursor: pointer; color: #369; margin: 0 12px 0 0; word-spacing: nowrap;  }
.tags-result .add-tag:hover { color: #fff; background: #369 }
.tags-result .more { margin: 0 }
.tags-hide { display: none }
.tags-result .opt { display: inline-block }
.tags-hide input { border: 1px solid #ccc; padding: 2px; width: 120px; margin: 0 10px 0 0 }
.tags-add { margin: 0 5px 0 10px }
.tags-del { display: inline-block; position: relative; cursor: pointer; height: 12px; width: 12px; top: -10px; _top: -15px; left: 3px; background: url(../pics/del.png) no-repeat 0 -11px; overflow: hidden }
.tags-del:hover,
.tags-hover { background-position: 0 0 }

/* new post button
 * by mockee 2010/03/08
 */
.bn-post,
.bn-post span { display: inline-block; display: -moz-inline-stack; *zoom: 1; height: 22px; line-height: 0; font-size: 0; padding-left: 3px; vertical-align: middle; overflow: hidden; }
.bn-post,
.bn-post span,
x:default { display:inline-block;}
.bn-post span { color: #333; padding: 0 8px 0 5px; background: url(../pics/post.gif) no-repeat 100% 0; line-height: 23px; font-size: 12px; cursor:pointer; }
a.bn-post { background: url(../pics/post.gif) no-repeat 0 0; color: #9e9e9e; padding-left: 17px; }

/*流程图*/
.flow-steps{overflow:hidden;margin:0;}
.flow-steps .num3 li{width:301px;}
.flow-steps .num4 li{width:150px;}
.flow-steps .num5 li{width:175px;}
.flow-steps .num6 li{width:143px;}
.flow-steps li{float:left;background:#e4e4e4 url(../pics/flow_steps_bg.png) no-repeat 100% 0;font-size:14px;font-weight:bold;height:23px;line-height:23px;text-align:center;color:#404040;padding:0 15px 0 0;overflow:hidden;}
.flow-steps li span,.flow-steps li strong{display:block;}
.flow-steps li .first{background:#e4e4e4 url(../pics/flow_steps_bg.png) no-repeat -12px -69px;}
.flow-steps li.last{background-position:100% -138px;}
.flow-steps li.current{background-color:#f60;color:#fff;}
.flow-steps li.current .first{background-color:#f60;background-position:-12px -92px;}
.flow-steps li.current-prev{background-position:100% -23px!important;}
.flow-steps li.done{background-color:#ffe6ba;background-position:100% -46px;color:#f60;}
.flow-steps li.done .first{background-color:#ffe6ba;background-position:-12px -115px;}
.flow-steps li.last-current{background-color:#f60;color:#fff;background-position:100% -161px;}.clearfix{*zoom:1;}

a.download-link {
	display:block;
	width: 145px;
	height: 40px;
	text-indent: -250px;
	overflow: hidden;
	/*background: url(../pics/download.gif) no-repeat left top;	*/
}

a:hover.download-link {
	/*background: url(../pics/images/download.gif) no-repeat left -40px;	*/
}

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(../pics/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
.collbutton {font:11px Georgia,Verdana; margin-bottom:10px; padding:3px 5px 3px; border:1px solid #ccc; background:#FC9; cursor:pointer}
.collbutton:hover {border:1px solid #bbb; background:#FC6}

/* announce css  */
#pscroller{ width: 200px; height: 20px;float:left;*position:relative;font-size:12px;margin-top:3px;margin-left:0.5em;}  
#pscroller a{ text-decoration: none;}

.slide_container,.slide_container a img{
    width:610px;
	height:205px;
}
.td_f a img{margin:0px;padding:0px;}

.padder{
     margin:0px;
	 padding:0px;
	 height:215px;

}
.num{float:right;left:520px;position:absolute;top:180px;width:90px;}
.num li{
	float:left;
	list-style:none;
	color: #86A2B8;
	text-align: center;
	line-height: 15px;
	width: 15px;
	height: 15px;	
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	margin: 1px;
	background:url(/pics/flashbutton.gif) no-repeat -15px 0px;
	
}
.num li.on{
	line-height: 15px;
	width: 15px;
	height: 15px;	
	color:#FFFFFF;
	background:url(/pics/flashbutton.gif) no-repeat;

}

.underline_dashed{ border-bottom:1px dashed #ddd;}

.mainbody{width:980px;margin:0 auto;background:#fff;}
.mainbodybg_l{background:url(/pics/mainbodybg_l.jpg) repeat-y left 0;padding-left:5px;}
.mainbodybg_r{background:url(/pics/mainbodybg_r.jpg) repeat-y right 0;padding-right:5px;}

/*img{filter:Gray;}*/
) no-repeat -15px 0px;
	
}
.num li.on{
	line-height: 15px;
	width: 15px;
	height: 15px;	
	color:#FFFFFF;
	background:url(/pics/flashbutton.gif) no-repeat;

}

.underline_dashed{ border-bottom:1px dashed #ddd;}

.mainbody{width:980px;margin:0 auto;background:#fff;}
.mainbodybg_l{background:url(/pics/mainbodybg_l.jpg) repeat-y left 0;padding-left:5px;}
.mainbodybg_r{background:url(/pics/mainbodybg_r.jpg) repeat-y right 0;padding-right:5px;}

/*img{filter:Gray;}*/
inbodybg_l{background:url(/pics/mainbodybg_l.jpg) repeat-y left 0;padding-left:5px;}
.mainbodybg_r{background:url(/pics/mainbodybg_r.jpg) repeat-y right 0;padding-right:5px;}

/*img{filter:Gray;}*/

	text-align: center;
	line-height: 15px;
	width: 15px;
	height: 15px;	
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	margin: 1px;
	background:url(/pics/flashbutton.gif) no-repeat -15px 0px;
	
}
.num li.on{
	line-height: 15px;
	width: 15px;
	height: 15px;	
	color:#FFFFFF;
	background:url(/pics/flashbutton.gif) no-repeat;

}

.underline_dashed{ border-bottom:1px dashed #ddd;}

.mainbody{width:980px;margin:0 auto;background:#fff;}
.mainbodybg_l{background:url(/pics/mainbodybg_l.jpg) repeat-y left 0;padding-left:5px;}
.mainbodybg_r{background:url(/pics/mainbodybg_r.jpg) repeat-y right 0;padding-right:5px;}

/*img{filter:Gray;}*/