.CustomEdit {
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 22px;
}

.CustomerSelect {
    background: #f3f3f3;
    border-radius: 5px;
    border-width: 2px;
    border-bottom-color: white;
    border-right-color: white;
    border-top-color: #848484;
    border-left-color: #848484;
    height: 22px;
    overflow: hidden;
}

.dxgvControl {
    border: white;
}

.dxgvTitlePanel {
    font-size: 15px;
    font-weight: bold;
    color: #02AFEB;
    background-color: white;
}

.dxgvTable caption {
    background-color: #FFE066;
    color: black;
    font-weight: bold;
}

.dxgvEditForm {
    background-color: white;
}

.dxgvHeader, .dxgvHeader table {
    color: white !important;
    font-weight: bold !important;
    background-color: #737373;
    /*padding: 4px 2px 2px;*/
}

.dxgvTable {
    border: 1px Solid #737373;
}

.dxgvDataRow td.dxgv {
    overflow: hidden;
    border-bottom: 1px Solid #737373;
    border-right: 1px Solid #737373;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px !important;
    border-right-width: 1px !important;
    font-weight: normal;
}
/*.CustomButton {
    background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
    border-radius: 5px;
    color: white;
    height: 24px;
    font-size: 13px;
}
.CustomButton:hover 
{
    background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
}*/
.CustomButtonDisable {
    background: url("../../Images/ButtonBackground.jpg") repeat-x;
    border-radius: 5px;
    color: gray;
    height: 24px;
}

.CustomButtonLink {
    background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
    border-radius: 5px;
    color: #2d2d2d;
    padding: 4px;
    text-decoration: none;
    cursor: default;
}

    .CustomButtonLink:hover {
        background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
    }

div#ctl00_ContentHolder_gvWait_DXPEForm_PW-1 {
    left: 30px !important;
}
.dxpcContentPaddings {
    padding: 9px 0px;
}
.CustomButtonLight {
    background-color: #5caed4;
    border: solid 1px #8d8986;
    color: #000000;
    height: 24px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 13px;
}

h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
    color: #423932;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
    color: #000000;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 12px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    color: #313131;
}

h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
    color: #000000;
}

input.text {
    font-size: 15px;
}

a.buttonCalendar.width_200px {
    display: block;
    width: 200px;
    height: 25px;
    text-align: center;
    color: black;
    background: transparent url('../../Images/button_fon_200px.gif') no-repeat;
    font-style: normal;
    padding-top: 4px;
    text-decoration: none;
}

a.buttonCalendar.width_100px {
    display: block;
    width: 100px;
    height: 25px;
    text-align: center;
    color: black;
    background: transparent url('../../Images/button_fon_100px.gif') no-repeat;
    font-style: normal;
    padding-top: 4px;
    text-decoration: none;
}

input.button {
    width: 150px;
    height: 24px;
    color: white;
    border-radius: 5px;
    font-weight: bolder;
    /*background: url(../../Images/button_fon_150px.gif) right top no-repeat;*/
    background-color: #02AFEB;
    border: 0;
    vertical-align: middle;
}

    input.button:hover {
        background-color: #89BCEB;
        color: white;
    }

    input.button.width_250px {
        width: 250px;
        background: url(../../Images/button_fon_250px.gif) right top no-repeat;
    }

    input.button.width_225px {
        width: 225px;
        background: url(../../Images/button_fon_225px.gif) right top no-repeat;
    }

    input.button.width_200px {
        width: 200px;
        background: url(../../Images/button_fon_200px.gif) right top no-repeat;
    }

    input.button.width_175px {
        width: 175px;
        /*background: url(../../Images/button_fon_175px.gif) right top no-repeat;*/
        background-color: #02AFEB;
    }

        input.button.width_175px:hover {
            background-color: #89BCEB;
            color: white;
        }

.input.button.width_150px {
    width: 150px;
    /*background: url(../../Images/button_fon_150px.gif) right top no-repeat;*/
    background-color: #02AFEB;
}

    .input.button.width_150px:hover {
        background-color: #89BCEB;
        color: white;
    }

input.button.width_125px {
    width: 125px;
    background: url(../../Images/button_fon_125px.gif) right top no-repeat;
}

input.button.width_100px {
    width: 100px;
    background: url(../../Images/button_fon_100px.gif) right top no-repeat;
}

