/*
PURPOSE:
  [1] Basic cascading stylesheet for [ CATEGORY : tvlistings ] [ TYPE : ALL ].

REVISION HISTORY:
  December 11th, 2006. v1.0. Created.

STATUS OF THIS DOCUMENT:
  This is a working draft.

MAINTAINER:
  Carl Lewin
  c a r l _ l e w i n [at] d i s c o v e r y [dot] c o m

LEGAL NOTICE:
  Distribution of this document is limited.
  Copyright (C) Discovery.com 2006. All Rights Reserved.
*/


/*
###########################
DEAD MENU
###########################
*/
.deadMenu {
  display: block;
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  width: auto;
  height: 13px;
  padding: 3px 10px 2px 5px;
  background-color: #ebebeb;
  color: #666666;
  border: 1px solid #aaaaaa;
}


/*
###########################
CHANNEL MENU
###########################
*/
/* Set up the default font and ovrall size to include image */
.channelMenu {
  width: 180px;
  height: 16px;
  position: relative;
}
/* get rid of the default padding - margin and bullets */
.channelMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* make menu horizontal */
.channelMenu ul li {
  float: left;
  position: relative;
}
/* set up the default top level links */
.channelMenu ul li a,
.channelMenu ul li a:visited {
  display: block;
  font: bold 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: url(/tv-schedules/gallery/arrow_menu.gif) 167px 4px no-repeat;
  width: 175px;
  height: 13px;
  padding: 4px 0 1px 5px;
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #aaaaaa;
}
/* set active link decoration */
.channelMenu ul li a:hover, .channelMenu ul li a:focus, .channelMenu ul li a:active {
  text-decoration: none;
}
/* hide the drop down menu */
.channelMenu ul li ul {
  display: none;
}
/* remove all table style so that it does not interfere with the menu */
.channelMenu table {
  margin: 0;
  border-collapse: collapse;
}
/* style the top level hover */
.channelMenu ul li:hover a,
.channelMenu ul li a:hover {
  background-color: #FFF;
  color: #666;
  border: solid #AAA;
  border-width: 1px 1px 0 1px;
}
/* make the drop down menu show and correctly position it */
.channelMenu ul li:hover ul,
.channelMenu ul li a:hover ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  margin: 9px 0 0 0;
  border: 1px solid #CCC;
}
/* style the drop down links with no hover */
.channelMenu ul li:hover ul li a,
.channelMenu ul li a:hover ul li a {
  display: block; 
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #666;
  color: #FFF;
  margin: 0;
  border: 0;
  height: auto;
  padding: 5px;
  width: 170px; 
}
/* style the drop down menu links when hovered */
.channelMenu ul li:hover ul li a:hover,
.channelMenu ul li a:hover ul li a:hover {
  background-color: #FF6600; 
  color: #FFF;
}


/*
###########################
SERIES MENU
###########################
*/
/* Set up the default font and ovrall size to include image */
.seriesMenu {
  width: 220px;
  height: 16px;
  position: relative;
}
/* get rid of the default padding - margin and bullets */
.seriesMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* make menu horizontal */
.seriesMenu ul li {
  float: left;
  position: relative;
}
/* set up the default top level links */
.seriesMenu ul li a,
.seriesMenu ul li a:visited {
  display: block;
  font: bold 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: url(/tv-schedules/gallery/arrow_menu.gif) 207px 4px no-repeat;
  width: 215px;
  height: 13px;
  padding: 4px 0 1px 5px;
  background-color: #FFF;
  color: #666;
  border: 1px solid #AAA;
}
/* set active link decoration */
.seriesMenu ul li a:hover, .seriesMenu ul li a:focus, .seriesMenu ul li a:active {
  text-decoration: none;
}
/* hide the drop down menu */
.seriesMenu ul li ul {
  display: none;
}
/* remove all table style so that it does not interfere with the menu */
.seriesMenu table {
  margin: 0;
  border-collapse: collapse;
}
/* style the top level hover */
.seriesMenu ul li:hover a,
.seriesMenu ul li a:hover {
  background-color: #FFF;
  color: #666;
  border: solid #AAA;
  border-width: 1px 1px 0 1px;
}
/* make the drop down menu show and correctly position it */
.seriesMenu ul li:hover ul,
.seriesMenu ul li a:hover ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  margin: 10px 0 0 0;
  border: 1px solid #CCC;
}
/* style the drop down links with no hover */
.seriesMenu ul li:hover ul li a,
.seriesMenu ul li a:hover ul li a {
  display: block; 
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #666;
  color: #FFF;
  margin: 0;
  border: 0;
  height: auto;
  padding: 5px;
  width: 210px; 
}
/* style the drop down menu links when hovered */
.seriesMenu ul li:hover ul li a:hover,
.seriesMenu ul li a:hover ul li a:hover {
  background-color: #FF6600; 
  color: #FFF;
}


/*
###########################
DATE MENU
###########################
*/
/* Set up the default font and ovrall size to include image */
.dateMenu {
  width: 125px;
  height: 16px;
  position: relative;
}
/* get rid of the default padding - margin and bullets */
.dateMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
	position: relative;
}
/* make menu horizontal */
/*
.dateMenu ul li {
  float: left;
  position: relative;
}
*/

