/***** Register Form Styles *****/

.register-page h1 {
  color: #000000;
  font: 25px/14px "zurich_lt_btlight";
  padding: 5px 0;
  margin:20px 0 0 20px;
}
.register-form{ float:left; }
.career-left .register-form li{ border:none; padding:0; margin:0; }
.register-form label{ width:32%; float:left; font: 12px/20px Verdana, Geneva, sans-serif; }
p.mandatory, span.mandatory{ color:#F60; font: 12px Verdana, Geneva, sans-serif; }
.register-form input[type='text'], .register-form input[type='email'], .register-form input[type='password'], .register-form select, .register-form textarea{ width:185px; border:1px solid #ccc; padding:3px; font: 12px Verdana, Geneva, sans-serif; }
.register-form textarea{ height:60px; }
.register-form select{ width:200px; }
.register-form input[type='submit'], .register-form input[type='reset'], .register-form input[type="button"]{ width:80px; height:30px; font: 13px Verdana, Geneva, sans-serif; margin:0 15px 0 0; float:left; }


.register-form
{
    background:#fefefe;
    border: 0px solid #ccc;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    /*box-shadow:rgba(0,0,0,0.15) 0 0 1px;*/
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 30px;
	padding:20px;
}

.register-formBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}

.register-form footer
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.register-form label
{
    display:block;
    font:12px/22px Verdana, Geneva, sans-serif;
    margin:10px 0 0 6px;
}

.register-form li.gender-list label.gender-label{ width:auto; float:none; display:inline; margin:0 15px 0 0; }

.register-form li{ font:12px/10px Verdana, Geneva, sans-serif; }
.register-form li.gender-list{ line-height:35px; margin:0 0 5px 0; }
.register-form li.gender-list label{ margin:5px 0 0 6px; }
.register-form li.register-captcha label{text-align:right; margin:15px 0 0 6px;}

.register-form footer label{
	float:left;
	margin:4px 0 0;
}
.register-form input[type=checkbox], .register-form input[type="radio"]{
	vertical-align:baseline;
	*vertical-align:middle;
}
.register-form input[type=text],
.register-form input[type=password], .register-form input[type='email'], .register-form textarea, .register-form select
{
    border:6px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 6px;
    width:270px;
    display:block;
}
.register-form select{ 
	margin:3px 0 4px 0;
    width:295px;
    display:block;
	border:none;
	background:transparent;
    border:6px solid #F7F9FA;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
	height:44px;
 }
.register-form input[type=text]:focus,
.register-form input[type=password]:focus, .register-form textarea:focus, .register-form input[type='email']:focus, .register-form select:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
}
.register-form .btnLogin
{
    background:#0099cc;
    border:1px solid #0099cc !important;
    cursor: pointer;
    font:bold 11px/14px Verdana, Tahomma, Geneva;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 
    color:#fff;
	margin:0 0 0 8px !important;
    float:right;
	padding:0 15px;
}
.register-form .btnLogin:hover{ background: #24bcef; color:#fff; }
.select-bg-div{ 
	width:282px; 
	overflow:hidden; 
	float:left;
    border:6px solid #f7f9fa;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	background:url(images/select-arrow.jpg) 95% center no-repeat;

 }

.book-appoint-form{ 
	float: left;
    margin:0 0 0 20px;
    width: 57%;
	border:1px solid #ccc;
	background:#f8f8f8;
}
.register-page p{ margin:5px 0;}
.book-appoint-form li{ float:left; width:100%; }
.book-appoint-form li.submit-button{ margin:10px 0 0; }
.book-appoint-form label{ line-height:10px; }
.book-appoint-form input[type="submit"], .book-appoint-form input[type="reset"], .book-appoint-form input[type="button"]{ width:auto; margin:0 0 0 5px; }

@media screen and (max-width:900px){
	.book-appoint-form label{ width:100%; font:14px/15px Arial,Helvetica,Sans-serif }
}
@media screen and (max-width:767px){
	.register-form label{ width:100%; font:14px/15px Arial,Helvetica,Sans-serif }
}
@media screen and (max-width:639px){
	.book-appoint-form{ width:80%; margin:0 0 0 5%;}
	.register-form label{ width:30%; }
}
@media screen and (max-width:479px){
	.register-form label{ width:100%; }
}
@media screen and (max-width:360px){
	.book-appoint-form{ width:86%; }
	.register-form input[type="text"], .register-form input[type="password"], .register-form input[type="email"], .register-form textarea, .register-form select{ width:250px; }
	.register-form{ padding:10px 5px; }
}