﻿/*HOMEPAGE*/

.bc_region_ae .MasterContentDiv .MainPanel .ContentText{ pointer-events:none}

.MasterContentDiv .MainPanel .ContentText{ pointer-events: none!important; }

/*  ----------------------------------------------  New Highlight with purple background  -----------------------------------------  */

.MasterContentDiv .MainPanel .ContentText{pointer-events:all;}
.MasterContentDiv .MainPanel .ContentText .Links
{
    padding-top: 7px;
    width: auto;
    overflow:hidden;

    pointer-events:auto;
    margin-top:10px;
    margin-right:50px;
}
.MasterContentDiv .MainPanel .ContentText .Subtitle2{ width:420px}
.MainContentDiv .MainPanel .ContentText .Title span.typeface-js-vector-container {
    width:420px;
    display:block;
    position:relative;
    bottom:auto;
}
/*People*/
.MainContentDiv .MainPanel .People .ContentText .Subtitle{background:transparent url(../../Images/Main/logoNatgeoPeopleHighlight.png) no-repeat;}
.MainContentDiv .MainPanel .People .ContentText .TxDate{ font-family:'helvetica_neue_lt_com65Md'; margin:10px 0}
.MainContentDiv .MainPanel .People .ContentText .Subtitle2{ text-transform:none; font-family: 'helvetica_neue_lt_com55_roman'; font-size:16px;}
.MainContentDiv .MainPanel .People .ContentText .Title,
.MainContentDiv .MainPanel .People .ContentText .Title.DINCEBoldBold,
.MainContentDiv .MainPanel .People .ContentText .Title.ArialBold
{font-family: 'helvetica_neue_lt_com75_bold'; color:#00ac92; text-transform:lowercase; line-height:45px;}
.bc_region_tr .MainContentDiv .MainPanel .People .ContentText .Title{ text-transform:inherit}
.MainContentDiv .MainPanel .People .ContentText .container{background: transparent url(../../Images/Controls/MainPanelDescriptionPeopleBg.png) no-repeat left bottom; width: 398px;}

.Carousel a.ButtonXSmall .middle{background: none;}

.Carousel a.ButtonXSmall .middle {
    font-family: 'HCo Verlag', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif;
    font-weight: 400!important;
    text-transform: uppercase!important;
    letter-spacing: 0.25em;
    font-size: 14px;
}

a.ButtonXSmall .right, a.ButtonXSmall .left{ background:none!important}

.MasterContentDiv a.ButtonXSmall .middle, .MasterContentDiv a.ButtonBig .middle {
    font-family: 'HCo Verlag', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif;
    font-weight: 400!important;
    text-transform: uppercase!important;
    letter-spacing: 0;
    font-size: 14px;
    color: #000;
    text-shadow: none;
	background:none
}


.MasterContentDiv .Carousel a.ButtonXSmall .middle, .MasterContentDiv .Carousel a.ButtonBig .middle
{ color:#fc0}


/*Wild*/
.MainContentDiv .MainPanel .Wild .ContentText .Subtitle{background:transparent url(../../Images/Main/logoNatgeoWildHighlight.png) no-repeat;}
.MasterContentDiv .MainPanel .NgcHd .ContentText .Subtitle
{ width: 154px;height:55px;overflow:hidden; top:20px;background:transparent url(../../Images/Main/logoNatgeoHDHighlight.png) no-repeat;position:absolute;text-indent:-999px;}

/*Natgeo*/
.MasterContentDiv .MainPanel .ContentText .TxDate{font-family:arial, serif; font-weight:normal; margin-top:10px; width:400px; margin-right:50px;}

.bc_region_il .MasterContentDiv .MainPanel .ContentText .Subtitle{ right: 0px;}

.MasterContentDiv .MainPanel .ContentText .Subtitle
{ width: 178px;height:55px;overflow:hidden;top:20px;background:transparent url(../../Images/Main/logoNatgeoHighlight.png) no-repeat;text-indent:-999px; margin-right:16px;}

.MasterContentDiv .MainPanel .ContentText .Subtitle2.Subtitle2-il{margin-right:0px !important;}
.MasterContentDiv .MainPanel .ContentText .Subtitle2{font-size: 14px;color: #fff;overflow:hidden;padding-top:10px;text-transform:uppercase; margin-right:50px;}
.MasterContentDiv .MainPanel .ContentText .Title{color: #fff; margin-top: 74px;display: inline-block;line-height: 45px;text-transform:uppercase;font-size: 45px; width:auto; height:auto; margin-right:50px; z-index:50;padding: 0 0 15px 10px;}
.MasterContentDiv .MainPanel .ContentText .container
{ width: 425px;padding: 15px 10px 15px 40px;height:430px;box-shadow:none!important; /*background:rgba(0, 0, 0, 0.5)!important*/}
.bc_region_it .MasterContentDiv .MainPanel .ContentText .container{background: transparent url(../../Images/Controls/MainPanelDescriptionBg_italy.png) no-repeat left bottom;}

@font-face {
    font-family: 'helvetica_neue_lt_com65Md';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.woff') format('woff'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neue_lt_com75_bold';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.woff') format('woff'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue_lt_com55_roman';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.woff') format('woff'),
    url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*  ----------------------------------------------  end/ New Highlight with purple background  -----------------------------------------  */





/*HOMEPAGE*/

body.WithBanner
{
    background-image:url(../../Images/HomePage/BackgroundWithBanner.png);
    background-position:center top;
    background-color:#fff;
    background-repeat:no-repeat;
    overflow-x:hidden;
}
body.NoBanner
{
    background-image:url(../../Images/HomePage/BackgroundNoBanner.png);
    background-position:center top;
    /*background-image:url(../Images/HomePage/BackgroundNoBanner.png), url(../Images/HomePage/bgFooter.jpg);
    background-position:center top, center bottom;*/
    background-color:#fff;
    background-repeat:no-repeat;
    overflow-x:hidden;
}

.HomePageContent
{
    float: right;
    width: 980px;
    background-color: #e7e7e7;
    /*box-shadow:2px 0px 12px #b2b2b2; -moz-box-shadow:2px 0px 12px #b2b2b2; -webkit-box-shadow:2px 0px 12px #b2b2b2;*/
    position:relative;
    z-index:500;
    overflow:hidden;
}

.HomePageContent .leftColumn
{
    float: right;
    width: 650px;
    background-color: #f7f7f7;
    padding-bottom: 20px;
}

.HomePageContent .leftColumn .modulesContainer
{
    margin-top: 20px;
    float:left;
    width: 640px;
    margin-right: 10px;
    font-size: 12px;
    background:url("../../Images/HomePage/dotted-BG.png") repeat-y scroll 319px top;
}

.HomePageContent .leftColumn .modulesContainer :nth-child(2n)
{
    border-left: none;
}


.HomePageContent .rightColumn
{
    float: right;
    width: 330px;
    padding-bottom: 20px;
}

.HomePageContent .rightColumn:after{
    background:url(../../Images/RTL/shadowBar.png);
    background-position:left top;
    content:"";
    height:3146px;
    width:47px;
    position: absolute;
    left:285px;
    top:0px;
    z-index:1;
    background-repeat:no-repeat;
    pointer-events:none;

}

.HomePageContent .rightColumn .followUsDiv
{
    width: 306px;
    float: right;
    padding: 10px 12px 0 12px;
    color: #A8A9AD;
    border-top: 1px solid #a3a3a3;
    margin-top: 10px;
}

.HomePageContent .rightColumn .followUsDiv h2
{
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #c3c3c3;
    padding-top: 5px;
    text-shadow: 0 1px 0px #FFFFFF;
}

.HomePageContent .rightColumn .followUsDiv ul
{
    float: right;
}

.HomePageContent .rightColumn .followUsDiv li
{
    float: right;
    margin-right: 8px;
}

.HomePageContent .rightColumn .followUsDiv li img
{
    height: 30px;
}

/*=== WHAT'S ON ===*/

.WhatsOn
{
    width: 620px;
    margin-right:20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #bebdbd;
    color: #808080;
}

.WhatsOn a
{
    color: #808080;
}

.WhatsOn .WhatsOnHeader
{
    height: 30px;
    width: 620px;
}

.WhatsOn .WhatsOnHeader h3
{
    font-size: 20px;
    font-weight: bold;
    color: #b7b7b7;
    float: right;
}

.WhatsOn .WhatsOnHeader ul
{
    float: left;
    padding-top: 8px;
    font-size: 13px;
    font-weight: bold;
}

.WhatsOn .WhatsOnHeader ul li
{
    padding: 0px 10px 0px 10px;
    float: right;
}

.WhatsOn .WhatsOnHeader ul li a
{
    font-size: 13px;
    font-weight: bold;
    color:#0099cc;
    text-decoration:underline
}

.WhatsOn .WhatsOnHeader ul li a:hover{ text-decoration:none; background-color:#FFF199}

.WhatsOnTabs
{
    background: #f6f7f7 url(../../Images/TabButtons/TabButtonsBg.gif) repeat-x 2px bottom;
    width: 620px;
    margin-bottom: 15px;
    float: right;
}

.WhatsOnTabs .Tab
{
    margin-left: 2px;
}

.WhatsOnTabs .Ngc
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoNotSelected.gif);
}

.WhatsOnTabs .NgcSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Wild
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoWildNotSelected.gif);
}

.WhatsOnTabs .WildSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoWildSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Adventure
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoAdventureNotSelected.gif);
}

