@charset "utf-8";
/* CSS Document */
html, body { padding: 0px; margin: 0px; width: 100%; height: 100%; }
body { background: white url(../images/site_bg_2_longer.jpg) repeat-x center -1px; font-size: 13px; }

small, p, a, th, td, li, h1, h2, h3, h4, h5, h6 { font-family: Calibri, Arial; }

h1, h2, h3, h4, h5, h6 { color: #333; }
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 19px; }
#page h1, #page h2, #page h3 { margin-top: 0px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 15px; }

a { color: #006633/*#CC3333 #333*/; }
a img { border: none; }
a:hover { color: #CC3333 /*#666*/; text-decoration: underline; }

#draw_dates a.drawDates { white-space: nowrap; margin: 0 .5em; }
#draw_dates a.drawDates.active { font-weight: bold!important; color: #CC3333; }

.notice { font-weight: bold; padding: 10px; border: 1px solid #999; }
.notice.error, .notice.red { background-color: rgb(254, 241, 236); color: rgb(205, 10, 10); border-color: rgb(205, 10, 10); }
.notice.saved, .notice.green { border-color: #0C3; background-color: #C5E9B6; color: #060; }
.notice.alert, .notice.yellow { border-color: #fcefa1; background-color: #fbf9ee; color: #363636; }

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

#site-wrapper { width: 920px; margin: 0 auto; }

#header { width: 900px; height: 90px; padding: 10px 10px; line-height: 30px; font-size: 13px; /*background: url(../images/page-bg.gif) center top no-repeat;*/ }
#header .left img { padding: 5px 0px; }
#header .left { margin-left: 20px; }
#header .right { margin-right: 15px; }
#header .right a { font-weight: bold; }
#header .right img { margin-left: 5px; }

#page-wrapper { position: relative; float: left; width: 900px; padding: 0px 10px 10px 10px; /*background: url(../images/page-bg2.gif) center top no-repeat;*/ }
#page { position: relative; float: left; width: 880px; /*border-top: solid 1px #ccc;*/ padding: 10px 10px 10px 9px; margin-left: 1px; background-color: #FFF; }

#left-col { float: left; width: 150px; padding: 10px 20px 10px 10px; }
#left-col .module { margin-bottom: 20px; }
#left-col .module:last-child { margin-bottom: 10px; }
#right-col { float: right; width: 290px; padding: 10px; margin-top: 10px; }
#main-col { float: left; width: 670px; padding: 10px 9px 10px 20px; border-left: solid 1px #ccc; margin-top: 10px; }
#right-col+#main-col { width: 350px; border-right: solid 1px #ccc; padding: 10px 19px 10px 19px; }

#main-menu { float: left; width: 100%; }

.menu-top, .menu-top ul, .menu-top li, .popularlist ul, .popularlist li { text-transform: lowercase; list-style: none; padding: 0px; margin: 0px; font-size: 15px; }
.menu-top li, .popularlist li { position: relative; float: left; display: block; width: 100%; }
.menu-top li a, .popularlist li a { line-height: 25px; border-bottom: solid 1px #CCC; padding: 0 10px; display: block; text-decoration: none; color: #666; }
.menu-top li a:hover,
.menu-top li.menu-current>a,
.popularlist li a:hover { border-bottom: solid 1px #CCC; background-color: #EEE; color: #333; }
.menu-top li.menu-current>a { background-color: #ddd; border-color: #999; }
.menu-top>li.menu-expand>a { background: url(../images/toggle_plus.gif) center right no-repeat; }
.menu-top>li.menu-expand>a:hover { background-color: #eee; color: #333; }
.menu-top>li.menu-expand.active>a { color: #333; background: #EEE url(../images/toggle_minus.gif) center right no-repeat; border: none; }
.menu-top ul li { font-size: 13px; background-color: #EEE; }
.menu-top ul li a { line-height: 23px; border: none; padding-left: 15px; }
.menu-top ul li.menu-current>a { background-color: #ddd; border: none; }
.menu-top ul li a:hover { border: none; background-color: #ddd;}
.menu-top ul li.menu-last a { border-bottom: solid 1px #ccc; }
.menu-top ul li.menu-last a:hover { border-bottom: solid 1px #ccc; }


/* Competition Ladder Module - START */
#ladder-powered-by { text-align: right; padding: 5px; }
#ladder-powered-by img { height: 20px; vertical-align: middle; margin-left: .5em; }

#competition-ladder { font-family: Calibri, Arial; }
#competition-ladder h3 { margin-bottom: 0px; }
#competition-ladder .competitions { background: #eee; padding: 4px 10px; }
#competition-ladder th.competitions { text-align: left; white-space: nowrap; }
#competition-ladder .divisions { padding: 4px 10px; }
#competition-ladder th.divisions { text-align: left; white-space: nowrap; }
#competition-ladder .pools { background: #eee; padding: 4px 10px; }
#competition-ladder th.pools { text-align: left; width: 82px; line-height: 16px; }
#competition-ladder .pools a { }
#competition-ladder .pools a.current { font-weight: bold; text-decoration: none; cursor: default; }
#competition-ladder #ladder { font-size: 13px; line-height: 20px; }
#competition-ladder #ladder th { border-bottom: solid 1px #333; line-height: 20px; color: #333; cursor: help; }
#competition-ladder #ladder td { color: #666; }
#competition-ladder #ladder .loading { margin: 50px 129px 0px 129px; text-align: center; }
#competition-ladder #ladder tr.row-1 td { }
#competition-ladder #ladder tr.row-2 td { background-color: #eee; }
#competition-ladder #ladder tr.ladder-top td { font-weight: bold; }
#competition-ladder #ladder .pos { padding: 0px 5px 0px 10px; text-align: center; }
#competition-ladder #ladder .team { padding: 0px 5px!important; width: 100%; text-align: left; }
#competition-ladder #ladder .foragainst { padding: 0px 5px; text-align: center; }
#competition-ladder #ladder .points { padding: 0px 10px 0px 5px; text-align: center; }
#competition-ladder .footer td { background: #ccc; border-top: solid 1px #999; padding: 0px 10px; line-height: 24px; }

#facebox .ladder td.pos { text-align: left!important; padding: 0 5px 0 5px!important; }
#facebox .ladder th { border-bottom: solid 1px #999; line-height: 1.5em; white-space: nowrap; }
#facebox .ladder td { white-space: nowrap; }
#facebox .ladder .row-1 td { background: #fff; line-height: 1.5em; }
#facebox .ladder .row-2 td { background: #eee; line-height: 1.5em; }
#facebox .ladder .ladder-top { font-weight: bold; }
#facebox .ladder .ladder-top-last td { border-bottom: solid 1px #ccc; }
#facebox .ladder .pos { padding: 0 5px!important; }
#facebox .ladder .team { padding: 0 10px 0 5px!important; }
#facebox .ladder .pts { width: 25px!important; text-align: right!important; padding: 0 4px; }
/* Competition Ladder Module - END */

#footer { position: relative; float: left; width: 880px; background-color: #fff; padding: 0px 9px 0 10px; margin-left: 1px; font-family: Calibri, Arial; color: #999; font-size: 11px; }
#footer a { color: #888; }
#footer div { border-top: solid 1px #ccc; padding: 10px; }

#news { }
#news .article h3 { font-size: 15px; border-bottom: solid 1px #999; padding: .25em; }
#news .article .readmore { font-size: 13px; border-bottom: solid 1px #ccc; color: #999; text-align: right; background-color: #eee; padding: 2px .5em; margin-bottom: 1.5em; }
#news .article .readmore a { color: #999; }

table.news-table tr.post_top td { background-color: #eee; }
table.news-table tr.post_top td.post_title { padding: .25em .5em; font-size: 15px; }
table.news-table tr.post_top td.post_date { padding: .25em .5em; font-size: 11px; }
table.news-table td.post_short { padding: 0 .5em .5em .5em; }

table.draw-table { width: 100%; border: solid 1px #999; }
table.draw-table th { padding: 4px 10px; }
table.draw-table tr.main-heading th { border-bottom: solid 1px #999; background-color: #eee; }
table.draw-table tr.timeslot.divider td { border-top: solid 1px #999; }
table.draw-table .date { background-color: #ddd; border-bottom: solid 1px #999; padding: 6px; text-align: left; }
table.draw-table td.time { text-align: center; width: 5em; }
table.draw-table td.field { text-align: center; width: 3em; }
table.draw-table td.division { text-align: center; width: 3em; }
table.draw-table td.teama { text-align: right; }
table.draw-table td.vs { text-align: center; padding: 0 4px; }
table.draw-table td.teamb { text-align: left; }
table.draw-table tr.byes th { border-top: solid 1px #999; background-color: #eee; text-align: right; }
table.draw-table tr.byes td { border-top: solid 1px #999; text-align: left; }
table.draw-table td.referees { text-align: center; }
table.draw-table td.referees span.none { color: #ccc; }

#ladders-container table.ladder { width: 100%; margin-bottom: 1em; }
#ladders-container table.ladder th, #ladders-container table.ladder td { padding: 4px; border-right: solid 2px #FFF; }
#ladders-container table.ladder .header th { background: #eee; border-bottom: solid 1px #999; cursor: help; }
#ladders-container table.ladder .pos { width: 3em; text-align: center; }
#ladders-container table.ladder .team { width: auto; text-align: left; }
#ladders-container table.ladder .pts { width: 2.5em; text-align: center; }
#ladders-container table.ladder .ladder-top td { font-weight: bold; background-color: #f9f9f9; color: #333; }
#ladders-container table.ladder .row-1.ladder-top td { background-color: #FFF; color: #666; }

table.signup_form th { text-align: left; vertical-align: top; }
table.signup_form .value_input label { display: block; color: red; padding: .25em 0 0 0; }

.rh-side { float: right; background-color: #eee; border: solid 1px #ccc; }
.rh-side .inner { float: left; width: 180px; display: block; border: solid 1px #fff; padding: 10px 10px 20px; }
.rh-side ul { padding: 0 0 0 .5em; margin: 0 0 0 1em; }

.popularpages h3 { padding: .5em 5px .25em; margin: 0; color: #333; border-bottom: solid 1px #999; }

table.dgtable { border-collapse: collapse; }
td.dgheader { padding: 5px 10px; border-bottom: solid 1px #ccc; background-color: #eee; border-top: solid 1.5em white; height: 1.25em; }
td.line { padding: 2px; border: none; }
td.line img { padding: 2px; margin-right: .5em; vertical-align: middle; }
td.line_rightalign { border: none; border-left: solid 1px #eee; color: #999; padding-right: 5px; }
td.line_text { padding: 0 1em 0 2em; border-top: solid 1px #eee; border-bottom: solid 1px #ccc; height: 1.25em; }