/* STRUCTURE/GENERAL
=============================================== */
body {
    text-align: center;
    color: #fff;
    background: #000;
    font: 12x/14px arial, helvetica, sans-serif;
    }
#wrapper {
    position: relative;
    width: 800px;
    margin: 0 auto 10px auto;
    padding: 0;
    text-align: left;
    border: 1px solid #333333;
    }
* html #wrapper {
    width: 802px;
    wid/th: 800px;
    }
    
#synchIF {
    position:absolute;
    top: 168px;
    left: 440px;
    z-index: 400;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    }
#sendIF {
    position:absolute;
    top: 250px;
    left: 443px;
    z-index: 400;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    }
a {
    text-decoration: none;
    color: #000000;
    }
.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    }

/* MEDIA-PLAYER
=============================================== */
#media-player {
    width: 792px;
    padding: 289px 0 0 0;
    border: 4px solid #FFF;
    background: #071232 url(/fsp/images/fvi_title.jpg) no-repeat 436px 4px;
    overflow: auto;
    }
* html #media-player {
    width: 800px;
    wid\th: 792px;
    }
#fsp {
    position: absolute;
    top: 181px;
    z-index: 300;
    left: 14px;
    width: 420px;
    height: 269px;
    }
#media-player #select-a-category {
    position: absolute;
    left: 443px;
    top: 250px;
    width: 339px;
    height: 78px;   
    border: 1px solid #000;
    background: #96C7F9 url(/fsp/images/fvi_category.gif) no-repeat 0 9px;
    }
* html #media-player #select-a-category { /* Tan Hack http://css-discuss.incutio.com/?page=BoxModelHack  */
    width: 341px;
    height: 80px;
    width: 339px;
    heigh\t: 78px;
    }
#media-player #vid-info {
    position: absolute;
    left: 443px;
    top: 338px;
    width: 325px;
    height: 95px;
    padding: 4px 7px;
    border: 1px solid #000;
    background: #CAD6E4;
    }
* html #media-player #vid-info { /* Tan Hack http://css-discuss.incutio.com/?page=BoxModelHack  */
    width: 341px;
    height: 105px;
    wid\th: 325px;
    heigh\t: 95px;
    }
#media-player #vid-info h2 {
    margin: 0;
    padding: 0;
    font: bold 12px/14px arial, helvetica, sans-serif;
    color: #172059;
    }
#media-player #vid-info h3 {
    margin: 0;
    padding: 0;
    font: bold 12px/14px arial, helvetica, sans-serif;
    color: #172059;
    }
#media-player #vid-info p {
    margin: 5px 0 0 0;
    padding: 0;
    font: 11px/14px arial, helvetica, sans-serif;
    color: #000;
    }
#media-player #vid-info p strong {
    margin: 0 5px 0 0;
    font: bold 12px/14px arial, helvetica, sans-serif;
    }
#media-player #vid-info p img.hot-video {
    display: inline;
    margin: 0;
    padding: 0;
    }
#media-player #vid-info form {
    display: inline;
    margin: 0;
    padding: 0;
    }
#media-player #vid-info #send-to-friend-button {
    position: absolute;
    top: 74px;
    left: 187px;
    width: 147px;
    height: 24px;
    }

/* DROP DOWNS
=============================================== */
.dropdownnav {
    position: absolute;
    width: 156px;
    }
.dropdownnav, .dropdownnav ul { /* all lists */
    margin: 0;
    padding: 0;
    list-style: none;
    font: 11px/11px arial, helvetica, sans-serif;
    }
.dropdownnav a {
    display: block;
    width: 148px;
    color: #000;
    text-decoration: none;
    padding: 3px;
    }
* html .dropdownnav a { /* Tan Hack http://css-discuss.incutio.com/?page=BoxModelHack  */
    width: 154px;
    wid\th: 148px;
    }
.dropdownnav a.ddnav-top {
    padding: 0;
    }
.dropdownnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
.dropdownnav ul li a:hover {
    position: relative;
    color: #FFF;
    background: #6F8FC0;
    }