.WhatsOnTabs .AdventureSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoAdventureSelected.gif) no-repeat left top;
}

.WhatsOnTabs .NgcHd
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoHDNotSelected.gif);
}

.WhatsOnTabs .NgcHdSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoHDSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Music
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoMusicNotSelected.gif);
}

.WhatsOnTabs .MusicSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoMusicSelected.gif) no-repeat left top;
}

.WhatsOnTabs .WildHd
{
    width: 115px;
    height: 39px;
    background-image: url(../../Images/TabButtons/NatGeoWildHDNotSelected.gif);
}

.WhatsOnTabs .WildHdSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../../Images/TabButtons/NatGeoWildHDSelected.gif) no-repeat left top;
}

.WhatsOn h4
{
    color: #d0d0d0;
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
}


.WhatsOn .WhatsOnContent
{
    position: relative;
    z-index: 100;
}

.WhatsOn .NowShowing
{
    height: 163px;
    width: 220px;
}

.WhatsOn .NowShowing h5
{
    font-size: 15px;
    width: 220px;
    float: right;
    padding-top: 7px;
}

.WhatsOn .NowShowing p
{
    width: 220px;
    padding: 5px 0px;
    float: right;
}

.WhatsOn .Tonight
{
    width: 380px;
}

.WhatsOn .Tonight .EpisodeDetails
{
    border-top: 1px solid #D6D7D8;
    padding: 7px 0;
    width: 380px;
    float: right;
}
.WhatsOn .Tonight .EpisodeDetails.FirstItem
{
    border-top: 0;
}

