/* 
   cricstats.co.uk : Master Stylesheet
   ===================================
   Colin Watts, December 2010
   
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body
{
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #222;
  text-align:       center;
  }
div#wrapper
{
  width:            960px;
  margin:           0 auto;
  text-align:       left;
  }
div.signedin
{
  margin-top:       30px !important;
  }
div.frame
{
  float:            left;
  width:            960px;
  }
a
{
  text-decoration:  none;
  }
a.skiplink, .hidden
{
  display:          none;
  }
abbr
{
  cursor:           help;
  }
sup
{
  position:         relative;
  top:              -5px;
  font-size:        .7em;
  }

.left   { text-align: left;   }
.center { text-align: center; }
.right  { text-align: right;  }

/* MASTHEAD                                                                                   MASTHEAD ::
--------------------------------------------------------------------------------------------------------- */
div#masthead
{
  position:         absolute;
  top:              0;
  left:             0;
  width:            100%;
  height:           26px;
  background-color: #EAEAEA;
  border-bottom:    1px dotted #AAA;
  }
div#masthead div.frame
{
  float:            none;
  margin:           0 auto;
  padding:          7px 0 0;
  text-align:       left;
  }
div#masthead ul
{
  float:            right;
  }
div#masthead li
{
  float:            left;
  padding:          0 20px 0 0;
  }
div#masthead strong,
div#masthead li a
{
  color:            #000;
  }
div#masthead a.signout
{
  background-color: #AAA;
  padding:          3px 6px;
  font-weight:      bold;
  color:            #FFF;
  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }
div#masthead a.signout:hover
{
  background-color: #777;
  }

/* TOP                                                                                             TOP ::
--------------------------------------------------------------------------------------------------------- */
div#top ul
{
  float:            right;
  margin:           5px 5px 0 0;
  }
div#top li
{
  float:            left;
  margin-right:     15px;
  }
div#top a
{
  float:            left;
  padding-bottom:   1px;
  border-bottom:    1px dotted #FFF;
  text-transform:   lowercase;
  font-size:        1.1em;
  color:            #222;
  }
div#top a:hover,
body#home li#navHome a,
body#about li#navAbout a,
body#documents li#navDocuments a,
body#privacy-policy li#navPrivacyPolicy a,
body#news li#navNews a,
body#news-item li#navNews a,
body#contact li#navContact a,
body#sitemap li#navSitemap a
{
  border-color:     #222;
  }

/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header
{
  margin-top:       5px;
  height:           auto !important;
  height:           46px;
  background-color: #222;
  }
div#header h1, div#header h2
{
  float:            left;
  background-color: #222;
  margin-left:      11px;
  border-left:      3px double #FFF;
  }
div#header h1 a, div#header h2 a
{
  float:            left;
  margin-left:      3px;
  padding:          7px 10px 4px 25px;
  font-size:        3em;
  text-transform:   lowercase;
  color:            #FFF;
  letter-spacing:   -2px;
  line-height:      1.2em;
  border-left:      3px solid #FFF;
  }
div#header h3
{
  float:            left;
  padding:          26px 0 0 10px;
  font-size:        1em;
  font-weight:      normal;
  letter-spacing:   -.5px;
  text-transform:   uppercase;
  color:            #FFF;
  }

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
div#header ul
{
  float:            right;
  position:         relative;
  margin-right:     2px;
  padding-right:    2px;
  border-right:     4px double #FFF;
  }
div#header li
{
  float:            left;
  }
div#header li a
{
  float:            left;
  padding:          23px 10px 8px 25px;
  border-right:     1px solid #FFF;
  text-transform:   lowercase;
  font-size:        1.3em;
  color:            #FFF;
  }
div#header ul ul
{
  display:          none;
  position:         absolute;
  top:              47px;
  right:            -6px;
  width:            960px;
  margin:           0;
  padding:          0;
  border-width:     0;
  border-top:       3px double #FFF;
  background-color: #555;
  }
div#header ul ul li
{
  float:            right;
  }
div#header ul ul li a
{
  padding:          4px 10px 5px;
  border-width:     0;
  }
div#header a
{
  background-color: #222;
  }
div#header a:hover,
body#home div#header h1 a,
body.clubs li#navClubs a,
body.comps li#navComps a,
body.stats li#navStats a,
body.averages li#navAverages a,
body.records li#navRecords a,
body.fantasy li#navFantasy a
{
  background-color: #FFF;
  color:            #222;
  }
body.stats li#navStats ul,
body.averages li#navAverages ul,
body.records li#navRecords ul
{
  z-index:          100;
  display:          block;
  }
body.stats li#navStats ul li a,
body.averages li#navAverages ul li a,
body.records li#navRecords ul li a
{
  background-color: #555;
  color:            #FFF;
  }
body.stats li#navStats ul li a:hover, body.stats li#navStats ul li a.current,
body.averages li#navAverages ul li a:hover, body.averages li#navAverages ul li a.current,
body.records li#navRecords ul li a:hover, body.records li#navRecords ul li a.current,
body#fixtures li#navStats ul li a.fixtures,
body#schedule li#navStats ul li a.schedule,
body#results li#navStats ul li a.results,
body#league-tables li#navStats ul li a.tables,
body#averages-batting li#navAverages ul li a.batting,
body#averages-bowling li#navAverages ul li a.bowling,
body#averages-fielding li#navAverages ul li a.fielding,
body#records-batting li#navRecords ul li a.batting,
body#records-bowling li#navRecords ul li a.bowling,
body#records-fielding li#navRecords ul li a.fielding
{
  background-color: #222;
  }
body.stats li#navStats ul li a.current,
body.averages li#navAverages ul li a.current,
body.records li#navRecords ul li a.current,
body#fixtures li#navStats ul li a.fixtures,
body#schedule li#navStats ul li a.schedule,
body#results li#navStats ul li a.results,
body#league-tables li#navStats ul li a.tables,
body#averages-batting li#navAverages ul li a.batting,
body#averages-bowling li#navAverages ul li a.bowling,
body#averages-fielding li#navAverages ul li a.fielding,
body#records-batting li#navRecords ul li a.batting,
body#records-bowling li#navRecords ul li a.bowling,
body#records-fielding li#navRecords ul li a.fielding
{
  font-weight: bold;
  }

/* SEARCH BOX                                                                               SEARCH BOX ::
--------------------------------------------------------------------------------------------------------- */
form#search, form#search fieldset
{
  float:            left;
  position:         relative;
  width:            960px;
  }
form#search
{
  margin-top:       4px;
  }
body.stats form#search,
body.averages form#search,
body.records form#search
{
  margin-top:       32px;
  }
form#search label
{
  display:          none;
  }
form#search input
{
  float:            left;
  width:            962px;
  w\idth:           944px;
  margin-left:      -1px;
  padding:          5px;
  border:           4px double #FFF;
  background-color: #EAEAEA !important;
  font-size:        3em;
  color:            #FFF;
  }
form#search input:hover, form#search input:focus
{
  background-color: #DDD !important;
  }
form#search input:focus
{
  color:            #222;
  }
form#search button
{
  position:         absolute;
  top:              6px;
  right:            7px;
  width:            42px;
  height:           42px;
  background:       transparent url("../img/global/search.png") no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  }

/* BREADCRUMB                                                                               BREADCRUMB ::
--------------------------------------------------------------------------------------------------------- */
p#breadcrumb
{
  clear:            left;
  float:            left;
  width:            960px;
  margin-top:       4px;
  }
p#breadcrumb a
{
  display:          inline-block;
  margin:           0 5px;
  }
