body { background-image:url('/images/sis/background.png'); }

div#header { background:white url('/images/sis/masthead.jpg') no-repeat; }

div#menu ul li { background-image:url(/images/sis/menu.png); }
div#menu ul li a, div#menu ul li span { background-image:url(/images/sis/menu.png) }

div#menu ul li#menuHome { background-position:0 0; }
div#menu ul li#menuHome a, div#menu ul li#menuHome span { margin:15px 18px 0 21px; width:44px; background-position:-21px -15px; }
div#menu ul li#menuHome.selected a, div#menu ul li#menuHome.selected span { background-position:-21px -122px; }
div#menu ul li#menuHome a:hover { background-position:-21px -68px; }

div#menu ul li#menuPPA { background-position:-83px 0; }
div#menu ul li#menuPPA a, div#menu ul li#menuPPA span { margin:15px 18px 0 0; width:233px; background-position:-83px -15px; }
div#menu ul li#menuPPA.selected a, div#menu ul li#menuPPA.selected span { background-position:-83px -122px; }
div#menu ul li#menuPPA a:hover { background-position:-83px -68px; }

div#menu ul li#menuSec { background-position:-334px 0; }
div#menu ul li#menuSec a, div#menu ul li#menuSec span { margin:15px 19px 0 0; width:118px; background-position:-334px -15px; }
div#menu ul li#menuSec.selected a, div#menu ul li#menuSec.selected span { background-position:-334px -122px; }
div#menu ul li#menuSec a:hover { background-position:-334px -68px; }

div#menu ul li#menuMSW { background-position:-471px 0; }
div#menu ul li#menuMSW a, div#menu ul li#menuMSW span { margin:15px 18px 0 0; width:102px; background-position:-471px -15px; }
div#menu ul li#menuMSW.selected a, div#menu ul li#menuMSW.selected span { background-position:-471px -122px; }
div#menu ul li#menuMSW a:hover { background-position:-471px -68px; }

div#menu ul li#menuLeaderboard { background-position:-592px 0; }
div#menu ul li#menuLeaderboard a, div#menu ul li#menuLeaderboard span { margin:15px 18px 0 0; width:116px; background-position:-592px -15px; }
div#menu ul li#menuLeaderboard.selected a, div#menu ul li#menuLeaderboard.selected span { background-position:-592px -122px; }
div#menu ul li#menuLeaderboard a:hover { background-position:-592px -68px; }

div#menu ul li#menuEnquiry { background-position:-726px 0; }
div#menu ul li#menuEnquiry a, div#menu ul li#menuEnquiry span { margin:15px 18px 0 0; width:112px; background-position:-726px -15px; }
div#menu ul li#menuEnquiry.selected a, div#menu ul li#menuEnquiry.selected span { background-position:-726px -122px; }
div#menu ul li#menuEnquiry a:hover { background-position:-726px -68px; }

div#menu ul li#menuCoaching { background-position:-856px 0; padding-right:23px; }
div#menu ul li#menuCoaching a, div#menu ul li#menuCoaching span { margin:15px 0 0 0; width:102px; background-position:-856px -15px; }
div#menu ul li#menuCoaching.selected a, div#menu ul li#menuCoaching.selected span { background-position:-856px -122px; }
div#menu ul li#menuCoaching a:hover { background-position:-856px -68px; }

div#myAccountBanner { color:#00457c; background-color:#70cde3; padding:5px; font-size:0.825em; }
div#myAccountBanner a { color:#00457c; }


