/**
 * @fileOverview    Universal CSS file which contains global styles for: (video pages) / (planet green).
 *                  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 (breadcrumb and page title) definitions
 */
#container-left-column #breadcrumb-video { 
        color: #8CC63F;
        background: #5F6060;
}

#container-left-column #breadcrumb-video li h1 { color: #CCCCCC; }

#container-left-column #breadcrumb-video li { color: #8CC63F; }

#container-left-column #breadcrumb-video li a { color: #8CC63F; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video thumbnail wrapper) definitions
 */
#container-left-column #video-thumbnail-area {
        border-right-color:#fff;
        border-bottom-color:#ccc;
        border-left-color:#fff;
        background:#fff;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video thumbnail runner) definitions
 */
#container-left-column .runner { background-image: url('/videos/images/modules/runner-background.jpg'); }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video thumbnail headers) definitions
 */
/* Topic - Show Hub Sprite Titles */
#container-left-column .runner h2 { background-image: url('/videos/images/runners/main-heads-sprite-show.gif'); }
        
#container-left-column .runner h2.full-episodes {
        width: 114px;
        height: 18px;
        margin-top: 3px;
        background-position: -1px 0;
}        

#container-left-column .runner h2.playlists {
        width: 73px;
        height: 18px;
        margin-top: 2px;
        background-position: -1px -22px;
}

#container-left-column .runner h2.clips {
        width: 42px;
        height: 18px;
        margin-top: 2px;
        background-position: 0 -46px;
}

/* Network Hub Sprite Titles */
#container-left-column #network-videos-module .runner h2, 
#container-left-column #network-shows-module .runner h2, 
#container-left-column #network-topics-module .runner h2 { background-image: url('/videos/images/runners/main-heads-sprite-network.gif'); }

#container-left-column #network-videos-module .runner h2.videos {
        width: 53px;
        height: 14px;
        margin-top: 2px;
        background-position: 0 0;
}

#container-left-column #network-shows-module .runner h2.shows {
        width: 50px;
        height: 14px;
        margin-top: 2px;
        background-position: 0 -24px;
}

#container-left-column #network-topics-module .runner h2.topics {
        width: 51px;
        height: 16px;
        margin-top: 2px;
        background-position: 0 -47px;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video total number) definitions
 */
#container-left-column .runner .total-number-videos { color: #333333; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video thumbnail list) definitions
 */
#container-left-column .video-list li {
        background-image: url('/videos/images/modules/thumbnail-background.jpg');
        background-color: transparent;
        background-position: 4px 76px;
}

#container-left-column .video-list li a .video-thumbnail { border-color: #FFFFFF; }

#container-left-column .video-list li a:hover .video-thumbnail { border-color: #58BECC; }

#container-left-column .video-list li a:hover img { border-color: #58BECC; }

#container-left-column .video-list li a:hover span img { border-color: transparent; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video descriptions) definitions
 */
#container-left-column .video-list li p { color: #333333; }

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (topic lists) definitions
 */
#network-shows-module .show-list, #network-topics-module .topic-list { background: url('/videos/images/modules/three-column-divider.gif') repeat 0px 0px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video information containers) definitions
 */
#container-left-column #video-info-container {
		background-color: #FFFFFF;
		border-bottom-color: #CCCCCC;
}

#container-left-column #video-info-container .title {
        background-color: #FFF;
		border-bottom-color: #CCC;
		border-left-color: #FFF;
        border-right-color: #FFF;
}

#container-left-column #video-info-container .description {
		border-left-color: #FFFFFF;
		border-right-color: #CCCCCC;
}

#container-left-column #video-info-container .stats { border-right-color: #FFFFFF; }

#container-left-column #video-info-container .stats p { color: #333333; }

#container-left-column #video-info-container .stats p.related-site a { color: #65BECC; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (share menu items) definitions
 */
#container-left-column #share-menu-1-open a, 
#container-left-column #share-menu-2-open a { color: #333333; }

#container-left-column #share-menu-1-open .close-box span a, 
#container-left-column #share-menu-2-open .close-box span a { 	color: #333333; }

#container-left-column #share-menu-1-open, 
#container-left-column #share-menu-2-open {
        background-color: #CCCCCC;
		border-color: #CCCCCC;
}

#container-left-column #share-menu-1-open form .submit-button { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 92px 0; }

#container-left-column #share-menu-1-open form input.submit { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 0 0; }

#container-left-column #share-menu-1-open form input.submit-over { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 0 -30px; }

#container-left-column #share-menu-1-open form input.text, 
#container-left-column #share-menu-1-open form textarea.textarea {
        background: #FFF;
		border-color: #999;
		color: #333333;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video dropdowns) definitions
 */
#container-left-column #video-info-container .description p { color: #333333; }

#container-left-column #video-player-container { background-color: #000; }

#container-left-column #video-info-container .title h2 { color: #333333; }

#container-left-column #video-info-container #share-utilities .email span { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 -36px; }

#container-left-column #video-info-container #share-utilities .email span a.staf-toggle { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 0px; }

