@charset "utf-8";
/* CSS Document */
input.rounded {
	border: 2px solid ;
      
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 16px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:80%;
	border-color: #ccc;
}
#createAppointementRef_Form input.rounded
{
    border: 2px solid ;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:30%;
	border-color: #ccc; 
}

.newUserBox input.rounded
{
    border: 2px solid ;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:30%;
	border-color: #ccc;
}
.newUserBox textArea.rounded
{
    
}
.customFancy{
top:300px !important
}
#createAppointementRef_Form textArea.rounded
{
    
}
.MyAccountBox textArea.rounded
{
    
}

.MyAccountBox input.rounded
{
    border: 2px solid ;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:30%;
	border-color: #ccc;
}

.resetPassBox input.rounded
{
    border: 2px solid ;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 12px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width:30%;
	border-color: #ccc;
}
input.rounded:focus {
	border-color: #fff;
}
textarea.rounded {
	border: 2px solid #bbbbbb;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	font-size: 14px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	
}
textarea.rounded:focus {
	
}


#btn_loginForm{
	
	padding: 5px 35px;
	font-size:14px;
	
     
}


.loginBox{
	float: left;
	width: 99%;
        margin-left: 30px
}



.newUserBox p.title{
	
	text-align: left;
	text-decoration: underline;
}

.newUserBox .inputLabel {
	width: 35%;
	float: left;
	text-align: right;
	padding: 4px 7px;
        white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.newUserBox #btn_newUserForm{
	margin: 25px 0px 15px 45%;
        width: auto;
       
         
}

.resetPassBox{
	float: left;
	
}

.resetPassBox p{
	
	text-align: left;
	padding-bottom: 30px;
}
.resetPassBox .inputLabel {
	width: 35%;
	float: left;
	text-align: right;
	padding: 4px 7px;
}

.resetPassBox #btn_resetPassForm{
	width: 200px;
	margin: 0px 0px 15px 38%;
      
}


#btn_createNewUser {
  
    font-size: 14px;
   
    padding: 5px 10px;
    width: auto;
    margin-top: 20px;
    margin-left: 25%
    
}

.myAppointmentsBtn{
	  float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 25%;
    text-align: center;
    width: 550px;
}

#btn_MakeAppointments {
       float: left;
    font-size: 14px;
    height: 18px;
    padding: 5px 25px;
    width: auto;
    font-weight: 500;
}

#btn_logout {
       float: left;
    font-size: 14px;
    height: 18px;
    padding: 5px 25px;
    width: auto;
    font-weight: 500;
}


.MyAccountBox{
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.MyAccountBox div.myAccountReminder{
	float: left;
	padding: 5px;
	width: 50%;
	
}

.MyAccountBox p{
	
	text-align: left;
	margin: 0;
    padding: 0;
}
.MyAccountBox .inputLabel {
	width: 35%;
	float: left;
	text-align: right;
	padding: 4px 7px;
        white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.MyAccountBox #btn_myAccountMyContact {
    margin: 0 0 15px 340px;
	 height: 23px;
    padding: 5px 35px;
}

.MyAccountBox #btn_myAccountMyPass {
    margin: 0 0 15px 340px;
	 height: 23px;
    padding: 5px 35px;
}

.MyAccountBox .remnderBtn {
    height: 23px;
    padding: 5px;
    width: auto;
	background-color: #f3f3f3;
	color: #001155;
}

.inquiryFormCheckBox {
    height: 20px;
    width: auto;
	
}
.activeInquiryFormCheckBox{
	background-color: #001155;
	color: #fff;
	
}
#createAppointementRef_Form .inputLabel {
	width: 35%;
	float: left;
	text-align: right;
	padding: 4px 7px;
        white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.MyAccountBox   .active{
	background-color: #001155;
	color: #fff;
	
}

.userInfoData{
	float: right;
	
        width: 40%;
        text-align: right;
        margin-left: 60%
            
      
	
}

#signupForm .emailInput{
	
	padding-bottom:  5px;
	
}

#signupForm .passInput{
	padding-bottom:  5px;
	
}

/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/

input.error{
    background: #f7c8cc!important
}
select.error{
    background: #f7c8cc!important
}
#ui-datepicker-div .ui-datepicker-calendar
{
    background: rgb(238, 238, 238)
}
#ui-datepicker-div .ui-datepicker-calendar
{
    background: rgb(238, 238, 238)
}
#ui-datepicker-div .ui-state-default{color: white!important;background: rgb(116, 116, 116)!important}