/* ----------------------------------------------------------------------------
	nbaGameInfoLrgCarousel.CSS
	Contains everything specific to the GAMEINFO CAROUSEL.	*/
/*	----------------------------------------------------------------------------
	Table Of Contents
	1.	GAMEINFO CAROUSEL CONTAINER
	2.	GAMEINFO CAROUSEL ITEMS
			
/*  -----------------------------------------------------------------------------
	(1) GAMEINFO CAROUSEL CONTAINER  */


#nbaGameInfoCarouselContain {
    width: 935px;
    }
   
    /* Generic Carousel Properties */
    .carousel { 
        position:relative; 
        clear:both; 
        left:0px; 
        margin-top:0px; 
        }
        
    .carousel .navButton {
        cursor:pointer; 
        display:block; 
        text-indent:-9999px; 
        background-repeat:none; 
        z-index:10; 
        background-position: center;
        }
        
    .carousel .container { 
       position:absolute; 
       overflow:hidden; 
      
       }
       
    .carousel .items { 
        position:absolute; 
        }
        
    .carousel .item { 
        position:relative;
        top: 3px;
        cursor:pointer;	    
        list-style-type:none; 
        margin:0px; 
        }
   
   /* CAROUSEL CONTAINER */     
    #Carousel2 { 
        width:932px; 
        height:117px; 
    	background-image: url(http://i.cdn.turner.com/nba/nba/.element/img/1.1/sect/playoffs2009/carousel/interface/nbaGIVidCarBG.jpg); 
    	background-repeat: repeat-x; 
    	border: 1px solid #e5e5e5;
    	}
    	
    #Carousel2 .container { 
        left:27px; 
        top:0px; 
        width:880px; 
        height:115px;
        border: 1px solid #e5e5e5; 
        }      
          
    #Carousel2 .items { /* image container slider */
    	top:0; 
    	left:2px; 
    	width:8000px; 
    	height:113px;
    	border: 1px solid #e5e5e5;  
    	} 
    	
    #Carousel2 .item { 
    	float:left; 
    	clear:right;
    	width:240px;
    	height:110px;    
    	}
    	
    #Carousel2 .item .icon { 
    	position:relative; 
    	left:0px; 
    	width:228px !important; 
    	height:117px;
    	cursor:pointer;
    	}
    	
    #Carousel2 .navButton { 
    	position:absolute; 
    	bottom:0px; 
    	width:27px; 
    	height:117px; 
    	}
    	
    #Carousel2 .navButton.previous {  
    	left:0px; 
    	background-image:url(http://i.cdn.turner.com/nba/nba/.element/img/1.1/sect/playoffs2009/carousel/interface/nbaGILeftVidBtn.jpg); 
    	background-repeat: no-repeat; 
    	width: 27px;
    	height: 117px; 
    	}
    	
    #Carousel2 .navButton.next { 
    	right:0px; 
    	background-image:url(http://i.cdn.turner.com/nba/nba/.element/img/1.1/sect/playoffs2009/carousel/interface/nbaGIRightVidBtn.jpg);  
    	background-repeat: no-repeat; 
    	width: 27px;
    	height: 117px; 
    	}

    /* Hide data items from selector */
    #Carousel2 .item .key {
    	display:none;
    	}
    
    #Carousel2 .item .picture { 
    	display:none;
    	}
    
   		
/*  -----------------------------------------------------------------------------
	(2) GAMEINFO CAROUSEL ITEM  */	
		#nbaGIbarItem {
			vertical-align:top;
			width: 215px;
			height: 100px;
			border-right: 1px solid #e5e5e5;
			padding-top: 3px;
			left: 4px;
			padding-right: 5px;
			position:relative;
			}
			
		.nbaGIvideoLeft {
			float:left;
			}
			
			.nbaGIvideoWrapper {
				left: 9px;
				position:relative;
				}
				
			.nbaGIvideoOverlay {
				border-width:0;
				display:inline-block;
				left:0;
				position:absolute;
				top:0;
			    }
			    
		.nbaGIvideoRight {
			width: 131px;
			margin-left:88px;
			_margin-left:82px !important;
			position:relative;
			}

			.nbaVideoSponsorText {
				margin:5px auto;
				text-align:left;
				width:131px;
				}
							    
			.nbaGItextHead{
				font-weight:bold;
				}
				
			.nbaGICamContain {
				margin:5px auto;
				text-align:left;
				width:131px;
				height: 10px;
				}
				
			.nbaGIitemCam {
			    position: relative;
			    float: left;
			    width: 16px;
			    height: 9px;
			    }
				
			.nbaGIcamText {
			   position: relative;
			   float: left;
			   left: 5px;
			   }
			   	
		.noFloat {
			clear:both;
			}