/* ------------ Proposal navigation panel ------------------ */

.proposal_nav {
        font-face:Arial;
	font-size:10pt;
}

.proposal_nav .propsel {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:#CDCDCD;
}
.proposal_nav .propsel a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#737373;
}


.proposal_nav .prop {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:white;
}
.proposal_nav .prop a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#737373;
}

.proposal_nav .projsel {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:#D3EEB5;
}
.proposal_nav .projsel a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#87BF48;
}

.proposal_nav .proj {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:white;
}
.proposal_nav .proj a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#87BF48;
}


/* ------------ Club navigation panel ------------------ */

.club_nav {
        font-face:Arial;
	font-size:10pt;
}

.club_nav .adminhead {
	margin:10px 0px 5px 0px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 0px;
	color:#A94A74;
	font-weight:bold;
}

.club_nav .adminsel {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:#E1BCCC;
}
.club_nav .adminsel a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#A94A74;
}

.club_nav .admin {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:white;
}
.club_nav .admin a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#A94A74;
}

.club_nav .memberhead {
	margin:10px 0px 5px 0px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 0px;
	color:#737373;
	font-weight:bold;
}

.club_nav .membersel {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:#CDCDCD;
}
.club_nav .membersel a {
	color:#737373;
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
}


.club_nav .member {
        margin-bottom:3px;
	width:265px;
	overflow:hidden;
	height:17px;
	padding:3px 10px 2px 12px;
	background-color:white;

}
.club_nav .member a {
        font-face:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#737373;
}



/* ----------------- Interact ----------------- */
	
	.interact_options {
	width:680px;
	height: 170px;
	padding:10px 0 0 0;
	margin:0px 0 0px -20px;
	}
	
	.interact_clubs h2, .interact_comm h2{
		height: 36px;
		padding: 0px;
		margin: 0px;
	}
	
	
/* ----------------- Interact Clubs----------------- */	
	.interact_clubs{
		width:305px;	
		float: left;
		background:#9de9da url(../gfx/clubs_tab_footer.gif) no-repeat bottom;
		min-height:160px;
		margin: 0 11px 0 21px;
	}	
	
	.interact_clubs p{
	padding:3px 5px 3px 10px;
	float:left;
	color:#fff;
	font-size:10pt;	
	font-weight: bold;
	}
	
	.interact_clubs p a:link, 	.interact_clubs p a:visited{
	color:#fff;	
	font-weight:bold;
	font-size:10pt;		
	}
	
	.interact_clubs p a:hover{
	color:#fff;	
	}
	
	.interact_clubs #bl2 {
	background: url(../gfx/clubs_bl.gif) 0 100% no-repeat;
	background-color:#fff;
	margin:0px 7px 5px 7px;
	float:left;
	}
	
	.interact_clubs #br2 {
	background: url(../gfx/clubs-br.gif) 100% 100% no-repeat;
	}
	
	.interact_clubs #tl2 {
	background: url(../gfx/clubs-tl.gif) 0 0 no-repeat;
	}
	
	.interact_clubs #tr2 {
	background: url(../gfx/clubs-tr.gif) 100% 0 no-repeat; 
	padding:3px 5px 3px 5px;
	color:#a0e1cd;
	font-size:10pt;
	font-weight:bold;
	}	
	
	.interact_clubs #tr2 a:link, 	.interact_clubs #tr2 a:visited{
	color:#a0e1cd;
	font-size:10pt;
	font-weight:bold;
	}
	
	
	
/* ----------------- Interact Communities----------------- */	
	.interact_comm{
		width:312px;	
		float: left;	
		background:#c0e8a8 url(../gfx/comm_tab_footer.gif) no-repeat bottom;
		min-height:160px;
		margin: 0 11px 0 0;		
	}
	
	.interact_comm p{
	padding:3px 5px 3px 10px;
	float:left;
	color:#fff;
	font-size:10pt;	
	font-weight: bold;
	}
	
	.interact_comm p a:link, 	.interact_comm p a:visited{
	color:#fff;	
	font-weight:bold;
	font-size:10pt;		
	}
	
	.interact_comm p a:hover{
	color:#fff;	
	}	
	
	.interact_comm #bl2 {
	background: url(../gfx/lightgreen-bl.gif) 0 100% no-repeat;
	background-color:#fff;
	margin:0px 7px 5px 7px;
	float:left;
	}
	
	.interact_comm #br2 {
	background: url(../gfx/lightgreen-br.gif) 100% 100% no-repeat;
	}
	
	.interact_comm #tl2 {
	background: url(../gfx/lightgreen-tl.gif) 0 0 no-repeat;
	}
	
	.interact_comm #tr2 {
	background: url(../gfx/lightgreen-tr.gif) 100% 0 no-repeat; 
	padding:3px 5px 3px 5px;
	color:#adde73;
	font-size:10pt;
	font-weight:bold;
	}	
	
	.interact_comm #tr2 a:link, 	.interact_comm #tr2 a:visited{
	color:#adde73;
	font-size:10pt;
	font-weight:bold;
	}
		


