/**
 * @fileOverview    Universal CSS file which contains global styles for: (dynamic rotating lead) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Fri, 11 April 2009 13:39:17 EST.
 *                  Copyright (C) Discovery.com 2009. All Rights Reserved.
 * @name            david hogge
 */


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) definitions
 */
.carousel-component { 
        position: relative;
        overflow: hidden;
        display: block;
}
				
.carousel-component ul.carousel-list { 
        width: 4950px;
        position: relative;
        z-index: 1; 
}

.carousel-component .carousel-list li { 
        float: left;
        width: 990px;
        height: 424px;
        list-style: none;
        overflow: hidden;
}

.carousel-component .carousel-clip-region { 
        overflow: hidden;
        margin: 0px auto;
        position: relative; 
}

#dynamic-rotating-lead {
        width: 990px; 
        height: 424px;
        margin: 0 auto;
        text-align: left;
        overflow: hidden;
}

#dynamic-rotating-lead dl { 
        width: 990px; 
        height: 424px;
}

#dynamic-rotating-lead dd { float: left; }

#dynamic-rotating-lead .carousel-list { list-style-type: none; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) definitions
 */
#dynamic-rotating-lead .content {
        width: 312px;
        height: 413px;
        padding: 9px 0 0 14px;
        border: 1px solid;
        border-right: none;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (video thumbnail area) definitions
 */
.drl-slide { display: block; }

.drl-slide .content .video-thumbnail {  
        overflow: hidden;
        position: relative;
        width: 292px;
        height: 165px;
        padding: 10px 10px 7px 10px; 
}


.drl-slide .content .video-thumbnail a { text-decoration: none; }

.drl-slide .content .video-thumbnail img { 
        width: 292px;
        height: 165px;
}

.drl-slide .content .video-thumbnail .photo-overlay img {
        display: block;
        position: absolute;
        top: 66px;
        left: 130px;
        width: 52px;
        height: 52px;
} 


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (copy and link details) definitions
 */
.drl-slide .content .text-block {
        height: 167px;
        padding: 10px 10px 0 10px; 
        overflow: hidden;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (content container) (slide navigation) definitions
 */
.drl-slide .content ul { 
        list-style-type: none;
        height: 15px;
        padding: 10px 0px 0px 104px;
}

.drl-slide .content ul.slides-total-5 { padding-left: 104px; }

.drl-slide .content ul.slides-total-4 { padding-left: 111px; }

.drl-slide .content ul.slides-total-3 { padding-left: 118px; }

.drl-slide .content ul.slides-total-2 { padding-left: 125px; }

.drl-slide .content ul.slides-total-1 { padding-left: 132px; }

.drl-slide .content ul li {
        float: left;
        width: 12px;
        height: 15px;
        margin: 2px 3px 0 0;
}

.drl-slide .content ul li.previous {
        float: left;
        width: 9px;
        margin: 0 8px 0 0;
}

.drl-slide .content ul li.next { 
        float: left; 
        width: 9px;
        margin: 0 0 0 5px;
}

/* drl - item icon */
.drl-slide .content ul li a span {
        display: block;
        width: 12px;
        height: 12px;
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
}

.drl-slide .content ul li a:hover span {
        display: block;
        width: 12px;
        height: 12px;
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
}

/* drl - back/next arrows */
.drl-slide .content ul li.previous a span,
.drl-slide .content ul li.next a span {
        display: block;
        float: left;
        width: 9px;
        height: 15px;
        margin-right: 1px;        
        overflow: hidden;
        text-indent: -5000px;
        cursor: pointer;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) (photo container) definitions
 */
#dynamic-rotating-lead .photo {
        width: 662px;
        height: 422px;
        border: 1px solid;
        border-left: none;
}

#dynamic-rotating-lead .photo a {
        display: block;
        width: 662px;
        height: 422px;
        text-decoration: none;
}

#dynamic-rotating-lead .photo a span { visibility: hidden; }