.dropdownnav li { /* all list items */
    float: left;
    width: 154px; /* width needed or else Opera goes nuts */
    }
.dropdownnav li ul li {
    border: 1px solid #57759F;
    border-top: 0;
    }
.dropdownnav li ul { /* second-level lists */
    position: absolute;
    width: 156px;
    left: -1500px;
    background: #D8ECFF;
    }
.dropdownnav li:hover ul, .dropdownnav li.sfhover ul { /* lists nested under hovered list items */
    left: 0;
    top: 18px;
    z-index: 300;
    }
#ddnav-primetime { top: 282px; left: 455px; z-index: 200; }
#ddnav-daytime { top: 282px; left: 624px; z-index: 200; }
#ddnav-late-night { top: 303px; left: 455px; z-index: 100; }
#ddnav-premieres { top: 303px; left: 624px; z-index: 100; }
#ddnav-reality { top: 303px; left: 624px; z-index: 100; }
#ddnav-fullepisode { top: 303px; left: 624px; z-index: 100; }
#ddnav-a-better-community { top: 303px; left: 624px; z-index: 100; }
#ddnav-fall-show-previews { top: 303px; left: 624px; z-index: 100; }


/* NOW PLAYING
=============================================== */
#now-playing { 
    position: relative; /* when setting a height to zero and overflow hidden, element must be positioned */
    width: 778px;
    height: 166px;
    margin: 0 8px 11px 6px;
    background: #CAD6E4 url(/fsp/images/fvi_nowplaying.gif) no-repeat 9px 6px;
    overflow: hidden;
    }
#now-playing .content {
    position: relative;
    left: 0;
    top: 0;
    width: 778px;
    height: 166px;
    }
#now-playing-info {
    position: absolute;
    left: 433px;
    top: 12px;
    width: 200px;
    height: 14px;
    font: 11px/14px arial, helvetica, sans-serif;
    color: #000000;
    text-align: right;
    }
a#previous-button, a#next-button {
    position: absolute;
    top: 9px;
    height: 18px;
    }
a#previous-button {
    left: 638px;
    width: 77px;
    }
a#next-button {
    left: 715px;
    width: 55px;
    }
#channel-info {
    position: absolute;
    left: 6px;
    top: 35px;
    width: 262px;
    height: 123px;
    text-align: left;
    border: 1px solid #000;
    background: #97C7F8;
    }
* html #channel-info {
    width: 264px;
    height: 125px;
    wid\th: 262px;
    heigh\t: 123px;
    }
img#channel-image {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 250px;
    height: 80px;
    border: 1px solid #000000;
    }
* html img#channel-image {
    width: 252px;
    height: 82px;
    wid\th: 250px;
    heigh\t: 80px;
    }
img#channel-tune-in {
    position: absolute;
    left: 5px;
    top: 87px;
    width: 252px;
    height: 34px;
    }
#channel-clips-container {
    position: absolute;
    left: 270px;
    top: 35px;
    width: 499px;
    height: 123px;
    text-align: left;
    border: 1px solid #000;
    border-left: 0;
    background: #D6EBFC;
    overflow: hidden;
    }
* html #channel-clips-container {
    width: 500px;
    height: 125px;
    wid\th: 499px;
    heigh\t: 123px;
    }
#channel-clips {
    position: absolute;
    left: 0;
    top: 0;
    height: 123px;
    }
#channel-clips .clip {
    position: absolute;
    top: 0;
    width: 99px;
    height: 123px;
    border-right: 1px solid #80C7FF;
    background: #D6EBFC;
    overflow: hidden;
    }
* html #channel-clips .clip {
    width: 100px;
    wid\th: 99px;
    }
#channel-clips .number {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 73px;
    width: 99px;
    height: 50px;
    text-align: right;
    font: bold 50px/50px arial, helvetica, sans-serif;
    color: #E9F4FD;
    }