/* ----------------- Interact Content----------------- */
    #interact_content{		
		
	}
	
	#interact_content h5.clubs{
		font-family:Arial, Helvetica, sans-serif;
		color:#90e3c7;
		font-size:18px;
		text-align:left;
		float:left;
		margin: 0px;
		padding: 0px 0 20px 0;
	}
	
	#interact_content h5.events{
		font-family:Arial, Helvetica, sans-serif;
		color:#f15f62;
		font-size:18px;
		text-align:left;
		float:left;
		margin: 0px;
		padding: 0px 0 20px 0;
	}
	
	#interact_content h5.friends{
		font-family:Arial, Helvetica, sans-serif;
		color:#90a7af;
		font-size:18px;
		text-align:left;
		float:left;
		margin: 0px;
		padding: 0px 0 20px 0;
	}	
	
/* ------------------ Interact : Club List --------------------- */

	.club_list{
	position:relative;
	width:640px;
	margin: 15px 0 0 0px;	
	}
	
	.club_list h2 {
	font:14px/14px Arial, sans-serif;
    	font-size:18px;
   	margin:20px 0 10px 0;
    	color:#6BE6D2;
	}

	.club_list .item{
		position:relative;
		float:left;	
	width:206px;	
	margin: 0 6px 6px 0;
	background-color:#FFF;
	}

	.club_list .item .creator{
		background-color:#e6e6e6;
		padding: 5px 0 5px 0;	
	}
	
	.club_list .item .creator p{
			color:#969696;
			padding: 0 0 0 6px;
			font-family:Arial, Helvetica, sans-serif;
	}
	
	.club_list .item .creator p strong{
			color:#8ba8a6;
	}	
	
	.club_list .item p span{
		color:#3c3c3c;
		font-family:Arial, "Times New Roman", Times, serif;
		font-size:16px;
		padding: 0px 0 18px 0px;
		font-weight:bold;
	}
		
	
	.club_list .item p{
		color:#737373;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 0px 10px 15px 6px;
		margin: 0px;	
	}	
	
	.club_list .item .thumb{
		float:left;
		padding: 0 10px 0 0;
		display:block;
	}
	
	.club_list .item #bl2 {
	background: url(../gfx/filter-bl_pink.gif) 0 100% no-repeat;
	background-color:#ee585f;
	margin:-2px 7px 5px 0px;
	float:left;
	}
	
	.club_list .item #br2 {
	background: url(../gfx/filter-br_pink.gif) 100% 100% no-repeat;
	}
	
	.club_list .item #tl2 {
	background: url(../gfx/filter-tl_pink.gif) 0 0 no-repeat;
	}
	
	.club_list .item #tr2 {
	background: url(../gfx/filter-tr_pink.gif) 100% 0 no-repeat; 
	padding:2px 5px 3px 5px;
	color:#fff;
	font-size:10pt;
	}		



	.club_list .item #lightbl2 {
	background: url(../gfx/lightblue-bl.gif) 0 100% no-repeat;
	background-color:#daf3ea;
	margin:0px 7px 5px 7px;
	float:left;
	}
	
	.club_list .item #lightbr2 {
	background: url(../gfx/lightblue-br.gif) 100% 100% no-repeat;
	}
	
	.club_list .item #lighttl2 {
	background: url(../gfx/lightblue-tl.gif) 0 0 no-repeat;
	}
	
	.club_list .item #lighttr2 {
	background: url(../gfx/lightblue-tr.gif) 100% 0 no-repeat; 
	padding:3px 9px 3px 5px;
	font-family:Arial, "Times New Roman", Times, serif;
	color:#91a7af;
	font-size:10pt;
	font-weight:bold;
	}	
	
	.club_list .item #lighttr2 img{		
	padding: 0 5px 0 0;
	}
	
	.club_list .item #lighttr2 a:link, 	.club_list .item #lighttr2 a:visited{
	color:#91a7af;
	font-size:10pt;
	font-weight:bold;
	font-family:Arial, "Times New Roman", Times, serif;	
	}
	
	.club_list .item #lighttr2 a:hover{
	color:#91a7af;
	}
	