h1, h2 { color:#00457c; }
h3 { color:#0081c6; }
h4 { color:black; }
hr { border-top:1px solid #00457c; }
hr.myaccount { margin-left:10%; margin-right:10%; border-top:1px solid #0081c6; border-bottom:none; }
.padded { padding:2px; }
.redBackground { color:white; background-color:red; }
.orangeBackground { color:white; background-color:orange; }
.greenBackground { color:white; background-color:green; }
.blue { color:#0081c6; }

a { color:#0081c6; }
ul.subpages li.selected { color:#00457c; }
ul.subpages li a, ul.subpages li.selected ul.subsubpages li a { color:#0081c6; }
tr.shaded th, th.shaded { color:black; background-color:#e7f5fa; }

table.datesAndTimes td.col1 { padding-left:0; padding-right:10px; font-weight:bold; }
table.datesAndTimes td.col2 { padding-left:0; padding-right:20px; }
table.datesAndTimes td.col3 { padding-left:0; padding-right:10px; font-weight:bold; }
table.datesAndTimes td.col4 { padding-left:0; padding-right:0; }

table.leaderboard { background: white url('/images/sis/metal.png'); }
table.leaderboard th { background: white url('/images/sis/metal_grey.png'); }
table.leaderboard th.pos { width:30px; }
table.leaderboard th.age { width:30px; }
table.leaderboard.discipline th.name { width:290px; }
table.leaderboard th.cash { width:66px; }
table.leaderboard tr.gold td { background: white url('/images/sis/gold.png'); }
table.leaderboard.search tr.overall td { font-weight:bold; border-bottom:1px solid #666; }
table.leaderboard.search th.pos { width:auto; }
table.leaderboard.search td.noLeftBorder { border-left:none; }
table.leaderboard.search td.noRightBorder { border-right:none; }

td.fullTableLink { text-align:left; }

div#pow h4 { margin:1em 0 0;}
div#pow p { margin:0; }

div#teamOfWeek { width:480px; height:400px; background:url('/images/sis/pitch.jpg') no-repeat; margin-bottom:1em; position:relative; }
div#teamOfWeek div.position { color:black; background-color:yellow; width:30px; margin-left:35px; margin-right:35px; margin-bottom:4px; padding:2px; font-weight:bold; font-size:0.825em; text-align:center; }
div#teamOfWeek div.name { color:yellow; font-weight:bold; font-size:0.75em; text-align:center; }
div#teamOfWeek div.team { color:yellow; font-weight:normal; font-size:0.675em; text-align:center; }
div#towGK { position:absolute; width:100px; left:190px; top:70px; }
div#towRB { position:absolute; width:100px; left:15px; top:128px; }
div#towCB1 { position:absolute; width:100px; left:133px; top:128px; }
div#towCB2 { position:absolute; width:100px; left:250px; top:128px; }
div#towLB { position:absolute; width:100px; left:365px; top:128px; }
div#towRM { position:absolute; width:100px; left:15px; top:236px; }
div#towCM1 { position:absolute; width:100px; left:133px; top:236px; }
div#towCM2 { position:absolute; width:100px; left:250px; top:236px; }
div#towLM { position:absolute; width:100px; left:365px; top:236px; }
div#towCF1 { position:absolute; width:100px; right:306px; top:340px; }
div#towCF1 div.name, div#towCF1 div.team { text-align:right; }
div#towCF2 { position:absolute; width:100px; left:304px; top:340px; }
div#towCF2 div.name, div#towCF2 div.team { text-align:left; }

div.form { border:1px solid #00457c; background-color:#e7f5fa; padding:10px; }
div.form p.last { margin-bottom:0; }

ul#trans li { color:#0081c6; }

div#leaderboardCountdown2 { color:black; background-color:#70cde3; border:1px solid #0081c6; padding:10px; text-align:center; font-weight:bold; }
div#leaderboardCountdown { color:#0081c6; border:1px solid #0081c6; padding:10px; text-align:center; font-weight:bold; font-size:1.2em; }
div.leaderboardSearchFields { margin-bottom:20px; }
div#leftCol input#leaderboardSearch { width:140px; }
div#rightCol select#leaderboardSearch { width:180px; }
input#leaderboardSearchSubmit { width:30px; }

div.childDetails { margin-bottom:10px; }
a.action { padding:3px; border:2px solid #0081c6; }
a.action:hover { text-decoration:none; color:black; background-color:#e6f7ff; border:2px solid black; }
form td { background-color:#f4fcff; }
th.detailsCol1 { width:180px; }
td.detailsCol2 { min-width:500px; }
.detailsButtons { width:715px; margin-top:5px; }
tr.basket td { color:inherit; background-color:#ffff00; }
span.basketShaded { color:inherit; background-color:#ffffee; }
tr.subhead td { color:white; background-color:#00457C; font-weight:bold; }
tr.buttons { border-top:1px solid black; }
tr.buttons td { border-right:none; padding-top:10px; padding-bottom:10px; }
tr.buttons td + td { border-left:none; border-right:1px solid #ccc; }

div.registrationComplete { border:1px solid #00f; background-color:#f0fff0; padding:10px; margin-bottom:10px; }

#basket { margin-top:40px; color:#333; }
#basket h3 { margin-top: 0; border-top:5px solid #0081c6; }
#basket h4 { color:black; }
#basket p.club { margin-bottom:0; margin-top:0.5em; }
#basket p.sessions { margin-top:0; margin-bottom:0; }
#basket p.fee { margin-top:0; }
.expired p.club, .expired p.details { color:#999; text-decoration:line-through; margin-bottom:0; }
#basket p.details { margin-bottom:0; }
#basket p.expiredLabel { margin-top:0; color:red; }
#basket p.buttons { margin-top:1em; }
td.expired { color:#999; text-decoration:line-through; }
tr.paymentBalance td { font-style:italic; }
tr.basketTotal td { border-top:2px solid black; font-weight:bold;}
td.basketAmount { text-align:right; }
td.basketAmount span.expiredLabel { color:red; }
table.basketReview td.remove { text-align:center; }
td.moneyOwed { color:red; font-weight:bold; }

span.disabledRegister { font-weight:bold; text-decoration:line-through; color:#999; }

#paymentHistory { margin-top:40px; }
#paymentHistory h3 { margin-top: 0; border-top:5px solid #0081c6; }

table.accountOverview td { vertical-align:middle; }
table.accountOverview td img { vertical-align:middle; }
table.accountOverview td.bookButton { border-left:none; }
table.accountOverview td.noLeftBorder { border-left:none; }
table.accountOverview td.noRightBorder { border-right:none; }