body.section-is-enrol div#page div.wrapper { background: none; }


/* Form Basics */
div.thanks { margin: 0 auto; width: 452px; }
form { position: relative; z-index: 2; float: left; margin-left: 240px; counter-reset: fieldsets; padding: 20px; width: 426px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background-color: #ff7900; }

form ol li { clear: both; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; list-style: none; margin: 0 0 4px; padding: 5px 12px; border-width: 1px; border-style: solid; border-color: #fad5b1; border-color: rgba(255,255,255,.55); background: #f6a555; background: rgba(255,255,255,.3); min-height: 20px; }
form ol li li { border-color: #fce2c9; border-color: rgba(255,255,255,.55); background-color: #f8c087; background: rgba(255,255,255,.3); }

form h3 { color: #3d3d3d; font-size: 20px; font-weight: bold; margin: 0; padding-bottom: 10px; text-shadow: 0 1px 1px rgba(255,255,255,0.4); color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.4); }
#enrol form > fieldset > h3:before { content: "Step " counter(fieldsets) ": "; counter-increment: fieldsets; }

form fieldset { margin-bottom: 10px; color: #2d2d2d; }
form input { margin-right: 5px; }
form label { padding-right: 5px; }
form label.required,
form th.required span { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin: -3px 0 0 -5px; padding: 3px 5px; background-color: #d60000; color: #fff;}
form span.label { float: left; line-height: 18px; width: 140px; }
form span.label span.hint { display: block; padding-top: 10px; font-size: 9px; line-height: 14px; }
form div.options { float: left; width: 252px; }

form span.label,
#fm-conditions p,
li#fm-st-package label { padding-top: 2px; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,0.4); }


/* Form elements */
form input.textfield,
form textarea.textfield { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 240px; border: none; margin: 0; padding: 3px 6px; background-color: #fff; line-height: 18px; font-size: 12px; }
form input.textfield:focus,
form textarea.textfield:focus { background: rgba(255,255,255,0.75); padding: 2px 5px; border: 1px solid rgba(255,255,255,0.9); }
form select { width: 252px; font-size: 12px;}
form #dob select { width: 70px; }
input#postcode { width: 80px; }

p#fm-submit { text-align: center; }
form button { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; background: #3d3d3d; border: none; color: #fff; display: block; font-size: 18px; line-height: 20px; letter-spacing: 1px; margin: 0 auto; padding: 6px 25px; text-shadow: 0 1px 1px #000; text-transform: uppercase; }
form button:hover { background-color: #181818; cursor: pointer; }


/* Program Nav */
#select-program { position: absolute; margin-left: -246px; width: 226px; }
#select-program h3 { text-shadow: none; font-size: 13px; color: #3d3d3d; }
#select-program input { position: absolute; z-index: 2; top: 38px; left: 15px; }
.page-has-javascript #select-program input { left: -9999px; }
#select-program ul { position: relative; }
#select-program li { list-style: none; margin: 0; padding: 0; position: absolute; width: 226px; height: 70px; }
#select-program label { z-index: 1; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; text-indent: -9999px; cursor: pointer; background-image: url(../i/css/images/enrol/select-program-buttons.gif); }

/*Distance from top to the...
	Sweat and Teras = 0
	Peak Fitness = 73px
	Peak Performance = 146px 
	Trekfit = 219px

Distance from the left to the...
	Off State = 0
	Hover State = 230px
	Selected State = 460px

Measurements...
	width = 226px
	height = 70px
*/
li.enrol-on-st { top: 0; }
li.enrol-on-pf { top: 73px; }
li.enrol-on-pp { top: 146px; }
li.enrol-on-tf { top: 219px; }

li.enrol-on-st label { background-position: 0 0; }
li.enrol-on-pf label { background-position: 0 -73px; }
li.enrol-on-pp label { background-position: 0 -146px; }
li.enrol-on-tf label { background-position: 0 -219px; }

li.enrol-on-st label.over { background-position: -230px 0; }
li.enrol-on-pf label.over { background-position: -230px -73px;}
li.enrol-on-pp label.over { background-position: -230px -146px; }
li.enrol-on-tf label.over { background-position: -230px -219px; }

div.enrol-st li.enrol-on-st label { background-position: -460px 0; }
div.enrol-pf li.enrol-on-pf label { background-position: -460px -73px;}
div.enrol-pp li.enrol-on-pp label { background-position: -460px -146px; }
div.enrol-tf li.enrol-on-tf label { background-position: -460px -219px; }





/* ST options */
li#fm-st-package ul { margin: 0; }
li#fm-st-package label { padding: 0; line-height: 16px; }
li#fm-st-package div.summary { margin-left: 22px; line-height: 14px; height: 14px; font-size: 9px; color: rgba(0,0,0,0.7); }


/* Medical options */
form table { width: 100%; margin-bottom: 6px; }
form table th,
form table td { padding: 4px 5px; border-top: 1px solid rgba(255,255,255,0.4);}
form table tr.condition th { width: 270px; }
form tr.condition select { width: 110px; }
form table thead th { border-top: none; }
form table input { margin-right: 5px; }
form table tr.alt th,
form table tr.alt td { background-color: rgba(255,255,255,0.1);}
form table tr.no th,
form table tr.no td,
form table tr.yes td.no { color: rgba(0,0,0,0.5); }
form table tr.yes th,
form table tr.yes td.yes,
form table tr.no td.no { color: #131313; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,0.4) }
form table tr.over th,
form table tr.over td { background-color: rgba(255,255,255,0.2) }


/* Error Message */
div#right { margin-top: -20px; width: 212px; margin-right: 14px; float: right; }
div#problem { padding-top: 20px; width: 212px; }
div.moving { position: fixed; top: 0; z-index: 10000; }

div#problem dl { -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; margin: 0; padding: 20px 10px 20px 15px; height: 300px; overflow: auto; background-color: #d60000; color: #fff; }
div#problem dt { font-size: 30px; text-transform: uppercase; letter-spacing: 1px; color: rgba(0,0,0,0.65);text-shadow: 0 1px 1px rgba(255,255,255,0.5); margin-bottom: 10px; }
div#problem dd { margin: 0; }
div#problem dl ol { margin: 0; padding: 10px 0; }
div#problem dl ol li { padding: 5px 0; line-height: 14px; color: #f6d6db; color: rgba(255,255,255,0.85); }
div#problem a { border: none; text-decoration: underline; color: #fff; font-weight: bold; }
div#problem a:hover { color: #181818; }


div.instructions { padding-top: 40px; }
div.instructions { margin: 0; }
div.instructions p,
div.instructions li { font-size: 11px; font-weight: bold; color: #666; line-height: 18px; margin-bottom: 18px; }
div.instructions strong { color: #181818; }


/* Customisation */
div.enrol-st form,
div.enrol-st #select-program li.enrol-on-st { background-color: #ff7900; }

div.enrol-pf form,
div.enrol-pf #select-program li.enrol-on-pf { background-color: #F20018; background-color: #d60000 }
div.enrol-pf form ol li { border-color: #f5dedd; border-color: rgba(255,255,255,.7); background-color: #e39390; background: rgba(255,255,255,.55); }

div.enrol-pp form,
div.enrol-pp #select-program li.enrol-on-pp { background-color: #0090BB; }
div.enrol-pp form ol li { border-color: #dfeff5; border-color: rgba(255,255,255,.7); background: #97ccdf; background: rgba(255,255,255,.55); }

div.enrol-tf form,
div.enrol-tf #select-program li.enrol-on-tf { background-color: #108F34; }
div.enrol-tf form ol li { border-color: #e1eee3; border-color: rgba(255,255,255,.7); background: #9ec9a3; background: rgba(255,255,255,.55); }




/* todos

1) assign back up colors for browsers which dont support rgba 

*/