/* ----------------------------------------------------------------------------
	WGC.CSS 
	World Golf Championships generic styles. Do not put page-specific styles in this document, only styles that will be used across the entire microsite.
	*/
		/* NOTE: Anything beginning with [*:first-child+html] is an IE7-specific hack */	
/*	----------------------------------------------------------------------------
	Table Of Contents	
	1.	Section Globals		
	2.	Structure
		A.  Pod Footers
		B.	Footer
	3. Social Media Implementation
		A. Stories
*/			
/*	-------------------------------------------------------------------------------------
	(1) SECTION GLOBALS */
body {
font-family:arial,sans-serif;
	background:#1C1E1D url(http://i.cdn.turner.com/pgatour/.element/img/3.0/sect/wgc/bkgr_main.gif) repeat scroll 0 0;
	_text-align:center;
}	
body, table {
	font-family:arial,sans-serif;
}
#tourContent {
	background: transparent none !important;
}
#tourContainer {
	background:transparent;
	width:988px;
}
#tourWGCContent {
	position:relative;
	width:976px;	
	padding:5px;
	margin:20px auto 0px;
	background:#A4A6A5;	
	float:left;
}
div.tour234HeadAd {
	height:60px;
	overflow:hidden;
	position:absolute;
	right:1px;
	top:1px;
	width:234px;
	z-index:9999;
}
#tour300Ad {
	margin:10px 0;
} 
div.tour88x31Ad {
	float:right;
	height:31px;
	position:absolute;
	right:0;
	top:7px;
	width:88px;
}

div.tour1x1Ad {
	float:right;
	height:1px;
	width:1px;
	overflow:hidden;
}
/* --------------------------------------------------------------------------------------
	(2) STRUCTURE */	
/* --------------------------------------
	T1 POD (GENERIC) */
.tourWGCT1Image { 
    width:646px; height:374px;
}
		#tourWGCT1Bkgrnd {
			z-index:2;
			position:relative;
			top:-96px;
			width:100%;
			height:96px;
			overflow:hidden;			
			background:#000;
		}
.tourT1Credit {
    position:absolute; 
    right:60px; 
    top:280px; 
    z-index:4;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:8px;
    color:#999;
}
		#tourWGCT1Caption {
			position:absolute;
			top:0px;
			_top:10px;
			right:60px;
			text-transform:uppercase;
			letter-spacing:1px;
			font-size:8px;
			color:#999;
		}
				*:first-child+html #tourWGCT1Caption {
					top:5px;
				}		
		#tourWGCT1Text {
			position:relative;
			top:-192px;
			_top:-198px;
			width:646px;
			height:96px;
			color:#FFF;
			z-index:3;
			text-align:left;
		}	
				*:first-child+html #tourWGCT1Text {
					top:-195px;
				}
			#tourWGCT1Content {
				position:relative;
				float:left;
				width:57%;
				margin-right:10px;
			}
				#tourWGCT1Content h1 {
					position:relative;
					padding:5px 0px 0px 10px;
					font-size:30px;
				}
					#tourWGCT1Content h1 a {
						color:#ffffff;
						text-decoration:none;
						font-size:30px;
					}
						.tophd2a {
							font-size:30px !important;
						}
				#tourWGCT1Content p {
					font-size:12px;
					padding:5px 0px 0px 10px;
				}	
					#tourWGCT1Content p a {
						color:#CE0E01;
						text-decoration:none;
					}				
					span.tourWGCT1Link {
						color:#CE0E01;
					}
						span.tourWGCT1Link a {					
							color:#CE0E01;
							text-decoration:none;
						}
						span.tourWGCT1Link a:hover {
							color:#B80113;
						}
			#tourWGCT1Bullets {
				position:relative;
				top:20px;
				float:left;
				width:38%;
				margin-left:15px;
				color:#999;
			}		
				#tourWGCT1Bullets li {
					position:relative;
					list-style:none inside;
					background:url(http://i.cdn.turner.com/pgatour/.element/img/3.0/global/icons/arrows/arrow_gray.gif) no-repeat scroll left center;
					padding:2px 2px 2px 10px;
					_padding:2px 2px 2px 0px;
				}
					*:first-child+html #tourWGCT1Bullets li {
						padding:2px 2px 2px 0px;
					}
					#tourWGCT1Bullets a {
						color:#999;
						text-decoration:none;
					}
					#tourWGCT1Bullets a:hover {
						color:#FFF;
						text-decoration:none;
					}			
					
div.tourWGCT1Slide	{width:646px; height:374px;}	
/*#tourWGCT1Slide1	{display: inline;}*/
#tourWGCT1Controls	{
	position: absolute;
	width: 59px;
	height: 18px;
	top: 264px;
	left: 587px;
	color: #fff;
	background: #000000;
	padding-top:3px;
	z-index: 1;
	}
	#tourWGCT1Controls .prev {
		margin:0 3px;
	}
	#tourWGCT1Controls .pause {
		margin:0 3px;
	}
	#tourWGCT1Controls .next {
		margin:0 3px;
	}

        div.tourStoryVideoMeta {
	font-family: Verdana, sans-serif;
	color: #373733;
	background-color: #cbc9c9;
	border-bottom: 1px solid #adadad;
	padding: 5px;
}

