input, textarea {-webkit-appearance:none; border-radius:0; border:none;}

/* ----- Custom Form Styles ----- */

.ui-selectmenu {display:block; display:inline-block; position:relative; height:2.2em; vertical-align:middle; text-decoration:none; overflow:hidden; zoom:1;}
.ui-selectmenu-icon {position:absolute; top:50%; right:6px; margin-top:-8px;}
.ui-selectmenu-menu {position:absolute; top:0; display:none; overflow:auto; z-index:1005; margin:0; padding:0; list-style:none;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open {display:block;}
.ui-selectmenu-menu-popup {margin-top:-1px;}
.ui-selectmenu-menu li {display:block; padding:0; margin:0; border-top:1px dotted transparent; border-bottom:1px dotted transparent; border-right-width:0 !important; border-left-width:0 !important; font-weight:normal !important;}
.ui-selectmenu-menu li a, .ui-selectmenu-status {display:block; padding:.405em 1em; line-height:1.4em; text-decoration:none; outline:none;}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {cursor:default;}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {position:relative; margin-left:5px; padding-left:20px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {position:absolute; top:1em; left:0; margin-top:-8px;}
.ui-selectmenu-status {line-height:1.4em;}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {display:block; margin-bottom:.2em;}
.ui-selectmenu-menu li .ui-selectmenu-item-header {font-weight:bold;}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {opacity:.8;}
.ui-selectmenu-menu .ui-selectmenu-group {font-size:1em;}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {display:block; padding:.6em .5em 0; line-height:1.4em; font-weight:bold;}
.ui-selectmenu-menu .ui-selectmenu-group ul {margin:0; padding:0;}
* html .ui-selectmenu-menu li {border-color:pink; filter:chroma(color=pink); width:100%;}
* html .ui-selectmenu-menu li a {position:relative;}
*+html .ui-state-disabled, *+html .ui-state-disabled a {color:silver;}

.ui-selectmenu {height:35px; border:none; background:none;}
.ui-selectmenu-menu {padding:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#FFF;}
.ui-selectmenu-icon {top:9px; right:10px; width:16px; height:16px; margin:0;}
.ui-selectmenu-status {padding:8px 10px 0 10px; font-weight:normal;}
.ui-selectmenu-menu li {border:none;}
.ui-selectmenu-menu li a {margin:0; padding:3px 10px; color:#626262; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.ui-selectmenu-menu li a:hover {background:#e5e5e5;}

.custom-checkbox, .custom-radio {position:relative;}
.custom-checkbox input, .custom-radio input {position:absolute; left:-9999px;}
.custom-checkbox label, .custom-radio label {z-index:1; position:relative; display:block; margin:0; padding:3px 0 3px 20px; background:url('../_images/bg/checkboxes.png') no-repeat -10px -6px; cursor:pointer;}
.custom-radio label {background-image:url('../_images/bg/radios.png');}
.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus {background-position: -10px -41px;}
.custom-checkbox label.checked, .custom-radio label.checked {background-position:-10px -75px;}
.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus, .custom-radio label.checkedHover, .custom-radio label.checkedFocus {background-position:-10px -110px;}
.custom-checkbox label.focus, .custom-radio label.focus {outline:1px dotted #ccc;}

/* ----- Form Styles ----- */

#content .contentForm fieldset {position:relative; width:600px; margin:0 0 15px ; padding:30px 48px; border:1px solid #A6A29D; border-radius:10px; overflow:hidden; background-color:#f3f3f3;}
#content .contentForm fieldset .mandatoryInfo {position:absolute; top:30px; right:50px; font-size:11px;}
#content .contentForm fieldset .field {clear:both; margin:0 0 10px 0; overflow:hidden;}
#content .contentForm fieldset .field label {display:block; float:left; width:200px; margin:8px 0 0 0;}
#content .contentForm fieldset .text input {float:right; width:388px; height:20px; line-height:20px; padding:5px; border:1px solid #A6A29D; border-radius:5px; background:#FFF;}
#content .contentForm fieldset .textarea label {float:none; width:auto; padding-bottom:5px;}
#content .contentForm fieldset .textarea textarea {width:588px; height:120px; padding:5px; border:1px solid #A6A29D; border-radius:5px; background:#FFF; outline:none; resize:none;}
#content .contentForm fieldset .select select {float:right; width:400px; padding:0; border:none;}
#content .contentForm fieldset .dateSelect label {position:absolute; left:-9999px;}
#content .contentForm fieldset .dateSelect .label {float:left; width:195px; margin:8px 0 0 0;}
#content .contentForm fieldset .dateSelect select {float:left; width:130px; margin:0 0 0 5px; padding:0; border:none;}
#content .contentForm fieldset .dateSelect .ui-selectmenu {float:left; margin:0 0 0 5px;}
#content .contentForm fieldset .checkboxField label {width:580px;}
#content .contentForm fieldset .formControls {margin:0;}
#content .contentForm fieldset .formControls input {float:right; width:100px; height:40px; cursor:pointer;}
#content .contentForm fieldset .formControls .note {clear:none; float:left; margin:15px 0 0 0; padding:0; border:none;}

#content .contentForm fieldset .selectMultiple {padding-top:8px;}
#content .contentForm fieldset .selectMultiple p {margin:0 0 5px 0;}
#content .contentForm fieldset .selectMultiple ul {margin:0;}
#content .contentForm fieldset .selectMultiple ul li {margin:0 0 5px 0; padding:0; background:none; overflow:hidden;}
#content .contentForm fieldset .selectMultiple ul li label {width:auto; margin:0;}

#content .contentForm fieldset .ui-selectmenu {height:28px; color:#666; text-decoration:none; border:1px solid #A6A29D; border-radius:5px; background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);}
#content .contentForm fieldset .ui-selectmenu:hover, #content .contentForm fieldset .ui-selectmenu:active, #content .contentForm fieldset .ui-selectmenu:focus {background-color:#f3f3f3; background-image:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#FFF)); background-image:-webkit-linear-gradient(top, #f3f3f3, #FFF); background-image:-moz-linear-gradient(top, #f3f3f3, #FFF); background-image:-o-linear-gradient(top, #f3f3f3, #FFF); background-image:linear-gradient(to bottom, #f3f3f3, #FFF);}
#content .contentForm fieldset .ui-selectmenu-icon {top:0; right:0; width:30px; height:30px; border-left:1px solid #bcbcbc; background:url('../_images/bullets/classes-form-select-icon.png') 11px 11px no-repeat;}
#content .contentForm fieldset .ui-selectmenu-status {padding-top:6px;}
.ui-selectmenu-menu {font-size:12px; border:1px solid #bcbcbc; border-top:none;}
.ui-selectmenu-menu li a:hover, .ui-selectmenu-menu li a:active, .ui-selectmenu-menu li a:focus {background:#e5e5e5;}

#content .contentForm fieldset .loginFacebook, #content .contentForm fieldset .registerFacebook {margin:10px 0 10px 0; overflow:hidden;}
#content .contentForm fieldset .loginFacebook h2, #content .contentForm fieldset .registerFacebook h2 {float:left; margin:8px 0 0 0;}
#content .contentForm fieldset .loginFacebook a, #content .contentForm fieldset .registerFacebook a {display:block; float:right;}

#content .contentForm fieldset .pilatesLevel{ width: 300px; float: left;}
#content .contentForm fieldset .pilatesLevel .label{ font-weight: bold; font-size: 18px; padding: 0 0 15px 0; color: #f56b4b;}
#content .contentForm fieldset .yogaLevel{ width: 300px; float: right;}
#content .contentForm fieldset .yogaLevel .label{ font-weight: bold; font-size: 18px; padding: 0 0 15px 0; color: #f11775;}

/* ----- Classes Form ----- */

#classesForm .ui-selectmenu {height:33px; line-height:33px; margin:0 18px 0 0; color:#30b1d1; font-size:16px; text-decoration:none; border-radius:5px; border:1px solid #724910; background-color:#fff; font-weight: bold;}
#classesForm .ui-selectmenu:hover, #classesForm .ui-selectmenu:active, #classesForm .ui-selectmenu:focus {background-color:#FFF;  }
#classesForm .ui-selectmenu-icon {top:5px; right:0; width:30px; height:23px; border-left:1px solid #a6a29d; background:url('../_images/bullets/classes-form-select-icon.png') 11px 9px no-repeat;}
#classesForm .ui-selectmenu-status {
	padding-top:6px;
	colour:#30b1d1;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 40px;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
.ui-selectmenu-menu {border:1px solid #724910; padding: 0;}
.ui-selectmenu-menu li a {background:#FFF; font-size: 13.5px; padding: 7px 0 7px 7px; color: #582e14;}
.ui-selectmenu-menu li a:hover, .ui-selectmenu-menu li a:active, .ui-selectmenu-menu li a:focus {color:#fff; background:#f35b83; font-weight: bold;  }

/* ----- Sort By Select ----- */

#content .sortBy .ui-selectmenu {height:23px; line-height:23px; margin:0 18px 0 0; color:#584b49;  font-size:12px; text-decoration:none; border-radius:3px; border:1px solid #a6a29d; background-color:#FFF; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f3f3f3)); background-image:-webkit-linear-gradient(top, #FFF, #f3f3f3); background-image:-moz-linear-gradient(top, #FFF, #f3f3f3); background-image:-o-linear-gradient(top, #FFF, #f3f3f3); background-image:linear-gradient(to bottom, #FFF, #f3f3f3);}
#content .sortBy .ui-selectmenu:hover, #classesForm .ui-selectmenu:active, #classesForm .ui-selectmenu:focus {background-color:#fff;  }
#content .sortBy .ui-selectmenu-icon {top:2px; right:0; width:20px; height:19px; border-left:1px solid #a6a29d; background:url('../_images/bullets/classes-form-select-icon.png') 7px 7px no-repeat;}
#content .sortBy .ui-selectmenu-status {padding-top:4px;}

.promoForm {
	width: 700px; height:151px;
	margin: 0 0 10px 0;
	padding: 0px;
	border: 1px solid #A6A29D;
	border-radius: 10px;
	background: none;
	background-color: #F3F3F3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#F3F3F3));
	background-image: -webkit-linear-gradient(top, white, #F3F3F3);
	background-image: -moz-linear-gradient(top, white, #F3F3F3);
	background-image: -o-linear-gradient(top, white, #F3F3F3);
	background-image: linear-gradient(to bottom, white, #F3F3F3);
	overflow: hidden;

}

.promoForm #Promotion .promoHeadline {
	float: left;
	width: 229px;
	min-height: 101px;
	border-right: 1px solid #A6A29D;
	background-color: #EEE;
	border-radius: 9px 0 0 9px;
	text-decoration: none;
	font-family: 'AsapBold';
	color: #54473A;
	padding: 25px 20px;
	margin-right:18px;
}

.promoForm #Promotion h2 {
	color: #741050;
	font-size: 28px;
}

.promoForm #Promotion h3 {
	padding-top:25px;
	font-size:18px;

}

.promoForm #Promotion .PromotionCodeInput {
	float: left;
	width: 382px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	border: 1px solid #A6A29D;
	border-radius: 5px;
	background: white;
	margin-bottom:15px;
}

.promoForm #Promotion .button {
	padding: 0 15px 2px 15px;
	float:right;
	margin-right:18px;
}