input.button.width_75px {
    width: 75px;
    background: url(../../Images/button_fon_75px.gif) right top no-repeat;
}

input.button.width_50px {
    width: 50px;
    background: url(../../Images/button_fon_50px.gif) right top no-repeat;
}

input.button.edite_email {
    margin-left: 0px;
    font-weight: bold;
    color: #000;
}



a {
    color: #000000;
}

    a:hover {
        text-decoration: none;
    }

    a.second_style {
        font-weight: bold;
        color: #264d77;
    }

        a.second_style:hover {
            text-decoration: none;
        }

    a img {
        border: 0;
    }


    a.button.width_125px {
        background: url("../../Images/button_fon_125px.gif") no-repeat scroll right top transparent;
        cursor: pointer;
        height: 24px;
        padding-top: 3px;
        text-align: center;
        cursor: default;
    }

    a.button.width_200px {
        background: url("../../Images/button_fon_200px.gif") no-repeat scroll right top transparent;
        cursor: pointer;
        height: 24px;
        padding-top: 3px;
        text-align: center;
        cursor: default;
    }

    a.button.width_250px {
        background: url("../../Images/button_fon_250px.gif") no-repeat scroll right top transparent;
        cursor: pointer;
        height: 24px;
        padding-top: 3px;
        text-align: center;
        cursor: default;
    }


#web_site {
    width: 98%;
    min-width: 755px;
    margin: 20px auto;
}

div#web_site {
    width: expression(document.body.clientWidth > 755 ? "98%" : "755px");
}


/* Header (Start) */

#header {
    margin-bottom: 10px;
}

#header_slogan {
    margin-top: 20px;
}

    #header_slogan .right_fon {
        float: right;
        width: 193px;
        background: #000000 url(../../Images/header_fon_right.gif) right top no-repeat;
    }

        #header_slogan .right_fon .block_l_t {
            height: 147px;
        }

    #header_slogan .left_fon {
        margin-right: 200px;
        background: #000;
    }

        #header_slogan .left_fon .block_l_t {
            height: 147px;
        }

.book_online {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #c23c33;
}

.slogan {
    font-size: 26px;
    font-weight: bold;
    color: #eceee3;
}

#logo {
    font-size: 22px;
    font-weight: bold;
    height: 55px;
    padding: 45px 0 0 70px;
    color: #900606;
    background: url(../../Images/logo.gif) left top no-repeat;
}

    #logo div {
        font-size: 12px;
        color: #2c2c2c;
    }

#user_menu {
    overflow: hidden;
    zoom: 1;
}

    #user_menu ul {
        float: right;
        width: 180px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #user_menu ul li {
            margin-right: 10px;
            font-weight: bold;
            color: #434341;
        }

            #user_menu ul li a {
                text-decoration: none;
                color: #434341;
            }

                #user_menu ul li a:hover {
                    text-decoration: underline;
                    color: #434341;
                }

/* Header (End) */

/* Middle (Start) */

#middle {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

/* Block (Start) */

.block {
    background: red;
}

* html .block {
    overflow: hidden;
    zoom: 1
}

    .block .block_t {
        background: url(../../Images/block_border_fon.gif) left top repeat-x;
    }

    .block .block_r {
        background: url(../../Images/block_border_fon.gif) right top repeat-y;
    }

    .block .block_b {
        background: url(../../Images/block_border_fon.gif) left bottom repeat-x;
    }

    .block .block_l {
        background: url(../../Images/block_border_fon.gif) left top repeat-y;
    }

    .block .block_t_r {
        background: url(../../Images/block_border_t_r_fon.gif) right top no-repeat;
    }

    .block .block_r_b {
        background: url(../../Images/block_border_r_b_fon.gif) right bottom no-repeat;
    }

    .block .block_b_l {
        background: url(../../Images/block_border_b_l_fon.gif) left bottom no-repeat;
    }

    .block .block_l_t {
        /*position: relative;*/
        padding: 15px;
        background: url(../../Images/block_border_l_t_fon.gif) left top no-repeat;
    }


    /* Block (End) */

    .block.b_99b5dc {
        background: #99b5dc;
    }

    .block.b_ebdfc7 {
        background: #F0F0F0;
    }

    .block.b_8b776c {
        background: #8b776c;
    }


