@media all {
  /* General */
  BODY, TD,
  INPUT, SELECT,
  TEXTAREA         { font: 11px Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Helvetica, Arial, Verdana; color: #000000 }
  BODY             { background-color: #ffffff; margin: 0px }
  FORM, IMG        { margin: 0px; padding:0px }

  A, A:visited     { color: #05a300; text-decoration: none }
  A:hover          { text-decoration: underline }
  A IMG            { border: none }

  A.arrowlink      { color: #000000; display: block; height: 16px; white-space: nowrap; line-height: 15px; float: right; clear: both; background: url('../images/linkarrow.gif') 100% 50% no-repeat; padding: 0px 17px 0px 0px }
  A.arrowlinkgreen { color: #000000; display: block; line-height: 16px; width: 20px; white-space: nowrap; background: url('../images/linkarrowgreen.gif') 0% 50% no-repeat; padding: 0px 0px 0px 20px; cursor: pointer }

  P                { margin: 0px; padding: 0px }
  UL               { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../images/bullet.gif') }
  UL.tabbed        { margin: 0px 0px 0px 50px; list-style-type: none; list-style-image: none }
  UL.tabbed LI     { position: relative }
  UL.tabbed LI DIV { float: left; clear: both; width: 50px; position: absolute; left: -50px }

  HR              { height: 1px; border: none; background-color: black; color: black }
  HR.grey         { background-color: #e1e1e1; color: #e1e1e1 }
  HR.green        { background-color: #319847; color: #319847 }
  HR.lightgreen   { background-color: #c1e0c8; color: #c1e0c8 }

  H1,H2,H3,H4,H5,H6 { font-family: Trebuchet MS, Trebuchet, Tahoma, Helvetica, Arial; text-transform: uppercase; margin: 3px 0px }
  H1              { font-size: 17px }
  H2              { font-size: 15px }
  H3              { font-size: 13px }
  H4              { font-size: 12px }
  H5              { font-size: 11px }


  DIV.hrdotted    { height: 9px; background: url('../images/dottedline.gif') 0px 4px repeat-x }
  DIV.floatclear  { height: 1px; clear: both }
  /* Page header, background and shader */
  #shadetable     { background: url('../images/pageshade.gif') 50% 0% repeat-y }
  #shadetabletd   { background: url('../images/bg-bal.gif') 50% 0% no-repeat /* padding-left: 19px */ }
  #maintable      { background-color: white; margin: 0px auto; border: none }
  #maintable TD   { padding: 0px } 
  #mainheader     { background: url('../images/bg-header.gif') #000000 repeat-x }
  #mainheader A   { color: #000000 }
  TR.bgtabbar     { background-color: black; color: #86D76E }
  DIV.pagecontent  { padding: 0px 5px 10px 5px }
  TR.bgtabbar A   { color: #86D76E }
  TD.bgcontext    { background-color: #F1F0F0; color: black }
  TD.bgcontext A  { color: #FF0000 }

  /* MyKickoff column */
  #myKickoffCol { background: url('../images/bg-yellowstripes.gif'); width: 100%; height: 520px }

  /* MyKickoff Panel */
  #mkoPanel     { position: relative; top: -23px; left: 4px; width: 228px; background-color: white }

  /* MyKickOff Frame shader */
  #mkoPanel div.mkops-t  { background: url('../images/mykickoff/mkoshader-tr.gif') #000000 100% 0% no-repeat; width: 244px; height: 8px; position: absolute; top:-8px; left:-8px }
  #mkoPanel div.mkops-l  { background: url('../images/mykickoff/mkoshader-l.gif') 0% 100% repeat-y; width: 8px; height: 100%; position: absolute; left:-8px }
  #mkoPanel div.mkops-l .blackbox { background-color: black; width: 8px; height: 50px }
  #mkoPanel div.mkops-r  { background: url('../images/mykickoff/mkoshader-r.gif') 100% 0% repeat-y; width: 8px; height: 100%; position: absolute; left: 228px }
  #mkoPanel div.mkops-b  { background: url('../images/mykickoff/mkoshader-b.gif') 0% 100% no-repeat; width: 244px; height: 100%; position: absolute; left: -8px; top: 8px }

/* delete these lines when MKOPanel is visible 
  #mkoPanel div.mkops-t  { display: none } 
  #mkoPanel div.mkops-r  { display: none }
  #mkoPanel div.mkops-b  { display: none }
*/
  /* Default table */
  .dt           { width: 100% }
  .dt td.dt-tl  { background: url('../images/corner-dt-tl.gif') no-repeat; width: 7px; height: 7px }
  .dt td.dt-t   { background: url('../images/border-dt-t.gif') repeat-x; height: 7px }
  .dt td.dt-tr  { background: url('../images/corner-dt-tr.gif') no-repeat; width: 7px; height: 7px }
  .dt td.dt-l   { background: url('../images/border-dt-l.gif') repeat-y; width: 7px }
  .dt td.dt-c   { text-align: left; vertical-align: top }
  .dt td.dt-r   { background: url('../images/border-dt-r.gif') repeat-y; width: 7px }
  .dt td.dt-bl  { background: url('../images/corner-dt-bl.gif') no-repeat; width: 7px; height: 7px }
  .dt td.dt-b   { background: url('../images/border-dt-b.gif') repeat-x; height: 7px }
  .dt td.dt-br  { background: url('../images/corner-dt-br.gif') no-repeat; width: 7px; height: 7px }

  .tableheader      { background: url('../images/bg-tableheader.gif') #EECA15 0% 50% repeat-x; font: bold 13px/0px NeoSans,Arial; text-transform: uppercase; text-align: center }
  .tableheader SPAN { line-height: 24px }
  .tableheader SPAN SPAN.THCompName { color: #8f790d !important }
  /* Entities and values */
  .novalue   { font-style: italic; color: #777777 }

  /* Footer */
  #mainfooter               { color: #999999; font-size: 9px }
  #mainfooter A,
  #mainfooter A:visited     { color: #999999 }
  
  #pageshadefooter          { background: url('../images/pageshade-bottom.gif') 50% 0% no-repeat; width: 100%; height: 27px; position: relative; top:-11px }
  #footermenu               { position: relative; top:-20px  }

  /* Info pages */
  DIV.infoMenu             { float: left; width: 32% }
  DIV.infoMenu A,
  DIV.infoMenu A:visited   { color: #999999; line-height: 20px }
  DIV.infoMenu A:hover     { color: #000000; text-decoration: none }
  DIV.infoMenu DIV.padd    { padding: 12px 0px 12px 10px }
  DIV.infoMenu A.selected  { color: #000000; text-decoration: underline }
  DIV.infoMenu DIV.level0  { padding-left: 0px }
  DIV.infoMenu DIV.level1  { padding-left: 16px }
  DIV.infoMenu DIV.level2  { padding-left: 32px }
  DIV.infoContent          { float: right; width: 66% }
  DIV.infoContent DIV.padd { padding: 12px 8px 12px 0px }

  /* News items */
  TD.newsitems A                 { color: #000000 }
  TD.newsitems .newsitem         { background-repeat: no-repeat; background-position: 0px 3px }
  TD.newsitems .newsitem IMG     { cursor: pointer }
  TD.newsitems .closed           { background-image: url('../images/closed.gif') }
  TD.newsitems .closed .excerpt  { display: none }
  TD.newsitems .open             { background-image: url('../images/open.gif') }
  TD.newsitems .open   .excerpt  { display: block }
  TD.newsitems .excerpt          { margin: 0px 0px 10px 0px; padding: 0px }
  TD.newsitems .meta             { color: #666666; background-color: #e2e2e2; padding: 2px 5px; font-size: 10px }
  TD.newsitems .text             { background-color: #f2f2f2; padding: 5px }
  TD.newsitems .excerpt IMG      { cursor: auto }
  TD.newsitems .excerpt .text BR { line-height: 0px }
  TD.newsitems .excerpt .text IMG { margin: 0px 6px 3px 0px }

  DIV.newsitem                   { text-align: left }
  DIV.newsitem H3                { font-weight: bold }
  DIV.newsitem .meta             { color: #999999 }

  /* Navigators */
  DIV.navigator       { font: 10px/15px Trebuchet MS, Verdana, Helvetica Arial; text-transform: uppercase; margin: 2px; padding: 2px; text-align: center }
  DIV.navigator SPAN  { text-decoration: underline }
  DIV.navigator A     { color: #000000 }
  DIV.navigator A.btn-back,
  DIV.navigator A.btn-back:visited    { display: block; height: 30px; width: 70px; background: url('../images/back-btn.gif') 50% 0px no-repeat }
  DIV.navigator A.btn-forward,
  DIV.navigator A.btn-forward:visited { display: block; height: 30px; width: 70px; background: url('../images/forward-btn.gif') 50% 0px no-repeat }
  DIV.navigator A.btn-back:hover,
  DIV.navigator A.btn-forward:hover   { text-decoration: none; background-position: 50% -30px }
  DIV.navigator A label               { position: relative; text-align: center }

  DIV.navigatorNum            { font-size: 12px; text-align: center; font-weight: bold }
  DIV.navigatorNum A:hover    { color: black; text-decoration: none }

  /* path (breadcrum) */
  #path               { font-size: 11px; margin: -8px 0px 10px; word-spacing: 4px }
  #path A             { color: #999999; text-decoration: underline }

  /* Homepage general */
  #HPmargin           { margin: 0px 8px; clear: both }
  #PageMargin         { margin: 8px 10px; clear: both }

  /* Homepage results */
  #HPResults A                     { color: #000000 }
  #HPResults DIV.results_score     { line-height: 20px; width: 50px; background-color: #E3E3E3; text-align: center; float: right }
  #HPResults A.results_row,
  #HPResults A.results_row:visited { display: block; line-height: 20px; background-color: #EFEFEF; color: black; margin: 2px 0px; padding-left: 5px }
  #HPResults A.results_row:hover   { background-color: #D9D9D9; text-decoration: none }
  #HPResults A.results_row:hover DIV.results_score { background-color: #D0D0D0; text-decoration: none }

  /* Homepage news */
  #HPNews A                   { color: #000000 }
  #HPNews A.news_item,
  #HPNews A.news_item:visited { height:14px; display: block; margin: 0px 0px 7px 0px; text-decoration: underline; width: 312px; overflow: hidden }
  #HPNews A.news_item:hover   { color: #999999 }

  /* Homepage Poll */
  #HPPoll A               { color: #000000 }
  #HPPoll H5              { font-size: 11px; margin: 4px 0px 0px; padding: 0px; font-weight: normal; text-transform: none }
  #HPPoll INPUT.arrowlink { display: block; height: 20px; text-align: right; line-height: 16px; float: right; clear: both;
                            background: url('../images/linkarrow.gif') transparent 100% 50% no-repeat;
                            padding: 0px 17px 2px 0px; border: none; cursor: pointer }
  #HPPoll INPUT.arrowlink:hover { text-decoration: underline }

  #HPPoll A.nrofvotes     { color: #999999 }

  /* Homepage Columns */
  #HPColumns A          { color: black; cursor: pointer }
  #HPColumns A:hover    { color: #999999; text-decoration: none }
  #HPColumns A.arrowlink:hover    { color: black; text-decoration: underline }

  /* Homepage Games-Prices */
  #HPGames A                       { color: black }
  #HPGames table.HPPriceMainFrame  { width: 100%; height: 100%; background: url('../images/pricesbg.gif') repeat-x; border-right: 1px solid #E5E5E5; margin-bottom: 12px }
  #HPGames table.HPPriceFrame      { width: 100%; height: 100%; margin: 6px 0px 0px 0px; background: url('../images/9balls-green.gif') 0% 50% no-repeat }
  #HPGames td.HPPriceFrameRightCol { border-left: 1px dotted black }
  #HPGames H4                      { font-size: 11px; font-weight: normal; color: #319847; padding: 0px; margin: 6px 0px 0px }
  #HPGames span.green              { color: #319847 }
  #HPGames table.HPPriceFrame H4   { display: inline }
  #HPGames A IMG                   { border: 0px }
  #HPGames .HPPrice                { margin: 0px 0px 8px 22px; clear: both }
  DIV.payout                       { background: url('../images/pricepayout-bg2.gif') no-repeat; width: 72px; height: 26px;
                                     text-align: center; float: right; margin: 0px 5px 0px 5px; clear: both;
                                     font: normal 11px/26px Lucida Console,Verdana; text-transform: uppercase; color: #666666 }
  DIV.payout1st                    { background: url('../images/pricepayout-bg.gif') no-repeat; width: 62px; height: 72px;
                                     text-align: center; float: right; margin: 14px 10px 0px 5px; clear: both;
                                     font: normal 13px/72px Lucida Console,Verdana; text-transform: uppercase; color: #666666 }
  #HPGames table.HPPriceRank       { width: 100% }
  #HPGames table.HPPriceRank td    { height: 22px }
  #HPGames table.HPPriceRank .odd  { background-color: #EAEAEA }
  #HPGames table.HPPriceRank .even { background-color: #FFFFFF }

  #HPGames .HPPriceRank .header    { padding: 0px 6px 0px 22px }
  #HPGames .HPPriceRank .footer    { padding: 3px 6px 0px 22px; height: 100%; border-top: 1px dotted black; vertical-align: top }
  #HPGames .HPPriceRank .rank      { width: 12%; padding-left: 22px }
  #HPGames .HPPriceRank .username  { width: 50%; padding-left: 4px }
  #HPGames .HPPriceRank .score     { width: 38% }

  #HPGames .gameleftlabel         { width: 31px; background-color: #39a458; padding-top: 7px }
  #HPGames .gamecontent           { padding: 0px 0px 0px 8px }
  #HPGames .gametablefooterleft   { height: 7px; width: 31px; background-color: #39a458 }
  #HPGames .gametablefooterright  { height: 7px; background: url('../images/pricesfooterbg.gif') repeat-x }

  /* Homepage photo (game ad) */
  A.HP-GameAd        { display: block; color: white; height: 20px; width: 160px; line-height: 17px;
                       background: url('../data/images/link-pijl-homepage.gif') black 100% 50% no-repeat;
                       margin-left: 20px; padding-left: 8px }
  A.HP-GameAd:hover  { color:black; background-color: white; text-decoration: none }
  A#playandwin       { position: relative; display: block; height: 56px; width: 121px; left: 440px; top: -54px;
                       background: url('../data/images/speel-en-win.gif') no-repeat }
  A#playandwin:hover { background-position: 0px -56px }


  /* Banners */
  #BannerBlock   { position: relative; top: -18px }
  #Banners       { width: 228px; overflow: hidden }
  #Banners A     { display: block }
  #Banners A IMG { margin: 3px 0px; border-color: #CCCCCC }

  /* Poll */
  .pollvotebar   { float: left; background: url('../images/bg-tableheader.gif') 0px -18px repeat-x; height: 12px; margin: 0px; clear: both; border-left: 1px solid #eeca15 }
  .pollvoteperc  { float: left; font-size: 10px; line-height: 12px; color: #888888; height: 12px; white-space: nowrap; margin: 0px 0px 0px 2px }
  
  /* Teams */
  #FTeams A            { color: #000000 }
  #FTeams A.odd        { display: block; background-color: #FFFFFF; line-height: 20px; cursor: pointer }
  #FTeams A.even       { display: block; background-color: #EAEAEA; line-height: 20px; cursor: pointer }
  #FTeams A.odd:hover,
  #FTeams A.even:hover { text-decoration: none; background-color: #D9D9D9 }
  #FTeams .teamname    { width: 240px; float: left; line-height: 20px; margin: 0px 4px }
  #FTeams .odd IMG,
  #FTeams .even IMG    { margin: 5px }
  #FTeams .leftcol     { border-right: 1px solid #FFFFFF }
  #FTeams .rightcol    { border-left: 1px solid #FFFFFF }

  /* Overview and matches */
  #Results A, #Fixtures A          { color: #000000 }
  #Results .compheader,
  #Fixtures .compheader            { text-transform: uppercase; margin: 6px 0px 2px 0px; padding: 6px 4px 2px 70px; border-bottom: 1px dotted #CCCCCC; background-color: #F8F8F8 }
  #Results .compheader A,
  #Results .compheader A:visited   { color: #999999 }
  #Fixtures .compheader A,
  #Fixtures .compheader A:visited  { color: #999999 }
  #Results .compheader A:hover,
  #Fixtures .compheader A:hover    { color: #000000 }
  #Results .compheader IMG,
  #Fixtures .compheader IMG        { float: left; margin: 2px 6px 0px 0px }

  #Results .dayheader,
  #Fixtures .dayheader             { font: 11px/17px Trebuchet MS, Verdana, Helvertica, Arial; text-transform: uppercase; color: #000000; padding: 5px 2px 0px; margin: 0px 0px 2px; border-bottom: 1px dotted #cccccc }
  #Results .dayheaderCompact,
  #Fixtures .dayheaderCompact      { position: relative; text-align: left; white-space: nowrap; top: -21px; font: 11px/17px Trebuchet MS, Verdana, Helvertica, Arial; text-transform: uppercase; color: #000000; padding-left: 2px; height: 1px }

  #Results a.resultrow-odd,
  #Fixtures a.resultrow-odd        { display: block; background-color: #FFFFFF; height: 17px; margin: 0px 0px 2px; cursor: pointer; overflow: hidden; white-space: nowrap }
  #Results a.resultrow-even,
  #Fixtures a.resultrow-even       { display: block; background-color: #EFEFEF; height: 17px; margin: 0px 0px 2px; cursor: pointer; overflow: hidden; white-space: nowrap }
  #Results a.resultrow-odd:hover,
  #Fixtures a.resultrow-odd:hover,
  #Results a.resultrow-even:hover,
  #Fixtures a.resultrow-even:hover { background-color: #D9D9D9; text-decoration: none }

  #Results .gametime, #Fixtures .gametime, #Results .gametime-live, #Results .gamedate, #Fixtures .gamedate,
  #Results .gamedate-live { display: block; color: #888888; float: left; height: 17px; width: 44px;  margin: 0px 4px 0px 0px; padding-left: 23px }

  #Results .gametime      { background: url('../images/time-grey-bg.gif') no-repeat }
  #Fixtures .gametime     { background: url('../images/time-bg.gif') no-repeat }
  #Results .gametime-live { background: url('../images/time-flash-bg.gif') no-repeat }
  #Results .gamedate      { background: url('../images/date-grey-bg.gif') no-repeat }
  #Fixtures .gamedate     { background: url('../images/date-bg.gif') no-repeat }
  #Results .gamedate-live { background: url('../images/date-flash-bg.gif') no-repeat }

  #Results .result,
  #Results .resultlive,
  #Fixtures .result      { display: block; float: right; width: 50px; height: 17px; font-weight: bold; text-align: center; padding: 0px }

  #Results a.resultrow-odd .result { background: url('../images/score-bg.gif') no-repeat }
  #Results a.resultrow-even .result { background: url('../images/score-bg-even.gif') no-repeat }
  #Results .resultlive   { background: url('../images/score-bg-live.gif') no-repeat; color: red  }

  #Results .competition,
  #Fixtures .competition { float: left; min-width: 80px; color: #999999; padding-right: 4px }
  #Results .teamnames IMG.baro,
  #Fixtures .teamnames IMG.baro { vertical-align: middle; cursor: help }
  #Fixtures .lines       { float: right; background-color: white }
  .warning               { line-height: 32px; color: #eeb94a }
  .warning IMG           { margin-right: 6px; vertical-align: middle }
  .warning A             { color: #eeb94a; text-decoration: underline }
  .remark                { line-height: 32px }
  .remark IMG            { margin-right: 6px; vertical-align: middle }
  .remark A              { text-decoration: underline }

  /* Ranking tables */
  .rankingtable A             { color: black }
  .rankingtable td            { padding: 1px 2px }
  .rankingtable .row-odd      { background-color: #ffffff }
  .rankingtable .row-even     { background-color: #efefef }
  .rankingtable .row-odd .value2  { background-color: #efefef; border-right: 8px solid #efefef }
  .rankingtable .row-odd .value   { background-color: #efefef; border-right: 8px solid #ffffff }
  .rankingtable .row-even .value2 { background-color: #e0e0e0; border-right: 8px solid #e0e0e0 }
  .rankingtable .row-even .value  { background-color: #e0e0e0; border-right: 8px solid #efefef }
  .rankingtable .value        { padding: 0px 4px 0px 4px !important; min-width: 7px; white-space: nowrap; text-align: right !important }
  .rankingtable .value2       { padding: 0px 0px 0px 4px !important; width: 0px; white-space: nowrap; text-align: right !important }
  .rankingtable .rankposition { height: 19px; width: 24px; background: url('../images/pos-bg.gif') 0px 50% no-repeat; padding-left: 3px !important }
  .rankingtable .remark       { color: #999999; font: 9px Verdana, Arial Narrow, Helvetica }

  .rankingtable .phaseheader th   { color: #999999; padding: 10px 0px 6px; text-align: center; text-transform: uppercase }
  .rankingtable .rankingheader th { font: 10px/17px Trebuchet MS, Verdana, Helvertica, Arial; color: #f4ea3a; padding: 1px 2px; background: url('../images/rankingheader-bg.gif') #000000 repeat-x; border-bottom: 3px solid white; text-transform: uppercase }
  .rankingtable .row-odd:hover td    { background-color: #d0d0d0; border-color: #d0d0d0 }
  .rankingtable .row-even:hover td   { background-color: #d0d0d0; border-color: #d0d0d0 }

  /* Match Result/fixture */
  #matchtable                 { border-collapse: collapse }
  .matchResultTop             { border-collapse: collapse; margin: 6px 0px 15px }
  #matchtable .matchResultTop td    { border: 1px solid #d9d9d9; padding: 3px }
  #matchtable .matchResultBottom td { border: none !important; padding: 3px }
  #matchtable span.scoresuffix      { font-size: 12px; font-weight: normal }

  .matchStats                 { width: 100% ;border-top: 1px solid #f6e39f; border-right: 1px solid #f6e39f }
  .matchStats td              { border-bottom: 1px solid #f6e39f; border-left: 1px solid #f6e39f; padding: 3px; vertical-align: top }
  .matchStats td.leftlabel    { text-align: left; color: #999999 }
  .matchStats td.leftcol      { background-color: #fcfaed; text-align: right }
  .matchStats td.rightcol     { background-color: #fcfaed; text-align: left }
  .matchStats td.centercol    { background-color: #fcfaed }
  .matchStats td.rightlabel   { text-align: right; color: #999999 }

  .matchStats span.shirtnr    { font-size: 10px; color: #999999; cursor: help }
  .matchStats span.captain    { cursor: help }
  .matchStats span.function   { font-size: 10px; cursor: help }
  .matchStats img.cardGoal    { cursor: help }
  .matchStats span.wissel     { color: #99AA99 }
  .matchStats span.wissel img { margin: 2px 2px 0px 7px; vertical-align: top }

  .matchStats div.percentagebar  { background-color: #CCCCCC; padding: 0px; float: left; font-family: Trebuchet MS, Trebuchet, Arial Narrow, Arial }
  .matchStats div.pbpos          { background-color: #81c58e }
  .matchStats div.pbneg          { background-color: #f0a68f }
  .matchStats th                 { font: 10px/17px Trebuchet MS, Verdana, Helvertica, Arial; color: #999999; padding: 1px 2px; border-bottom: 1px solid #f6e39f; border-left: 1px solid #f6e39f; text-transform: uppercase; text-align: center }
  .matchStats td.leftcol .label  { color: #9d9a93; float: left }
  .matchStats td.rightcol .label { color: #9d9a93; float: right }
  .matchStats td .scorer         { color: black !important; cursor: help }
  .matchStats td.leftcol .value   { float: right; margin-right: 2px }
  .matchStats td.leftcol .value2  { float: right; color: #999999; cursor: help }
  .matchStats td.rightcol .value  { float: left; margin-left: 2px }
  .matchStats td.rightcol .value2 { float: left; color: #999999; cursor: help }

  #matchtable td.bigScore,
  #matchtable td.bigScore-live     { padding: 0px; font-weight: bold; font-size: 20px; line-height: 24px; background: url('../images/bg-tableheader.gif') #EECA15 0% 50% repeat-x }
  #matchtable td.bigScore-live     { color: #CC3333; text-decoration: blink }
  #matchtable .innertable td       { border: none !important; padding: 0px 3px !important }
  #matchtable .innertable .label   { color: #999999; width: 35%; text-align: right; vertical-align: top }

  /* game block; quotes, tips */
  #matchQuotes         { background-color: #bfdfc7; padding: 6px 6px 0px 6px }
  .matchQuotesBorder   { border: 3px solid white; background-color: white; width: 200px }
  #matchQuotes .line   { float: left; width: 355px }

  /* Head 2 Head Stats */
  table.h2hStats        { width: 100%; margin-top: 20px }
  table.h2hStats th     { background-color: #e1e1e1; padding: 3px 12px }
  table.h2hStats td     { background-color: #efefef; padding: 3px 12px }
  table.h2hStats td.subsetheader { background-color: white; padding: 6px 0px 0px !important }


  /* lines */
  .betline              { border: 1px solid #50ba6e; height: 17px }
  .betline TD           { font-size: 11px }
  .betline .quotelabel  { cursor: help; background-color: #bfdfc7; color: #279d40; width: 8px; padding: 0px 2px; text-align: center }
  .betline .quote       { width: 37px; padding: 0px; white-space: nowrap }
  .betline .quote A,
  .betline .quote SPAN.quoteValue { display: block; padding: 0px 2px; background-color: #ffffff }
  .betline .quote A     { color: #05a300 !important }
  .betline .quote SPAN.quoteValue { color: #999999; background-color: #eeeeee }
  .betline .quote A:hover { text-decoration: none; background-color: #f3e938; color: black !important }
  .betline .quote IMG   { cursor: help; float: right; margin: 3px 1px 0px -6px }

  /* lines on match page */
  #matchQuotes H3                   { border-top: 1px solid #319847; background-color: #CFEFD7; padding: 2px; margin: 0 }
  #matchQuotes .betline td          { font-size: 13px !important }
  #matchQuotes .betline .quotelabel { width: 12px !important; padding: 2px !important }
  #matchQuotes .betline .quote      { width: 50px !important; line-height: 17px; }
  #matchQuotes .betline .quote A,
  #matchQuotes .betline .quote SPAN.quoteValue { padding: 2px 2px 2px 8px; display: block; line-height: 17px }

  #matchQuotes .quoteslabel              { font-size: 10px; height: 18px; width: 100%; color: #5b9b5b; overflow: hidden }
  #matchQuotes .quoteslabel .labelleft   { position: relative; line-height: 20px; width: 200px; text-align: right; top:0px; right: 135px }
  #matchQuotes .quoteslabel .labelcenter { position: relative; line-height: 20px; text-align: center; left: 5px; top:-20px }
  #matchQuotes .quoteslabel .labelright  { position: relative; line-height: 20px; width: 200px; text-align: left; top:-40px; left: 145px }

  /* tip barometer on match page */

  #matchTips        { margin-bottom: 4px }
  #tipsBarometer    { float: right; width: 180px; font-size: 10px; color: #466689}
  #tipsBarometer H4 { color: #4a79ad }
  #tipsBarometer A  { position: relative; left: -30px; font-size: 11px }

  #myTip          { width: 80%; padding: 4px 4px 4px 20px; margin: 6px 0px; border: 1px solid #4a79ad; background: url('../images/mykickoff/mytipgame3.gif') no-repeat #d2dae3 2% 40%; color: #4a79ad }
  #profTips       { clear: both; margin: 8px 0; text-align: center }
  #profTips IMG   { text-align: center; margin-top: 12px }
  #profTips DIV   { clear: both; padding: 5px }

  /* tip links on match page */
  #matchQuotes .betline .quote .tiplink         { display: block; position: relative; width: 50px; height: 0px; left: 6px; top: 6px }
  #matchQuotes .betline .quote .tiplink A       { display: block; position: absolute; line-height: 11px; background: url('../images/mykickoff/mytipgame4.gif') no-repeat #d2dae3 100% 50%; border: 1px solid #4a79ad; color: #4a79ad !important; font-size: 11px; padding-left: 3px; padding-right: 18px }
  #matchQuotes .betline .quote .tiplink A:hover { background-color: #f3e938 }

  
  /* Tips tab */
  #TIPS                 { }
  #TIPS H4              { margin: 4px 0 0px; padding: 2px 4px; background-color: #eeeef0; clear: both }
  #TIPS .date           { display: block; float: right; margin-right: 2px; text-transform: none !important; font-weight: normal }
  #TIPS .tipper         { text-transform: none !important }
  #TIPS .tipper IMG     { vertical-align: middle; margin-bottom: 2px }
  #TIPS .substantiation { color: #777777; margin: 0 0 10px 20px; font-style: italic }
  #TIPS .tipscore       { cursor: help; color: #6c8fb7; font-weight: normal }
  #Results H3.notips,
  #Fixtures H3.notips   {  }

  /* announcement */
  #announcement    { width: 520px; border: 1px solid #999999; margin: 20px 0px; padding: 10px; text-align: center }

  /* Misc */
  .ULOnOneLine UL  { margin: 0px; display: inline; list-style-type: none }
  .ULOnOneLine LI  { display: inline }
  UL.error_list    { margin-left: 4px; background-color: #FFDDDD; color: #BB0000; font-size: smaller; font-weight: bold }
  DIV.SKOHelp      { width: 245px; border: 2px outset; padding: 4px 6px 10px 6px; background-color: #FFFFDD; color: black }
  INPUT.captcha    { width: 125px }

  /* Contact forms */
  #SKOcontact           {  }
  #SKOcontact INPUT,
  #SKOcontact SELECT,
  #SKOcontact TEXTAREA  { border: 1px solid #C6C6C6 }
  #SKOcontact .txt      { width: 90% }
  #SKOcontact TEXTAREA  { height: 150px }
  #SKOcontact .result   { margin: 8px 32px 8px 0px; border: 1px solid #C6C6C6; padding: 6px 6px 6px 40px; background: url('../images/mykickoff/exclamation.gif') #ffb137 10px 50% no-repeat }
}