@charset "utf-8"; body {padding:0;margin: 0;background: #FEFEFE;}
#maxw{ margin: 0 auto; padding:8px 30px;  background: #FFF;  max-width: 964px; width:expression( documentElement.clientWidth > 940 ? (documentElement.clientWidth == 0 ? (body.clientWidth >940 ? "940" : "auto") : "940px") : "auto" ); }

form { padding: 0; border: 0px; }
textarea{ overflow:auto; }
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: 150%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }
h1 { font-size: 25px; font-weight: bold; color: #494949; margin:0 0 0px 0; padding: 8px 0px 6px 0px; line-height:1.1em; }
h2 { font: 14.8px normal Arial, Helvetica, sans-serif; color: #006600; margin-bottom: 5px; line-height: 150%; }
h3 {width:100%;height:26px;margin-left:4px;font: 14.8px normal 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 15px 4px; font: 12px normal Arial, Helvetica, sans-serif;color: #666666;line-height: 1.8em;background:url(/pics/topicbar.gif) no-repeat right top;}
.wrap{background:url(/pics/topicbar.gif) no-repeat; display:block;}
.obssin{width:100%; }

#header{ background:url(/pics/headnavbot.gif) no-repeat scroll left 33px; margin:7px 0;}
#header img.logo{float:left;margin-top:-1px;}
#page_focus{border: 1px solid #bbb; margin:0 10px 0 0;height:16px;width:171px;padding:1px 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:none; 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; }

#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:53px;height:20px;background:url(/pics/search.gif) no-repeat; padding:2px 14px 0 0; text-align:right;}
#searbar span.submit a{letter-spacing:4px;}
#searbar a.arrow:hover{background:none;}

#dsearch{ padding:5px 0;display:none; position:absolute; text-align:center;width:81px; background:#fff; border:1px solid #c0c0c0; top:19px; left:-67px;}
#dsearch a{ display:block;padding:3px; text-decoration: none;}
#dsearch a:hover{color:white; background:#336699;text-decoration:underline;}

.up{display:none;vertical-align:top;}
.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;}

a.redbutt {overflow:hidden;background: transparent url(/pics/redbutt.gif) no-repeat scroll right top;color:#ff7676;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 5px;text-decoration: none;}
a.redbutt span {background: transparent url(/pics/redbutt.gif) no-repeat;display: block;padding: 4px 1px 3px 8px;line-height: 18px; *padding-top:5px;}
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 {background-position: left -24px;}
/*html*a.redbutt span{[font-size:12px;padding-top:4px;]}*/

/* pic-text list */
.lst { width: 100%; padding: 5px 0px 5px 0px; }
.tlst { padding: 5px 0 15px 0; margin: 0; float: left; width: 100%; }
.clst{ margin: 0 0 0 105px; float: left!important; float: none; overflow: hidden; word-break:break-all; }
.ilst{ width: 105px; display: block; float: left;  text-align: center; margin: -20px -105px 0 0; }
.nlst{ background:url(/pics/topicbar.gif) no-repeat; margin: 0 0 0 102px;}

.ctsh .nlst{ padding: 0 0 0 5px; margin:0 0 0 71px}
.ctsh .clst{ margin: 0 0 0 80px;float: left!important;float: none;overflow: hidden;word-break:break-all; }
.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 {float:left;background:url(/pics/zbar.gif) no-repeat;width:100%;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%; margin-bottom:18px; table-layout:fixed;}
.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;}
.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 img{float:left; padding:12px 12px 30px 10px}
.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: 14.8px normal 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-break:break-all;}
.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;}

