/* ----------------------------------------------------------------------------
	STORY_PC.CSS 
	Presidents Cup Story page styles. Only put page-specific styles in this document, not for use on generic microsite styles.
	*/
		/* NOTE: Anything beginning with [*:first-child+html] is an IE7-specific hack */	
/*	----------------------------------------------------------------------------
	Table Of Contents	
	1.	Structure
		A.  Content	
			1. Left Content
			2. Right Rail
*/	
/*	-----------------------------------------------------------------------------
	(1a) STRUCTURE - CONTENT	
/*	--------------------------------------------
	(1a1) STRUCTURE - CONTENT - LEFT CONTENT */
#tourFullContent {
	_top:-2px;
}	
	div.tourStoryContent {
		position:relative;
		_top:10px;
		_width:580px;
		margin:10px;
		padding:10px 20px;
		background:#FFF;
		text-align:left;
	}
		*:first-child+html div.tourStoryContent {
			width:608px;
			top:10px;
		}
div.tourH1Content {
	position: relative;
	height: 1px;
	overflow: hidden;
	border-top: solid 1px #A69980;
	font-size: 1px;
	margin-bottom: 1px;
}
span.tourStoryLg {
	font-size: 18px;
}
#tourStoryHeadline{
	position:relative;
	width:100%;
	margin:10px;
	min-height:60px;
	_height:60px;
}
#tourStoryHeadline h1{
	color:#333;
	width:430px;
	font-size:28px;
}
#tourStory ul {
	margin-left: 35px;
}
div.tourStoryInfo {
	height:40px;
}
/*	----------------------------------------
	(2c2) Text Size */
div.tourStoryFontSize {
	position: relative;
	float: right;
	overflow: hidden;
	top:-22px;
	width: 95px;
	height: 20px;
	_width: 95px;
	_height: 20px;
	background: #CCCCC4;
	color: #69695D;
}
div.tourStoryFontSizeText {
	position: relative;
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 50px;
	height: 13px;
	padding-left: 5px;
	padding-top: 3px;
}
div.tourStoryFontPlus, div.tourStoryFontMinus {
	position: relative;
	width:12px;
	height:9px;
	float: left;
	cursor: pointer;
	padding-top: 5px;
	margin-left: 2px;
}
div.tourStoryFontMinus {
	margin-left: 5px;
}
/*	----------------------------------------
	(2c3) Content */
div.tourStoryBlob {
	padding-bottom:10px;
        padding-top:20px;
}	
div.tourStoryBlob p {
	margin-bottom:10px;
}
/*	----------------------------------------
	(2c4) Picture */
