﻿*
{
    font-family: Arial, Helvetica, sans-serif;
}

h1 a,h2 a,h3 a
{
    color: #000000;
    text-decoration: none;
}

.rating_1, .rating_2, .rating_3, .rating_4, .rating_5, .rating_0
{
    background-image: url('Images/rating-stars.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 102px;
    height: 24px;
    float: left;
}

.rating_4
{
    background-position: 0px -22px;
}

.rating_3
{
    background-position: 0px -45px;
}

.rating_2
{
    background-position: 0px -69px;
}

.rating_1
{
    background-position: 0px -93px;
}

.rating_0
{
    background-position: 0px -118px;
}

.rater
{
    cursor: pointer;
}

.numberOfRatings
{
    float: left;
    color: #000000;
    font-size: 9px;
    font-weight: bold;
}

.numberOfViews
{
    float: right;
    color: #000000;
    font-size: 9px;
    font-weight: bold;
}

.programThumb
{
    color: #FFFFFF;
    float: left;
    width: 205px;
    height: 133px;
    overflow: hidden;
    position: relative;
    font-size: 9px;
    cursor: pointer;
    padding-right: 5px;
}

.programThumb .programDetails
{
    background-position: left top;
    float: left;
    position: relative;
    background-image: url('Images/ViewEpisodes.png');
    background-repeat: no-repeat;
    width: 205px;
    height: 44px;
    padding-top: 15px;
    padding-left: 3px;
}

.programThumbGroup
{
    clear: both;
    float: left;
    padding-left: 5px;
}

.episodePlayer
{
    float: left;
    width: 640px;
    min-height: 20px;
    /*
    height: 512px;
    line-height: 512px;
    text-align: center;*/
    margin-bottom: 3px;
    clear: both;
}

.episodeMenu
{
    float: left;
    width: 251px;
    height: 15px;
    background-image: url('images/AddToFavsBG.jpg');
    text-align: right;
    font-size: 11px;
    color: #000000;
}

.addToFavs
{
    cursor: pointer;
}

.shareEpisode
{
    border: 1px solid #9f8210;
    width: 251px;
    float: left;
    margin-bottom: 5px;
}

.shareEpisode h1
{    
    margin: 0px;
    background-position: left top;
    width: 251px;
    height: 15px;
    background-image: url("images/RelatedBG.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.shareEpisode h1 span
{
    padding: 1px 0px 0px 18px;
}

.shareEpisode .content
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.share
{
    cursor: pointer;
    margin-right: 5px;
}

.searchGroup
{
    border: 1px solid #9f8210;
    width: 251px;
    float: left;
    margin-bottom: 5px;
}

.searchGroup h1
{    
    margin: 0px;
    background-position: left top;
    width: 251px;
    height: 15px;
    background-image: url("images/RelatedBG.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.searchGroup h1 span
{
    padding: 1px 0px 0px 18px;
}

.searchGroup .content
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.relatedEpisodes
{
    border: 1px solid #9f8210;
    width: 251px;
    float: left;
    margin-bottom: 5px;
}

.relatedEpisodes h1
{    
    margin: 0px;
    background-position: left top;
    width: 251px;
    height: 15px;
    background-image: url("images/RelatedBG.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.relatedEpisodes h1 span
{
    padding: 1px 0px 0px 18px;
}

.relatedEpisodes h3
{
    clear: both;
    float: right;
    padding: 0px 3px 0px 0px;
    margin: 0px;
    width: 125px;
    height: 18px;
    background-color: #f6c324;
}

.relatedEpisodes h3 a
{
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: right;
    line-height:18px;
}

.relatedEpisodesContainer
{
    float: left;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.relatedEpisode
{
    clear: both;
    float: left;
    margin-top: 3px;
    margin-bottom: 5px;
}

.relatedEpisodeThumb
{
    border: 1px solid #9f8210;
    float: left;
    width: 87px;
}

.relatedEpisodeInfo
{
    float: left;
    padding-left: 5px;
    font-size: 10px;
    color: #000000;
    width: 150px;
    text-align: justify;
}

.relatedEpisodeInfo h2
{
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 3px;
    margin-top: 0px;
}

.relatedEpisode .relatedEpisodeViewEpisode
{
    float: left;
    clear:both;
    padding-left: 5px;
    margin-top:5px;
}

.relatedEpisode .relatedEpisodeViewEpisode a
{
    text-decoration: none;
    color: #665027;
    font-size: 10px;
    font-weight: bold;
}

.relatedEpisode .relatedEpisodeViewEpisode a:hover
{
    text-decoration: underline;
}

.episodeComments
{
    float:left;
    clear:both;
    margin-bottom: 15px;
}

.episodeComments h1
{
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

.episodeCommentRow
{
    clear: both;
    float: left;
    margin-bottom: 10px;
}

.episodeCommentUser
{
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    float:left;
}

.episodeCommentTime
{
    font-size: 11px;
    font-weight: bold;
    color: #808080;
    float: left;
    padding-left: 15px;
}

.episodeCommentText
{
    color: #000000;
    font-size: 10px;
    clear: both;
    float: left;
    margin-top: 5px;
    padding-left: 15px;
}

.episodeLeaveComment
{
    float:none;
    clear:both;
    margin-bottom: 15px;
}

.episodeLeaveComment h1
{
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}


.episodeInfo
{
    border: 1px solid #9f8210;
    width: 251px;
    float: left;
    margin-bottom: 5px;
    color: #000000;
    font-size: 10px;
    text-align: justify;
    clear:both;
}

.episodeInfo h1
{    
    margin: 0px;
    background-position: left top;
    width: 251px;
    height: 15px;
    background-image: url("images/RelatedBG.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.episodeInfo h1 span
{
    padding: 1px 0px 0px 18px;
}

.episodeInfo .container
{
    float: left;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.episodeInfo h2
{
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    margin-top: 3px;
    margin-bottom: 5px;
}



.topRatedEpisodes
{
    border: 1px solid #9f8210;
    width: 251px;
    float: left;
    margin-bottom: 5px;
}

.topRatedEpisodes h1
{    
    margin: 0px;
    background-position: left top;
    width: 251px;
    height: 15px;
    background-image: url("images/RelatedBG.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.topRatedEpisodes h1 span
{
    padding: 1px 0px 0px 18px;
}

.topRatedEpisodes h3
{
    clear: both;
    float: right;
    padding: 0px 3px 0px 0px;
    margin: 0px;
    width: 125px;
    height: 18px;
    background-color: #f6c324;
}

.topRatedEpisodes h3 a
{
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: right;
    line-height:18px;
}

.topRatedEpisodesContainer
{
    float: left;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.topRatedEpisode
{
    clear: both;
    float: left;
    margin-top: 3px;
    margin-bottom:10px;
}

.topRatedEpisodeThumb
{
    border: 1px solid #9f8210;
    float: left;
    width: 87px;
}

.topRatedEpisodeInfo
{
    float: left;
    padding-left: 5px;
    font-size: 10px;
    color: #000000;
    width: 150px;
    text-align: justify;
}

.topRatedEpisode h2
{
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 3px;
    margin-top: 0px;
}

.topRatedEpisode .topRatedEpisodeViewEpisode
{
float:left;
    clear:both;
    padding-left: 5px;
    margin-top:5px;
}

.topRatedEpisode .topRatedEpisodeViewEpisode a
{
    text-decoration: none;
    color: #665027;
    font-size: 10px;
    font-weight: bold;
}

.topRatedEpisode .topRatedEpisodeViewEpisode a:hover
{
    text-decoration: underline;
}

/*
*/
.promosRight
{
    width: 251px;
    float: left;
}

.promosRightContainer
{
    float: left;
    background-color: #000000;
}

.promoRight
{
    margin: 0px 1px 2px 1px;
    clear: both;
    float: left;
}

.currentProgram
{
    float: left;
    clear: both;
    margin-bottom: 15px;
}

.currentProgram .programImage
{
    float:left;
    width:205px;
    padding-right:15px;
}

.currentProgram .programInfo
{
    float: left;
    font-size: 10px;
    color: #000000;
    width:420px;
}

.currentProgram .programInfo h1
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.currentProgramEpisodes
{
    float:left;
    clear:both;
}

.currentProgramEpisodes .ceEpisode
{
    margin-bottom: 10px;
}

.currentProgramEpisodes .cepisodeImage
{
    float: left;
    width: 87px;
    border: 1px solid #9f8210;
}

.currentProgramEpisodes .cepisodeInfo
{
    font-size: 10px;
    color: #000000;
    padding-right: 9px;
    text-align: justify;
    width:202px;
}

.currentProgramEpisodes .cepisodeInfo h1
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.currentProgramEpisodes .ceviewEpisode
{
    float: left;
    clear: both;
    margin-top:5px;
}

.currentProgramEpisodes .ceviewEpisode a
{
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    color: #665027;
}

.currentProgramEpisodes .ceviewEpisode a:hover
{
    text-decoration: underline;
}

.episodeGroupSelection
{
    float: left;
    clear: none;
    margin-bottom: 5px;
    width:630px;
}



.myFavourites
{
    float:left;
    clear:both;
}

.myFavourites .myFav
{
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.myFavourites .myFavEpisodeImage
{
    float:left;
    width:87px;
}

.myFavourites .myFavEpisodeInfo
{
    float: left;
    font-size: 10px;
    color: #000000;
}

.myFavourites .myFavEpisodeInfo h1
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.myFavourites .myFavEpisodeView
{
    float: left;
    margin-top: 15px;
    clear:both;
}

.myFavourites .myFavEpisodeView a
{
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    color: #665027;
}

.myFavourites .myFavEpisodeView a:hover
{
    text-decoration: underline;
}

.programsList
{
    float:left;
    clear:both;
}

.programsList .programItem
{
    float:left;
    clear:both;
    margin-bottom:15px;
}

.programsList .programImage
{
    float:left;
    width:205px;
    /*padding-right:15px;*/
}

.programsList .programInfo
{
clear:both;
    float:left;
    color: #000000;
    font-size: 10px;
    /*width:408px;*/
}

.programsList .programInfo h1
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.programsList .programView
{
    float: left;
    margin-top: 10px;
    margin-bottom:15px;
    clear:both;
}

.programsList .programView a
{
    text-decoration: none;
    font-size: 9px;
    font-weight: bold;
    color: #665027;
}

.programsList .programView a:hover
{
    text-decoration: underline;
}

.episodeAVGRatingContainer
{
    float: left;
}

.episodeAverageRating
{
    float:left;
}

.fileDownloadContainer
{
    font-size: 10px;
    color: #000000;
    float: left;
    clear: both;
    margin-top: 5px;
}

.fileDownloadContainer a
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

.fileDownloadContainer a:hover
{
    text-decoration: underline;
}

.episodeGroup
{
    float: left;
    margin-top: 7px;
}

.episodeGroup h1
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

.episodeGroup div[id^='groupEpisodes']
{
    display: none;
}

.channelSearchResultItem
{
    float: left;
    clear: both;
    margin-bottom: 7px;
}

.channelSearchResultItem a
{
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

.channelSearchResultItem img
{
}

.wideTitle
{
    border: 1px solid #be942b;
    background-color: #fffb75;
    clear: both;
    height: 18px;
    background-image: url(images/WideTitleBG.gif);
    background-repeat: repeat-y;
}

.wideTitle H1
{
    margin: 0px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height:18px;
}

.wideTitle2
{
    border: 1px solid #be942b;
    background-position: right;
    background-color: #FFFFFF;
    clear: both;
    height: 18px;
    background-image: url(images/WideTitleBG2.gif);
    background-repeat: repeat-y;
    margin-bottom: 4px;
}

.wideTitle2 a
{
    background-position: left center;
    padding: 0px 4px 0px 9px;
    margin: 0px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    line-height: 18px;
    text-decoration: none;
    background-image: url(images/ArrowRight.gif);
    background-repeat: no-repeat;
}

.latestVideos, .moreVideos, .landingPageShows
{
    clear: both;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left:5px;
}

.latestVideos .group, .moreVideos .group
{
    float: left;
    background-color: #FFFFFF;
    width: 177px;
    padding-right: 3px;
}

.latestVideos .image, .moreVideos .image
{
    border: 1px solid #be942b;
    height: 69px;
    width: 87px;
    float: left;
}

.latestVideos .title, .moreVideos .title
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #be942b;
    height: 69px;
    width: 87px;
    float: left;
    overflow: hidden;
}

.latestVideos .title div, .moreVideos .title div
{
    color: #be942b;
    font-size: 10px;
    font-weight: bold;
    float: left; padding-left: 4px; padding-right: 4px
}

.landingProgramsContainer
{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 145px;
    clear: both;
}

.landingPrograms
{
    float: left;
    overflow: hidden;
}

.landingPrograms img
{
    border-style: none;
}

.landingPrograms ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    list-style-position: outside;
}

.landingPrograms li
{
    padding-right: 0px;
    padding-left: 0px;
    float: left;
}

.carouselnext
{
    float: right;
    width: 12px;
    height: 145px;
}

.carouselprev
{
    float: left;
    width: 12px;
    height: 145px;
}

.programBreakdownHeader
{
    float: left;
    clear: both;
    margin-bottom: 6px;
}

.programBreakdownBox
{
    float: left;
    width: 156px;
    min-height: 137px;
    background-color: #fcfab8;
    border: 1px solid #be942b;
    overflow: hidden;
    margin-right: 2px;
    margin-bottom: 4px;
    margin-top: 5px;
}

.programBreakdownBox .links
{
    float: left;
    padding-left: 10px;
    margin-bottom: 5px;
    padding-right: 10px;
    clear: both;
}

.programBreakdownBox ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    list-style-position: outside;
    color: #000000;
}

.programBreakdownBox a
{
    color: #000000;
    font-size: 11px;
    float: left;
    clear: both;
    font-weight: bold;
    margin-bottom: 1px;
}

._tabs
{
    float: none;
    clear: both;
    margin-top: 5px;
    margin-right: 2px;
}

._tabs a
{
    padding: 3px;
    cursor: pointer;
    float: left;
    width: 55px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background-color: #C0C0C0;
    margin-right: 4px;
}

._tabs a.selected
{
    background-color: #000000;
    color: #FFFFFF;
}

#_episodeInfo, #_episodeLeaveComment, #_episodePrograms
{
    float: none;
    clear:both;
}

#_episodeLeaveComment, #_episodePrograms
{
    display: none;
}

#_episodeInfo .episodeInfo
{
    width: 100%;
}

#_episodeInfo h1
{
    width: 100%;
    background-color:#fffb75;
}

.ClipLinkToProgram
{
    float: left;
    clear: both;
    color: #000000;
}

.ProgramReturnLink
{
    float: left;
    clear: both;
    color: #000000;
}
