body { font-size:12px; line-height:140%; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; padding:0;}
img { border:0px;}
textarea {font-size:12px;}

div { padding:0; margin:0; color:#666;}
h1 { font-size:16px; font-weight:bold; margin:8px 0 12px 0;}
h2 { font-size:14px; line-height:15px; color:#fb702b; font-weight:normal; margin:3px 0; padding:10px 0 6px 0; display:block; width:100%;}
.l_h2 { font-size:14px; color:#fb702b; font-weight:normal; margin:3px 0; padding:6px 3px 4px 5px; height:15px; display:block; width:593px; background:url(../image/bus226/l_h2.gif) no-repeat;}
h3 { font-size:14px; line-height:15px; color:#f60; background-color:#fff1e1; font-weight:normal; margin:3px 0; padding:3px; display:block; width:99%;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

form { padding:0; margin:0;}
h5 {font-size:14px; font-weight:bold; color:#fc440c; margin:5px 0;}
/*link style*/
a:link,a:visited { color:#218bbc; text-decoration: none; }
a:hover { text-decoration: none; color:#3a76b2; background-color:#def;}

a.weak:link { color:#69c; text-decoration: none; }
a.weak:visited { color:#69c; text-decoration: none; }
a.weak:hover { color:#47a; background-color:#def; text-decoration: none;}
/*input*/
.input_focus { font-size:12px;border:1px solid #bbb;}
.input_blur { font-size:12px; border:1px solid #ccc;}
.submit { border-right:1px solid #404040;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #404040;color:#fff;background-color:#666;font-weight:bold;padding-top:2px;}

.opposite{ color:#fc440c;}
.display_visible { display:block;}
.display_none { display:none;}
label { font-size:13px; line-height:150%; color:#333; width:90px; float:left; text-align:right; margin-right:5px;}
.ajax_load { text-align:center; height:60px;}
.ajax_loading { background:url(../image/ajax-loader.gif) center no-repeat;}
.sep_line {border-bottom:1px solid #ddd;}
.block100 { display:block; width:100%; margin-top:10px; padding:0; overflow:hidden;}
.txt_area { width:70%; height:160px; overflow:auto;}
.sepl {border-bottom:1px solid #eee;margin:0 0 8px 0;padding:3px 0 8px 0;overflow:hidden;width:99%;}

#tips{color:#f00; line-height:180%;}
.tips{color:#f00; font-size:12px;}
.success { background:#edf7ff; border:1px solid #d3e0eb; padding:5px;}
a.font12:link { font-size:12px;font-weight:normal;}
a.font12:visited { font-size:12px;font-weight:normal;}
a.font12a:link,a.font12a:visited {font-size:12px;}

a.font14:link,a.font14:hover,a.font14:visited { font-size:14px; font-weight:normal;}
a.font14a:link,a.font14a:hover,a.font14a:visited { font-size:14px; font-weight:normal; color:#fc440c;}
.oper { text-decoration: none; font-size:12px; color: #ccc; font-family:Helvetica, sans-serif; font-weight:normal;}
a.oper:link { text-decoration: none; font-size:12px; color: #ccc; font-family:Helvetica, sans-serif;}
a.oper:hover { color: #ccc; text-decoration:underline; font-size:12px;}
a.oper:visited { color: #ccc; text-decoration: none; font-size:12px;}

/*the top part of the page*/
#top { width: 950px; margin:10px auto;}
#top .logo { float:left;}
#top #nav { width:480px; float:left; margin:16px 0 0 35px; height:26px;}
#top #nav a{ text-decoration: none; font-size:14px; color:#419639; line-height:26px; margin-right:20px; float:left;}
#top #nav a:hover { background-color:#FFF; text-decoration:underline;}
#top #nav a.current { background: url(/image/bus226/navborder.gif) right top no-repeat; color:#060; padding:2px 8px 0 0; *padding:1px 8px 0 0;}
#top #nav a.current span { background: url(/image/bus226/navborder.gif) left top no-repeat; padding:7px 0 0 8px;}
#top #searchp { width:200px; float:right;margin-top:8px;}
#top #searchp span { float:right;display:block; position:relative;}
#s_menu{ padding:5px 0; position:absolute; text-align:center;width:69px; background:#fff; border:1px solid #c0c0c0; top:19px; left:-51px;z-index:100;display:none;}
#s_menu a { display:block;padding:3px;}
#arrow { cursor:pointer;}
.search_b {background: url(/image/bus226/search.gif) no-repeat; border:0; font-size:12px; margin:0; height:20px; padding:2px 6px 2px 9px; *padding:3px 4px 0 4px;}
#top #pannel { height:30px; width:100%; clear:both}
#top #pannel .pannel_l { height:30px; width:10px;background:#d8f6cb url(/image/bus226/navborder.gif) left top no-repeat; float:left;}
#top #pannel .pannel_c { width:930px;background:#d8f6cb; float:left;}
#top #pannel .pannel_r { height:30px; width:10px;background:#d8f6cb url(/image/bus226/navborder.gif) right top no-repeat; float:right;}
#top #child_nav { float:left; width:550px; line-height:30px; text-align:center;}
#top #user_pannel { float:right; width:300px; line-height:30px; text-align:right;}
#top #pannel a { margin-left:15px; color:#03a63d;}
#top #pannel a:hover { text-decoration:underline; background-color:#d8f6cb;}
/*center*/
.u_intro { background:#fff1e1 url(/image/bus226/rrh2_t.gif) no-repeat; padding:10px 10px 0 10px; line-height:160%; overflow:hidden; margin:0; width:274px;}
.u_intro p {padding:0; margin:0 0 3px 0;}
.u_intro img { padding:0 5px 2px 0; text-align:left; float:left;}
.u_intro span { text-align:right; color:#999; margin:5px 0 0 0; padding:0;}
.u_intro span img { padding:0; text-align:left; float:none;}
.u_intro_b { background:url(/image/bus226/rrh2_b.gif) no-repeat; height:8px; margin-bottom:10px;}
.g_intro { background:#ffeffc url(/image/bus226/g_top.gif) no-repeat; padding:10px 10px 0 10px; line-height:160%; overflow:hidden; margin:0; width:580px;}
.g_intro p {padding:0; margin:0 0 3px 0;}
.g_intro img { padding:0 5px 2px 0; text-align:left; float:left;}
.g_intro span { display:block; text-align:right; color:#999; margin:5px 0 0 0; padding:0;}
.g_intro span img { padding:0; text-align:left; float:none;}
.g_intro_b { background:url(/image/bus226/g_b.gif) no-repeat; height:8px; margin-bottom:10px;}
.g_intro span.p a:link,.g_intro span.p a:visited  { color:#03a63d; background:transparent;}
.g_intro span.p a:hover { color:#03a63d; background:transparent; text-decoration:underline;}
/*group_topic_list*/
.group_topic { padding-bottom:6px;}
.group_topic ul { list-style:none; margin:0; padding:0;}
.group_topic ul li { color:#999; margin:4px 0; display:block; width:100%; overflow:hidden; padding:0;}
.group_topic ul li span.reply { color:#999; font-size:10px; }
.group_topic ul li img.portrait { padding:2px; border:1px #eee solid;}
.group_topic ul li span.time{ font-size:10px; color:#ccc; }
.dsbl td { border-bottom:1px dashed #ddd; padding:3px;}
td.name { width:90px;}

.right_oper { background: url(/image/bus226/add.gif) no-repeat; padding:0 0 0 16px; margin:7px 0; width:90%;}

.videoSetList { padding-bottom:10px;}
.videoSetList ul { padding:0; margin:0;}
.videoSetList ul li { list-style:none; width:135px; height:158px; padding:0; margin:3px; float:left; text-align:center;}
.videoSetList ul img.cover { border:1px solid #eee; padding:3px; margin:2px;}
.video_overlay {width:130px;height:97px;background-color:transparent;background-image:url(/image/video_overlay.png);cursor:pointer;position:absolute;top:0;left:0;}
.video_overlay:hover {background-position: 0pt -97px;}
.video_wrap {width:130px;height:97px;text-align:center;position:relative;}

/*the center and main part of the page*/
#center { overflow:hidden; width: 950px; margin:0 auto 5px auto;}
#main { overflow:hidden; width: 950px; margin:0 auto 10px auto;}
#map { overflow:hidden;}

/*event left tabs*/
#left_tabs { padding:5px 0;}
#left_tabs ul { padding:0; margin:0;}
#left_tabs ul li { list-style:none; height:26px; line-height:26px; border-bottom:1px solid #ddd; margin:0; padding-top:0;}
#left_tabs ul li.select{ background:url(/image/bus226/go.gif) no-repeat; background-position:right 7px; color:orange; border-width:0; border-bottom:1px solid #ddd;}
/*top tabs*/
#top_tabs { width:510px; background:url(/image/bus226/topbar.gif) no-repeat;padding-left:90px; height:29px;}
#top_tabs a{float:left; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;color:#419639; background:transparent;}
#top_tabs a:hover {text-decoration:underline;}
#top_tabs span.current {margin:0 5px;float:left; display:block; background:url(/image/bus226/toptab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
#top_tabs span.current span { background: transparent url(/image/bus226/toptab.gif) no-repeat; display: block; padding: 7px 1px 5px 11px; }

/*wide left and narrow right*/
#main #wleft { width:630px; float:left; padding:0;}
#main #wleft div { margin:0;}

#main #wleft #errors { width:96%; margin:10px 0 10px 0;}
#main #nright { width:295px; padding:0 0 0 20px; float:right;}
#main #nright h2 { color:#419639; margin:10px 0 5px 0; padding:6px 0 5px 5px; width:98%; background:url(../image/bus226/rgh2.gif) no-repeat;}
#main #nright h2.r { color:#f60; margin:10px 0 5px 0; padding:6px 0 5px 5px; width:98%; background:url(../image/bus226/rrh2.gif) no-repeat;}
#main #nright div { margin-right:0;}

/*sign up*/
.block100 p { margin:3px 0 20px 90px; font-size:12px; color:#999; display:block;}

/*geo*/
#geo { overflow-y:auto; overflow-x:hidden; width:600px; padding-bottom:20px;}
#geo #child a { margin-right:10px;}
#geo #sibling a { margin-right:10px;}
#geo #geo_description {margin:0; overflow:hidden; padding-bottom:5px; display:none;}
#geo_add { width:100%; margin-top:10px;}

/*portrait*/
#portrait_info img{ margin-right:10px;}
.user_list { width:100%; text-align:left; overflow:hidden;}
.user_list ul { width:62px; height:82px; float:left; text-align:center; padding:0; color:#999; margin:3px 5px; overflow:hidden;}

/*group category*/
.category_omitted { width:45%; float:left; padding:10px 20px 5px 10px;}
.category_omitted p { font-size:14px; margin:0; padding:0;}
.category_omitted a{ margin-right:15px; line-height:160%;}

/*group list*/
#group_list { padding:0 0 5px 3px; overflow:hidden;}
#group_list div { width:98%; padding:3px 0 3px 0; overflow:hidden;}
#group_list div .img { width:60px; text-align:center; float:left;}
#group_list div .info { width:88%; float:left;}

.group_icon_list { width:100%; text-align:left; overflow:hidden;}
.group_icon_list ul { width:62px; height:100px; text-align:center; float:left; color:#999; padding:0; margin:3px 5px; overflow:hidden;}

/*topic and post*/
#topic { width:590px; padding:8px 0;}
#topic img { float:left; margin-right:10px;}
#topic span { color:#999; font-size:13px; margin-bottom:15px; line-height:15px;}
#topic p { margin:0 0 10px 72px; line-height:150%;}
#topic p img { float:none;}

.post { display:block; width:590px; overflow:hidden; margin-bottom:10px;}
.post .post_portrait { float:left; width:60px; padding-top:5px;}
.post .post_info { float:left; width:530px;}
.post .post_info p { padding:0; margin:0; overflow:hidden;}
.post .post_info p.post_property { color:#aaa;}

ul.ml { list-style:none; padding:0; margin:0;}
ul.ml li.portrait { float:left; width:48px; padding:3px 10px 0 0;}
ul.ml li.info { padding:3px; min-height:52px; margin-left:58px; border-bottom:1px solid #ddd; line-height:20px; margin-bottom:5px; overflow: hidden;}
* html ul.ml li.info {  word-wrap: break-word;word-break:break-all;  padding:3px; height:52px; margin-left:58px; border-bottom:1px solid #ddd; line-height:20px; margin-bottom:5px; overflow: visible; }
/*portrait and group icon*/
.portrait_info { width:60px;float:left;}
.portrait_oper { width:8px; padding:0; margin:0 5px 0 0; float:left;}

/*pagelize*/
#page { padding:5px 10px; border-top:8px solid #fff; background-color:#efefef; font-size:14px; color:#666;}
a.page { font-size:14px; padding:0 5px; text-decoration:underline;}
a.page:hover { color: #39c; background:#fff; font-size:14px;}
a.page:visited { text-decoration: none; font-size:14px;}
a.page:active { color: #ccc; text-decoration: none; font-size:14px;}

/*mail*/
#mail { padding:0 10px 0 0; vertical-align:top; text-align:left; float:left;}
#mail .portrait { padding:0 10px 0 0; vertical-align:top; text-align:left; float:left;}
#mail .property { color:#333; font-size:15px; width:80%;}

#normal_mail {}
#normal_mail ul { list-style:none; width:100%; display:block;}
#normal_mail ul .sender { float:left; text-align:right; width:15%; }
#normal_mail ul .content { float:left; width:90%; margin:0 0 10px 5px; display:block;}
#normal_mail ul .content .time { color:#ccc;}

#toggle { cursor:pointer;}

/*group create slider*/
#slidearea1 {position: relative;height: 5px;width: 60px;background: #ddd;}
#slideknob1 {position: absolute;height: 5px;width: 8px; background-color:#690; cursor: pointer; overflow:visible;}
#slidearea2 {position: relative;height: 5px;width: 60px;background: #ddd;}
#slideknob2 {position: absolute;height: 5px;width: 8px; background-color:#690; cursor: pointer; overflow:visible;}

/*event_list*/
#events {width:585px;}
#events #events_left { float:left; width:85px;}
#events #events_right { float:right; width:500px;}
ul.event_list { list-style:none; padding:0; margin:0;}
ul.event_list li { padding:3px 0; margin:0; line-height:20px; height:80px; border-bottom:1px dotted #ccc;}
ul.event_list li img { padding:0 10px 2px 0; vertical-align:top; text-align:left; float:left; overflow:auto;}
.events_list { padding:8px 0; line-height:20px; border-bottom:1px dotted #ccc; width:100%; overflow:auto;}
.events_list .property { margin-left:160px;}
.events_list .property .topic { margin-bottom:6px;}
.events_list .aicon { width:150px; float:left; text-align: center;}
.imgborder { padding:0px; border:0px solid #eee;}
#event_property { padding:8px 0; width:590px; line-height:20px; overflow:hidden;}
#event_property #aleft { float:left; padding-right:15px;}
#event_property #aright { width:395px; float:left;}

/*the footer of the page*/
#footer { border-top:1px solid #ccc; overflow:hidden; padding-top:5px; clear:both; background-color:#FFF; width: 950px; margin:0 auto;}
#footer #left { float:left; text-align:left; width:50%;}
#footer #right { float:right; text-align:right; width:50%;}
#footer a { line-height:150%; color:#999;}
#footer #right a { margin:0 0 0 10px;}


/*popup*/
#all { position:fixed; width:100%; height:100%;background:#000; top:0; left:0; opacity:.3;filter:alpha(opacity=30);}
* html #all { position:absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');z-index: 101; widows:100%;  background:#000; top:0; left:0; opacity:.3;filter:alpha(opacity=30);}
#dialog { position: fixed; z-index: 102; top: 45%; left: 50%; width: 558px; margin-top: -140px; margin-left: -257px; background-color: #FFF; padding:0 0 10px 0; border:1px solid #bbb;}
#overlay { opacity:.8; -moz-border-radius:3px; -webkit-border-radius:3px; filter:alpha(opacity=80);position: fixed; z-index: 102; top: 45%; left: 50%; width: 574px; margin-top: -148px; margin-left: -264px; *padding-top:20px; background:#fff;}
#closelink { text-align:right; background:url(/image/bus226/boxb.gif) repeat-x; height:20px; cursor:pointer; padding:5px 10px 6px 6px; color:#666; display:block;}
.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(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #overlay { margin-top:-140px;position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#dialog .title {font-size:14px; color:#eb976b; margin:0;}
/*large popup*/
#large_dialog { position: fixed; z-index: 102; top: 40%; left: 50%; width: 708px; margin-top: -150px; margin-left: -340px;  padding:0px;}
#large_overlay { opacity:.5;filter:alpha(opacity=50);position: fixed; z-index: 102; top: 40%; left: 50%; width: 738px; margin-top: -158px; margin-left: -353px; background:#000;}
#large_closelink { text-align:right; cursor:pointer; color:#666; width:100%; display:block; margin:0; padding:0; height:20px;}
* html #large_dialog { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');  }
* html #large_overlay { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); padding-bottom:15px; }
*+html #large_overlay {  opacity:.5;filter:alpha(opacity=50);position: fixed; z-index: 102; top: 40%; left: 50%; width: 738px; margin-top: -158px; margin-left: -353px; background:#000; padding-bottom:15px;}
#large_dialog .title {font-size:14px; color:#fff; margin:0;}
/**/
.act { color: #f55; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #faa; border-bottom: 1px solid #faa; background-color: #fedfcf; padding: 3px 3px 2px 3px; cursor:pointer; font-weight:normal;}
.act:hover { color: #fff; font-size: 12px; background-color: #f55; border-right: 1px solid #f33; border-bottom: 1px solid #f33; padding: 3px 3px 2px 3px; cursor:pointer; font-weight:normal;}
.act a:link { text-decoration: none; color: #f55; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; font-weight:normal;}
.act a:visited { text-decoration: none; color: #f55; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; font-weight:normal;}
.act a:hover { color: #fff; font-size: 12px; background-color: #f55; border-style: none; padding: 3px 3px 2px 3px; font-weight:normal;}

/*map*/
#map a:link{ color:#369;}
#map a:hover { color:#369; background-color:#09c;}

/*un check below*/


ul.karma { margin:6px 0; padding:0; list-style:none;}
ul.karma li {background:url(/image/bus226/dotted.gif) repeat-x; background-position:bottom; height:23px;}
ul.karma li div.how { width:80%; float:left; line-height:20px;}
ul.karma li div.number { width:5%; float:right; text-align:right; line-height:20px;}

ul.restaurant {line-height:160%; margin:0 auto; overflow:hidden; list-style:none; padding:0; width:598px;}
ul.restaurant li { overflow:hidden; margin:5px 0; width:100%; padding:5px;}
ul.restaurant li h2 a { padding:0;}
ul.restaurant li img { padding:2px; margin-right:6px; border:1px solid #ddd; vertical-align:top; text-align:left; float:left;}
ul.restaurant li span { color:#999;}

#restaurant { overflow:hidden;}
#restaurant div { overflow:hidden;}
#restaurant .fleft {width:430px;float:left;}
#restaurant .fleft .property { padding-bottom:10px;}
#restaurant .fleft .property strong {color:#666; width:66px; float:left; padding:0;}
#restaurant .fright {width:140px;float:left;text-align:right;}
#restaurant .fright img {padding:6px; border:1px solid #eee;}

.grey { color:#999;}
a.buttonLink:link,a.buttonLink:hover,a.buttonLink:visited { padding:2px 10px; margin-right:20px; border-right:1px solid #68a313;border-top:1px solid #a5e549;border-left:1px solid #a5e549;border-bottom:1px solid #68a313;color:#fff;background-color:#91d134;font-weight:bold;}
a.buttonLinkG:link,a.buttonLinkG:hover,a.buttonLinkG:visited { padding:2px 10px; margin-right:20px; border-right:1px solid #ccc;border-top:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #ccc;color:#999;background-color:#eee;font-weight:bold;}
.friend_tip{padding:5px;background-color:#fff6bf;border:1px solid #ffd324;color:#817134;}