/* set up the default top level links */
.dateMenu ul li a,
.dateMenu ul li a:visited {
  display: block;
  font: bold 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: url(/tv-schedules/gallery/arrow_menu.gif) 112px 4px no-repeat;
  width: 120px;
  height: 13px;
  padding: 4px 0 1px 5px;
  background-color: #FFF;
  color: #666;
  border: 1px solid #AAA;
}
/* set active link decoration */
.dateMenu ul li a:hover, .dateMenu ul li a:focus, .dateMenu ul li a:active {
  text-decoration: none;
}
/* hide the drop down menu */
.dateMenu li#iFrameCalendar {
  display: none; 
  background-color: #EBEBEB;	
}

/* remove all table style so that it does not interfere with the menu */
/*
.dateMenu table {
  margin: 0;
  border-collapse: collapse;
}
*/

/* style the top level hover */
.dateMenu ul li:hover a,
.dateMenu ul li a:hover {
  background-color: #FFF;
  color: #666;
  border: solid #AAA;
  border-width: 1px 1px 1px 1px;
}
/* make the drop down menu show and correctly position it */
/*
.dateMenu ul li:hover ul,
.dateMenu ul li a:hover ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  margin: 10px 0 0 0;
  border: 1px solid #CCC;
  background-color: #EBEBEB;
}
*/

/* style the drop down links with no hover */
/*
.dateMenu ul li:hover ul li a,
.dateMenu ul li a:hover ul li a {
  display: block; 
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #FFF;
  margin: 0;
  border: 0;
  height: auto;
  padding: 5px;
  width: 197px; 
}
*/

/* style the drop down menu links when hovered */
/*
.dateMenu ul li:hover ul li a:hover,
.dateMenu ul li a:hover ul li a:hover {
  background-color: #FF6600; 
  color: #FFF;
}
*/

/*
###########################
TIME MENU
###########################
*/
/* Set up the default font and ovrall size to include image */
.timeMenu {
  width: 105px;
  height: 16px;
  position: relative;
}
/* get rid of the default padding - margin and bullets */
.timeMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* make menu horizontal */
.timeMenu ul li {
  float: left;
  position: relative;
}
/* set up the default top level links */
.timeMenu ul li a,
.timeMenu ul li a:visited {
  display: block;
  font: bold 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: url(/tv-schedules/gallery/arrow_menu.gif) 92px 4px no-repeat;
  width: 100px;
  height: 13px;
  padding: 4px 0 1px 5px;
  background-color: #FFF;
  color: #666;
  border: 1px solid #AAA;
}
/* set active link decoration */
.timeMenu ul li a:hover, .timeMenu ul li a:focus, .timeMenu ul li a:active {
  text-decoration: none;
}
/* hide the drop down menu */
.timeMenu ul li ul {
  display: none;
}
/* remove all table style so that it does not interfere with the menu */
.timeMenu table {
  margin: 0;
  border-collapse: collapse;
}
/* style the top level hover */
.timeMenu ul li:hover a,
.timeMenu ul li a:hover {
  background-color: #FFF;
  color: #666;
  border: solid #AAA;
  border-width: 1px 1px 0 1px;
}
/* make the drop down menu show and correctly position it */
.timeMenu ul li:hover ul,
.timeMenu ul li a:hover ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  margin: 9px 0 0 0;
  border: 1px solid #CCC;
}
/* style the drop down links with no hover */
.timeMenu ul li:hover ul li a,
.timeMenu ul li a:hover ul li a {
  display: block; 
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #666;
  color: #FFF;
  margin: 0;
  border: 0;
  height: auto;
  padding: 5px;
  width: 95px;  
}
/* style the drop down menu links when hovered */
.timeMenu ul li:hover ul li a:hover,
.timeMenu ul li a:hover ul li a:hover {
  background-color: #FF6600; 
  color: #FFF;
}


/*
###########################
ZONE MENU
###########################
*/
/* Set up the default font and ovrall size to include image */
.zoneMenu {
  width: 55px;
  height: 16px;
  position: relative;
}
/* get rid of the default padding - margin and bullets */
.zoneMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* make menu horizontal */
.zoneMenu ul li {
  float: left;
  position: relative;
}
/* set up the default top level links */
.zoneMenu ul li a,
.zoneMenu ul li a:visited {
  display: block;
  font: bold 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: url(/tv-schedules/gallery/arrow_menu.gif) 42px 4px no-repeat;
  width: 50px;
  height: 13px;
  padding: 4px 0 1px 5px;
  background-color: #FFF;
  color: #666;
  border: 1px solid #AAA;
}
/* set active link decoration */
.zoneMenu ul li a:hover, .zoneMenu ul li a:focus, .zoneMenu ul li a:active {
  text-decoration: none;
}
/* hide the drop down menu */
.zoneMenu ul li ul {
  display: none;
}
/* remove all table style so that it does not interfere with the menu */
.zoneMenu table {
  margin: 0;
  border-collapse: collapse;
}
/* style the top level hover */
.zoneMenu ul li:hover a,
.zoneMenu ul li a:hover {
  background-color: #FFF;
  color: #666;
  border: solid #AAA;
  border-width: 1px 1px 0 1px;
}
/* make the drop down menu show and correctly position it */
.zoneMenu ul li:hover ul,
.zoneMenu ul li a:hover ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  margin: 10px 0 0 0;
  border: 1px solid #CCC;
}
/* style the drop down links with no hover */
.zoneMenu ul li:hover ul li a,
.zoneMenu ul li a:hover ul li a {
  display: block; 
  font: 10px/10px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #666;
  color: #FFF;
  margin: 0;
  border: 0;
  height: auto;
  padding: 5px;
  width: 90px;  
}
/* style the drop down menu links when hovered */
.zoneMenu ul li:hover ul li a:hover,
.zoneMenu ul li a:hover ul li a:hover {
  background-color: #FF6600; 
  color: #FFF;
}