.baner_196_310 {
    width: 196px;
    height: 370px;
    overflow: hidden;
    overflow-y: auto;
    zoom: 1;
}

    .baner_196_310 .banner_header {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        width: 176px;
        padding: 10px;
        color: #fff;
        background: url(../../Images/banner_header_fon.gif) left top repeat-y;
    }

.middle_baner_right {
    float: right;
    margin-bottom: 5px;
}

.table_summary {
    min-width: 350px;
    border: solid 1px #c0c0c0;
    background-color: white;
}

.calendar_service_summary {
    position: relative;
    clear: right;
    float: right;
    width: 176px;
    min-height: 75px;
    padding: 0 10px 55px 10px;
    background: #f1f2f4;
    border: 1px solid #d0d2cf;
}

* html .service_summary {
    height: 75px;
}

    .service_summary .bottom_info {
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 176px;
    }

        .service_summary .bottom_info .appoinements {
            font-weight: bold;
            color: #720f12;
            margin-bottom: 5px;
        }

    .service_summary table {
        font-size: 11px;
        width: 170px;
        margin-left: 6px;
        margin-bottom: 5px;
    }

        .service_summary table td.price {
            width: 50px;
        }

        .service_summary table tr.total td {
            font-weight: bold;
        }

.login_block_content {
    margin: 0 auto;
}



.block.b_ebdfc7.login .block_l_t {
    min-height: 290px;
}

* html .block.b_ebdfc7.login .block_l_t {
    height: 290px;
}

.block.b_ebdfc7.customer_content {
    /*margin-right: 205px;
	margin-left: 205px;*/
}

    .block.b_ebdfc7.customer_content .block_l_t {
        position: relative;
        /*min-height: 150px;*/
        padding-bottom: 65px;
    }

    * html .block.b_ebdfc7.customer_content .block_l_t {
        /*height: 290px;*/
    }

.content {
    margin-bottom: 6px;
    overflow: hidden;
}

    .content.with_right_column {
        margin-right: 205px;
        margin-bottom: 6px;
        overflow: hidden;
    }

.customer_content table {
    width: 450px;
    margin: 0 auto;
}

.checkbox_cell {
    width: 40px;
}

.linck_cell {
    width: 150px;
}


.vehicle_info {
    font-size: 16px;
    margin-left: 460px;
    text-align: center;
    color: #423932;
}



    .vehicle_info input.text {
        text-align: right;
    }

    .vehicle_info .block_l_t {
        position: relative;
        min-height: 250px;
        padding-top: 55px;
    }

    * html .vehicle_info .block_l_t {
        height: 250px;
    }

.select_car {
    float: left;
    width: 450px;
}

    .select_car .block_l_t {
        position: relative;
        min-height: 240px;
        padding-bottom: 65px;
    }

    * html .select_car .block_l_t {
        height: 240px;
    }

div.vehicle {
    padding: 10px 0 10px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #395c96;
}

.select_car div.vehicle a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #395c96;
}

    .select_car div.vehicle a:hover {
        text-decoration: underline;
    }

div.vehicle.active {
    background: none repeat scroll 0 0 #EBDFC7;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: left;
    left: -15px;
    margin-right: -35px;
    padding-left: 25px;
    position: relative;
    width: 437px;
}

* html div.vehicle.active {
    width: 219px;
}