div.tourStoryVideoMeta h3 {
	font-weight: bold;
	font-size: 12px;
}

div.tourStoryVideoMeta p {
	font-size: 10px;
	margin: 0;
}

/* --------------------------------------
	(2a) POD FOOTERS */		
	div.tourPodFooter {
		position:relative;
		height:19px; 
		background:#CCC url(http://i.cdn.turner.com/pgatour/.element/img/3.0/sect/r/lb_footer_bar.gif) repeat-x center top;
		border-bottom:4px solid #85010E;
		color:#85010E;
		text-align:right;
		width:100%;
		vertical-align:middle;
		white-space:nowrap;
		overflow:hidden;
	}
	
		div.tourPodFooter a {
			color:#85010E;
			font-weight:bold;
			text-decoration:none;
		}
		div.tourPodFooter a:hover {		
			color:#85010E;
		}
		div.tourPodFooter ul {
			padding-right:10px;
			padding-top:3px;
		}
		div.tourPodFooter li {
			float:right;
			padding-left:5px;
			list-style-type:none;
		}
		div.tourPodFooter li.tourStoryLeft {
			float:left;
			padding-right:5px;
			list-style-type:none;
		}		
		li.tourPodFooterLeft {
			float:left !important;
		}		
		li.tourPodFooterBtn {
			width:80px;
			height:19px;
			background:url(http://i.cdn.turner.com/pgatour/.element/img/3.0/sect/r/footer_btn.gif) no-repeat right top;
			margin:-3px -10px;
			_margin:-3px -5px;
			cursor:pointer;
		}
			li.tourPodFooterBtn a {
				position:relative;
				top:0px;
				left:-25px;
				font-size:16px;
				font-weight:bold !important;
				color:#85010E !important;
			}
			li.tourPodFooterBtn a:hover {			
				color:#85010E;
			}		
		li.tourPodFooterBtnLong {
			width:100px;
			height:19px;
			background:url(http://i.cdn.turner.com/pgatour/.element/img/3.0/sect/wgc/red_btn.jpg) no-repeat right top;
			margin:-3px -10px;
			_margin:-3px -5px;
			cursor:pointer;
			padding-left:10px !important;
		}
			li.tourPodFooterBtnLong a {
				position:relative;
				top:0px;
				left:-25px;
				font-size:16px;
				font-weight:bold !important;
				color:#85010E !important;
			}
			li.tourPodFooterBtnLong a:hover {			
				color:#85010E;
			}		
/* ---------------------------------
	(2b) FOOTER */
#tourWGCFooter {
	position:relative;
	width:980px;
	height:162px;
	text-align:center;
	color:#999;	
	margin:0 auto;

}	
#tourWGCFooter a {
	color:#999;
	text-decoration:none;
}
#tourWGCFooter a:hover {
	color:#FFF;
	text-decoration:none;
}
	#tourWGCFooterLinks {
		padding-top: 20px;
	}
			#tourWGCFooterLinks li {
				display: inline;
				list-style-type: none;
				padding-right: 5px;
			}
	#tourWGCFooterBar {
		position:relative;
		margin:10px auto;
		text-align:center;
		width:761px;
		height:42px;
		overflow:hidden;
		}	
		#tourWGCFootSpon {
			position:relative;
			margin:0 auto;
			text-align:center;
			width:590px;
			height:42px;
			top:-52px;
			overflow:hidden;
		}
		div.tourWGCFootSponsors {
			position:relative;
			float:left;
			padding:0px 10px;
			cursor:pointer;
		}
			div.tourWGCFootSponsors img {
				/*_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
			}
	#tourWGCFooterCopy {
		position:relative;
		margin-top:10px;	
		top:-52px;		
	}	
	
/*  ----------------------------------------
	(3) SOCIAL MEDIA IMPLEMENTATION 
	----------------------------------------
	(3A) STORIES */
#tourStorySocialMedia {
	float: right;
	margin: 0px 0px 5px 0px;
	position: relative;
	left: -12px;
	top: 3px;
}

#tourStorySubhead{
	top:-20px;
	position:relative;
	left:-20px;
	height:26px;
	background-color:#dae7f0;
	width:668px;
}
#tourStorySubheadA{
	top:20px;
	position:relative;
	height:26px;
	background-color:#dae7f0;
	width:628px;
}
#tourStorySubheadB{
	top:1px;
	position:relative;
	height:26px;
	background-color:#dae7f0;
	width:625px;
}
#tourStorySubheadWGC{
	top:-20px;
	position:relative;
	height:26px;
	background-color:#e1e1df;
	width:606px;
}

#tourStorySMQuicklinksTop{
	left:-115px;
	position:relative;
	top:2px;
}

#tourStorySubfooterWGC{
	background-color:#e1e1df;
	height:26px;
	left:-20px;
	position:relative;
	top:1px;
	width: 646px;
}

#tourStorySubfooter{
	background-color:#DAE7F0;
	height:26px;
	left:-20px;
	position:relative;
	top:21px;
	width: 668px;
}
#tourStorySMQuicklinksBot{
	float:right; 
	position:relative; 
	top:5px;
	right: 5px;
}
#tourSponsoredLinksBotPad{
	display:none !important;
	padding-top: 0px;
}
#tourFullContent {padding: 10px 0 0 !important;}