﻿body, h2, form, input, div {margin: 0px;padding: 0px;}
.clear{clear:both;}
.note{margin:10px 10px 5px 10px; width: 405px; color: #737373; }

#blocker{background:#fff; position:absolute; top:0; z-index:99;}
.sectionTitle{padding:11px 5px 14px 7px; background-color: #EEEEEE !important; color: #333333; border: 1px solid transparent; border-width: 0 0 1px 0;}
.sectionTitle h2 {font-size:12px;}
.sectionTitle h2 span{font-weight:normal; font-size: 13px;}
.required { color: #FF3939; margin-right: 10px; }

/*general form_container*/
.form_container div, .form_container p { text-align:left;}
.form_container label { display:inline-block; width:80px; text-align:right; color:#666; font-weight:bold;}
.form_container div { margin-bottom:10px;}
.form_container input[type=text], .form_container input[type=password], select { border:1px solid #ADADAD; padding:2px; box-shadow: inset 1.4px 1px 2px #CFCFCF; -webkit-box-shadow: inset 1.4px 1px 2px #CFCFCF; -moz-box-shadow: inset 1.4px 1px 2px #CFCFCF;}
.form_container em { display:block; margin:0 0 0 85px; font-style:normal}
.form_container .btn_row { margin-top:15px; text-align:center;}
.form_container a { margin-right:5px;}
.form_container .btn{ float:none; display:inline-block; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;}
input.error { background:#fcf0ee;}
input[type=checkbox].error { border:none !important;}

/*sign up*/
#signIn {background: #fff; float: left; width: 500px; margin:10px 20px 50px 25px; box-shadow: 1px 2px 5px #DCDCDC; -webkit-box-shadow: 1px 2px 5px #DCDCDC; -moz-box-shadow: 1px 2px 5px #DCDCDC;}
#signIn .form_container{padding:10px 0 0 40px;}
#signIn .form_container label{display:block; text-align:left; width:auto; margin: 0 3px 2px 0;}
#signIn .form_container div{padding-left:10px;}
#signIn .extended_input{width:280px;}
#signIn #phone div{margin:0; padding:0;}
#signIn #phone table, #signIn #phone select{float:left; margin-right:10px;}
#signIn #phone td{padding:0 3px 0 0;}
#signIn #country{clear:both;}
#signIn #country div{padding:0;}
#signIn #country .extended_input{width:285px;}
#signIn .btn{max-width:300px; margin: 5px 25px 15px 0; float: right; padding-right: 6px;}
#signIn .form_container > div:first-child > .left { margin-right: 24px; }

#signIn h2, #login_panel h2 { color: #000000; }

#return_to_booking{text-align:center; margin-top:10px; font-size:12px; background-color: #E5E5E5; width: 375px; padding: 17px 0 20px 0;}
#return_to_booking a{ text-decoration:none;}

/*login*/
#login_panel, #forgot_password{float:left;  width:385px;}
#login_panel .form_container{text-align:left; padding:20px 0 10px 50px;}
#login_panel .btn_row{margin: 5px 0 0 2px; width: 175px;}

#login_panel .eitherGrouping { border: solid 1px #CECECE; box-shadow: 1px 2px 5px #DCDCDC; -webkit-box-shadow: 1px 2px 5px #DCDCDC; -moz-box-shadow: 1px 2px 5px #DCDCDC; min-height: 275px; } 
#login_panel .sectionRow { height: 220px; }
#login_panel label { display: block; text-align: left; margin: 0 0 2px 0; }

#login-section { padding: 5px 15px 5px 15px !important; width: 195px; }

#login-section em { color: #9E9F9F; font-style: italic; font-size: 10px; margin: -5px 0 5px 1px; }
#login-section .btn { display: block; margin: 15px auto 0 auto; }

/*forgot password*/

.forgotPassword { float: left; }

#forgot_password .sectionRow { background-color: #E5F9F3; }
#forgot_password .form_container div{width:320px;}
#forgot_password .form_container p{margin-left:20px;}


/* customer detail form screen(s)*/
.warning {padding-left:17px; background: transparent url('../../images/Appointments/Calendar/icn-warning.png') no-repeat 0 50%; } 
DIV.eitherGrouping { border:solid 1px #cecece; margin:10px 10px 6px 0px; }
SPAN.eitherGroupLine, .small-text { color:#999999; font-style:italic; position:relative; top:-5px; }
SPAN.eitherGroupLine { background-color:#ffffff; position:relative; top:-8px; left:31px; }

DIV.eitherGrouping DIV.ctlGroup{
  position:relative;
  left:-1px;
}

/* messages */
div.success-ui { background: url('../../images/loginorsignup/icon-success.png') no-repeat 0.8% 48% #F1FEE0; padding:8px 5px 8px 26px; border:solid 1px #C5EA97;  margin:10px 35px; line-height:1.3em; }
div.warning-ui { background: url('../../images/common/alert_icon.png') no-repeat 1% 50% #ffffcc; padding:8px 5px 8px 26px;  margin:10px 35px; }
div.info-ui { background: url('../../images/loginorsignup/icon-info-i.png') no-repeat 5px 5px #ffffcc; padding:5px 5px 5px 26px; border:solid 1px #7ba6d6;  margin:10px 35px; line-height:1.3em; }
div.error-ui { background: url('../../images/common/alert_icon.png') no-repeat 1% 50% #fcf0ee; padding:8px 5px 8px 29px; margin:10px 35px; line-height:1.3em;}

/*password*/
#strength_bar{ display:block;  position:relative; height:10px; background:#AFAFAF; width:0px; font-size:11px; clear:left;}
#strength_bar span{position:absolute; top:10px;}
#password_strength { margin-bottom: 0; }