/* CSS Document */
body{margin:0;padding:0;text-align:center;font:12px Arial, Helvetica, sans-serif;color:#123b8d;word-wrap:break-word;}
#logo{width:100%;height:105px;background:url(/images/logo_bg_new.gif);margin:auto;}
#logo_main{width:960px;margin:auto;text-align:left;}
#logo_container{width:960px;height:55px;margin-bottom:10px;}
#logo_img{width:135px;height:55px;float:left;}
#logo_txt{width:825px;height:50px;float:left;padding-top:5px;}
#logo_txt_top{width:820px;height:25px;color:#ff0;padding-left:5px;text-align:right;}
#logo_txt_top span{font-weight:bold;}
#logo_txt_bottom{width:820px;height:20px;color:#ff0;padding-top:5px;text-align:right;padding-right:5px;}
#menu{width:960px;height:24px;word-spacing:10px;font-size:14px;text-align:center;margin-top:25px;#margin-top:25px;_margin-top:0px;}
#menu ul{margin:auto;list-style:none;width:600px;}
#menu ul{_width:700px;#width:700px;}
#menu ul li{width:48px;height:22px;float:left;padding-top:2px;#height:21px;#padding-top:3px;_height:21px;_padding-top:3px;}
#menu ul li{_padding-left:10px;}
#menu ul li{#padding-left:10px;}
/*#menu ul li.menu_line{width:13px;height:24px;color:#5aabd4;padding:0px;}*/
#menu ul li.menu_line{width:13px;height:24px;color:#fff;padding:0px;}
.menu_line{color:#5aabd4;}
img{border:0;}
.font14b{font-size:14px;font-weight:bold;}
.font12b{font-size:12px;font-weight:bold;}

/*#menu{width:100%;height:21px;background:url(/images/menu_bg.gif);border-bottom:1px solid #addcf2;word-spacing:10px;font-size:14px;padding-top:5px;}*/

#main,.main{width:960px;margin:auto;text-align:left;overflow:hidden;}
#bottom{width:960px;margin:auto;line-height:180%}
.biggest{width:728px;float:left;}
.bigger{width:500px;float:left;}
.middle{width:344px;float:left;}
.small{width:212px;float:left;}
.border{border:1px solid #addcf2;}
.marginRight18{margin-right:18px;}
.marginRight16{margin-right:16px;}
.marginTop10{margin-top:10px;}
.marginBottom10{margin-bottom:10px;}
.padding5{padding:5px;}
.clear{clear:both;}
.grayTitle{width:202px;height:20px;padding-top:6px;padding-left:10px;background:#f8f8f8;color:#000;font-size:14px;font-weight:bold;margin:0 0 10px 0;}
.bgTitle{background:url(/images_2009/title_bg.gif);border-bottom:1px solid #b3def3;font-weight:bold;font-size:14px;}
.bg{background:url(/images_2009/title_bg.gif) top left repeat-x;}
.blueTitle{height:19px;background:#ebf3fb;padding-left:5px;padding-top:4px;border-bottom:1px solid #b3def3;font-weight:bold;font-size:14px;}
.centerAlign{text-align:center;}
ul.indexList{list-style-image:url(/images_2009/square.gif);padding:0 0 0 15px;#padding:0 0 0 20px;margin:0;font-size:14px;line-height:180%;}
dl dt {font-size:14px;margin-bottom:10px;}

a:link,a:visited,a:active,a:hover{text-decoration:none;color:#123b8d;}
a.yellow:link,a.yellow:visited,a.yellow:active{text-decoration:none;color:#ffff00;}
a.yellow:hover{color:#ffff00;text-decoration:underline;}
a.about:link,a.about:visited,a.about:active{text-decoration:none;color:#123b8d;}
a.about:hover{color:#123b8d;text-decoration:underline;}
a.profile:link,a.profile:visited,a.profile:active{text-decoration:underline;color:#123b8d;}
a.profile:hover{background:#123b8d;color:#fff;}
a.create:link,a.create:visited,a.create:active{color:#f90;text-decoration:underline;background:#fff;}
a.create:hover{background:#f90;text-decoration:none;color:#fff;}

#menu a:link{color:#fff;text-decoration:none;}
#menu a:visited{color:#fff;text-decoration:none;}
#menu a:active{color:#fff;text-decoration:none;}
#menu a:hover{color:#fff;text-decoration:none;}

#picnews{width:500px;height:300px;overflow:hidden;}
#picnews_main{width:500px;height:240px;overflow:hidden;background:#000;}
#picnews_img{width:2000px;height:240px;}
#picnews_icon{width:480px;height:56px;background:#000;padding:2px 10px 0 10px;}
#picnews_icon img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;border:2px solid #999;}
#picnews_icon img.si{margin-right:44px;}
p.icon{width:50px;float:left;margin:0 30px 0 0;line-height:200%;text-align:center;}
p.iconEnd{width:50px;float:left;margin:0;line-height:200%;text-align:center;}


#event{width:488px;}
#eventTitle{width:493px;height:19px;padding-left:5px;padding-top:4px;}
.index_row{width:100%;text-align:left;padding:3px 0;border-bottom:1px solid #efefef;}
.index_row_col_1{width:50px;float:left;margin-right:10px;text-align:left;}
.index_row_col_2{float:left;font-size:12px;color:#666;line-height:190%;}
.index_row_col_2 span{font-weight:bold;}

.group_row{width:202px;text-align:left;padding:3px 0;#padding:2px 0;border-bottom:1px solid #efefef;}
.group_row_col_2{width:50px;float:left;text-align:center;border:1px solid #999;overflow:hidden;}
.group_row_col_2 img{height:38px;}
.group_row_col_1{width:142px;float:left;font-size:12px;color:#666;line-height:190%;margin-right:8px;}
.group_row_col_1 span{font-weight:bold;}

.indexTopic{width:242px;float:left;}
.indexTopicTitle{width:206px;height:18px;background:url(/images_2009/topic_title_bg.gif) 10px 2px no-repeat;padding:6px 0 0 36px;font-size:14px;font-weight:bold;}
.indexTopicTitle2{width:216px;height:18px;background:url(/images_2009/topic_title_bg.gif) 0 2px no-repeat;padding:6px 0 0 26px;font-size:14px;font-weight:bold;}
.indexTopicTitle3{width:212px;height:18px;background:url(/images_2009/topic_title_bg.gif) 65px 2px no-repeat #ebf3fb;padding-top:6px;font-size:14px;font-weight:bold;text-align:center;}
.indexPhotoTitle4{width:212px;height:18px;background:url(/images_2009/topic_title_bg.gif) 10px 2px no-repeat #ebf3fb;padding-top:6px 0 0 36px;font-size:14px;font-weight:bold;text-align:center;}

.indexPhoto{width:353px;float:left;}
.indexPhotoTitle{width:317px;height:18px;background:url(/images_2009/topic_title_bg.gif) 10px 2px no-repeat #ebf3fb;padding:6px 0 0 36px;font-size:14px;font-weight:bold;}
.photoList{width:342px;height:75px;margin-bottom:10px;}
.photoList div{width:100px;border:1px solid #999;text-align:center;float:left;overflow:hidden;}
.photoList div.c{margin:0px 18px;float:left;overflow:hidden;}


#bottom{width:960px;margin:20px auto;line-height:180%}

/*------ below is for topic -----------*/
.row{width:726px;text-align:left;padding-top:2px;padding-left:2px;border-bottom:1px solid #efefef;}
.row_ie{width:720px;text-align:left;padding-top:2px;padding-left:2px;border-bottom:1px solid #efefef;overflow:hidden;}
.col_1{width:50px;float:left;margin-right:8px;border:1px solid #999;text-align:center;}
.col_2{width:660px;float:left;font-size:12px;color:#666;line-height:240%;}
.col_2 span{font-weight:bold;font-size:14px;}
.col_2 span.click{font-size:12px;font-weight:bold;color:#f90!important;}
.indexTopicTitle5{width:222px;height:18px;background:url(/images_2009/topic_title_bg.gif) 10px 2px no-repeat;padding:6px 0 0 20px;font-size:14px;font-weight:bold;}

/*------ below is for tag -----------*/
#tag span{font-size:14px;font-weight:bold;}
#tag p{margin:5px 0 10px 0;}

/*------ below is for group--------*/
.indexTopicTitle6{width:83px;height:18px;background:url(/images_2009/topic_title_bg.gif) 10px 2px no-repeat;#background:url(/images_2009/topic_title_bg.gif) 10px 1px no-repeat;_background:url(/images_2009/topic_title_bg.gif) 10px 1px no-repeat;padding:6px 0 0 22px;font-size:14px;font-weight:bold;float:left;}
.indexTopicTitle7{width:83px;height:18px;background:url(/images_2009/topic_title_bg_2.gif) 0 2px no-repeat;#background:url(/images_2009/topic_title_bg_2.gif) 0 1px no-repeat;_background:url(/images_2009/topic_title_bg_2.gif) 0 1px no-repeat;padding:6px 0 0 12px;font-size:14px;float:left;}
.moreTitle{width:100%;height:24px;}
.hotGroup{margin-left:15px;margin-right:15px;width:696px;height:74px;}
.hotGroup2{margin-left:15px;margin-right:15px;width:696px;height:24px;}
.hotGroup p{width:100px;height:74px;margin:0 46px 0 0;float:left;border:1px solid #999;text-align:center;overflow:hidden;}
.hotGroup p.end{width:100px;height:74px;float:left;border:1px solid #999;text-align:center;overflow:hidden;margin:0;}
.hotGroup2 li{width:100px;margin:0 48px 0 0;float:left;text-align:center;overflow:hidden;list-style:none;}
.hotGroup2 li.end{width:100px;float:left;text-align:center;overflow:hidden;margin:0;list-style:none;}

/*------below is for tag--------*/
a.tag_1:link,a.tag_1:visited,a.tag_1:active{color:#123b8d;font-size:12px;}
a.tag_1:hover{color:#123b8d,font-size:12px;text-decoration:underline;}
a.tag_2:link,a.tag_2:visited,a.tag_2:active{color:#796c50;font-size:14px;}
a.tag_2:hover{color:#796c50;font-size:14px;text-decoration:underline;}
a.tag_3:link,a.tag_3:visited,a.tag_3:active{color:#c08b25;font-size:16px;}
a.tag_3:hover{color:#c08b25;font-size:16px;text-decoration:underline;}
a.tag_4:link,a.tag_4:visited,a.tag_4:active{color:#ff9800;font-size:18px;}
a.tag_4:hover{color:#ff9800;font-size:18px;text-decoration:underline;}
a.tag_5:link,a.tag_5:visited,a.tag_5:active{color:#ff8600;font-size:20px;}
a.tag_5:hover{color:#ff8600;font-size:20px;text-decoration:underline;}
a.tag_6:link,a.tag_6:visited,a.tag_6:active{color:#ff0000;font-size:22px;}
a.tag_6:hover{color:#ff0000;font-size:22px;text-decoration:underline;}

/*---------below is for group-------------*/
.members{width:705px;border-bottom:1px solid #f6f6f6;padding:10px;line-height:180%;}
.members_pic{width:100px;float:left;margin-right:10px;text-align:center;}
.members_info{width:290px;float:left;}
.members_info span{font-weight:bold;font-size:14px;}
.members_fun{width:240px;float:left;font-size:12px;padding-right:10px;}
.members_fun span{font-size:14px;}
.members_count{width:55px;float:left;font-size:20px;font-weight:bold;color:#ff9900;}
.digg{width:94px;height:19px;background:url(/images/digg_bg.gif);margin-top:5px;padding:3px;}
.digg_num{width:64px;float:left;height:19px;font-weight:bold;color:#f90;text-align:center;font-size:14px;}
.digg_txt{width:24px;float:left;height:19px;margin-left:6px;color:#c8c8c8;}
.event_date{width:68px;margin-right:8px;float:left;}
.startDate{width:68px;height:40px;background:url(/events/images/startbg.gif) no-repeat;margin-bottom:5px;text-align:center;padding-top:22px;line-height:160%;}
.endDate{width:68px;height:40px;background:url(/events/images/endbg.gif) no-repeat;text-align:center;padding-top:22px;line-height:160%;}
.event_pic{width:100px;float:left;margin-right:10px;}
.event_info{width:230px;float:left;}
.event_info span{font-weight:bold;font-size:14px;}
.event_fun{width:144px;float:left;font-size:12px;}
.event_state{width:90px;float:left;font-size:14px;font-weight:bold;color:#ff9900;text-align:center;}
.event_count{width:55px;float:left;font-size:20px;font-weight:bold;color:#ff9900;}
.members_new{width:108px;float:left;margin-right:41px;}
.members_new_end{width:108px;float:left;margin:0px;}
.members_new_pic{width:102px;padding:3px;text-align:center;}
.members_new_txt{width:100px;text-align:center;padding:4px;}

/******below is for help*****/
.helpTitle{width:618px;height:20px;padding-top:6px;padding-left:10px;background:#f8f8f8;color:#000;float:left;border-top:1px solid #efefef;}
.helpMore{width:95px;height:20px;padding-top:6px;padding-right:5px;background:#f8f8f8;color:#000;float:left;text-align:right;border-top:1px solid #efefef;}
.helpSubTitle1{width:350px;float:left;overflow:hidden;margin-right:8px;}
.helpSubTitle2{width:100px;float:left;overflow:hidden;margin-right:8px;text-align:center;}
.helpSubTitle3{width:150px;float:left;overflow:hidden;margin-right:8px;text-align:center;}
.helpSubTitle4{width:100px;float:left;overflow:hidden;text-align:center;}
.helpRow{padding-bottom:10px;#padding-bottom:0;_padding-bottom:0;border-bottom:1px solid #efefef;}
.redSpan{font-size:12px!important;color:#da3515;;}
.greenSpan{font-size:12px!important;color:#2db00f;}

/**below is for event**/
.row_event{width:715px;text-align:left;padding-top:2px;padding-left:2px;border-bottom:1px solid #efefef;}
.col_1_event{width:102px;float:left;margin-right:8px;}
.eventIcon{width:100px;border:1px solid #999;text-align:center;}
.col_2_event{width:600px;float:left;font-size:12px;color:#666;line-height:240%;}
.eventTitle{font-weight:bold;font-size:14px;}
.redSpanEvent{background:#da3515;color:#fff;}
.greenSpanEvent{background:#2db00f;color:#fff;}
.yellowSpanEvent{background:#ff9900;color:#fff;}
.redEventSpan{font-size:12px!important;background:#da3515;color:#fff;padding:0 2px;font-weight:normal!important;}
.greenEventSpan{font-size:12px!important;background:#2db00f;color:#fff;padding:0 2px;font-weight:normal!important;}
.yellowEventSpan{font-size:12px!important;background:#ff9900;color:#fff;padding:0 2px;font-weight:normal!important;}




