/*	----------------------------------------------------------------------------

	Style Sheet for PGA Microsites
	Extension CSS such as JQuery
	Contact: tiffany.hayman@turner.com

	----------------------------------------------------------------------------

	1.	JCaoursel
		A.	Foundation
		B. 	PGA Professinal Carousel Overrides
		C.  Video Archive Carousel Overrides
		
	2.  FancyBox
		A.  Foundation
		B.  Overrides	
	
	----------------------------------------------------------------------------
	(1) JCaoursel
	--------------------------------------------------------------------------*/
	/*	----------------------------------------------------------------------------
			A. Foundation
		--------------------------------------------------------------------------*/				
		
		/**
		 * This <div> element is wrapped by jCarousel around the list
		 * and has the classname "jcarousel-container".
		 */
		.jcarousel-container {
		    position: relative;
			-moz-border-radius: 0;
	    	background: transparent;
	    	border: none;
			}
		
		.jcarousel-clip {
		    z-index: 2;
		    padding: 0;
		    margin: 0;
		    overflow: hidden;
		    position: relative;
			}
		
		.jcarousel-list {
		    z-index: 1;
		    overflow: hidden;
		    position: relative;
		    top: 0;
		    left: 0;
		    margin: 0;
		    padding: 0;
			}
		
		.jcarousel-list li,
		.jcarousel-item {
		    float: left;
		    list-style: none;	
			}
		
		/**
		 * The buttons are added dynamically by jCarousel before
		 * the <ul> list (inside the <div> described above) and
		 * have the classnames "jcarousel-next" and "jcarousel-prev".
		 */
		.jcarousel-next {
		    z-index: 3;
		    display: none;
		}
		
		.jcarousel-prev {
		    z-index: 3;
		    display: none;
			}
			
		.jcarousel-item-horizontal {
		    margin:0px; 
			}	
			
		.jcarousel-container-horizontal {
		    width: 590px;
		    padding: 5px 0 0 20px;
			}	
		
		.jcarousel-clip-horizontal {
		    width:  575px;
		    height: 95px;
			}		
	
			
		.jcarousel-item-placeholder {
		    background: #fff;
		    color: #000;
			}	
			
		/**
		 *  Horizontal Buttons
		 */
		.jcarousel-next-horizontal {
		    position: absolute;
		    top: 35px;
		    right: 0px;
		    width: 15px;
		    height: 25px;
		    cursor: pointer;	
			background: transparent url(../img/carousel_btn_next.gif) no-repeat 0 0;	  
			}
		
		.jcarousel-next-horizontal:hover {
		    background-position: -15px 0;
		}
		
		.jcarousel-next-horizontal:active {
		    background-position: -30px 0;
			}
		
		.jcarousel-next-disabled-horizontal,
		.jcarousel-next-disabled-horizontal:hover,
		.jcarousel-next-disabled-horizontal:active {
		    cursor: default;
		    background-position: -45px 0;
			}
		
		.jcarousel-prev-horizontal {
		    position: absolute;
		    top: 35px;
		    left: 0px; 
		    width: 15px;
		    height: 25px;
		    cursor: pointer;
			background: transparent url(../img/carousel_btn_previous.gif) no-repeat 0 0;
		  	}
		
		.jcarousel-prev-horizontal:hover {
		    background-position: -15px 0;
			}
		
		.jcarousel-prev-horizontal:active {
		    background-position: -30px 0;
			}
		
		.jcarousel-prev-disabled-horizontal,
		.jcarousel-prev-disabled-horizontal:hover,
		.jcarousel-prev-disabled-horizontal:active {
		    cursor: default;
		    background-position: -45px 0;
			}		
					
	/*----------------------------------------------------------------------------
		B. PGA Professinal Carousel Overrides
	--------------------------------------------------------------------------*/					

		.jcarousel-skin-pgapro .jcarousel-item {
		    width: 148px;
		    height: 95px;		
			}

			
	/*----------------------------------------------------------------------------
		C. Video Archive Carousel Overrides
	--------------------------------------------------------------------------*/			
	
		.jcarousel-skin-newsarchive .jcarousel-item {
			height:150px;
			width:198px;
			}				
		
		.jcarousel-skin-newsarchive  .jcarousel-prev-horizontal {
			left:-22px;
			}
		.jcarousel-skin-newsarchive  .jcarousel-next-horizontal {
			margin-right:10px;
			}	
		
		.jcarousel-skin-newsarchive .jcarousel-clip-horizontal {
		    width:  570px;
		    height: auto;
			}	
			
		.jcarousel-skin-newsarchive .jcarousel-container-horizontal {
		    width: 600px;
		    padding: 5px 0 0 0px;
			}
	/*----------------------------------------------------------------------------
		C. Branded Popup Video Carousel Overrides
	--------------------------------------------------------------------------*/		
		.jcarousel-skin-popup {
	 	/*width:780px;*/
		}

		.jcarousel-skin-popup .jcarousel-container {
		    -moz-border-radius: 0;
		    background: transparent;
		    border: none;
		}
		
		.jcarousel-skin-popup .jcarousel-container-horizontal {
		    width: 736px;
		    padding: 5px 0 0 30px;
		}
		
		.jcarousel-skin-popup .jcarousel-clip-horizontal {
		    width:  724px;
		    height: 107px;
		}
		
		.jcarousel-skin-popup .jcarousel-item {
		    width: 172px;
		    height: 107px;	
		}
		
		.jcarousel-skin-popup .jcarousel-item-horizontal {
		 	margin-left:8px;
			padding-right:8px;
		}
		
		.jcarousel-skin-popup .jcarousel-item-placeholder {
		    background: #fff;
		    color: #000;
		}
		
		/**
		 *  Horizontal Buttons
		 */
		.jcarousel-skin-popup .jcarousel-next-horizontal {
		    position: absolute;
		    top: 35px;
		    right: -10px;
		    width: 15px;
		    height: 25px;
		    cursor: pointer;
		    background: transparent url(../img/carousel_btn_next.gif) no-repeat 0 0;
		}
		
		.jcarousel-skin-popup .jcarousel-next-horizontal:hover {
		    background-position: -15px 0;
		}
		
		.jcarousel-skin-popup .jcarousel-next-horizontal:active {
		    background-position: -30px 0;
		}
		
		.jcarousel-skin-popup .jcarousel-next-disabled-horizontal,
		.jcarousel-skin-popup .jcarousel-next-disabled-horizontal:hover,
		.jcarousel-skin-popup .jcarousel-next-disabled-horizontal:active {
		    cursor: default;
		    background-position: -45px 0;
		}
		
		.jcarousel-skin-popup .jcarousel-prev-horizontal {
		    position: absolute;
		    top: 35px;
		    left: 5px;
		    width: 15px;
		    height: 25px;
		    cursor: pointer;
		    background: transparent url(../img/carousel_btn_previous.gif) no-repeat 0 0;
		}
		
		.jcarousel-skin-popup .jcarousel-prev-horizontal:hover {
		    background-position: -15px 0;
		}
		
		.jcarousel-skin-popup .jcarousel-prev-horizontal:active {
		    background-position: -30px 0;
		}
		
		.jcarousel-skin-popup .jcarousel-prev-disabled-horizontal,
		.jcarousel-skin-popup .jcarousel-prev-disabled-horizontal:hover,
		.jcarousel-skin-popup .jcarousel-prev-disabled-horizontal:active {
		    cursor: default;
		    background-position: -45px 0;
		}	
	/*----------------------------------------------------------------------------
	(2) FancyBox
	--------------------------------------------------------------------------*/
	/*	----------------------------------------------------------------------------
			A. Foundation
		--------------------------------------------------------------------------*/				
			
		html, body {
			height: 100%;
		}
		
		div#fancy_overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #666;
			display: none;
			z-index: 30;
		}
		
		* html div#fancy_overlay {
			position: absolute;
			height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		}
		
		div#fancy_wrap {
			text-align: left;
		}
		
		div#fancy_loading {
			position: absolute;
			height: 40px;
			width: 40px;
			cursor: pointer;
			display: none;
			overflow: hidden;
			background: transparent;
			z-index: 100;
		}
		
		div#fancy_loading div {
			position: absolute;
			top: 0;
			left: 0;
			width: 40px;
			height: 480px;
			background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
		}
		
		div#fancy_loading_overlay {
			position: absolute;
			background-color: #FFF;
			z-index: 30;
		}
		
		div#fancy_loading_icon {
			position: absolute;
			background: url('../img/fancybox/fancy_loading.gif') no-repeat;
			z-index: 35;
			width: 16px;
			height: 16px;
		}
		
		div#fancy_outer {
			position: absolute;
		    top: 0;
		    left: 0;
		    z-index: 90;
		    padding: 18px 18px 33px 18px;
		    margin: 0;
		    overflow: hidden;
		    background: transparent;
		    display: none;
		}
		
		div#fancy_inner {
			position: relative;
			width:100%;
			height:100%;
			border: 1px solid #BBB;
			background: #FFF;
		}
		
		div#fancy_content {
			margin: 0;
			z-index: 100;
			position: absolute;
		}
		
		div#fancy_div {
			background: #000;
			color: #FFF;
			height: 100%;
			width: 100%;
			z-index: 100;
		}
		
		img#fancy_img {
			position: absolute;
			top: 0;
			left: 0;
			border:0;
			padding: 0;
			margin: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
		}
		
		div#fancy_close {
			position: absolute;
			top: -12px;
			right: -15px;
			height: 30px;
			width: 30px;
			background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
			cursor: pointer;
			z-index: 181;
			display: none;
		}
		
		#fancy_frame {
			position: relative;
			width: 100%;
			height: 100%;
			display: none;
		}
		
		#fancy_ajax {
			width: 100%;
			height: 100%;
			overflow: auto;
		}
		
		a#fancy_left, a#fancy_right {
			position: absolute;
			bottom: 0px;
			height: 100%;
			width: 35%;
			cursor: pointer;
			z-index: 111;
			display: none;
			background-image: url(data:image/gif;base64,AAAA);
			outline: none;
		}
		
		a#fancy_left {
			left: 0px;
		}
		
		a#fancy_right {
			right: 0px;
		}
		
		span.fancy_ico {
			position: absolute;
			top: 50%;
			margin-top: -15px;
			width: 30px;
			height: 30px;
			z-index: 112;
			cursor: pointer;
			display: block;
		}
		
		span#fancy_left_ico {
			left: -9999px;
			background: transparent url('../img/fancybox/fancy_left.png') no-repeat;
		}
		
		span#fancy_right_ico {
			right: -9999px;
			background: transparent url('../img/fancybox/fancy_right.png') no-repeat;
		}
		
		a#fancy_left:hover {
		  visibility: visible;
		}
		
		a#fancy_right:hover {
		  visibility: visible;
		}
		
		a#fancy_left:hover span {
			left: 20px;
		}
		
		a#fancy_right:hover span {
			right: 20px;
		}
		
		.fancy_bigIframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: transparent;
		}
		
		div#fancy_bg {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 100%;
			z-index: 70;
			border: 0;
			padding: 0;
			margin: 0;
		}
		
		div.fancy_bg {
			position: absolute;
			display: block;
			z-index: 70;
			border: 0;
			padding: 0;
			margin: 0;
		}
		
		div.fancy_bg_n {
			top: -18px;
			width: 100%;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
		}
		
		div.fancy_bg_ne {
			top: -18px;
			right: -13px;
			width: 13px;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
		}
		
		div.fancy_bg_e {
			right: -13px;
			height: 100%;
			width: 13px;
			background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
		}
		
		div.fancy_bg_se {
			bottom: -18px;
			right: -13px;
			width: 13px;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
		}
		
		div.fancy_bg_s {
			bottom: -18px;
			width: 100%;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
		}
		
		div.fancy_bg_sw {
			bottom: -18px;
			left: -13px;
			width: 13px;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
		}
		
		div.fancy_bg_w {
			left: -13px;
			height: 100%;
			width: 13px;
			background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
		}
		
		div.fancy_bg_nw {
			top: -18px;
			left: -13px;
			width: 13px;
			height: 18px;
			background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
		}
		
		div#fancy_title {
			position: absolute;
			bottom: -33px;
			left: 0;
			width: 100%;
			z-index: 100;
			display: none;
		}
		
		div#fancy_title div {
			color: #FFF;
			font: bold 12px Arial;
			padding-bottom: 3px;
		}
		
		div#fancy_title table {
			margin: 0 auto;
		}
		
		div#fancy_title table td {
			padding: 0;
			vertical-align: middle;
		}
		
		td#fancy_title_left {
			height: 32px;
			width: 15px;
			background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
		}
		
		td#fancy_title_main {
			height: 32px;
			background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
		}
		
		td#fancy_title_right {
			height: 32px;
			width: 15px;
			background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
		}			
		
	/*	----------------------------------------------------------------------------
			B. Overrides
		--------------------------------------------------------------------------*/	
		
		div#fancy_overlay {
			z-index: 9051; /*TL - 3/1/2010 - Changed to overlay header image*/
			background-color:black;
			}	
		div#fancy_outer {
	   		 z-index: 9052;/*TL - 3/1/2010 - Changed to overlay header image*/
			}
		#fancy_content { 
			top: 0; right: 0; left: 0; bottom: 0; 
			}
		div#fancy_close { 
			right: -13px; top: -12px; 
			}