.test_drive {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.register {
    margin-bottom: 25px;
    margin-left: 26px;
}

.password_reminder {
    margin-left: 26px;
    margin-right: 160px;
    margin-bottom: 15px;
}

.username {
    margin-right: 160px;
    margin-bottom: 15px;
}

.password {
    margin-right: 160px;
    margin-bottom: 25px;
}

    .username label, .password label {
        float: left;
        width: 100px;
        padding-top: 5px;
        margin-right: 5px;
        text-align: right;
    }

    .username input, .password input {
        font-size: 15px;
        width: 95%;
    }

    .username div, .password div {
        margin-left: 105px;
    }


.login_buttons {
    float: right;
    width: 150px;
}

.login_button {
    margin-bottom: 10px;
}


/* Main Menu (Start) */

.show_step {
    height: 32px;
    margin-bottom: 10px;
}

    .show_step .block_l_t {
        padding: 0;
    }

    .show_step table {
        width: 100%;
        height: 32px;
        border-collapse: collapse;
    }

        .show_step table td {
            height: 32px;
            padding: 0;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            vertical-align: top;
            color: #ffffff;
            background: url(../../Images/main_menu_li_fon.gif) right top no-repeat;
        }

            .show_step table td div {
                height: 26px;
                padding: 6px 20px 0 5px;
            }

            .show_step table td a {
                font-size: 18px;
                font-weight: bold;
                text-decoration: none;
                color: #ffffff;
            }

            .show_step table td.itemStep4 {
                background: none;
            }

    /* Step One */

    .show_step.step_one table td.itemStep1 {
        padding: 0;
        background: url(../../Images/main_menu_active_fon.gif) right top repeat-x;
    }

        .show_step.step_one table td.itemStep1 div {
            background: url(../../Images/main_menu_first_activ_fon.gif) left top no-repeat;
        }

    /* Step Two */

    .show_step.step_two table td.itemStep2 {
        padding: 0;
        background: url(../../Images/main_menu_active_fon.gif) right top repeat-x;
    }

    .show_step.step_two table td.itemStep1 {
        background: url(../../Images/show_step_left_fon.gif) right top no-repeat;
    }

    /* Step Three */

    .show_step.step_three table td.itemStep3 {
        padding: 0;
        background: url(../../Images/main_menu_active_fon.gif) right top repeat-x;
    }

    .show_step.step_three table td.itemStep2 {
        background: url(../../Images/show_step_left_fon.gif) right top no-repeat;
    }

    /* Step Four */

    .show_step.step_four table td.itemStep4 {
        padding: 0;
        background: url(../../Images/main_menu_last_fon.gif) right top repeat-x;
    }

    .show_step.step_four table td.itemStep3 {
        background: url(../../Images/show_step_left_fon.gif) right top no-repeat;
    }

/* Main Menu (End) */

.button_bottom_center {
    left: 0;
    bottom: 25px;
    width: 230px;
    text-align: center;
}

.select_car .button_bottom_center {
    width: 230px;
}

.vehicle_info .button_bottom_center {
    width: 100%;
}

.customer_content .button_bottom_center {
    width: 100%;
}

    .customer_content .button_bottom_center input {
        margin: 0 20px;
    }

.input_content {
    margin-right: 205px;
}

ul.select_transportation {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

    ul.select_transportation li {
        position: relative;
        margin: 0 0 5px 0;
        padding: 0 0 0 25px;
        color: #264D77;
        list-style: none;
    }

        ul.select_transportation li input.radio_box {
            position: absolute;
            left: 0;
            top: 0;
        }

        * html ul.select_transportation li input.radio_box {
            left: -20px;
        }

    ul.select_transportation ul {
        list-style: none;
        margin: 0 0 5px 50px;
        padding: 0;
    }

.select_appointment_time {
    overflow: hidden;
    background: white;
}

* html .select_appointment_time {
    margin-right: 202px;
}

.select_appointment_time_header {
    color: #fff;
    padding: 5px 0;
    width: 100%;
}

    .select_appointment_time_header .name {
        float: left;
        margin-top: 3px;
    }

    .select_appointment_time_header .right_button {
        float: right;
        margin: 6px 10px 0 20px;
    }

    .select_appointment_time_header .left_button {
        float: left;
        margin: 6px 20px 0 10px;
    }

    .select_appointment_time_header .service_advisor {
        float: right;
    }

        .select_appointment_time_header .service_advisor select {
            width: 150px;
            vertical-align: middle;
        }

.appointment_submit {
    margin-right: 205px;
    text-align: center;
}


.button_center {
    text-align: center;
    margin-top: 10px;
}

.appointment_details {
    width: 100%;
}

    .appointment_details td {
        width: 50%;
        padding-right: 10px;
    }

.content table td {
    vertical-align: top;
}

table th {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    color: #000000;
}

    table th.cost {
        width: 125px;
        padding-right: 10px;
    }

    table th.comments {
        width: 400px;
        padding-right: 10px;
    }

input.comments {
    width: 390px;
}

textarea.comments {
    width: 390px;
}

table td.confirm_app_table_first_column {
    width: 40% !important;
}

table td.confirm_app_table_two_column {
    width: 60% !important;
}

/* Middle (End) */

/* Footer (Start) */

#footer {
    float: left;
    text-align: center;
    width: 100%;
    height: 35px;
    padding-top: 20px;
    color: #939496;
    background: url(../../Images/footer_fon.gif) left top repeat-x;
}

.list_auto {
    margin-left: 20%;
    margin-right: 20%;
}
/* Footer (End) */
.Asterisk {
    color: Red;
}
/*================================================
				PROGRESS...
=================================================*/
.progress {
    color: Black;
    padding: 15px;
    z-index: 1000;
    left: 450px;
    top: 150px;
    position: absolute;
    background-color: White;
    font-weight: bold;
    border: solid 1px silver;
    z-index: 1001;
}

.bc_progress {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    background-color: Transparent;
    opacity: 0.0;
    z-index: 1000;
}

/*======================================================
				APPOINTMENT CSS
========================================================*/
.light-radio-list {
    color: #000000;
}

/*================================================
			Styles for ServiceList
=================================================*/
#serviceListHeaderBlock {
    margin: 20px 0px 0px 40px;
}