/* ----------------- Interact Tabs ----------------- */	
	
	.interact_tabs{
		width:680px;
		list-style:none;
		float:left;
		border-bottom: 1px solid #D5D5D5;		
		margin: 0px 0 20px -20px;
	}		
	
	.interact_tabs li.blue, .interact_tabs li.green{
		position:relative;
		float:left;
		margin: 0 7px 0 0;
		text-align:left;
	}
	
	.interact_tabs li.blue .topl, .interact_tabs li.green .topl{
		position:absolute;
		background:url(../gfx/filter-tl.gif) no-repeat top;
		width: 5px;
		height: 5px;
		top: 0px;
		left:0px;
	}
	
	.interact_tabs li.blue .topr, .interact_tabs li.green .topr{
		position:absolute;
		background:url(../gfx/filter-tr.gif) no-repeat top;		
		width: 5px;
		height: 5px;
		top: 0px;
		right:0px;
	}

	
/* ----------------- Clubs Tab ----------------- */		
	
	.interact_tabs li.blue{
		float:left;
		margin: 0 7px 0 21px;
		text-align:left;
	}	
	
	.interact_tabs li.blue a:link, .interact_tabs li.blue a:visited{
		background-color:#e1e1e1;
		color:#75e2d2;
		display:block;
		padding: 0 0 0 11px;
		width:123px;
		height:28px;
		line-height:28px;
	}
	
	.interact_tabs li.blue a:hover{
		background-color:#e1e1e1;
		color:#75e2d2;
		display:block;
		padding: 0 0 0 11px;
		width:123px;
		height:28px;
		line-height:28px;
	}	
	
	.interact_tabs li.blue a.active{
		background-color:#75e2d2;
		color:#FFF;
		display:block;
		width:123px;
		height:28px;		
	}	
	
	.interact_tabs li.blue .topl_a{
		position:absolute;
		background:url(../gfx/turq-tl.gif) no-repeat top;
		width: 4px;
		height: 4px;
		top: 0px;
		left:0px;
	}
	
	.interact_tabs li.blue .topr_a{
		position:absolute;
		background:url(../gfx/turq-tr.gif) no-repeat top;		
		width: 4px;
		height: 4px;
		top: 0px;
		right:0px;
	}
	
	/* ----------------- Communities Tab ----------------- */		
	
	.interact_tabs li.green{
		float:left;
		margin: 0 7px 0 0px;
		text-align:left;
	}	
	
	.interact_tabs li.green a:link, .interact_tabs li.green a:visited{
		background-color:#e1e1e1;
		color:#95de6e;
		display:block;
		padding: 0 0 0 11px;
		width:123px;
		height:28px;
		line-height:28px;
	}
	
	.interact_tabs li.green a:hover{
		background-color:#e1e1e1;
		color:#95de6e;
		display:block;
		padding: 0 0 0 11px;
		width:123px;
		height:28px;
		line-height:28px;
	}	
	
	.interact_tabs li.green a.active{
		background-color:#95de6e;
		color:#FFF;
		display:block;
		width:123px;
		height:28px;		
	}	
	
	.interact_tabs li.green .topl_a{
		position:absolute;
		background:url(../gfx/green-tl.gif) no-repeat top;
		width: 4px;
		height: 4px;
		top: 0px;
		left:0px;
	}
	
	.interact_tabs li.green .topr_a{
		position:absolute;
		background:url(../gfx/green-tr.gif) no-repeat top;		
		width: 4px;
		height: 4px;
		top: 0px;
		right:0px;
	}
	
/* ----------------- Events Search ----------------- */	
	
	#club_search fieldset{
		position:relative;
		border:0px;
		height:24px;
		width:610px;
		display:block;
		padding: 0px;
		margin: 0px;
	}
	
	#club_search fieldset .field{
		position:relative;
		background:url(../gfx/event_search_bg.gif) no-repeat top;
		width:520px;
		height:24px;
		border: 0px;
		color:#828282;
	}
	
    .button_search {
		position:absolute;
		top: 2px;
		right: 0px;		
    	color: white;
    	font-family: Arial, sans-serif;
    	height:22px;
    	background:url(../gfx/search_button.gif) no-repeat top;
    	text-transform:uppercase;
    	padding:3px 15px 5px 15px;
		border:none;
		font-weight:normal;
		cursor: pointer;
		text-decoration:none;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}	
	
	#club_search fieldset checkbox{
		border:none;
		margin: 0 0 0 5px;
	}
	
	#club_search fieldset #bl2 {
	background: url(../gfx/highlite-bl.gif) 0 100% no-repeat;
	background-color:#737373;
	margin:-2px 7px 5px 7px;
	float:left;
	}
	
	#club_search fieldset #br2 {
	background: url(../gfx/highlite-br.gif) 100% 100% no-repeat;
	}
	
	#club_search fieldset #tl2 {
	background: url(../gfx/highlite-tl.gif) 0 0 no-repeat;
	}
	
	#club_search fieldset #tr2 {
	background: url(../gfx/highlite-tr.gif) 100% 0 no-repeat; 
	padding:2px 5px 3px 5px;
	color:white;
	font-size:11pt;
	}