p#breadcrumb a:first-child
{
  margin-left:      0;
  }
p#breadcrumb a:last-child
{
  font-weight:      bold;
  }

/* FILTER                                                                                       FILTER ::
--------------------------------------------------------------------------------------------------------- */
form#filter, form#filter fieldset, form#filter ol,
body#results div#calendar form#filter, body#results div#calendar form#filter fieldset, body#results div#calendar form#filter ol
{
  float:            left;
  width:            960px;
  }
form#filter
{
  margin:           15px 0;
  }
form#filter ol
{
  width:            910px;
  }
div#primary form#filter, div#primary form#filter fieldset, div#primary form#filter ol, div#primary form#filter ol li
{
  width:            780px;
  margin:           0;
  padding:          0;
  }
form#filter li
{
  float:            right;
  margin-left:      10px;
  }
body#player div#primary form#filter ol
{
  border-bottom:    1px dotted #AAA;
  margin:           0 0 20px;
  }
body.records div#primary form#filter ol li
{
  float:            right;
  width:            auto;
  border-width:     0;
  list-style:       none;
  }
body#player div#primary form#filter ol li
{
  padding:          10px 0;
  }
form#filter label
{
  font-size:        1.2em;
  font-weight:      bold;
  padding:          0 5px 0 10px;
  }
body#player div#primary form#filter label
{
  display:          inline-block;
  width:            90px;
  }
form#filter select
{
  border:           1px solid #DDD;
  padding:          2px;
  color:            #555;
  }
form#filter select option
{
  padding:          0 5px;
  }
form#filter button
{
  float:            right;
  width:            40px;
  padding:          2px 0 3px;
  border:           3px double #FFF;
  background-color: #DDD;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  font-weight:      bold;
  color:            #FFF;
  font-variant:     small-caps;
  cursor:           pointer;
  }
form#filter button:hover
{
  background-color: #AAA;
  }

/* CONTENT                                                                                     CONTENT ::
--------------------------------------------------------------------------------------------------------- */
div#content
{
  position:         relative;
  }
div#content a
{
  color:            #222;
  }
div#content p a
{
  color:            #888;
  }
div#content a:hover
{
  color:            #555;
  }
div#content a.rss
{
  display:          inline;
  float:            right;
  width:            10px;
  height:           10px;
  margin:           3px 0 0 5px;
  background:       #FFF url("../img/global/icon_rss.gif") no-repeat 0 0;
  text-indent:      10px;
  overflow:         hidden;
  }
div#content h1
{
  float:            left;
  margin-top:       4px;
  border-top:       4px double #FFF;
  width:            960px;
  w\idth:           942px;
  padding:          2px 9px 5px;
  background-color: #555;
  font-size:        3.2em;
  font-weight:      normal;
  letter-spacing:   -1px;
  color:            #FFF;
  }
div#content h1 a
{
  color:            #FFF !important;
  }
div#content h1.uc
{
  w\idth:           960px;
  margin-top:       9px;
  padding:          0;
  background-color: #FFF;
  border-top:       4px double #DDD;
  text-transform:   uppercase;
  word-spacing:     5px;
  font-weight:      bold;
  color:            #DDD;
  }
div#content h1.uc span
{
  border-top:       4px double #222;
  padding:          1px 9px 0;
  color:            #222;
  }
div#content h1 em
{
  margin:           0 0 0 10px;
  font-size:        .7em;
  font-style:       normal;
  letter-spacing:   0;
  }
div#content h2, div#content h4
{
  clear:            left;
  margin-top:       15px;
  font-size:        2em;
  }
#content h3.abs
{
  position:         absolute;
  top:              99px;
  right:            10px;
  font-size:        1.6em;
  font-weight:      normal;
  letter-spacing:   0;
  }
body.stats #content h3.abs
{
  top:              127px;
  }
#content h3.abs a, #content h3.abs a:hover
{
  color:            #FFF !important;
  }
#content h3.abs a:hover
{
  border-bottom:    1px dotted #FFF;
  }

/* PRIMARY                                                                                     PRIMARY ::
--------------------------------------------------------------------------------------------------------- */
div#primary
{
  float:            left;
  width:            670px;
  margin-top:       6px;
  }
body#about div#primary
{
  width:            960px;
}
div#primary div.content
{
  float:            left;
  padding:          20px 0 40px;
  }
div#primary div.content p
{
  margin:           1em 0 0;
  line-height:      1.4em;
  font-size:        1.2em;
  }
body#error404 div#primary div.content p,
body#signIn div#primary div.content p,
body#successful-registration div#primary div.content p,
body#successful-activation div#primary div.content p,
body#email-not-verified div#primary div.content p,
body#request-verification div#primary div.content p
{
  clear:            left;
  margin:           1em 20px 0;
  }
div#primary div.content p.emphasis
{
  font-size:        1.4em;
  }
div#primary div.content p.sub
{
  font-size:        1.1em;
  color:            #666;
  }  
ul#sponsorship, ul#sponsorship li
{
  float:            left;
  width:            602px;
  }
ul#sponsorship
{
  margin:           1px 0 0;
  }
ul#sponsorship li
{
  padding:          0 0 10px;
  }
ul#sponsorship img
{
  display:          block;
  float:            left;
  border:           1px solid #AAA;
  }

/* SECONDARY                                                                                 SECONDARY ::
--------------------------------------------------------------------------------------------------------- */
div#secondary
{
  float:            left;
  width:            290px;
  margin-top:       6px;
  border-top:       4px double #FFF;
  background:       #F9F9F9;
  padding-bottom:   20px;
  }
#secondary p
{
  margin:           1em 0 0;
  padding:          0 20px;
  font-size:        1.1em;
  line-height:      1.4em;
  }
#secondary div.ad
{
  float:            left;
  margin:           10px 0 0;
  }

/* TABLES                                                                                       TABLES ::
--------------------------------------------------------------------------------------------------------- */
table
{
  clear:            left;
  width:            100%;
  margin-top:       15px;
  border-top:       4px double #FFF;
  font-size:        1.2em;
  text-align:       center;
  }
table tr
{
  border-bottom:    1px solid #FFF;
  }
table th, table td
{
  padding:          4px 3px;
  }
table.sortAbove th
{
  padding:          8px 3px 4px;
  }
table th, table tfoot td
{
  background-color: #222;
  font-weight:      bold;
  color:            #FFF;
  }
table tr.sub th.group
{
  background-color: #333;
  }
table tfoot td
{
  background-color: #555;
  }
table td
{
  background-color: #F4F4F4;
  }
table td.group
{
  background-color: #E4E4E4;
  }
table tr.alt td
{
  background-color: #EAEAEA;
  }
table tr.alt td.group
{
  background-color: #DADADA;
  }
table tr.sat td
{
  background-color: #CDF;
  }
table tr.sun td
{
  background-color: #BFC;
  }
table tr.midweek td
{
  background-color: #FFB;
  }
table tbody tr:hover td, table tbody tr:hover td.group
{
  background-color: #FFF;
  }
#content table tfoot td a
{
  color:            #FFF;
  }
#content table tfoot td a:hover
{
  color:            #222;
  }

table.sortable thead th:hover
{
  cursor:           n-resize;
  }
table th.headerSortUp, table th.headerSortDown
{
  background:       #333 url("../img/global/order_up.gif") no-repeat right center;
  }
table th.headerSortDown
{
  background-image: url("../img/global/order_down.gif");
  }
table.sortAbove th.headerSortUp, table.sortAbove th.headerSortDown
{
  background-position: center top;
  background-image: url("../img/global/order_up_above.gif");
  }