#channel-clips .number-shadow {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 74px;
    width: 100px;
    height: 50px;
    text-align: right;
    font: bold 50px/50px arial, helvetica, sans-serif;
    color: #C0E0FD;
    }
#channel-clips .clip img.thumb {
    position: absolute;
    left: 16px;
    top: 4px;
    width: 65px;
    height: 49px;
    border: 1px solid #000;
    background: #000;
    }
* html #channel-clips .clip img.thumb {
    width: 67px;
    height: 51px;
    wid\th: 65px;
    heigh\t: 49px;
    }
#channel-clips .clip img.hot-video {
    position: absolute;
    top: 44px;
    left: 17px;
    width: 65px;
    height: 10px;
    }
#channel-clips .clip img.wide-video {
    display: block;
    margin: 0;
    }
#channel-clips .clip p {
    position: absolute;
    z-index: 3;
    left: 8px;
    top: 57px;
    width: 83px;
    height: 62px;
    margin: 0;
    padding: 0;
    font: 11px/11px arial, helvetica, sans-serif;
    overflow: hidden;
    }
#channel-clips .clip a {
    text-decoration: none;
    }

/* FEATURED-VIDEO
=============================================== */
#featured-video {
    float: left;
    display: inline; /* Fix IE Double Margin bug http://www.positioniseverything.net/explorer/doubled-margin.html */
    clear: left;
    margin: 0 0 10px 6px;
    width: 425px;
    height: 138px;
    border: 1px solid #CCCCCC;
    background: transparent url(/fsp/images/featuredvideo.gif) no-repeat 1px 0;
    }
* html #featured-video {
    width: 427px;
    height: 140px;
    wid\th: 425px;
    heigh\t: 138px;
    }
#featured-video .content {
    position: relative;
    width: 425px;
    height: 138px;
    }
#featured-video1, #featured-video2 {
    position: absolute;
    width: 172px;
    height: 79px;
    }
#featured-video1 {
    left: 7px;
    top: 39px;
    }
#featured-video2 {
    left: 247px;
    top: 52px;
    }
#featured-video1 img.thumb, #featured-video2 img.thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 49px;
    border: 1px solid #CCCCCC;
    background: #000000;
    }
* html #featured-video1 img.thumb, * html #featured-video2 img.thumb {
    width: 67px;
    height: 51px;
    wid\th: 65px;
    heigh\t: 49px;
    }
#featured-video1 img.hot-video, #featured-video2 img.hot-video {
    position: absolute;
    top: 40px;
    left: 1px;
    width: 65px;
    height: 10px;
    }

#featured-video img#wide-video1 {
    display: block;
    margin: 0;
    }
#featured-video img#wide-video2 {
    position: absolute;
    top: 34px;
    left: 324px;
    width: 41px;
    height: 17px;
    }
#featured-video1 p, #featured-video2 p {
    position: absolute;
    left: 77px;
    top: 0;
    width: 95px;
    height: 79px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
#featured-video1 p, #featured-video1 p a {
    font: 11px/11px arial, helvetica, sans-serif;
    color: #FFFFFF;
    }
#featured-video2 p, #featured-video2 p a {
    font: 11px/11px arial, helvetica, sans-serif;
    color: #000000;
    }

/* TOP-5
=============================================== */
#top-5 {
    float: right;
    display: inline; /* Fix IE Double Margin bug http://www.positioniseverything.net/explorer/doubled-margin.html */
    margin: 0 8px 10px 0;
    width: 338px;
    height: 138px;
    border: 1px solid #CCC;
    overflow: hidden;
    background: transparent url(/fsp/images/listarea_bg.jpg) no-repeat 1px 0;
    }
* html #top-5 {
    width: 340px
    height: 140px;
    wid\th: 338px;
    heigh\t: 138px;
    }
#top-5 .content {
    position: relative;
    left: 0;
    top: 0;
    width: 338px;
    height: 107px;
    padding: 31px 0 0 0;
    }
* html #top-5 .content {
    height: 138px;
    heigh\t: 107px;
    }