.WhatsOn .Tonight .ShowingHour
{
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
    width: 60px;
    float: right;
    position: relative;
    z-index: 1950;
    text-align: left;
}

.WhatsOn .Tonight .EpisodeDetails .ReminderDiv
{
    float: right;
    width:15px;
    height: 15px;
}


.WhatsOn .Tonight h5
{
    font-weight: bold;
    font-size: 15px;
    padding-right: 10px;
}


.WhatsOn .Tonight .OverlayDescription
{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    background-color: #EAEAEC;
    padding: 10px;
    width: 200px;
    z-index: 1940;
}

.WhatsOn .Tonight .OverlayDescriptionArrow
{
    /*background: transparent url(../../Images/WhatsOnModule/EpisodeDetailsArrow_RTL.gif) no-repeat scroll center center;*/
    height: 13px;
    width: 7px;
    position: absolute;
    top: 0px;
    right: -20px;
    display: none;
    z-index: 1930;
}


.WhatsOn .Tonight .OverlayDescription h5
{
    border-bottom: 1px solid #C5C6C9;
    padding-bottom: 8px;
    font-weight: bold;
    padding-right: 0px;
}

.WhatsOn .Tonight .OverlayDescription p
{
    padding-top: 8px;
    float: right;
}

.WhatsOn .Tonight .EpisodeDetails:hover .OverlayDescription
{
    display: block;
}

