﻿#appointment_content{
    margin: 10px 0px;
}

#appointment_content fieldset{
    border-width:0px;
    padding: 0px;
}

#appointment_content fieldset p{
    margin: 6px 0px;
}

#appointment_content fieldset p label{
    font-size: 12px;
    clear:both;
    display: block;
}

#appointment_content a{
    color: #11F;
    text-decoration:none;
}

#appointment_content a:hover{
    text-decoration:underline;
}

#appointment_tabs{
    height: 38px;
    background-image: url('Images/appointment_top.png');
    background-repeat:no-repeat;    
}

#appointment_tabs ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
    text-align:center;
}

#appointment_tabs li{
    padding: 0px;
    display:inline-block;
    text-transform:uppercase;
    color: #FFF;
    padding: 10px 30px;
    font-size:11px;
    background-image:url('Images/appointment_tab_bg.png');
    margin:0px -1px;
}

#appointment_tabs li.current_tab{
    background-image:url('Images/appointment_tab_current_bg.png');
}

#appointment_form {
    background-image:url('Images/appointment_bg.png');
    background-repeat: repeat-y;
    padding: 34px 90px;
    font-size: 12px;
}

#appointment_buttons{
    background-image:url('Images/appointment_bottom.png');
    height: 52px;
}

.validator_message
{
    font-size: 11px;
    color: #FF0000;
    clear: both;
    display: block;
}

#appointment_content h3{
    font-size:13px;
    margin:0px;
    text-transform:capitalize;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #a6a6a6;
    padding-bottom: 8px;
    margin-bottom: 8px;
}


#returning_customer_login{
    
    width:171px;
    padding-right: 31px;
    border-width: 0px 2px 0px 0px;
    border-color: #c6c6c6;
    border-style:solid;
    float:left;
}

#returning_customer_login input[type=text],#returning_customer_login input[type=password]{
    width: 161px;
}

.login_form_button{
    margin-left:-6px;
}

#new_customer{
    width: 171px;
    float:left;
    margin-left:31px;
}

#sign_up table{
    width: 100%;
}

#sign_up th{
    text-align:left;
    font-size: 12px;
    font-weight: normal;
}

#sign_up td{
    vertical-align:top;
}

#sign_up td .short_input{
    width: 182px;
}

#sign_up td .long_input{
    width: 376px;
}

.previous_button{
    margin-left:80px;
    float:left;
}

.next_button{
    margin-right: 80px;
    float:right;
}

.submit_button{
    margin-right: 80px;
    margin-top: -18px;
    float:right;
}

.service_types{
    width: 382px;
    float:left;
    display:inline-block;
    line-height: 18px;
    margin: 6px 0px 0px 0px;
}

.service_types label{
    width: 105px;
    display:inline-block;
}

.with_tooltip label:hover .tooltip
{
    display:block;
}

.with_tooltip .tooltip
{
    position:absolute;
    margin-left: 40px;
    background-color: #FFF;
    border: solid 1px #CCC;
    display:none;
    padding: 10px;
    max-width: 300px;
}

.with_tooltip .tooltip hr
{
    color: #CCC;
}

.with_tooltip .tooltip h4
{
    color: #F63;
    margin: 6px 0px;
    border-color: #F63;
    border-style:solid;
    border-width: 0px 0px 1px 0px;
}

.with_tooltip .tooltip ul
{
    margin: 0px;
    padding: 0px;
}

.with_tooltip .tooltip ul li
{
    margin:0px;
    padding: 0px;
    list-style-position:inside;
}

.service_types input{
}

#focus_area{
    float: left;    
    margin: 6px 0px 0px 23px;
}

#focus_area label{
    display:block;    
}

#focus_area textarea{
    width: 189px;
    height: 66px;
}

#misc
{
    float: left;
    margin: 20px 0px 0px 20px;
}

#appointment_time{
    width: 360px;
    float: left;
    margin-top: 20px;
}

#appointment_time p{
    width: 168px;
    float:left;
    margin: 8px 0px 20px 0px;
}

#appointment_time input[type=text],#appointment_time select{
    width: 168px;
    
}

#appointment_time .first{
    margin-right: 18px;
}

#appointment_location{
    margin-top: 20px;
    width: 378px;
    float:left;
    margin-left: 45px;
}

#appointment_location table{
    width: 100%;
    margin: 10px 0px;
}

#appointment_location th{
    text-align:left;
    font-weight: normal;
}

#appointment_location td{
    vertical-align:top;
}

#appointment_location .long_input{
    width:378px;
}

#appointment_location .short_input{
    width:185px;
}

#vehicle_info p, #vehicle_info input[type=text], #vehicle_info select{
    width: 211px;
}

#vehicle_info p {
    float: left;
    padding-right: 30px;   
}

#vehicle_info .last{
     clear:right;
}

#customer_info,#credit_card_info{
    width:374px;
    float:left;
}

#credit_card_info{
    margin-left: 34px;
}

#customer_info .long_input, #credit_card_info .long_input{
    width: 374px;
}

#customer_info .short_input, #credit_card_info .short_input{
    width: 180px;
}

#customer_info .first, #customer_info .last, #credit_card_info .first, #credit_card_info .last{
    width: 180px;
    float:left;
}

#customer_info .first,#credit_card_info .first{
    margin-right:10px;
}

#term_of_use textarea{
    width: 99%;
    height: 60px;
}

#confirmation, #charity,#payment_method,#billing_info,#term_of_use{
    margin-bottom: 20px;
}

#error_message{
    margin: 10px 0px;
}


#confirmation{
    line-height: 18px;
}

#confirmation label{
    font-weight: bold;
}

#confirmation span{
    color: #333;
}

#confirmation a{
    color: #F00;
}

#sub_fieldset
{
    border: solid 1px #CCC;
    padding: 6px;
}

#sub_fieldset p
{
    margin: 10px 10px;
}

#sub_fieldset label
{
    display:inline-block;
    width: 100px;
}

#sub_fieldset input[type=text]
{
    width: 200px;
}

#appointment_content a.tooltip_opener
{
    color: #333;
    text-decoration:none;
}