table.sortAbove th.headerSortDown
{
  background-image: url("../img/global/order_down_above.gif");
  }

/* FIXTURES + STATS                                                                   FIXTURES + STATS ::
--------------------------------------------------------------------------------------------------------- */
body#fixtures table.calendar th,
body#fixtures table.calendar td,
body#schedule table.calendar th,
body#schedule table.calendar td,
body#competition table.calendar td,
body#competition table.calendar td,
table.career th,
table.career td,
table.averages th,
table.averages td
{
  width:            120px;
  }
body#fixtures table.calendar th.wide,
body#fixtures table.calendar td.wide,
body#schedule table.calendar th.wide,
body#schedule table.calendar td.wide,
body#competition table.calendar th.wide,
body#competition table.calendar td.wide,
table.career th.wide,
table.career td.wide
{
  width:            480px;
  }
body#results table.calendar th.wide,
body#results table.calendar td.wide
{
  width:            370px;
  }

/* HOMEPAGE                                                                                   HOMEPAGE ::
--------------------------------------------------------------------------------------------------------- */
body#home div#primary
{
  width:            610px;
  margin-right:     20px;
  }
body#home div#secondary
{
  width:            330px;
  border-width:     0;
  background-color: transparent;
  padding:          0;
  }

/* HOMEPAGE LATEST NEWS                                                           HOMEPAGE LATEST NEWS ::
--------------------------------------------------------------------------------------------------------- */
body#home div#primary h5, body#home div#secondary h5
{
  text-align:       right;
  margin:           0;
  text-transform:   lowercase;
  font-size:        1.2em;
  font-weight:      normal;
  }
body#home div#secondary h5 {
  margin:           0;
}
body#home div#primary h5 a, body#home div#secondary h5 a
{
  color:            #777;
  }
body#home div.news
{
  margin:           1px 0 0;
  width:            90%;
  padding:          10px 5%;
  background-color: #F4F4F4;
  border-top:       4px double #FFF;
  }
body#home div.recently
{
  width:            100%;
  margin-top:       10px;
  background-color: transparent;
  border-width:     0;
  }
body#home div.results, body#home div.fixtures
{
  float:            left;
  width:            100%;
  margin:           2px 0 0;
  padding:          0 0 18px;
  }
#content #primary div.news h2, #content #primary div.news h3 /* title */
{
  float:            none;
  width:            auto;
  margin:           0;
  border:           1px dotted #AAA;
  border-width:     0 0 1px;
  padding:          0 20px 10px 0;
  font-size:        2em;
  }
#content #primary div.news h3 /* subtitle */
{
  padding:          8px 0;
  font-size:        1.3em;
  }
#content #primary div.news h4 /* sub-subtitle */
{
  padding:          8px 0;
  font-size:        1.2em;
}
#primary div.news h6 /* date */
{
  margin:           1em 0;
  font-size:        1.1em;
  color:            #999;
  }
#primary div.news ul.carousel, #primary div.news ul.carousel li
{
  width:            420px;
  }
#primary div.news ul.carousel
{
  height:           173px;
  margin:           0 0 15px;
  }
#primary div.news a.img
{
  width:            412px;
  height:           165px;
  margin:           0 0 15px;
  }
#primary div.news ul.carousel a.img
{
  margin:           0;
  }
#primary div.news img
{
  width:            412px;
  top:              -55%;
  }
#primary div.news p
{
  margin:           0 20px 1.4em 0;
  line-height:      1.5em;
  font-size:        1.2em;
  }
#primary div.news p.emphasis
{
  font-size:        1.3em;
  color:            #000;
  }
#primary div.news p.author
{
  font-weight:      bold;
  }
#primary div.news p.author:before
{
  content:          "~ ";
  }
body#home div.recently ul, body#home div.recently ul li
{
  width:            100%;
  }
body#home div.recently ul
{
  margin:           11px 0 0;
  border-bottom:    1px dotted #AAA;
  }
body#home div.recently ul li
{
  border-top:       1px dotted #AAA;
  padding:          10px 0;
  }
body#home div.recently ul li:hover
{
  background-color: #FBFBFB;
  border-color:     #222;
  }

/* HOMEPAGE RESULTS / UPCOMING FIXTURES                           HOMEPAGE RESULTS / UPCOMING FIXTURES ::
--------------------------------------------------------------------------------------------------------- */
#content #secondary div.fixtures p
{
  margin:           1em 0 0;
  padding:          0;
  font-size:        1.2em;
  text-align:       center;
  color:            #AAA;
  }
body#home div.results ul, body#home div.results li,
body#home div.fixtures ul, body#home div.fixtures li
{
  float:            left;
  width:            100%;
  }
body#home div.results li, body#home div.fixtures li
{
  width:            90%;
  padding:          7px 5%;
  }
div.results li, div.fixtures li
{
  border-bottom:    1px solid #FFF;
  background-color: #F4F4F4;
  }
div.results li.alt, div.fixtures li.alt
{
  background-color: #EAEAEA;
  }
div.results li:hover, div.fixtures li:hover
{
  background-color: #FFF;
  }
body#home div#secondary li a
{
  float:            none;
  width:            auto;
  padding:          0;
  border-width:     0;
  background-color: transparent;
  }
body#home #content #secondary li a:hover
{
  background-color: transparent;
  }
#content div.results h6, #content div.fixtures h6 /* date */
{
  font-weight:      normal;
  color:            #999;
  }
#content div.results li:hover h6,
#content div.fixtures li:hover h6
{
  color:            #777;
  }
#content div.results h4, #content div.fixtures h4 /* fixture */
{
  float:            none;
  width:            auto;
  margin:           0;
  font-size:        1.2em;
  color:            #666;
  }
#content div.results h4 a,
#content div.fixtures h4 a
{
  color:            #666;
  }
#content div.results li:hover h4 a,
#content div.fixtures li:hover h4 a
{
  color:            #444;
  }
body#home #content div.results h5, body#home #content div.fixtures h5 /* competition */
{
  text-align:       left;
  text-transform:   none;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #777;
  }
#content div.results h5 a, #content div.fixtures h5 a
{
  color:            #777;
  }
#content div.results li:hover h5 a
#content div.fixtures li:hover h5 a
{
  color:            #555;
  }
#content #secondary div.results li p /* result */
{
  margin:           0;
  padding:          0;
  font-size:        1.1em;
  text-align:       left;
  }
#content div.results li p a
{
  color:            #666;
  }
#content div.results li:hover p a
{
  color:            #444;
  }
#content div.results li:hover a:hover
{
  color:            #000;
  }

/* RESULTS                                                                                     RESULTS ::
--------------------------------------------------------------------------------------------------------- */
body#results div#calendar
{
  float:            left;
  width:            960px;
  padding:          0 0 30px;
  }

dl.key
{
  display:          inline-block;
  clear:            both;
  width:            390px;
  margin:           20px auto;
  padding:          0;
  background-color: #FFF;
  border-width:     0;
  font-size:        1.2em;
  color:            #666;
  }
dl.key dt, dl.key dd
{
  display:          inline-block;
  width:            30px;
  height:           15px;
  margin:           10px 0 0;
  padding:          0;
  border-width:     0;
  }
dl.key dt
{
  text-indent:      -9999px;
  }
dl.key dt.sat
{
  background-color: #CDF;
  }
dl.key dt.sun
{
  background-color: #BFC;
  }
dl.key dt.midweek
{
  background-color: #FFB;
  }
dl.key dd
{
  width:            100px;
  w\idth:           90px;
  padding:          0 0 0 10px;
  }