.WhatsOn .Tonight .EpisodeDetails:hover .OverlayDescriptionArrow
{
    display: block;
}

/*MOST POPULAR SHOWS*/

.MostPopularShows
{
    width: 330px;
    float: right;
    border-top: 1px solid #a3a3a3;
    padding-top: 20px;
    margin-top: 10px;
}

.MostPopularShows h3
{
    color: #c3c3c3;
    font-size: 20px;
    font-weight: bold;
    margin-right: 12px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0px #FFFFFF;
}

.MostPopularShows .Item
{
    padding: 10px 8px;
    float: right;
    width: 314px;
    font-size: 13px;
    color: #808080;

    border-top: 1px solid #ffffff;
    -moz-box-shadow: 0px -1px 0px #babab9;
    -webkit-box-shadow: 0px -1px 0px #babab9;
    box-shadow: 0px -1px 0px #babab9;
    margin-top: 1px;
}
.MostPopularShows .Item.NoBorder
{
    border-top: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
}
.MostPopularShows .Item:hover
{
    background-color: #f6f2c7;
    text-decoration: none;
}

.MostPopularShows .Item img
{
    width: 140px;
    height: 79px;
    float: right;
    border: 2px solid #f8f8f8;
    margin-left: 6px;
    -moz-box-shadow: 0px 0px 3px #333333;
    -webkit-box-shadow: 0px 0px 3px #333333;
    box-shadow: 0px 0px 3px #333333;
}

.MostPopularShows .Item:hover img
{
    border-color: #fdda01;
}

/*most popular videos HOME*/
.MostPopularVideos .Item{ position:relative}
.MostPopularVideos .imgOverlay{position: absolute; left: 43px; top: 16px; width:69px; height:69px; background: transparent url(../Images/GenericModule/VideoOverlay.png) no-repeat center center; z-index:1; display:inline-block}
.MostPopularVideos a:hover .imgOverlay{background-image: url(../Images/GenericModule/VideoOverlayHover.png)}

/*=== GENERIC MODULE ===*/

.GenericModule
{
    float: right;
    width: 300px;
    height: 340px;
    padding: 0 10px 10px 9px;
    color: #808080;
    /*border-left: 1px dotted #BEBDBD;*/
}

.GenericModule .Content
{
    float: right;
    border-top: 1px dotted #BEBDBD;
}

.GenericModule .Content .GrayHeader
{
    padding-top: 9px;
    height: 32px;
}

.GenericModule .Content a
{
    color: #0099cc;
    text-decoration:underline
}

.GenericModule .Content a:hover{text-decoration:none}

.GenericModule.NoBorderTop .Content
{
    border-top: 0;
}

.GenericModule .ImageLink
{
    float:right;
    position:relative;
}
.GenericModule .ImageLink img
{
    float:right;
    width: 300px;
    height: 169px;
}
.GenericModule.Video .ImageLink .imgOverlay
{
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 169px;
    background: transparent url(../../Images/GenericModule/VideoOverlay.png) no-repeat center center;
}
.GenericModule.Video .ImageLink:hover .imgOverlay
{
    background-image: url(../../Images/GenericModule/VideoOverlayHover.png)
}

/*.GenericModule.Competition .ImageLink .imgOverlay
{
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background: transparent url(../../Images/GenericModule/CompetitionNew.png) no-repeat left top;
}

.GenericModule.Custom .ImageLink .imgOverlay
{
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background: transparent url(../../Images/GenericModule/CustomNew.png) no-repeat left top;
}*/

.GenericModule h4
{
    float:right;
    clear: right;
    width: 300px;
    padding-top: 9px;
}

.GenericModule h4 a
{
    color: #808080;
    font-size: 15px;
    font-weight: bold;
}

.GenericModule .Description
{
    padding: 9px 0 3px 0;
    float:right;
    clear: right;
    width: 300px;
}

/*=== WEBISODES MODULE ===*/

.WebisodesModule
{
    width: 319px;
    height: 340px;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    /*border-left: 1px dotted #BEBDBD;*/
}

