/* /.element/3.0/ssi/css/global/story.css */

/* ----------------------------------------------------------------------------
	story.css
	Only story pages. Do not page onyl specific styles.
	*/
/*	----------------------------------------------------------------------------
	Table Of Contents	
	==================
	1. Global
		A. Font Styles
	2. Left Rail
		A. Header
		B. Container
		C. Pods
			1. Story Info
			2. Text Size
			3. Content
			4. Picture
			5. Staff Picks
			6. Table
			7. Quick Links
			8. Blogs
	3. Right Rail
		A. Pods
		B. Tabs
	4. Interactive Elements(IE)
*/			


/*	----------------------------------------
	(1) Global */
div.tourLeftContent {
	width:670px;
}
	*:first-child+html div.tourLeftContent {
		left:5px;
	}	
#tourFullContent {
	background:#FFF;
	border-bottom:none;
	margin-bottom:0;
}
/*	----------------------------------------
	(1a) Font Styles */
div.tourHr {
	display:none !important;
}	
div.tourSubHeader {
	position:relative;
	width:670px;
	height:52px;
	border-top:2px solid #EB5B07;
	background:#001526;
	border-bottom:4px solid #EB5B07;	
	background:none !important;
}
div.tourH1Content {
	position: relative;
	height: 1px;
	overflow: hidden;
	border-top: solid 1px #003366;
	font-size: 1px;
	margin-bottom: 1px;
}
span.tourStoryLg {
	font-size: 18px;
}
#tourStory h1 {
	width: 430px;
}
#tourStoryHeadline{
	/*overflow:hidden;*/
	position:relative;
	width:664px;
	margin:10px 0px;
	min-height:60px;
	_height:60px;
}
#tourStoryHeadline h1{
	width:430px;
}
#tourStory ul {
	margin-left: 35px;
}
/*	----------------------------------------
	(2) Left Rail */
/*	----------------------------------------
	(2a) Header */
/*	----------------------------------------
	(2b) Container */
/*	----------------------------------------
	(2c) Pods */
/*	----------------------------------------
	(2c1) Story Info */
div.tourStoryInfo {
	margin: 0 -20px 20px 0;
	color: #727266;
	font-size: 11px;
}
a.tourStoryInfoEditor {
	color: #23669e;
	font-weight: bold;
	text-decoration: none;
}
/*	----------------------------------------
	(2c2) Text Size */
div.tourStoryFontSize {
	position: relative;
	float: right;
	overflow: hidden;
	top:-20px;
	left:20px;
	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 {
	border: solid 1px #003366;
	padding: 20px;
}
div.tourStoryBlob p{
	margin-bottom:10px;
}
div.tourStoryContent {
	color: #404040;
	overflow: hidden;
}
/*	----------------------------------------
	(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 #003366;
	padding-top:20px;
}
div.tourStoryPicksContentContainer {
	poistion: relative;
}
div.tourStoryPicksContent {
	position: relative;
	padding: 5px;
	border: solid 1px #003366;
	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: #003366;
	font-weight: bold;
}
/*	----------------------------------------
	(2c6) Table */
div.IEContainer {
	clear:both;
	margin-top:20px;
}	
div.tourStoryTable {
	padding: 5px;
	border: solid 1px #003366;
}
div.tourStoryTable td.tourStoryTableTitle {
	font-size: 12pt;
	font-weight: bold;
	padding: 3px;
	border: solid 1px #003366;
}
div.tourStoryTable td.tourStoryTableSubtitle {
	font-size: 10pt;
	color: #fff;
	font-weight: bold;
	background-color: #003366;
	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:111px;
	padding:0px;
	top:5px;
	width:85px;
}
div.tourStoryQuickLinksTop a {
	padding: 0 5px;
}
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 #003366;
	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 #003366
}
div.tourStoryPod3 {
	height:158px;
}
div.tourStoryPod3Content {
	poistion: relative;
	height:106px;
	padding: 13px;
	border: solid 1px #003366;
	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 #003366;
	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 #003366;
	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 #003366;
}
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 #003366;
	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:#003366 !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;
}
div.tourStory1stImgCont {
	position: relative;
	overflow: hidden;
	margin:0px !important;
	width:100%;
}
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;
	}