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

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

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

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

div#menu ul li#menuEaster { background-position:-206px 0; }
div#menu ul li#menuEaster a, div#menu ul li#menuEaster span { margin:15px 12px 0 0; width:55px; background-position:-206px -15px; }
div#menu ul li#menuEaster.selected a, div#menu ul li#menuEaster.selected span { background-position:-206px -122px; }
div#menu ul li#menuEaster a:hover { background-position:-206px -68px; }

div#menu ul li#menuWhitsun { background-position:-273px 0; }
div#menu ul li#menuWhitsun a, div#menu ul li#menuWhitsun span { margin:15px 13px 0 0; width:73px; background-position:-273px -15px; }
div#menu ul li#menuWhitsun.selected a, div#menu ul li#menuWhitsun.selected span { background-position:-273px -122px; }
div#menu ul li#menuWhitsun a:hover { background-position:-273px -68px; }

div#menu ul li#menuSummer { background-position:-359px 0; }
div#menu ul li#menuSummer a, div#menu ul li#menuSummer span { margin:15px 11px 0 0; width:75px; background-position:-359px -15px; }
div#menu ul li#menuSummer.selected a, div#menu ul li#menuSummer.selected span { background-position:-359px -122px; }
div#menu ul li#menuSummer a:hover { background-position:-359px -68px; }

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

div#menu ul li#menuSkillAwards { background-position:-574px 0; }
div#menu ul li#menuSkillAwards a, div#menu ul li#menuSkillAwards span { margin:15px 11px 0 0; width:108px; background-position:-574px -15px; }
div#menu ul li#menuSkillAwards.selected a, div#menu ul li#menuSkillAwards.selected span { background-position:-574px -122px; }
div#menu ul li#menuSkillAwards a:hover { background-position:-574px -68px; }

div#menu ul li#menuCoaching { background-position:-695px 0; }
div#menu ul li#menuCoaching a, div#menu ul li#menuCoaching span { margin:15px 13px 0 0; width:128px; background-position:-695px -15px; }
div#menu ul li#menuCoaching.selected a, div#menu ul li#menuCoaching.selected span { background-position:-695px -122px; }
div#menu ul li#menuCoaching a:hover { background-position:-695px -68px; }

div#menu ul li#menuEnquiry { background-position:-836px 0; padding-right:3px; }
div#menu ul li#menuEnquiry a, div#menu ul li#menuEnquiry span { margin:15px 0 0 0; width:143px; background-position:-836px -15px; }
div#menu ul li#menuEnquiry.selected a, div#menu ul li#menuEnquiry.selected span { background-position:-836px -122px; }
div#menu ul li#menuEnquiry a:hover { background-position:-836px -68px; }

div#myAccountBanner { color:#FBAB2E; background-color:#D01C25; padding:5px; font-size:0.825em; }
div#myAccountBanner a { color:#FBAB2E; }

h1, h2 { color:#D01C25; }
h3 { color:#F15836; }
h4 { color:black; }

hr { border-top:1px solid #00457c; }
hr.myaccount { margin-left:10%; margin-right:10%; border-top:1px solid #e38a04; border-bottom:none; }

.padded { padding:2px; }
.redBackground { color:white; background-color:red; }
.orangeBackground { color:white; background-color:orange; }
.greenBackground { color:white; background-color:green; }

a { color:#e38a04; }
ul.subpages li.selected { color:#D32027; }
ul.subpages li a, ul.subpages li.selected ul.subsubpages li a { color:#D32027; }
tr.shaded th, th.shaded { color:black; background-color:#ffe6bb; }

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 th.pos { width:30px; }
table.leaderboard th.age { width:30px; }
table.leaderboard.discipline th.name { width:290px; }
table.leaderboard th.cash { width:66px; }

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 { font-style:italic; color:#0081c6; }

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:#fff8ec; }
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 #F15836; }
#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; }