.service_list {
    width: 100%;
    border-collapse: collapse;
}

    .service_list .row_header {
        /* background: url("../../Images/ServicesHeaderBackground.jpg") repeat-x;*/
        color: #ffffff;
        font-weight: bold;
        height: 30px;
    }

    .service_list .cell_ {
        width: 32px;
        text-align: center;
    }

    .service_list .cell_descr {
        width: 75px;
        text-align: center;
    }

    .service_list .cell_price {
        width: 98px;
        text-align: center;
    }

    .service_list .cell_name {
        text-align: center;
    }

    .service_list .cell_multimedia {
        width: 98px;
        text-align: center;
        padding-right: 5px;
    }

.scroll_panel {
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
    margin-left: 40px;
    background-color: White;
    border: solid 1px gray;
}

.service_list .row_normal {
    background-color: #ffffff;
    color: #000000;
}

.service_list .row_alternating {
    background-color: #e4e4e4;
    color: #000000;
}

.service_list .row_normal_selected, .service_list .row_alternating_selected {
    background-color: #FFE066;
    color: black;
}

.service_list .row_normal_emenu_selected, .service_list .row_alternating_emenu_selected {
    background-color: #64c1f8;
    color: #ffffff;
    font-weight:bold;
}

.scroll_panel .service_list td {
    border: solid 1px #737373;
}

    .scroll_panel .service_list td.cell_name {
        text-align: left;
        cursor: pointer;
    }

.serviceControlPanelColumn {
    vertical-align: top;
    width: 300px;
    font-weight:bold;
}

#serviceControlPanel {
    min-height: 360px;
    background-color: #737373;
    padding-top: 14px;
    border-radius: 5px;
    padding-bottom: 14px;
    margin-top: 20px;
}
    #serviceControlPanel input {
        width: 200px;
    }
.serviceControlBlock {
    background-color: #fff;
    margin: 14px 0px 0px 2px;
    padding: 5px;
    border: solid 1px #aea9a5;
    border-radius: 5px;
}

#serviceSummaryHeader {
    position: absolute;
    left: -120px;
    background-color: #d9dad8;
    font-size: 13px;
    font-weight: bolder;
    padding: 5px;
    border: solid 1px #aea9a5;
}
.dxeListBoxItemSelected {
    color: black;
    background-color: #FFE066;
}
.CustomerProfileFormContent .dxeBase {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.ServiceNextButton {
    margin-top: 14px;
    text-align: center;
}
/*================================================
			Styles for ServiceList
=================================================*/
.appt-calendar-header {
    width: 100%;
    table-layout: fixed;
    /*border-collapse: collapse;*/
}

.appt-calendar-header {
    color: #6d6d6f;
    background-color: #ffffff;
    border: medium none;
    padding: 2px;
    text-align: center;
    font-weight: bolder;
}
/*.appt-calendar-header td { text-align: center; border: none; background-color: #FFE493; padding: 2px; }
.appt-calendar-header .empty { height: 15px; background-color: Gray; }*/
.appt-calendar {
    table-layout: fixed;
    width: 100%;
    /*empty-cells: show; */
    border-collapse: collapse;
}

    .appt-calendar td {
        border-right: solid 1px black;
        border-left: solid 1px black;
        border-top: solid 1px silver;
        border-bottom: solid 1px silver;
        background-color: white;
        text-align: center;
        padding: 2px;
    }

        .appt-calendar td.normal {
            /*color: white;
    background-color: #46a4da;*/
            font-weight: bolder;
            padding: 0px 30px 0px 30px;
            margin-top: 2px;
        }

            .appt-calendar td.normal a {
                color: #000000;
            }

        .appt-calendar td.overwrite {
            /*color: white;
    background-color: #af6161;*/
            font-weight: bolder;
            padding: 0px 30px 0px 30px;
            margin-top: 2px;
        }

            .appt-calendar td.overwrite a {
                color: #F96868;
            }

        .appt-calendar td.multiday {
            /*color: Orangered; */
            /*color: white;
    background-color: Orangered;*/
            font-weight: bolder;
            padding: 0px 30px 0px 30px;
            margin-top: 2px;
        }

            .appt-calendar td.multiday a {
                color: Orangered;
            }

        .appt-calendar td.gray {
            /*color: #7a7b7d;
    background-color: #dee0e0;*/
            font-weight: bolder;
            padding: 0px 30px 0px 30px;
            margin-top: 2px;
        }

            .appt-calendar td.gray a {
                color: #C0C0C0;
            }

        .appt-calendar td.multiresource {
            /*color:white;
    background-color: forestgreen;*/
            font-weight: bolder;
            padding: 0px 30px 0px 30px;
            margin-top: 2px;
        }

            .appt-calendar td.multiresource a {
                color: forestgreen;
            }

        .appt-calendar td.selected-slot {
            background-color: #c0f2fc;
        }

#test-drive-authorization-message {
    color: red;
}

