/*
 * club.css
 * 2009-10-13
 */

.club{
	
}

.club .banner{
	position:relative;
	width:920px;
	height:200px;
	margin:0 auto 20px;
	background:url(/images/club/banner.jpg) no-repeat 0 0;
	}
.club .banner .enter-btn{
	position:absolute;
	right:20px;
	bottom:20px;
}

.club .crumb a{
	color:#444;
}


.club .main-column{
	width:680px;
	}
.club .sub-column{
	width:220px;
}

.club .module{
	margin-bottom:20px;
	background:#fff3ff;
	}
.club .module .module-nav{
	height:23px;
	line-height:normal;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	}
.club .module .head-left{
	height:25px;
	line-height:25px;
	padding-left:10px;
	background:url(/images/club/module-head-bg.gif) no-repeat 0 0;
	}
.club .module .head-right{
	height:25px;
	padding-right:10px;
	background:#FDE url(/images/club/module-head-bg.gif) no-repeat 100% 50%;
	}
.club .module .head{
	float:left;
	height:25px;
	padding-right:60px;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#F7B url(/images/club/module-head-bg.gif) no-repeat 100% 100%;
	}
.club .module .head a{
	color:#FFF;
	}	
.club .module .text{
	padding:10px;
}

.club .module-tab{
	height:25px;
	padding:5px 10px 0;
	background:#FDE;
	}
.club .module-tab li{
	float:left;
	height:25px;
	line-height:25px;
	}
.club .module-tab a{
	float:left;
	height:25px;
	padding:0 10px;
	color:#444;
	font-weight:bold;
	}
.club .module-tab .current a{
	color:#390;
	background:#FFF;
}

.club .module-tab-content{
	padding:10px;
	border:2px solid #FDE;
	border-top:none;
	background:#FFF;
}


.club table{
	width:100%;
	border-collapse:collapse;
}

/*-------------------- club-nav --------------------*/
.club-nav{
	line-height:2;
	}
.club-nav dt{
	height:30px;
	font-size:14px;
	font-weight:bold;
	}
.club-nav dt a{
	display:block;
	height:30px;
	line-height:30px;
	padding-left:10px;
	background:#FFE9FF;
	}
.club-nav dt.current a,
.club-nav dt a:hover{
	color:#FFF !important;
	background:#F6A;
	}
.club-nav dd{
	padding-left:25px;
	}
.club-nav dd.sub-current a{
	font-weight:bold;
}


/*-------------------- club-search --------------------*/
.club-search .search-bar{
	height:21px;
	}
.club-search .search-bar .search-input{
	float:left;
	width:168px;
	height:19px;
	border:1px solid #BBB;
	}
.club-search .search-bar .search-btn{
	float:right;
	width:21px;
	height:21px;
	border:0;
	cursor:pointer;
	background:url(/images/common/search-btn-1.gif) no-repeat 0 0;
}

.club-tag{
	overflow:auto;
	line-height:2;
	}
.club-tag span{
	float:left;
	white-space:nowrap;
	color:#666;
}

.club-state{
	line-height:2;
}


/*-------------------- club-form --------------------*/
.club .form{
	margin:auto;
	padding:10px 0;
}

.club .up-photo{
	width:450px;
	line-height:2;
	text-align:center;
	}
.club .up-photo .photo{
	overflow:hidden;
	width:98px;
	height:98px;
	border:1px solid #FFF;
	margin:0 auto 5px;
}

.club .new-topic{
	width:600px;
	margin:auto;
	}
.club .new-topic .clear-padding- *{
	padding:0;
}

.club .new-club{
	width:620px;
	padding:10px 0;
	margin:auto;
	}
.club .new-club .name{
	padding-top:5px;
	vertical-align:top;
	}
.club .new-club .club-tips{
	line-height:2;
	padding:5px 10px;
	border:1px solid #7B0;
	margin-bottom:20px;
	background:#EFE;
}

/*-------------------- club-list --------------------*/
.hot-club{
	height:170px;
	border-top:5px solid #FFF;
	}
.hot-club .index{
	width:60px;
	line-height:170px;
	text-align:center;
	font-size:32px;
	font-style:italic;
	color:#999;
	}
.hot-club .index.bg1{
	background:#FDE;
	}
.hot-club .index.bg2{
	background:#CFA;
	}
.hot-club .index.bg3{
	background:#CEF;
	}
.hot-club .photo{
	width:170px;
	padding-top:35px;
	}
.hot-club .photo div{
	overflow:hidden;
	width:98px;
	height:98px;
	border:1px solid #FFF;
	margin:auto;
	background:#FFF;
	}
.hot-club .club-intr{
	position:relative;
	width:450px;
	line-height:2;
	padding-top:11px;
	}
.hot-club .enter-btn{
	position:absolute;
	top:15px;
	right:15px;
}

.club-list{
	zoom:1;
	}
.club-list .sam-club{
	float:left;
	width:340px;
	height:165px;
	border-top:5px solid #FFF;
	}
.club-list .photo{
	width:130px;
	padding-top:15px;
	}
.club-list .photo div{
	overflow:hidden;
	width:98px;
	height:98px;
	border:1px solid #FFF;
	margin:auto;
	background:#FFF;
	}
.club-list .club-intr{
	width:195px;
	line-height:2;
	padding:9px 15px 0 0;
}

/*-------------------- my-club --------------------*/
.my-club-panel{
	line-height:2;
	}
.my-club-panel dd{
	padding-left:1em;
}

/*-------------------- club-topic --------------------*/
.club .topic-list table{
	table-layout:fixed;
	margin-bottom:5px;
	}
.club .topic-list table a{
	color:#444;
	}
.club .topic-list th,
.club .topic-list td{
	line-height:30px;
	padding:0 5px;
	}
