/*****************************************************************************
 *  tvlistings.css                                                           *
 *                                                                           *
 *  Stylesheet for the tv listings application. This file contains all the   *
 *  styles used by the application EXCEPT for those which are applied to the *
 *  tv grid and it's contents (see tvlistings_grid.css). However, unlike the *
 *  grid stylesheet, you may edit this file to your heart's content without  *
 *  worrying about breaking anything.                                        *
 *                                                                           *
 *  @author    Jonathan Holmes <jholmes@tvmedia.ca>                          *
 *  @copyright TV Media Inc, 2008                                            *
 *  @see       tvlistings_grid.css                                           *
 *                                                                           *
 *****************************************************************************/


/* general class assignments for headings, spans and divs... */

h1.tvm { color: #8A170F; font-size: 16px; font-family: Verdana; font-weight: bold; margin: 5px 0px 5px 10px }
h2.tvm { color: #8A170F; font-size: 14px; font-family: Verdana; font-weight: bold }
h3.tvm { color: #8A170F; font-size: 13px; font-family: Verdana; font-weight: bold margin: 0px 0px 5px 0px }
ul.tvm { list-style: none }
div.tvm { margin: 10px 0px 20px 10px }
span.tvm { color: 8A170F; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }


/* our various containers */

#loader { }
#lineup_selector_container { display: none; width: 622px }
#search_container { display: none; width: 622px }
#personalize_container { display: none; width: 622px }
#tv_grid_container { display: none; width: 622px }


/* grid buttons */

.tvm_td_btn  { color: white; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #D5231D; text-transform: uppercase; border-style: solid; border-width: 1px; border-color: #f99 #400 #400 #f99 }
.tvm_td_btn_dwn { color: white; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #AB1C17; text-transform: uppercase; cursor: pointer; border-style: solid; border-width: 1px; border-color: #400 #f99 #f99 #400 }
.tvm_td_btn_ovr { color: white; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #FF5240; text-transform: uppercase; cursor: pointer; border-style: solid; border-width: 1px; border-color: #fdd #800 #800 #fdd }


/* forms */

form.tvm { color: 8A170F; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 12px; margin-bottom: 0px}
label.tvm { text-align: right; display: block; float: left; line-height: 24px; margin-right: 10px; margin-bottom: 10px }
.sub_label { line-height: 24px; margin-right: 0px; margin-right: 15px }
.tvm_input_txt { background-color: #FFF; border: 1px inset #8A170F; color: #8A170F; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding: 1px }
.tvm_input_btn { background-color: #DA2D26; border: 1px outset #8A170F; color: #FCF6E7; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 1px; padding-right: 1px }
.tvm_form_error { color: #DA2D26; font-weight: bold }

/* day-of-week seletor */

.dow_select_container { float: left; color: #8A170F; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding: 1px; margin-bottom: 10px }
.dow_select { background-color: #FFF; border: 1px inset #8A170F; color: #8A170F; font-size: 10px; font-weight: normal; padding: 1px }


/* mini-search box */

.tvm_search_box { float: right; padding: 0px; margin-bottom: 10px }


/* search & results */

table.tvm_sr { width: 100%; color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; border-spacing: 0px; text-align: left }
tr.tvm_sr_header { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #000 }
tr.tvm_sr_row_odd { background-color: #fff }
tr.tvm_sr_row_even { background-color: #ddd }
th.tvm_sr, td.tvm_sr { padding: 2px }


/* program details popup */
/* be careful with this one... */

#tvm_pi_container { width: 550px; position: absolute; cursor: pointer; display: none }

#tvm_pi_container:hover{ z-index:25; background:; }   /* IE compatibility */

#tvm_pi_top_candy {
   padding: 5px 0px 0px 0px;
   background: url('/sympatico/img/program_info/bubble_top.gif') no-repeat top
}

#tvm_pi_top_tail_ne {
   display: none;
   padding: 26px 43px 0px 0px;
   margin-top: -21px;
   margin-left: -82px;
   position: absolute;
   z-index: 26;
   background: url('/sympatico/img/program_info/bubble_tail_ne.gif') no-repeat top
}

#tvm_pi_top_tail_nw {
   display: none;
   padding: 26px 43px 0px 0px;
   margin-top: -21px;
   margin-left: -82px;
   position: absolute;
   z-index: 26;
   background: url('/sympatico/img/program_info/bubble_tail_nw.gif') no-repeat top
}

#tvm_pi_bottom_tail_se {
   display: none;
   padding: 26px 43px 0px 0px;
   margin-top: -4px;
   margin-left: -82px;
   position: absolute;
   z-index: 26;
   background: url('/sympatico/img/program_info/bubble_tail_se.gif') no-repeat top
}

#tvm_pi_bottom_tail_sw {
   display: none;
   padding: 26px 43px 0px 0px;
   margin-top: -4px;
   margin-left: -82px;
   position: absolute;
   z-index: 26;
   background: url('/sympatico/img/program_info/bubble_tail_sw.gif') no-repeat top
}

#tvm_pi_mid_candy {
   padding: 5px 0px 0px 0px;
   background: url('/sympatico/img/program_info/bubble_mid.gif') repeat-y top
}

#tvm_pi_bottom_candy {
   padding: 5px 0px 0px 0px;
   background: url('/sympatico/img/program_info/bubble_bottom.gif') no-repeat bottom
}

#tvm_pi_content {
   width: 220px;
   height: 260px;
   padding: 0px 10px 5px 10px;
}

#tvm_msnad {
   position: absolute;
   width: 301px;
   height: 251px;
   top: 5px;
   left: 240px;
   font-size: 8px;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
   color: #666;
   text-transform: uppercase
}

#tvm_pi_close {
   position: absolute;
   width: 10px;
   height: 10px;
   top: 6px;
   right: 10px;
}

.tvm_pi_showname {
   font-size: 13px;
   font-family: Verdana;
   font-weight: bold;
   padding-bottom: 6px
}
.tvm_pi_showtitle {
   font-size: 13px;
   font-family: Verdana;
   font-style: italic;
   padding-bottom: 6px
}
.tvm_pi_description {
   font-size: 13px;
   line-height: 14px;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
   padding-bottom: 6px
}
.tvm_pi_details {
   font-size: 13px;
   line-height: 14px;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
   padding-bottom: 6px
}
.tvm_pi_footer {
   font-size: 11px;
   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
   padding-bottom: 6px
}