.service_summary {
    position: relative;
    clear: right;
    width: 285px;
    min-height: 75px;
    padding: 0 10px 10px 10px;
    background: none repeat scroll 0 0 #F1F2F4;
    color: #000000;
    border: 1px solid #d0d2cf;
    margin-bottom: 5px;
    float: none;
    padding-bottom: 10px;
}

.SelectTimeMainDiv {
    height: 305px;
    overflow-x: hidden;
    overflow-y: auto;
}

.RecallBlock {
    font-size: 14px;
}

    .RecallBlock div {
        margin-top: 10px;
    }

.RecallHeader {
    text-decoration: underline;
    font-weight: bold;
}

/*----------------------------------------------------------------------------*/
/*-------------------------------Time Slot Page-------------------------------*/
/*----------------------------------------------------------------------------*/

/*-------------------Transportation options---------------------------*/
#TransportationOptionBlock {
    width: 500px;
    margin-left: 20px;
}

#TransportationOptionBlockHeader {
    font-size: 25px;
    font-weight: bolder;
    color: black;
    padding: 20px 0px 20px 0px;
    margin-left: 20px;
}

#TransportationOptionBlockContent {
    color: black;
    font-weight:bold;
}

.TranspOptionPanelComment {
    line-height: 30px;
    border-bottom: solid 2px #cdcdcd;
    margin-bottom: 5px;
}

.TransportationPanelButton {
    background-color: #737373;
    border: solid 1px #737373;
    float: left;
    min-width: 75px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 3px;
    font-weight: bold;
    color: White;
    cursor: pointer;
    font-size: 13px;
    padding: 3px 5px 3px 5px;
}

.TransportationPanelButtonSelected {
    background-color: #FFE066;
    border: solid 1px #FFE066;
    /*box-shadow: inset 0px 0px 10px 3px #5c5c5d;*/
    color: BLACK;
    font-size: 13px;
    border-bottom: solid 1px #d5d5d5;
    float: left;
    font-weight: bold;
    min-width: 75px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
}

.TransportationCustomVerbiage {
    width: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 14px;
    margin: 15px 0px 5px 0px;
}

.TransportationOptionControl {
    width: 645px;
    float: left;
}

.TranspOptionPanel {
    background-color: white;
    border: #dddede;
    padding: 10px 15px;
    min-height: 60px;
    border: solid 1px black;
    border-top: solid 1px #d5d5d5;
    font-size: 15px;
}

/*-------------------Select Advisor block-------------------------*/

.SelectAdvisorControl {
    float: right;
    width: 226px;
    margin-top: 84px;
    margin-right: 28px;
    border: solid 1px rgba(255,255,255,0.5);
}

#SelectArvisorBlockHeader {
    background-color: #737373;
    text-align: center;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    color: #e1e1e1;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
}


/*-------------------Time slots-------------------------*/

.TimeSlotHighlightingBlock {
    float: right;
    margin-right: 28px;
    padding-top: 10px;
}

    .TimeSlotHighlightingBlock input {
        height: 30px;
    }