#container-left-column #video-info-container #share-utilities .email span a.staf-toggle-open, #container-left-column #video-info-container #share-utilities .email span a.staf-toggle:hover, #container-left-column #video-info-container #share-utilities .email span a:hover.staf-toggle-open { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 -36px; }

#container-left-column #video-info-container #share-utilities .social span { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 -72px; }

#container-left-column #video-info-container #share-utilities .social span a.share-toggle { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 -72px; }

#container-left-column #video-info-container #share-utilities .social span a.share-toggle-open, 
#container-left-column #video-info-container #share-utilities .social span a:hover.share-toggle, 
#container-left-column #video-info-container #share-utilities .social span a:hover.share-toggle-open { background: url('/videos/images/buttons/email-share-sprite.gif') no-repeat 0 -108px; }

#container-left-column #show-related-module .runner h2 { background-image: url('/videos/images/runners/main-heads-sprite-asset.gif'); }

#container-left-column #show-related-module .runner h2.related { background-position: 0 0; }

#container-left-column #show-related-module .runner h2.you-might-also-like { background-position: 0 -24px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (share menu list items) definitions
 */
#container-left-column #share-menu-1-open form label { color: #333333; }

#container-left-column #share-menu-1-open .close-box, 
#container-left-column #share-menu-2-open .close-box {
        background: url('/videos/images/buttons/close-button.gif') no-repeat;
        background-position: 276px 3px;
        background-color: #999999;
}

#container-left-column #share-menu-2-open .close-box { background-position: 176px 3px; }

#container-left-column #share-menu-1-open form #reset-email { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 0 -90px; }

#container-left-column #share-menu-1-open form #reset-email span { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 0 -60px; }

#container-left-column #share-menu-1-open form #reset-email-over { background: transparent url('/videos/images/buttons/send-reset-sprite.gif') no-repeat 0 -90px; }

#container-left-column #share-menu-1-open form .character-count { 
        background: transparent;
        color: #333333;
}

#container-left-column #share-menu-1-open form #post-confirm-msg { color: #333333; }

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (playlists) (breadcrumbs) definitions
 */
#container-left-column #playlist-heading { background: #5F6060; }

#container-left-column #playlist-heading #titles .breadcrumb-divider { color: #999; }

#container-left-column #playlist-heading #breadcrumbs .breadcrumb-divider { color: #CCC; }

/** primary breadcrumb */
#container-left-column #titles { color: #CCC; }

#container-left-column #titles h1 { color: #FFF; }

#container-left-column #breadcrumbs { color: #36A9B7; }
 
 
/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (playlists) (playlists tab bar) definitions
 */ 
#container-left-column #playlist-actions {
        border-left-color: #FFF;
        border-right-color: #FFF;
        background: #FFF url('/videos/images/modules/playlist-actions.gif') repeat-x 0px 35px;
}

/** playlist tabs */
#container-left-column #playlist-actions #comments-tab,
#container-left-column #playlist-actions #playlist-tab,
#container-left-column #playlist-actions #information-tab { 
        border-color: #C7C7C7;
        background: #BABABA;
}

#container-left-column #playlist-actions #comments-tab a,
#container-left-column #playlist-actions #information-tab a,
#container-left-column #playlist-actions #playlist-tab a { color: #FFF; }

#container-left-column #playlist-actions #comments-tab.active,
#container-left-column #playlist-actions #information-tab.active,
#container-left-column #playlist-actions #playlist-tab.active { 
        color: #333;
        border-bottom-color: #FFF;
        background: #FFF;
}

#container-left-column #playlist-actions #comments-tab.active a,
#container-left-column #playlist-actions #information-tab.active a,
#container-left-column #playlist-actions #playlist-tab.active a { color: #333; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (playlists) (share/email overlays) definitions
 */
#container-left-column #playlist-actions #share-utilities .email span { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 -36px; }

#container-left-column #playlist-actions #share-utilities .email span a.staf-toggle { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 0px; }

#container-left-column #playlist-actions #share-utilities .email span a.staf-toggle-open, 
#container-left-column #playlist-actions #share-utilities .email span a.staf-toggle:hover, 
#container-left-column #playlist-actions #share-utilities .email span a:hover.staf-toggle-open { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 -36px; }

#container-left-column #playlist-actions #share-utilities .social span { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 -72px; }

#container-left-column #playlist-actions #share-utilities .social span a.share-toggle { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 -72px; }

#container-left-column #playlist-actions #share-utilities .social span a.share-toggle-open, 
#container-left-column #playlist-actions #share-utilities .social span a:hover.share-toggle, 
#container-left-column #playlist-actions #share-utilities .social span a:hover.share-toggle-open { background: url('/videos/images/buttons/email-share-sprite-playlist.gif') no-repeat 0 -108px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (playlists) (video playlist) definitions
 */ 
#container-left-column #playlist { 
        border-color: #FFF;
        background-color: #FFF;
}

#container-left-column #playlist.information-tab { border-bottom-color: #FFF; }

#container-left-column #playlist-container li { border-bottom-color: #C7C7C7; }

/** details wrapper */
#container-left-column #playlist-container li .detail-wrapper { border-color: #FFFFFF; }