#top-5 #top-5-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 338px;
    height: 28px;
    }
#top-5 .content div {
    position: relative;
    margin: 0 0 8px 0;
    padding: 0 0 0 30px;
    width: 308px;
    font: 13px/13px arial, helvetica, sans-serif;
    }
* html #top-5 .content div {
    width: 338px;
    wid\th: 308px;
    }
#top-5 .content div span {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 14px;
    text-align: right;
    }
#top-5 .content a {
    color: #fff
    }
#top-5 img.hot-video {
    display: inline;
    margin: 0;
    padding: 0;
    }

/* CATEGORIES
=============================================== */
#categories {
    clear: both;
    padding: 42px 12px 0 11px;
    background: transparent url(/fsp/images/cat_bg.gif) no-repeat 0 0;
    }
.cat {
    width: 776px;
    margin-bottom: 8px;
    border-top: 1px solid #80C7FF;
    border-left: 1px solid #80C7FF;
    background: #D6EBFC;
    overflow: auto; /* to accommodate the floated video divs */
    }
* html .cat {
    width: 777px;
    wid\th: 776px;
    }


/*
 * Overrides of class cat for the movies-and-specials category
 */
#movies-and-specials {
    float: left;
    width: 582px;
    margin-bottom: 0;
    }
* html #movies-and-specials {
    width: 583px;
    wid\th: 582px;
    }

/*
 * Overrides of class cat for the a-better-community-limited category when movies and specials is present
 */
#a-better-community-limited {
    float: right;
    width: 184px;
    margin-bottom: 0;
    }
* html #a-better-community-limited {
    width: 185px;
    wid\th: 184px;
    }

/*
 * Overrides of class cat for the a-better-community category when movies and specials is not present
 */
#a-better-community {
    margin-bottom: 0;
    }

.cat-title {
    float: left;
    height: 12px;
    width: 766px;
    padding: 3px 0 0 9px;
    border-right: 1px solid #80C7FF;
    border-bottom: 1px solid #80C7FF;
    background: #071232;
    }
* html .cat-title {
    width: 776px;
    height: 17px;
    wid\th: 766px;
    heigh\t: 12px;
    }

/*
 * Overrides for class cat-title in the movies-and-specials category
 */
#movies-and-specials .cat-title {
    float: left;
    width: 572px;
    }
* html #movies-and-specials .cat-title {
    width: 582px;
    height: 17px;
    wid\th: 572px;
    heigh\t: 12px;
    }

/*
 * Overrides for class cat-title in the a-better-community-limited category when movies and specials is present
 */
#a-better-community-limited .cat-title {
    float: right;
    width: 180px;
    padding: 3px 0 0 3px;
    }
* html #a-better-community-limited .cat-title {
    width: 184px;
    height: 17px;
    wid\th: 180px;
    heigh\t: 12px;
    }



#categories .clip {
    float: left;
    width: 193px;
    height: 87px;
    border-right: 1px solid #80C7FF;
    border-bottom: 1px solid #80C7FF;
    background: #B3DAFF;
    overflow: hidden;
    }
* html #categories .clip {
    width: 194px;
    height: 88px;
    wid\th: 193px;
    heigh\t: 87px;
    }
#categories .clip h2 {
    float: left;
    display: inline;
    width: 175px;
    height: 12px;
    margin: 9px 0 0 9px;
    padding: 0;
    font: bold 12px/12px arial, helvetica, sans-serif;
    color: #000000;
    overflow: hidden;
    }
#categories .clip p {
    float: right;
    display: inline;
    left: 82px;
    top: 21px;
    width: 102px;
    height: 62px;
    margin: 0;
    padding: 0;
    font: 11px/11px arial, helvetica, sans-serif;
    color: #000000;
    overflow: hidden;
    }
#categories .clip .thumb {
    float: left;
    display: inline;
    width: 65px;
    height: 49px;
    margin: 1px 0 0 9px;
    padding: 1px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    overflow: hidden;
    }
