
div.tooltip {
  display: none;
  padding: 0px 5px 5px 5px;
  position: absolute;
  z-index: 20;
}

div.tooltip.tooltip_program {
  margin-top: 18px;
}

div.tooltip.tooltip_episode {
  margin-top: 19px;
  padding-top: 4px;
}

div.tooltip div.tooltip_content {
  background: #fff;
  border: 1px solid #666;
  font-size: 11px;
  line-height: 115%;
  min-height: 30px;
  min-width: 200px;
  padding: 15px 13px 10px 10px;
  position: relative;
}

div.tooltip div.tooltip_content img {
  margin-top: 10px;
  margin-left: 40px;
}

div.tooltip div.closebutton {
  position: absolute;
  right: 11px;
  z-index: 21;
}

div.tooltip_program div.closebutton {
  top: 4px;
}

div.tooltip_episode div.closebutton {
  top: 27px;
}

#episodesformloading {
  background: #fff;
  display: none;
  height: 200px;
  margin-top: 25px;
  padding: 80px 0;
  text-align: center;
}

#episodeselection { 
  margin-bottom: 20px;
  margin-top: 20px;
}

#episodeselection select { 
  border: 1px solid #7f9db9;
  padding: 1px;
}

#categorytabs {
  border-bottom: 1px solid #d8d8d8;
  height: 28px;
}

#categorytabs ul#visibletabs li.first {
  background: url('/img/categorytab.png') left 0 no-repeat;
}

#categorytabs ul#visibletabs li {
  background: url('/img/categorytab.png') -1px top no-repeat;
  display: none;
  float: left;
  height: 29px;
  margin-right: 6px;
}

#categorytabs ul#visibletabs li span {
  background: url('/img/categorytab.png') right no-repeat;
  display: block;
  height: 29px;
  margin-left: 6px;
  width: 100%;
}

#categorytabs ul#visibletabs li span a {
  color: #466296;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 28px;
  padding-left: 7px;
  padding-right: 12px;
  text-align: center;
}

#categorytabs ul#visibletabs li span a:hover {
  text-decoration: none;
}

#categorytabs ul#visibletabs li:hover {
  background-image: url('/img/categorytab_mo.png');
}

#categorytabs ul#visibletabs li:hover span {
  background-image: url('/img/categorytab_mo.png');
}

#categorytabs ul#visibletabs li.active {
  background-image: url('/img/categorytab_active.png');
}

#categorytabs ul#visibletabs li.active span {
  background-image: url('/img/categorytab_active.png');
}

#categorytabs ul#visibletabs li.active span a {
  color: #000;
}

#categorytabs_more {
  display: none;
  float: right;
}

#categorytabs_more a {
  background: url('/img/categorytabs_more_arrow.png') right 12px no-repeat;
  color: #466296;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  margin-left: 15px;
  padding-right: 15px;
  text-decoration: underline;
}

#categorytabs_more a:hover {
  text-decoration: none;
}
  
#episodes {
  display: none;
  padding-top: 15px;
}    

#episodescontainer {
  position: relative;
}

#episodesloading {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  filter:alpha(opacity=50); /* msie */  
  -moz-opacity: 0.50; /* firefox 1.0 */  
  -khtml-opacity: 0.50; /* webkit */  
  opacity: 0.50; /* css 3 */    
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
  padding-top: 200px;
  text-align: center;
}

#categorytabs_more_items {
  background: #edeff4;
  display: none;
  position: absolute;
  z-index: 15;  
}

#categorytabs_more_items ul li {
  background: #edeff4;
  border: 1px solid #d8d8d8;
  border-top: none;
  height: 25px;
  width: 100px;
}

#categorytabs_more_items ul li:hover {
  background: #f7f8fa;
}

#categorytabs_more_items ul li span {
  display: block;
  height: 100%;
  width: 100%;
}

#categorytabs_more_items ul li span a {
  color: #466296;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 100%;
  line-height: 25px;
  padding: 0 10px;
  text-align: left;
  width: 80px;
}

#categorytabs_more_items ul li span a:hover {
  text-decoration: none;
}

#episodes {
  margin: 10px 0 0 0;
  padding: 0;
}

#episodes li.episodeblock,
div.episodeblock {
  float: left;
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 17px;
  position: relative;
  width: 174px;
}

#episodes li.episodeblock.first {
  clear: both;
}

#episodes li.episodeblock.last {
  float: right;
  margin-right: 0;
}

