body { font-family:'Luxi Sans', 'Helvetica', 'Arial', sans-serif; font-size:85%; text-align:center;
    color:#000; background-color:#fff }
/* Need text-align:center on body elt and the text-align:left in the div#bottom rule below
    in order to get ie to centre the bottom menu correctly */
body, div { margin:0; padding:0 }
* { background-repeat:no-repeat }
div.acc { clear:both; height:0; }
div.acc hr { display:none }
span.acc { display:none }
a { color:#00c; background-color:inherit }
a:visited { color:#66c; background-color:inherit }
a:hover { color:#c00; background-color:inherit }
a img { border:0; vertical-align:middle }
div#top { float:left; text-align:left; width:100% }
div#top h1 { margin:0 1.5%; padding:12px 0 3px 0 }
div#top h1 img { margin:0; padding:0 }
div#main { float:left; text-align:left; width:100%; margin-bottom:0.5em; border-style:solid; border-color:#999; border-width:2px 0; color:#000; background-color:#eee }
div#col2 { width:27%; min-width:12em; float:left; padding:1em 0; border-left:1px solid #999; position:relative; left:-1px; }
div#col1 { width:70%; min-width:200px; float:left; padding:0.5em 0; margin-left:1%; border-right:1px solid #999 }
div#col1 h2 { padding:0.5em 0 0 0; margin:0 0 0.5em 0; font-size:1.3em }
div#col1 h3 { padding:0; margin:0.2em 0 0.5em 0; font-size:1.1em }
div#bottom { clear:both; width:280px; text-align:left; margin:0 auto }
div#bottom ul { display:block; list-style-type:none; width:100%; margin:0; padding:0.5em 0 0 0 }
div#bottom li { display:block; padding:0; margin:0 0 0.8em 0; float:left; width:140px; border-color:#999; border-style:solid; border-width:1px 0 }
div#bottom li a { display:block; width:100%; margin:0; height:30px; background-position:top left }
div#bottom li a span { display:none }
div#bottom li a.rugby { background-image:url(/rugby/pix/menu.png) }
div#bottom li a.rugby:hover { background-image:url(/rugby/pix/menuhover.png) }
div#bottom li a.cricket { background-image:url(/cricket/pix/menu.png) }
div#bottom li a.cricket:hover { background-image:url(/cricket/pix/menuhover.png) }
div#bottom li a.football { background-image:url(/football/pix/menu.png) }
div#bottom li a.football:hover { background-image:url(/football/pix/menuhover.png) }
div.trophypic { width:25%; padding:2%;float:left }
a.footballshirt { display:inline-block;width:100px;text-align:center;padding:2% }
h3.squad { clear:both; }
p.new { clear:both; }
a.tweetthis { position:absolute;top:10px;right:10px;text-decoration:none }
a.tweetthis span { text-decoration:underline;padding-right:0.8ex }

ol.matchlist { padding:0 1em 0 0.5em; margin:0; list-style-type:none }
ol.matchlist li { padding:0.2em 0; margin:0.3em 0; background-color:#fff; color:#000; border:1px solid #999 }
div.when, div.coverage { padding:0 0.5em }
span.date { font-weight:bold }
div.match { text-align:center; position:relative; padding:0 1.5%; width:100% }
li>div.match { width:auto }
div.type { position:absolute; top:0; left:17%; width:66%; height:1.4em }
div.type span, .v  { background-color:#fff; color:#000 }
.t1 a.loser span, .t1 a.winner span, .t1 a.team span, .t2 a.loser span, .t2 a.winner span, .t2 a.team span { color:inherit; background-color:#fff; text-decoration:underline }
.v, .t1, .t2 { display:block; float:left; text-decoration:none }
.v { width:24% }
.t1, .t2 { width:38% }
.t1 { text-align:right }
.t2 { text-align:left }
.t1 a.loser, .t1 a.winner, .t1 a.team, .t2 a.loser, .t2 a.winner, .t2 a.team { display:block; width:100%; text-decoration:none }
.t1 a.loser, .t1 a.winner, .t1 a.team, .t2 a.loser, .t2 a.winner, .t2 a.team, .v, .nolink { padding-top:1.6em; padding-bottom:0.4em }
.t1 a.winner, .t2 a.winner { text-transform:uppercase }
div.scorers div { width:38%; float:right; text-align:left; clear:none }
div.scorers div.lhs { float:left; text-align:right; clear:left }
span.long { display:block; width:100%; clear:both }
div.coverage { text-align:right; clear:both }
div.ads { clear:both; text-align:center; width:100% }
div.subads { margin:1em }
div.poster { float:left;padding:0.5em }
.centred { text-align:center }

.t1 { background-position:0 5px }
.t2 { background-position:100% 5px }
div#col1 { background-position:0 0.8em }
div#col1 h2.flag { padding-left:57px; min-height:30px }
.ang { background-image:url(/pix/ang.gif) }
.arg { background-image:url(/pix/arg.gif) }
.aus { background-image:url(/pix/aus.gif) }
.bra { background-image:url(/pix/bra.gif) }
.civ { background-image:url(/pix/civ.gif) }
.crc { background-image:url(/pix/crc.gif) }
.cro { background-image:url(/pix/cro.gif) }
.cze { background-image:url(/pix/cze.gif) }
.ecu { background-image:url(/pix/ecu.gif) }
.eng { background-image:url(/pix/eng.gif) }
.esp { background-image:url(/pix/esp.gif) }
.fra { background-image:url(/pix/fra.gif) }
.ger { background-image:url(/pix/ger.gif) }
.gha { background-image:url(/pix/gha.gif) }
.irn { background-image:url(/pix/irn.gif) }
.ita { background-image:url(/pix/ita.gif) }
.jpn { background-image:url(/pix/jpn.gif) }
.kor { background-image:url(/pix/kor.gif) }
.ksa { background-image:url(/pix/ksa.gif) }
.mex { background-image:url(/pix/mex.gif) }
.ned { background-image:url(/pix/ned.gif) }
.par { background-image:url(/pix/par.gif) }
.pol { background-image:url(/pix/pol.gif) }
.por { background-image:url(/pix/por.gif) }
.scg { background-image:url(/pix/scg.gif) }
.sui { background-image:url(/pix/sui.gif) }
.swe { background-image:url(/pix/swe.gif) }
.tog { background-image:url(/pix/tog.gif) }
.tri { background-image:url(/pix/tri.gif) }
.tun { background-image:url(/pix/tun.gif) }
.ukr { background-image:url(/pix/ukr.gif) }
.usa { background-image:url(/pix/usa.gif) }
.sco { background-image:url(/pix/sco.gif) }
.rsa { background-image:url(/pix/rsa.gif) }
.sri { background-image:url(/pix/sri.gif) }
.ber { background-image:url(/pix/ber.gif) }
.ind { background-image:url(/pix/ind.gif) }
.ban { background-image:url(/pix/ban.gif) }
.ken { background-image:url(/pix/ken.gif) }
.can { background-image:url(/pix/can.gif) }
.nzl { background-image:url(/pix/nzl.gif) }
.pak { background-image:url(/pix/pak.gif) }
.zim { background-image:url(/pix/zim.gif) }
.win { background-image:url(/pix/win.gif) }
.ire { background-image:url(/pix/ire.gif) }
.sam { background-image:url(/pix/sam.gif) }
.nam { background-image:url(/pix/nam.gif) }
.geo { background-image:url(/pix/geo.gif) }
.ton { background-image:url(/pix/ton.gif) }
.fij { background-image:url(/pix/fij.gif) }
.rom { background-image:url(/pix/rom.gif) }
.wal { background-image:url(/pix/wal.gif) }
.iru { background-image:url(/pix/iru.gif) }
.nga { background-image:url(/pix/nga.gif) }
.gre { background-image:url(/pix/gre.gif) }
.svn { background-image:url(/pix/svn.gif) }
.alg { background-image:url(/pix/alg.gif) }
.svk { background-image:url(/pix/svk.gif) }
.srb { background-image:url(/pix/srb.gif) }
.den { background-image:url(/pix/den.gif) }
.prk { background-image:url(/pix/prk.gif) }
.hon { background-image:url(/pix/hon.gif) }
.chi { background-image:url(/pix/chi.gif) }
.cmr { background-image:url(/pix/cmr.gif) }
.uru { background-image:url(/pix/uru.gif) }

.ang-t { background-image:url(/pix/ang_t.gif) }
.arg-t { background-image:url(/pix/arg_t.gif) }
.aus-t { background-image:url(/pix/aus_t.gif) }
.bra-t { background-image:url(/pix/bra_t.gif) }
.civ-t { background-image:url(/pix/civ_t.gif) }
.crc-t { background-image:url(/pix/crc_t.gif) }
.cro-t { background-image:url(/pix/cro_t.gif) }
.cze-t { background-image:url(/pix/cze_t.gif) }
.ecu-t { background-image:url(/pix/ecu_t.gif) }
.eng-t { background-image:url(/pix/eng_t.gif) }
.esp-t { background-image:url(/pix/esp_t.gif) }
.fra-t { background-image:url(/pix/fra_t.gif) }
.ger-t { background-image:url(/pix/ger_t.gif) }
.gha-t { background-image:url(/pix/gha_t.gif) }
.irn-t { background-image:url(/pix/irn_t.gif) }
.ita-t { background-image:url(/pix/ita_t.gif) }
.jpn-t { background-image:url(/pix/jpn_t.gif) }
.kor-t { background-image:url(/pix/kor_t.gif) }
.ksa-t { background-image:url(/pix/ksa_t.gif) }
.mex-t { background-image:url(/pix/mex_t.gif) }
.ned-t { background-image:url(/pix/ned_t.gif) }
.par-t { background-image:url(/pix/par_t.gif) }
.pol-t { background-image:url(/pix/pol_t.gif) }
.por-t { background-image:url(/pix/por_t.gif) }
.scg-t { background-image:url(/pix/scg_t.gif) }
.sui-t { background-image:url(/pix/sui_t.gif) }
.swe-t { background-image:url(/pix/swe_t.gif) }
.tog-t { background-image:url(/pix/tog_t.gif) }
.tri-t { background-image:url(/pix/tri_t.gif) }
.tun-t { background-image:url(/pix/tun_t.gif) }
.ukr-t { background-image:url(/pix/ukr_t.gif) }
.usa-t { background-image:url(/pix/usa_t.gif) }
.sco-t { background-image:url(/pix/sco_t.gif) }
.rsa-t { background-image:url(/pix/rsa_t.gif) }
.sri-t { background-image:url(/pix/sri_t.gif) }
.ber-t { background-image:url(/pix/ber_t.gif) }
.ind-t { background-image:url(/pix/ind_t.gif) }
.ban-t { background-image:url(/pix/ban_t.gif) }
.ken-t { background-image:url(/pix/ken_t.gif) }
.can-t { background-image:url(/pix/can_t.gif) }
.nzl-t { background-image:url(/pix/nzl_t.gif) }
.pak-t { background-image:url(/pix/pak_t.gif) }
.zim-t { background-image:url(/pix/zim_t.gif) }
.win-t { background-image:url(/pix/win_t.gif) }
.ire-t { background-image:url(/pix/ire_t.gif) }
.sam-t { background-image:url(/pix/sam_t.gif) }
.nam-t { background-image:url(/pix/nam_t.gif) }
.geo-t { background-image:url(/pix/geo_t.gif) }
.ton-t { background-image:url(/pix/ton_t.gif) }
.fij-t { background-image:url(/pix/fij_t.gif) }
.rom-t { background-image:url(/pix/rom_t.gif) }
.wal-t { background-image:url(/pix/wal_t.gif) }
.iru-t { background-image:url(/pix/iru_t.gif) }
.nga-t { background-image:url(/pix/nga_t.gif) }
.gre-t { background-image:url(/pix/gre_t.gif) }
.svn-t { background-image:url(/pix/svn_t.gif) }
.alg-t { background-image:url(/pix/alg_t.gif) }
.svk-t { background-image:url(/pix/svk_t.gif) }
.srb-t { background-image:url(/pix/srb_t.gif) }
.den-t { background-image:url(/pix/den_t.gif) }
.prk-t { background-image:url(/pix/prk_t.gif) }
.hon-t { background-image:url(/pix/hon_t.gif) }
.chi-t { background-image:url(/pix/chi_t.gif) }
.cmr-t { background-image:url(/pix/cmr_t.gif) }
.uru-t { background-image:url(/pix/uru_t.gif) }
div.comment { clear:both; text-align:center }

ul.menu { list-style-type:none; margin:0 auto; padding:1em 0.5em; width:11em; font-size:1em }
ul.menu li { padding:0; margin:0.5em 0; width:100%; display:block }
ul.menu a { padding:0.2em 0; width:100%; display:block; border:1px solid #000; color:#000; background-color:#fff;
    text-decoration:none; text-align:center }
ul.menu a:visited { color:#000; background-color:#fff }
ul.menu a:hover { color:#fff; background-color:#00c }

table.group { margin:0 0 1.2em 0; padding:0; border-collapse:collapse; border-spacing:0;
    color:#000; background-color:#fff; border-style:solid; border-width:0 0 1px 1px; border-color:#999 }
table.group td, table.group th { border-style:solid; border-width:1px 1px 0 0; border-color:#999; padding:0.1em }
table.group caption { font-weight:bold; text-align:left; padding:0.4em 0 }
table.group th { width:13em; text-align:right; font-weight:normal; padding-right:0.8em }
table.group th.h, table.group td { width:2.5em; text-align:center; padding-right:0.1em }
table.group th.h, table.group th.tl, table.group td.p { font-weight:bold }
table.group tr.w, table.group tr.w th a span { color:inherit; background-color:#ccf }
table.group tr.r, table.group tr.r th a span { color:inherit; background-color:#ddf }
table.group th { background-position:2px 50% }
table.group th a { width:100%; display:block; text-decoration:none }
table.group th a span { color:inherit; background-color:#fff; text-decoration:underline }
.num { text-align:right }
table.squad td, table.squad th { padding-left:1ex; padding-right:1ex }
table.squad { padding-bottom:1em }