/* LEAGUE TABLES                                                                         LEAGUE TABLES ::
--------------------------------------------------------------------------------------------------------- */
body#league-tables div#primary
{
  float:            left;
  width:            790px;
  }

/* SCORECARD                                                                                 SCORECARD ::
--------------------------------------------------------------------------------------------------------- */
body#scorecard div#primary
{
  width:            700px;
  margin:           0;
  }
body#scorecard div#primary h4
{
  margin:           10px 0 0;
  width:            700px;
  }
div#primary div.scorecard, dl.matchDetails, div#primary div#fantasyPoints
{
  float:            left;
  width:            700px;
  }
div#primary div.scorecard, div#primary div#fantasyPoints, #primary div#fantasyPoints div
{
  border-width:     0;
  background-color: transparent;
  }
div#primary div#fantasyPoints
{
  margin:           11px 0 0;
  }
div#primary div#fantasyPoints div
{
  float:            left;
  width:            49%;
  }
div#primary div#fantasyPoints div.away
{
  float:            right;
  }
div#primary div#fantasyPoints div.notes
{
  width:            100%;
  margin:           12px 0 0;
  padding:          0 0 10px;
  background-color: #F4F4F4;
  }
div#primary div#fantasyPoints div.notes p
{
  margin:           10px 10px 0;
  }
div#primary div#fantasyPoints table
{
  margin:           0;
  }
h5.switch
{
  float:            left;
  width:            100%;
  border:           4px double #FFF;
  border-width:     4px 0;
  margin:           12px 0 0;
  padding:          6px 0;
  background-color: #BBB;
  text-align:       center;
  text-transform:   uppercase;
  font-size:        1.4em;
  letter-spacing:   10px;
  word-spacing:     20px;
  color:            #FFF;
  cursor:           pointer;
  }
h5.switch:hover, h5.open
{
  background-color: #444;
  }
dl
{
  margin-top:       11px;
  padding-bottom:   4px;
  border-bottom:    4px double #FFF;
  background-color: #F4F4F4;
  font-size:        1.2em;
  color:            #666;
  }
div#content dl a
{
  color:            #666;
  }
dl:hover
{
  background-color: #EAEAEA;
  }
dl:hover dt, dl:hover dd, div#content dl:hover a
{
  color:            #222;
  }
div#content dl a:hover
{
  color:            #555;
  }
dl dt, dl dd
{
  float:            left;
  width:            10%;
  margin-top:       2px;
  padding-top:      6px;
  border-top:       1px solid #FFF;
  }
dl dt
{
  w\idth:           9%;
  padding-left:     1%;
  font-weight:      bold;
  color:            #AAA;
  }
dl dd
{
  width:            40%;
  }
dl dd.full-width
{
  width:            90%;
  }
#primary ul#socialBookmarking
{
  width:            100%;
  margin:           10px 0 0;
  background-color: #F4F4F4;
  }
#primary ul#socialBookmarking li
{
  display:          inline;
  width:            auto;
  padding:          10px 0 5px 10px;
  }
#primary ul#socialBookmarking li.directive
{
  float:            right;
  padding:          10px 13px 5px;
  }
#primary ul#socialBookmarking li.directive h3
{
  padding:          1px 0 0;
  text-transform:   uppercase;
  font-size:        1.5em;
  font-weight:      bold;
  color:            #CCC;
  }
#primary ul#socialBookmarking div
{
  float:            none;
  width:            auto;
  border-width:     0;
  background-color: transparent;
  }
div.scorecard table
{
  margin-top:       11px;
  text-align:       left;
  }
div.scorecard table.bowling, div.scorecard table.fow
{
  width:            70%;
  text-align:       center;
  }
div.scorecard table.fow
{
  float:            right;
  width:            28%;
  }
div.scorecard th, div.scorecard td
{
  padding:          3px;
  }
div.scorecard tfoot td
{
  font-weight:      normal;
  }
div.scorecard tr.sub th, div.scorecard tfoot tr.sub td
{
  background-color: #555;
  }
div.scorecard th a, div#fantasyPoints th a
{
  color:            #FFF !important;
  }
div.scorecard td.num
{
  width:            18px;
  text-align:       right;
  }
body#scorecard div#secondary
{
  display:          inline;
  width:            250px;
  margin:           20px 0 0 10px;
  border-width:     0;
  background-color: transparent;
  }
#secondary h5
{
  font-size:        1.5em;
  }
#secondary h5 em
{
  font-size:        .8em;
  font-style:       normal;
  }
#secondary table.history
{
  width:            250px;
  margin:           11px 0 0;
  }
#secondary table.history th
{
  font-weight:      normal;
  }
#secondary table.history th a
{
  color:            #FFF;
  }
#secondary table.history td span
{
  font-size:        .8em;
  }
#secondary div.carousel
{
  position:         relative;
  float:            left;
  width:            250px;
  height:           80px;
  overflow:         hidden;
  background-color: #F4F4F4;
  margin:           10px 0 0;
  }
#secondary a#prevFixture, #secondary a#nextFixture
{
  position:         absolute;
  z-index:          10;
  top:              0;
  left:             0;
  width:            15px;
  height:           80px;
  line-height:      80px;
  background-color: #EAEAEA;
  text-align:       center;
  font-weight:      bold;
  cursor:           pointer;
  }
#secondary a#nextFixture
{
  left:             auto;
  right:            0;
  }
#secondary a#prevFixture:hover, #secondary a#nextFixture:hover
{
  background-color: #CCC;
  }
#secondary ul#fixtureHistory, #secondary ul#fixtureHistory li
{
  width:            auto;
  border-width:     0;
  }
#secondary ul#fixtureHistory
{
  position:         absolute;
  top:              -1px;
  left:             15px;
  border-top:       4px double #FFF;
  border-bottom:    4px double #FFF;
  }
#secondary ul#fixtureHistory li
{
  float:            none;
  width:            220px;
  height:           74px;
  display:          table-cell !important;
  vertical-align:   middle;
  background-color: #F4F4F4;
  }
#secondary ul#fixtureHistory li:hover
{
  background-color: #FFF;
  }
#secondary ul#fixtureHistory li.current
{
  background-color: #FFD;
  }
#secondary ul#fixtureHistory a
{
  float:            none;
  width:            auto;
  border-width:     0;
  padding:          0;
  text-align:       left;
  font-weight:      normal;
  color:            #222;
  }
#secondary ul#fixtureHistory strong a
{
  font-weight:      bold;
  }
#secondary ul#fixtureHistory a,
#content #secondary ul#fixtureHistory a:hover
{
  background-color: transparent;
  }
#secondary ul#fixtureHistory table,
#secondary ul#fixtureHistory table tr
{
  margin:           0;
  border-width:     0;
  }
#secondary ul#fixtureHistory table
{
  float:            none;
  width:            220px;
  margin:           10px 0;
  }
#secondary ul#fixtureHistory table td
{
  padding:          0;
  background-color: transparent;
  }

/* CLUB / TEAM DIRECTORY                                                         CLUB / TEAM DIRECTORY ::
--------------------------------------------------------------------------------------------------------- */
body#directory h1
{
  border-bottom:    20px solid #FFF;
  }
dl.directory, dl.directory dt, dl.directory dd
{
  float:            left;
  width:            960px;
  border-width:     0;
  }
dl.directory
{
  clear:            left;
  border-top:       1px dotted #AAA;
  margin:           0;
  padding:          0 0 25px;
  background-color: transparent;
  font-size:        1em;
  }