li.episodeblock div.episodebox, 
div.episodeblock div.episodebox {
  border: 1px solid #d8d8d8;
  height: 75px;
  padding: 4px;
}

div.episodebox div.episodeshareicons {
  float: left;
  width: 21px;
}

div.episodebox div.episodeshareicons img {
  margin: 4px 0;
}

div.episodebox div.episodeshareicons img.last {
  margin-bottom: 0;
}

div.episodebox div.episodeimage {
  float: left;
  position: relative;
  width: 104px;
} 

div.episodebox div.episodeimage div.episodeimage_mouseover {
  background: url('/img/defaultprogramimage.png');
  cursor: pointer;
  cursor: hand;
  display: none;
  height: 75px;
  left: 0;
  filter:alpha(opacity=50); /* msie */  
  -moz-opacity: 0.50; /* firefox 1.0 */  
  -khtml-opacity: 0.50; /* webkit */  
  opacity: 0.50; /* css 3 */    
  position: absolute;
  top: 0;
  width: 100px;
  z-index: 2;
}

div.episodebox div.episodethumbicons {
  background: url('/img/thumbs/thumbs.gif');
  float: right;
  height: 69px;
  padding: 3px;
  position: relative;
  width: 33px;
}

div.episodebox div.episodethumbicons div.thumbsloading {
  background: #fff;
  height: 100%;
  left: 0;
  filter:alpha(opacity=50); /* msie */  
  -moz-opacity: 0.50; /* firefox 1.0 */  
  -khtml-opacity: 0.50; /* webkit */  
  opacity: 0.50; /* css 3 */    
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

div.episodebox div.episodethumbicons a {
  display: block;
  height: 21px;
  position: relative;
  text-decoration: none;
}

div.episodebox div.episodethumbicons a.thumbup:hover {
  background: url('/img/thumbs/up_over.gif');
}

div.episodebox div.episodethumbicons a.thumbdown:hover {
  background: url('/img/thumbs/down_over.gif');
}

div.episodebox div.episodethumbicons img {
}

div.episodebox div.episodethumbicons div {
  height: 27px;
  line-height: 27px;
  text-align: center;
}

div.episodebox div.episodethumbicons div.pos {
  color: #19c703;
}

div.episodebox div.episodethumbicons div.neg {
  color: #db1514;
}

div.episodebox div.episodethumbicons div.neutral {
  color: #dcdcdc;
}

#episodes li.episodeblock h3 {
  font-size: 11px;
  font-weight: strong;
  line-height: 120%;
  margin: 9px 1px 5px 1px;
  text-align: left;
}

#episodes li.episodeblock a.tip {
  color: red;
}
  
#episodes li.episodeblock div.episodeinfo {
  color: #858585;
  font-size: 11px;
}

#episodes li.episodeblock div.episodeinfo img {
  margin-left: 5px;
  vertical-align: bottom;
}

#noepisodesfound {
  font-weight: bold;
  padding: 20px;
}

#pagelinks {
  color: #808080;
  clear: both;
  font-size: 11px;
  padding-top: 25px;
  text-align: center;
}

#pagelinks ul {
  float: left;
}

#pagelinks ul li {
  float: left;
  height: 18px;
  line-height: 18px;
  margin: 0 3px 0 2px;
  position:relative;
  width: 18px;
}

#pagelinks ul li a:link, 
#pagelinks ul li a:hover,
#pagelinks ul li a:visited {
  background: #f9f9f9;
  border: 1px solid #d8d8d8;
  color: #466296;
  display: block;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  width: 18px;
}

#pagelinks ul li a img {
  margin-top: 5px;
}

#pagelinks ul li span {
  display: block;
  line-height: 18px;
  text-align: center;
  width: 18px;
} 

#pagelinks ul li span.activepage {
  background: url('/img/activepagelinkbg.png') repeat-x;
  border: 1px solid #466296;
  color: #fff;
}


/* program/episode page */

#programinfo_left {
  vertical-align: top;
  width: 189px;
}

#programinfo_right {
  vertical-align: top;
  width: 520px;
}

div.episodeblock {
  float: none;
  margin-bottom: 5px;
  margin-right: none;
}

div.episodeblock div.episodeimage div.episodeimage_mouseover {
  display: block;
}

#programepisodes {
  height: 20px;
  position: relative;
  width: 100%;
}

#programepisodes #activeepisode {
  background: url(/img/categorytabs_more_arrow.png) no-repeat 158px 5px;
  border: 1px solid #aaa;
  cursor: pointer;
  cursor: hand;
  height: 13px;
  padding: 3px;
  padding-right: 19px;
  width: 149px;
}