/** container */
#container-left-column #playlist-container li .container { 
        background: #FFFFFF;
        color: #333;
}

#container-left-column #playlist-container li.now-playing .container { background: #EDEDED; }

/* playlist clip thumbnails */
#container-left-column #playlist-container .container td a .playlist-thumbnail { border-color: transparent; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video descriptions overlay) definitions
 */
#container-left-column #playlist-container a { 
        border: #FFFFFF;
        background: transparent;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video hub pages) (playlist count overlay) definitions
 */
#container-left-column .video-list .descriptive-text .overlay-clip-count { 
        color: #FFFFFF;
        background: #333333;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (video play button overlay) definitions
 */
#container-left-column #playlist-container .container td .now-playing a .playlist-thumbnail { border-color: transparent; }

/** clip name */
#container-left-column #playlist-container li .clip-name { color: #333; }

#container-left-column #playlist-container li.complete .clip-name a { color: #333; }

#container-left-column #playlist-container .container td a .playlist-thumbnail { border-color: transparent; }

#container-left-column #playlist-container .container td a:hover .playlist-thumbnail { border-color: transparent; }

/** details area */
#container-left-column #video-information #now-playing-details { border-left-color: #C7C7C7; }

#container-left-column #video-information { color: #333; }

#container-left-column #video-information .heading { color: #333; }

#container-left-column #video-information .title { color: #333; }

#container-left-column #video-information .title a { color: #36A9B7; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (new video hub) (featured videos block) definitions
 */
#featured-videos { 
        border-color: #FFF;
        background: #FFF; 
}

#featured-videos .title { color: #333; }

#featured-videos .description { color: #333; }

#featured-videos .caption { color: #333; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (new video hub) (video lists block) definitions
 */
#hub-content-wrapper {
        border-color: #FFF;
        background: #FFF;
}

/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (pagination) definitions
 */
#container-left-column .pagination {
        border-color: #C1C1C1;
        background: #FFFFFF;
}

#container-left-column #video-results .pagination li {
        background-image: none;
        background-color: transparent;
}

#container-left-column .pagination li.previous span,
#container-left-column .pagination li.next span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat 0 0; }


/* pagination arrow - inactive state */
#container-left-column .pagination li.previous span { background-position: -1px -35px; }

#container-left-column .pagination li.next span { background-position: -12px -35px; }

/* pagination arrow - initial state */
#container-left-column .pagination li.previous a span { background-position: -1px -1px; }

#container-left-column .pagination li.next a span { background-position: -12px -1px; }

/* pagination arrow - over state */
#container-left-column .pagination li.previous a:hover span { background-position: -1px -18px; }

#container-left-column .pagination li.next a:hover span { background-position: -12px -18px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (sort options display) definitions
 */
#container-left-column #sort-options .active-option { border-color: #C1C1C1; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (sort options overlay) definitions
 */
#container-left-column #sort-options .active-option a span { color: #333333; }

#container-left-column #sort-options .active-option #list-options { border: 2px solid #C1C1C1; }

#container-left-column #sort-options .active-option #list-options a {
        color: #333;
        background-color: #FFF;
} 

#container-left-column #sort-options .active-option #list-options a:hover {
        color: #FFF;
        background-color: #58BECC;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (page mission statement) definitions
 */
#mission-statement {
        color: #333;
        background-color: #FFF;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (dynamic rotating lead) definitions
 */
#drl-container {
        background: #FFF;
        border-color: #FFF;
}

/** dhtml dynamic rotating lead content section **/
.drl-slide .content { background-color: #FFF; }

.drl-slide .content ul { border-bottom-color: #CCC; }

/* drl - back/next arrows */
.drl-slide .content li.previous a,
.drl-slide .content li.next a,
.drl-slide .content li.previous a:hover,
.drl-slide .content li.next a:hover { background: none; }

.drl-slide .content li.previous a span,
.drl-slide .content li.next a span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat; }

/* pagination arrow - inactive state */
.drl-slide .content li.previous span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -1px -35px; }

.drl-slide .content li.next span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -12px -35px;  }

/* pagination arrow - initial state */
.drl-slide .content li.previous a span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -1px -18px; }

.drl-slide .content li.next a span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -12px -18px; }

/* pagination arrow - over state */
.drl-slide .content li.previous a:hover span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -1px -35px; }

.drl-slide .content li.next a:hover span { background: transparent url('/images/modules/pagination/pagination-arrows-sprite.gif') no-repeat -12px -35px; }

.drl-slide .content .drl-heading { color: #333; }

.drl-slide .content .drl-caption { color: #333; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (network hub) (show badge list) definitions
 */
#container-left-column #section-toggle li {
        border-right-color: #666;
        color: #666;
}

#container-left-column #section-toggle li span { color: #333; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for MODULES (show hub) (video auto player & title & description) definitions
 */
#container-left-column #video-auto-player-container {
        border-color: #FFF;
        background: #FFF; 
}

#container-left-column #video-auto-player-container .content-items .video  #video-player-container{
		color: #CCC;
}