/* Shooting People Splash Page CSS */


/* LAYOUT 
------------------------------------------- */
#messageYellow {
	margin: 0 auto; 
	width: 100%;
	background: url(/images/interface/headeryellow_bg.gif) repeat-x top center;	
	}


#contentWrapperWelcome {
	margin: 0 auto;
	width: 790px;
	padding-top: 18px;
	position:relative;
	}
	
	img.splashBirthdayPromo { 
		position: absolute;
		top:-24px;
		right:0;
		}
	
	img.joinBirthdayPromo { 
		position: absolute;
		top: 0px;
		right:0;
		}


#yellowHeaderTitle {
/*	width: 780px;*/
	height: 65px; /* 80px */
	padding-top: 15px;
	margin-left: 5px;
	}	
	#yellowHeaderTitle p { padding:0; margin:0; }
	#yellowHeaderTitle h1 { position:absolute; left:-7777px; } 
	#yellowHeaderTitle img.logo { 
		float: left;
		padding-top: 1px;
		margin-right: 17px;
		}
		div.tfioffer #yellowHeaderTitle img.logo,
		div.ifpoffer #yellowHeaderTitle img.logo,
		div.rooftopoffer #yellowHeaderTitle img.logo {
/*			float:right;*/
			margin-right:25px;
			margin-left:25px;
			}
/*			div.tfioffer #yellowHeaderTitle img.logo,
			div.ifpoffer #yellowHeaderTitle img.logo {
				margin-left:50px;
				}*/
/*		div.tfioffer #yellowHeaderTitle img.tag,
		div.ifpoffer #yellowHeaderTitle img.tag,
		div.rooftopoffer #yellowHeaderTitle img.tag {
			float:right;
			}*/
		#yellowHeaderTitle img.offer-logo {
			float:left;
			margin:8px 0 0;
			}
			div.tfioffer #yellowHeaderTitle img.offer-logo,
			div.ifpoffer #yellowHeaderTitle img.offer-logo {
				margin:-10px 0 0;
				}
			#yellowHeaderTitle.barbican img.offer-logo { 
				margin: -7px 15px 0 0;
				}

	
/*#welcomeLogin {
	width: 382px; *//* 387px */
/*	padding: 0 0 0 5px;
	}
	#welcomeLogin p { padding-top:0; margin-top:0; }	
	
	#welcomeLogin input.formText {
		width: 140px;
		height: 17px;
		padding: 2px 0 0 3px;						
		margin: 0 9px 8px 0 !important;
		margin-bottom: 0;
		border-color: #bbb #bbb #ddd #bbb;			
		border-style: solid;
		border-width: 2px 1px 1px 1px;
		font-size: 11px;
		font-weight: normal;
		float: left;
		}
		
	#welcomeLogin input.button {
		padding: 0;
		margin: 0 0 8px 0 !important;
		margin-bottom: 0;
		float: left;
		}

	#welcomeLogin input.checkbox {
		display: inline;
		margin: 0 50px 0 3px;
		}*/
		


ul.tabs {
	width: 386px;
/*	height: 72px;*/
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	float: left;	
	}		
	ul.tabs li {
		padding: 0;
		margin: 0;		
		float: left;
		}
		ul.tabs li a {
			width: 127px;
			height: 62px; /* 62px */		
		    display: block;
		    padding: 0;						
			font-size: 18px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 90%;
			text-align: center;
			}
			ul.tabs li a:hover {
				background: transparent;
				color: #5086ff;
				}
		
		ul.tabs li#Join { background: white url(/images/interface/tabs_welcome_join_on.gif) no-repeat top left; }
		ul.tabs li#Tell { background: white url(/images/interface/tabs_welcome_join_off.gif) no-repeat top left; }
		ul.tabs li#See { background: white url(/images/interface/tabs_welcome_see_off.gif) no-repeat top left; }

			ul.tabs li#Join a,
			ul.tabs li#Tell a { padding-top:23px; height:39px; /* 62px */ }
			ul.tabs li#See a { padding-top:16px; height:46px; /* 62px */ }			

			