dl.directory dt
{
  width:            60px;
  w\idth:           50px;
  margin:           0;
  padding:          7px 0 0 10px;
  font-size:        2em;
  font-weight:      bold;
  color:            #EAEAEA;
  }
dl.directory:hover
{
  background-color: #FBFBFB;
  border-color:     #222;
  }
dl.directory:hover dt
{
  color:            #AAA;
  }
dl.directory dd
{
  width:            900px;
  margin:           0;
  padding:          4px 0 0;
  }
dl.directory dd ul
{
  float:            left;
  width:            900px;
  }
dl.directory dd li
{
  float:            left;
  width:            180px;
  padding:          5px 0 0;
  font-size:        1.1em;
  }
#content dl.directory dd li a
{
  color:            #888;
  }
#content dl.directory:hover dd li a
{
  color:            #222;
  }

/* COMPETITIONS                                                                           COMPETITIONS ::
--------------------------------------------------------------------------------------------------------- */
ul.competitions
{
  float:            left;
  width:            960px;
  padding:          20px 0;
  }
ul.competitions li
{
  float:            left;
  width:            480px;
  w\idth:           460px;
  border-top:       1px dotted #AAA;
  padding:          10px;
  }
#content ul.competitions h5 a
{
  font-size:        1.2em;
  color:            #888;
  }
ul.competitions p
{
  font-size:        1.1em;
  color:            #AAA;
  }
ul.competitions li:hover
{
  background-color: #FBFBFB;
  border-color:     #222;
  }
#content ul.competitions li:hover h5 a
{
  color:            #222;
  }
ul.competitions li:hover p
{
  color:            #666;
  }

/* CLUB PROFILE                                                                           CLUB PROFILE ::
--------------------------------------------------------------------------------------------------------- */
dl.profile
{
  float:            left;
  width:            960px;
  margin-top:       4px;
  }

/* COMPETITION / TEAM / PLAYER OVERVIEW                           COMPETITION / TEAM / PLAYER OVERVIEW ::
--------------------------------------------------------------------------------------------------------- */
p#overview
{
  clear:            left;
  float:            left;
  width:            100%;
  margin-top:       4px;
  padding:          7px 0;
  background-color: #EAEAEA;
  border-top:       4px double #FFF;
  border-bottom:    4px double #FFF;
  text-align:       center;
  }
p#overview span
{
  margin:           0 1%;
  font-size:        1.1em;
  }
body#player p#overview span
{
  float:            left;
  }
p#overview a
{
  font-weight:      bold;
  }
p#overview em
{
  font-style:       normal;
  }

/* PLAYER PROFILE                                                                       PLAYER PROFILE ::
--------------------------------------------------------------------------------------------------------- */
dl.bio
{
  float:            left;
  width:            100%;
  margin:           0;
  }
dl.bio dt, dl.bio dd
{
  width:            18%;
  }
dl.bio dt
{
  w\idth:           17%;
  }
dl.bio dd
{
  width:            32%;
  }
table.history
{
  margin:           -2px 0 0;
  }

/* NEWS / ABOUT / SEARCH / PLAYER PROFILE                       NEWS / ABOUT / SEARCH / PLAYER PROFILE ::
--------------------------------------------------------------------------------------------------------- */
div.column
{
  float:            left;
  width:            200px;
  margin-top:       20px !important;
  border-width:     0 !important;
  padding-bottom:   20px;
  }
body#news div#primary,
body#search-results div#primary,
body#player div#primary,
body.records div#primary
{
  width:            600px;
  margin-left:      180px;
  }
body#news-item div#primary
{
  width:            600px;
  }
body#player div#primary,
body.records div#primary
{
  width:            780px;
  padding-bottom:   40px;
  }
body.records div#primary
{
  margin-top:       15px !important;
  }
body#news div#secondary,
body#search-results div#secondary,
body#player div#secondary,
body.records div#secondary
{
  width:            180px;
  margin-left:      -780px;
  background-color: transparent;
  }
body#news-item div#secondary
{
  width:            180px;
  background-color: transparent;
  }
body#player div#secondary,
body.records div#secondary
{
  margin-left:      -960px;
  }
div#tertiary
{
  float:            left;
  width:            180px;
  }
#tertiary div.ad
{
  float:            right;
  margin:           10px 0 0;
  }
#secondary ul, #secondary ul li, #secondary ul a
{
  float:            left;
  width:            160px;
  }
body#about #secondary ul
{
  position:         fixed;
  margin:           1px 0 0;
  }
#secondary ul li
{
  width:            154px;
  border-bottom:    1px solid #FFF;
  }
#secondary ul a
{
  w\idth:           126px;
  padding:          10px 10px 6px;
  border-left:      4px double #FFF;
  background-color: #DADADA;
  text-align:       right;
  }
#content #secondary ul a:hover,#secondary ul li.current a
{
  background-color: #999;
  color:            #FFF;
  }
#secondary ul li.current a
{
  border-right:     4px double #FFF;
  background-color: #555;
  font-weight:      bold;
  }
#primary div
{
  float:            left;
  width:            600px;
  border-top:       4px double #FFF;
  background:       #F9F9F9;
  }
body#about #primary div
{
  width:            100%;
}
#primary div.article
{
  width:            550px;
  border-top:       1px dotted #AAA;
  padding:          10px 0 20px;
  background-color: transparent;
  }
body#player #primary div.article
{
  border-width:     0;
  }
#primary div.section
{
  padding:          0 0 0 20px;
  }
#content #primary h2
{
  float:            none;
  width:            90%;
  border:           1px dotted #AAA;
  border-width:     0 0 1px;
  margin:           10px 0 15px;
  padding:          0 5% 10px;
  font-size:        2em;
  }
body#player #content #primary h2,
body.records #content #primary h2,
body#league-tables #content #primary h2
{
  float:            left;
  width:            100%;
  margin:           20px 0 10px;
  padding:          0;
  border-width:     0;
  }
#content #primary div.article h2,
#content #primary div.article h4
{
  float:            none;
  width:            auto;
  margin:           0;
  }
#content #primary div.article h2
{
  border:           1px dotted #AAA;
  border-width:     0 0 1px;
  padding:          0 0 10px;
  }
#content #primary div.article h4
{
  margin:           1.1em 0 .5em;
  font-size:        1.4em;
  }
#primary div.article h5
{
  margin:           1em 0 .4em;
  font-size:        1.3em;
  }
#primary div.article h6
{
  margin:           1em 0 .4em;
  font-size:        1.2em;
  color:            #999;
  }
#primary ul, #primary ul li
{
  float:            left;
  width:            550px;
  }
body#news #primary ul li
{
  border-top:       1px dotted #AAA;
  padding:          10px 0;
  }
body#news #primary ul li:hover
{
  background-color: #FBFBFB;
  border-color:     #222;
  }
body#about #primary h3
{
  margin-left: 5%;
  margin-bottom: 10px;
  font-size: 1.8em;
}
body#about #primary ul
{
  margin-bottom: 20px;
  margin-left: 7%;
  font-size: 1.3em;
  }
body#about #primary ul li
{
  list-style-type: circle;
  padding-top: 5px;
  }
#primary ul#authMethods
{
  display:          inline;
  width:            560px;
  margin:           0 20px;
  }
#primary ul#authMethods li
{
  width:            280px;
  padding:          30px 0;
  text-align:       center;
  }
#primary ul#authMethods a#signInFacebook, #primary ul#authMethods a#signInTwitter
{
  display:          block;
  width:            201px;
  height:           38px;
  margin:           0 auto;
  text-indent:      -9999px;
  background:       transparent url("../img/global/btn_facebook_sign_in.jpg") no-repeat 0 0;
  }