* html #categories .clip .thumb {
    width: 67px;
    height: 51px;
    wid\th: 65px;
    heigh\t: 49px;
    }
#categories .clip .thumb a {
    display: block;
    width: 65px;
    height: 10px;
    padding: 39px 0 0 0;
    }
* html #categories .clip .thumb a {
    height: 49px;
    heigh\t: 10px;
    }
#categories .clip img.wide-video {
    display: block;
    margin: 0;
    }
#categories .clip div.cat-size {
    float: left;
    display: inline;
    width: 67px;
    height: 10px;
    margin: 0 0 0 9px;
    padding: 0;
    font: 10px/10px arial, helvetica, sans-serif;
    color: #000000;
    text-align: center;
    overflow: hidden;
    }

/*
 * Overrides for class clip in the a-better-community-limited category when movies and specials is present
 */
#categories #a-better-community-limited .clip {
    float: left;
    width: 183px;
    }
* html #categories #a-better-community-limited .clip {
    width: 184px;
    height: 88px;
    wid\th: 183px;
    heigh\t: 87px;
    }
#categories #a-better-community-limited .clip h2 {
    width: 165px;
    }
#categories #a-better-community-limited .clip p {
    width: 92px;
    }

/* MAC IE
- The following rules fix a mac ie scrollbar problems w/ overflow set to auto
- http://www.stopdesign.com/examples/ie5mac-bpf/index.html
=============================================== */
/*\*//*/
#media-player { overflow: hidden; }
.cat { overflow: hidden; }
#movies-and-specials { overflow: hidden; }
#a-better-community-limited { overflow: hidden; }
/**/


/* GNAV Fall 2005
=============================================== */
div#subnav  {
    height: 16px;
    width: 662px;
    margin: 0 0 0 0;
    padding: 0;
    border: 0;
    background: #000000;
    overflow: hidden;
    }

div#subnav ul#subnavmenu    {
    height: 16px;
    width: 662px;
    background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) 0 -16px no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
    }

div#subnav ul#subnavmenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    overflow: hidden;
    }
ul#subnavmenu li, ul#subnavmenu a {
    height: 16px;
    display: block;
    }
div#subnav ul#subnavmenu li a {
    text-indent: -9999px;
    text-decoration: none;
    }

#tabShows { left: 0; width: 44px; }
#tabDaytime  { left: 68px; width: 52px; }
#tabNews  { left: 142px; width: 40px; }
#tabSports  { left: 201px; width: 49px; }
#tabShop { left: 269px; width: 37px; }
#tabDownloads { left: 325px; width: 76px; }
#tabGames { left: 422px; width: 44px; }
#tabVideo { left: 488px; width: 40px; }
#tabLocalStations { left: 548px; width: 115px; }

#tabShows a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) 0px 0px no-repeat; }
#tabDaytime a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -68px 0px no-repeat; }
#tabNews  a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -142px 0px no-repeat; }
#tabSports a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -201px 0px no-repeat; }
#tabShop a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -269px 0px no-repeat; }
#tabDownloads a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -325px 0px no-repeat; }
#tabGames a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -422px 0px no-repeat; }
#tabVideo a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -488px 0px no-repeat; }
#tabLocalStations a:hover { background: transparent url(/images/20050919/subnav/subnav_blu4_links.gif) -548px 0px no-repeat; }

.FormInput {
    width: 172px;
    height: 18px;
    color: #666;
    margin: 0;
    padding: 0 0 0 3px;
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    line-height: 16px;
    border: 1px solid #666;
    background: #FFF url('/images/20050919/subnav/subnav_yahoo.gif') no-repeat 0 0;
    overflow: hidden;
    }

* html .FormInput input {
    width: 172px;
    height: 20px;
    wid\th: 172px;
    heigh\t: 18px;
    }

option {
    font-family: arial narrow, helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.0em;
    color: #000000;
    }

option.colorShow {
background-color: #FFFFFF;
}

option.colorHeader {
background-color: #FFFFFF;
}