#programepisodes #activeepisode em {
  float: left;
}

#programepisodes #activeepisode span {
  float: right;
}

#programepisodes ul {
  border: 1px solid #aaa;
  cursor: pointer;
  cursor: hand;
  display: none;
  left: 0;
  max-height: 136px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 172px;
  z-index: 10;
  margin: 0;
  padding: 0;
  background: #fff;
}

#programepisodes ul li {
  background: #fff;
  border-bottom: 1px solid #ddd;
  height: 19px;
  margin: 0;
  vertical-align: top;
}

#programepisodes ul li a,
#programepisodes ul li a:hover,
#programepisodes ul li a:visited {
  display: block;
  height: 13px;
  padding: 3px;
  text-decoration: none;
}

#programepisodes ul li.active {
  background: #efefef;
}

#programepisodes ul li:hover {
  background: #fafafa;
}

#programepisodes ul li em {
  float: left;
  cursor: hand;
}

#programepisodes ul li span {
  float: right;
  cursor: hand;
}

#programsourcewebsite {
  color: #aaa;
  text-align: right;
  padding-top: 4px;
  width: 172px;
}

#programinfo_right #programwebsite {
  float: right;
  font-weight: bold;
}

#programinfo_right h1 {
  margin-bottom: 13px;
}

#descriptioncontainer {
  height: 80px;
  overflow-y: hidden;
}

#programdescription {
  line-height: 130%;
}

#episodedescription {
  display: none;
  margin-bottom: 15px;
  line-height: 130%;
}

#descriptionreadmore {
  display: none;
  padding-top: 6px;
  text-align: right;
}

div.hyperlinkbox {
  background: #eee;
  border: 1px solid black;
  display: none;
  padding: 5px;
  position: absolute;
  width: 360px;
  z-index: 75;
}

div.hyperlinkbox a.closehyperlinkbox {
  float: right;
  font-size: 10px;
}

div.hyperlinkbox h4 {
  margin: 3px 0 9px 0;
}

div.hyperlinkbox input {
  width: 355px;
}

div.hyperlinkbox a.copyhyperlink {
  float: right;
  display: block;
  margin: 4px 0;
}

div#hyperlinkboxtemplate {
  display: none;
}

#leftbar #leftbartop {
  margin-bottom: 20px;
}

#leftbar #daychooser {
  height: 248px;
  left: 0;
  position: absolute;
  width: 166px; 
}

#leftbar #daychooser li {
  background-image: url('/img/leftblock.png');
  background-position: 0 -31px;
  border-bottom: 1px solid #e7e8eb;
  height: 31px;
  float: left;
  width: 166px;
}

#leftbar #daychooser li.first {
  background-position: 0 0;
}

#leftbar #daychooser li.last {
  background-position: 0 31px;
  border-bottom: 0;
}

#leftbar #daychooser li.selected {
  background-image: url('/img/leftblock_mouseover.png');
}

#leftbar #daychooser li:hover {
  background-image: url('/img/leftblock_mouseover.png');
}

#leftbar #daychooser li a {
  display: block; 
  height: 28px;
  line-height: 31px;  
  width: 100%;
}

#leftbar #daychooser li a:hover {
  text-decoration: none;
}

#leftbar #daychooser a span.dayname {
  color: #3b537c;
  display: block;
  cursor: hand;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 31px;
  padding-left: 9px;
  width: 80px;
}

#leftbar #daychooser a span.date {
  color: #3b537c;
  cursor: hand;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  line-height: 33px;
  padding-right: 9px;
}

#leftbar #daychooser li.last a span.dayname {
  color: #b4c2d5;
}

ul#channelchooser {
  background: #fff ;
  border: 1px solid #ebebeb;
  height: 29px;
  margin-bottom: 20px;
  width: 100%;  
}

ul#channelchooser li {
  border-right: 1px solid #ebebeb;
  float: left;
  height: 29px;
  line-height: 29px;
  padding: 0px 8px;
}

ul#channelchooser li.active {
  border: 1px solid #aaaaaa;
  margin-left: -1px;
  margin-top: -1px;
}

ul#channelchooser li.all {
  border-right: 1px solid #ebebeb;
  float: left;
}

ul#channelchooser li.all a {
  color: #466296;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

ul#channelchooser li.all a:hover {
  text-decoration: none;
}

ul#channelchooser li:hover,
ul#channelchooser li.active {
  background: #fff;
}

ul#channelchooser li img {
  vertical-align: middle;
}
  