div.tourStoryPicture {
	position: relative;
	float: left;
	top: -20px;
	left: -20px;
	width: 183px;
	height: 300px;
	margin: 0;
	background: #ccccc4;
	color: #69695d;
}
div.tourStoryPictureBorder {
	border:solid 1px #666666;
}
div.tourStoryPictureOwner {
	position:absolute;
	_width: 182px;
	_height: 3px;
	width: 177px;
	height: 16px;
	padding: 2px 0 0 20px;
	top: 239px;
	left: 0px;
	color: #666666;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/.element/img/3.0/story/storyImgTransp.png');
}
div.tourStoryPictureOwner[class] { /* IE ignores styles with [attributes], so it will skip this class. */
	background:url(http://i.cdn.turner.com/pgatour/.element/img/3.0/story/storyImgTransp.png) no-repeat left top;
}
div.tourStoryPictureText {
	position: absolute;
	top: 258px;
	_width: 182px;
	width: 142px;
	padding: 5px 20px;
	color: #333333;
}
/*	----------------------------------------
	(2c5) Staff Picks */
	
div.tourStoryBTN{
	float: left;
	height: auto;
	margin: 5px 10px;
	font-size:12px;
}
div.tourStoryBTN div.tourStoryTable{	padding:0;	}
div.tourStoryBTN div.tourStoryTable table{	width:100%;	}
div.tourStoryBTN td{	padding:2px;	}
div.tourStoryBTN td#tourStoryBTNNumber{	font-weight:bold;text-align:right;font-size:24px;text-align:center;	}
div.tourStoryPicks {
	width: 100%;
}
div.tourStoryPodHeader {
	font-size: 12pt;
	font-weight: bold;
	border-bottom: solid 1px #0F4537;
}
div.tourStoryPicksContentContainer {
	poistion: relative;
}
div.tourStoryPicksContent {
	position: relative;
	padding: 5px;
	border: solid 1px #0F4537;
	background: #f3f3f3;
}
div.tourStoryPicksContent a {
	background: url(http://i.cdn.turner.com/pgatour/.element/img/3.0/global/link_arrow.gif) no-repeat 3px left;
	padding-left: 10px;
	color: #333333;
	text-decoration: none;
}
span.tourStoryPicksBold {
	color: #0F4537;
	font-weight: bold;
}
/*	----------------------------------------
	(2c6) Table */
div.IEContainer {
	clear:both;
	margin-top:20px;
}	
div.tourStoryTable {
	padding: 5px;
	border: solid 1px #a69980;
}
div.tourStoryTable td.tourStoryTableTitle {
	font-size: 12pt;
	font-weight: bold;
	padding: 3px;
	border: solid 0px #0F4537;
}
div.tourStoryTable td.tourStoryTableSubtitle {
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	background-color: #0F4537;
	padding: 3px;
	font-style: italic;
}
td.tourStoryTableHeader {
	font-weight: bold;
	padding: 3px;
}
tr.tourStoryTableRow td, tr.tourStoryTableRowAlt td {
	padding: 2px;
	background: #fff;
}
tr.tourStoryTableRowAlt td {
	background: #f3f3f3;
}
/*	----------------------------------------
	(2c7) Quick Links */
div.tourStoryQuickLinksTop {
	position:relative;
	float:right;
	height:12px;
	left:0;
	padding:3px 0 0;
	top:20px;
}
div.tourStoryQuickLinksTop a {
	padding: 0 5px;
}
div.tourStoryQuickLinksBot {
	margin-bottom:10px;
}
div.tourStoryQuickLinksBot a img{	vertical-align:middle;	}
/*  ----------------------------------
	(2c8) BLOGS */
div.tourStoryBlogsHeader {
	position: relative;
	/*_width: 670px;*/
	_height: 27px;
	/*width: 678px;*/
	height: 18px;
	padding: 9px 0 0 12px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: url(http://i.cdn.turner.com/pgatour/.element/img/3.0/story/blog_header_blue.jpg) no-repeat;
}
div.tourStoryBlogsHeader span {
	font-size: 11px;	
}
div.tourStoryBlogs {}
div.tourStoryBlogContentContainer {
	position: relative;
	/*width: 670px;*/
}
div.tourStoryBlogRow {
	border-top: solid 1px #fff;
	/*width: 670px;*/
	height: 80px;
	overflow: hidden;
	background-color: #d8f0fa;
}
div.tourStoryBlogRowLeft {
	float: left;
	_width: 165px;
	_height: 80px;
	width: 155px;
	height: 70px;
	padding: 10px 0 0 10px;
}
span.tourStoryBlogRowLeftName{
	font-size: 13pt;
	font-weight: bold;
	color: #00356c;
}
div.tourStoryBlogRowRightContent {
	float: left;
	_width: 505px;
	_height: 80px;
	width: 485px;
	height: 60px;
	color: #333333;
	padding: 10px 10px 10px 0
}
div.tourStoryBlogFooter {
	border-bottom:4px solid #00356c;
}
div.tourStoryBlogFooter {
	color: #00356c;
}
/*	----------------------------------------
	(3) Right Rail */
/*	----------------------------------------
	(3a) Pods */
div.tourStoryPArrow {
	position: relative;
	top: -3px;
	left: 0px;
	width: 87px;
	height: 19px;
	background: url(http://i.cdn.turner.com/pgatour/.element/img/3.0/global/pattern_link_arrow.gif) no-repeat top left;
	cursor: pointer;
	float: right;
	padding:1px 0px 0px 5px;
	text-align: left;
}
div.tourStoryPArrow a{
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}
div.tourStoryV20 {
	height: 20px;
}
div.tourStoryPod {
	poistion: relative;
	background: #f3f3f3;
}
div.tourStoryPodContent {
	poistion: relative;
	border: solid 1px #0F4537;
	background-color: #f3f3f3;
	overflow: hidden;
}
div.tourStoryPod1 {
	height:168px;
	border: solid 1px gray;
}
div.tourStoryPod2 {
	height:249px;
	border: solid 1px gray;
}
div.tourStoryPodTitle {
	font-size: 12pt;
	font-weight: bold;
	border-bottom: solid 1px #0F4537
}
div.tourStoryPod3 {
	height:158px;
}
div.tourStoryPod3Content {
	poistion: relative;
	height:106px;
	padding: 13px;
	border: solid 1px #0F4537;
	background: #f3f3f3;
	overflow: hidden;
}
div.tourStoryPodFooterExtra {
	width: 150px;
	float: left;
}
div.tourStoryPodFooterExtra url {
	padding-top: 3px;
}
div.tourStoryPod4 {
	height:113px;
}
div.tourStoryPod4Content {
	height:61px;
	padding: 13px;
	border: solid 1px #0F4537;
	overflow: hidden;
}
div.tourStoryPod5 {
	margin: 0 auto;
	width: 160px;
	height: auto;
	overflow: hidden;
}
div.tourStoryPod5Content {
	position: relative;
	width: 158px;
	_width: 160px;
	height: 598px;
	_height: 600px;
	border: solid 1px #0F4537;
	background-color: #f3f3f3;
}
/*	----------------------------------------
	(3b) Tabs */
div.tourStoryPod3Tabs {
	poistion: relative;
	height:318px;
	background: url(http://i.cdn.turner.com/pgatour/.element/img/3.0/global/r/nav_bkgrnd.gif) repeat-x top left;
}
div.tourStoryPod3TabsContent {
	poistion: relative;
	height:292px;
	border: solid 1px #0F4537;
}
div.tourStoryMPTabs {
	position: relative;
	float: right;
	width: 187px;
	height: 20px;
	overflow: hidden;
	top: -1px;
}
div.tourStoryMPTabs a, div.tourStoryMPTabs a:visited, div.tourStoryMPTabs a:active {
	border-left:1px solid #0F4537;
	color:#69695D;
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	height:18px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	padding:2px 20px 0px 10px;
	position:relative;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	white-space:nowrap;
	font-weight: bold;
}
div.tourStoryMPTabs a.active {
	background:#FFFFFF url(http://i.cdn.turner.com/pgatour/.element/img/3.0/global/r/nav_active.gif) no-repeat scroll left top;
	border-left:medium none !important;
	color:#0F4537 !important;
}
div.tourStoryMPTabContent {
	position: relative;
	_width:298px;
	_height:272px;
	width:288px;
	height:262px;
	padding: 5px;
	overflow: hidden;
}
div.tourStoryMPTabContent div {
	display: none;
}
div.tourStoryMPTabContent div.active {
	display: block;
}
/*	----------------------------------------
	(4) Interactive Elements(IE) */
div.tourStory1stCont {
	position: relative;
	height: auto; 
	overflow: hidden !important;
	/*top: 9px;
	top: 0\9;  IE Hack */
}
div.tourStory1stImgCont {
	position: relative;
	overflow: hidden;
	margin:0px !important;
}
div.tourStory1stImgCont div {
	position: relative;
	margin:0px !important;	
}
div.tourStory1stImgCredit {
	position: absolute !important;
	width: 100%;
	top: -20px;
	height: 20px;
	_height: 24px;
	color: #666666;
	padding: 4px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/.element/img/3.0/story/storyImgTransp.png');
}
div.tourStory1stImgCredit[class] {
	background:url(http://i.cdn.turner.com/pgatour/.element/img/3.0/story/storyImgTransp.png) repeat;
}
div.tourStory1stImgCaption {
	position: relative;
	overflow: hidden;
	padding: 5px;
	background:#CCCCC4;
}

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;
}

/*  --------------------------------
	(1b1) RELATEDS POD */		
#tourTLRelateds {
	position:relative;
	width:300px;	
}		
	div.tourTLRelatedsPod {
		position:relative;
		width:298px;
		border:1px solid #036;
		border-bottom:none !important;		
		overflow:hidden;
	}	
	div.tourBlurbContent {
		width:280px;
		height:85px;
	}
	div.tourBlurbContent a img {
		float: left;
		margin: 4px;
		border: 1px solid #ccc;
	}
	div.tourBlurbContent p {
		padding: 0px 5px 5px 110px;
	}
	div.tourBlurbContent h4 img {
		vertical-align: bottom;
		border: none !important;
		padding: 4px 4px 4px 0px;
	}
	div.tourStandardBlurb p {
		padding:0px 5px 5px 118px;
	}
/*	--------------------------------------------
	(1a2) STRUCTURE - CONTENT - RIGHT RAIL */
#tourFullRight {
	_top:-2px;	
}	
	*:first-child+html #tourFullRight {
		left:0px;
	}

div.tourPCRailShopPod {
	position:relative;
	margin:15px 1px;
	width:298px;
	height:107px;
	background:#EBE3CE;
	overflow:hidden;
}