/*	----------------------------------------------------------------------------
	
	CSS for PGA Pipeline
	Contact: timothy.gray@turner.com
	
	----------------------------------------------------------------------------
	
	1.	Globals
	2.	Structure
		A.	Header
		B.	Left Column
		C.	Video Player (additional styles in video_player.css)
		D.	Right Column
		E.  Footer
	4. Overlay		
	
			
	----------------------------------------------------------------------------
	(1) GLOBALS
	--------------------------------------------------------------------------*/
	
	#header {
		display: block;
		width: 800px;
		height: 68px;
		background: #e38c0b url(http://i.pga.com/pga/images/events/2007/openchampionship/img/pipeline/bg_header.jpg);
		}
		
	html, body {
		font-size:9px/1em;
	}
		
	
			
			
/*	----------------------------------------------------------------------------
	(2a) STRUCTURE: Header
	--------------------------------------------------------------------------*/

	#header_sponsor {
		display: block;
		float: right;
		width: 250px;
		height: 42px;
		padding: 9px 6px 0 0;
		clear: both;
		}
		
	#header_sponsor img {
		background:none;
		width: 250px;
		height: 42px;
		padding: 0;
		clear:both;
		} 

	
/*	----------------------------------------------------------------------------
	(2b) STRUCTURE: Left Column
	--------------------------------------------------------------------------*/
			
	div.progress_bar {
	    display: block;
	    width: 100px;
	    height: 5px;
	    background: url(http://i.a.pga.com/pga/images/events/pipeline/img/player/stream.gif) repeat-x;
	    margin: 0 0 5px 25px;
	    }
		
	#television {
		display: block;
		float: left;
		width: 138px;
		height: 119px;
		padding: 12px 4px 0 5px;
		text-align: left;
		}
		
	#tv_title {
		padding-top:10px;
		}


/*	----------------------------------------------------------------------------
	(2c) Video Player
	--------------------------------------------------------------------------*/
				
	#cnnMediaPlayer {
    	background: #424242 url(http://i.a.pga.com/pga/images/events/pipeline/img/slates/default.jpg) no-repeat;
    	} 
	

/*	----------------------------------------------------------------------------
	(2d) Right Column
	--------------------------------------------------------------------------*/

	#leaderboard {
		background: #d8d8d8 url(http://i.pga.com/pga/images/events/2007/openchampionship/img/pipeline/feedback_tease.gif) no-repeat;
		display: block;
		text-align:left;
		width: 156px;
		height: 73px;
		/*padding:0;*/
		margin-left:0;
		margin-top:-1px;
		border:0;
		}
	
		#leaderboard a {
			display:block;
			width: 157px;
			height: 37px;
			/*padding:0;*/
			}

	#sponsor {
		display: block;
		/*width: 143px;*/
		height: 124px;
		padding:0;
		text-align: left;
		font-size: 10px;
		/*margin-top:45px;*/
		}
	
		#sponsor img {
			display: block;
			/*margin-top: 3px;
			margin-bottom: 0;
			width: 143px;
			height: 21px;*/
			}
		
		#sponsor img.thumb {
			float: left;
			width: 55px;
			height: 42px;
			margin: 0 4px 3px 0;
			border: 1px solid #000; 
			}
	
		#sponsor a.more {
			display: block;
			color: #00446a;
			font-weight: bold;
			}
			
	#news {
		display: block;
		width: 141px;
		height: 175px;
		padding: 2px 8px 0 7px;
		text-align: left;
		overflow:hidden;
		}
			
   #news_frame a.more {
		font-weight: bold;
		color: #704da1;
		}
		
		#news_frame a:hover {
			color: #704da1;
			}
			
			
/*	----------------------------------------------------------------------------
	(2e) Footer
	--------------------------------------------------------------------------*/
	
	#footer {
			position: relative;
			display: block;
			width: 800px;
			height: 273px;
			background: #404040 url(http://i.a.pga.com/pga/images/events/pipeline/img/bg_footer_extended.jpg);
			}
		
	#ad_728_frame {
		position: absolute;
	    bottom: 55px;
		left: 37px;
		width: 728px;
		height: 90px;
		}
			     

/*	----------------------------------------------------------------------------
	(4) Overlay
	--------------------------------------------------------------------------*/
		
	#registration a {
		text-decoration: underline;
		color: #704da1;
		}
