html, body {
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 1000px;
  background-color: #F3F3F3;
}


/* ******************************* */
/* Top of the page                 */
/* ******************************* */

.top {
width: 1000px; /* sets min width for page */
margin: 15px 15px 0px 15px;
}

.logo {
  margin: 0px 20px 0px 0px;
  float: left;
}

#navContainer {
width: 700px;
text-align: center;
margin: 15px 5px 5px;
}

#navContainer2, .warningContainer   {
width: 950px;
text-align: center;
margin: 5px 0px 10px;
}

#showWelcome {
font-weight: bold;
font-size: 13px;
margin-left: 45px;
}

/* ********************************************************************* */
/* nav1 is for Now Playing | Grid | Full Day | Week Ahead | Search  menu */
/* ********************************************************************* */

table.nav1 {
border-collapse: collapse;
border: none;
width: 430px;
margin: auto;
text-align: center;
font-size: 13px;
font-weight: bold;
}

td.navRow {
background-image: url("images/nav.gif");
background-repeat: repeat-x;
width: 410px;
padding: 12px 0px 18px;
}

td.navL {
width: 10px;
padding: 0px; 
background-image: url("images/navL.gif");
background-repeat: no-repeat;
}

td.navR {
width: 10px;
padding: 0px; 
background-image: url("images/navR.gif");
background-repeat: no-repeat;
}

.pipe {
padding: 0px 3px;
color: #000000;
}

/* ********************************* */
/* nav2 formats the log in heading   */
/* ********************************* */

table.nav2 {
border-collapse: collapse;
border: none;
width: 642px;
margin: 0px auto 10px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #000000;
}

td.navL-Dark, td.navR-Dark, td.navL-White {
width: 10px;
padding: 0px; 
background-image: url("images/navL-Dark.gif");
background-repeat: no-repeat;
}

td.navR-Dark {
background-image: url("images/navR-Dark.gif");
}

td.navWelcome, td.navSignOut, td.navSignIn, td.newUser {
background-image: url("images/navDark.gif");
background-repeat: repeat-x;
padding: 12px 0px 18px;
width: 165px;
}

td.navWelcome {
font-size: 15px;
}

td.navRowWhite {
background-image: url("images/navWhite.gif");
background-repeat: repeat-x;
padding: 11px 0px 18px;
width: 380px;
font-weight: normal;
font-size: 15px;
}

td.navRowWhite2 {
background-image: url("images/navWhite.gif");
background-repeat: repeat-x;
padding: 11px 0px 18px;
width: 400px;
font-weight: bold;
font-size: 13px;
color: #000000;
}

td.navL-White {
background-image: url("images/navL-White.gif");
}

td.navSignOut, td.navSignIn {
width: 75px;
}

td.divide {
padding: 0px;
width: 1px;
}

td.shift {
width: 25px;
}

td.newUser {
width: 85px;
}

/* ******************************* */
/* Hyperlinks                      */
/* ******************************* */