#primary ul#authMethods a#signInTwitter
{
  width:            174px;
  background-image: url("../img/global/btn_twitter_sign_in.jpg");
  }
#primary ul h6
{
  font-weight:      normal;
  }
#primary ul h3
{
  font-size:        1.1em;
  }
#primary div ul.carousel, #primary div ul.carousel li
{
  width:            600px;
  }
#primary div.article ul.carousel, #primary div.article ul.carousel li
{
  width:            550px;
  }
#primary div ul.carousel
{
  height:           208px;
  margin:           0 0 15px;
  overflow:         hidden;
  }
#primary div.article ul.carousel
{
  margin:           0 0 15px -4px;
  }
#primary div p
{
  clear:            left;
  max-width:        700px;
  }
#primary div a.img
{
  position:         relative;
  display:          inline;
  float:            left;
  width:            500px;
  height:           200px;
  margin:           0 0 15px 5%;
  overflow:         hidden;
  border:           4px double #DADADA;
  }
#primary div.article a.img
{
  margin:           0 0 15px -4px;
  }
#primary div ul.carousel a.img
{
  margin:           0 46px;
  }
#primary div.article ul.carousel a.img
{
  margin:           0;
  }
#primary div img
{
  position:         absolute;
  display:          block;
  top:              -60%;
  }
#primary p
{
  margin:           0 5% 1.4em;
  line-height:      1.5em;
  font-size:        1.2em;
  }
#primary div.article p
{
  clear:            left;
  margin:           0 20px 1.4em 0;
  }
#primary p.emphasis
{
  font-size:        1.3em;
  color:            #000;
  }
#primary p.nb
{
  clear:            left;
  margin:           0;
  padding:          5px 0 0;
  font-size:        1.1em;
  color:            #888;
}
#primary div.article p.emphasis
{
  font-size:        1.4em;
  }
#primary div.article p.author
{
  font-weight:      bold;
  }
#primary div.article p.author:before
{
  content:          "~ ";
  }
#primary div#committee dl
{
  float:            left;
  width:            600px;
  border-width:     0;
  margin:           0 0 1.4em;
  padding:          0;
  line-height:      1.5em;
  background-color: transparent;
  color:            #222;
  }
#primary div#committee dl dt, #primary div#committee dl dd
{
  float:            left;
  width:            300px;
  w\idth:           275px;
  border-width:     0;
  margin:           0;
  padding:          0 20px 0 5px;
  }
#primary div#committee dl dt
{
  padding:          0 5px 0 20px;
  text-align:       right;
  color:            #222;
  }
#secondary p#articleNav
{
  text-transform:   uppercase;
  }
#secondary p#articleNav span
{
  color:            #AAA;
  }
#primary ul.imageReel
{
  position:         relative;
  width:            790px;
  padding:          0 0 10px;
  }
#primary ul.imageReel li
{
  width:            158px;
  }
#primary ul.imageReel li img
{
  float:            left;
  width:            148px;
  height:           110px;
  background-color: #F4F4F4;
  }

/* CONTACT / REGISTRATION FORM                                             CONTACT / REGISTRATION FORM ::
--------------------------------------------------------------------------------------------------------- */
body#contact div#primary
{
  width:            580px;
  }
body#contact div#secondary
{
  width:            380px;
  }
body#contact #primary p, body#register #primary p
{
  margin:           1.6em 50px 0 0;
  line-height:      1.4em;
  }
div#content form#enquiry, div#content form#registration
{
  float:            left;
  width:            520px;
  margin:           20px 0 0;
  padding:          0 0 40px;
  }
div#content form#registration
{
  display:          inline;
  margin:           20px 0 0 85px;
  }
body#fantasy-my-team div#content form#registration
{
  margin:           0 0 0 40px;
  }
div#content form#enquiry fieldset, div#content form#enquiry fieldset ol, div#content form#enquiry fieldset li
{
  float:            left;
  width:            520px;
  }
div#content form#registration fieldset, div#content form#registration fieldset ol, div#content form#registration fieldset li
{
  float:            left;
  width:            328px;
  }
body#fantasy-my-team div#content form#registration fieldset,
body#fantasy-my-team div#content form#registration fieldset ol,
body#fantasy-my-team div#content form#registration fieldset li
{
  width:            520px;
  }
div#content form#enquiry fieldset ol, div#content form#registration fieldset ol
{
  margin:           0;
  padding:          0;
  }
div#content form#enquiry fieldset ol li, div#content form#registration fieldset ol li
{
  position:         relative;
  margin:           16px 0 0;
  padding:          0;
  border-width:     0;
  font-size:        1em;
  list-style-type:  none;
  }
div#content form#enquiry fieldset ol li:hover, div#content form#registration fieldset ol li:hover
{
  background-color: transparent;
  }
div#content form#enquiry fieldset li#tel
{
  left:             -9999px;
  margin:           0;
  }
div#content fieldset li#tel label, div#content fieldset li#tel input
{
  position:         absolute;
  }
div#content form#enquiry label, div#content form#registration label
{
  float:            left;
  display:          inline; /* FIX IE */
  width:            100px;
  w\idth:           80px;
  padding:          0 20px 0 0;
  line-height:      33px;
  font-size:        1.2em;
  font-weight:      bold;
  text-align:       right;
  color:            #888;
  }
body#fantasy-my-team div#content form#registration label
{
  width:            140px;
  w\idth:           120px;
  }
div#content input.text, div#content textarea
{
  float:            left;
  display:          inline; /* FIX IE */
  font-family:      Arial, Helvetica, sans-serif;
  width:            208px;
  w\idth:           198px;
  padding:          6px 5px;
  background-color: #F9F9F9;
  border-top:       2px solid #7C7C7C;
  border-left:      2px solid #C3C3C3;
  border-right:     1px solid #C3C3C3;
  border-bottom:    1px solid #DDD;
  font-size:        1.4em;
  }
body#register div#content input.text
{
  background-color: #FFF;
  }
div#content textarea
{
  width:            400px;
  w\idth:           390px;
  }
div#content form#enquiry button, div#content form#registration button
{
  float:            right;
  margin:           20px 17px 0 0;
  padding:          8px 15px;
  background-color: #444;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;

  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  }
body#fantasy-my-team div#content form#registration button
{
  margin:           -1px 50px 0 0;
  }
div#content form#registration button
{
  background-color: #090;
  }
div#content form#enquiry button:hover
{
  background-color: #090;
  }
div#content form#registration button:hover
{
  background-color: #060;
  }
div#content form#enquiry button.disabled, div#content form#registration button.disabled
{
  background-color: #AAA;
  color:            #FFF;
  }
div#content div.alert,
body.fantasy div#primary div.alert
{
  float:            left;
  display:          inline; /* FIX IE */
  width:            403px;
  margin:           0 0 10px 100px;
  padding:          15px 0;
  background-color: #C33;
  font-family:      Arial, Helvetica, sans-serif;
  text-transform:   uppercase;
  text-align:       center;
  font-size:        1em;
  color:            #FFF;
  }
body.fantasy div#primary div.alert
{
  display:          block;
  float:            none;
  width:            300px;
  margin:           0 auto 10px;
  }
body#register div#content div.alert
{
  margin:           0 0 10px;
  }
div#content div.success
{
  background-color: #090;
  }
div#content form li.warning input.text,
body#register div#content form li.warning input.text,
div#content form li.warning textarea
{
  background-color: #FFCEBF;
  }