#TimeSlotControlBlock {
    height: 26px;
    padding: 10px;
    background-color: #FFE066;
    color: #000000;
    vertical-align: top;
}

.TimeSlotControlBlockCaption {
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
}

.TimeSlotControlBlockButtons {
    float: right;
    vertical-align: top;
}

.TimeSlotControlBlockButtonDiv {
    float: left;
    margin-left: 10px;
}

.TimeSlotSwitchTimeButton {
    height: 20px;
    background-color: #a1a1a1;
    width: 17px;
    float: left;
    padding-top: 9px;
}

.TimeSlotControlButton {
    background-color: #737373;
    border: none;
    border-radius: 3px;
    color: WHITE;
    height: 29px;
    vertical-align: top;
    width: 150px;
}

    .TimeSlotControlButton:hover {
        background-color: WHITE;
        color: #737373;
    }

#TimeSlotBlockHeader {
    font-size: 15px;
    font-weight: bolder;
    color: #757575;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    margin-left: 2.5%;
    float: left;
}

#TimeSlotMainBlock {
    min-width: 910px;
    width: 94%;
    margin-left: 2%;
    border-radius: 10px;
    padding: 1%;
    background-color: #d5d5d5;
}

.detail-table th {
    color: black;
    border-left: solid 1px gray;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
}

    .detail-table th:first-child {
        border-left: none;
    }

.detail-table td {
    border-left: solid 1px gray;
    padding: 0px 5px 0px 5px;
}

.detail-table tr td:first-child {
    border-left: none;
}

.totalDetail-table th {
    color: #575656;
    font-size: 15px;
    font-weight: bolder;
}

.TransportationPopUpHover {
    position: absolute;
    max-width: 400px;
    background-color: #eeeef0;
    border: solid 1px gray;
    border-radius: 5px;
    padding: 5px;
    opacity: 0;
}


/* Custom PopUp */
.CustomAlertPopUp {
    width: 400px;
    background-color: #EBEBEB;
    z-index: 10001;
}

.CustomAlertPopUpMulti {
    width: 500px;
    background-color: #EBEBEB;
    z-index: 10001;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
}

.CustomAlertPopUpHeader {
    background-color: #737373;
    color: white;
    font-weight: bolder;
    border: none;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}

.CustomAlertPopUpCloseButton {
    width: 21px;
    height: 20px;
    margin: 7px 5px 0px 0px;
    float: right;
    background: url("../../Images/CloseBtnOld.png") no-repeat transparent;
    cursor: pointer;
    margin-top: 12px;
}

.CustomAlertPopUpContent {
    color: #FF0000;
    font-weight: bold;
    background-color: white;
    border: solid 1px #737373;
    padding: 10px;
    text-align: center;
}

/*.CustomAlertPopUpButtons {
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	height: 35px;
}*/

/*.CustomAlertPopUpButtons button {
		min-width: 100px;
		background-color: #02AFEB;
		border: #02AFEB;
		border: solid 1px;
		color: white;
		font-weight: bolder;
		height: 35px;
	}*/

.PopUpOverlay {
    z-index: 10000;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #777777;
    opacity: 0.7;
    left: 0;
    top: 0;
}

.checkboxMulti {
    width: 17px;
    height: 17px;
    background: #ddd;
    margin: 10px 10px;
    border-radius: 100%;
    position: relative;
    /*box-shadow: 0px 1px 3px rgba(0,0,0,0.5);*/
}

.InternalPopupBlock {
    display: none;
    width: 600px;
    position: absolute;
}

.InternalPopupBlockHeader {
    height: 21px;
    line-height: 21px;
}

    .InternalPopupBlockHeader .CustomAlertPopUpCloseButton {
        width: 15px;
        margin-top: 3px;
    }

.InternalPopupBlockContent {
    color: black;
}

.EditServiceDurationRow {
    border-bottom: solid 1px gray;
    margin-top: 2px;
    width: 100%;
}

.EditServiceDurationServiceName {
    float: left;
    width: 80%;
    text-align: left;
}

.EditServiceDurationValue {
    text-align: right;
    float: right;
    width: 19%;
}

.dxpcHeader, td.dxpc {
    background-color: #737373;
    color: white !important;
    font-weight: bolder;
    height: 25px;
}

