body,input {
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #333333;
 font-size: 11px;
}

.mainBody {
width: 858px;
border-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-color: #999999;
height: 4px;
visibility: visible;
z-index: auto;
background-color: #FFFFFF;
}

.maintableLeft {
width: 275px;
}

.maintable {
width: 520px;
}

/*
.text {font-size: 10px; color: #000000;}
a.text {text-decoration: none;}
a.text:hover {text-decoration: underline; color: #003399;}
*/

.text {font-weight:bold; font-size: 11px; color: #CCCCCC;}
a.text {font-weight:bold; text-decoration: none; color: #003399;}
a.text:hover {font-weight:bold; text-decoration: underline; color: #003399;}


a { text-decoration: none; font-weight:bold;  color: #003399;}
a.On { text-decoration: none; color: #FFFFFF;}
a.Off { text-decoration: none; color: #336699;}

a:hover { text-decoration: underline; font-weight:bold; color: #003399;}

.maintab_Off {
background-color: #CCCCCC;
font-size: 10px;
font-weight: bold;
border: solid #FFFFFF;
height: 14px;
text-align: center;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}

.maintab_Off_right {
font-size: 10px;
font-weight: bold;
background-color: #CCCCCC;
border: solid #FFFFFF;
height: 14px;
text-align: center;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}

.maintab_On {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #CC0000;
border: inset #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
height: 14px;
text-align: center;
}

.maintab_On_right {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #CC0000;
border: inset #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
height: 14px;
text-align: center;
}


<!-- scoreline -->
.scoreline {
  background: #FFFFFF url(../images/sbbg.gif);
  background-repeat: repeat;
}

.scorelineteam {
  font-size: 10px;
  font-weight: bold;
  background: #FFFFFF url(../images/sbbg.gif);
  background-repeat: repeat;
  color: #FFCC33;
  text-valign: middle;
}

.scorer{
 background-color: #000000;
 font-size: 10px;
 color: #FFFFFF;
 background: #FFFFFF url(../images/sbbg.gif);
 background-repeat: repeat;
}


.tabletextbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #333333;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
text-align: center;
}

.shirtnumber {
font-size: 11px;
font-weight: bolder;
background-color: #333333;
color: #ffffff;
text-align: center;
border: solid #ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
}

.tabletext {
font-weight: normal;
font-size: 11px;
color: #333333;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
height: 20px;
}

.tabletextr {
font-weight: normal;
font-size: 11px;
color: #333333;
text-align:right;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
height: 20px;
}

.tabletextc {
font-weight: normal;
font-size: 11px;
color: #333333;
text-align:center;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
height: 20px;
}


.tabletext_even {
font-size: 11px;
font-weight: normal;
color: #333333;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
background-color: #cccccc;
}

tr.on{
      background-color: #CCCCCC;
      font-weight: bold;
      cursor: pointer;
      cursor: hand;
}

tr.off{
      font-weight: bold;
}
<!--
td {
  text-valign: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
-->
highlights {
  text-valign: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333;
}

.home_team {
 background-color: #EFEFEF;
 font-weight: bold;
 font-size: 10px;
 color: #000000;
 text-align: center;
 text-valign: middle;
 padding:1px;
 height: 18px;
 border-bottom: 1px solid #525152;
}

.selected {
 background-color: #EFEFEF;
 font-weight: bold;
 font-size: 10px;
 color: #000000;
 text-align: center;
 text-valign: middle;
 padding:1px;
 border-right: 1px solid #525152;
 border-bottom: 1px solid #525152;
}

.unselected{
 background-color: #EFEFEF;
 font-size: 10px;
 color: #000000;
 text-align: center;
 text-valign: middle;
 padding:1px;
 border-right: 1px solid #525152;
 border-bottom: 1px solid #525152;
}

.away_team {
 background-color: #EFEFEF;
 font-size: 10px;
 font-weight: bold;
 color: #000000;
 text-align: center;
 text-valign: middle;
 padding:1px;
 border-left: 1px solid #525152;
 border-bottom: 1px solid #525152;
 border-right: 1px solid #525152;
 height: 18px;
}

.telehead {
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
background-color: #999999;
height: 14px;
text-transform: uppercase;
padding-left:5px;
}

.teletext {
font-family: Verdana;
font-size: 10px;
color: #000000;
height: 20px;
}

.teletext_even {
font-family: Verdana;
font-size: 10px;
color: #000000;
background-color: #EAEAEA;
height: 20px;
}

td.teletext_sm {
font-family: Verdana;
font-size: 10px;
color: #000000;
height: 15px;
}

td.teletext_even_sm {
font-family: Verdana;
font-size: 10px;
color: #000000;
background-color: #EAEAEA;
height: 15px;
}

.dropdown {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 20px;
}

.teledate {
font-family: Verdana;
font-size: 10px;
color: #666666;
height: 20px;
font-weight: bold;
}

.telecomp {
font-family: Verdana;
font-size: 10px;
color: #333333;
height: 20px;
font-weight: bold;
}


.teledate_sm {
font-family: Verdana;
font-size: 10px;
color: #666666;
height: 15px;
font-weight: bold;
}


.telecomp_sm {
font-family: Verdana;
font-size: 10px;
color: #333333;
height: 15px;
font-weight: bold;
}

.teleofftab{
font-family: Verdana;
font-size: 11px;
color: #336699;
height: 20px;
font-weight: bold;
background-color: #EAEAEA;
text-align: center;
}

.teleoffon{
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
height: 20px;
font-weight: bold;
background-color: #CC0000;
}
a.teleoffon{
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
height: 20px;
font-weight: bold;
background-color: #CC0000;
}

.dropdownfix{}

.teleontab{font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; background-color: #CC0000; text-align: center;}
a.teleofftab{ font-family: Verdana; font-size: 11px; color: #336699; font-weight: bold; background-color: #EAEAEA; text-decoration: none; text-align: center;}
a.teleofftab:hover{
  text-decoration: underline;
}

a.scroller{
  font-family: Verdana; 
  font-size: 11px; 
  color: #336699; 
  text-decoration: none;
  font-weight: normal;
}

a.scroller:hover{
 text-decoration: underline; 
  font-weight: normal;
}

.score {
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
 font-weight: bold;
}

a.score {
 font-family: Verdana;
 text-decoration: none;
 color: #336699;
 font-size: 10px;
 font-weight: bold;
}

a.fflink {
 text-decoration: none; 
 color: #336699; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: bold;
}

a.fflink:hover {
text-decoration: none; 
 color: #336699; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: bold;
}

.telesection {
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #FFFFFF;
background-color: #999999;
height: 14px;
text-transform: uppercase;
padding-left:5px;
}

.teletextr { font-family: Verdana; font-size: 11px; color: #000000; height: 20px; border-right: 1px solid #CCCCCC;}
.teletextr_evenr {font-family: Verdana; font-size: 11px; color: #000000; background-color: #EAEAEA; height: 20px; border-right: 1px solid #CCCCCC;}
.teletext_thead {font-weight:bold; font-family: Verdana; font-size: 11px; background-color: #EAEAEA;  color: #333333; height: 20px; border-right: 1px solid #CCCCCC;}
.teletext_head {font-weight:bold; font-family: Verdana; font-size: 11px; background-color: #EAEAEA;  color: #333333; height: 20px; }
.head {font-weight:bold; font-family: Verdana; font-size: 11px;  color: #666666; height: 25px;}
.rhead {font-weight:bold; font-family: Verdana; font-size: 11px;  color: #666666; height: 25px; border-right: 1px solid #CCCCCC;}


.stext {font-weight:bold; font-size: 11px; color: #CC0000;}
a.stext {font-weight:bold; text-decoration: none; color: #CC0000;}
a.stext:hover {font-weight:bold; text-decoration: underline; color: #CC0000;}


.teletext_team {
font-weight:bold;
font-family: Verdana;
font-size: 10px;
color: #666666;
height: 20px;
}

.teletext_even_team {
font-weight:bold;
font-family: Verdana;
font-size: 10px;
color: #666666;
height: 20px;
background-color: #EAEAEA;
}