.WebisodesContent
{
    width: 319px;
    margin-top: 11px;
}

.WebisodesContent.NoBorderRight
{
    width: 320px;
    border-left: 0;
}

.WebisodesContent.NoBorderRight .WebisodesContent
{
    width: 320px;
}

.WebisodesModule .PaddingSides
{
    padding: 0 10px;
}

/*== HEADER ==*/
.WebisodesModule a.WebsiodesLogo
{
    float: right;
    background: transparent url(../../Images/Webisodes/Logo.png) no-repeat right top;
    width: 107px;
    height: 17px;
    margin-top: 13px;
}

.WebisodesModule a.WebsiodesLogo:hover
{
    background-position: right bottom;
}

.WebisodesModule .ViewButtons
{
    float: right;
    margin-right: 25px;
    margin-top: 14px;
}

.WebisodesModule .ViewButtons .DefaultBtn
{
    width: 20px;
    height: 16px;
    background: transparent url(../../Images/Webisodes/BtnDefaultView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .ThumbBtn
{
    width: 19px;
    height: 16px;
    background: transparent url(../../Images/Webisodes/BtnThumbView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .ListBtn
{
    width: 19px;
    height: 16px;
    background: transparent url(../../Images/Webisodes/BtnListView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .DefaultBtn:hover, .WebisodesModule .ViewButtons .ThumbBtn:hover, .WebisodesModule .ViewButtons .ListBtn:hover
{
    background-position: 0px -16px;
}

.WebisodesModule .ViewButtons .DefaultBtn.selected, .WebisodesModule .ViewButtons .ThumbBtn.selected, .WebisodesModule .ViewButtons .ListBtn.selected
{
    background-position: 0px -32px;
}

.WebisodesModule .sponsorLogo
{
    width: 70px;
    height: 30px;
    background-color: #71bad0;
    float: left;
}


.WebisodesLoading
{
    position: absolute;
    top: 41px;
    right: 10px;
    width: 300px;
    background: transparent url(../../Images/Webisodes/LoadingBg.png) repeat;
    z-index: 10;
    height: 169px;
    display: none;
}

.WebisodesLoading.NoBackground
{
    background: none;
}

.WebisodesLoading .LoadingLogo
{
    background: transparent url(../../Images/Webisodes/LoadingLogo.gif) no-repeat;
    width: 32px;
    height: 46px;
    margin: 66px 137px 0 0;
}

.WebisodesThumbnailLoading
{
    position: absolute;
    top: 38px;
    right: 10px;
    width: 300px;
    z-index: 10;
    height: 279px;
    display: none;
}

.WebisodesThumbnailLoading .LoadingVideoItem
{
    height: 87px;
    padding: 3px 0;
    width: 300px;
}

.WebisodesThumbnailLoading .LoadingVideoItem .imageContainer
{
    width: 148px;
    height: 87px;
    background: transparent url(../../Images/Webisodes/LoadingBg.png) repeat;
    float: right;
}

.WebisodesThumbnailLoading .LoadingVideoItem .loadingLogo
{
    background: transparent url(../../Images/Webisodes/LoadingLogo.gif) no-repeat;
    width: 32px;
    height: 46px;
    float: right;
    margin: 20px 58px;
}


/*== DEFAULT VIEW ==*/

.WebisodesModule .image
{
    position: relative;
}

.WebisodesModule .image img
{
    width: 300px;
    height: 169px;
    border: none;
}

.WebisodesModule .new
{
    position: absolute;
    left: -2px;
    top: -2px;
    width: 125px;
    height: 67px;
    background: transparent url(../../Images/POD/WidgetNew.png) no-repeat scroll left top;
}

.WebisodesModule .PlayVideoLink
{
    margin-bottom: 9px;
}

.WebisodesModule .PlayBtn
{
    position: absolute;
    width: 300px;
    height: 169px;
    top: 0;
    right: 0;
    background: transparent url(../../Images/Webisodes/PlayBtnSmall.png) no-repeat scroll center center;
}

.WebisodesModule .image:hover .PlayBtn
{
    background-image: url(../../Images/Webisodes/PlayBtnLarge.png);
}

.WebisodesModule .contentText .title
{
    font-size: 15px;
    font-weight: bold;
    color: #808080;
}

.WebisodesModule .contentText .description
{
    float: right;
    font-family: Arial;
    width: 300px;
    padding: 9px 0 3px 0;
    color: #808080;
}

.WebisodesModule a
{
    color: #0099cc;
    text-decoration:underline
}


.WebisodesModule .ThumbList
{
    float: right;
}

.WebisodesModule .ThumbList li.VideoItem
{
    padding: 3px 0px;
    height: 87px;
    width: 319px;
}

.WebisodesModule .ThumbList li:hover,  .WebisodesModule .TitleList li:hover, .WebisodesModule .PlayVideoLink:hover
{
    background-color: #F6F2C7;
    text-decoration: none;
}

/*== THUMB VIEW ==*/
.WebisodesModule .ThumbList .contentText
{
    width: 147px;
    float: right;
}

.WebisodesModule .ThumbList .imageContainer
{
    background-color: #f8f8f8;
    width: 147px;
    height: 87px;
    float: right;
}

.WebisodesModule .ThumbList .image
{
    width: 140px;
    height: 79px;
    border: 1px solid #ebebeb;
    margin: 1px;
    padding: 2px;
}

.WebisodesModule .ThumbList .contentText .title
{
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    color: #666;
    float: right;
    width: 147px;
}

.WebisodesModule .ThumbList .contentText .duration
{
    font-family: Arial;
    font-weight: normal;
    color: #7A7A7A;
}

.WebisodesModule .ThumbList .contentText .description
{
    float: right;
    font-family: Arial;
    color: #666;
    width: 147px;
}

.WebisodesModule .ThumbPager
{
    float: right;
    border-top: 1px dotted #b7b8bb;
    margin-top: 7px;
    margin-left: 10px;
    width: 80px;
    padding: 8px 103px 0px 110px;
}

.WebisodesModule .ThumbPager a
{
    background: transparent url(../../Images/Webisodes/pagerItem.png) no-repeat 0px 0px;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 7px;
}

.WebisodesModule .ThumbPager a:hover
{
    background-position: 0px -10px;
}

.WebisodesModule .ThumbPager a.selected
{
    background-position: 0px -20px;
}


/*== TITLE VIEW ==*/

.WebisodesModule .TitleList
{
}

.WebisodesModule .TitleList li a
{
    border-bottom: 1px dotted #c9cacc;
    padding: 4px;
    width: 292px;
    float: right;
}

.WebisodesModule .TitleList a:hover
{
    text-decoration: none;
}

.WebisodesModule .TitleList .showtitle
{
    font-family: Arial;
    font-size: 12px;
    color: #7A7A7A;
    font-weight: bold;
}

.WebisodesModule .TitleList .title
{
    font-family: Arial;
    font-size: 12px;
    color: #7A7A7A;
    font-weight: normal;
}

.MostPopularShows .Item a
{
    color: #62645c;
}

/*== POD MODULE ===*/

.PODModule
{
    width: 300px;
    padding: 0 10px 10px 9px;
    height: 340px;

    /* border-left: 1px dotted #BEBDBD;*/
}

.PODModule.NoBorderRight
{
    padding-left: 10px;
    border-left: 0;
}

.PODModule .PodModuleHeader
{
    float: right;
    height: 41px;
    width: 300px;
}

.PODModule .LogoSmall
{
    width: 24px;
    height: 23px;
    background: transparent url(../../Images/POD/LogoSmall.png) no-repeat scroll left top;
    margin-top: 11px;
}

.PODModule .headerText
{
    color: #808080;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
    background: transparent url(../../Images/POD/LogoSmall.png) no-repeat scroll 0px 0px;
    padding-left: 29px;
    padding-bottom: 6px;
}

.PODModule .headerText:hover
{
    background-position: 0px -30px;
    text-decoration: none;
}

.PODModule .new
{
    position: absolute;
    left: -2px;
    top: -2px;
    width: 125px;
    height: 67px;
    background: transparent url(../../Images/POD/WidgetNew.png) no-repeat scroll left top;
}

.PODModule .image
{
    cursor: pointer;
    position: relative;
}

.PODModule .contentText
{
    height: 42px;
    padding: 9px 0 3px 0;
}

.PODModule .date
{
    margin-top: 9px;
}

.PODModule h4.date a
{
    font-size: 15px;
    font-weight: bold;
    color: #62645c;
}

.PODModule .contentText .text
{
    color: #808080;
    font-size: 12px;
    width: 294px;
    float: right;
    font-family: Arial;
}


.PODModule .contentText .text a
{
    color: #808080;
}

.PODModule .contentLink
{
    float: right;
    clear: right;
    width: 300px;
}

.PODModule .contentLink a
{
    color: #0099cc;
    text-decoration:underline
}

.PODModule .sponsorLogo
{
    width: 70px;
    height: 30px;
    background: #000;
}

.GenericModule .Content h4 a{color: #62645c; text-decoration:none}


/*SOCIAL PLUGINS*/
.FBLikeBox, .TwitterFeed
{
    float: right;
    padding-top: 20px;
    padding-right: 15px;
    width: 315px;
}
.FBLikeBox h3, .TwitterFeed h3
{
    color: #C3C3C3;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.FBLikeBox .content
{
    background-color: #ffffff;
    width: 300px;
}





/*MAIN PANEL*/

.MainPanel
{
    visibility: visible;
    float: left;
    position: relative;
    z-index: 1;

    width: 980px;
    height: 460px;
    background-color: #000000;
}

.Carousel
{
    overflow:hidden;
    width: 980px;
    height: 460px;
    background-color: #000000;
}


.PanelDetails{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    overflow:hidden;
    width: 980px;
    height: 460px;
    background-color: #000000;
}


.MainPanel .MainPanelImage{
    border: none;
    overflow: hidden;
    width: 980px;
    height: 460px;
}

/*
.PanelBackground
{
    background: transparent url(../Images/Controls/MainPanelDescriptionBg.png) repeat scroll left top;
    width: 330px;
    height: 460px;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
}*/

.PanelShadows
{
    background: transparent url(../../Images/Controls/MainPanelShadows.png) no-repeat left top;
    width: 980px;
    height: 480px;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.MainPanel .ContentText
{
    /*background: transparent url(../../Images/Controls/MainPanelDescriptionBorder.png) no-repeat left top;
    width: 980px;
    padding-top: 1px;
    position: absolute;
    bottom: -600px;
    left: 0;
    color: #f6f7f7;
    font-size: 17px;
    z-index: 3;*/

    padding-top: 1px;
    position: absolute;
    bottom: -600px;
    right: 0;
    color: #f6f7f7;
    font-size: 17px;
    z-index: 3;
    right:0;
    /*pointer-events:none;*/
}
.MainPanel .ContentText .container
{
    /* background: transparent url(../../Images/Controls/MainPanelDescriptionBg.png) repeat left top;
     width: 940px;
     padding: 15px 20px;*/

    background: transparent url(../../Images/RTL/MainPanelDescriptionBg.png) no-repeat -2px bottom;
    width: 621px;
    padding: 15px 50px 15px 10px;
    height:300px;
}

.MainPanel .ContentText .Title
{
    /* width: 940px;
     color: #ffcc00;
     display: inline-block;
     line-height: 100%;
     font-size: 28px;
     overflow:hidden;*/

    color: #ffcc00;
    display: inline-block;
    line-height: 100%;
    font-size: 60px;
    overflow:hidden;
    /*margin-bottom:67px;*/

    /*	position:absolute;*/
    text-transform:uppercase;
    width:900px;
    letter-spacing:-3px;
    z-index:-1;
    height:70px;
}

.MainPanel .ContentText .TxDate
{
    /*width: 940px;
    color: #CCCCCC;
    font-size: 18px;
    font-weight: bold;
    overflow:hidden;
    padding-top: 4px;*/

    width: 592px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    overflow:hidden;
    /*font-family:"NGC Din Medium", Arial, Helvetica, sans-serif;*/
    /*position:absolute;*/
    top:140px;
}

.MainPanel .ContentText .Subtitle
{
    /*width: 940px;
    font-size: 15px;
    color: #f5f5f5;
    font-weight: bold;
    overflow:hidden;
    padding-top: 2px;*/

    width: 530px;
    font-size: 15px;
    color: #fed82c;
    font-weight: bold;
    overflow:hidden;
    padding-top: 2px;
    position:absolute;
    top:230px;
}

.MainPanel .ContentText .Subtitle2
{
    /*width: 940px;
    font-size: 14px;
    color: #f5f5f5;
    overflow:hidden;
    padding-top: 8px;*/

    width: 530px;
    font-size: 14px;
    color: #fff;
    overflow:hidden;
    padding-top: 8px;
    text-transform:uppercase;
    /*position:absolute;*/
    top:165px;
}

.MainPanel .ContentText .Links
{
    /*padding-top: 7px;
    width: 690px;
    overflow:hidden;*/

    padding-top: 7px;
    width: 690px;
    overflow:hidden;

    top:250px;
    pointer-events:auto
}

.MainPanel .ContentText .Links .MainPanelLink
{
    float: right;
    margin-left: 4px;
    z-index: 5;
}





.MainPanel .ButtonsList
{
    position: absolute;
    left: 20px;
    bottom: 16px;
    z-index: 10;
}

.MainPanel .ButtonsList li
{
    float: right;
    margin-right: 6px;
}

.MainPanel .ButtonsList li.NoPadding
{
    margin-right: 0;
}

.MainPanel .ButtonsList a
{
    float: left;
    cursor:pointer;
}

/* === Button List  - with thumbnails */

.MainPanel .ButtonsList.HasThumbs a
{
    height: 38px;
    width: 68px;
}

.MainPanel .ButtonsList.HasThumbs a img
{
    float: left;
    height: 34px;
    width: 64px;
    cursor:pointer;
    border: 2px solid transparent;
}

.MainPanel .ButtonsList.HasThumbs li a:hover img
{
    border: 2px solid #ffd200;
}

.MainPanel .ButtonsList.HasThumbs a.ButtonSelected img
{
    border: 2px solid #ffd200;
}

/* === Button List  - with dots */

.MainPanel .ButtonsList.NoThumbs ul
{
    margin: 0 auto;
}

.MainPanel .ButtonsList.NoThumbs ul li
{
    position: relative;
}

.MainPanel .ButtonsList.NoThumbs a
{
    width: 20px;
    height: 20px;
    background: transparent url(../../Images/Controls/MainPanelButton.png) no-repeat 0px 0px;
}

.MainPanel .ButtonsList.NoThumbs a span.arrow
{
    width: 18px;
    height: 9px;
    display: none;
    position: absolute;
    top: -11px;
    left: 0;
    background: transparent url(../../Images/Controls/MainPanelThumbArrow.png) no-repeat center center;
}

.MainPanel .ButtonsList.NoThumbs a img
{
    display: none;
    position: absolute;
    top: -60px;
    left: -20px;

    border: 2px solid #c8c8c8;
    width: 80px;
    height: 45px;
    background-color: #fff;
    padding: 1px;
}

.MainPanel .ButtonsList.NoThumbs li a:hover
{
    background-position: 0px -20px;
}

.MainPanel .ButtonsList.NoThumbs li a:hover span.arrow, .MainPanel .ButtonsList.NoThumbs li a:hover img
{
    display: block;
}

.MainPanel .ButtonsList.NoThumbs a.ButtonSelected
{
    background-position: 0px -20px;
}

.MainPanel .ArrowPrevious, .MainPanel .ArrowNext
{
    position: absolute;
    top: 190px;
    z-index: 10;
    width: 26px;
    height: 52px;
}

.MainPanel a.ArrowPrevious
{
    background-image: url(../../Images/Controls/MainPanelArrowNext.png);
    right: 11px;
    text-decoration: none;
}
.MainPanel a.ArrowNext
{
    background-image: url(../../Images/Controls/MainPanelArrowPrevious.png);
    left: 11px;
    text-decoration: none;
}


/* === LOADER === */
.Loading{
    background: transparent url(../../Images/Controls/loader.gif) no-repeat center center;
}
/*.Loading .ContentText, .Loading .MainPanelImage img
{
	display:none;
}*/