div#content form span.warning
{
  float:            left;
  width:            420px;
  margin:           0 0 0 100px;
  padding:          4px 0 0;
  font-size:        1.2em;
  color:            #C00;
  }
body#fantasy-my-team div#content form span.warning
{
  float:            none;
  position:         absolute;
  top:              -25px;
  left:             140px;
  width:            250px;
  margin:           0;
  }
div#secondary div#gmap
{
  float:            left;
  display:          inline; /* FIX IE */
  width:            350px;
  height:           250px;
  margin:           15px;
  }
body#contact div#secondary p
{
  margin:           0 15px 1em;
  font-size:        1.2em;
  }

/* SITEMAP                                                                                     SITEMAP ::
--------------------------------------------------------------------------------------------------------- */
body#sitemap div.column
{
  padding:          0 10px;
  border-left:      3px double #EAEAEA !important;
  }
body#sitemap #content div.column:hover
{
  border-color:     #AEAEAE !important;
  }
body#sitemap div#website
{
  width:            97px;
  }
body#sitemap div#directory
{
  width:            217px;
  }
body#sitemap div#competitions
{
  width:            337px;
  }
body#sitemap div#seasons
{
  width:            217px;
  }
body#sitemap #content div.column h2
{
  float:            none;
  width:            auto;
  margin:           0 0 0 -1px;
  text-transform:   lowercase;
  letter-spacing:   -1px;
  color:            #888;
  }
body#sitemap #content div.column:hover h2
{
  color:            #222;
  }
body#sitemap div.column ul
{
  padding:          5px 0;
  }
body#sitemap div.column ul li
{
  margin:           2px 0 0;
  }
body#sitemap div.column ul ul
{
  margin:           0 0 0 8px;
  }
body#sitemap div.column li li
{
  list-style-type:     square;
  list-style-position: inside;
  }

/* FANTASY CRICKET                                                                     FANTASY CRICKET ::
--------------------------------------------------------------------------------------------------------- */
body.fantasy div#container,
body.fantasy div#container form#filter, body.fantasy div#container form#filter fieldset, body.fantasy div#container form#filter ol
{
  float:            left;
  }
body.fantasy div#content
{
  padding:          0 0 30px;
  }
body.fantasy div#container div#secondary
{
  padding:          15px 0 0;
  }
body#fantasy-home div#container div#secondary
{
  margin-top:       -24px;
  padding:          0;
  }
body.fantasy div#primary, body.fantasy div#primary div, body.fantasy div#secondary
{
  width:            780px;
  margin:           0;
  padding:          0;
  border-width:     0;
  background-color: transparent;
  }
body.fantasy div#primary
{
  margin-left:      180px;
  }
body.fantasy div#primary div
{
  padding:          15px 0 0;
  }
body.fantasy div#secondary
{
  width:            180px;
  margin-left:      -960px;
  }
body.fantasy div#tertiary
{
  margin:           5px 0 0;
  }
body#fantasy-home div#primary h3
{
  border:           1px dotted #AAA;
  border-width:     0 0 1px;
  padding:          0 20px 10px 0;
  font-size:        2em;
  }
body.fantasy div#primary div h4
{
  margin:           .5em 5% 10px;
  font-size:        1.6em;
  }
body#fantasy-home div#primary ul.tabs,
body#fantasy-team-selection div#roster ul.tabs
{
  display:          none;
  width:            780px;
  margin:           15px 0 0;
  border-bottom:    2px solid #555;
  text-align:       center;
  }
body#fantasy-team-selection div#roster ul.tabs
{
  width:            366px;
  margin:           0;
  }
body#fantasy-home div#primary ul.tabs li,
body#fantasy-team-selection div#roster ul.tabs li
{
  position:         relative;
  float:            none;
  *float:           left; /* IE 6 & 7 */
  display:          inline-block;
  top:              2px;
  left:             0;
  width:            auto;
  }
body#fantasy-home div#primary ul.tabs li a,
body#fantasy-team-selection div#roster ul.tabs li a
{
  display:          block;
  margin:           2px 0 0;
  padding:          6px 18px 5px;
  border:           2px solid #555;
  border-width:     0 0 2px;
  font-size:        1.2em;
  color:            #666;
  }
body#fantasy-team-selection div#roster ul.tabs li a
{
  padding:          6px 10px 5px;
  }
body#fantasy-home div#primary ul.tabs li a:hover,
body#fantasy-team-selection div#roster ul.tabs li a:hover
{
  color:            #444;
  }
body#fantasy-home div#primary ul.tabs li a.current,
body#fantasy-team-selection div#roster ul.tabs li a.current
{
  margin:           0;
  border-width:     2px;
  border-bottom:    2px solid #FFF;
  font-weight:      bold;
  color:            #222;
  }

/* FANTASY CRICKET - MY TEAM                                                 FANTASY CRICKET - MY TEAM ::
--------------------------------------------------------------------------------------------------------- */
body.fantasy dl#teamDetails, body.fantasy dl#leagueDetails, body.fantasy dl#pointsDetails
{
  float:            left;
  width:            600px;
  margin:           15px 0 0;
  background-color: #EAEAEA;
  color:            #222;
  }
body.fantasy dl#leagueDetails, body.fantasy dl#pointsDetails
{
  margin:           5px 0 0;
  }
body.fantasy dl#teamDetails dt, body.fantasy dl#leagueDetails dt, body.fantasy dl#pointsDetails dt
{
  width:            20%;
  w\idth:           18%;
  padding-left:     2%;
  color:            #222;
  }
body.fantasy dl#teamDetails dd, body.fantasy dl#leagueDetails dd, body.fantasy dl#pointsDetails dd
{
  width:            30%;
  }
body#fantasy-my-team dl#teamDetails dd
{
  width:            80%;
  }
body#fantasy-my-team a#manage
{
  float:            left;
  width:            592px;
  margin:           10px 0 0;
  padding:          8px 0;
  text-align:       center;
  text-transform:   uppercase;
  background-color: #444;
  border:           4px double #FFF;
  border-width:     0 4px;
  font-weight:      bold;
  color:            #FFF;
  }
body#fantasy-my-team a#manage:hover
{
  background-color: #090;
  }
body#fantasy-my-team table
{
  margin-top:       10px;
  }
body#fantasy-my-team table input.radio:hover
{
  cursor:           pointer;
  }
body#fantasy-team table.transfers tfoot td
{
  background-color: #888;
  }

/* FANTASY CRICKET - TEAM SELECTION                                   FANTASY CRICKET - TEAM SELECTION ::
--------------------------------------------------------------------------------------------------------- */
body#fantasy-team-selection div#teamsheet
{
  float:            left;
  width:            580px;
  padding:          15px 0;
  }
body#fantasy-team-selection div#roster
{
  float:            right;
  width:            366px;
  padding:          15px 0;
  }
div#teamsheet div#instructions
{
  float:            left;
  width:            420px;
  padding:          5px 0 0;
  }
div#teamsheet div#instructions p
{
  line-height:      1.6em;
  font-size:        1.1em;
  }
div#teamsheet div#bank
{
  float:            right;
  width:            120px;
  padding:          5px 10px;
  border:           4px solid #BBB;
  background-color: #F0F0F0;
  }
div#teamsheet div#bank h3
{
  text-transform:   uppercase;
  font-size:        1.2em;
  }
div#teamsheet div#bank h3 big
{
  display:          block;
  line-height:      1em;
  font-size:        2.4em;
  }
div#teamsheet div#bank h3.over big
{
  color:            #C00;
  }
body#fantasy-team-selection div.scroll /* non-IE */
{
  height:           616px;
  overflow:         hidden;
  }
