/* /.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 */
		/* SAFARI-ONLY POSITIONING */
			 /*\*/
		 html>body*#tourTopNav {top:45px;}
			 /**/
/*	----------------------------------------
	(1a) Font Styles */
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:427px;
}
#tourStory ul {
	margin-left: 35px;
}
/*	----------------------------------------
	(2) Left Rail */
	div.tourLeftContent {
		overflow:visible !important;
	}
/*	----------------------------------------
	(2a) Header */
/*	----------------------------------------
	(2b) Container */
/*	----------------------------------------
	(2c) Pods */
/*	----------------------------------------
	(2c1) Story Info */
div.tourStoryInfo {
	margin: 0 -20px 20px 0;
	color: #727266;
    clear: both;
    /*font-size: 11px; commented 20110315 to increase the font*/
}
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 */
#tourStory {
	position:relative;
	width:670px;
	height:auto;
	overflow:hidden;
	white-space:normal;
	font-size:12px;

}
#tourStoryBlob, div.tourStoryBlob {
	border: solid 1px #003366;
	padding: 20px 14px;
	overflow:hidden !important;
	width:640px;
}
div.tourStoryBlob p{
	margin-bottom:10px;
	white-space:normal !important;
	/*font-size:12px; commented 20110315 to increase the font*/
}
div.tourStoryContent {
	color: #404040;
	overflow: hidden;
	width:670px;
	height:auto;
}
/*	----------------------------------------
	(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(../../../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;
}
div.tourStoryPicksContentContainer {
	poistion: relative;
}
div.tourStoryPicksContent {
	position: relative;
	padding: 5px;
	border: solid 1px #003366;
	background: #f3f3f3;
}
div.tourStoryPicksContent a {
	background: url(../../../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;
	max-width:664px !important;
}
div.tourStoryTable {
	padding: 5px;
	border: solid 1px #003366;
}
div.tourStoryTable td.tourStoryTableTitle {
	font-size: 12pt;
	font-weight: bold;
	padding: 3px;
	border: solid 0px #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(../../../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 */
#tourFullRight {
	margin-left:0px;
}
/*	----------------------------------------
	(3a) Pods */
div.tourStoryPArrow {
	position: relative;
	top: -3px;
	left: 0px;
	width: 87px;
	height: 19px;
	background: url(../../../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(../../../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(../../../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;
    clear: both;
}
div#tourStorySocialMediaBot {
    overflow: hidden !important;
}
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='../../../img/3.0/story/storyImgTransp.png');
}
div.tourStory1stImgCredit[class] {
	background:url(../../../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;
	}
	.article .tourStory1stImgCont {
    float: left;
    margin-right: 5px;
}

body, table {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

/* PTP-2214 Added custom links to teaser box*/
.video-link {
    background: url(/etc/designs/pgatour/element/img/5.0/sect/r/video_dkbg.gif) no-repeat right center;
}

.audio-link {
    background: url(/etc/designs/pgatour/element/img/5.0/sect/r/audio_dkbg.gif) no-repeat right center;
}

.photo-link {
    background: url(/etc/designs/pgatour/element/img/5.0/sect/r/photo_dkbg.gif) no-repeat right center;
}

.custom-link {
    display: inline-block;
    padding-right: 17px;
    margin-right: 2px;
}

/*set to default hyperlink*/
.none {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
/**/