.dxpcLite .dxpc-header, .dxdpLite {
    color: white;
    font-weight: bolder;
    background-color: #737373;
    border-bottom: 1px solid #C9C9C9;
    padding: 2px 2px 2px 12px;
}

.dxbButton {
    color: white;
    font: normal 12px Tahoma;
    font-weight: bolder;
    vertical-align: middle;
    background-color: #02AFEB !important;
    background: #737373 !important;
    border: #737373;
    border-radius: 3px;
    padding: 1px;
    cursor: pointer;
}

.dxbDisabled {
    color: white !important;
    background-color: #B9B9B9 !important;
    border: #C2DCF3;
}

    .dxbDisabled span {
        color: white !important;
    }

.dxbButtonHover {
    background-color: #FFE066 !important;
    color: black !important;
}

    .dxbButtonHover span {
        color: black !important;
    }

.dxgvEditingErrorRow {
    background-color: #F96868;
    color: white;
}

.validationResult {
    padding-left: 150px;
    padding-top: 10px;
    color: white !important;
    background-color: #F96868;
    font-weight: bolder;
    border: solid 1px #F96868;
    margin-left: 110px;
    border-radius: 5px;
}

.headerButton {
    color: black;
    background-color: lightgray;
    width: 100px;
    height: 20px;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 3px;
    padding: 1px;
    cursor: pointer;
}

    .headerButton:hover {
        background-color: #FFE066;
    }
.Helpdesc {
    background-color: #FFE066;
}
    .Helpdesc:hover {
        background-color: lightgray;
    }
.validationResultVehicle {
    color: white !important;
    background-color: #F96868;
    font-weight: bolder;
    border: solid 1px #F96868;
    margin-left: 110px;
    border-radius: 5px;
    width: 220px;
}

.validationResultGold {
    color: white !important;
    background-color: #F96868;
    font-weight: bolder;
    border: solid 1px #F96868;
    padding: 10px;
    border-radius: 5px;
    width: 220px;
    height: 25px;
}

.HeaderVertical {
    writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    width: 30px;
    text-align: center;
    transform: rotate(180deg);
}

.CustomButtonPopUp {
    background-color: #737373;
    color: white;
    border: #737373;
    height: 35px;
    border-radius: 3px;
}

    .CustomButtonPopUp:hover {
        background-color: #FFE066;
        color: black;
    }

.dxgvFooter {
    background-color: white;
}

/*.dxeListBoxItemSelected {
	color: White;
	background-color: #2f2e7a;
}*/
.dxpcContent {
    color: black;
    padding: 10px;
}

.dxgvSelectedRow {
    background-color: #FFE066;
    color: black;
}

.dxeListBox {
    border: 1px Solid #737373;
}

    .dxeListBox .dxeHD .dxeListBoxItem {
        color: white !important;
        font-weight: bold !important;
        background-color: #737373 !important;
    }

/*.dxeListBoxItem dxeLTM dxeListBoxItemHover {
    background-color: #2f2e7a;
}
.dxeListBoxItemHover {
    background-color: #2f2e7a;
}*/
/*.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeMIM {
        border-left: 1px solid #cfcfcf !important;
}*/
.warninglbl {
    background-color: #F96868;
    color: white;
}

.tblDrop {
    background-color: #FFE066 !important;
    color: black;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 5px;
}

    .tblDrop a {
        color: white;
    }

.dxscLeftTopCorner, .dxscRightTopCorner {
    background: #FFE066;
    /*width: 1px;
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px;*/
}

.dxscHorizontalResourceHeader {
    border-width: 1px 1px 1px 0;
    border-top-width: 1px;
    border-right-width: 1px;
    background: #FFE066;
    color: black;
}

.dxscSel {
    background: #02AFEB;
}

.dxscAlternateDateHeader {
    color: white;
    background: #737373;
}

.dxscAllDayArea {
    border-width: 1px 1px 1px 0;
    border-top-width: 1px;
    border-right-width: 1px;
    background: #FFE066;
    color: black;
}
/*.dxscDayADAContainer {
    border-width: 1px 1px 1px 0;
    border-top-width: 1px;
    border-right-width: 1px;
    background: #02AFEB;
    color: white;
}*/
/*.dxscDayHdrsContainer {
    position: relative;
    background: #02AFEB !important;
}*/

.dxgvFilterRow {
    background-color: white;
}
.TimeSlotTransportation .dxgvHeader {
    padding: 4px 0px 5px 0px;
}