.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: 14.8px; line-height: 120%; color: #006600; }
.m a, .m a:visited, a.m, a.m:visited { font-size: 14.8px; line-height: 120%; color: #006600; text-decoration: none; }
.m a:hover, a.m:hover { font-size: 14.8px; 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: 14.8px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.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;}

.indent{word-break:break-all; margin-left:15px;}

/*big*/
#tableb{ float: left; margin: 0 -370px 0 0;  width:100%; }
#in_tableb{ margin: 0 370px 0 0; padding: 0 45px 0 0; }
#tablerb{ float: right; width: 370px; word-break:break-all;}

/*mid*/
#table{ float: left; margin: 0 -345px 0 0;  width:100%; }
#in_table{ margin: 0 345px 0 0; padding: 0 45px 0 0; }
#tabler{ float: right; width: 345px; word-break:break-all;}

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

#tablerb .indent, #tabler .indent, #tablerm .indent { margin: 0 0 40px 15px; overflow:hidden;}

/*broadcast items*/
.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 #ddd; padding: 5px 0;  min-height: 55px;  overflow: hidden; }
.mbtrdot {border-bottom:1px dashed #ddd; padding: 4px 0;  min-height: 55px;  overflow: hidden;}
* html .mbtr{ word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrdot{ word-break:break-all; height: 55px; overflow: visible; }
.mbdiv { padding-top: 10px 0 6px 0; border-top:1px dashed #DDDDDD; }

/*footer*/
.fdiv { border-top: 1px dashed #DDDDDD; text-align: right; height: 30px; padding-top: 5px; margin-top: 40px; clear: both; }
.fspl{ float: left; color: #777; }

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

/* floating image on the left */
.fil { float: left; 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; border: 1px solid #FFFFFF; cursor:pointer; }
.gact a:link, a.gact:link { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; border: 1px solid #FFFFFF; }
.gact a:visited, a.gact:visited { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; border: 1px solid #FFFFFF; }
.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; }

/* underline */
.ul { border-bottom: 1px dashed #DDDDDD; line-height: 100%; clear: both; }

/* 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: 0px; padding:6px 0;}

/*subject list*/
.obs{ margin: 0 0 10px 0; float: left; text-align: center; overflow: hidden; width: 105px; }
.obs dt{ height: 114px; width: 105px; overflow: hidden; }
.obs dd{ margin: 0; height: 40px; overflow: hidden; }

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

/*group list*/
.ob{ margin: 0 0 10px 0; float: left; width: 80px; 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 normal Arial, Helvetica, sans-serif;  line-height:24px; color: #4477aa; }
.cloud1 a:hover{ color:white;}
.cloud2 a{ font: 12px bold Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud3 a{ font: 14.8px normal Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud4 a{ font: 14.8px bold Arial, Helvetica, sans-serif;  line-height:24px; color: #24486c; }
.cloud4 a:hover{ color:white;}

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}

/* 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; }
.gract:hover { color: #FFFFFF; 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; }
.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: 14.8px normal Arial, Helvetica, sans-serif; color: #666666; margin-top: 10px; margin-bottom: 5px; line-height: 150%; background-color: #EEFFEE; text-align: center; }
.paginator a, .thispage, .break { padding: 2px 4px; }
.paginator .prev { margin-right: 20px; }
.paginator .next { margin-left: 20px; }
.paginator .count { margin-left: 20px; font-size: 11px; }

/* one-line list table (forum of subject)*/
.olt{ width:100%; padding:0; margin-bottom:23px;}
.olt td{ border-bottom:1px dashed #DDDDDD; padding:3px 3px 0 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}

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

/* music list */
.olts{ padding: 0; border-collapse: collapse; }
.olts td{ padding-top: 3px; border-bottom:1px dashed #DDDDDD; }
.olts a:hover { background: none; }

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

.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: 14.8px Arial, Helvetica, sans-serif; line-height: 150%; color: #006600; }

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

/* 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:6px 0 0 0; float:left;text-align:center;}
* html #mainpic{left:-7px;}
#info{  float:left; width:246px;}
#interest_sect{ margin-top:10px;overflow:hidden; word-wrap: break-word; }
#interest_sectl{ float: right; width: 171px; margin:0 0 0 3px;}

.starstop{float:left;background:url(/pics/stars.gif); display:block;width:50px;height:14px;margin:1px 0 0 7px;}
.stars{float:left!important;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}
.starb{float:left!important}
.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%; }

/*popup*/
#overlay { position: fixed; z-index: 100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; height: 100%; width: 100%; }
* html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); width: expression(document.body.clientWidth + 'px'); }
#dialog { position: fixed; z-index: 102; top: 50%; left: 50%; width: 550px; margin-top: -140px; margin-left: -250px; background-color: #FFFFFF; padding:4px; *padding-top:20px; border:2px solid #bbb;}
* html #dialog { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}

.loadpop{padding:30px;text-align:center;}
#hiddendialog{display:none;}
#actchoice{margin-top:15px;float:right; width:170px; border-left:1px dashed #ddd;padding:0 0 0 10px;}
#actchoice .m{margin-bottom:40px}
#actchoice a{margin:3px;}

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

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

/* for event */
.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;}
.actlist{float:right;width:460px;*width:440px}
.actlist-left{padding-left:40px;width:460px;*width:440px}
.nof{*zoom:1; *margin-bottom:15px;}
.nof:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.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:5px 0 10px 0; padding: 0 15px;}
.citytitle{font-size:14.6px; color:#006600; border-bottom:1px solid #a8a8a8;margin:0 0 15px 0;}
.citysmr li{padding:10px 0 10px 10px; line-height:1.6em}
.evt_short li{padding:5px 0 10px 10px; line-height:1.6em}
.citysmr li a{font-size:14.6px}
.evt_short li a{font-size:14.6px}
.actimgs{float:right; margin: 0 0 10px 9px; padding:3px; border:1px solid #ddd;}
.actfromfri{line-height:1.6em; margin:4px 0 19px 0;}
.actfromfri .title{padding: 2px 0;margin-bottom:8px; border-bottom:1px solid #ddd;}
.actfromfri img{ padding-left:15px; background:#fff}



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

/*rec*/
.rectitle{margin: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:12px; padding:7px;}
.reccomment .pl{vertical-align:top}
.reccomment textarea{width:411px;border: 1px solid #aaa;}
.reccomment textarea:focus{border: 1px solid #999;}
.reccomment .recsubmit{text-align:center; margin-top:12px;}
.recreply {margin-left:10px}
.reclstwrap {background:url(/pics/topicgrey.gif) no-repeat; display:block; margin-top:20px;}
.reclstwrap .reclst {width:100%;height:26px;margin-left:4px;font: 14.8px normal 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:3px 0 0 33px;}
.recreplylst span.pl{vertical-align:top;}
a.a_rec_btn:hover {background:none;}

#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}
/*entry*/
.entry-summary, .entry-full{overflow: hidden; clear: right;margin: 15px 0 15px 15px;}
.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;}