.club .topic-list th{
	border-bottom:2px solid #FDE;
	background:#FFE3FF;
	}
.club .topic-list
.club .topic-list td{
	border-bottom:1px solid #FDE;
	}
.club .topic-list tr.hover td{
	background:#EDE;
}

.club .topic-show{
	padding:20px !important;
	}
.club .topic-show .post-title{
	border-bottom:2px solid #DDD;
	}
.club .topic-show .post-list td{
	padding:10px;
	border-top:3px solid #FDE;
	border-bottom:3px solid #FDE;
	vertical-align:top;
	background:#FFF;
	}
.club .topic-show .post-list .member-info{
	width:80px;
	line-height:2;
	border-color:#FBD;
	text-align:center;
	background:#FEF;
	}
.club .topic-show .member-info .photo{
	overflow:hidden;
	width:60px;
	height:60px;
	margin:auto;
	}
.club .topic-show .post-date{
	height:25px;
	line-height:normal;
	padding-bottom:0;
	}
.club .topic-show .post-content{
	_height:120px;
	min-height:120px;
	line-height:2;
	padding:5px 0; 
	}
.club .topic-show .post-manage{
	height:15px;
	line-height:normal;
	padding-top:10px;
	border-top:1px solid #DDD;
}

.club .topic-show .topic-manage{
	line-height:30px;
	background:#EFD;
	}
.club .topic-show .topic-manage a{
	color:#390;
}

.club .topic-show .sim-reply{
	width:520px;
	margin:0 auto 10px;
	}
.club .topic-show .sim-reply td{
	text-align:center;
}


/*-------------------- club-card --------------------*/
.club-card .photo{
	width:100px;
	margin:10px auto;
	}
.club-card .club-intr{
	line-height:2;
}


/*-------------------- club-member --------------------*/
.club-member table{
	overflow:hidden;
	}
.club-member td{
	line-height:2;
	padding:0 10px 5px 0;
	text-align:center;
	vertical-align:top;
	}
.club-member td .name a{
	color:#666;
	}
.club-member tr.divide td{
	padding:10px 0;
	border-bottom:1px solid #DDD;
	}
.club-member .photo{
	overflow:hidden;
	width:60px;
	height:60px;
	margin:auto;
}

.club .member-tag{
	height:1%;
	overflow:auto;
	line-height:2;
	padding:5px 10px;
	background:#FDE;
	}
.club .member-tag .edit,
.club-member .member-tag .delete{
	background:url(/images/favorite/edit.gif) no-repeat 0 50%;
	}
.club .member-tag .delete{
	background-position:100% 50%;
	}
.club .member-tag span{
	float:left;
	white-space:nowrap;
	}
.club .member-tag a{
	color:#444;
	}
.club .member-tag .current a{
	font-weight:bold;
	color:#390;
}

.club .member-select{
	overflow:auto;
	height:120px;
	padding:5px 10px;
	border:1px solid #CCC;
	background:#FFF;
	}
.club .member-select table{
	width:auto;
	}
.club .member-select td{
	height:30px;
	width:1%;
}

/*-------------------- club-activity --------------------*/
.club-activity{
	zoom:1;
	line-height:2;
}

.club-activity .activity-defined{
	overflow:auto;
	height:500px;
	padding:10px;
	border:2px solid #FBD;
	background:#FFF;
}

.club-activity .activity-intr{
	padding:7px 10px;
	border:2px solid #FBD;
	background:#FEF;
}

.club-activity .activity-tab{
	height:24px;
	padding:0 2px;
	background:#FBD;
	}
.club-activity .activity-tab li,
.club-activity .activity-tab a{
	float:left;
	}
.club-activity .activity-tab a{
	color:#444;
	padding:0 5px;
	}
.club-activity .activity-tab li.current a,
.club-activity .activity-tab a:hover{
	color:#690 !important;
	background:#fff3ff;
}

.club-activity .activity-mark{
	padding:10px;
	border:2px solid #FBD;
	border-top:0;
	
}

.club .club-podium td{
	width:1%;
	text-align:center;
	}
.club .club-podium .photo{
	overflow:hidden;
	width:60px;
	height:60px;
	margin:5px auto 0;
}

.club .mark-list table{
	line-height:30px;
	}
.club .mark-list th,
.club .mark-list td{
	padding:0 5px;
	}
.club .mark-list th{
	border-bottom:2px solid #FDE;
	background:#FFE3FF;
	}
.club .mark-list td{
	border-bottom:1px solid #FDE;
	text-align:center;
	}
.club .mark-list .bg1{
	background:#DEF;
	}
.club .mark-list .bg2{
	background:#CF9;
	border-left:2px solid #FFF;
	}
.club .mark-list tr.hover td{
	background:#EDE;
}

.club .all-mark-list{
	_width:876px;
	overflow-x:scroll;
	padding-bottom:10px;
	}
.club .all-mark-list td,
.club .all-mark-list th{
	white-space:nowrap !important;
}

.club .drop-menu-wrap{
	position:relative;
    }
.club .drop-menu-wrap .drop-menu-title{
	position:relative;
	padding:0 20px 10px 0;
	background:url(/images/common/drop-arrow.gif) no-repeat 100% -33px;
    }
.club .drop-menu{
	position:absolute;
	top:21px;
	left:0;
	min-width:300px;
	padding:10px;
	border:2px solid #FBD;
	white-space:nowrap;
	background:#FEF;
    }
.club .drop-menu .close{
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	background:url(/images/common/delete.gif) no-repeat center center;
    }
.club .drop-menu dt,
.club .drop-menu dd{
	height:25px;
	line-height:25px;
    }
.club .drop-menu dt{
	font-weight:bold;
}