#tabcontentJoin, 
#tabcontentTell, 
#tabcontentSee {
	width: 780px;
	padding: 25px 0 0 0;
	margin-left: 5px;
	clear: both;
	}			
		
	#tabcontentJoin h3,
	#tabcontentTell h3, 
	#tabcontentSee h3 { 
		font-size: 16px; 
		line-height: 12px; 
		font-weight: bolder; 
		color: #000; 
		text-transform: none;
		padding: 0; 
		margin: 0 0 0.4em 0; 
		}
		
	#tabcontentJoin p.quote,
	#tabcontentTell p.quote,
	#tabcontentSee p.quote { 
		font-size: 16px; 
		line-height: 1em; 
		letter-spacing: -1px;
		font-weight: normal; 
		color: #aaa; 
		margin: 0 0 0.1em 0; 
		}
		
	#tabcontentJoin #bullets p,
	#tabcontentTell #bullets p,
	#tabcontentSee #bullets p {
		font-size: 1em;
		line-height: 1.3em;
		padding-bottom: 0.8em;
		color: #aaa;
		}
		
	#tabcontentJoin #bullets p span.darkgrey,
	#tabcontentTell #bullets p span.darkgrey,
	#tabcontentSee #bullets p span.darkgrey {
		color: #666;
		}


#ColHalfLeft {
	width: 381px;
	padding: 0 0 20px 0;
	margin: 0;
	float: left;
	}

#ColHalfRight {
	width: 381px;
	padding: 0 0 20px 0;
	margin: 0;
	float: right;
	}
	
.ColThird {
	width: 250px;
	padding: 0 0 20px 0;
	margin-top: 0;
	margin-right: 15px !important; /* IE ignores this and reads 12px instead. See .last below for further override */
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	}
	.ColThird p { font-size:0.9em; line-height:1.1em; }
	#highlight {
		margin-top: 18px;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		}
		#highlight img {
			float: left;
			padding: 4px;
			border: 1px solid #ddd;
			margin-right: 15px;
			}
		#highlight p {
			font-size: 12px;
			line-height: 15px;
			color: #888;
			}
		
	a img.imageBorder,
	a:visited img.imageBorder {
		padding: 4px;
	    margin: 0 0 13px 0;
	    border: 1px solid #cecece;
		background-color: #fff;
		}
		
	.ColThird a:hover { background-color: transparent; }
	a:hover img.imageBorder { background-color: #e1e1e1; }


.ColTwoThirds {
	width: 515px;
	padding: 0 0 20px 0;
	margin: 0 15px 0 0;
	float: left;
	}	
	.last {
		margin-right: 0 !important; /* Need this to override the 15px above. IE just reads 0px. */
		}
	
ul#membersJoined, 
ul#bulletsTellMeMore {
	list-style-image: url(/images/interface/bullet_blue_large_welcome.gif);
	margin: 0 0 0 19px;
	padding: 0;
	color: #aaa;
	font-size: 16px; 
	font-weight: normal; 
	line-height: 100%; 
	letter-spacing: -1px;	
	}	
	ul#membersJoined li, 
	ul#bulletsTellMeMore li {
		padding: 0 0 10px 0;
		}
		
ul#bulletsTellMeMore {
	font-size: 100%; 
	letter-spacing: 0;		
	}
	ul#bulletsTellMeMore li.top {
		color: #666;
		}



/* MEMBERS STRIP 
-----------------------------------------------*/
ul#memberStrip { 
	width: 790px; 
/*	height: 190px; */
	margin: 0; 
	}
	ul#memberStrip li { 
		width: 183px; /*193px*/ 
		/*height: 205px;*/ /*215px*/
		min-height: 210px;
		padding: 5px 5px 15px 5px; 
		margin: 0 6px 10px 0; 	
		display: block; 
		float: left; 
		background-color: #fff; 
		font-size: 12px;
		line-height: 13px;
		color: #666; 
		cursor: pointer; 
		cursor: hand; 
		}
		ul#memberStrip li a:hover { text-decoration:underline; } 
		ul#memberStrip li:hover { background-color:#e1e1e1; }
		ul#memberStrip li.last { margin-right:0; } 
		ul#memberStrip h3 { position:absolute; left:-9999px; }
		
/*	ul#memberStrip h3 { 
		font-size: 15px; 
		line-height: 12px; 
		font-weight: bolder; 
		color: #000; 
		text-transform: none; 
		margin-bottom: 0.4em; 
		}*/
	

	ul#memberStrip div.memberImageBorder {
	    width: 173px; /*181px*/
		padding: 4px;
	    margin: 0 0 10px 0;
	    border: 1px solid #cecece;
		background-color: #fff;
		}

	ul#memberStrip div.memberImage {
	    width: 173px;
		height: 150px;
	    padding: 0;
		margin: 0;
	    background: no-repeat center center #e0e0e0;	
		}
		ul#memberStrip div.memberImage a:hover { background-color: transparent; }