a:link {color: #000000; text-decoration: none; cursor: pointer;}
a:visited {color: #000000; text-decoration: none; cursor: pointer;}
a:hover {color: #000000; text-decoration: underline; cursor: pointer;}

a.movieLink:link {color: #0000FF; text-decoration: none; cursor: pointer;}
a.movieLink:visited {color: #0000FF; text-decoration: none; cursor: pointer;}
a.movieLink:hover {color: #0000FF; text-decoration: underline; cursor: pointer;}

a.under:link {color: #000000; text-decoration: underline; cursor: pointer;}
a.under:visited {color: #000000; text-decoration: underline; cursor: pointer;}
a.under:hover {color: #000000; text-decoration: none; cursor: pointer;}

a.past:hover {color: #888888; text-decoration: underline; cursor: pointer;}
a.present:hover {color: #CC0000; text-decoration: underline; cursor: pointer;}
a.future:hover {color: #000000; text-decoration: underline; cursor: pointer;}

a.addMyShowsLink:link {color: #00CD00; text-decoration: none; cursor: pointer;}
a.addMyShowsLink:visited {color: #00CD00; text-decoration: none; cursor: pointer;}
a.addMyShowsLink:hover {color: #00CD00; text-decoration: underline; cursor: pointer;}


/* ******************************* */
/* h1                              */
/* ******************************* */

.h1Container {
width: 950px;
margin-left: 15px;
margin: 10px 0px 20px 0px;
text-align: center;
}

h1 {
  width: 350px;
  border: solid 1px #000000;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  margin: 0px auto;
  text-align: center;
  padding: 10px;
}

h3 {
font-size: 15px;
text-align: left;
padding: 5px;
border-bottom: solid 1px #000000;
}

/* ******************************* */
/* Table Roster                    */
/* ******************************* */

table.nowPlay {
  font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  border-collapse: collapse;
  border: solid 1px black;
  background-color: #FFFFFF;
}

th.nowPlay {
  font-weight: bold;
  background-color: #ACACAC;
  text-align: center;
  border: solid 1px black;
  padding: 6px;
}


td.nowPlay {
  padding: 3px;
  text-align: left;
  vertical-align: top;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

td.icon {
  width: 25px;
  border-bottom: solid 1px black;
  vertical-align: top;
}

img {
  border: 0px;
  }

td.chanNum {
  text-align: center;
  border-bottom: solid 1px black;
  width: 15px;
  vertical-align: top;
}

td.chanLabel {
  width: 140px;
  border-bottom: solid 1px black;
  vertical-align: top;
  }

td.nowPlay {
  border-left: solid 1px black;
  width: 215px;
}

.desc {
  font-size: 11px;
  padding: 10px;
  padding-bottom: 10px;
  }

.addMyShows {
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 0px;
}


/* ******************************* */
/* Table Daily                     */
/* ******************************* */  

table.daily {
  border-collapse: collapse;
  font: 11px Arial, Helvetica, sans-serif;
  width: 300px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  vertical-align: top;
  margin-bottom: 10px;
  }

table.float {
float: left;
margin-left: 15px;
}

tr.dailyHead {

}

td.dailyIcon {
  width: 25px;
  border-bottom: solid 1px black;
}
  
td.dailyLabel {
width: 260px;
padding-left: 5px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  font-weight: bold;
  border-bottom: solid 1px black;
  }

td.close, td.close2 {
  text-align: right;
  vertical-align: middle;
  padding-right: 7px;
  border-bottom: solid 1px black;
}

td.close2 {
border-bottom: none;
}

table.daily2 {
  border-collapse: collapse;
  border: none;
  font: 11px Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  width: 298px;
  font-weight: bold;
  margin-top: 5px;
  }

td.dailyTime {
  text-align: left;
  border: 0px;
  padding: 0px;
  vertical-align: top;
  width: 50px;
  }
  
td.dailyTitle {
  text-align: left;
  border: 0px;
  padding: 0px;
  padding-left: 7px;
  width: 248px;
  }

.colorCode {
  border: 0px;
  padding: 0px;
}

.past, a.past {
  color: #888888;
  }
  
.present, a.present {
  color: #CC0000;
  }


/* ******************************* */
/* Grid                            */
/* ******************************* */  

table.gridTop {
  margin-left: 10px;
  margin-bottom: 0px;
  margin-top: 5px;
  border-collapse: collapse;
  border: solid 1px black;
  background-color: #FFFFFF;
}

td.gridDate {
font-size: 14px;
text-align: center;
font-weight: bold;
padding: 10px 0px 10px 0px;
}

th.gridTop, th.gridTopTime, th.gridTopArrowLeft, th.gridTopArrowRight, th.gridTopTimeShare {
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #ACACAC;
  text-align: center;
  border: solid 1px black;
  padding: 6px 0px 6px 0px;
  width: 135px;
}

th.gridTopArrowLeft, th.gridTopArrowRight {
padding: 0px;
width: 25px;
text-align: left;
border: none;
border-top: solid 1px black;
}

th.gridTopArrowRight {
text-align: right;
boder-left: solid 1px black;
}

th.gridTopTimeShare {
  padding: 0px;
  width: 125px;
  border: none;
  border-top: solid 1px black;
}

th.gridTopTime {
  padding: 0px;
  width: 150px;
}

table.gridStack {
margin-top: -1px;
margin-bottom: 0px auto;
margin-left: 10px;
background-color: #FFFFFF;
border-collapse: collapse;
border: solid 1px black;
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.iconGrid {
  width: 25px;
  vertical-align: top;
  padding: 1px 0px 1px 0px;
  }

td.gridChanNum {
  text-align: center;
  width: 20px;
  vertical-align: top;
  padding: 0px;
}

td.gridChanLabel {
  width: 90px;
  vertical-align: top;
  padding: 0px;
  }
  
td.gridContent {
  vertical-align: top;
  border-left: solid 1px black;
  padding: 3px 0px 3px 0px;
  overflow: hidden;
  }

td.gridStar {
text-align: center;
border-left: solid 1px black;
padding: 3px 0px 3px 0px;
}


/* ******************************* */
/* Favorites                       */
/* ******************************* */  

.datesDropMenu {
width: 950px;
margin: 15px;
text-align: center;
}



/* ******************************* */
/* Weekly                          */
/* ******************************* */  

.channelsMenu {
width: 350px;
margin-left: 15px;
float: left;
}

.chanListHeading {
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 5px auto;
}

.showScheduleButton, .getDateButton {
margin: 8px auto;
text-align: center;
}

.center {
margin: 0px auto;
text-align: center;
}

.normal {
font-weight: normal;
}

/* ******************************* */
/* Video Player                    */
/* ******************************* */  

* html,* html body {
  background: #F3F3F3 url(foo) fixed;
}

.videoPlayerClass {
left:755px;
top:100px;
width:392;
position:fixed;
* position: absolute;
* top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+100 : document.body.scrollTop+100);
}

.videoPlayerClass2 {
position: absolute;
left: 775px;
top: 100px;
}

/* ******************************* */
/* Navigation                      */
/* ******************************* */ 

#startTimes {
margin-top: 0px;
width: 710px;
margin-left: 25px;
text-align: center;
}

#nav3 {
width: 440px;
text-align: center;
margin-left: 50px;
}

#nav4 {
width: 440px;
text-align: center;
margin-left: 50px;
}

.box {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #FFFFFF;
border: solid 1px black;
margin: 10px 0px 10px 25px;
padding: 4px 2px;
width: 109px;
float: left;
}

.clear {
clear: both;
}

img.arrow {
vertical-align: bottom;
}

.startTable {
width: 700px;
font: 11px Arial, Helvetica, sans-serif;
margin: 15px auto 35px;
text-align: center;
border-collapse: collapse;
border: solid 1px black;
background-color: #FFFFFF;
}

.sTH {
text-align: center;
margin: 0px auto;
background-color: #ACACAC;
}

#sTD { /* startTableDate */
font-size: 14px;
font-weight: bold;
}

.sTT { /* startTableTime */
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  border: solid 1px black;
  padding: 5px 0px;
  width: 60px;
  }
  
.shady {
background-color: #E4E4E4;
}

.prime {
  background-color: #FFFF00; /* yellow */
}

#dateID, #dateBrowse {
  display: none;
}


/* ******************************* */
/* Manage Favorites                */
/* ******************************* */ 

table.floatFav {
float: left;
margin-top: 10px;
margin-left: 60px;
}

input.favBox {
padding: 3px 5px 3px 3px;
}

td.favBox {
border-bottom: solid 1px black;
}

.submitFav {
width: 950px;
margin: 10px;
text-align: center;
}

.selected {
background-color: #CCFFCC;  /* light green medium-light green use #66FF66 */
}

.updateSuccess {
width: 950px;
margin: 15px;
padding: 10px;
border-top: solid 2px #00FF00;  /* dark green */
background-color: #CCFFCC;  /* light green  */
border-bottom: solid 2px #00FF00;  /* dark green */
text-align: center;
}

.warning {
padding: 10px;
width: 350px;
margin: 0px auto;
border-top: solid 2px #CC0000;  /* dark red */
background-color: #FF9999;  /* light red */
border-bottom: solid 2px #CC0000;  /* dark red */
text-align: left;
}

/* ******************************* */
/* Search                          */
/* ******************************* */ 

.searchContainer, #myshowsContainer {
width: 760px;
margin: 20px 0px 15px 15px;
text-align: center;
font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.searchBarContainer {
margin: 25px auto;
text-align: center;
font-weight: bold;
}

#searchBar {
width: 250px;
padding-left: 1px;
border-style: solid;
border-color: black;
border-width: 1px;
}

#searchResults {
margin: 15px auto;
}

table.results {
width: 735px;
font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
border: solid 1px black;
background-color: #FFFFFF;
margin-bottom: 10px;
}

th.results {
  font-weight: bold;
  background-color: #ACACAC;
  text-align: center;
  border: solid 1px black;
}

td.resultsLabel {
width: 115px;
border-bottom: solid 1px black;
vertical-align: top;
}

td.resultsProg {
width: 155px;
border: solid 1px black;
vertical-align: top;
}

td.resultsDesc {
width: 240px;
border: solid 1px black;
vertical-align: top;
}

td.resultsStart {
  width: 85px;
  text-align: center;
  border: solid 1px black;
  vertical-align: top;
}

td.resultsSave{
  width: 40px;
  vertical-align: top;
  text-align: center;
  border: solid 1px black;
  }
  

/* ******************************* */
/* Instructions                    */
/* ******************************* */

#nowPlayContainer {
float: left;
}

#instructions {
margin-left: 15px;
margin-top: -45px;
width: 300px;
float: left;
}

.loading2 {
font-size: 12px;
text-align: left;
margin-top: 25px;
margin-left: 25px;
width: 398px;
}

table.instruct {
  border-collapse: collapse;
  font: 13px Arial, Helvetica, sans-serif;
  width: 302px;
  border: 1px dashed #000000;
  background-color: #FFFFFF;
  margin-bottom: 10px;
}

td.instructHead {
text-align: left;
font-size: 16px;
font-weight: bold;
border: 0px;
padding: 10px;
}

.instructHead2 {
width: 280px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #000000;
margin-top: 20px;
margin-bottom: 10px;
}

.instructContent {
padding: 10px;
padding-top: 0px;
}

.snap {
margin-top: 10px;
margin-bottom: 5px;
}

/* ******************************* */
/* Footer                          */
/* ******************************* */

#confirmDiv {
  position: fixed;
  text-align: center;
  margin-left: 45%;
  top: 10px;
  * position: absolute;
  * top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+10 : document.body.scrollTop+10);
}

.confirmDivMsg {
  font-weight: bold;
  background-color: #00CC00;
  padding: 10px 10px 10px 10px;
}



/* ******************************* */
/* Footer                          */
/* ******************************* */

hr {
width: 670px;
margin: 20px auto 5px;
color: #000000;
background-color: #000000;
border: 0px;
height: 1px;
clear: both;
}

.footer {
margin: 5px auto 20px;
font-size: 12px;
text-align: center;
}