/*****************************************************************************
 *  tvgrid_syp_1.css                                                         *
 *                                                                           *
 *  Stylesheet for the tv grid component of the tv listings application.     *
 *  It is reccomended that you change only colour values; DO NOT modify any  *
 *  values which are lised in pixels (px). These values have been carefully  *
 *  crafted to work with the server-generated HTML in a consistent way.      *
 *                                                                           *
 *  @author    Jonathan Holmes <jholmes@tvmedia.ca>                          *
 *  @copyright TV Media Inc, 2008                                            *
 *                                                                           *
 *****************************************************************************/

/* the grid <table> */

.tvm_tbl_grd {
   border-collapse: collapse;
   border: 0px
}

/* time bar <td> and <span> */

.tvm_td_timebar {
   background-color: #D5231D;
   border: 1px solid #bbb;
   text-align: center;
   line-height: 12px
}
.tvm_txt_timebar {
   color: white;
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold
}

/* channel column */

.tvm_td_chn {
   background-color: #eee;
   border: solid 1px #bbb;
   line-height: 10px
}
.tvm_txt_chan_num {
   font-size: 11px;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   font-weight: bold
}
.tvm_txt_chan_name {
   font-size: 10px;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

/* program cells */

.tvm_td_sh {
   cursor: pointer;
   height: 28px;
   padding: 0px 0px 0px 1px;
   border: solid 1px #bbb;
   color: #400;
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: #fff
}

/* extra styles for specific showtypes */
/* includes a mouseover version */

.tvm_x { background-color: #fff }
.tvm_xo { background-color: #ddd }

.tvm_x_s { background-color: #ddf }
.tvm_xo_s { background-color: #bbf }

.tvm_x_m { background-color: #fdd }
.tvm_xo_m { background-color: #fbb }

.tvm_x_r { background-color: #dfd }
.tvm_xo_r { background-color: #bfb }