div#teamsheet form#teamRegistration
{
  clear:            left;
  float:            left;
  width:            100%;
  }
div#teamsheet form#teamRegistration label
{
  float:            left;
  margin:           5px 0 0;
  font-size:        1.2em;
  font-weight:      bold;
  }
div#content div#teamsheet input.text
{
  clear:            left;
  margin:           4px 0 0;
  width:            440px;
  w\idth:           430px;
  }
div#teamsheet form#teamRegistration button
{
  float:            right;
  margin:           24px 0 0 0;
  padding:          7px 15px;
  background-color: #090;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;

  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  }
div#teamsheet form#teamRegistration button:hover
{
  background-color: #060;
  }
div#teamsheet form#teamRegistration button.disabled
{
  background-color: #AAA;
  color:            #FFF;
  }
div#teamsheet tr td
{
  background-color: #F4F4F4;
  padding:          10px 3px;
  }
div#teamsheet tfoot td
{
  padding:          4px 3px;
  background-color: #222;
  }
div#teamsheet tfoot td em
{
  font-style:       normal;
  padding:          0 10px 0 0;
  }
div#teamsheet tr.position td
{
  background-color: #444;
  padding:          4px 3px;
  font-weight:      bold;
  color:            #FFF;
  }
div#teamsheet th.left, div#teamsheet td.left
{
  width:            250px;
  }
div#teamsheet th.right, div#teamsheet td.right
{
  width:            80px;
  }
div#teamsheet table a
{
  padding:          2px 5px;
  background-color: #C00;
  font-size:        10px;
  font-weight:      bold;
  color:            #FFF;
  }
div#teamsheet table a:hover
{
  background-color: #000;
  color:            #C00;
  }
div#roster table
{
  width:            366px;
  margin-top:       10px;
  }
div#roster thead tr
{
  display:          block;
  }
div#roster tbody
{
  display:          block;
  width:            100%
  }
div#roster table tr.picked td,
div#roster table tr.picked td a
{
  background-color: #CCC;
  color:            #777;
  }
div#roster table tr.picked td a[disabled="disabled"]
{
  cursor:           default;
  }
div.scroll tbody /* non-IE */
{
  height:           557px;
  overflow:         auto;
  }

/* define width of TH elements : non-IE */
div.scroll thead th                          { width: 20px;  }
div.scroll thead th + th                     { width: 140px; }
div.scroll thead th + th + th                { width: 60px;  }
div.scroll thead th + th + th + th           { width: 30px;  }
div.scroll thead th + th + th + th + th      { width: 60px;  }
div.scroll thead th + th + th + th + th + th { width: 40px; padding-right: 16px; } /* 40px (+16px for scrollbar) */

/* define width of TD elements : non-IE */
div.scroll tbody td                          { width: 20px;  }
div.scroll tbody td + td                     { width: 140px; }
div.scroll tbody td + td + td                { width: 60px;  }
div.scroll tbody td + td + td + td           { width: 30px;  }
div.scroll tbody td + td + td + td + td      { width: 60px;  }
div.scroll tbody td + td + td + td + td + td { width: 40px;  }

/* FANTASY CRICKET - LEAGUE STANDINGS                               FANTASY CRICKET - LEAGUE STANDINGS ::
--------------------------------------------------------------------------------------------------------- */
#primary ul.gameweekNav
{
  float:            left;
  width:            600px;
  margin:           15px 0 0;
  background-color: #F4F4F4;
  }
#primary ul.gameweekNav li, ul.gameweekNav li a
{
  float:            left;
  width:            300px;
  }
#primary ul.gameweekNav li.next
{
  float:            right;
  }
ul.gameweekNav li a
{
  w\idth:           276px;
  padding:          10px;
  text-transform:   uppercase;
  font-weight:      bold;
  background-color: #E4E4E4;
  border:           4px double #FFF;
  border-width:     0 0 0 4px;
  }
ul.gameweekNav li a strong
{
  padding:          0 10px 0 0;
  }
ul.gameweekNav li.next a
{
  border-width:     0 4px 0 0;
  text-align:       right;
  }
ul.gameweekNav li.next a strong
{
  padding:          0 0 0 10px;
  }
#primary ul.gameweekNav li a:hover
{
  background-color: #555;
  color:            #FFF;
  }
body#fantasy-league table.calendar, body#fantasy-league table.fantasy-league
{
  margin-top:       13px;
  }
body#fantasy-league table tr.highlight td, body#fantasy-team table tr.highlight td
{
  background-color: #FF0;
  }
table.fantasy-league span.up, table.fantasy-league span.unchanged, table.fantasy-league span.down
{
  display:          block;
  width:            10px;
  height:           10px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-image:    url("../img/fantasy/ranks.gif");
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
table.fantasy-league span.unchanged
{
  background-position: -10px -5px;
  }
table.fantasy-league span.down
{
  background-position: 0 -11px;
  }

/* SEARCH RESULTS                                                                       SEARCH RESULTS ::
--------------------------------------------------------------------------------------------------------- */
body#search-results div#secondary p
{
  float:            left;
  width:            160px;
  w\idth:           140px;
  margin:           0;
  padding:          16px 10px 20px;
  border-top:       4px double #FFF !important;
  background:       #F9F9F9;
  font-size:        1.1em;
  line-height:      1.8em;
  }
#primary ol, #primary ol li
{
  float:            left;
  width:            550px;
  }
#primary ol
{
  margin:           1px 0 0;
  padding:          0 0 50px;
  }
#primary ol li
{
  list-style-type:     decimal-leading-zero;
  list-style-position: inside;

  border-top:       1px dotted #AAA;
  padding:          10px 0;
  }
#primary ol li:hover
{
  background-color: #FBFBFB;
  border-color:     #222;
  }
#primary ol li span
{
  display:          block;
  float:            right;
  width:            500px;
  }
#primary ol h6
{
  font-weight:      normal;
  }
#primary ol h3
{
  font-size:        1.1em;
  }

/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */
div#footer
{
  margin-top:       15px;
  border-top:       4px double #222;
  border-bottom:    1px dotted #222;
  }
div#footer ul
{
  float:            left;
  width:            980px;
  margin-left:      -20px;
  padding:          15px 0;
  }
div#footer li
{
  border-left:      20px solid #FFF;
  }
div#footer li ul li
{
  border-width:     0;
  }
div#footer li, div#footer li ul
{
  float:            left;
  width:            176px;
  margin:           0;
  padding:          0;
  }
div#footer li strong
{
  float:            left;
  padding:          0 0 6px 4px;
  font-size:        1.1em;
  color:            #AAA;
  }
div#footer li:hover strong
{
  color:            #555;
  }
div#footer a
{
  float:            left;
  width:            176px;
  w\idth:           172px;
  padding:          4px 0 6px 4px;
  border-top:       1px dotted #999;
  color:            #AAA;
  }
div#footer a:hover
{
  border-style:     solid;
  color:            #555;
  }

/* FOOTNOTES                                                                                 FOOTNOTES ::
--------------------------------------------------------------------------------------------------------- */
div#footnotes
{
  margin-right:     -3px;
  height:           50px;
  }
div#footnotes p
{
  position:         relative;
  width:            960px;
  border-top:       10px solid #FFF;
  font-size:        .9em;
  color:            #999;
  }
div#footnotes a
{
  position:         absolute;
  top:              0;
  right:            0;
  padding-bottom:   1px;
  border-bottom:    1px dotted #FFF;
  color:            #999;
  }
div#footnotes a:hover
{
  color:            #222;
  border-color:     #222;
  }