﻿
/*** Coolblue Member ***/

/****************************** Start Common HTML Tag  ***********************************/

* {
    padding: 0px;
    margin: 0px;
    font-family: Arial;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    background-color: red;
    text-align: left;
}




html body {
    color: #333333;
    font-size: 12px;
    font-family: Verdana;
}

html > body {
    font-family: Verdana;
    color: #333333;
    font-size: 12px;
}

p, table, ul, dl, #TB_window {
    font-size: 1.2em;
}

a:link, a:visited, a:hover, a:active {
    color: #0000FF;
    text-decoration: none;
}

a:focus {
    color: #CC6633;
    text-decoration: underline;
}

p {
    line-height: 1.4em;
    margin: 10px 0;
}

hr {
    margin: 10px 0;
    color: #999999;
}

ul {
    list-style: none;
}

    ul li {
        padding-top: 6px;
    }

input, select, textarea {
    font: .95em;
}

    input, input[type="radio"], input[type="checkbox"], select, textarea {
        /*-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;*/
        border: 1px solid #EBEBEB;
        font-size: 12px;
        margin-top: 3px;
        padding: 3px;
        background-color: #FFFFFF;
    }

        input:focus, select:focus, textarea:focus {
            border-color: #3D7BAD;
            background-color: #FFFFCC;
        }

/********************************** Start Search div  ***************************/

.nav-loading {
    margin: 5px 0px 0px -160px;
    padding: 3px 5px 3px 5px;
    border: 2px dotted #666666;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 1001;
    width: 320px;
    height: 44px;
    font: bold 24px "trebuchet MS";
    text-align: center;
    color: #000000; /*background-image: url(images/sc.gif);*/
    display: none;
    background-color: #FFFFFF;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/********************************** End Search div  ***************************/

/****************************** End Start Common HTML Tag  ***********************************/

#ap_header {
    /*height: 50px;*/
}

#navBar {
    margin-left: 5px;
    margin-top: 0px;
    text-align: left;
    position: relative;
    z-index: 3;
}

    #navBar #monthDiv {
        font-size: 14px;
        font-weight: bold;
        color: #C3D9FF;
        padding: 0px;
        /*line-height: 50px;
        width: 300px;*/
        /**/ position: absolute;
        *position: static;
        float: left;
        z-index: 2;
        margin-top: -40px;
    }

        #navBar #monthDiv .logoOutter {
            /*border: 1px solid #2B1531;
	padding: 4px;
	margin-top:5px;
	float:left;*/
        }

        #navBar #monthDiv .logoInner {
            background-color: #BBCCDD;
            color: #000000;
            overflow: hidden;
            height: 50px;
            padding-left: 10px;
            padding-right: 10px;
            float: left;
            -webkit-box-shadow: 3px 3px 3px #ddd;
            -moz-box-shadow: 3px 3px 3px #ddd;
            box-shadow: 3px 3px 3px #ddd;
            -moz-border-radius: 0px 0px 4px 4px;
            -webkit-border-radius: 0px 0px 4px 4px;
            border-radius: 0px 0px 4px 4px;
        }

        #navBar #monthDiv .MyappointyLogo {
            font-size: 13pt;
            /*color: #C3D9FF;	*/
        }


        #navBar #monthDiv #user {
            color: #ffffff;
            letter-spacing: 0.2em;
            margin-top: 0px;
            line-height: 30px;
        }

    #navBar #topMenu {
        margin-top: 5px;
        margin-left: 10px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        text-align: right;
        float: left;
        position: relative;
        margin-right: 10px;
        z-index: 3;
    }

    #navBar a, .topLinks a:visited, #topMenu a {
        background-color: transparent;
        font-size: 12px;
        font-weight: normal;
        padding-top: 2px;
        padding-right: 6px;
        padding-bottom: 2px;
        padding-left: 6px;
        text-decoration: underline;
        margin: 1px;
    }

#ap_motherDiv {
    width: 100%;
    clear: both;
    /*margin-top: 10px;*/
}

#ap_mother_left_td {
    width: 300px;
    padding-left: 10px;
}

    #ap_mother_left_td.apMotherLefttd {
        width: 220px;
        padding-left: 10px;
        text-align: right;
    }

#ap_mother_left_header {
    background-position: right 27px;
    height: 50px;
    text-align: left;
    vertical-align: bottom;
    background-image: url(Images/poweredby.png);
    background-repeat: no-repeat;
    line-height: 1.9;
}

#ap_mother_left_header_user {
    text-transform: capitalize;
    color: #333333;
    font-size: .9em;
    padding-top: 20px;
    padding-left: 3px;
}

.topStepLeft1, .topStepLeft2, .topStepBoth1, .topStepBoth2, .topStepBoth1Off, .topStepBoth2Off {
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

.topStepLeft1 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 2pt;
    background-color: #C3D9FF;
}

.topStepLeft2 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 1pt;
    background-color: #C3D9FF;
}

#left_service_selection {
    text-align: left;
    padding: 0px 0px 8px 8px;
    border-radius: 6px 0px 0px 6px;
}

#left_serviceSelection_Header, #left_time_header, #staffSelectionHeader {
    padding: 5px 0px 5px 0px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #484848;
    background-color: #C3D9FF;
    cursor: pointer;
}

#left_serviceSelection_body {
    padding: 0px 0px 5px 0px;
}

* html #left_serviceSelection_body {
    padding: 0pt;
    width: 99%;
}

#leftserviceHeader {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: capitalize;
}

    #leftserviceHeader td {
        padding-left: 7px;
    }

    * html #leftserviceHeader td {
        padding-left: 2px;
    }

.appointBoxTable {
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #7F7F7F;
}

    .appointBoxTable th {
        background-color: #FFFFFF;
        color: #5B5B5B;
        padding-left: 12px;
        font-weight: bold;
        font-size: 100%;
    }

    .appointBoxTable td {
        padding-left: 7px;
        padding-right: 3px;
        font-size: 93%;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #CCCCCC;
    }

    * html .appointBoxTable td {
        padding-left: 2px;
    }

    .appointBoxTable .serviceNDCBold {
        padding-left: 1px;
        padding-right: 3px;
        font-size: 13px;
    }

.currencyColor {
    color: #999999;
}

.appointBoxTable .serviceNDCNotBold {
    padding-left: 7px;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

* html .appointBoxTable .serviceNDCNotBold {
    padding-left: 2px;
}

#barServicetext {
    font-size: 11.333px;
    /*color: #CA0000;*/
    overflow-y: auto;
    overflow-x: hidden;
}

html:first-child #barServicetext {
    overflow: auto;
}

.catHeader td {
    background-color: #DFEBFF;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.upperTd {
    background-color: #ffffff;
    font-size: 93%;
    text-transform: uppercase;
}

.lowerTd {
    background-color: #ffffff;
    font-size: 93%;
    text-transform: uppercase;
}

    .upperTd td, .lowerTd td {
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: capitalize;
    }

#ap_mother_left_time {
    padding: 8px 0px 0px 0px;
}

#left_time_selection {
    background-color: #C3D9FF;
    text-align: left;
    padding: 3px 0px 8px 8px;
}

.optional {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    padding-left: 5px;
}

#stSelection {
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
}

    #stSelection #staffSelection {
        /*background-color: #C3D9FF;
    padding: 0px 0px 9px 9px;
	border-radius:6px 0px 0px 6px;*/
    }

#staffSelectionBody {
    overflow: auto;
}

#staffSelectionHeaderTB {
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #A2BBDD;
}

    #staffSelectionHeaderTB td {
        padding: 3px;
    }

.staffNDCNotBold a {
    font-size: 11px;
}

#ap_mother_right_td {
    /*padding-right:10px;*/
}

#ap_mother_right {
    /*margin-right: 15px;*/
    height: auto;
    width: 100%;
}

#ap_right_header {
    padding: 0px;
    margin: 0px;
    width: 100%;
    vertical-align: bottom;
}

#chrome_main1 {
    padding: 0px;
    margin: 0px;
    height: 23px;
    width: 100%;
    vertical-align: bottom;
}

#ap_right_header_leftMenu table {
    height: 23px;
}

    #ap_right_header_leftMenu table td {
        vertical-align: bottom;
        padding-left: 0px;
        padding-left: 10px;
    }

#ap_right_header_leftMenu li div {
    width: inherit;
}

.topStepBoth1 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 2pt;
    margin-bottom: 0pt;
    margin-left: 2pt;
    background-color: #C3D9FF;
}

.topStepBoth2 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 1pt;
    margin-bottom: 0pt;
    margin-left: 1pt;
    background-color: #C3D9FF;
}

.modelinkOn {
    background: #C3D9FF none repeat scroll 0%;
    color: black;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 9px 5px 9px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-box-shadow: 1px 1px 1px #A5BADE;
    box-shadow: 1px 1px 1px #A5BADE;
}

.topStepBoth1Off {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 2pt;
    margin-bottom: 0pt;
    margin-left: 2pt;
    background-color: #E8EEF7;
}

.topStepBoth2Off {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 1pt;
    margin-bottom: 0pt;
    margin-left: 1pt;
    background-color: #E8EEF7;
}

.modelinkOff {
    background: #E8EEF7 none repeat scroll 0%;
    color: #112ABB;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 9px 5px 9px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#pDate {
    text-align: left;
    border-top: 2px solid #A5BADE;
    border-left: 2px solid #A5BADE;
    border-right: 2px solid #A5BADE;
    /*width:100%;
	float: right;
	padding-right:10px;*/
    background-color: #FBE447;
    position: relative;
    /*height:28px;*/
}

    #pDate .showDateformatTb {
        font-size: 0;
        left: 50%;
        margin-left: -75px;
        position: absolute;
        text-align: left;
        top: 0px;
    }

    #pDate a {
        color: #0000FF;
        background-color: transparent;
        font-size: 12px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        text-decoration: underline;
        margin: 1px 1px 0px 1px;
        font-weight: normal;
    }

    /*#pDate a:hover
{
    color: #ffffff;
    background-color: #A2BBDD;
}*/

    #pDate td {
        color: black;
        font-size: 12px;
        font-weight: bold;
        /*padding-left:2px;*/
        vertical-align: middle;
    }


        #pDate td.disDateyearTdCl {
            width: 185px;
            text-align: center;
        }

/*
#pDate input
{
	padding: 1px;
	margin: 0px;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F9F9F9),to(#E3E3E3));
	background-image: -moz-linea-gradient(center bottom,    rgb(40,64,247) 31%,    rgb(32,191,191) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#F9F9F9' , endColorstr= '#E3E3E3' );
	background: -moz-linear-gradient(top,#F9F9F9,#E3E3E3);
	border: 1px solid #BBB;
	border-top-color: #CCC;
	border-bottom-color: #A0A0A0;
	border-radius: 3px;
	radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 0px;
	font-size:11px;
}*/
.normalDate {
    background-color: transparent;
    color: #666666;
}

.onChangeDate {
    color: #CC3300;
    background-color: #FFFFCC;
}

.topCalnext {
    /*background-position:  center;
    background-image: url(images/btn_next.gif);
    background-repeat: no-repeat;*/
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding-left: 10px;
}

.topCalPre {
    /*background-position:  center;
    background-image: url(images/btn_prev.gif);
    background-repeat: no-repeat;*/
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding-right: 10px;
}

.topCalPreBtDvCl, .topCalnextBtDvCl {
    padding: 9px;
    border: 2px solid #A2BBDD;
    background-color: #C3D9FF;
    position: relative;
    height: 0%;
    width: 0px;
}

    .topCalPreBtDvCl:hover, .topCalnextBtDvCl:hover {
        -webkit-box-shadow: 1px 1px 1px #A5BADE;
        box-shadow: 1px 1px 1px #A5BADE;
    }

    .topCalPreBtDvCl span, .topCalnextBtDvCl span {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 0px;
        height: 0px;
        padding: 0px;
        border-style: solid;
        border-width: 7px;
        border-color: transparent #FFFFFF transparent transparent;
        margin-left: -11px;
        margin-top: -7px;
        font-size: 0px;
    }

    .topCalnextBtDvCl span {
        border-color: transparent transparent transparent #FFFFFF;
        margin-left: -2px;
    }

#ap_right_body {
    background-color: #C3D9FF;
    width: 100%;
    border-radius: 3px;
}

#ap_right_body_header {
    /*background-color: #C3D9FF;*/
    padding: 5px 10px 0px 10px;
}

#ap_right_body_text {
    padding: 5px 10px 5px 10px;
    clear: both;
}

div#rightBr {
    width: 100%;
    text-align: left;
    /*background-image: url(Images/CalendarBg.png);*/
}

.go_table, #mainDivMember {
    font-size: 12px;
    color: #000;
    width: 100%; /**/
}
/**html .go_table, #mainDivMember
{
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-color: #A2BBDD;
	border-right-color: #A2BBDD;
	border-left-color: #A2BBDD;
}*/

#allTimelistBodyDvId {
    background-position: right bottom;
    background-color: #fff;
    background-image: url(Images/CalendarBg.png);
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-color: #A2BBDD;
    border-right-color: #A2BBDD;
    border-left-color: #A2BBDD;
    background-repeat: no-repeat;
}

#allTimelistheadDvId {
    background-color: #FBFBFB;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-color: #A2BBDD;
    border-right-color: #A2BBDD;
    border-left-color: #A2BBDD;
    padding-right: 7px;
}

#allTimelistBodyDvId .mCSB_container {
    margin-right: 7px;
}

#allTimelistMonthheadDvId {
    background-color: #FBFBFB;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-color: #A2BBDD;
    border-right-color: #A2BBDD;
    border-left-color: #A2BBDD;
}


#mainDivMember {
    width: auto;
}
/* calendar td boxes */
.go_table td {
    border-color: #CCDDEE;
    margin: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    vertical-align: top;
    text-align: left;
    width: 14%;
    box-sizing: border-box;
}

    .go_table td.firstTd {
        border-left-width: 0px;
    }

#allTimelistheadDvId .go_table td {
    border-width: 0 1px 0px;
}

/* calendar Today box  */

.go_table .todayBox .dateboxhead {
    background-color: #BBCCDD;
}

.go_table .todayBox .dateunit, .go_table .todayBox .dateunitblocked {
    background-color: #FFFFCC;
}

.dateboxhead {
    font-size: 11px;
    color: #000000;
    text-decoration: none; /*width: 130px;
    background-color: #E8EEF7;*/
    padding-top: 2px;
    padding-bottom: 2px;
}

.dateboxheadOver {
    font-size: 11px;
    color: #000000;
    text-decoration: none; /*width: 130px;*/
    background-color: #E8EEF7;
    padding-top: 2px;
    padding-bottom: 2px;
}

a:link .dateboxhead {
    text-decoration: none;
}

a:visited .dateboxhead {
    text-decoration: none;
}

a:hover .dateboxhead {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.dateboxheadBlock {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dateunitblocked {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
}

a .dateunitblocked, .dateunitblocked {
    text-decoration: none;
    overflow: hidden;
}

    a:hover .dateunitblocked:hover, .dateunitblocked a:hover, .dateunitblocked:hover {
        text-decoration: none;
        overflow: hidden;
    }

.cursor {
    color: #000000;
}

.mnDateContainer {
    position: relative;
}

.selectedBoxColor {
    background-color: #F8FBEE;
    overflow: hidden;
    width: 100%;
}

.unselectedBoxColor {
    background-color: transparent;
    overflow: hidden;
    width: 100%;
}

.go_table .todayBox .unselectedBoxColor {
    background-color: #FFFFCC;
}

.dateunit {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
}

a .dateunit {
    text-decoration: none;
}

.availDateunit, .availDateunitWeek {
    z-index: 0;
    display: none;
    font-weight: bold;
    color: #333333;
    text-align: center;
    width: 100%;
}

    .availDateunitWeek #availabletext {
        color: #0000FF;
        background-color: Transparent;
        text-decoration: underline;
    }

#availabletext {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #31CBFD;
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;
}

*html #availabletext {
    font-size: 11px;
}

.notAvailDateunitWeek #notAvailabletext {
    color: #5F6C78;
    background-color: Transparent;
    text-decoration: underline;
}

.notAvailDateunit, .notAvailDateunitWeek {
    z-index: 0;
    display: none;
    font-weight: bold;
    color: #333333;
    text-align: center;
    width: 100%;
}

#notAvailabletext {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #96A2AC;
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: pointer;
}

.daysAllAppointment {
    overflow: hidden;
    z-index: 0;
    width: 100%;
}

.calDtMonthTimeBdCl .daysAllAppointment {
    visibility: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    visibility: visible;
    opacity: .01;
}


.calDtMonthTimeBdCl .mnDateContainer:hover .daysAllAppointment {
    opacity: 1;
    visibility: visible;
}

.calDtMonthTimeBdCl .mnDateContainer.appAvailInDay:hover {
    background-color: rgba(195, 217, 255, .5);
    cursor: pointer;
}

.calDtMonthTimeBdCl .mnDateContainer:hover .daysAllAppointment .availdtSpnCl {
    padding: 3px;
    background-color: #009900;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 7px;
}




.calDtMonthTimeBdCl .daysAppointmentDisplayDate {
    position: absolute;
    bottom: 5px;
    right: 5px;
    visibility: visible;
    opacity: .01;
}


.calDtMonthTimeBdCl .mnDateContainer:hover .daysAppointmentDisplayDate {
    visibility: visible;
    opacity: 1;
}


.calDtMonthTimeBdCl .mnDateContainer .TodayDateunitCl {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 3px;
    background-color: #A5BADE;
    color: #FFFFFF;
    border-radius: 0px 5px 0px 0px;
}


.calDtMonthTimeBdCl .mnDateContainer .MonthNameDateunitCl {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #333;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); /* Safari and Chrome */
    margin-bottom: 8px;
    margin-left: -5px;
    font-size: 14px;
    font-weight: bold;
}

.availTimescrollUp {
    padding: 5px;
    background: transparent url(images/btn_moreup.gif) no-repeat scroll center;
}

.availTimescrollDown {
    padding: 5px;
    background: transparent url(images/btn_moredn.gif) no-repeat scroll center;
}

.daysAllAppointmentText .notAvailableDate {
    text-decoration: none;
    color: #5F6C78;
    font-size: 11px;
    margin-top: 50%;
    background-color: Transparent;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: default;
}

.daysAllAppointmentText {
    overflow: hidden;
}

.notAvailableDate {
    /*background-color: #96A2AC;*/
    color: #96A2AC;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    vertical-align: bottom;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.lowerDivTime {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 10px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0000FF;
    text-decoration: none;
}

.upperDivTime {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 10px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0000FF;
    text-decoration: underline;
}

.availableDate {
    /*background-color:#31CBFD;*/
    color: #0000FF;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    vertical-align: bottom;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.availDateunitBlocked {
    /*position: absolute;*/
    z-index: 0;
    font-weight: bold;
    color: #EEEEEE;
    text-align: right;
    width: 100%;
}

#helpRunTimeText {
    width: 100%;
}

    #helpRunTimeText a {
        text-decoration: underline;
    }

#highLightHelpText {
    padding: 15px 10px 10px 5px;
    background-color: #FBE447;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #000000;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-color: #A5BADE;
    border-bottom-color: #A5BADE;
    border-left-color: #A5BADE;
}

*html #highLightHelpText {
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
}

/********************************** Start Common Overlay Div  *************************/

#overlayaddEBody {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    font-size: 9px;
    /*
	overflow:hidden;
	width: auto;
	height: auto;background-color: #FFFFFF; 	border: 5px solid #8F8F8F; margin-top: -200px; 	margin-left: -300px;*/
}


#overlayaddE {
    margin: 5px;
    padding: 3px;
    width: auto;
    height: auto;
    z-index: 100;
    font-size: 9px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 2;
    /*
	overflow: hidden;
margin-top: -200px; 	margin-left: -300px;*/
}

#overlayaddEOuter {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #999999;
    filter: alpha(opacity=70);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 1;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}


#addEBody {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    font-size: 9px;
    /*
	overflow:hidden;
	width: auto;
	height: auto;background-color: #FFFFFF; 	border: 5px solid #8F8F8F; margin-top: -200px; 	margin-left: -300px;*/
}


#addE {
    margin: 5px;
    width: auto;
    height: auto;
    z-index: 100;
    background-color: #FFFFFF;
    position: relative;
    z-index: 2;
    /*
	padding: 3px;
	overflow: hidden;
margin-top: -200px; 	margin-left: -300px;*/
}

#addEOuter {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #999999;
    filter: alpha(opacity=70);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 1;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}


#addEBody .topleft {
    background: url(images/bg_content_top.png) no-repeat left top;
    padding-top: 10px;
    padding-left: 10px;
    height: 10px;
    width: auto;
}

#addEBody .topright {
    background: url(images/bg_content_top.png) no-repeat right top;
    padding-top: 10px;
    padding-right: 10px;
    width: 18px;
}

#addEBody .leftborder {
    background: url(images/BG_Content.png) repeat-y;
    padding-left: 15px;
    width: auto;
}

#addEBody .rightborder {
    background: url(images/BG_Content.png) repeat-y right;
}

#addEBody .bottomleft {
    background: transparent url(images/bg_content_bottom.png) no-repeat;
    padding-left: 10px;
    padding-bottom: 10px;
    height: 10px;
}


#addEBody .bottomright {
    background: transparent url(images/BG_Content_Bottom_Right.png) no-repeat;
    padding-bottom: 10px;
}

#addEBody label {
    text-align: right;
    padding: 0 10px 0 0;
    float: left;
    width: 146px;
    color: #000;
    font-size: 12.73px;
    font-size: 12px;
}

#addEBody h1 {
    font-size: 2.8em;
    line-height: 2.6em;
    color: #333;
}

#addEBody #loginFormDiv {
    width: 456px;
    height: 250px;
}

    #addEBody #loginFormDiv a {
        color: #009BC7;
    }

    #addEBody #loginFormDiv .textBoxArea {
        width: 176px;
        height: 23px;
        font-weight: normal;
    }


/*#addE input, textarea
{
	background-color: #FCFCFC;
	font-size: 12px;
	color: #5B5B5B;
	border: 1px solid #CCCCCC;
}
#addE select
{
	background-color: #FCFCFC;
	font-size: 12px;
	color: #333333;
	border: 1px solid #CECECE;
}*/


#addE input:focus, textarea:focus {
    /*background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #999999;*/
}

#addE select:focus {
    /*background-color: #FFFFFF;*/
}



#overlay, #overlay1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 1000px;
    background-color: #E6EFFF;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#addEBody #loginFormDiv div {
    line-height: 2em;
    margin-top: 7px;
    font-size: 12px;
}
/********************************** End Common Overlay Div   **************************/
#appointyOverlayText {
    position: absolute;
    z-index: 99;
}

#innerText {
    text-align: justify;
    font-size: .90em;
    font-weight: normal;
    color: #000D1C;
    padding-left: 100px;
    padding-top: 10px;
    padding-right: 20px;
    overflow: hidden;
}

    #innerText ul {
        padding-top: 0px;
        padding-left: 7px;
    }

    #innerText li {
        background-position: left 3px;
        background-image: url(images/arrow_cir_bl.gif);
        list-style-type: none;
        vertical-align: middle;
        background-repeat: no-repeat;
        padding-left: 25px;
        margin-bottom: 4px;
        padding-bottom: 3px;
    }

#appointyOverlayTextIn {
    background-color: #F2F9FF;
    position: absolute;
    z-index: 98;
}

#staffAppointmentDiv {
    background-color: #CCCCCC;
    height: auto;
    position: absolute;
    left: 12px;
    top: 60px;
    width: 98%;
    right: 12px;
    display: none;
    z-index: 10;
}

#monthAppointmentDiv {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: auto;
    z-index: 100;
    background-color: #FFFFFF;
    border: 5px solid #8F8F8F;
    font-size: 9px;
    margin-top: -200px;
    margin-left: -300px;
}

#appSettingDiv {
    height: 400px;
    width: 380px;
    margin-top: -150px;
    margin-left: -200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    z-index: 100;
    border: 1px solid #CCCCCC;
}

#myappointmentday {
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #C0C0C0 #CCCCCC #CCCCCC #C0C0C0;
    position: absolute;
    width: 275px;
    font-size: 8px;
    color: #5D5D5D;
    z-index: 100;
    overflow: hidden;
    background-color: #FCFCFC;
}

.userNoAppointmentMessage {
    width: 250px;
    height: 70px;
}

    .userNoAppointmentMessage .userNoAppointmentMessageClose {
        vertical-align: top;
        text-align: right;
    }

    .userNoAppointmentMessage .userNoAppointmentMessageText {
        font-weight: bold;
        font-size: 18px;
        vertical-align: middle;
        color: #666666;
        text-align: center;
        text-decoration: none;
    }

#staffServiceDetail {
    background-image: url(images/sidebar_preview.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 1000;
    padding-left: 9px;
}

.framDetail {
    width: 200px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #BBBBBB;
    border-right-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
    border-left-color: #BBBBBB;
    background-color: #F7F7F7;
}

#framDetail th {
    font-size: 12px;
    font-weight: bold;
    color: #FF6600;
    text-align: left;
    vertical-align: top;
}

#SelectionContainer {
    position: absolute;
    z-index: 5;
}

#SelectionText {
    padding: 5px 5px 5px 5px;
    background-color: #C3D9FF;
}

.SelectionBoth1 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 2pt;
    margin-bottom: 0pt;
    margin-left: 2pt;
    background-color: #C3D9FF;
}

.SelectionBoth2 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 1pt;
    margin-bottom: 0pt;
    margin-left: 1pt;
    background-color: #C3D9FF;
}
/********************************** Start help pop up ***********************/


#helpContainer {
    position: absolute;
    z-index: 105;
    /*-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;*/
}

.leftBarHelpCl {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    padding: 15px 10px 15px 10px;
    border: 1px solid #000000;
    background-color: #000000;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.helpContainerRArrow {
    border-style: solid;
    border-color: transparent;
    border-width: 8px 8px 8px 0px;
    border-right-color: #000000;
    left: -8px;
    position: absolute;
    top: 14px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: left top; /*background-image: url(Images/arrowblack.png);*/
    text-indent: -1000px;
    width: 0px;
    height: 0px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    line-height: 1px;
}

#helpContainer.rightside .helpContainerRArrow {
    border-width: 8px 0px 8px 8px;
    border-left-color: #000000;
    left: auto;
    right: -8px;
}



#helpContainer .leftT {
    background-image: url(images/popup_left_top_main.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #E7FF00;
    padding-top: 15px;
    padding-left: 15px;
    font-weight: bold;
    font-size: .85em;
}

#helpContainer .rightT a.closeServiceHelp {
    border-style: none none solid solid;
    border-width: 1px;
    border-color: #808080;
    margin: 2px;
    padding: .25px 1px .25px 1px;
    font-size: .70em;
    color: #808080;
}

#helpContainer .leftB {
    background-image: url(images/popup_left_top_main.gif);
    background-position: left bottom;
}

#helpContainer .rightB {
    background-image: url(images/popup_left_top_main.gif);
    background-position: right bottom;
    width: 30px;
}

#helpContainer .rightT {
    background-image: url(images/popup_left_top_main.gif);
    background-position: right top;
    color: #E7FF00;
    padding-top: 5px;
    padding-right: 5px;
    font-weight: bold;
}
/********************************** End   help pop up ***********************/

#loadingOnAnyClick {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    text-align: right;
    padding-top: 3px;
    color: #B37800;
    font-size: .9em;
    font-weight: bold;
}

#loadingOnAnyClickInner {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    padding-top: 3px;
    background-color: #FFFFFF;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
/********************************** Start Timepicker  ***********************/

div#timepicker {
    background-color: #000000;
    width: 270px;
}

div#timepicker1 {
    background-color: #000000;
    width: 270px;
}

.headingBackColorTR {
    background-color: #FFFFFF;
}

.headingBackImageTABLE {
    width: 100%;
    background-repeat: repeat-x;
    background-color: #000000;
}

.headingTextTD {
    padding: 1px 3px 1px 6px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: bottom;
}

.timeTD {
    font-size: 10px;
    color: #4B494A;
    text-decoration: none;
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    width: 57px;
    cursor: pointer;
    border: 1px solid #E1E1E1;
    padding-top: 1px;
    padding-bottom: 1px;
    background-repeat: repeat-x;
    background-color: #d3d3d3;
    font-weight: normal;
}

.timeTDmouseOver {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: 57px;
    cursor: pointer;
    background-repeat: repeat-x;
    background-color: #CACCA8;
    font-weight: normal;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .timeTDmouseOver a {
        font-size: 10px;
        color: #b22222;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        width: 57px;
        cursor: pointer;
        background-repeat: repeat-x;
        background-color: #CACCA8;
        font-weight: normal;
    }

.timeTD a, .timeTD a:visited {
    font-size: 9px;
    font-weight: normal;
    color: #14472F;
    text-decoration: none;
}

.ampm {
    font-size: 9px;
    font-weight: normal;
    color: #44607B;
    text-decoration: none;
    padding-left: 2px;
}


a:hover {
    text-decoration: none;
    color: #D30D54;
}

.headingTextTDAMPM a {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

.headingTextCloseTD a {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

* html #timepicker1 .headingTextCloseTD .headingTextCloseLink {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}

.rtop, .rbottom, .artop, .arbottom {
    display: none;
}

.rtop, .artop {
    display: block;
}

    .rtop *, .artop * {
        display: block;
        height: 1px;
        overflow: hidden;
        font-size: 1px;
    }

    .artop * {
        border-style: solid;
        border-width: 0 1px;
    }

.r1, .rl1, .re1, .rel1 {
    margin-left: 5px;
}

.r1, .rr1, .re1, .rer1 {
    margin-right: 5px;
}

.r2, .rl2, .re2, .rel2, .ra1, .ral1 {
    margin-left: 3px;
}

.r2, .rr2, .re2, .rer2, .ra1, .rar1 {
    margin-right: 3px;
}

.r3, .rl3, .re3, .rel3, .ra2, .ral2, .rs1, .rsl1, .res1, .resl1 {
    margin-left: 2px;
}

.r3, .rr3, .re3, .rer3, .ra2, .rar2, .rs1, .rsr1, .res1, .resr1 {
    margin-right: 2px;
}

.r4, .rl4, .rs2, .rsl2, .re4, .rel4, .ra3, .ral3, .ras1, .rasl1, .res2, .resl2 {
    margin-left: 1px;
}

.r4, .rr4, .rs2, .rsr2, .re4, .rer4, .ra3, .rar3, .ras1, .rasr1, .res2, .resr2 {
    margin-right: 1px;
}

.rx1, .rxl1 {
    border-left-width: 5px;
}

.rx1, .rxr1 {
    border-right-width: 5px;
}

.rx2, .rxl2 {
    border-left-width: 3px;
}

.rx2, .rxr2 {
    border-right-width: 3px;
}

.re2, .rel2, .ra1, .ral1, .rx3, .rxl3, .rxs1, .rxsl1 {
    border-left-width: 2px;
}

.re2, .rer2, .ra1, .rar1, .rx3, .rxr3, .rxs1, .rxsr1 {
    border-right-width: 2px;
}

.rxl1, .rxl2, .rxl3, .rxl4, .rxsl1, .rxsl2, .ral1, .ral2, .ral3, .ral4, .rasl1, .rasl2 {
    border-right-width: 0;
}

.rxr1, .rxr2, .rxr3, .rxr4, .rxsr1, .rxsr2, .rar1, .rar2, .rar3, .rar4, .rasr1, .rasr2 {
    border-left-width: 0;
}

.r4, .rl4, .rr4, .re4, .rel4, .rer4, .ra4, .rar4, .ral4, .rx4, .rxl4, .rxr4 {
    height: 2px;
}

.rer1, .rel1, .re1, .res1, .resl1, .resr1 {
    border-width: 1px 0 0;
    height: 0px !important;
    height: /**/ 1px;
}


/********************************** End   Timepicker  ***********************/

.upperTdOtherText {
    background-color: #F8FBFC;
    font-size: 11px;
    text-transform: none;
}

.lowerTdOtherText {
    background-color: #fff;
    font-size: 11px;
    text-transform: none;
}


.dateboxheadBlockEven {
    /*background-color: #EEEEEE;*/
}

.dateboxheadBlockOdd {
    /*background-color: #CCCCCC;*/
}

.msg {
    font-size: 11px;
    font-weight: bold;
    color: #FF7575;
}

.italica {
    color: #CC3300;
    font-weight: bold;
}

.myEventTR {
    background-color: #EEEEEE;
}

.myEventTR1 {
    background-color: #F8F9FA;
}

.descrService {
    font-size: 14px;
    color: #666666;
    background-color: #DBDCA3;
}

.bookScreanFS {
    border-right: #99ccff 1px solid;
    padding-right: 3px;
    border-top: #99ccff 1px solid;
    padding-left: 3px;
    padding-bottom: 3px;
    border-left: #99ccff 1px solid;
    padding-top: 3px;
    border-bottom: #99ccff 1px solid;
}

    .bookScreanFS legend {
        font-weight: bold;
        font-size: 12px;
        color: #99ccff;
        text-decoration: none;
    }

.blockWeek {
    color: #D95326;
    text-decoration: line-through;
}

/*************************8 Photo Gallery ********************************/
.imageGalleryDiv {
    margin: 2px;
}

    .imageGalleryDiv .photoGalleryImage {
        padding: 3px;
        margin: 2px;
        border: 2px solid #619ADA;
        background-color: #AFD1F3;
    }

#photoGalleryDiv {
    overflow: auto;
}

    #photoGalleryDiv img {
        /*margin: 2px;*/
    }

/***********************************Detail Page*************************************/
.DetailNGalleryMailContainer {
    /*background-color: #FFFFFF;*/
}

.detailTable {
    width: 100%;
}

.Spacetd {
    padding-left: 10px;
    padding-right: 10px;
}

* html .Spacetd {
    padding-left: 10px;
    padding-right: 15px;
}

.detailTable .tdMapWidth {
    padding: 5px 10px 5px 0px;
    vertical-align: top;
}

.detailTable .detailPageImg {
    padding: 5px;
    vertical-align: top;
}

.detailTable .innerTableDetailText .TeamAndGallery {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin-top: 10px;
}

    .detailTable .innerTableDetailText .TeamAndGallery h1 {
        font-size: 12px;
        padding: 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #CCCCCC;
        margin-bottom: 3px;
    }

    .detailTable .innerTableDetailText .TeamAndGallery .TeamAndGalleryContent {
        /*border: 1px solid #CCCCCC;*/
    }

        .detailTable .innerTableDetailText .TeamAndGallery .TeamAndGalleryContent .StaffList {
            padding: 0px 5px 2px 5px;
            font-size: 13px;
            line-height: 16px;
        }



.detailTable .innerTableDetailText .detailHeading {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    /*color: #86C7F7;*/
    vertical-align: top;
    text-align: left;
    padding-top: 3px;
    width: 95%;
    padding-left: 3px;
    padding-right: 1px;
}

.detailTable .innerTableDetailText .detailAddress {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #4F4F4F;
    vertical-align: top;
    text-align: left;
    padding-top: 3px;
    width: 95%;
    padding-left: 3px;
    padding-right: 1px;
}


.detailTable .innerTableDetailText .detailPhone {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #4F4F4F;
    vertical-align: top;
    text-align: left;
    padding-top: 6px;
    width: 95%;
    padding-left: 3px;
    padding-right: 1px;
}

.detailTable .innerTableDetailText .detailEmail {
    padding: 0px 1px 10px 3px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #484848;
    vertical-align: top;
    text-align: left;
    height: 10%;
    line-height: normal;
    width: 95%;
}

.detailTable .innerTableDetailText .detailEmailLink {
    font-size: 12px;
    font-weight: normal;
    color: #0000FF;
    vertical-align: top;
    text-align: left;
    padding-top: 3px;
    padding-left: 0px;
    text-decoration: none;
}

.detailTable .innerTableDetailText .detailDesc {
    padding: 10px;
    margin: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #1A1C1E;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
    /*background-color: #f0f0f0;*/
    font-family: Arial, Helvetica, sans-serif;
}


.detailTable .innerTableDetailText .Headings h1 {
    background-position: right top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold; /*background-color: #CAE5FB;*/
    margin-bottom: 8px;
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.DeatailComDv {
    border-style: dashed;
    border-width: 1px 1px 0px 1px;
    border-color: #CCCCCC;
    background-color: #F7F7F7;
    margin-top: 10px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    padding: 10px 10px 10px 0px;
    border-radius: 4px 4px 0px 0px;
}

#DeatailComDvText {
    height: 350px;
    overflow: auto;
}

.RightSideArrow {
    position: absolute;
    background-color: #F7F7F7;
    padding: 8px;
    background-image: url(Images/arrowR.png);
}

.detailTable .innerTableDetailText .Comment {
    /*border-bottom: 1px solid #dddddd;
	padding-left: 5px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

    .detailTable .innerTableDetailText .Comment .CommentDesc {
        padding: 5px;
        font-size: 12px;
        vertical-align: top;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #CCCCCC;
        color: #333333;
    }



    .detailTable .innerTableDetailText .Comment .CommentDescL {
        color: #808080;
        font-size: 11px;
    }

.detailTable .innerTableDetailText .subheaderOnDetail {
    padding: 3px 5px 2px 3px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
}

.detailTable .innerTableDetailText .rateHeadingDetail {
    padding: 3px 5px 2px 3px;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    vertical-align: top;
    text-align: justify;
    text-decoration: none;
}


.detailTable .emptyBottom {
    height: 1%;
    width: 95%;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #DDDDDD;
}


.timeslotHead {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #7A7A7A;
    height: 20px;
    padding-left: 10px;
}

/****************************My Appoinment******************************/

.policyTextMyApp {
    font-size: 14px;
    font-weight: normal;
    color: #565454;
    line-height: 16px;
    padding-top: 20px;
}


.notAvailText {
    text-align: center;
    padding-top: 30px;
    font-size: .8em;
}


#helpRunTimeTexttable {
    padding: 0px;
    margin: 0px;
    width: 100%;
}



.dayHead {
    background-color: #E8EEF7;
    color: #5A80C0;
    font-weight: bold;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dayWeekDay {
    font-weight: normal;
    color: #7F7F81;
}

.daySerName {
    color: #0D7813;
    font-size: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding: 4px 0px 4px 4px;
}

.daySerTime {
    color: #747476;
    font-size: 10px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    padding: 4px 0px 4px 4px;
}
/**********************************Staff Detail On Client***********************************/
#mainDiv {
    background-color: #FFFFFF;
}

#mainContainerOfStaffDetail {
    background-position: left top;
    background-image: url(Image/staffDetailBackImg.png);
    background-repeat: repeat-x;
}

.staffDetailMainTable {
    width: 100%;
    border-style: none dashed none dashed;
    border-width: 0px 1px 0px 1px;
    border-color: #FFFFFF #EFEFEF #FFFFFF #EFEFEF;
}

    .staffDetailMainTable .staffDetailHeadTd {
        padding: 3px 0px 3px 0px;
        border-style: none none solid none;
        border-width: 0px 0px 2px 0px;
        border-color: #FFFFFF #FFFFFF #EFEFEF #FFFFFF;
        color: #5791D7;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        text-transform: capitalize;
        background-color: #F1F4FA;
    }

    .staffDetailMainTable .staffDetailInfoTdImg {
        padding: 4px 0px 4px 0px;
        vertical-align: middle;
        text-align: center;
    }

        .staffDetailMainTable .staffDetailInfoTdImg .staffDetailInfoImg {
            padding: 3px;
            background-color: #C3D9FF;
            border: 1px solid #dcdcdc;
        }

    .staffDetailMainTable .staffDetailInfoTdTextHead {
        padding: 3px 0px 3px 15px;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
    }

    .staffDetailMainTable .staffDetailInfoTdText {
        padding: 3px 40px 10px 20px;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #666666;
    }

    *html .staffDetailMainTable .staffDetailInfoTdText {
        padding: 3px 20px 10px 20px;
    }

        .staffDetailMainTable .staffDetailInfoTdText strong {
            color: #333333;
        }

    .staffDetailMainTable .staffDetailInfoTdTextname {
        padding: 3px 0px 3px 20px;
    }


    .staffDetailMainTable .staffDetailInfoTdTextHeadLongDesc {
        border: 0px none #FFFFFF;
        padding: 0px 0px 3px 5px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #000000;
    }

    .staffDetailMainTable .staffDetailInfoTdTextLongDesc {
        border: 0px none #FFFFFF;
        padding: 0px 0px 3px 3px;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #333333;
    }



    .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv {
        background-color: #FFFFFF;
        border-bottom: 1px solid #cccccc;
        margin: 5px 5pt 5px 0pt;
        padding: 8px;
        width: 100%;
        float: left;
        text-align: left;
    }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv h1 {
            font-size: 115%;
            font-weight: bold;
            margin: 0pt 0pt 5px;
            color: #53A1EB;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv h2 {
            font-size: 110%;
            font-weight: bold;
            margin: 0pt 0pt 5px;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv .imageclass {
            float: right;
            padding: 2px;
            margin-right: 5px;
            margin-bottom: 5px;
            margin-left: 5px;
            background-color: #FFFFFF;
            border: 1px solid #cccccc;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv dl {
            font-size: 11px;
            color: #777777;
        }



    .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv2 {
        background-color: #FFFFFF;
        margin: 5px 5pt 5px 0pt;
        width: 100%;
        float: left;
        text-align: left;
        padding-right: 8px;
        padding-left: 8px;
    }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv2 h1 {
            font-size: 130%;
            font-weight: bold;
            margin: 0pt 0pt 5px;
            color: #5F3775;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv2 h2 {
            font-size: 110%;
            font-weight: normal;
            margin: 0pt 0pt 1px;
            font-style: italic;
            color: #333333;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv2 .imageclass {
            float: left;
            padding: 2px;
            margin-right: 5px;
            margin-bottom: 5px;
            margin-left: 5px;
            background-color: #FFFFFF;
            border: 1px solid #cccccc;
        }

        .staffDetailMainTable .staffDetailInfoTdText .mainWhiteBoxDiv2 dl {
            font-size: 11px;
            color: #777777;
        }

/**********************************Appointment without Login********************************/
/*.mainContainerTD1
{
	padding-left: 5px;
	padding-right: 8px;
}
.mainContainerTD2
{
	padding-left: 8px;
}*/
.mainContainerTD1 .loginsignUpPadding {
    padding-left: 30px;
}

.membersignup1ain .membersgnup1 input[type=text] {
    font-size: 12px;
    width: 140px;
    font-weight: normal;
    color: #858585;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
}

.membersignup1ain .membersgnup1 input[type=password] {
    font-size: 12px;
    width: 140px;
    font-weight: normal;
    color: #858585;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
}

.membersignup1ain .membersgnup1 textarea {
    font-size: 12px;
    font-weight: normal;
    color: #858585;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
}

.loginDvRow {
    padding: 5px;
}

    .loginDvRow a {
        color: #0000FF;
        text-decoration: underline;
    }

.loginTableHeadingTD {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 2px;
    padding-bottom: 15px;
}

.noteBoder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    padding-bottom: 3px;
}

.note {
    color: #727272;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: center;
}

.loginTableHeading {
    font-size: 18px;
    font-weight: bold;
    color: #0F0F0F;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#addE .signupTableHeading {
    font-size: 18px;
    font-weight: bold;
    color: #0F0F0F;
    margin-top: 5px;
    /*margin-bottom: 5px;
	padding-top: 5px;*/
    padding-bottom: 5px;
    vertical-align: top;
}

#addE .logingBoxMHd {
    text-align: left;
    width: 100%;
}

.loginTableSubHeadingTD, .loginTableSubHeadingTDHD {
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #0F0F0F;
}

.loginTableSubHeadingTDHD {
    width: 70px;
}

.loginTableRememberTD {
    font-size: 12px;
    font-weight: normal;
    color: #0F0F0F;
    padding-top: 5px;
    padding-bottom: 5px;
}

.deatilText {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #CC3300;
    text-align: center;
}

.headerCommentsTd {
    font-size: 12px;
    font-weight: bold;
    color: #A82724;
    text-align: left;
    padding-bottom: 5px;
}

.signupErrMsgs {
    font-size: 10px;
    color: Red;
    font-weight: normal;
    font-family: verdana;
}

.signUpButtonTD {
    padding-left: 70px;
}

*html .signUpButtonTD {
    padding-left: 70px;
    height: 65px;
}

.signUpButtonSpan {
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.signUpButtonTD .signUpButtonSpan a {
    color: #5B9EE1;
}

    .signUpButtonTD .signUpButtonSpan a:link {
        color: #5B9EE1;
    }

    .signUpButtonTD .signUpButtonSpan a:hover {
        color: #5B9EE1;
    }

.signUpButton {
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

*html .signUpButton {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
}

.signupTableHeadsTd {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    width: 85px;
    padding-left: 30px;
    padding-bottom: 5px;
}

.signupFriendlyTxt {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #7D7D7D;
}

.signupTableDataTd {
    /*width: 40%;*/
}

    .signupTableDataTd a {
        color: #0000FF;
        text-decoration: underline;
    }

    .signupTableDataTd sup {
        font-family: Arial;
        font-size: 10px;
        font-weight: bold;
        color: #FF3300;
        padding-left: 1px;
    }

#addE .signupTableDataTd input {
    padding: 3px 2px 3px 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #858585;
}

.loginsignUpPadding sup {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #FF3300;
    padding-left: 1px;
}
/*#addE .loginsignUpPadding input, #addE .loginsignUpPadding textarea,#addE .loginsignUpPadding select
{
	padding: 1px 2px 1px 2px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #858585;
}*/
#addE .signupTableDataTd .formOnAppButton {
    border: 1px solid #FF8F20;
    padding: 3px 2px 3px 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-color: #FFC488;
}

#addE .signupTableDataTd .formOnAppButtonMover {
    border: 1px solid #A7CC26;
    padding: 3px 2px 3px 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-color: #DAEC9B;
}

#addE .signupTableDataTd .CountryDdlBox {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #858585;
    padding: 0px;
    margin: 0px;
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
    width: 110px;
}

    #addE .signupTableDataTd .CountryDdlBox:hover {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        color: #858585;
        padding: 0px;
        margin: 0px;
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
    }

.divider {
    background-image: url(Images/grdline.png);
    background-repeat: repeat-y;
    background-color: #00FFFF;
}

.forgotPassLinkTD .forgotPassLinkSpan a, .forgotPassLinkTD .forgotPassLinkSpan a:link, .forgotPassLinkTD .forgotPassLinkSpan a:hover, .deatilText .forgotPassLinkSpan a, .deatilText .forgotPassLinkSpan a:link, .deatilText .forgotPassLinkSpan a:hover {
    color: #5B9EE1;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

/****************************************End************************************************/


.rightBodyloading {
    background-color: #F9F9F9;
}

#availTimeSlot {
    border-top-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-color: #CCDDEE;
    border-right-color: #CCDDEE;
}

    #availTimeSlot td {
        vertical-align: top;
        text-align: left;
        border-color: #CCDDEE;
        border-style: solid none solid solid;
        border-width: 0px 1px 1px;
    }

    #availTimeSlot .slotHeader {
        color: #1D1D1D;
        font-size: 13px;
        padding: 3px 0 3px 15px;
        text-transform: uppercase;
        box-sizing: border-box;
    }

.slotBottomHelp {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCDDEE; /*background-color: #E8EEF7;*/
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #CCDDEE;
    border-left-color: #CCDDEE;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 17px;
    padding-bottom: 3px;
}

#availTimeSlot td a {
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    margin: 2px 0px;
    display: block;
    padding-left: 15px;
}

/***************************Forgot password**************************/
#addEBody #loginFormDivForgot {
    width: 456px;
    height: 250px;
}

    #addEBody #loginFormDivForgot a {
        color: #009BC7;
    }

    #addEBody #loginFormDivForgot .LinkStyleButton {
        border: 0px none #FFFFFF;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #009BC7;
        text-decoration: none;
        background-color: #FFFFFF;
        cursor: pointer;
    }

    #addEBody #loginFormDivForgot .textBoxArea {
        width: 176px;
        height: 23px;
        font-weight: normal;
    }

    #addEBody #loginFormDivForgot div {
        line-height: normal;
        margin-top: 7px;
        font-size: 12px;
    }

    #addEBody #loginFormDivForgot .forgotPassHeading {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #333333;
        text-align: left;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
    }

    #addEBody #loginFormDivForgot .forgotPassMess {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #111111;
        text-align: justify;
        line-height: 20px;
        clear: both;
        padding-bottom: 5px;
    }

    #addEBody #loginFormDivForgot .enterUsernameForPass {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #1E1E1E;
        text-align: center;
        padding-top: 10px;
    }

    #addEBody #loginFormDivForgot .button {
        border: 0px none #C3D9FF;
        padding: 3px;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #333333;
        background-color: #C3D9FF;
    }

    #addEBody #loginFormDivForgot label {
        text-align: left;
        padding: 0 10px 0 0;
        float: left;
        width: 136px;
        color: #000;
        font-size: 12.73px;
        font-size: 12px;
    }
/************************************Check available Appointment Start**************************/
.userSelectedAppointment .userSelectedAppointmentHeading {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentHeadingBl {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentHeadingBr {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentText {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
}

.userSelectedAppointment .userSelectedAppointmentTextBl {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 4px;
    padding-bottom: 4px;
    /*border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #C3D9FF;*/
    padding-left: 2px;
}

.userSelectedAppointment .userSelectedAppointmentTextBr {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 4px;
    padding-bottom: 4px;
    /*border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C3D9FF;*/
    padding-left: 2px;
}

.userSelectedAppointment .userSelectedAppointmentBottom0 {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.userSelectedAppointment .userSelectedAppointmentBottom1 {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E8F0FF;
    padding-left: 3px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #C3D9FF;
    border-bottom-color: #C3D9FF;
    border-left-color: #C3D9FF;
}

.userSelectedAppointment .convertedCurrency {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #333333;
    vertical-align: middle;
}

.userSelectedAppointment .userSelectedAppointmentBottom0 .etcInfoReq {
    padding: 4px;
    margin: 2px 2px 2px 0px;
    border: 1px solid #F7D179;
    background-color: #FFFFCC;
    width: 288px;
}

.userAppointmentPayingDetail .userAppointmentPayingDetailHeading {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.userAppointmentPayingDetail .userAppointmentPayingDetailText {
    /*border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #C3D9FF;
	border-bottom-color: #C3D9FF;
	border-left-color: #C3D9FF;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    padding: 4px 2px 4px 2px;
    color: #232323;
}

.userAppointmentPayingDetail .userAppointmentPayingDetailTextBt {
    
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    padding: 4px 2px 4px 2px;
    color: #232323;
}

.userAppointmentPayingDetail .userAppointmentPayingDetailNote {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #CC3300;
    margin-top: 15px;
    margin-bottom: 4px;
}
/************************************Check available Appointment End****************************/
/************************************My Appointment Start**************************/
.myAppTopHeading {
    /*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #232323;*/
}

    .myAppTopHeading .myAppTopHeadingText {
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #232323;
        vertical-align: middle;
        text-align: left;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 2px;
    }

        .myAppTopHeading .myAppTopHeadingText .myAppTopHeadingTextlink {
            padding: 0px;
            margin: 0px;
            color: #82B0FF;
            font-size: 13px;
            font-weight: bold;
            font-style: normal;
            font-variant: normal;
            text-decoration: underline;
        }

.myAppTopHeadingInner {
    border-style: solid;
    border-width: 1px;
    border-color: #C3D9FF;
}

    .myAppTopHeadingInner .myAppTopHeadingInnerText {
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #232323;
        vertical-align: middle;
        text-align: left;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: #E8F0FF;
        padding-left: 4px;
    }

    .myAppTopHeadingInner .myAppTopInnerText {
        padding: 4px 2px 4px 4px;
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #232323;
        vertical-align: middle;
        text-align: left;
    }

.appointyPageHeading {
    border-bottom: 1px dotted #6699FF;
    color: #333333;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 2px;
    cursor: pointer;
    text-transform: capitalize;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-right: 3px;
    margin-left: 3px;
}
/*************************** xGallery ***********************************/


#xhContainer {
    clear: both;
}

#galleryLeft {
    float: left;
    width: 18px;
    cursor: pointer;
    background-image: url(images/left3-enabled.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

#galleryBody {
    float: left;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

    #galleryBody table {
        padding: 0px;
        margin: 0px;
    }

    #galleryBody table {
        margin: 0px;
        padding: 0px;
        border: 0px none #FFFFFF;
    }

    #galleryBody td {
        padding: 2px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #7AB2DD;
        border-right-width: 0px;
        border-right-style: solid;
        border-right-color: #7AB2DD;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #7AB2DD;
        border-left-width: 0px;
        border-left-style: solid;
        border-left-color: #7AB2DD;
        background-color: #fff;
        vertical-align: middle;
        text-align: center;
    }

        #galleryBody td div {
            border: 0px solid #DBDBDB;
            background-color: #fff;
            padding: 2px;
            text-align: center;
            vertical-align: middle;
        }

#galleryRight {
    float: left;
    width: 18px;
    height: 10px;
    cursor: pointer;
    background-image: url(images/right3-enabled.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.loadingTx {
    background-color: #990000;
    color: #FFFFFF;
    padding: 5px;
}

.emailHelpTx {
    font-size: .7em;
}

.StarTwo ul.star {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 85px;
    height: 20px;
    left: 0px;
    top: -5px;
    float: left;
    background: url(../../Rating/media/stars.gif) repeat-x;
    background-position: left -25px;
    cursor: pointer;
}

.StarTwo li {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 85px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    padding: 0;
}

    .StarTwo li.curr {
        background: url(../../Rating/media/stars.gif) left 0px;
        font-size: 1px;
    }

.StarTwo div.user {
    float: left;
    font-size: 11px;
    font-family: Arial;
    color: #333;
    padding-right: 10px;
}

.detailContantRatingTdHead {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #5B5B5B;
    width: 100px;
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
}

spiffy {
    display: block;
}

.spiffy * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #C3D9FF;
}

.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #e5eeff;
    border-right: 1px solid #e5eeff;
    background: #d2e2ff;
}

.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #f9fbff;
    border-right: 1px solid #f9fbff;
    background: #cee0ff;
}

.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #cee0ff;
    border-right: 1px solid #cee0ff;
}

.spiffy4 {
    border-left: 1px solid #e5eeff;
    border-right: 1px solid #e5eeff;
}

.spiffy5 {
    border-left: 1px solid #d2e2ff;
    border-right: 1px solid #d2e2ff;
}

.spiffyfg {
    padding: 5px 5px 5px 5px;
    background: #C3D9FF;
}

.spiffyfgDay {
    padding: 2px;
    background: #C3D9FF;
}

.spiffyhead {
    font: bold 12px Verdana, sans-serif;
    /*padding-left: 5px;
    padding-bottom: 5px;*/
}
/********************When no left Bar********************/
.serviceNameNoLeftPane {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0px;
}

.serviceTimeCostTop {
    font-size: 13px;
    font-weight: normal;
    color: #454545;
    padding-bottom: 0px;
}

.topMenuNoLeftBar {
    font-size: 12px;
}

    .topMenuNoLeftBar #ap_header {
        height: auto;
    }

    .topMenuNoLeftBar #navBar {
        background-color: #fff;
        margin-left: 2px;
        margin-top: 0px;
    }

        .topMenuNoLeftBar #navBar #monthDiv {
            font-size: 14px;
            font-weight: bold;
            color: #C3D9FF;
            padding: 0px;
            line-height: 50px;
            width: 300px;
            position: absolute;
        }

            .topMenuNoLeftBar #navBar #monthDiv .MyappointyLogo {
                font-size: 18pt;
                color: #C3D9FF;
                padding-left: 15px;
            }

            .topMenuNoLeftBar #navBar #monthDiv #user {
                color: #ffffff;
                letter-spacing: 0.2em;
                margin-top: 0px;
                line-height: 30px;
            }

        .topMenuNoLeftBar #navBar #topMenu {
            margin-top: 5px;
            border-right-width: 0px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            text-align: right;
        }

        .topMenuNoLeftBar #navBar a, .topMenuNoLeftBar .topLinks a:visited {
            background-color: transparent;
            font-size: 1.05em;
            font-weight: normal;
            padding-top: 2px;
            padding-right: 6px;
            padding-bottom: 2px;
            padding-left: 6px;
            text-decoration: underline;
            margin: 1px;
        }

#loginDt, #loginDt a:visited {
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    margin: 1px;
    text-decoration: underline;
}

#loginDt {
    text-decoration: none;
}

.ListOfServiceWhenNoLeftBar {
    font-size: 12px;
    font-weight: normal;
    color: #1A1A1A;
    padding: 5px;
    border: 1px solid #99CCFF;
    background-color: #D9ECFF;
    position: absolute;
    z-index: 102;
    overflow: auto;
}

    .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarHD {
        padding: 5px 10px 5px 10px;
        font-size: 11px;
        color: #000000;
    }

    .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData1 {
        padding: 5px 10px 5px 10px;
        font-size: 13px;
        /*color: #000000;*/
        background-color: #fff;
        border-bottom: 1px dotted #CCCCCC;
    }

    .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData2 {
        padding: 3px 10px 3px 10px;
        font-size: 14px;
        /*color: #000000;*/
        background-color: #fff;
        border-bottom: 1px dotted #CCCCCC;
    }

.selectionTypeName {
    width: 145px;
    padding-left: 10px;
}

.onmouseoverChoose {
    border: 1px solid #99CCFF;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    width: 145px;
    padding-top: 3px;
    padding-bottom: 2px;
}

.onmouseoverChooseImg {
    background-color: #99CCFF;
    border-style: solid none solid solid;
    border-width: 1px 0px 1px 1px;
    border-color: #99CCFF;
    cursor: pointer;
}

.onmouseoutChoose {
    /*border: 1px solid #ddd;*/
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    width: 145px;
    padding-top: 3px;
    padding-bottom: 2px;
}

.onmouseoutChooseImg {
    background-color: #F3F3F3;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0px;
    border-color: #ddd;
    cursor: pointer;
}

#serviceListWhenNoLeftBar {
    overflow: auto;
}

.SingaleSevWithCandT {
    padding-left: 5px;
    /*width:250px;*/
}

.SingaleSevWithCorT {
    padding-left: 5px;
    /*width:170px;*/
}

.SingaleSev {
    padding-left: 5px;
    /*width:150px;*/
}


.currentLocation {
    width: 145px;
}

.currentLocationD {
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 3px;
    text-align: center;
    width: 145px;
}

.currentLocationDImg {
    margin: 0px;
    padding: 0px;
    border-style: solid;
    border-width: 7px 5px 0px 5px;
    border-color: #777 transparent transparent transparent;
    cursor: pointer;
    font-size: 0px;
    position: absolute;
    top: 6px;
    right: 3px;
}

.currentTimezoneDImg {
    padding: 5px 7px 5px 7px;
    background-position: center center;
    background-color: #F3F3F3;
    border-style: solid none solid solid;
    border-width: 1px 0px 1px 1px;
    border-color: #F3F3F3;
    cursor: pointer;
    background-image: url(Images/menu_arrow_hover.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    display: inline-block;
}

#locationList {
    display: none;
}

    #locationList td {
        width: 136px;
    }

.locationTpD .currentLocationD {
    border: 1px solid #99CCFF;
}

.locationTpD .currentLocationDImg {
    /*background-color: #99CCFF;
	border-color: #99CCFF;*/
}

.locationTpD #locationList {
    display: block;
}

/********************When no left Bar********************/
/********************Booking option start********************/
.bookingOptionHead {
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    color: #202020;
}

.bookingOptionsText {
    font-family: Verdana;
    font-size: 14px;
    color: #0A0A0A;
}

.bookingBullet {
    text-align: right;
    vertical-align: top;
    width: 40px;
}

.BookingOptionTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
/********************Booking option End********************/
#addE .formOnAppButton {
    border: 1px solid #FF8F20;
    padding: 3px 2px 3px 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-color: #FFC488;
}

#addE .formOnAppButtonMover {
    border: 1px solid #A7CC26;
    padding: 3px 2px 3px 2px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-color: #DAEC9B;
}

.userLoginHeadLogo {
    font-family: Verdana;
    font-size: 26px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #666666;
}

.userLoginHeadText {
    font-family: Verdana;
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 5px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #666666;
    text-align: right;
    font-style: italic;
}

.userLoginHeadFeild {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: right;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
}

.userLoginHeadInput {
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
}

.userLoginHeadButtonTD {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

.userLoginHeadMess {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: #FF3300;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dropDownLoading {
    font-family: Verdana;
    font-size: 10px;
    font-style: italic;
    color: #666666;
    text-align: center;
    vertical-align: middle;
    width: 110px;
}

.contronTableCRC .textCRC select {
    border: 1px solid #333333;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    background-color: #CCCCCC;
    color: #333333;
}

.userSelectedAppointment .talignRight {
    text-align: right;
    padding-right: 5px;
}

#appCommentSPAN td, #adonsServiceListTxtOnBooking td {
    font-size: 11px;
}

.errMsg {
    color: #CC3300;
}

.customQuC {
    text-align: right;
}

#appCommentSPAN td.customNoteC, #adonsServiceListTxtOnBooking td.customNoteC {
    font-weight: bold;
    text-align: left;
}

.signupScrollEff {
    visibility: hidden;
    overflow: hidden;
    height: 338px;
}

.signupScrollEffEnd {
    display: none;
}

#LoginEffTd, #SignupEffTd {
    /*width:514px;*/
}

.allLoginText {
    border: 1px solid #E0E0E0;
    /*width: 450px;
	padding: 10px;*/
    height: 300px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FCFCFC;
    border-radius: 4px;
}

.loginRightMenuB {
    padding-bottom: 0px;
    position: relative;
}
    /*
.loginRightMenuB li
{
	padding: 5px;
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #E0E0E0;
	background-color: #EEEEEE;
	cursor: pointer;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px; -moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;
	position: relative;
	left: -1px;
}
*/
    .loginRightMenuB li {
        padding: 5px;
        list-style-type: none;
        margin: 5px 5px 0px 5px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #E0E0E0;
        background-color: #EEEEEE;
        cursor: pointer;
        -moz-border-radius: 0px 4px 4px 0px;
        -webkit-border-radius: 0px 4px 4px 0px; /*-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;*/
        border-radius: 0px 4px 4px 0px;
        position: relative;
        bottom: -1px;
        float: left;
    }


        .loginRightMenuB li.selectedLogin {
            background-color: #FCFCFC;
            border-bottom-color: #FCFCFC;
        }

#SignupEffTdText {
    width: 35px;
    vertical-align: middle;
}

.SignupEffTdTextHd {
    visibility: hidden;
    /*display:none;*/
    overflow: hidden;
    width: 0px;
}

#LoginEffTdText {
    width: 35px;
    vertical-align: middle;
    cursor: pointer;
}

.dotteddiv {
    border-width: 1px;
    border-color: #808080;
    height: 1px;
    border-top-style: dotted;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.macErr {
    padding: 5px 5px 5px 10px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

    .macErr a {
        color: #0000FF;
    }

        .macErr a:hover {
            color: #0000FF;
            text-decoration: underline;
        }

.countryCode {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #888888;
}

.disCountedPriceSp {
    color: #990000;
}

#ddParentBox {
    position: absolute;
    border: 1px solid #808080;
    background-color: #FFFFFF;
    overflow: auto;
    z-index: 100;
}

.updateTmdiv {
    padding: 3px 5px 3px 5px;
    color: #333333;
}

    .updateTmdiv:hover {
        background-color: #D6E9F8;
        text-decoration: underline;
        cursor: pointer;
    }

.searchStr {
    font-weight: bold;
    color: #000000;
}

.activeSearchRst {
    background-color: #A0CCEF;
}

.dtTime {
    width: 70px;
}

.updateTmdivOver {
    background-color: #D6E9F8;
}

#availTimeSlot td a.BookedCrossTime, .BookedCrossTime {
    color: #CC3300;
    text-align: center;
    cursor: text;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 15px;
}


.paymentOptD {
    /*float: left;
	padding-right: 10px;*/
}

/*.paymentOptD span{float: left;}*/

#allBookingOrder {
    padding: 3px 7px 3px 7px;
    float: right;
    background-color: #CC6600;
    color: #FFFFFF;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

#addMoreTime {
    border: 1px solid #CCCCCC;
    padding: 3px;
    font-size: 12px;
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #CC6600;
    text-align: center;
}

#allMoreTimeBox {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 3px 5px 3px 5px;
    position: absolute;
    width: 150px;
}

#allBottomLink {
    float: right;
}




/***************************DROPDOWN DATEPICKER CSS START**************************************/
table.calendar {
    font-size: 0.8em;
    border-collapse: collapse;
    background-color: white;
    border: solid #999999 1px;
    background-color: white;
    width: 215px;
    text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
    -moz-user-select: none;
    user-select: none;
    z-index: 2000; /*-khtml-user-select: none;*/
}

    table.calendar a {
    }

        table.calendar a:hover {
        }

    table.calendar input, table.calendar select {
        font-size: 10px;
    }

    table.calendar td, table.calendar th {
        border: 0;
        font-size: 10px;
        text-align: center;
    }

div.mainheading {
    margin: 2px;
}

    div.mainheading div.closeBtn {
        float: right;
        color: red;
    }
/*all styles related to the main calendar grid*/
table.cells {
    border-collapse: collapse;
    border: solid #CCCCCC 1px;
    cursor: pointer;
    empty-cells: show;
    margin: 0 6px 0 6px;
}
    /*the day headings*/
    table.cells th {
        border: solid #CCCCCC 1px;
        text-align: left;
        font-weight: bold;
        color: #0054E3;
        width: 22px;
    }

        table.cells th.wkhead {
            border-right: double #CCCCCC 3px;
            cursor: default;
            width: 22px;
        }
    /*The date cells*/
    table.cells td {
        border: solid #CCCCCC 1px;
        vertical-align: top;
        text-align: left;
        font-weight: bold;
        height: 20px; /*IE doesn't like ems*/
    }

        table.cells td.wkhead {
            background-color: white;
            text-align: center;
            border-right: double #CCCCCC 3px;
            color: #0054E3;
        }

        table.cells td.noselect {
            background-color: #EEEEEE;
            color: #BBBBBB;
            text-decoration: line-through;
            cursor: default;
        }

        table.cells td.hlday {
            background-color: #99FF99;
        }

        table.cells td.wkday {
            background-color: #DDDDDD;
        }

        table.cells td.wkend {
            background-color: #DDDDDD;
        }

        table.cells td.curdate {
        }

        table.cells td.cell_selected {
            background-color: #99CCFF;
            color: black;
        }

        table.cells td.notmnth {
            background-color: #FFFFFF;
            color: #CCCCCC;
        }

        table.cells td.notallowed {
            background-color: white;
            color: #EEEEEE;
            font-style: italic;
        }

        table.cells td.hover {
            background-color: #999999;
        }

        table.cells td div {
            padding: 1px;
            margin: 0;
        }


/***************************DROPDOWN DATEPICKER CSS END****************************************/


/*************** Recuring page *************/

.clear {
    padding: 0px;
    margin: 0px;
    clear: both;
    font-size: 0px;
}

div.recuringHdBlock {
}

#recAvaiApDTL {
    /*margin: 5px;
	padding-bottom: 10px;*/
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #C3D9FF;
    min-height: 150px;
}

#recurAppointment {
    /*margin: 5px;
	padding-bottom: 10px;*/
    /*border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #C3D9FF;
	overflow: auto;
	max-height:250px;*/
}

    #recurAppointment a {
        text-decoration: underline;
    }

    #recurAppointment .userSelectedAppointmentTextBl, #recAvaiApDTL .userSelectedAppointmentTextBl {
        border-left-width: 0px;
    }

    #recurAppointment .userSelectedAppointmentTextBr, #recAvaiApDTL .userSelectedAppointmentTextBr {
        /*border-right-width:0px;*/
    }

#recurContainer {
    /*border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #C3D9FF;
    background-color: #E8F0FF; margin: 5px;*/
    padding: 10px 5px 10px 5px;
    margin-top: 5px;
}

#recurTypeAllCondition {
    /*border-top-style: dotted;
	border-color: #C0C0C0;*/
    border-width: 1px;
    padding-top: 10px;
    float: left;
}

.recurDateHD {
    border-bottom: 1px solid #C3D9FF;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 3px 5px 3px 5px;
    background-color: #E8F0FF;
}

.recServiceName {
    font-size: 13px;
}

.recServiceDtl {
    color: #B3B3B3;
    font-size: 11px;
}

.recAvail {
    color: #009900;
}

.recNotAvail {
    color: #990000;
}

.recNotAvailnew {
    padding: 5px;
    color: #808080;
    display: block;
}

    .recNotAvailnew a {
        text-decoration: underline;
    }

.recurType, .recurdaysContain, .recRepContain {
    float: left;
}

.recurdaysContain, .recRepContain {
    padding-left: 2px;
}

.recurdaysContainSub {
    float: left;
}

#selectedWeekDayTxt {
    border: 1px solid #CCCCCC;
    padding: 4px 16px 4px 7px;
    background-color: #FFFFFF;
    background-image: url( "Images/menu_arrow_hover.gif" );
    background-position: right center;
    background-repeat: no-repeat;
}

#selectedWeekDayDrop {
    position: absolute;
    width: 150px;
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #FFFFFF;
}


.group {
    padding: 3px;
}

.recurGlo {
    margin-bottom: 0px;
}

    .recurGlo h4, .recDatCl h4 {
        padding-right: 1px;
        font-size: 11px;
        display: inline-block;
        color: #999999;
    }


.recDatCl {
    float: left;
    padding-right: 10px;
    margin-bottom: 0px;
}

#recurMsg {
    background-position: 10px center;
    /*background-color: #FFFFA4;
	border: 1px solid #FFFF66;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 30px;
    font-size: 12px;
    display: block;
    background-image: url(Images/info.png);
    background-repeat: no-repeat;
}

.recurBtDates td {
    padding-right: 5px;
}


#recAllAvailableTime, #recRemoveTime {
    border: 1px solid #CCCCCC;
    width: 100px;
    position: absolute;
    z-index: 201;
    top: 100px;
    background-color: #FFFFFF;
}

.recAllAvailableTimeCon {
}

#recRemoveTime {
    width: 200px;
}

.removeMsg {
    padding: 5px;
    font-size: 12px;
}

#recRemoveTimeDecision {
    padding: 5px 5px 15px 5px;
    text-align: center;
}

.removeYN {
    padding: 3px 10px 3px 10px;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    margin-right: 10px;
    cursor: pointer;
}

.recAllAvailableTimeTopArrow {
    background: transparent url(images/upsignarrow.png) no-repeat scroll center center;
    position: absolute;
    top: -10px;
    left: 46px;
    z-index: 202;
    padding-top: 10px;
    padding-left: 13px;
}

#recAllAvailableTimeTopScroll {
    padding: 5px;
    background: #F4F8FB url(images/btn_moreup.gif) no-repeat scroll center center;
}

#recAllAvailableTimeBottomScroll {
    padding: 5px;
    background: #F4F8FB url(images/btn_moredn.gif) no-repeat scroll center center;
}

#recAllAvailableTimeText {
    height: 170px;
    overflow: auto;
    text-align: center;
}

.recAvailTimeListDv {
    color: #0000FF;
    cursor: pointer;
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-align: left;
}

    .recAvailTimeListDv .timeSpan {
        text-decoration: underline;
    }

.ontAvailCl {
    background-color: #FFE1E1;
}

.errMsgForNotAvailableApp {
    margin-bottom: 5px;
    background-color: #FFFBF4;
    border: 2px solid #FFCF88;
    color: #CC3300;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
}

#redMsgBlock, #redMsgDisApply {
    text-align: left;
    font-size: 12px;
    padding-top: 5px;
}

.redMsg {
    width: 305px;
    padding: 5px 5px 5px 28px;
    border: 1px solid #FFC4C4;
    position: absolute;
    z-index: 202;
    top: 100px; /*font-weight: bold;*/
    background: #FFFFFF url(images/error_bang.gif) no-repeat scroll;
    background-color: red;
    background-position: 5px 10px;
    color: #FFFFFF;
}

.recAllAvailableTimeBottomArrow {
    background: transparent url(images/downsignarrow.png) no-repeat scroll center center;
    position: absolute;
    bottom: -10px;
    right: 56px;
    z-index: 202;
    padding-top: 10px;
    padding-left: 13px;
}





.recAllAvailableTimeBottomArrowOutter {
    padding: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #FFC4C4 transparent transparent transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -10px;
    z-index: 1;
    right: 56px;
}

.recAllAvailableTimeBottomArrowInner {
    padding: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 9px 9px 0px 9px;
    border-color: red transparent transparent transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -9px;
    z-index: 2;
    right: 55px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrow {
    right: 40px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrowOutter {
    right: 40px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrowInner {
    right: 39px;
}


.redMsgBt {
    padding-bottom: 5px;
    text-align: right;
}

.datepicker, .timepicker {
    background-image: url(../../../images/datepicker.jpeg);
    background-position: right center;
    padding-right: 15px;
    background-repeat: no-repeat;
    width: 70px;
}

.timepicker {
    background-image: url(../../../images/timepicker.jpeg);
}

.firstTimeO {
    position: absolute;
    z-index: 100;
    background-color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.afterFBPopUpHead {
    padding: 2px 5px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.afterFBPopUpsub {
    padding: 2px 5px 10px 5px;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    font-style: italic;
}


/*************** social Invite block *************/

.socialInvBlock {
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #C6CEE1;
    padding: 20px 10px 30px 10px;
    text-align: center;
}

.SocialHd {
    color: #3B5998;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

.socialSubH {
    color: #5C74C8;
    font-size: 12px;
    padding-bottom: 10px;
}

a.button {
    /* background: url(images/button.gif);*/
    background-color: #FAFAF2;
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 500px;
    border: solid 1px #f2f2f2;
}

a:hover.button {
    color: #0066CC;
}

.add {
    background: url(images/twitterbird.png) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.rule {
    width: 100%;
    border-bottom: 1px solid #A6C9E2;
    margin-bottom: 8px;
}

.widget_box {
    border: solid 1px #dcdcdc;
    padding: 5px;
    width: 300px;
}

    .widget_box td {
        padding-bottom: 5px;
    }

.message {
    /* background: url(images/button.gif);*/
    background-color: #FAFAF2;
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none; /*width: 500px;*/
    border: solid 1px #f2f2f2;
    margin-top: 15px;
}





/********** testing ***********/

.mainFooter {
    clear: both;
    width: 100%;
    background-color: #000000;
    padding-top: 10px;
}

.mainFootertemp {
    margin: 10px auto 0;
    width: 950px;
}

.footer1 a {
    color: #575757;
    text-decoration: underline;
}

#blog {
    background-image: url("../../../Web/images/shout-box.gif");
    background-repeat: no-repeat;
    color: #9B9A9C;
    float: left;
    font-size: 11px;
    height: 130px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
    width: 337px;
}

#blogHeading {
    font-size: 12px;
    padding-bottom: 5px;
}

#blog a {
    color: #FDCF00;
}

#questions {
    background-image: url("images/qs.gif");
    background-repeat: no-repeat;
    color: #575757;
    float: left;
    font-size: 10px;
    line-height: 20px;
    padding-top: 40px;
    text-decoration: underline;
}

#about {
    background-image: url("images/about.gif");
    background-repeat: no-repeat;
    color: #575757;
    float: left;
    font-size: 11px;
    line-height: 20px;
    padding-top: 40px;
    text-decoration: underline;
}

#help {
    background-image: url("images/help.gif");
    background-repeat: no-repeat;
    color: #575757;
    float: left;
    font-size: 11px;
    line-height: 20px;
    padding-top: 40px;
    text-decoration: underline;
}

.seperator {
    background-image: url("../../../Web/images/seperator.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 135px;
    margin-left: 35px;
    padding-right: 10px;
    width: 10px;
}

#lowermenu {
    background-image: url("../../../Web/images/bottomline.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 15px;
}

    #lowermenu a {
        color: #666666;
        font-size: 9px;
        text-decoration: none;
    }

#cr {
    color: #333333;
    font-size: 10px;
    padding-bottom: 20px;
    padding-top: 5px;
}

/************ Laguage Drop Down ***********/


.languageTpDCl {
    position: relative;
    width: auto;
    float: right;
    margin-top: 3px;
    z-index: 12;
}

.laguageDv {
}

#laguageList {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
    -moz-opacity: 0.95;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.languageTpDCl.languageTpD #laguageList {
    display: block;
}

.languageTpDCl #laguageList div.selLang {
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #E6E6FF;
    padding: 5px;
    width: 180px;
    text-align: right;
}

.lgIcon {
    margin: 0px;
}


/************ Laguage Drop Down ***********/


.timezoneTpDId {
    position: relative;
    width: auto;
    float: right;
    margin-top: 3px;
    z-index: 11;
    color: #333333;
}

.laguageDv {
}

#timezoneList {
    position: absolute;
    top: -30px;
    left: 0px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
    -moz-opacity: 0.95;
    opacity: 0.95;
    filter: alpha(opacity=95);
    /*display: none;*/
}

    #timezoneList #timezoneListBody {
        height: 300px;
        overflow: hidden;
    }

.timezoneTpDId.timezoneTpD #timezoneList {
    /*display: block;*/
}

.timezoneTpDId #timezoneList div.selLangCom {
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #E6E6FF;
    padding: 5px;
    width: 250px;
    text-align: left;
    cursor: pointer;
}


.timezoneTpDId #timezoneList div.selLangComHover {
    background-color: #CCFF66;
}

.timezoneTpDId #timezoneList div.selLang {
    background-color: #FFFF99;
}

.lgIcon {
    margin: 0px;
    float: left;
}

#tzscrollDownList, #tzscrollUpList {
    background-color: #F9F9F9;
    cursor: pointer;
}

.currenttimezone {
    width: 110px;
}

/**** srevice detail on mouse over***/

#serviceStaffDetailOnOver {
}

/****** Staff deatail on mouse over*******/

#serviceStaffDetailOnOver {
    position: absolute;
    padding: 7px 7px;
    width: 250px;
    border: 1px solid #B6E184;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F2FDF1;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
}

#detailIndicator {
    position: absolute;
    left: 0px;
}

.leftPoiterTp, .leftPoiterBt {
    border: 6px solid transparent;
    left: -12px;
    height: 0px;
    position: absolute;
    width: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 1px;
}

.leftPoiterBt {
    border-width: 7px;
    left: -14px;
    border-right-color: #B6E184;
}

.leftPoiterTp {
    border-right-color: #F2FDF1;
}



.dtOverStBoxDiv .dtOverStImg {
    float: left;
    margin-right: 10px;
    padding: 3px;
    height: 50px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
    /*width: 28px;*/
}

.dtOverStBoxDiv h1 {
    font-size: 13.8px;
    color: #3399FF;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 6px;
    text-align: left;
}

.dtOverStBoxDiv .dtOverStDt {
    font-size: 11px;
}

.termCondition {
    font-size: 11px;
    color: #000000;
    font-family: Verdana;
}

.termConditionLink {
    text-decoration: underline;
    cursor: pointer;
    font-size: 11px;
    font-family: Verdana;
}

.termConditionErr {
    border: 1px solid #FF0000;
    font-size: 11px;
    font-family: Verdana;
    color: #333333;
    background-color: #FFE6E6;
    padding-left: 10px;
}

.plsActCond {
    display: none;
    color: #FF0000;
}

.termConditionErr .plsActCond {
    display: inline;
}

#termsAndConditionScreen {
    width: 520px;
    padding: 5px 10px;
}

.tncHead {
    color: #232323;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

    .tncHead a {
        color: #0000FF;
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
    }

.tncText {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin: 20px 0px;
    overflow: auto;
    text-align: left;
}

.loginTypes {
    font-size: 15px;
    font-weight: bold;
    color: #336600;
    padding-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.loginTypesHelp {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #333333;
}

.loginTableSubHeadingTDSeprator {
    margin-right: 10px;
    margin-left: 10px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}

.socialBt {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.loginBelowMsg {
    color: #666666;
    font-size: 13px;
    padding-top: 10px;
    text-align: center;
}

.indicateCon {
    position: relative;
    margin: 10px 0px;
    padding: 7px;
    border: 1px solid #E9D315;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F9F2BA;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
    -moz-opacity: 0.90;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.ActivityCose {
    background-image: url(../../../Images/closeIdicate.png);
    padding: 8px;
    position: absolute;
    right: -2px;
    top: -2px;
}

.ActivityBox {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.ActivityBoxUNamme {
    text-transform: capitalize;
}

.intPolicyTb {
    border: 3px solid #C3D9FF;
    background-color: #F4F9FF;
    color: #333333;
    padding: 7px;
    margin-top: 5px;
}

.rateTable {
    height: 500px;
}

.rateHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 5px;
    background-color: #C3D9FF;
    vertical-align: middle;
    height: 30%;
}

.wrongUrlMessTd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    padding: 2px;
    background-color: #FFFFFF;
    vertical-align: middle;
    background-color: #FFFFFF;
    height: 100px;
    text-align: left;
}

.wrongUrlMessTdBottom {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wrongUrlMessTd a {
    font-size: 12px;
    color: #0000FF;
}

.wrongUrlMessTdBottom a {
    font-size: 12px;
    color: #0000FF;
    text-decoration: underline;
}

.ratingDataTd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    padding: 5px;
    background-color: #FFFFFF;
    vertical-align: top;
    background-color: #FCFCFC;
}

.ratHead {
    font-size: 21px;
    font-weight: normal;
    text-align: left;
    padding: 5px 3px 5px 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #333333;
    color: #000000;
}

.subheadRate {
    font-size: 12px;
    text-align: left;
    padding: 15px 3px 3px 5px;
    font-weight: normal;
}

.rightUrlInnerTable {
    width: 100%;
}

.wrongUrlInnerTable {
    height: 40%;
    width: 100%;
}

.subLink {
    padding: 5px;
    font-size: 12px;
    color: #000000;
    background-color: #FFCC66;
    border: 1px solid #F2A400;
    font-weight: bold;
}

.rateHelp {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 5px;
}
/*****************************************Rate Appointy End***************************/
.changePassDiv {
    padding-top: 100px;
}

.changePasswordLogoForgotPass {
    font-size: 36px;
    font-weight: normal;
    color: #000000;
    padding: 0px;
    line-height: 50px;
    width: 30%;
    text-transform: capitalize;
}

.extraCostTag {
    float: right;
    padding-right: 20px;
}

.TimezoneMsg {
    width: 530px;
    font-size: 12px;
    text-align: left;
}

.TimezoneMsgHd {
    color: #0F0F0F;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: left;
}

.TimezoneMsgBd {
    padding: 10px;
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FCFCFC;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
}

    .TimezoneMsgBd div {
        padding: 50px;
    }

.timeZonetdTx {
    font-size: 12px;
    text-align: right;
}

.timeZonetdFormat {
    font-weight: bold;
    padding: 5px 15px;
}

.TimezoneMsgBt {
    padding: 5px;
    text-align: center;
}

.TimezoneMsgExt {
    padding: 5px;
}
/************************************Change Password Start****************************/
.changePassDiv {
    padding-top: 100px;
}

.changePassHeading {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #77AAFF;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 15px;
}

.changePassMessage {
    padding: 5px 3px 15px 3px;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #77AAFF;
    text-align: center;
}

    .changePassMessage a {
        font-size: 12px;
        text-decoration: underline;
    }

.changePassTable {
    background-color: #FFFFFF;
}

.changePassTextHead {
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #555555;
    text-align: left;
    padding-bottom: 4px;
}

    .changePassTextHead .changePassTextHelp {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        color: #888888;
    }

.changePassTextInput {
    text-align: left;
}

.changePasswordLogo {
    font-size: 14px;
    font-weight: bold;
    color: #C3D9FF;
    padding: 0px;
    line-height: 50px;
    float: left;
    width: 30%;
    top: 3px;
    left: 3px;
    position: absolute;
}

.changePasswordLogoForgotPass {
    font-size: 36px;
    font-weight: normal;
    color: #000000;
    padding: 0px;
    line-height: 50px;
    width: 30%;
    text-transform: capitalize;
}

.changePassBottom {
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: left;
}

    .changePassBottom .changePassBottomButton {
        border: 0px none #C3D9FF;
        background-color: #C3D9FF;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        color: #468BFF;
        cursor: pointer;
    }

        .changePassBottom .changePassBottomButton:hover {
            border: 0px none #C3D9FF;
            background-color: #C3D9FF;
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-variant: normal;
            color: #003FA6;
            cursor: pointer;
        }
/************************************Change Password End****************************/

tr.fadedRow {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    background-color: #F5F5F5;
}

.topAppontmentTab {
    text-align: left;
}

    .topAppontmentTab ul {
        padding: 0px;
        margin: 0px;
    }

        .topAppontmentTab ul li {
            padding: 5px 15px 5px 15px;
            margin-left: 10px;
            margin-right: 10px;
            border: 1px solid #C3D9FF;
            float: left;
            position: relative;
            bottom: -1px;
            font-size: 12px;
            cursor: pointer;
            background-color: #FFFFFF;
        }

            .topAppontmentTab ul li.selected {
                background-color: #EAF2FF;
            }

.myAppTopHeadingInner td {
    padding: 3px 7px 3px 7px;
}

.myAppTopHeadingInner a {
    text-decoration: underline;
}


td.myAppDateHD {
    background-color: #F4F9FF;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reschedulePopup {
    border: 1px solid #C0C0C0;
    /*position: relative;*/
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    z-index: 101;
    background-color: #FFFFFF;
    border-radius: 4px;
}

    .reschedulePopup .resHd {
        background-color: #F0F0F0;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        padding: 7px;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px;
    }

        .reschedulePopup .resHd a {
            float: right;
            font-size: 12px;
            font-weight: normal;
        }

span.resRightSideArrow {
    position: absolute;
    top: 75px;
    right: -15px;
    padding: 8px;
    background-image: url(Images/arrowR.png);
    background-color: #FFFFFF;
}

.restable td {
    font-size: 12px;
    padding: 5px 7px 5px 7px;
    color: #333333;
}

.resUserUpdateTimeButton {
    margin-bottom: 10px;
}

.targetTr td {
    vertical-align: top;
}

#resTimeList {
    border: 1px solid #D2D2D2;
    background-color: #FFFFFF;
    height: 150px;
    overflow: auto;
    position: absolute;
    width: 100px;
    z-index: 102;
    text-align: center;
}

    #resTimeList a {
        display: block;
        padding: 3px;
        text-align: center;
        text-decoration: none;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #D8D8D8;
    }

    #resTimeList span {
        color: #CC3300;
        font-size: 12px;
    }

td.myAppTopInnerText.myAppRightAction {
    text-align: right;
}

.pastAppPaging {
    padding: 7px;
    text-align: right;
    font-size: 12px;
}

.myAppTopHeadingInner td.myappointmentSerName {
    font-size: 15px;
}

td.myappointmentSerName .myAppointmentTimeDetail {
    font-size: 12px;
    color: #666666;
}

td.myappointmentSerName .MyAppApprove {
    font-size: 12px;
    color: #669900;
}

td.myappointmentSerName .MyAppUnapprove {
    font-size: 12px;
    color: #993300;
}

td.myappointmentSerName .myAppQuantity {
    font-size: 12px;
    color: #993300;
}

.loginTypes {
    color: #336600;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
    text-align: center;
}

.googleLogin {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    padding: 5px;
}


.noShow {
    position: absolute;
    left: -10000px;
}


.recTimeAt {
    font-size: 11px;
    color: #B3B3B3;
}

.recQuantSpan {
    color: #B3B3B3;
}

.extraRecHelp {
    float: right;
    font-weight: normal;
    color: #999999;
    font-size: 11px;
}

.notAvalRecHd {
    color: #CC3300;
    font-size: 12px;
    padding-left: 5px;
}

.recHeaderTr {
    cursor: pointer;
}

.extraRecHelp ul {
    padding: 0px;
    margin: 0px;
    float: left;
}

.extraRecHelp li {
    padding: 0px;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    margin-right: 8px;
    font-weight: normal;
    font-size: 11px;
}

.recOptionhd {
    color: #808080;
    display: inline-block;
}

.moreDetailHd {
    background-color: #E8F0FF;
    border-left: 1px solid #C3D9FF;
    border-top: 1px solid #C3D9FF;
    color: #232323;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.nextForBookDv {
    padding: 5px;
    text-align: right;
}

.currentlaguage {
    padding: 3px 15px 3px 5px;
    background-color: #C3D9FF;
    border: 1px solid #79ABFF;
}

/*.adminReplyReview {
    border: 1px solid #D1D1D1;
    margin: 10px 10px 10px 110px;
    padding: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #EFEFEF;
    left: 0px;
    font-size: 11px;
    font-weight: bold;
    width: 300px;
    color: #575757;
    position: relative;
}*/

.BoxUparrowNoti {
    border-style: dashed;
    border-color: transparent;
    border-width: 10px;
    display: -moz-inline-box;
    display: inline-block;
    /* Use font-size to control the size of the arrow. */
    font-size: 15px;
    height: 0;
    line-height: 0;
    vertical-align: middle;
    width: 0;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #D1D1D1;
    position: absolute;
    top: -20px;
    left: 15px;
}


/*** End of Coolblue Member ***/

/*** Loading Member ***/

#loading {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    font-family: "trebuchet MS", Helvetica, georgia, garamond;
    z-index: 3;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #00bfff;
    font-weight: bold;
    left: 0px;
}

#notfound {
    padding: 45px;
    position: absolute;
    /* left: 22%; */
    top: 50%;
    margin-top: -50px;
    /* margin-left: -100px; */
    text-align: center;
    font-family: Arial, Helvetica, georgia, garamond;
    font-size: 12pt;
    color: #942363;
    font-weight: normal;
    width: 100%;
    line-height: 25px;
    box-sizing: border-box;
}

    #notfound a {
        font-family: Arial, Helvetica, georgia, garamond;
        font-size: 12pt;
        text-decoration: underline;
    }

#serviceStaffDetailOnOver {
    position: absolute;
    z-index: 1001;
    width: 200px;
    min-height: 60px;
    font-size: 12px;
    color: #525252;
    text-align: left;
}

#barServicetext tr.overRowColor {
    background-color: #C3D9FF;
}

/*** End of Loading Member***/

/*** Common Coolblue Member ***/

/**************NEW SOCIAL PROMOTION START**************/


body.desktopBodyCl {
    overflow-x: hidden;
}

html > body .upper_ap_body {
    text-align: center;
}

#ap_body {
    text-align: left;
}

.insertStaff .aboutSocialPromotion {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.NewPromotionDiv {
    padding: 20px;
    float: left;
    font-size: 12px;
    color: #000000;
}

.NewPromotionFieldSet {
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    border: 1px solid #C9C9C9;
    padding: 15px;
    margin: 0px;
    width: 450px;
    height: 450px;
    margin-bottom: 15px;
}

.previewFieldSet {
    width: 400px;
}

.NewPromotionFieldSet legend {
    margin: 0 3px;
    padding: 3px 3px;
    border: 1px solid #C3D9FF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
    box-shadow: 3px 3px 3px #CCCCCC;
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}

.NewPromotionTextHeadings {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 5px;
}

/*.socialInvBlock {
    border: 2px solid #C6CEE1;
    padding: 20px 10px 30px 10px;
    margin: 20px auto 20px auto;
    width: 400px;
    background-color: #ECEFF5;
    text-align: center;
    font-family: Arial;
    -moz-border-radius: 4px;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
}*/

.SocialHd {
    color: #3B5998;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    font-family: Arial;
}

.socialSubH {
    color: #5C74C8;
    font-size: 12px;
    padding-bottom: 10px;
    font-family: Arial;
}

.socialnote {
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

.layoutTD {
    padding-right: 40px;
    text-align: center;
    padding-bottom: 2px;
}

.cssSetting {
    padding-right: 20px;
    padding-bottom: 2px;
    text-align: left;
}

.socialRight {
    /*height: 200px;*/
}

.socialMotherSimple .socialLeft {
    display: none;
}

.socialMotherBackground .socialLeft {
    display: none;
}

.socialMotherLeft .socialLeft {
    float: left;
    width: 100px;
    margin-right: 10px;
    height: 200px;
}

.socialMotherLeft .socialRight {
    float: left;
    width: 280px;
}

.socialMotherRight .socialLeft {
    float: right;
    width: 100px;
    height: 200px;
}

.socialMotherRight .socialRight {
    float: right;
    width: 280px;
    margin-right: 10px;
    height: 200px;
}

.socialMotherBg {
}

.faceBookMsg {
    color: #808080;
    font-size: 11px;
}

    .faceBookMsg img {
        margin-right: 10px;
        float: left;
        max-width: 90px;
        max-height: 90px;
    }
/**************NEW SOCIAL PROMOTION END****************/


.noShow {
    position: absolute;
    left: -10000px;
}

.reviewleftsect {
    float: left;
    margin-left: 5px;
    height: 65px;
    width: 110px;
}

.reviewright {
    /*float: left;*/
    width: 320px;
    overflow: auto;
    min-height: 70px;
}

.separtor {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: dashed 1px #dcdcdc;
}

.mixme {
    color: #fff;
}

#applyDisLink, #applyGcLink {
    padding: 3px 5px;
    background-color: #FCD896;
    font-weight: bold;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #FBC662;
}

    #applyDisLink a, #applyGcLink a {
        color: #000000;
    }

/*Check-in CSS*/
.checkInbutton {
    background-color: #8798DA;
    border: 1px solid #5872A7;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
}

.disable {
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
    color: #ABABAB;
    cursor: default;
}

.done {
    background-position: left center;
    background-color: #FFFFFF;
    border: 1px none #006600;
    border-radius: 2px 2px 2px 2px;
    color: #008000;
    cursor: default;
    padding: 3px;
    background-image: url(../../Images/Icons/GreenTick.png);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.dashborder {
    border-bottom: dashed 1px #ccc;
}

.currentLocationD {
    overflow: hidden;
    height: 20px;
}



.askcheckin_body {
    font-size: 9px;
    left: 25%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: none;
}

.askcheckin_inner {
    background-color: #fff;
    font-size: 9px;
    height: auto;
    margin: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 300px;
    z-index: 2;
    border: 1px solid #B4B4B4;
}

.askcheckin_header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #EBEBEB;
    color: #505050;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.askcheckin_close {
    background-color: #fff;
    font-size: 9px;
    float: right;
}

.askcheckin_Outer {
    background-color: #999999;
    border-radius: 10px 10px 10px 10px;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.askcheckin_Content {
    padding: 12px;
    text-align: center;
}

.fbmsgtext {
    margin-bottom: 12px;
}

.timeQua {
    color: #999;
    text-decoration: underline;
    font-size: 11px;
    padding-bottom: 10px;
    text-transform: lowercase;
}


.CatBoxDvCl {
    position: relative;
    text-align: center;
    display: inline-block;
}

* html .CatBoxDvCl {
    display: inline;
}

.SelCatBoxDvCl {
    border: 1px solid #0066FF;
    position: absolute;
    top: 25px;
    width: 150px;
    display: none;
    background-color: #FFFFFF;
    z-index: 10;
    border-radius: 5px;
    left: 50%;
    margin-left: -75px;
}

.SelCatBoxDvClInner {
    max-height: 100px;
    overflow: auto;
}


* html .SelCatBoxDvClInner {
    height: 100px;
}

.CatBoxDvCl.clickedDv .SelCatBoxDvCl {
    display: block;
}

.SelCatBoxDvCl .quantityScrollBoxDvClInner div {
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}

.OutArrow {
    padding: 0px;
    margin-left: -10px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 50%;
}

.InArrow {
    padding: 0px;
    margin-left: -9px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 50%;
}

.selectedRectable {
    /*border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #C3D9FF;*/
}

.removedDateTr td {
    background-color: #F0F0F0;
}

    .removedDateTr td .datespan {
        text-decoration: line-through;
    }

.yearColor {
    color: #808080;
}

#recAllAvailableTime {
    border: 1px solid #0066FF;
    background-color: #FFFFFF;
    width: 150px;
    border-radius: 5px;
    padding-right: 0px;
    padding-left: 0px;
}

.recAllAvailableTimeTopArrowUp {
    padding: 0px;
    margin-left: -10px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 50%;
}

.recAllAvailableTimeTopArrowDown {
    padding: 0px;
    margin-left: -9px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 50%;
}

#appCommentSPAN, #adonsServiceListTxtOnBooking {
    font-weight: normal;
}

    #adonsServiceListTxtOnBooking table {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C3D9FF;
        width: 100%;
    }

.moreInfohd {
    background-color: #E8F0FF;
}

#appCommentSPAN td, #adonsServiceListTxtOnBooking td {
    padding: 5px 1px 5px 1px;
    border-bottom: 1px solid #C3D9FF;
    border-bottom-style: dashed;
}

#discountCouponBoxDiv {
    /*background-color: #E8F0FF;
    border: 1px solid #C3D9FF;*/
    padding: 5px;
    margin: 0px 5px 0px 0px;
    font-weight: normal;
}

#showDislinkId {
    text-decoration: underline;
}

#containerDiv a {
    text-decoration: underline;
}

.checkinBt {
    padding: 3px;
    display: inline-block;
    font-size: 11px;
    background-color: #FFFFCC;
    border: 1px solid #FFFF99;
    color: #666666;
}


*:first-child + html .clear {
    display: inline-block;
}

* html .clear {
    display: inline-block;
}


/********* Gift Certificate Strat *************/

#MainGiftcertificate, .MainGiftcertificateCl {
    background-color: #eee;
    border: 1px solid #dfdfdf;
}

.GcListPageHeading {
    font-size: 20px;
    padding: 5px 20px;
}

    .GcListPageHeading img {
        float: left;
        margin-right: 10px;
        width: 22px;
    }

.GcListPageContainer {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.GcListPageContainerInner {
}

#GcPrevBt, #GcNextBt {
    background-color: #c3d9ff;
    border-color: #a2bbdd;
    border-style: solid;
    cursor: pointer;
    height: 42px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 25px;
    z-index: 100;
    border-width: 3px 3px 3px 0;
    border-radius: 0 10px 10px 0;
}

#GcNextBt {
    right: 0px;
    border-width: 3px 0 3px 3px;
    border-radius: 10px 0 0 10px;
}


    #GcPrevBt::after, #GcNextBt::after {
        border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 8px;
        font-size: 0;
        height: 0;
        left: 50%;
        margin-left: -15px;
        margin-top: -9px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        width: 0;
        content: "";
    }


    #GcNextBt::after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
        margin-left: -4px;
    }

.giftCertificateListView {
    color: #333333;
    font-size: 12px;
    float: left;
    margin: -40px -20px 0;
    font-family: Segoe UI,sans-serif;
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(.75);
    transform: scale(.75);
}

.purchasepopup {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: -300px;
    left: 0px;
    background-color: rgba(255,255,255,.90);
    transition: top .4s ease-in-out;
    height: 200px;
    text-align: center;
    padding-top: 20px;
    box-shadow: 0 0 20px #666666;
}

.giftCertificateListView:hover .purchasepopup {
    top: 200px;
    z-index: 2;
}


.giftPriceValueListDropdown {
    box-sizing: border-box;
    font-size: 23px;
    margin: auto;
    position: relative;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.giftPriceValueListDropdownVal {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px 25px 10px 15px;
    position: relative;
    width: 100%;
    z-index: 1;
    font-size: 30px;
}

    .giftPriceValueListDropdownVal.showDD {
        background-color: #ffffff;
        border: 1px solid #999999;
    }

    .giftPriceValueListDropdownVal::after {
        border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 12px 7px 0;
        content: "";
        font-size: 0;
        height: 0;
        line-height: 0;
        margin-top: -4px;
        position: absolute;
        right: 8px;
        top: 50%;
        width: 0;
    }

.giftPriceValueListDropdownList {
    background-color: #ffffff;
    border: 1px solid #999999;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 2;
    overflow: auto;
    max-height: 250px;
}

.giftPriceValueListDropdownVal .dull {
    font-size: 20px;
    color: #999;
}

.giftPriceValueListDropdownList.showDD {
    display: block;
}

.giftPriceValueListDropdownListVal {
    border-bottom: 1px solid #999999;
    padding: 7px 5px;
}


    .giftPriceValueListDropdownListVal:hover {
        background-color: #b1db49;
    }


.giftCertificateListView .purchasepopupHD {
    font-size: 25px;
}

.giftCertificateListView .GCpricelist select {
    color: #5b5b5b;
    font-size: 20px;
    padding: 4px 15px;
}

.giftCertificateListView .GCpricelist {
    /*padding: 10px;*/
}

.GCquantity {
    padding: 10px;
}

.giftCertificateListView .priceIncrementBt, .giftCertificateListView .priceDecrementBt {
    background-color: #f7b3b3;
    border: 1px solid #d39b9b;
    border-radius: 3px;
    font-size: 0;
    font-weight: bold;
    padding: 8px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.giftCertificateListView .priceIncrementBt {
    background-color: #bbf3a1;
    border: 1px solid #8bb479;
}

.giftCertificateListView .priceDecrementBt::after {
    content: "_";
    font-size: 15px;
    left: 4px;
    position: absolute;
    top: -8px;
}


.GCSubmitButton, .GCSubmitButton:focus {
    background-color: #2b72e9;
    border: solid 0px;
    box-shadow: 0 3px 0 #084bbb;
    color: #fbfbfb;
    cursor: pointer;
    font-size: 15px;
    margin: 3px;
    padding: 2px;
    text-align: center;
    width: 118px;
}

    .GCSubmitButton:hover {
        box-shadow: 2px 2px 4px #999;
        background-color: #296fe4;
        box-shadow: 0px 3px 0 #276bdd;
    }




.giftCertificateListView .priceIncrementBt::after {
    content: "+";
    font-size: 15px;
    left: 3px;
    position: absolute;
    top: 0;
}

.giftCertificateListView .gcquantityvalue {
    color: #f5f5f5;
    padding: 0px 15px;
    display: inline-block;
    font-size: 25px;
}

.cgEnterDetail {
    box-sizing: border-box;
    float: left;
    padding: 0 20px;
    text-align: center;
    width: 50%;
    box-shadow: 1px -4px 6px #aaa;
    height: 660px;
}

    .cgEnterDetail .cgEnterDetailHd {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 10px;
        padding-left: 12.5%;
        text-align: left;
    }

.cgPreviewSectionOnPayment {
    float: right;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    width: 50%;
}

    .cgPreviewSectionOnPayment .cgPreviewSectionOnPaymentHd {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: left;
    }

.cgEnterDetail input[type="text"] {
    width: 75%;
    padding: 6px;
    box-sizing: border-box;
}

    .cgEnterDetail input[type="text"].blankerrorcl {
        border-color: red;
    }


.GCextraInfo div.GCextraInfoRow {
    padding: 3px;
}

.GCAmountDetail {
    border-bottom: 1px dashed #999999;
    border-top: 1px dashed #999999;
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 15px;
    width: 75%;
    color: #666;
}

    .GCAmountDetail span {
        float: right;
    }

.GCpaymentmodeOption {
    margin-bottom: 20px;
    padding-left: 12.5%;
    text-align: left;
    margin-top: 20px;
}

div.giftCertificateMainContainer {
    width: 400px;
    background-color: #fff;
    margin-bottom: 20px;
    font-size: 12px;
}


.giftCertificateListView:hover .giftCertificateMainContainer {
    /*opacity:.4;*/
    filter: blur(4px) contrast(1) brightness(1);
    -webkit-filter: blur(4px) contrast(1) brightness(1);
    -moz-filter: blur(4px) contrast(1) brightness(1);
    -o-filter: blur(4px) contrast(1) brightness(1);
    -ms-filter: blur(4px) contrast(1) brightness(1);
}

div.giftCertificateMainContainer td {
    font-size: 12px;
}

.giftCertificateHeader {
    min-height: 200px;
    color: #fff;
}

    .giftCertificateHeader img {
        width: 100%;
    }

*html .giftCertificateHeader {
    height: 100px;
}

.giftCertificateStep1 {
    color: #fff;
    padding: 30px 10px 10px;
}

.giftCertificateText {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    padding-right: 2px;
    margin-bottom: 3px;
    float: left;
    width: 68px;
    text-align: right;
}

.giftCertificateInput {
    padding-bottom: 0px;
    margin-bottom: 25px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    float: left;
    width: 200px;
    height: 12px;
    text-align: left;
    color: #5b5b5b;
    padding-left: 10px;
    text-transform: capitalize;
}

.giftCertificateInputMessage {
    /*height: 25px;*/
}




.giftCertificateMainContainer .smallBlueButton {
    background-color: #517CFF;
    border: 1px solid #285FFF;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 15px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

/*.clear {
    clear: both;
}*/

.giftCertificateStep2 {
    margin-top: 10px;
    padding: 15px;
    border-top: dashed 1px #bbb;
    text-align: center;
}

.giftCertificateLogoImage {
    float: left;
    text-align: center;
}

.giftCertificateInfo {
    float: right;
    padding-right: 15px;
}

.giftCertificateValData {
    margin-bottom: 10px;
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
}

.giftCertificateInfoText {
    font-size: 14px;
    color: #333333;
    padding-right: 3px;
    font-weight: bold;
    height: 20px;
}

.giftCertificateInfoInput {
    float: left;
    margin-bottom: 10px;
}

    .giftCertificateInfoInput .giftCertificateInfoTextSym {
        font-size: 12px;
        color: #4D4D4D;
    }

    .giftCertificateInfoInput input {
        border-style: none none dotted none;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #666666;
        width: 100px;
    }

.giftCertificateMainData {
    font-size: 12px;
    color: #333333;
}

.giftCertificateStep3 {
    color: #fff;
    padding: 0px 10px 10px;
}

.giftCertificateBottom {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #515151;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    text-align: center;
}

    .giftCertificateBottom input[type=text] {
        padding-top: 2px;
        padding-bottom: 2px;
        border-style: none;
        border-width: 0px;
        border-style: none none dotted none;
        border-width: 0px 0px 1px 0px;
        border-bottom-color: #666666;
        width: 100px;
        background-color: #F3F3F3;
    }

#giftCertificateLifeTime {
    border-style: none;
    border-width: 0px;
}

.giftCertificateExtraLM {
    margin-left: 20px;
}

.giftCertificateExtraTM {
    margin-top: 12px;
    font-weight: normal;
}

.voucher .voucher-form .preview-voucher {
    float: left;
    margin-left: 170px;
}

.small-button {
    background: -moz-linear-gradient(#666666, #333333) repeat scroll 0 0 transparent; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #666666, #333333); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333)";
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: bold;
    padding: 4px 15px;
    -webkit-text-shadow: 0 0 1px #CCCCCC;
    text-shadow: 0 0 1px #CCCCCC;
    text-transform: uppercase;
}

.voucher .voucher-form .checkout-button {
    margin-left: 23px;
}

.giftCertificateInfoMainContainer {
    position: absolute;
    right: 7px;
    top: 23px;
}

.gcUserInfoValCode {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    color: #1D1D1D;
}

.gcUserInfoAmt {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 23px;
    font-weight: bold;
    font-style: italic;
    color: #555555;
    float: left;
    padding-left: 5px;
    padding-top: 6px;
}

.gcUserInfo {
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#fff)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #E8E8E8, #fff); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#FFFFFFFF)";
    padding: 5px 0;
}

.gcUserInfQty {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #555555;
    float: right;
    padding-right: 5px;
    text-align: right;
    padding-top: 2px;
}

    .gcUserInfQty select {
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        border: 1px solid #EBEBEB;
        background-color: #EBEBEB;
        color: #555555;
    }

#trackResultDvId {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.trackSuccessResultCl {
    background-color: #ffffff;
    border: 2px dashed #00ff00;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 13px;
}

.trackErrorResultCl {
    border: 2px dashed #ff0000;
    color: #ff0000;
}
/********* Gift Certificate End *************/
#DiscountCouponCodeBtOnTop {
    float: right;
    width: 73px;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 5px 0px 5px 0px;
    font-size: 13px;
    color: #FFFFFF;
    background-image: url(Images/discountimage.png);
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 16px;
    right: 15px;
    cursor: pointer;
}

#DiscountCouponCodeData {
    position: absolute;
    z-index: 2001;
    width: 580px;
    top: 35px;
}

#DiscountCouponLikeBt {
    background-image: url(Images/likebuttonBG.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 18px 0 0 116px;
}

.disLinkBtTxt {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
}

#DiscountCouponCodeDataInner {
    border: 5px solid #CFD6F9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    position: relative;
}

.mainDiscPopup {
    margin: 5px; /*border: 2px dashed #CFD6F9;*/
    text-align: left;
}

.mainDiscPopupHdAddr {
    padding: 5px 15px 20px 15px;
    font-size: 14px;
    color: #666666;
}

.mainDiscPopupHdAmout {
    padding: 9px 25px 8px 60px;
    font-size: 16px;
    color: #000000;
    background-color: #CFD6F9;
    margin-top: 5px; /* 	background-position: left top;background-image: url("images/blue-bar.png"); 	background-repeat: no-repeat; 	position: relative; 	left: -28px;*/
}

.mainDiscPopupHdAmoutArrow {
    background-image: url("Images/offerimage.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 150px;
    left: -36px;
    padding: 9px 0 5px 5;
    position: absolute;
    text-align: left;
    top: 4px;
    width: 100px;
    z-index: 1;
    cursor: pointer;
    padding-top: 8px;
}

.mainDiscPopupDisc {
    background-color: #CFD6F9;
}

.mainDiscPopupDiscLeftImg {
    float: left;
}

.mainDiscPopupDiscLeft {
    padding: 0px;
    float: left;
    width: 255px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .mainDiscPopupDiscLeft ul {
        margin-left: 25px;
        list-style-type: disc;
        list-style-position: outside;
        font-size: 12px;
    }

    .mainDiscPopupDiscLeft div {
        padding: 7px;
    }

.mainDiscPopupDiscRight {
    background-position: -4px top;
    background-image: url(Images/Whiteeffectimg.png); /**/
    position: relative;
    top: -5px;
    background-repeat: no-repeat;
    padding: 12px 0px 0px 0px;
    float: right;
    width: 270px;
    margin-right: 3px;
}

.bookNowBtImgBox {
    padding: 15px 10px 15px 10px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    margin: 0px;
}

#desktopContainer .bookNowBtImgBox a {
    background-color: #E51400;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 9px 40px 9px 40px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.redeemCondition, .avalabilityString {
    margin: 0px;
    padding: 10px 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
}

.avalabilityString {
    font-size: 16px;
    font-weight: bold;
    background-color: #F9EDBE;
    padding: 17px 15px;
    text-align: center;
}

.redeemConditionhd {
    font-size: 11px;
    text-align: center;
    padding-bottom: 4px;
}

.redeemConditiontxt {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    line-height: 18px;
    text-align: center;
}

.shareOfferBox {
    margin: 0 16px;
    padding: 5px 10px 0;
}


.bookNowBtImgBox img {
    border-style: none;
    border-width: 0px;
}

.shareOfferTxt {
    padding: 10px 0px;
    font-size: 12px;
    color: #333333;
}

.shareOfferImg {
    padding: 5px 0px 10px 0px;
    text-align: right;
}

.mainDiscPopupAboutHd {
    padding: 25px 25px 10px;
    font-size: 14px;
    font-weight: bold;
}

.mainDiscPopupAboutTxt {
    color: #555555;
    font-size: 14px;
    line-height: 19px;
    padding: 10 25px 10px;
    text-align: justify;
    padding: 10px;
}


.mainDiscPopupReviewTxt {
    margin: 0px 25px 25px;
    position: relative;
    text-align: justify;
}


    .mainDiscPopupReviewTxt .reviewright {
        width: auto;
        color: #555;
        text-align: justify;
        line-height: 19px;
    }

    .mainDiscPopupReviewTxt .reviewleftsect {
        margin: 0px;
    }

.mainDiscPopupReview {
}

.easySliderLiData {
    width: 100%;
    font-size: 12px;
}

.ratingfLiBox {
    height: 95px;
    font-size: 12px;
    color: #555;
}

.ratingStarBox {
    border: 1px solid #CCCCCC;
    padding: 3px;
    float: left;
    background-color: #F2F2F2;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ratingStarBoxname {
    font-size: 11px;
    margin-top: 4px;
}

.ratingPopupdescription {
    color: #555;
    text-align: justify;
    line-height: 19px;
}
/*	
#prevBtn, #nextBtn
{
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -40px;
	top: 6px;
	text-indent: -5000px;
}	
#nextBtn{ 
	left:490px;
	}	
	*/
#prevBtn a, #nextBtn a {
    background-color: #F0F0F0;
    border: 1px solid #C0C0C0;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin: 21px 5px 5px;
    padding: 3px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/********************User Gift Certificate Purchase START*****************/

#myGiftcertificateContainer {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    padding: 10px;
}


.MyGCHeading {
    padding-bottom: 10px;
}

.giftCertificateMaimContainer_P {
    color: #666666;
    /*-moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    border: 1px solid #C3D9FF;
    color: #1E1E1E;
    height: 350px;
    overflow: auto;*/
}

    .giftCertificateMaimContainer_P td {
        font-size: 13px;
        font-family: Segoe UI,​sans-serif;
    }

.gcDullAmount {
    color: #999;
}

.MyGCListHeading {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    font-weight: 700;
    padding: 10px;
    font-size: 13px;
}

.MyGCListRow {
    border-bottom: 1px solid #dddddd;
    padding: 3px 10px;
    font-size: 13px;
}

.gcheader_P {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 16px;
    font-style: italic;
    color: #1E1E1E;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    background-color: #E6EFFF;
    font-weight: bold;
}

.gcheaderTitle_P {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 13px;
    font-style: normal;
    color: #1E1E1E;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    background-color: #C3D9FF;
    font-weight: bold;
}

.gcCode_P {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 12px;
    color: #000000;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

    .gcCode_P .gcDull {
        font-size: 10px;
        font-weight: bold;
        font-style: italic;
        color: #939393;
    }

    .gcCode_P .gcBright {
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        color: #1A1A1A;
    }

.gcGreen {
    font-size: 10px;
    font-weight: bold;
    color: #006600;
}

.gcOrange {
    font-size: 10px;
    font-weight: bold;
    color: #FF6600;
}

.gcRed {
    font-size: 10px;
    font-weight: bold;
    color: #FF0000;
}

.gcCode_P .mailButton {
    padding: 2px 10px;
    font-size: 12px;
    /* For WebKit (Safari, Google Chrome etc) */
    background-color: #fff;
    border: 0px none #296cdc;
    color: #0000ff;
    cursor: pointer;
    text-decoration: underline;
}

#glInsertForm {
    border: 2px dashed #eee;
    background-color: #fafafa;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin: 10px -11px;
    position: relative;
}

    #glInsertForm td {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    #glInsertForm input[type=text] {
        border: 1px solid #E8E8E8;
        width: 350px;
        font-size: 12px;
        box-sizing: border-box;
        padding: 7px;
    }

    #glInsertForm textarea {
        border: 1px solid #E8E8E8;
        width: 350px;
        font-size: 12px;
        box-sizing: border-box;
        padding: 7px;
    }

        #glInsertForm input[type=text].gcErr, #glInsertForm textarea.gcErr {
            -moz-border-radius: 7px !important;
            -webkit-border-radius: 7px !important;
            border-radius: 7px !important;
            border: 1px solid #FF0000;
        }

    #glInsertForm .mailButton {
        padding: 3px 10px;
        font-size: 12px;
        background-color: #2b72e9;
        border: 1px solid #296cdc;
        color: #fff;
    }

.gcSentData {
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    font-size: 10px;
    font-weight: normal;
    color: #336600;
}

.Norecord {
    font-size: 11pt;
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid rgb(220, 220, 220);
    text-align: center;
    background-color: rgb(255, 255, 204);
}

#DiscountCouponCodeDataOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 1000px;
    background-color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/********************User Gift Certificate Purchase END*****************/

.clear {
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    clear: both;
}

#staffSelection .upperTd td, #staffSelection .lowerTd td {
    text-transform: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

#copyrightmsg {
    text-align: center;
    color: #808080;
    font-size: 11px;
}

#staffSelectionHeaderTB td {
    padding: 5px 3px 5px 7px;
}

.staffNDCNotBold a {
    font-size: 13px;
}

#staffSelectionHeaderTB td.staffNDCNotBold {
    padding-left: 1px;
}

.smallFont {
    font-size: 11px;
    color: #999999;
}

.currencyColor {
    font-size: 11px;
}


.dateboxheadBlock, .dateboxhead {
}

.disDateyearSpCl {
    font-weight: normal;
}

#userAdvcStDvId {
    padding: 10px;
    border: 0px solid #999999;
    background-color: #333333;
    color: #F5F5F5;
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    width: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px #999999;
    -moz-box-shadow: 3px 3px 3px #999999;
    box-shadow: 3px 3px 3px #999999;
}


.currentLocationD .currentLocationDImg {
    top: 13px;
    border-color: #bbb transparent transparent;
}

.closeipadbt {
    background-position: left top;
    font-size: 0px;
    padding: 11px;
    margin: 0px;
    width: 0px;
    height: 0px;
    right: -4px;
    top: -4px;
    position: absolute;
    z-index: 2;
    background-image: url(Images/cross.png);
    background-repeat: no-repeat;
}

.userNoAppointmentMessage {
    width: 100%;
}

.adiSerTmSlot {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px 5px 10px 5px;
    position: absolute;
    left: -10px;
    font-size: 12px;
    width: 170px;
    -webkit-box-shadow: 3px 3px 3px #999999;
    -moz-box-shadow: 3px 3px 3px #999999;
    box-shadow: 3px 3px 3px #999999;
    border-radius: 0px 4px 4px 4px;
    z-index: 10;
}

.addSermsg {
    padding-bottom: 15px;
}

.addSerArrowOut, .addSerArrowIn {
    padding: 0px;
    margin-left: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #CCCCCC transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
}

.addSerArrowIn {
    margin-left: 1px;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    top: -9px;
    z-index: 2;
}


.DiscountActiveOnTime {
    /*background-image: url(Images/offerTag.png);
    background-repeat: no-repeat;
    background-position: right center;*/
}

.disCouponHelpSpn {
    padding: 2px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: 10;
}

    .disCouponHelpSpn.hover {
        border-color: #999999;
    }

/*#disCouponHelpPopupDv {
    border: 1px solid #999999;
    padding: 3px;
    position: absolute;
    top: 16px;
    left: 0px;
    z-index: 111;
    background-color: #FFFFFF;
    width: 300px;
}

    #disCouponHelpPopupDv ul {
        margin-left: 15px;
    }

    #disCouponHelpPopupDv li {
        font-size: 11px;
        list-style-type: disc;
    }*/

/***New Discount Help Start***/


.promodeal_image_tooltip {
    text-decoration: none !important;
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 10px;
    left: 50%;
    /*margin-left: -64px;*/
    font-family: 'Alegreya SC', Georgia, serif;
    font-weight: 400;
    font-size: 14px;
    /*font-style: italic;
    color: #719DAB;*/
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: left;
    /*border: 4px solid #fff;*/
    border: 2px solid #e5e5e5;
    /* background: rgba(255,255,255,0.3); */
    background: #fff;
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    /*bottom: 100px;*/
    opacity: 0;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 105;
    display: none;
    color: #333333;
}

    .promodeal_image_tooltip:before,
    .promodeal_image_tooltip:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: -15px;
        left: 50%;
        margin-left: -9px;
        border-top: 10px solid rgba(0,0,0,0.2);
    }

    .promodeal_image_tooltip:after {
        bottom: -10px;
        margin-left: -10px;
        border-top: 10px solid #fff;
    }



#disCouponHelpPopupDv.promodeal_image_tooltip:before,
#disCouponHelpPopupDv.promodeal_image_tooltip:after {
    margin-left: -0px;
    left: -13px;
    top: 50%;
    margin-top: -9px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 0px solid transparent;
    border-right: 10px solid rgba(0,0,0,0.2);
}


#disCouponHelpPopupDv.promodeal_image_tooltip:after {
    left: -9px;
    margin-top: -10px;
    border-right: 10px solid #fff;
}


#disCouponHelpPopupDv.promodeal_image_tooltip.rightArrowCl:before,
#disCouponHelpPopupDv.promodeal_image_tooltip.rightArrowCl:after {
    margin-left: -0px;
    left: auto;
    right: -13px;
    top: 50%;
    margin-top: -9px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 0px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.2);
}


#disCouponHelpPopupDv.promodeal_image_tooltip.rightArrowCl:after {
    right: -9px;
    margin-top: -10px;
    border-left: 10px solid #fff;
}






.promodeal_image_tooltip:hover {
    opacity: 0.9;
    bottom: 40px;
    text-decoration: none !important;
}



.popupdateHD {
    color: #333333;
    text-align: left;
    padding-bottom: 8px;
}

.discmsgpp {
    font-size: 12px;
}

.popupAppDetail {
    color: #333333;
    font-size: 12px;
    text-align: left;
}

.popupAppDtBox .dullclr {
    color: #999;
}


.popupAppDetail ul {
    margin-left: 10px;
    font-size: 12px;
}

.popupAppDetail li {
    list-style-type: disc;
    max-width: 300px;
}

#serviceListWhenNoLeftBarInnerBd .disCouponHelp {
    position: relative;
    top: -11px;
}

.serviceAndStaffDiscountDetailAtBottom {
    padding-top: 10px;
}

    .serviceAndStaffDiscountDetailAtBottom .discCritrDetail ul {
        margin-left: 15px;
        font-size: 12px;
    }


    .serviceAndStaffDiscountDetailAtBottom .discCritrDetail li {
        list-style-type: disc;
    }

.discinnerImgCl {
    float: left;
    margin-right: 10px;
}

/** New Discount Help END **/


/*** New Login screen***/
.rightLoginBOx {
    /*float: left;
    padding-left: 40px;*/
}

.loginWithAllType {
    /*float: left;
    width: 330px;
    margin: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;*/
    /*height:360px;*/
}

.loginwithA {
}

#addE .formwithADvCl .loginsignUpPadding input, #addE .formwithADvCl .loginsignUpPadding textarea, #addE .formwithADvCl .loginsignUpPadding select {
    /*border-bottom-width: 0px;
     border-right-width: 0px;
    border-radius: 3px 3px 3px 3px;*/
    /*background-position: 5px 100px;
    color: #858585;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 8px 2px;
    text-indent: 2px;
    border-color: #ccc transparent transparent #ccc;
    background-image: url(Images/inputSignUpBg.png);
    background-repeat: no-repeat;*/
}

/*#addE .formwithADvCl .loginsignUpPadding input.nameBg {
        background-position: 5px -15px;
        text-indent: 24px;
    }

    #addE .formwithADvCl .loginsignUpPadding input.addressBg {
        background-position: 5px -178px;
        text-indent: 24px;
    }

    #addE .formwithADvCl .loginsignUpPadding input.emailBg {
        background-position: 5px -55px;
        text-indent: 24px;
    }

    #addE .formwithADvCl .loginsignUpPadding input.passwordBg {
        background-position: 5px -220px;
        text-indent: 24px;
    }

    #addE .formwithADvCl .loginsignUpPadding input.mobileBg {
        background-position: 5px -96px;
        text-indent: 38px;
        text-transform: capitalize;
    }

    #addE .formwithADvCl .loginsignUpPadding input.phoneBg {
        background-position: 5px -138px;
        text-indent: 38px;
    }*/

.contactInforRow {
    /*position: relative;*/
}

/*.countryCode {
    position: absolute;
    top: 10px;
    left: 27px;
}*/


#addE .formwithADvCl .loginsignUpPadding select {
    text-indent: -1px;
}

    #addE .formwithADvCl .loginsignUpPadding input.bottomBorder, #addE .formwithADvCl .loginsignUpPadding textarea.bottomBorder, #addE .formwithADvCl .loginsignUpPadding select.bottomBorder {
        /*border-bottom-width: 1px;*/
        /*border-bottom-color: #ccc;*/
    }

    #addE .formwithADvCl .loginsignUpPadding input.rightBorder, #addE .formwithADvCl .loginsignUpPadding textarea.rightBorder, #addE .formwithADvCl .loginsignUpPadding select.rightBorder {
        /*border-right-width: 1px;
        border-right-color: #ccc;*/
    }

    #addE .formwithADvCl .loginsignUpPadding input.focusCl, #addE .formwithADvCl .loginsignUpPadding textarea.focusCl, #addE .formwithADvCl .loginsignUpPadding select.focusCl {
        color: #333;
        background-color: #fff;
    }

    #addE .formwithADvCl .loginsignUpPadding input:focus, #addE .formwithADvCl .loginsignUpPadding textarea:focus, #addE .formwithADvCl .loginsignUpPadding select:focus {
        /*border: 1px solid #FF8F20;
        color: #333;
        background-color: #fff;*/
    }

.addonformwithADvCl {
    padding-left: 0px;
}

    .addonformwithADvCl .addonforTr td {
        padding: 2px;
        font-size: 11px;
        color: #999;
    }

#loginwithA .signupTableDataTd .formOnAppButton {
    background-color: #FF9224;
    border: 1px solid #FF8F20;
    color: #FFFFFF;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 3px 2px;
}



#loginwithA .signupTableDataTd .formOnAppButtonMover {
    border: 1px solid #A7CC26;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 3px 2px;
    color: #000000;
    background-color: #DAEC9B;
}

.allLoginText {
    border-width: 0px;
    background-color: transparent;
    height: auto;
    /*min-height: 370px;*/
}

.twoCollumBox {
    width: 135px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}



.oneCollumBox {
    width: 276px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#addE #appointmentScreen .oneCollumBox {
    width: 200px;
    padding: 4px 2px;
}

.headerCommentsTd {
    color: #A82724;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
}
/*select.twoCollumBox {
    width:183px;
}*/

.googleLogin {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    text-align: center;
    width: 160px;
    font-family: Arial;
    cursor: pointer;
}

.fb.googleLogin {
    background-color: #1364B5;
    border-color: #07427C;
    color: #F1F5FE;
}

.socialBt {
    padding: 0px;
}

#locationList td {
    text-transform: capitalize;
    width: 180px;
}

.selectionTypeName {
    padding-left: 0px;
}

#ap_right_header_leftMenu table td {
    padding-left: 0px;
    padding-right: 10px;
}

.modelinkOn, .modelinkOff {
    border-radius: 0px;
    padding: 7px 11px;
}



.currenttimezone {
    font-size: 14px;
}

.dateboxheadBlock, .dateboxhead, .dateboxheadOver {
    text-transform: uppercase;
    padding-left: 3px;
    padding-left: 15px;
    position: relative;
}

.dateNoCl {
    color: #ccc;
    text-align: center;
    font-size: 18px;
    background-color: #efefef;
    background-color: rgba(223,223,223,0.5);
}

.appAvailInDay .dateNoCl {
    color: #0000FF;
    text-decoration: underline;
    background-color: transparent;
}

.dateboxheadBlock, .dateboxhead, .dateboxheadOver {
    color: #666;
    font-size: 13px;
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #A2BBDD;*/
}

.lowerDivTime {
    color: #0000FF;
    cursor: pointer;
    font-size: 12px;
    margin: 8px auto 2px;
    padding-left: 15px;
    text-align: left;
    text-decoration: none;
    width: 100px;
}

.upperDivTime {
    padding-left: 15px;
}

.lowerDivTime .timeARPM {
    color: #0066FF;
}

#timezoneList {
    left: auto;
    top: -30px;
    right: 0px;
}

#ap_mother_left_header {
    background-image: none;
}



.deatilText {
    background-color: #FFA98C;
    border-radius: 2px 2px 0 0;
    color: #FFFFFF;
    margin: -13px -3px 0;
    padding: 9px;
}



.loginWithOneType {
    /*width: 330px;*/
    margin-top: 10px;
    border-width: 0px;
    float: none;
}

#appCommentSPAN td, #adonsServiceListTxtOnBooking td {
    font-size: 13px;
    color: #333;
}

.dullSpn {
    font-size: 12px;
    color: #999999;
}


/*** New Look ****/



.ListOfServiceWhenNoLeftBar {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #1A1A1A;
    font-size: 12px;
    font-weight: normal;
    overflow: auto;
    position: absolute;
    z-index: 102;
    padding: 0px;
}

.catHeader td, .catHeader div {
    background-color: #F8F8F8;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 5px;
    text-align: left;
}

.catHeader div {
    /*border-bottom: 1px solid #EAEAEA;
    border-bottom-color: #DBDBDB;*/
}

.ListOfServiceWhenNoLeftBarDataBx {
    border-bottom: 1px solid #EAEAEA;
    padding: 3px 0px;
}

.ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData1 {
    background-color: transparent;
    border-bottom: 0px solid #CCCCCC;
    /*color: #333333;*/
    font-size: 14px;
    padding: 7px 5px;
    float: left;
}

.ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData2 {
    background-color: transparent;
    border-bottom: 0px solid #CCCCCC;
    /*color: #333333;*/
    font-size: 14px;
    padding: 7px 5px;
    float: left;
}

    .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData1.serStNameWdCl, .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData2.serStNameWdCl {
        min-width: 150px;
    }

    .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData1.serStPricTmWdCl, .ListOfServiceWhenNoLeftBar .ListOfServiceWhenNoLeftBarData2.serStPricTmWdCl {
        width: 50px;
        float: right;
        font-size: 14px;
    }

.ListOfServiceWhenNoLeftBar .fadedRow .ListOfServiceWhenNoLeftBarData1, .ListOfServiceWhenNoLeftBar .fadedRow .ListOfServiceWhenNoLeftBarData2 {
    background-color: transparent;
}


.arrow_down {
    padding: 0px;
    margin: 0px;
    /*border: 10px solid #999999;*/
    font-size: 0px;
    line-height: 0px;
    background-image: url("Images/arrow-down.png");
}

.catHeader.hide .arrow_down {
    background-image: url("Images/arrow-up.png");
}

.btArrow {
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 0;
    height: 0;
    line-height: 0;
    padding: 13px 14px;
    width: 0;
    margin-left: 6px;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
    position: relative;
    top: -2px;
}

.selectedRowClr {
    background-color: #F0F0F0;
    border-bottom-color: #CDCDCD;
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}

    .selectedRowClr .ListOfServiceWhenNoLeftBarData1, .selectedRowClr .ListOfServiceWhenNoLeftBarData2 {
        background-color: transparent;
        border-width: 0px;
    }

        .selectedRowClr .ListOfServiceWhenNoLeftBarData1.serStNameWdCl, .selectedRowClr .ListOfServiceWhenNoLeftBarData2.serStNameWdCl, .selectedRowClr .ListOfServiceWhenNoLeftBarData1 .stnmCl, .selectedRowClr .ListOfServiceWhenNoLeftBarData2.serStNameWdCl {
            font-weight: bold;
        }


.servicedescWithAni {
    height: 0px;
    color: #999;
    overflow: hidden;
    -moz-transition: height 300ms ease 0s;
    -webkit-transition: height 300ms ease 0s;
    -o-transition: height 300ms ease 0s;
    transition: height 300ms ease 0s;
    /*-moz-transition: opacity 350ms ease 0s;
	-webkit-transition: opacity 350ms ease 0s;
    transition: opacity 350ms ease 0s;*/
    font-size: 13px;
    opacity: 0;
    text-transform: none;
}

/*.serviceAndStaffDiscountDetailAtBottom {
    height: 0px;
    color: #999;
    overflow: hidden;
    font-size: 13px;
    opacity: 0;
    text-transform: none;
}*/

.selectedRowClr .servicedescWithAni {
    height: auto;
    opacity: 1;
    padding-left: 26px;
    padding-bottom: 10px;
    white-space: normal;
    margin-right: 20px;
}


    .selectedRowClr .servicedescWithAni .morelink {
        color: #0000FF;
        cursor: pointer;
    }


.tickImagebox {
    width: 20px;
}

#staffListWhenNoLeftBar .imgSpnCl {
    display: block;
    border-radius: 160px 160px 160px 160px;
    float: left;
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
}


#staffListWhenNoLeftBar img.imgCl {
    /*border-radius: 160px 160px 160px 160px;
    float: left;
    height: 30px;*/
    width: 50px;
    position: absolute;
    left: 50%;
}

.ListOfServiceWhenNoLeftBarData1 > span.stnmCl, .ListOfServiceWhenNoLeftBarData2 > span.stnmCl {
    float: left;
    padding-left: 5px;
    padding-top: 7px;
}

#serviceListWhenNoLeftBar .fadedRow, #staffListWhenNoLeftBar .fadedRow {
    background-color: #FBFBFB;
}

.serviceNameNoLeftPane {
}

.withCl {
    float: left;
    padding: 3px 5px;
    color: #808080;
}

#ap_right_body_text {
    clear: both;
    padding: 0 5px;
    overflow: hidden;
    position: relative;
}

#pDate {
    background-color: #fff;
}

#highLightHelpText {
    background-color: #fff;
}


#pDate td {
    font-size: 15px;
}

.onmouseoutChoose, .onmouseoverChoose {
    /*border: 1px solid #DDDDDD;*/ /*margin-bottom: 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    text-align: left;
    width: auto;
    background-color: #C3D9FF;
    border-radius: 5px 5px 5px 5px;*/
    background-color: #C3D9FF;
    -webkit-box-shadow: 3px 4px 0 #A5BADE;
    box-shadow: 3px 4px 0 #A5BADE;
    margin-bottom: 10px; /*margin-top: 7px;*/
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    vertical-align: middle;
    width: auto;
    padding-top: 10px;
}

#staffDropdownListForHover .onmouseoutChoose, #staffDropdownListForHover .onmouseoverChoose {
    width: 200px;
}

/*.stafflstBx {
    border-bottom: 1px solid #EAEAEA;
}*/

#staffAndServiceListOuterDvId {
    position: absolute;
    z-index: 10;
}

.staffAndServiceListDvCl {
    /*border: 5px solid #EEEEEE;*/
    background-color: #C3D9FF;
    color: #1A1A1A;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}

.staffAndServiceListInnerDvCl {
    border: 2px solid #EEEEEE;
    background-color: #fff;
    overflow: hidden;
}

.staffAndServiceListPart {
    float: left;
    width: 65%;
}

.staffAndServiceListPart2 {
    float: left;
    width: 35%;
}

.fullWidthCl {
    width: 100%;
}

.ListOfServiceWhenNoLeftBar {
    position: static;
    margin: 10px 10px 10px 10px;
    /*padding-right:10px;*/
}

.ListOfServiceWhenNoLeftBar {
    background-color: transparent;
    border: 0px solid #EEEEEE;
    /*border-right: 1px solid #EEEEEE;*/
}

.appselSerStBgImg {
    background-image: url("Images/CalendarBg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

#staffListWhenNoLeftBar {
    /*background-color: #F8F8F8;*/
    background-color: rgba(248,248,248,.5);
}


.bottomNextForTimesInner {
}

#ap_right_body {
    position: relative;
    z-index: 11;
}

.PreForCalLeftbtCl, .nextForCalReightBtCl {
    position: absolute;
    top: 50%;
    z-index: 100;
    margin-top: -50px;
    cursor: pointer;
    width: 13px;
    height: 42px;
    background-color: #C3D9FF;
    border-color: #A2BBDD;
    border-style: solid;
}

.PreForCalLeftbtCl {
    left: 5px;
    border-width: 2px 2px 2px 0;
    -webkit-box-shadow: 1px 0 2px #999999;
    box-shadow: 1px 0 2px #999999;
}

.nextForCalReightBtCl {
    right: 5px;
    border-width: 2px 0 2px 2px;
    -webkit-box-shadow: -1px 0 2px #999999;
    box-shadow: -1px 0 2px #999999;
}

    .PreForCalLeftbtCl .leftArrow, .nextForCalReightBtCl .rightArrow {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 0px;
        width: 0px;
        overflow: hidden;
        font-size: 0px;
        border-color: transparent #FFFFFF transparent transparent;
        border-style: solid;
        border-width: 8px;
        margin-left: -15px;
        margin-top: -9px;
    }

    .nextForCalReightBtCl .rightArrow {
        border-color: transparent transparent transparent #FFFFFF;
        margin-left: -2px;
    }

#addE {
    margin: 0PX;
}

#appCalSlide {
    position: absolute;
    top: 0px;
    width: 100%;
}

.ajaxReqCalCl {
    position: absolute;
    top: 0px;
    background-color: #FFF;
}

.ajaxReqCalInnerCl {
    border: solid 2px #333;
}


.mother_rightAjaxReqCalCl {
    position: absolute;
    top: 0px;
    background-color: #FFF;
}

.mother_rightAjaxReqCalInnerCl {
    /*border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #C3D9FF;*/
    background-color: #C3D9FF;
    padding-top: 5px;
}

#ap_mother_right_td > div#leftAdd {
    overflow: hidden;
    position: relative;
}





.srStSelImg {
    padding: 0px 0px 0px 10px;
}

    .srStSelImg img {
        height: 20px;
    }








* .outerBGColorCal {
    background-color: #c3d9ff;
}


* .innerBGColorCal {
    background-color: #a5bade;
}

* .outerBrColorCal {
    border-color: #c3d9ff;
}


* .innerBrColorCal {
    border-color: #a5bade;
}


* .outerBtColorCal {
    background: -moz-linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
}


* .innerBtColorCal {
    background-color: #a5bade;
}
/*** End of Common Coolblue Member ***/




/*** Coolblue Member Mobile ***/

/****************************** Start Common HTML Tag  ***********************************/

/** {
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-family: helvetica,arial;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
}



html body {
    color: #333333;
    font-size: 12px;
    font-family: Verdana;
}

html > body {
    font-family: Verdana;
    color: #333333;
    font-size: 12px;
}

p, table, ul, dl, #TB_window {
}

a:link, a:visited, a:hover, a:active {
    color: #0000FF;
    text-decoration: none;
}

a:focus {
    color: #CC6633;
    text-decoration: underline;
}

p {
    line-height: 1.4em;
    margin: 10px 0;
}

hr {
    margin: 10px 0;
    color: #999999;
}

ul {
    list-style: none;
}

    ul li {
        padding-top: 6px;
    }

input, select, textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}*/
/********************************** Start Search div  ***************************/
.nav-loading {
    margin: 5px 0px 0px -160px;
    padding: 3px 5px 3px 5px;
    border: 2px dotted #666666;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 1001;
    width: 320px;
    height: 44px;
    font: bold 24px "trebuchet MS";
    text-align: center;
    color: #000000; /*background-image: url(images/sc.gif);*/
    display: none;
    background-color: #FFFFFF;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/********************************** End Search div  ***************************/

/****************************** End Start Common HTML Tag  ***********************************/

#ap_head {
    text-align: left;
    /*background-color: #CDD9FA;*/
    border-bottom-width: 4px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: -3px;
    position: relative;
}

#topLogo {
    /*float: left;
    padding: 8px 5px 0px 12px;*/
}

#topLogoInner {
    position: relative;
    z-index: 3;
}

#topLogo .logoImgDvCl {
    border: 1px solid #C3C3C3;
    float: left;
    height: 60px;
    width: 60px;
    overflow: hidden;
    background-color: #FFFFFF;
    margin-top: -40px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 6px #666;
    box-shadow: 0px 0px 6px #666;
}

    #topLogo .logoImgDvCl img {
        vertical-align: middle;
        width: 100%;
    }

.appAddress {
    color: #999999;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

#ap_body {
    /*position: relative;*/
    padding-bottom: 90px;
}

#ap_bodyForSelection {
    padding-bottom: 90px;
    position: relative;
}
/*#ap_fullBodyScroll {
    overflow:auto;
}*/
.ap_bodyForSelectionCl {
    padding-bottom: 90px;
    position: absolute;
    width: 100%;
}

#ap_ContainbodyForAllTypeDt {
    position: relative;
}

div.bodyForDetailEffectCl {
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    width: 100%;
}

#MobileContainer div.bodyForDetailEffectCl {
    position: static;
}


.userprofilemenu {
    /*border: 1px solid #CCCCCC;*/
    float: right;
    position: absolute;
    z-index: 500;
    margin-top: -25px;
    right: 5px;
}

    .userprofilemenu .logedUserImg {
        border-radius: 40px;
        overflow: hidden;
        margin-top: -15px;
    }

    .userprofilemenu ul {
        position: absolute;
        right: 0px;
        width: 100px;
        background-color: #fff;
        border: 1px solid #CCCCCC;
    }

        .userprofilemenu ul li {
            padding: 6px;
        }

.Withoutlogo {
    padding-left: 0px;
}

.topStepLeft1, .topStepLeft2, .topStepBoth1, .topStepBoth2, .topStepBoth1Off, .topStepBoth2Off {
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

.topStepLeft1, .topStepBoth1 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 2pt;
    background-color: #C3D9FF;
}

.topStepLeft2, .topStepBoth2 {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 1pt;
    background-color: #C3D9FF;
}

.topStepBoth1 {
    margin-right: 2pt;
}

.topStepBoth2 {
    margin-right: 1pt;
}

#ap_mother_left_service {
    /*margin:0px 1%;
	padding:8px 0px;*/
}

#left_service_selection {
    /*background-color: #C3D9FF;*/
    text-align: left;
    /*padding: 0px 8px 8px 8px;*/
}

/*.left_Selection_HeaderDv {
    margin-top: 20px;
}*/

#left_serviceSelection_Header, #left_time_header, #staffSelectionHeader {
    padding: 10px 5px 10px 10px;
    text-align: left;
    font-size: 14px;
    color: #999;
    /*;*/ background-color: #eee;
    cursor: pointer;
    float: left;
    margin-top: -17px;
    text-transform: uppercase;
}

.bgLine {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
}

.selectHeader {
    padding: 10px 0px 10px 10px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    background-color: #C3D9FF;
    cursor: pointer;
}

#left_serviceSelection_body {
    /*background-color: #C3D9FF;*/
    padding: 0px 0px 5px 0px;
}

* html #left_serviceSelection_body {
    padding: 0pt;
    width: 99%;
}

#leftserviceHeader {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: capitalize;
}

    #leftserviceHeader td {
        padding-left: 7px;
    }

    * html #leftserviceHeader td {
        padding-left: 2px;
    }

table.appointBoxTable {
    border: 0px none #FFFFFF;
}

.appointBoxTable th {
    background-color: #FFFFFF;
    color: #5B5B5B;
    padding-left: 12px;
    font-weight: bold;
    font-size: 100%;
}

.appointBoxTable td {
    padding-left: 7px;
    font-size: 93%;
}

* html .appointBoxTable td {
    padding-left: 2px;
}

.appointBoxTable .serviceNDCBold {
    font-size: 1.2em;
    padding-left: 7px;
    padding-top: 9px;
    padding-bottom: 9px;
}


.srTxSd, .stTxSd {
    font-size: 16px;
    text-transform: capitalize;
    vertical-align: top;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666;
}


.allLoginText .srTxSd, .allLoginText .stTxSd {
    text-transform: none;
}

.bookingMsgInBottom {
    padding: 5px;
    color: #CC3300;
}

#appCommentTable {
    width: 100%;
}

    #appCommentTable tr {
    }

    #appCommentTable td {
        font-size: 12px;
        text-transform: none;
        /*border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #D1DDEF;*/
    }

.allLoginText .bottomLink {
    font-size: 12px;
}



.timeCost {
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.priceval {
    color: #666;
}

.selectBx {
    float: left;
    padding: 4px 12px;
}

.appointBoxTable .serviceNDCNotBold {
    padding-left: 7px;
    font-size: 93%;
    padding-top: 3px;
    padding-bottom: 3px;
}

* html .appointBoxTable .serviceNDCNotBold {
    padding-left: 2px;
}

#barServicetext {
    font-size: 11.333px;
    /*color: #CA0000;
	overflow: scroll;*/
}

html:first-child #barServicetext {
    overflow: auto;
}



.arrow_down {
    background-image: url("Images/arrow-down.png");
}

.catHeader.hide .arrow_down {
    background-image: url("Images/arrow-up.png");
}

.btArrow {
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 0;
    height: 0;
    line-height: 0;
    padding: 13px 14px;
    width: 0;
    margin-left: 6px;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.upperTd {
    /*background-color: #F1F4FA;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

.lowerTd {
    background-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

.selectedRowClr, .hoveredRowClr, .appointy_selector.hoveredRowClr, .appointy_selector.selectedRowClr {
    background-color: #F0F0F0;
    background-color: rgba(240, 240, 240, 0.75);
    border-bottom-color: #CDCDCD;
}

.selectedRowClr, .hoveredNormRowClr {
    background-color: #F0F0F0;
    background-color: rgba(240, 240, 240, 0.75);
    border-bottom-color: #CDCDCD;
}

.upperTd td, .lowerTd td {
    padding-top: 9px;
    padding-bottom: 9px;
    text-transform: capitalize;
}

.selectedRowClr label {
    font-weight: bold;
}

.servicedescWithAni {
    height: 0px;
    color: #999;
    overflow: hidden;
    -moz-transition: height 300ms ease 0s;
    -webkit-transition: height 300ms ease 0s;
    -o-transition: height 300ms ease 0s;
    transition: height 300ms ease 0s;
    /*-moz-transition: opacity 350ms ease 0s;
	-webkit-transition: opacity 350ms ease 0s;
    transition: opacity 350ms ease 0s;*/
    font-size: 13px;
    opacity: 0;
    text-transform: none;
}

.selectedRowClr .servicedescWithAni, .hoveredRowClr .servicedescWithAni {
    height: auto;
    opacity: 1;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: normal;
    margin-right: 20px;
}

    .selectedRowClr .servicedescWithAni .morelink, .hoveredRowClr .servicedescWithAni .morelink {
        color: #0000FF;
        cursor: pointer;
    }

.optional {
    /*font-size: .66em;*/
    color: #666666;
    font-weight: normal;
    padding-left: 5px;
}

#stSelection {
    /*padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	margin:0px 1%;*/
}

    #stSelection #staffSelection {
        /*background-color: #C3D9FF;
         padding: 0px 9px 9px 9px;*/
    }

#staffSelectionBody {
    overflow: auto;
}

#staffSelectionHeaderTB {
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #A2BBDD;
}

    #staffSelectionHeaderTB td {
    }

.staffNDCNotBold a {
    font-size: .76em;
}


.daysAllAppointment {
    overflow: hidden;
    z-index: 0;
    width: 100%;
}

.availTimescrollUp {
    background: transparent url(images/btn_moreup.gif) no-repeat scroll center;
}

.availTimescrollDown {
    background: transparent url(images/btn_moredn.gif) no-repeat scroll center;
}

.daysAllAppointmentText .notAvailableDate {
    text-decoration: none;
    color: #5F6C78;
    font-size: 14px;
    margin-top: 50%;
    background-color: Transparent;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    cursor: default;
    text-align: left;
    padding-left: 15px;
}

.daysAllAppointmentText {
    overflow: hidden;
}

.lowerDivTime, .upperDivTime {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    width: auto;
    cursor: pointer;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0000FF;
    text-decoration: none;
}

.upperDivTime {
}

.upperDividTime {
    background-color: #fff;
}

.lowerDividTime {
    background-color: #fff;
}

.notimeavaillable {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    padding: 10px;
}

/*.paymentScreenDv .srTxSd, .paymentScreenDv .stTxSd, .paymentScreenDv .upperTd td, .paymentScreenDv .lowerTd td {
    text-transform: none;
    font-size: 15px;
}*/

/********************************** Start help pop up ***********************/


/************** calendar ******************/

.preSmallMonth {
    background-position: right center;
    width: 10%;
    height: 17px;
    background-image: url(images/arrowleft.png);
    background-repeat: no-repeat;
}

.smallCalTb {
    text-align: center;
    font-size: 1.2em;
    color: #112ABB;
    cursor: pointer;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    width: 100%;
}

    .smallCalTb td {
        font-weight: bold;
        padding: 10px 5px;
    }

.nextSmallMonth {
    background-position: left center;
    width: 10%;
    height: 17px;
    background-image: url(images/arrowright.png);
    background-repeat: no-repeat;
}

.caldateDataFTime, .caldateDataHdFTime {
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 14%;
    float: left;
    cursor: pointer;
    color: #CCCCCC;
    /*border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;
    /*margin: .5%;*/
}

.caldateDataHd, .caldateData {
    width: 14%;
    float: left;
}


.caldateDataHdinner, .caldateDatainner {
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;*/
    margin: 1px; /**/
}

    .caldateDatainner.discountImg {
        background-image: url(images/disCouponHelp.png);
        background-position: right top;
        background-repeat: no-repeat;
        -moz-background-size: 7px auto;
        -o-background-size: 7px auto;
        -webkit-background-size: 7px auto;
        background-size: 7px auto;
    }

.caldateDataHdinner {
    color: #333333;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.caldateDataHdFTime {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    color: #333333;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.caldateDataFTime, .caldateDataHdFTime {
    /*width: 12.5%;*/
}

.calviewImg {
    background-color: #F0F0F0;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin-bottom: 5px;
}

.currentMonth {
    /*background-color: #FFFFFF;*/
    color: #333333;
}

.todayDate {
    background-color: #FFFF00;
}

.currentDate {
    border-color: #009900;
    background-color: #99FF33;
    z-index: 10;
}

.pastDate {
    color: #ccc;
    background-color: #F0F0F0;
}

.appAvailDt {
    color: #009900;
}


#MobileContainer .appAvailDt {
    color: #009900;
    background-color: #99ff33;
}

.clear {
    clear: both;
}

.calBody {
    /*float: left;
	width:79%*/
    padding-left: 2%;
}

#timeSlotDis {
    /*border: 1px solid #CCCCCC;
	float: left;
	width: 20%;
	height: 180px;
	overflow: hidden;
	background-color: #F3F3F3;*/
}

.divideDv {
    width: 25%;
    float: left;
}

/*.nextPreBt {
    text-align: center;
    width: 100%;
    
    position: fixed;
    bottom: 0px;
    background-color: #000;
    z-index: 2;
}

    .nextPreBt a {
        color: #fff;
    }*/

/*.PreviousC, .NextC, .PreviousL, .NextF {
    
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 13px 0px;
    display: block;
    
}

.nextPreHalfBt .PreviousC, .nextPreHalfBt .NextC, .nextPreHalfBt .PreviousL, .nextPreHalfBt .NextF {
    width: 49%;
    float: left;
}

.NextC, .NextF {
    
}

.nextPreHalfBt .NextC, .nextPreHalfBt .NextF {
    
    float: right;
    border: 1px solid #222222;
}

.nextPreHalfBt .NextDisC {
    color: #777;
}

.PreviousL, .NextF {
    
}*/

input.selectCheckBox {
}

.fieldHd {
    font-weight: bold;
    padding-right: 15px;
}

div.fieldHd {
    width: 100px;
    float: left;
}

.payService {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

/*.dataField input, .dataField select {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 3px;
    padding: 3px;
}*/

.dataField input:focus {
    /*border-color: #FFFF00 !important;*/
}

#mLoadingImg {
    background-repeat: no-repeat;
    background-image: url(images/mloader.gif);
    background-position: center 20px;
    width: 100%;
    padding: 0px;
    position: absolute;
    height: 100px;
    /*background-color: #FFFFFF;*/
    top: 0px;
    left: 0px;
    z-index: 111;
}

#ErrorMsg {
    padding: 5px;
    background-color: #FFFFC1;
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.flNameCl {
    width: 40%;
}

.CountryDdlBox {
    width: 25%;
}

.deleteImgBt a {
    font-size: 11px;
    text-decoration: underline;
    padding: 3px 0px 3px 0px;
}


#ddParentBox {
    position: absolute;
    border: 1px solid #808080;
    background-color: #FFFFFF;
    overflow: auto;
    z-index: 100;
}

.updateTmdiv {
    padding: 3px 5px 3px 5px;
    color: #333333;
}

    .updateTmdiv:hover {
        background-color: #D6E9F8;
        text-decoration: underline;
        cursor: pointer;
    }

.searchStr {
    font-weight: bold;
    color: #000000;
}

.activeSearchRst {
    background-color: #A0CCEF;
}

.dtTime {
    width: 70px;
}

.updateTmdivOver {
    background-color: #D6E9F8;
}

#availTimeSlot td a.BookedCrossTime, .BookedCrossTime {
    color: #CC3300;
    text-align: left;
    cursor: text;
    text-decoration: line-through;
}

    #availTimeSlot td a.BookedCrossTime, .BookedCrossTime .BookedCrossTimeTxt {
        text-decoration: line-through;
    }

/*.paymentOptD {
   
    padding:10px 10px 0px 0px;
    color: #999999;
    font-size: 13px;
    margin:5px 0px;
}

.paymentOptD.selected {
    background-color:#f0f0f0;
}


#PaymentOptions1 {
}

.paymentOptD span {
    float: left;
}*/

.errMsg {
    color: #CC3300;
    text-transform: none;
    font-size: 12px;
}

.confirmSmall {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    color: #808080;
}

/*.userSelAppoCost {
    width: 50%;
    float: left;
}*/

/*.serCostBt {
    font-size: 14px;
    float: right;
    margin-right: 10px;
}*/

.thnkMsgMBd {
    text-align: center;
    font-size: 14px;
}

.thnkMsgHd {
    font-size: 16px;
    font-weight: bold;
}

.thnkMsgBd {
    text-align: left;
}

.timezone {
    padding: 0px 3px 3px 12px;
    /*background-color: #2DB3F7;*/
    font-size: 13px;
    font-weight: bold;
    color: #666;
    margin-top: -3px;
}

.userSelectedAppointmentTextBl {
    font-size: 15px;
    /*font-weight: bold;*/
    color: #666666;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
}

div.loginRightMenuB ul {
    padding: 0px;
    margin: 0px;
}

    div.loginRightMenuB ul li {
        padding: 5px;
        list-style-type: none;
        margin: 0px 5px 0px 5px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #E0E0E0;
        background-color: #EEEEEE;
        cursor: pointer;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px; /*-moz-box-shadow: 3px 3px 3px #ddd;
	-webkit-box-shadow: 3px 3px 3px #ddd;*/
        position: relative;
        bottom: -1px;
        float: left;
    }

.loginRightMenuB li.selectedLogin {
    background-color: #FCFCFC;
    border-bottom-color: #FCFCFC;
}

.loginBelowMsg {
    color: #666666;
    font-size: 13px;
    padding-top: 10px;
    text-align: center;
}

.loginTypesHelp {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #333333;
}

.loginTypes {
    color: #336600;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
    text-align: center;
}

.googleLogin {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    padding: 5px;
}

.googleLogin {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #000000;
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    text-align: center;
    width: 160px;
    width: 118px;
    margin: 3px;
    float: left;
}

.fb.googleLogin {
    background-color: #1364B5;
    border-color: #07427C;
    color: #F1F5FE;
}

.googleLogin:hover {
    -webkit-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;
}

#barService {
    overflow: auto;
    background-color: #FFFFFF;
}

#staffSelectionBody {
    overflow: auto;
    background-color: #FFFFFF;
}

.loginFormSubmitBt {
    padding: 25px 7px;
}

/*************** social Invite block *************/

/*.socialInvBlock {
    border: 2px solid #C6CEE1;
    padding: 20px 10px 30px 10px;
    margin: 20px auto 20px auto;
    width: 275px;
    background-color: #ECEFF5;
    -moz-border-radius: 4px;
    -moz-box-shadow: 3px 3px 3px #CCCCCC;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px #CCCCCC;
}*/

.SocialHd {
    color: #3B5998;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

.socialSubH {
    color: #5C74C8;
    font-size: 12px;
    padding-bottom: 10px;
}

a.button {
    /* background: url(images/button.gif);*/
    background-color: #FAFAF2;
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 500px;
    border: solid 1px #f2f2f2;
}

a:hover.button {
    color: #0066CC;
}

.add {
    background: url(images/twitterbird.png) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.rule {
    width: 100%;
    border-bottom: 1px solid #A6C9E2;
    margin-bottom: 8px;
}

.widget_box {
    border: solid 1px #dcdcdc;
    padding: 5px;
    width: 300px;
}

    .widget_box td {
        padding-bottom: 5px;
    }

.message {
    /* background: url(images/button.gif);*/
    background-color: #FAFAF2;
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none; /*width: 500px;*/
    border: solid 1px #f2f2f2;
    margin-top: 15px;
}


/*Check-in CSS*/
.checkInbutton {
    background-color: #8798DA;
    border: 1px solid #5872A7;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
}

.disable {
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
    color: #ABABAB;
    cursor: default;
}

.done {
    background-position: left center;
    background-color: #FFFFFF;
    border: 1px none #006600;
    border-radius: 2px 2px 2px 2px;
    color: #008000;
    cursor: default;
    padding: 3px;
    background-image: url(../../../Images/Icons/GreenTick.png);
    background-repeat: no-repeat;
    padding-left: 18px;
}

.dashborder {
    border-bottom: dashed 1px #ccc;
}

.currentLocationD {
    overflow: hidden;
    height: 20px;
}



.askcheckin_body {
    font-size: 9px;
    left: 25%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: none;
}

.askcheckin_inner {
    background-color: #fff;
    font-size: 9px;
    height: auto;
    margin: 5px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 300px;
    z-index: 2;
    border: 1px solid #B4B4B4;
}

.askcheckin_header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #EBEBEB;
    color: #505050;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.askcheckin_close {
    background-color: #fff;
    font-size: 9px;
    float: right;
}

.askcheckin_Outer {
    background-color: #999999;
    border-radius: 10px 10px 10px 10px;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.askcheckin_Content {
    padding: 12px;
    text-align: center;
}

.fbmsgtext {
    margin-bottom: 12px;
}

.checkinBt {
    padding: 3px;
    display: inline-block;
    font-size: 11px;
    background-color: #FFFFCC;
    border: 1px solid #FFFF99;
    color: #666666;
}

.menuLogo {
    float: left;
}

.smallcl {
    font-size: 11px;
}

/*#amountDtsTd {
    background-color: #F0F0F0;
    color: #808080;
}

.appGrandTotalCl {
    border-width: 1px;
    border-color: #CCCCCC;
    color: #333333;
    padding-top: 5px;
    margin-top: 5px;
    border-top-style: dashed;
}*/

.currencySy {
    font-size: 12px;
    color: #999999;
}

a.showDiscountLink {
    text-decoration: underline;
    font-size: 12px;
}

#topMenu a.logOutLink {
    color: #0000FF;
    text-decoration: underline;
    padding-top: 13px;
    padding-left: 7px;
    float: right;
}


.SelCatBoxDvCl {
    border: 1px solid #0066FF;
    position: absolute;
    top: 25px;
    width: 100px;
    display: none;
    background-color: #FFFFFF;
    z-index: 10;
    border-radius: 5px;
}

.CatBoxDvCl.clickedDv .SelCatBoxDvCl {
    display: block;
}

.SelCatBoxDvCl .quantityScrollBoxDvClInner div {
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}

.OutArrow {
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 35px;
}

.InArrow {
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 36px;
}

.pastAppPaging {
    padding: 7px;
    text-align: right;
    font-size: 12px;
}

.appLinkPastAndUpcoming {
    color: #0000FF;
    text-decoration: underline;
    font-size: 11px;
    padding-right: 5px;
}

/* Recurring Appointment*/



/***************************DROPDOWN DATEPICKER CSS START**************************************/
table.calendar {
    font-size: 0.8em;
    border-collapse: collapse;
    background-color: white;
    border: solid #999999 1px;
    width: 215px;
    text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 2000; /*-khtml-user-select: none;*/
}

    table.calendar a {
    }

        table.calendar a:hover {
        }

    table.calendar input, table.calendar select {
        font-size: 10px;
    }

    table.calendar td, table.calendar th {
        border: 0;
        font-size: 10px;
        text-align: center;
    }

div.mainheading {
    margin: 2px;
}

    div.mainheading div.closeBtn {
        float: right;
        color: red;
    }
/*all styles related to the main calendar grid*/
table.cells {
    border-collapse: collapse;
    border: solid #CCCCCC 1px;
    cursor: pointer;
    empty-cells: show;
    margin: 0 6px 0 6px;
}
    /*the day headings*/
    table.cells th {
        border: solid #CCCCCC 1px;
        text-align: left;
        font-weight: bold;
        color: #0054E3;
        width: 22px;
    }

        table.cells th.wkhead {
            border-right: double #CCCCCC 3px;
            cursor: default;
            width: 22px;
        }
    /*The date cells*/
    table.cells td {
        border: solid #CCCCCC 1px;
        vertical-align: top;
        text-align: left;
        font-weight: bold;
        height: 20px; /*IE doesn't like ems*/
    }

        table.cells td.wkhead {
            background-color: white;
            text-align: center;
            border-right: double #CCCCCC 3px;
            color: #0054E3;
        }

        table.cells td.noselect {
            background-color: #EEEEEE;
            color: #BBBBBB;
            text-decoration: line-through;
            cursor: default;
        }

        table.cells td.hlday {
            background-color: #99FF99;
        }

        table.cells td.wkday {
            background-color: #DDDDDD;
        }

        table.cells td.wkend {
            background-color: #DDDDDD;
        }

        table.cells td.curdate {
        }

        table.cells td.cell_selected {
            background-color: #99CCFF;
            color: black;
        }

        table.cells td.notmnth {
            background-color: #FFFFFF;
            color: #CCCCCC;
        }

        table.cells td.notallowed {
            background-color: white;
            color: #EEEEEE;
            font-style: italic;
        }

        table.cells td.hover {
            background-color: #999999;
        }

        table.cells td div {
            padding: 1px;
            margin: 0;
        }


/***************************DROPDOWN DATEPICKER CSS END****************************************/


/*************** Recuring page *************/

.clear {
    clear: both;
}

div.recuringHdBlock {
}

#recAvaiApDTL {
    /*margin: 5px;
	padding-bottom: 10px;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #C3D9FF;*/
    padding: 0px 10px;
}

#recurAppointment {
    /*margin: 5px;
	padding-bottom: 10px;
	overflow: auto;
	max-height:250px;
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    border-color: #C3D9FF;*/
    padding: 0px 10px;
}

    #recurAppointment a {
        text-decoration: underline;
    }

    /*#recurAppointment .userSelectedAppointmentTextBl, #recAvaiApDTL .userSelectedAppointmentTextBl {
        border-left-width: 0px;
    }*/

    #recurAppointment .userSelectedAppointmentTextBr, #recAvaiApDTL .userSelectedAppointmentTextBr {
        /*border-right-width:0px;*/
    }

/*#recurContainer {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #C3D9FF;
    background-color: #E8F0FF; 
    padding: 10px 5px 10px 5px;
    margin-top: 5px;
}*/

/*#recurTypeAllCondition {
   
    border-width: 1px;
    padding-top: 10px;
    float: left;
}*/

.recurDateHD {
    /*border-bottom: 1px solid #C3D9FF;
    font-size: 12px;*/
    /*font-weight: bold;*/
    /*text-align: left;
    padding: 3px 5px 3px 5px;
    background-color: #E8F0FF;*/
}

/*.recServiceName {
    color: #666666;
    font-size: 16px;
    text-transform: capitalize;
}*/

/*.recServiceDtl {
    color: #B3B3B3;
    font-size: 13px;
}*/

.recAvail {
    color: #009900;
}

.recNotAvail {
    color: #990000;
}

.recNotAvailnew {
    padding: 5px;
    color: #808080;
    display: block;
}

    .recNotAvailnew a {
        text-decoration: underline;
    }

.recurdaysContain, .recRepContain {
    padding-left: 2px;
}

.recurdaysContainSub {
    float: left;
}

/*#selectedWeekDayTxt {
    border: 1px solid #CCCCCC;
    padding: 4px 16px 4px 7px;
    background-color: #FFFFFF;
    background-image: url( "Images/menu_arrow_hover.gif" );
    background-position: right center;
    background-repeat: no-repeat;
}

#selectedWeekDayDrop {
    position: absolute;
    width: 150px;
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #FFFFFF;
}*/


/*.group {
    padding: 3px;
}*/

/*.recurGlo {
    margin-bottom: 0px;
}

    .recurGlo h4, .recDatCl h4 {
        padding-right: 1px;
        font-size: 11px;
        display: inline-block;
        color: #999999;
    }*/


/*.recDatCl {
    float: left;
    padding-right: 10px;
    margin-bottom: 0px;
}*/

/*#recurMsg {
    background-position: 10px center;
   
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 30px;
    font-size: 12px;
    display: block;
    background-image: url(Images/info.png);
    background-repeat: no-repeat;
}*/

.recurBtDates td {
    padding-right: 5px;
}


#recAllAvailableTime, #recRemoveTime {
    border: 1px solid #CCCCCC;
    width: 100px;
    position: absolute;
    z-index: 201;
    top: 100px;
    background-color: #FFFFFF;
}

.recAllAvailableTimeCon {
}

#recRemoveTime {
    width: 200px;
}

.removeMsg {
    padding: 5px;
    font-size: 12px;
}

#recRemoveTimeDecision {
    padding: 5px 5px 15px 5px;
    text-align: center;
}

.removeYN {
    padding: 3px 10px 3px 10px;
    border: 1px solid #CCCCCC;
    background-color: #F8F8F8;
    margin-right: 10px;
    cursor: pointer;
}

.recAllAvailableTimeTopArrow {
    background: transparent url(images/upsignarrow.png) no-repeat scroll center center;
    position: absolute;
    top: -10px;
    left: 46px;
    z-index: 202;
    padding-top: 10px;
    padding-left: 13px;
}

#recAllAvailableTimeTopScroll {
    padding: 5px;
    background: #F4F8FB url(images/btn_moreup.gif) no-repeat scroll center center;
}

#recAllAvailableTimeBottomScroll {
    padding: 5px;
    background: #F4F8FB url(images/btn_moredn.gif) no-repeat scroll center center;
}

#recAllAvailableTimeText {
    height: 170px;
    overflow: auto;
    text-align: center;
}

.recAvailTimeListDv {
    color: #0000FF;
    cursor: pointer;
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-align: left;
}

    .recAvailTimeListDv .timeSpan {
        text-decoration: underline;
    }

.ontAvailCl {
    background-color: #FFE1E1;
}

.errMsgForNotAvailableApp {
    margin-bottom: 5px;
    background-color: #FFFBF4;
    border: 2px solid #FFCF88;
    color: #CC3300;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
}

#redMsgBlock, #redMsgDisApply {
    text-align: left;
    font-size: 12px;
    padding-top: 5px;
}

.redMsg {
    position: absolute;
    width: 305px;
    padding: 5px 5px 5px 28px;
    border: 1px solid #FFC4C4;
    z-index: 202;
    top: 100px; /*font-weight: bold;*/
    background: #FFFFFF url(images/error_bang.gif) no-repeat scroll;
    background-color: red;
    background-position: 5px 10px;
    color: #FFFFFF;
}

.recAllAvailableTimeBottomArrow {
    background: transparent url(images/downsignarrow.png) no-repeat scroll center center;
    position: absolute;
    bottom: -10px;
    right: 56px;
    z-index: 202;
    padding-top: 10px;
    padding-left: 13px;
}





.recAllAvailableTimeBottomArrowOutter {
    padding: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #FFC4C4 transparent transparent transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -10px;
    z-index: 1;
    right: 56px;
}

.recAllAvailableTimeBottomArrowInner {
    padding: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 9px 9px 0px 9px;
    border-color: red transparent transparent transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -9px;
    z-index: 2;
    right: 55px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrow {
    right: 40px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrowOutter {
    right: 40px;
}

#redMsgDisApply .recAllAvailableTimeBottomArrowInner {
    right: 39px;
}


.redMsgBt {
    padding-bottom: 5px;
    text-align: right;
}

.datepicker, .timepicker {
    background-image: url(../../../images/datepicker.jpeg);
    background-position: right center;
    padding-right: 15px;
    background-repeat: no-repeat;
    width: 70px;
}

.timepicker {
    background-image: url(../../../images/timepicker.jpeg);
}

.firstTimeO {
    position: absolute;
    z-index: 100;
    background-color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.afterFBPopUpHead {
    padding: 2px 5px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.afterFBPopUpsub {
    padding: 2px 5px 10px 5px;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    font-style: italic;
}


/*.recTimeAt {
    font-size: 11px;
    color: #B3B3B3;
}*/

/*.recQuantSpan {
    color: #B3B3B3;
}*/

.extraRecHelp {
    float: right;
    font-weight: normal;
    color: #999999;
    font-size: 11px;
}

.notAvalRecHd {
    color: #CC3300;
    font-size: 10px;
    padding-left: 5px;
}

.recHeaderTr {
    cursor: pointer;
}

.extraRecHelp ul {
    padding: 0px;
    margin: 0px;
    float: left;
}

.extraRecHelp li {
    padding: 0px;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    margin-right: 8px;
    font-weight: normal;
    font-size: 11px;
}


.moreDetailHd {
    background-color: #E8F0FF;
    border-left: 1px solid #C3D9FF;
    border-top: 1px solid #C3D9FF;
    color: #232323;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.nextForBookDv {
    padding: 5px;
    text-align: right;
}


.timeQua {
    color: #999;
    text-decoration: underline;
    font-size: 13px;
}


/*.CatBoxDvCl {
    position: relative;
    text-align: center;
    display: inline-block;
}*/

/*.SelCatBoxDvCl {
    border: 1px solid #0066FF;
    position: absolute;
    top: 25px;
    width: 150px;
    display: none;
    background-color: #FFFFFF;
    z-index: 10;
    border-radius: 5px;
    left: 50%;
    margin-left: -75px;
}

.SelCatBoxDvClInner {
    max-height: 100px;
    overflow: auto;
}

.CatBoxDvCl.clickedDv .SelCatBoxDvCl {
    display: block;
}

.SelCatBoxDvCl .quantityScrollBoxDvClInner div {
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}

.OutArrow {
    padding: 0px;
    margin-left: -10px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 50%;
}

.InArrow {
    padding: 0px;
    margin-left: -9px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 50%;
}*/

.selectedRectable {
    /*border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #C3D9FF;*/
}

.removedDateTr td {
    background-color: #F0F0F0;
}

    .removedDateTr td .datespan {
        text-decoration: line-through;
    }



#recAllAvailableTime {
    border: 1px solid #0066FF;
    background-color: #FFFFFF;
    width: 150px;
    border-radius: 5px;
    padding-right: 0px;
    padding-left: 0px;
}

.recAllAvailableTimeTopArrowUp {
    padding: 0px;
    margin-left: -10px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 50%;
}

.recAllAvailableTimeTopArrowDown {
    padding: 0px;
    margin-left: -9px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 50%;
}


/*End Recurring*/

/************************************Check available Appointment Start**************************/
.userSelectedAppointment .userSelectedAppointmentHeading {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentHeadingBl {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentHeadingBr {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #E8F0FF;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C3D9FF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C3D9FF;
}

.userSelectedAppointment .userSelectedAppointmentText {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
}

.userSelectedAppointment .userSelectedAppointmentTextBl {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #666;
    vertical-align: top;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 10px;
    padding-bottom: 15px;
    /*border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #C3D9FF;*/
    padding-left: 7px;
}

    .userSelectedAppointment .userSelectedAppointmentTextBl.showCostTd {
        text-align: right;
        padding-right: 10px;
    }

.userSelectedAppointment .userSelectedAppointmentTextBr {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #666;
    vertical-align: middle;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C3D9FF;
    padding-top: 4px;
    padding-bottom: 4px;
    /*border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C3D9FF;*/
    padding-left: 2px;
}

.userSelectedAppointment .userSelectedAppointmentBottom0 {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.userSelectedAppointment .userSelectedAppointmentBottom1 {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E8F0FF;
    padding-left: 3px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #C3D9FF;
    border-bottom-color: #C3D9FF;
    border-left-color: #C3D9FF;
}

.userSelectedAppointment .convertedCurrency {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #333333;
    vertical-align: middle;
}

.userSelectedAppointment .userSelectedAppointmentBottom0 .etcInfoReq {
    padding: 4px;
    margin: 2px 2px 2px 0px;
    border: 1px solid #F7D179;
    background-color: #FFFFCC;
    width: 288px;
}

.userAppointmentPayingDetail .userAppointmentPayingDetailHeading {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #232323;
    vertical-align: middle;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
}

/*.userAppointmentPayingDetail .userAppointmentPayingDetailText {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    padding: 4px 2px 4px 2px;
    color: #232323;
}*/

.userAppointmentPayingDetail .userAppointmentPayingDetailTextBt {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    padding: 4px 2px 4px 2px;
    color: #232323;
}

/*.userAppointmentPayingDetail .userAppointmentPayingDetailNote {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #CC3300;
    margin-top: 15px;
    margin-bottom: 4px;
}*/
/************************************Check available Appointment End****************************/


.termCondition {
    font-size: 11px;
    color: #000000;
    font-family: Verdana;
}

.termConditionLink {
    text-decoration: underline;
    cursor: pointer;
    font-size: 11px;
    font-family: Verdana;
}

.termConditionErr {
    border: 1px solid #FF0000;
    font-size: 11px;
    font-family: Verdana;
    color: #333333;
    background-color: #FFE6E6;
    padding-left: 10px;
}




/************ Laguage Drop Down ***********/


.timezoneTpDId {
    position: relative;
    width: auto;
    margin-top: 3px;
    z-index: 11;
    color: #333333;
}

.laguageDv {
}

#timezoneList {
    border: 1px solid #CCCCCC;
    position: absolute;
    left: 0px;
    top: 20px;
    background-color: #FFFFFF;
    /*display: none;*/
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    box-shadow: 3px 3px 3px #ddd;
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
}

    #timezoneList #timezoneListBody {
        height: 200px;
        overflow: auto;
    }

.timezoneTpDId.timezoneTpD #timezoneList {
    /*display: block;*/
}

.timezoneTpDId #timezoneList div.selLangCom {
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #E6E6FF;
    padding: 5px;
    width: 250px;
    text-align: left;
    cursor: pointer;
}


.timezoneTpDId #timezoneList div.selLangComHover {
    background-color: #CCFF66;
}

.timezoneTpDId #timezoneList div.selLang {
    background-color: #FFFF99;
}

.lgIcon {
    margin: 0px;
    float: left;
}

#tzscrollDownList, #tzscrollUpList {
    background-color: #F9F9F9;
    cursor: pointer;
}

.currenttimezone {
}


#staffSelection .srTxSd, #staffSelection .stTxSd {
    text-transform: none;
}


    #staffSelection .stTxSd label img.imgCl, .stafflistInDetailCl .stTxSd img.imgCl {
        height: 50px;
        /*border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        border-bottom-left-radius: 160px 160px;
        border-bottom-right-radius: 160px 160px;
        border-top-left-radius: 160px 160px;
        border-top-right-radius: 160px 160px;
        -webkit-border-radius: 160px;*/
        float: left;
    }

.stafflistInDetailCl .staffDetailCl {
    font-size: 12px;
}

#staffSelection .stTxSd label .stfNameWithImg, .stafflistInDetailCl .stTxSd .stfNameWithImg {
    float: left;
    padding-left: 10px;
    padding-top: 15px;
}


#staffSelection .stTxSd label .disCouponHelpSpn {
    float: left;
    padding-left: 5px;
    padding-top: 15px;
}

.adiSerTmSlot {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px 5px 10px 5px;
    position: absolute;
    left: -10px;
    font-size: 12px;
    width: 170px;
    -webkit-box-shadow: 3px 3px 3px #999999;
    -moz-box-shadow: 3px 3px 3px #999999;
    box-shadow: 3px 3px 3px #999999;
    border-radius: 0px 4px 4px 4px;
    z-index: 10;
}

.addSermsg {
    padding-bottom: 15px;
}

.addSerArrowOut, .addSerArrowIn {
    padding: 0px;
    margin-left: 0px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #CCCCCC transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
}

.addSerArrowIn {
    margin-left: 1px;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    top: -9px;
    z-index: 2;
}


.TimezoneMsgHd {
    color: #0F0F0F;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: left;
}

.TimezoneMsgBd {
    padding: 10px;
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FCFCFC;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
}

    .TimezoneMsgBd div {
        padding: 50px;
    }

.timeZonetdTx {
    font-size: 12px;
    text-align: right;
}

.timeZonetdFormat {
    font-weight: bold;
    padding: 5px 15px;
}

.TimezoneMsgBt {
    padding: 5px;
    text-align: center;
}

.TimezoneMsgExt {
    padding: 5px;
}

.currentTimezoneDImg {
    margin: 4px 0px 0px 4px;
    padding: 0px;
    background-position: center center;
    border-style: solid none solid solid;
    border-width: 1px 0px 1px 1px;
    border-color: #F3F3F3;
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 0px;
    display: inline-block;
    padding: 0px;
    border-style: solid;
    border-width: 7px 5px 0px 5px;
    border-color: #777 transparent transparent transparent;
    cursor: pointer;
    font-size: 0px;
}


.detailBlockCl {
    padding: 5px 20px;
}

.noShow {
    left: -10000px;
    position: absolute;
}

.reviewleftsect {
    float: left;
    height: 65px;
    margin-left: 5px;
    width: 110px;
}


.reviewright {
    min-height: 70px;
    overflow: auto;
    /*width: 320px;*/
}

.separtor {
    border-top: 1px dashed #DCDCDC;
    margin-bottom: 15px;
    margin-top: 15px;
}

.adminReplyReview {
    background-color: #EFEFEF;
    border: 1px solid #D1D1D1;
    border-radius: 8px 8px 8px 8px;
    color: #575757;
    font-size: 11px;
    font-weight: bold;
    left: 0;
    margin: 10px 10px 10px 110px;
    padding: 10px;
    position: relative;
    /*width: 300px;*/
}

.BoxUparrowNoti {
    border-color: transparent transparent #D1D1D1;
    border-style: dashed dashed solid;
    border-width: 10px;
    display: inline-block;
    font-size: 15px;
    height: 0;
    left: 15px;
    line-height: 0;
    position: absolute;
    top: -20px;
    vertical-align: middle;
    width: 0;
}


#BottomPopupMsgBox {
    padding: 2%;
    background-color: #FFE2B7;
    border: 1px solid #FFCC80;
    position: fixed;
    z-index: 10;
    bottom: -175px;
    font-size: 1.5em;
    -webkit-box-shadow: 2px 2px 2px #FFCC80;
    box-shadow: 2px 2px 2px #FFCC80;
    left: 50%;
    /*-moz-transition: bottom 1500ms ease 0s;
	-webkit-transition: bottom 1500ms ease 0s;
    transition: bottom 1500ms ease 0s;*/
}

    #BottomPopupMsgBox.show {
        bottom: 65px;
    }

    #BottomPopupMsgBox .BottomPopupMsgArrow, #BottomPopupMsgBox .BottomPopupMsgArrowIn {
        padding: 0px;
        margin-left: 0px;
        font-size: 0px;
        border-style: solid;
        border-width: 15px 10px 0px 10px;
        border-color: #FFCC80 transparent transparent transparent;
        width: 0px;
        height: 0px;
        position: absolute;
        bottom: -15px;
        z-index: 1;
    }

    #BottomPopupMsgBox .BottomPopupMsgArrowIn {
        margin-left: 1px;
        border-width: 14px 10px 0px 10px;
        border-color: #FFE2B7 transparent transparent transparent;
        bottom: -14px;
        z-index: 2;
    }



/*New Login Box*/

#signUpFM .signupTable, #loginFM .loginTable {
    margin: auto;
    width: 300px;
}

.appointyLoginEvntboxCl, .appointySignupEvntboxCl {
    /*width: 40%;*/
    background-color: #EBEBEB;
    margin: 3px;
    float: left;
    text-align: center;
}

    .appointyLoginEvntboxCl .appointyloginbtCl, .appointySignupEvntboxCl .appointyloginbtCl {
        padding: 10px;
        border: 1px solid #C0C0C0;
        cursor: pointer;
    }


        .appointyLoginEvntboxCl .appointyloginbtCl:hover, .appointySignupEvntboxCl .appointyloginbtCl:hover {
            -webkit-box-shadow: 2px 2px 4px #999;
            box-shadow: 2px 2px 4px #999;
        }

.appointySignupEvntboxCl {
}




.formwithADvCl .loginsignUpPadding input, .formwithADvCl .loginsignUpPadding textarea, .formwithADvCl .loginsignUpPadding select {
    /*border-bottom-width: 0px;
     border-right-width: 0px;
    border-radius: 3px 3px 3px 3px;*/
    background-position: 5px 100px;
    color: #858585;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 8px 2px 8px 25px;
    text-indent: 2px;
    border-color: transparent transparent #ccc transparent;
    /*background-image: url(Images/inputSignUpBg.png);*/
    background-repeat: no-repeat;
    line-height: 14px;
    border-width: 0px 0px 1px;
    
    -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0; /* Firefox 1-3.6 */
    border-radius: 0;
    box-shadow: none;
}
.formwithADvCl .loginsignUpPadding input[type=input], .formwithADvCl .loginsignUpPadding textarea, .formwithADvCl .loginsignUpPadding select {
     
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.formwithADvCl .loginsignUpPadding select {
    padding: 6px 2px 6px 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0; /* Firefox 1-3.6 */
    border-radius: 0;
}


.formwithADvCl .loginsignUpPadding input.nameBg {
    background-position: 5px -15px;
    /*text-indent: 24px;*/
}

.formwithADvCl .loginsignUpPadding input.addressBg {
    background-position: 5px -178px;
    /*text-indent: 24px;*/
}

.formwithADvCl .loginsignUpPadding input.emailBg {
    background-position: 5px -55px;
    /*text-indent: 24px;*/
}

.formwithADvCl .loginsignUpPadding input.passwordBg {
    background-position: 5px -220px;
    /*text-indent: 24px;*/
}

.formwithADvCl .loginsignUpPadding input.mobileBg {
    background-position: 5px -96px;
    /*text-indent: 38px;*/
    text-transform: capitalize;
}

.formwithADvCl .loginsignUpPadding input.phoneBg {
    background-position: 5px -138px;
    /*text-indent: 38px;*/
}

/*Only For IE-7*/

.formwithADvCl .loginsignUpPadding select#CountryDdl {
    text-indent: -1px;
    *margin-left: 17px;
}

.formwithADvCl .loginsignUpPadding select#regionddl {
    *margin-left: 18px;
}

.formwithADvCl .loginsignUpPadding #chkZipShow {
    *margin-left: 18px;
}

.formwithADvCl .loginsignUpPadding .contactInfoIE {
    *margin-left: -22px;
}


/*Only For IE-7 END */

.contactInfoContainer {
    margin: 10px 0 0px;
}


.formwithADvCl .loginsignUpPadding input.bottomBorder, .formwithADvCl .loginsignUpPadding textarea.bottomBorder, .formwithADvCl .loginsignUpPadding select.bottomBorder {
    /*border-bottom-width: 1px;*/
    border-bottom-color: #ccc;
}

.formwithADvCl .loginsignUpPadding input.rightBorder, .formwithADvCl .loginsignUpPadding textarea.rightBorder, .formwithADvCl .loginsignUpPadding select.rightBorder {
    /*border-right-width: 1px;*/
    border-right-color: #ccc;
}

.formwithADvCl .loginsignUpPadding input.focusCl, .formwithADvCl .loginsignUpPadding textarea.focusCl, .formwithADvCl .loginsignUpPadding select.focusCl {
    color: #333;
    background-color: #fff;
}

.formwithADvCl .loginsignUpPadding input:focus, .formwithADvCl .loginsignUpPadding textarea:focus, .formwithADvCl .loginsignUpPadding select:focus {
    border-bottom: 1px solid #FF8F20;
    color: #333;
    background-color: #fff;
}

/*.addonformwithADvCl {
    padding-left: 0px;
}

    .addonformwithADvCl .addonforTr td {
        padding: 2px;
        font-size: 15px;
        color: #999;
        padding: 10px 0px 10px 7px;
    }*/


#loginwithA .signupTableDataTd .formOnAppButton {
    background-color: #FF9224;
    border: 1px solid #FF8F20;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 8px 15px;
    border: 0 solid #5D81AB;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}

    #loginwithA .signupTableDataTd .formOnAppButton:hover {
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    }


#loginwithA .signupTableDataTd .formOnAppButtonMover {
    border: 1px solid #A7CC26;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 3px 2px;
    color: #000000;
    background-color: #DAEC9B;
}

.allLoginText {
    border-width: 0px;
    background-color: transparent;
    height: auto;
    /*min-height: 370px;*/
}

.twoCollumBox {
    width: 138px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}



.oneCollumBox {
    width: 276px;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

#addE #appointmentScreen .oneCollumBox {
    width: 200px;
    padding: 4px 2px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#signUpFM .twoCollumBox, #signUpFM .oneCollumBox, #loginFM .twoCollumBox, #loginFM .oneCollumBox {
    float: left;
    width: 100%;
    position: relative;
}

#signUpFM .twoCollumBox, #loginFM .twoCollumBox {
    width: 50%;
}

    #signUpFM .twoCollumBox input, #signUpFM .oneCollumBox input, #signUpFM .twoCollumBox select, #signUpFM .oneCollumBox select, #loginFM .twoCollumBox input, #loginFM .oneCollumBox input, #loginFM .twoCollumBox select, #loginFM .oneCollumBox select {
        width: 100%;
        box-sizing: border-box;
    }



    #signUpFM .twoCollumBox i, #signUpFM .oneCollumBox i, #loginFM .twoCollumBox i, #loginFM .oneCollumBox i {
        position: absolute;
        top: 9px;
        left: 3px;
        font-size: 16px;
        color: #ccc;
    }


    #signUpFM .twoCollumBox.active i, #signUpFM .oneCollumBox.active i, #loginFM .twoCollumBox.active i, #loginFM .oneCollumBox.active i {
        color: #92298e;
    }
	
	label.customListBox:before,div.customListBox:before {
        /*background: none repeat scroll 0 0 #e4e5e5;*/
        content: "";
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 1px;
        top: -0px;
        width: 23px;
    }
    

    label.customListBox:after,div.customListBox:after {
        color: #8b8b8b;
        content: ">";
        font: 11px "Consolas",monospace;
        padding: 0 0 2px;
        pointer-events: none;
        position: absolute;
        right: 5px;
        top: 25%;
        transform: rotate(90deg);
    }

.contactInforRow {
    /*position: relative;*/
}

.countryCode {
    color: #888888;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
}

.countryCode {
    left: 27px;
    position: absolute;
    top: 10px;
}

.LoginOPtionBoxForUser {
    text-align: center;
}

.facebookLoginboxoption, .googleLoginboxoption {
    float: left;
}

#loginwithA {
    padding-top: 25px;
    text-align: center;
}
/* end */


#addonservicesForOrder {
    margin:0px 10px;
    /*background-color: #FFFFFF;
    border-top: 1px dashed #CCCCCC;*/
}/**/

/*.addonforTr select {
    color: #999999;
    font-size: 15px;
    border: 2px solid #CCCCCC;
    width: 150px;
}*/

.tickImagebox, .tickImageboxForStaffService {
    width: 20px;
    float: left;
}

/*.addonformwithADvCl .addonforTr .talignRight {
    padding-right: 10px;
    text-align: right;
}*/

/*#grandTotleForFinalOrder {
    margin: 10px 0px;
}*/

/*#discountCouponBoxDiv {
    background-color: #F8F8F8;
    background-image: url("Images/dissci.png");
    background-position: 5px 8px;
    background-repeat: no-repeat;
    border: 1.5px dashed #DDDDDD;
    padding: 10px 5px 10px 35px;
    margin-right: 7px;
}*/

/*#discountCouponDiv a {
    text-decoration: underline;
}*/

/*#paymentTypeSelectionTb {
    font-size: 15px;
}

    #paymentTypeSelectionTb .tickImagebox {
        padding: 0px 10px;
    }

    #paymentTypeSelectionTb.userAppointmentPayingDetail .userAppointmentPayingDetailTextBt {
        padding: 15px 2px;
        font-size: 15px;
    }*/

/*span#AppPayLaterOption {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    font-style: italic;
    font-weight: bold;
    padding: 4px 10px;
}*/

.addonforTr.selected {
    /*background-color: #F0F0F0;*/
    text-transform:capitalize;
}


.addonforTr div {
    padding-bottom:7px;
    text-transform:none;
}


.addonforTr span {
    padding-right:17px;   
}

.addonforTr .talignRight span {
       padding-right:0px;
}

.addonforTr span img{
    width:15px;   
}

#dis_ErrMess > div#DeisCountCriteria {
    margin-top: 15px;
}

#DeisCountCriteria li {
    color: #666666;
    list-style: disc outside none;
    padding-top: 3px;
    font-size: 12px;
}

#dateselectionMsgSlotDis {
    position: relative;
}

.dateselectionMsgArrowCl {
    position: absolute;
    left: 10px;
    top: 0px;
    background-image: url(Images/ArrowIMG.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 40px;
    height: 40px;
}

.dateselectionMsgCl {
    margin-left: 60px;
    margin: 0px 10px 0px 50px;
    background-color: #f5f5f5;
    position: relative;
    padding: 15px 5px 15px 10px;
    font-size: 20px;
    color: #888;
}


/*.paymentoptionDtlMsg {
    font-size: 14px;
    padding: 10px 5px 7px 40px;
}*/

.thnkMsgBd > img {
    float: left;
    margin-left: 10px;
    width: 32px;
}

.LeftsideAppDateAfterBking {
    background-color: #EFEFEF;
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-size: 40px;
    margin: 0 10px 10px;
    text-align: center;
    width: 80px;
}

.LeftsideAppDateAfterBkingHd {
    background-color: #99CC00;
    border-bottom: 2px solid #99BB00;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 2px 1px #99BB00;
    box-shadow: 0 2px 1px #99BB00;
    color: #FFFFFF;
    font-size: 16px;
    padding: 3px;
}

.thnkMsgBdInnerHD {
    font-size: 22px;
    font-weight: bold;
}

.thnkMsgBdInnerHDSub {
    margin-bottom: 20px;
}

.FistAppointmetTimemCl {
    /*margin-bottom:20px;*/
}

#thankyouContainer a {
    text-decoration: underline;
}

.dtlTitle {
    font-weight: bold;
}

.FistAppointmetTimemCl span.dtlTitleText {
    display: block;
    margin-bottom: 20px;
}

body.desktopBodyCl {
    overflow-x: hidden;
}

html > body {
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
}

html body {
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
}

body {
    background-color: Transparent;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    text-align: left;
}

* {
    font-family: Arial;
    margin: 0;
    padding: 0;
}

address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], main, main[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -moz-isolate;
}

* {
    font-family: Arial;
}

.appConfirmationSpCl {
    margin-left: 100px;
}

.thnkMsgBd > span.appConfirmationSpCl {
    float: left;
    margin: 5px 5px;
}

/*** Order Container***/


.OrderContainer .catHeader, #MobileContainer .catHeader {
    padding: 9px 5px 9px 12px; /*background-color: #DFEBFF;*/
    text-align: left;
    font-size: 16px;
    color: #666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    background-color: #fff;
    margin-top: 10px;
    border-left: 3px solid #008000;
}

.OrderContainer .yearColor {
    color: #808080;
}

.OrderContainer #recurAppointment .userSelectedAppointmentTextBl, .OrderContainer #recAvaiApDTL .userSelectedAppointmentTextBl {
    border-left-width: 0;
}

.OrderContainer .recServiceName {
    color: #666666;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

    .OrderContainer .recServiceName .recServiceNameSpn {
        border-bottom: 1px solid #cccccc;
        display: inline-block;
        padding-bottom: 5px;
        padding-right: 15px;
    }

.OrderContainer .recServiceDtl {
    color: #666;
    font-size: 13px;
}

.OrderContainer .recTimeAt {
    font-size: 11px;
    color: #B3B3B3;
}


.OrderContainer .recQuantSpan {
    color: #B3B3B3;
}

.OrderContainer .CatBoxDvCl {
    position: relative;
    text-align: center;
    display: inline-block;
}


.OrderContainer .SelCatBoxDvCl {
    border: 1px solid #0066FF;
    position: absolute;
    top: 25px;
    width: 150px;
    display: none;
    background-color: #FFFFFF;
    z-index: 10;
    border-radius: 5px;
    left: 50%;
    margin-left: -75px;
}

.OrderContainer .SelCatBoxDvClInner {
    max-height: 100px;
    overflow: auto;
}

.OrderContainer .CatBoxDvCl.clickedDv .SelCatBoxDvCl {
    display: block;
}

.OrderContainer .SelCatBoxDvCl .quantityScrollBoxDvClInner div {
    padding: 4px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}

.OrderContainer .OutArrow {
    padding: 0px;
    margin-left: -10px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #0066FF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    z-index: 1;
    left: 50%;
}

.OrderContainer .InArrow {
    padding: 0px;
    margin-left: -9px;
    font-size: 0px;
    border-style: solid;
    border-width: 0px 9px 9px 9px;
    border-color: transparent transparent #FFFFFF transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -9px;
    z-index: 2;
    left: 50%;
}


.OrderContainer .addonformwithADvCl {
    padding-left: 0px;
}

    .OrderContainer .addonformwithADvCl .addonforTr td {
        padding: 2px;
        font-size: 13px;
        color: #999;
        padding: 10px 0px 10px 10px;
    }


    .OrderContainer .addonformwithADvCl .addonforTr .talignRight {
        padding-right: 10px;
        text-align: right;
    }


.OrderContainer .addonforTr select {
    color: #999999;
    font-size: 13px;
    border: 2px solid #CCCCCC;
    width: 150px;
}

.OrderContainer #addonservicesForOrder {
    background-color: #FFFFFF;
    border-top: 1px dashed #CCCCCC;
}

.OrderContainer #recurContainer {
    /*border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #C3D9FF;
    background-color: #E8F0FF; margin: 5px;*/
    padding: 10px 5px 10px 10px;
    margin-top: 5px;
    font-size: 13px;
}

.OrderContainer .recOptionhd {
    color: #808080;
}


.OrderContainer .recurGlo {
    margin-bottom: 0px;
}

    .OrderContainer .recurGlo h4, .OrderContainer .recDatCl h4 {
        padding-right: 1px;
        font-size: 11px;
        display: inline-block;
        color: #999999;
    }


.OrderContainer .recurType, .OrderContainer .recurdaysContain, .OrderContainer .recRepContain {
    float: left;
}



.OrderContainer .group {
    padding: 3px;
}


.OrderContainer #selectedWeekDayTxt {
    border: 1px solid #CCCCCC;
    padding: 4px 16px 4px 7px;
    background-color: #FFFFFF;
    background-image: url( "Images/menu_arrow_hover.gif" );
    background-position: right center;
    background-repeat: no-repeat;
}

.OrderContainer #selectedWeekDayDrop {
    position: absolute;
    width: 150px;
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #FFFFFF;
}


.OrderContainer .recDatCl {
    float: left;
    padding-right: 10px;
    margin-bottom: 0px;
}


.OrderContainer .paymentScreenDv .srTxSd, .OrderContainer .paymentScreenDv .stTxSd, .OrderContainer .paymentScreenDv .upperTd td, .OrderContainer .paymentScreenDv .lowerTd td {
    text-transform: none;
    font-size: 15px;
}


.OrderContainer #discountCouponBoxDiv {
    /*background-color: #fff;*/
    background-image: url("Images/dissci.png");
    background-position: 5px 8px;
    background-repeat: no-repeat;
    /*border: 1.5px dashed #DDDDDD;*/
    padding: 10px 5px 10px 35px;
    margin-right: 7px;
    font-size: 13px;
    background-size: 20px;
}

.OrderContainer #discountCouponDiv a {
    text-decoration: underline;
    color: #666;
}



.OrderContainer #GiftCertificateBoxDiv {
    /*background-color: #fff;*/
    background-position: 5px 0px;
    background-image: url("/Images/gcIcon.png");
    background-repeat: no-repeat;
    background-size: 20px;
    /*border: 1.5px dashed #DDDDDD;*/
    padding: 0px 5px 10px 35px;
    margin-right: 7px;
    font-size: 13px;
}

    .OrderContainer #GiftCertificateBoxDiv a {
        text-decoration: underline;
        color: #666;
    }

.PaymenttopborderClntCl {
    background-color: #ffffff;
    border: 5px solid #dddddd;
    border-radius: 5px;
    margin-left: -5px;
    margin-right: -5px;
    padding: 0.5px 0;
}

.receiptClntDiv {
    
    height: 26px;
    margin-left: -4px;
    margin-top: -15px;
}

.prepaymentOptionDiv {
    margin:0px 20px;
}

.OrderContainer .dataField input, .OrderContainer .dataField select {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 3px;
    padding: 3px;
}


.OrderContainer #grandTotleForFinalOrder {
    margin: 10px 0px;
}


.OrderContainer #paymentTypeSelectionTb {
    font-size: 15px;
}

    .OrderContainer #paymentTypeSelectionTb .tickImagebox {
        /*padding: 0px 10px;*/
    }

    .OrderContainer #paymentTypeSelectionTb.userAppointmentPayingDetail .userAppointmentPayingDetailTextBt {
        padding: 15px 2px;
        font-size: 15px;
    }


.OrderContainer .paymentOptD {
    /*float: left;
    padding-right: 10px;
    height: 45px;*/
    padding: 10px 10px 0px 0px;
    color: #333;
    font-size: 13px;
    margin: 5px 0px;
}

    .OrderContainer .paymentOptD.selected {
        background-color: #f0f0f0;
    }

.OrderContainer .userPayLaterOPtionBoxDvCl.selected {
    /*background-color: #FFF4F0;*/
}


.OrderContainer #PaymentOptions1 {
}

.OrderContainer .paymentOptD span {
    float: left;
}


.OrderContainer span#AppPayLaterOption {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    font-style: italic;
    font-weight: bold;
    padding: 4px 10px;
}
#prepaymentOptionDiv {
    margin:0 20px;
}
.OrderContainer .paymentoptionDtlMsg {
    font-size: 13px;
    padding: 10px 5px 7px 40px;
}

.OrderContainer .userPayLaterOPtionBoxDvCl .paymentoptionDtlMsg {
    border: 1px solid #FFD9CC;
    margin: 5px;
    font-size: 14px;
    padding: 10px 5px 7px 10px;
    display: inline-block;
    background-color: #FFF1EC;
    color: #CC3300;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}


.OrderContainer .userAppointmentPayingDetail .userAppointmentPayingDetailText {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    padding: 4px 2px 4px 2px;
    color: #232323;
}


.OrderContainer .userAppointmentPayingDetail .userAppointmentPayingDetailNote {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #CC3300;
    margin-top: 15px;
    margin-bottom: 4px;
}


.OrderContainer #recurTypeAllCondition {
    /*border-top-style: dotted;
	border-color: #C0C0C0;*/
    border-width: 1px;
    padding-top: 10px;
    float: left;
}


.OrderContainer #recurMsg {
    background-position: 10px center;
    /*background-color: #FFFFA4;
	border: 1px solid #FFFF66;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 30px;
    font-size: 12px;
    display: block;
    background-image: url(Images/info.png);
    background-repeat: no-repeat;
}




.OrderContainer #amountDtsTd {
    background-color: transparent;
    color: #808080;
    margin: 0 20px;
}

.amountDtsTdInnerDv {
    background-color: #ffffff;
    margin-top: -5px;
    padding: 20px;
}

.OrderContainer .appGrandTotalCl {
    border-width: 1px;
    border-color: #CCCCCC;
    color: #333333;
    padding-top: 5px;
    margin-top: 5px;
    border-top-style: dashed;
}


.OrderContainer .userSelAppoCost {
    width: 50%;
    float: left;
}

.OrderContainer .serCostBt {
    font-size: 14px;
    float: right;
    margin-right: 10px;
}

/*** End of Order Container***/

/*** Start of Order Container New***/




/*** End of Order Container New***/
.userSelectedAppointment .talignRight {
    position: relative;
}

.OrderContainer .CatBoxDvCl {
    position: absolute;
    bottom: 10px;
    left: 5px;
}

.OrderContainer {
    background-color: #eee;
}

.userSelectedAppointment {
    background-color: #fff;
    box-shadow: 0 2px 2px #bbbbbb;
}

.TimeDetailBox {
    padding: 0px 0px 0px 12px;
    width: 100px;
    font-size: 15px;
    border-left: 3px solid #008000;
}

.TimeDetailBoxInner {
    margin: 10px 0px;
    border-right: 1px solid #dddddd;
}

.TimeDetailBoxDv {
    padding: 0px 0px 45px;
}

.TimeDetailBox a {
    color: #333;
    text-decoration: underline;
}

.userSelectedAppointment:hover .TimeDetailBox a {
    color: #0000ff;
}

.PriceDetailBoxDv {
    padding: 10px 0 0;
}

.userSelectedAppointment .fa {
    color: #008000;
}

/*** End of  Coolblue Member Mobile ***/

/*** Loading Member Mobile ***/

#loading {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    font-family: "trebuchet MS", Helvetica, georgia, garamond;
    z-index: 3;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #00bfff;
    font-weight: bold;
}

#notfound {
    padding: 45px;
    position: absolute;
    /* left: 22%; */
    top: 50%;
    margin-top: -50px;
    /* margin-left: -100px; */
    text-align: center;
    font-family: Arial, Helvetica, georgia, garamond;
    font-size: 12pt;
    color: #942363;
    font-weight: normal;
    width: 100%;
    line-height: 25px;
    box-sizing: border-box;
}

    #notfound a {
        font-family: Arial, Helvetica, georgia, garamond;
        font-size: 12pt;
        text-decoration: underline;
    }

#serviceStaffDetailOnOver {
    position: absolute;
    z-index: 1001;
    width: 200px;
    min-height: 60px;
    font-size: 12px;
    color: #525252;
    text-align: left;
}

#barServicetext tr.overRowColor {
    background-color: #C3D9FF;
}

/*** End of  Loading Member Mobile ***/


/*** ServiceStaff Desktop ***/


/*** End of ServiceStaff Desktop ***/

/*** Common ***/
.highlightedHeader {
    border-width: 1px;
    border-color: #E6E6E6;
    background-color: #F8F8F8;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 5px;
    text-align: left;
    border-top-style: solid;
}


.left_Selection_HeaderDv {
    margin-top: 20px;
}

.HeadingHeaderCl {
    padding: 10px 5px 10px 10px;
    text-align: left;
    font-size: 14px;
    color: #999;
    /*;*/ background-color: #fff;
    cursor: pointer;
    float: left;
    margin-top: -17px;
    text-transform: uppercase;
}

.bgLine {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
}

#recAvaiApDTL {
    border-width: 0px;
}

/*** End of Common ***/

/*** Mobile ***/





#MobileContainer #topMenu {
    padding: 5px 5px 2px 5px;
    background-color: #F4F4F4;
    position: relative;
}

    #MobileContainer #topMenu div.indicat, #topMenu div.indicatOut {
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        line-height: 0px;
        border-style: solid;
        border-width: 0px 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        width: 0px;
        height: 0px;
        bottom: -1px;
        margin-left: -6px;
    }

    #MobileContainer #topMenu div.indicatOut {
        border-width: 0px 9px 9px 9px;
        border-color: transparent transparent #fff transparent;
        margin-left: -5px;
    }

#MobileContainer .headTopXtra {
    height: 43px;
    background-color: #F0F0F0;
    border: 1px solid #C3C3C3;
}


#MobileContainer #topMenu a {
    /*padding: 5px 5px 5px 5px;*/
    color: #FFFFFF;
}

#MobileContainer #topMenu ul {
    padding: 0px;
    margin: 0px 45px 0px 0px;
    float: right;
}

    #MobileContainer #topMenu ul li {
        margin: 5px 2px 0px 2px;
        color: #333333;
        font-size: 12px;
        cursor: pointer;
        display: block;
        padding: 6px 5px 6px 5px;
        text-align: center;
        float: left;
        /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
        background-color: #F7F7F7;
        text-transform: uppercase;
    }


        #MobileContainer #topMenu ul li.selectedLi {
            border-color: #CDD9FA;
            font-weight: bold;
            background-color: #C3D9FF;
            border-radius: 3px 3px 0 0;
            -webkit-box-shadow: 0 -4px 0 #A5BADE;
            box-shadow: 0 -4px 0 #A5BADE;
        }

        #MobileContainer #topMenu ul li.scheduleBt {
            background-color: #3399FF;
            -webkit-box-shadow: 3px 3px 3px #0000FF;
            box-shadow: 3px 3px 3px #0000FF;
        }



#MobileContainer .logoOutter {
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    display: inline-block;
    color: #333;
    margin-top: -30px;
    float: left;
    /*float:left;*/
}

#mobileBodyContainer {
    /*position: relative;*/
}


    #mobileBodyContainer .srTxSd, #mobileBodyContainer .stTxSd {
        padding-bottom: 15px;
        padding-left: 7px;
        padding-top: 15px;
    }


#MobileContainer .nextPreBt {
    text-align: center;
    width: 100%;
    /*padding: 10px 0px;*/
    position: fixed;
    bottom: 0px;
    background-color: #000;
    z-index: 2;
}

    #MobileContainer .nextPreBt a {
        color: #fff;
    }


#MobileContainer .PreviousC, #MobileContainer .NextC, #MobileContainer .PreviousL, #MobileContainer .NextF {
    /*background-color: #FF9900;
	width: 90px;
	padding: 10px 20px 10px 20px;
	margin: 0px 2%;*/
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 13px 0px;
    display: block;
    /*
	float:left;
        filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;*/
}

#MobileContainer .nextPreHalfBt .PreviousC, #MobileContainer .nextPreHalfBt .NextC, #MobileContainer .nextPreHalfBt .PreviousL, #MobileContainer .nextPreHalfBt .NextF {
    width: 49%;
    float: left;
    color: #ffffff;
}

#MobileContainer .NextC, #MobileContainer .NextF {
	background-color: #7b7b7b;
    /*background-color: #99CC00;
	float:right;*/
}

#MobileContainer .nextPreHalfBt .NextC, #MobileContainer .nextPreHalfBt .NextF {
    /*background-color: #99CC00;*/
    float: right;
    border: 1px solid #222222;
}

#MobileContainer .nextPreHalfBt .NextDisC {
    color: #bbb;
}

#MobileContainer .PreviousL, #MobileContainer .NextF {
    /*width: 90px;*/
}

#MobileContainer .selectedRowClr .servicedescWithAni {
    padding-left: 55px;
}



#MobileContainer .TimezonepopupInnerDvCl {
    position: absolute;
    left: 0%;
    top: 30%;
    width: 100%;
    z-index: 1000;
}

    #MobileContainer .TimezonepopupInnerDvCl select {
        width: 100%;
    }

#MobileContainer .timezoneOverlay {
    background-color: #CCCCCC;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 800px;
    top: 0px;
    left: 0px;
    opacity: .75;
}

#MobileContainer .bottomButtons {
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 24px;
    background-color: #62D5E6;
    background: linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #62D5E6 30%, #4CABB9 100%);
    background: -ms-linear-gradient(top, #62D5E6 0%, #4CABB9 100%);
    border: 0 solid #5D81AB;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    /*clear: both;*/
    display: inline-block;
    overflow: hidden;
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
    cursor: pointer;
}

    #MobileContainer .bottomButtons:hover {
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    }


    #MobileContainer .bottomButtons.nextPreBtMob {
        padding: 13px 0px;
        background: none repeat scroll 0 0 transparent;
        border-radius: 0px;
        -webkit-box-shadow: 0 0px 0px;
        box-shadow: 0 0px 0px;
    }

#timezoneHtmlValMob {
    padding: 3px 3px 3px 10px;
    color: #0000FF;
    cursor: pointer;
    text-decoration: underline;
}



#MobileContainer .srStSelImguoter {
    background-color: #FFFFFF;
    border-radius: 33.1px 33.1px 33.1px 33.1px;
    /*float: left;*/
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: -4px;
    padding: 5px 0 5px 8px;
    text-transform: capitalize;
}


#MobileContainer .onmouseoverChoose:hover .srStSelImguoter {
    -webkit-box-shadow: 3px 3px 0px #A5BADE;
    box-shadow: 3px 3px 0px #A5BADE;
}

#MobileContainer .srStSelImg.arrow_down {
    border: 2px solid #A5BADE;
    background-color: #fff;
    right: 3px;
    top: -5px;
    padding: 8px;
    position: relative;
}

#MobileContainer .arrow_down {
    background-image: none;
    padding: 7px;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    border: 2px solid #ddd;
    background-color: #EFEFEF;
    border-radius: 50%;
    margin-left: 5px;
    position: absolute;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

#MobileContainer .srStSelImg.arrow_down:after, #MobileContainer .srStSelImg.arrow_down:before {
    border-color: #A5BADE transparent transparent;
}

#MobileContainer .srStSelImg.arrow_down:after {
    border-color: #C3D9FF transparent transparent;
}

#desktopContainer .arrow_down {
    background-image: none;
    padding: 7px;
    *background-image: url("Images/arrow-down.png");
    *padding: 17px 7px 7px 17px;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    border: 2px solid #ddd;
    background-color: #EFEFEF;
    border-radius: 50%;
    margin-left: 5px;
    position: absolute;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

#MobileContainer .arrow_down:after, #MobileContainer .arrow_down:before {
    border-color: #ccc transparent transparent;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 6px 6px 0;
    content: "";
    left: 50%;
    margin-left: -6px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}

#MobileContainer .arrow_down:after {
    border-color: #EFEFEF transparent transparent;
    border-width: 4px 4px 0;
    margin-left: -4px;
    margin-top: -2px;
}



#MobileContainer .arrow_downouter {
    position: relative;
    padding: 1px;
}


#MobileContainer .imgSpnCl {
    display: block;
    border-radius: 160px 160px 160px 160px;
    float: left;
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
}

/*** End of Mobile ***/


/*** Desktop ***/

#desktopContainer #ap_body {
    margin: auto;
    width: 980px;
    padding-bottom: 0px;
}


#desktopContainer .headTopXtra {
    height: 43px;
    border-bottom: 1px solid #C3C3C3;
}


#desktopContainer .logoImgDvCl {
    /*border: 1px solid #C3C3C3;
    border-radius: 50px;
    float: left;
    height: 90px;
    width: 90px;
    overflow: hidden;
    background-color: #FFFFFF;
    margin-top: -40px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 6px #666;
    margin-top: -40px;*/
    background-color: #FFFFFF;
    float: left;
}

    #desktopContainer .logoImgDvCl img {
        vertical-align: middle;
        /*height: 100%;*/
        max-height: 75px;
    }

#desktopContainer .logoOutter {
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    display: inline-block;
    color: #333;
    float: left;
    /*float:left;
    margin-top: -30px;*/
}

#desktopContainer .bottomButtonsContainer {
    bottom: 15px;
    position: absolute;
    right: 15px;
}



#desktopContainer #helpRunTimeText .bottomButtonsContainer {
    bottom: 6px;
}




/*#desktopContainer .bottomButtons {
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 24px;
    background-color: #62D5E6;
    background: linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #62D5E6 30%, #4CABB9 100%);
    background: -ms-linear-gradient(top, #62D5E6 0%, #4CABB9 100%);
    border: 0 solid #5D81AB;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    clear: both;
    display: inline-block;
    overflow: hidden;
    transition: all 0.6s linear 0s;
    cursor:pointer;
}*/

#desktopContainer .bottomButtons {
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 24px;
    background-color: #FF9900;
    /*background: linear-gradient(center top, #FF9900 0%, #FF9900 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #FF9900 0%, #FF9900 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #FF9900 30%, #FF9900 100%);
    background: -ms-linear-gradient(top, #FF9900 0%, #FF9900 100%);*/
    background-color: #FF9900;
    border: 0 solid #5D81AB;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    clear: both;
    display: inline-block;
    overflow: hidden;
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
    cursor: pointer;
}



    #desktopContainer .bottomButtons:hover {
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    }





#desktopContainer .nextPreBt {
    text-align: center;
    width: 100%;
    /*position: fixed;
    bottom: 50px;*/
    z-index: 2;
}

    #desktopContainer .nextPreBt a {
        color: #fff;
    }

#desktopContainer #highLightHelpText.nextPreBt {
    text-align: center;
    width: auto;
    /*position: fixed;
    bottom: 50px;*/
    z-index: 2;
}




#desktopContainer .PreviousC, #desktopContainer .NextC, #desktopContainer .PreviousL, #desktopContainer .NextF {
    display: block;
}

#desktopContainer .nextPreHalfBt .PreviousC, #desktopContainer .nextPreHalfBt .NextC, #desktopContainer .nextPreHalfBt .PreviousL, #desktopContainer .nextPreHalfBt .NextF {
    float: left;
    margin: 0 0 0 35px;
}

#desktopContainer .NextC, #desktopContainer .NextF {
    /*background-color: #99CC00;
	float:right;*/
}

#desktopContainer .nextPreHalfBt .NextC, #desktopContainer .nextPreHalfBt .NextF {
    /*background-color: #99CC00;*/
    float: right;
    clear: none;
}

#desktopContainer .bottomButtons.DisableBt {
    color: #777;
    background-color: #E5E5E5;
    background: linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #E5E5E5 0%, #B5B5B5 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #E5E5E5 30%, #B5B5B5 100%);
    background: -ms-linear-gradient(top, #E5E5E5 0%, #B5B5B5 100%);
}


#desktopContainer .nextPreHalfBt .NextDisC {
    color: #777;
    background-color: #E5E5E5;
    background: linear-gradient(center top, #62D5E6 0%, #4CABB9 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #E5E5E5 0%, #B5B5B5 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #E5E5E5 30%, #B5B5B5 100%);
    background: -ms-linear-gradient(top, #E5E5E5 0%, #B5B5B5 100%);
}

#desktopContainer .PreviousL, #desktopContainer .NextF {
    /*width: 90px;*/
}

#desktopContainer #highLightHelpText.nextPreHalfBt .PreviousC {
    margin: 0 0 0 5px;
}






#desktopContainer .selectedRowClr .servicedescWithAni, #desktopContainer .hoveredRowClr .servicedescWithAni {
    padding-left: 26px;
}

#desktopContainer .deatilText {
    background-color: #FFA98C;
    border-radius: 2px 2px 0 0;
    color: #FFFFFF;
    margin: 0;
    padding: 9px;
}

#desktopContainer #recurAppointment .userSelectedAppointmentTextBr {
    width: 130px;
}

#desktopContainer .mainScreenMenu {
    float: right;
}

.mainScreenMenu ul {
    margin: 0px;
    padding: 0px;
}


.mainScreenMenu li {
    color: #000000;
    cursor: pointer;
    float: left;
    font-weight: bold;
    padding: 0.45em 1.5em;
    position: relative;
    vertical-align: middle;
    background-color: #eeeeee;
    margin: 5px 5px 0px 5px;
}

#desktopContainer .serStSlWtCl {
    font-size: 12px;
    font-weight: normal;
}

.mainScreenMenu li.selected {
    background-color: #C3D9FF;
    border-radius: 3px 3px 0px 0px;
    -webkit-box-shadow: 0 -4px 0 #A5BADE;
    box-shadow: 0 -4px 0 #A5BADE;
    z-index: 2;
    position: relative;
    bottom: -1px;
}


.selectedRowColor {
    background-color: #CCDDEE;
}

#ap_right_appDetail_scroll_top_shadow, #ap_right_appDetail_scroll_bottom_shadow, .upperscrollShadowDv, .lowerscrollShadowDv {
    position: absolute;
    height: 6px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 10;
}

.showscrollDownDv {
    padding: 2px 6px 2px 0px;
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 10;
    height: 18px;
    /*line-height: 30px;*/
    background-color: rgb(165, 186, 222);
    background-color: rgba(165, 186, 222,.85);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

span.scrollArrowCl {
    font-size: 0;
    padding: 11px 15px;
    position: relative;
}

    span.scrollArrowCl:before, span.scrollArrowCl:after {
        background-color: #fff;
        content: "";
        font-size: 0;
        left: 50%;
        line-height: 0;
        margin-left: -3px;
        padding: 3px;
        position: absolute;
        top: 0;
    }

    span.scrollArrowCl:after {
        background-color: transparent;
        border-color: #fff transparent transparent;
        border-right: 10px solid transparent;
        border-style: solid;
        border-width: 6px 8px 0;
        font-size: 0;
        margin: 0 0 0 -8px;
        padding: 0;
        top: 6px;
    }

#ap_right_appDetail_scroll_top_shadow, .upperscrollShadowDv {
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.7), transparent) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), transparent) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.7), transparent) repeat scroll 0 0 transparent;
    opacity: 0;
}

#ap_right_appDetail_scroll_bottom_shadow, .lowerscrollShadowDv {
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0 0 transparent;
    opacity: 0;
}

#desktopContainer .upperscrollShadowDv {
    top: 0px;
    width: 100%;
}

#desktopContainer .lowerscrollShadowDv {
    bottom: 0px;
    width: 100%;
}

#desktopContainer .calContainerIdNoCl {
    width: 100%;
    cursor: pointer;
}

#desktopContainer .OrderContainer .recServiceName {
    font-size: 14px;
}

#desktopContainer .OrderContainer .catHeader {
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}

.userappImgOnDtCl {
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 3;
}

#pDate > div#viewTabMenu {
    padding: 5px;
}

#viewTabMenu ul {
    padding: 0px;
    margin: 0px;
}

#viewTabMenu li {
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    float: left;
}

#desktopContainer .arrow_downouter {
    position: relative;
    padding: 1px;
}

#desktopContainer .arrow_down {
    background-image: none;
    padding: 7px;
    *background-image: url("Images/arrow-down.png");
    *padding: 17px 7px 7px 17px;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    border: 2px solid #ddd;
    background-color: #EFEFEF;
    border-radius: 50%;
    margin-left: 5px;
    position: absolute;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

    #desktopContainer .arrow_down:after, #desktopContainer .arrow_down:before {
        border-color: #ccc transparent transparent;
        -moz-border-image: none;
        -o-border-image: none;
        -webkit-border-image: none;
        border-image: none;
        border-style: solid;
        border-width: 6px 6px 0;
        content: "";
        left: 50%;
        margin-left: -6px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        -ms-transform: rotate(1deg); /* IE 9 */
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg); /* Safari and Chrome */
    }

    #desktopContainer .arrow_down:after {
        border-color: #EFEFEF transparent transparent;
        border-width: 4px 4px 0;
        margin-left: -4px;
        margin-top: -2px;
    }

#desktopContainer .hide .arrow_down {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); /* Safari and Chrome */
}

/*#desktopContainer .hide .arrow_down:after, #desktopContainer .hide .arrow_down:before {
        border-color: transparent transparent #ccc;
        border-width: 0 6px 6px;
        margin-top: -5px;
    }

    #desktopContainer  .hide .arrow_down:after {
        border-color: transparent transparent #EFEFEF;
        margin-top: -2px;
        border-width: 0 4px 4px;
    }*/



#desktopContainer .srStSelImguoter {
    background-color: #FFFFFF;
    border-radius: 33.1px 33.1px 33.1px 33.1px;
    /*float: left;*/
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: -4px;
    padding: 5px 0 5px 8px;
    text-transform: capitalize;
    color: #000;
}

#desktopContainer .onmouseoverChoose:hover .srStSelImguoter {
    -webkit-box-shadow: 3px 3px 0px #A5BADE;
    box-shadow: 3px 3px 0px #A5BADE;
}

#desktopContainer .srStSelImg.arrow_down {
    border: 2px solid #A5BADE;
    background-color: #fff;
    right: 3px;
    top: -5px;
    padding: 8px;
    position: relative;
}

    #desktopContainer .srStSelImg.arrow_down:after, #desktopContainer .srStSelImg.arrow_down:before {
        border-color: #A5BADE transparent transparent;
    }

    #desktopContainer .srStSelImg.arrow_down:after {
        border-color: #C3D9FF transparent transparent;
    }



.reviewCountSpCl {
    background-color: #E02424;
    border: 3px solid #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    font: bold 10px Tahoma,Arial,Helvetica;
    padding: 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

#desktopContainer .mainScreenMenu ul li .TabImage {
    /*background-image: url("../../app_themes/1/administrator/Images/icongroupmenu.png");
    background-repeat: no-repeat;
    font-size: 0;
    height: 0;
    margin: 0 5px 0 0;
    padding: 15px 15px 0 0;
    width: 0;
        background-position: -5px 0;*/
}

    #desktopContainer .mainScreenMenu ul li .TabImage.TabImageSchedule {
        /*background-position: -5px 0;*/
    }

    #desktopContainer .mainScreenMenu ul li .TabImage.TabImageAbout {
        background-position: -5px -69px;
    }

    #desktopContainer .mainScreenMenu ul li .TabImage.TabImageReviews {
        background-position: -5px -35px;
    }

#desktopContainer #topMenu .logedUserImg {
    border-radius: 40px;
    overflow: hidden;
    margin-top: -10px;
    float: left;
}

#desktopContainer #topMenu .logedUserName {
    float: left;
    font-weight: bold;
    padding-right: 5px;
    text-transform: capitalize;
    color: blue;
    text-decoration: underline;
}

#desktopContainer #topMenu #topUsermenuBox {
    float: left;
}

#topUsermenuBoxNameNImgInner {
    float: right;
}

#desktopContainer #topMenu #topUsermenuUl {
    position: absolute;
    right: -11px;
    top: -15px;
    /*width: 150px;*/
    background-color: #fff;
    border: 1px solid #CCCCCC;
    padding: 14px 10px 0;
}

#desktopContainer #topMenu ul li {
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
    margin: 0 5px;
    padding: 6px 6px 6px 15px;
    text-align: left;
    cursor: pointer;
}

    #desktopContainer #topMenu ul li:hover {
        background-color: #C3D9FF;
    }

.iframmenuAndLag {
    float: left;
}

#desktopContainer .iframmenuAndLag #topMenu .logedUserImg {
    margin-top: 0px;
}


#desktopContainer .iframmenuAndLag #topMenu {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    z-index: 14;
}

#desktopContainer .iframmenuAndLag .languageTpDCl {
    margin-top: 6px;
}


#desktopContainer .TimezonepopupInnerDvCl {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 400px;
    margin-left: -200px;
    z-index: 1000;
}


#desktopContainer .timezoneOverlay {
    background-color: #CCCCCC;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: .75;
}


#desktopContainer .catHeader {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    text-transform: uppercase;
}

    #desktopContainer .catHeader div {
        font-size: 14px;
        font-weight: bold;
    }

/*** End of Desktop ***/


/*** Custom Msg Box ***/

.alertBoxOverlayCl {
    position: absolute;
    z-index: 10000;
    width: 100%;
    top: 0px;
    left: 0px;
}

.alertBoxMsgOuterBdCl {
    position: absolute;
    z-index: 10001;
    width: 100%;
    top: 25%;
    left: 0px;
    background-color: #FFDFD5;
}

.alertBoxMsgBdCl {
    width: 50%;
    margin: 10px auto;
}

.alertBoxMsgBtCl {
    border: 1px solid #FFA688;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    padding: 6px 20px;
    float: right;
    color: #FFFFFF;
    background-color: #CC3300;
}

/*** End Custom Msg Box ***/


.closeNotiBar {
    background-image: url("../../Images/x.png");
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 3;
}

.TimezonepopupInnerBdDvCl {
    padding: 10px;
    background-color: #FFFFFF;
    border: 7px solid #C3D9FF;
    -webkit-box-shadow: 4px 4px 4px #f6f6f6;
    box-shadow: 4px 4px 4px #f6f6f6;
}

.roleCollisionMess {
    font-size: 14px;
    line-height: 22px;
}

.timezoneHeading {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}

.timezoneFooter {
    padding-top: 25px;
    text-align: center;
}

#timezoneHtmlVal {
    border-style: solid;
    border-width: 0px 0px 2px 2px;
    border-color: #A2BBDD;
    float: right;
    font-size: 12px;
    background: none repeat scroll 0 center #E8EEF7;
    border-radius: 0px 0 0 5px;
    color: #112ABB;
    margin: -5px -5px 0px 0px;
    padding: 5px 10px;
    cursor: pointer;
}

    #timezoneHtmlVal:hover {
        -webkit-box-shadow: -1px 1px 1px #A5BADE;
        box-shadow: -1px 1px 1px #A5BADE;
    }

.domainRestrictionErr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF1C1C;
    background-color: #FFEAEA;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #FF8C8C;
    border-bottom-color: #FF8C8C;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px;
    text-align: center;
}

.checkInbuttonNew {
    background-color: #8798DA;
    border: 1px solid #5872A7;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
}



.appConfirmationSpCl > #mobVerifiedMsg {
    border: 2px solid #D6D6D6;
    border-width: 2px 0px 0px;
    margin: 25px auto;
    padding: 5px 10px;
    width: 275px;
}

.mobileNumVerificationCodeBox {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}

.cancelPolicyMsgBoxouterCl {
    color: #666666;
    padding-bottom: 15px;
    /*padding: 5px 43px;*/
}

/*--------------myAppointment------------------*/


div.myAppointmentContainer {
    border-radius: 6px 0 0 6px;
    /*padding: 0 0 8px 8px;*/
    padding: 0 0 8px 0px;
    margin-top: 15px;
    text-align: left;
}

    div.myAppointmentContainer .HeadingHeaderCl {
        background-color: #FFFFFF;
        color: #999999;
        cursor: pointer;
        float: left;
        font-size: 14px;
        margin-top: -17px;
        padding: 10px 5px 10px 10px;
        text-align: left;
        text-transform: uppercase;
    }

    div.myAppointmentContainer .bgLine {
        border-top: 1px solid #CCCCCC;
    }


#mobileBodyContainer div.myAppointmentContainer .srTxSd {
    padding-left: 25px;
    padding-bottom: 15px;
}

#mobileBodyContainer div.myAppointmentContainer .upperTd {
    border-bottom: 1px solid #999999;
    /*border-top: 1px solid #999999;*/
    /*border-top:2px dashed #999999;*/
}




div.myAppointmentContainer .left_Selection_HeaderDv {
    margin-top: 30px;
}

div.myAppointmentContainer .appLinkPastAndUpcoming {
    float: right;
    margin-top: -21px;
    padding-right: 10px;
}

div.myAppointmentContainer .CancelAppCl {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 3px 3px 3px #DDDDDD;
    box-shadow: 3px 3px 3px #DDDDDD;
    font-size: 11px;
    height: 30px;
    /*margin-top: 10px;*/
    padding-left: 10px;
    padding-top: 13px;
}

div.myAppointmentContainer .appUparrowNoti {
    border-color: transparent transparent #D1D1D1;
    border-style: dashed dashed solid;
    border-width: 10px;
    display: inline-block;
    font-size: 15px;
    height: 0;
    left: 15px;
    line-height: 0;
    margin-left: 107px;
    /*margin-top: -48px;*/
    text-align: left;
    vertical-align: middle;
    margin-top: -5px;
}


.AppReviewBox {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 3px 3px 3px #DDDDDD;
    box-shadow: 3px 3px 3px #DDDDDD;
    color: #797979;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
    margin-top: 10px;
    padding: 12px;
}

.Appreviewbut {
}





#desktopContainer .smallReviewBut {
    background-color: #E5E5E5;
    border: 1px solid #D2D2D2;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 5px 5px;
    padding: 4px 15px;
    text-align: center;
    vertical-align: middle;
}

#MobileContainer .smallReviewBut {
    background-color: #E5E5E5;
    border: 1px solid #D2D2D2;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 5px 5px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
}

#MobileContainer .redBut, #desktopContainer .redBut {
    background-color: #FFDDDD;
    border: 1px solid #FFB0B0;
    float: left;
    color: #800000;
}

#MobileContainer .GreenBut, #desktopContainer .GreenBut {
    background-color: #B3FF95;
    border: 1px solid #8DFF62;
    float: left;
    color: #003300;
}

#MobileContainer .yellowBut, #desktopContainer .yellowBut {
    background-color: #D8FFCA;
    border: 1px solid #BDFFA4;
    float: left;
    color: #009900;
}





/*.grybut {
    background-color: #C1C1C1;
    border: 1px solid #9A9A9A;
}*/

.smallBlueButton {
    background-color: #517CFF;
    border: 1px solid #285FFF;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.smallBlueButtongry {
    background-color: #DADADA;
    border: 1px solid #C0C0C0;
    border-radius: 2px 2px 2px 2px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    margin-top: 5px;
}



.Reviewcommentbox .uparrow {
    border-color: transparent transparent #C0C0C0;
    border-style: solid;
    border-width: 0 9px 9px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin-left: -7px;
    margin-top: -5px;
    padding: 0;
    position: absolute;
    top: -17px;
    width: 0;
}

.Reviewcommentbox .uparrowInner {
    border-color: transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 0 8px 8px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin-left: -6px;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    top: -17px;
    width: 0;
}

.Reviewcommentbox {
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    /* border: 1px solid #CECECE;*/
    color: #797979;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
    margin-top: 6px;
    padding: 12px;
    /*position: relative;*/
}

.fleft {
    float: left;
}

.Commentclosecl {
    color: #0000FF;
    font-size: 11px;
    margin-left: 7px;
    margin-top: 9px;
    padding-right: 15px;
}


div.myAppointmentContainer .userReview {
    color: #000000;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    position: relative;
    text-align: justify;
    white-space: normal;
    /*padding-top: 10px;*/
}

.linkdiv {
    color: #0000FF;
    font-size: 11px;
    margin-top: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.settingTab {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    padding: 10px 13px;
    -moz-border-radius: 5px 5px 0px 0px; /* FF1+ */
    -webkit-border-radius: 5px 5px 0px 0px; /* Saf3-4 */
    border-radius: 5px 5px 0px 0px; /*color: #808080;*/
    font-size: 13px;
    float: left;
    margin-left: 13px;
    color: #2C2C2C;
    background-color: #FFFFFF;
}

.selectedTab {
    background-color: #EAEAEA;
    color: #333333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EAEAEA;
    font-weight: bold;
}

.innerSettingContainer {
    /*margin-left: 5px;*/
    margin-top: -1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    /*margin-right: 5px;*/
}



.tabContainer {
    margin-top: 4px;
    background-color: #fff;
    margin-top: -1px;
    padding-top: 5px;
    padding-bottom: 8px;
}


.whitebox {
    /*background: none repeat scroll 0 0 white;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    padding: 12px 24px;*/
    background: white none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    /*margin-left: 54px !important;*/
    padding-bottom: 12px;
    padding-right: 24px;
    padding-top: 12px;
}

#desktopContainer div.myAppointmentContainer .whitebox {
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-right: 22px;
    padding-left: 22px;
}

#desktopContainer div.myAppointmentContainer .catHeaderNew {
    border-bottom: 0 solid #cccccc;
    font-size: 15px;
    /*margin-bottom: 8px;*/
    margin-left: 15px;
    margin-right: 24px;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
}

#MobileContainer div.myAppointmentContainer .whitebox {
    margin: 10px;
}

.catHeaderNew {
    border-bottom: 1px solid #CCCCCC;
    text-transform: uppercase;
    padding-top: 7px;
    padding-left: 10px;
}


div#innerSettingContainerAppointment {
    background-color: #EEEEEE;
    color: #585858;
    font-family: Arial;
    line-height: 1.5;
}

.smallBlueButton {
    background-color: #2B72E9;
    border: 1px solid #2B72E9;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.UserPaging {
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.smallBlueButton:hover, .actionbutton:hover, .smallbluebuttonlink:hover, .isSendEmailBt:hover {
    background-color: #0B85EC;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.review_Good {
    background-color: #FFFFCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.review_Bad {
    background-color: #FFCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.review_Excellent {
    background-color: #CCFFCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.review_username {
    font-size: 15px;
    /*font-weight: bold;*/
}

.review_comment {
    color: #000000;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    white-space: normal;
}

.arrowSpan {
    position: relative;
}

#MobileContainer .CheckInContainer {
    clear: both;
    padding-right: 5px;
    margin-top: -5px;
}

#desktopContainer .CheckInContainer {
    padding-right: 5px;
    float: right;
    margin-top: -5px;
}

#desktopContainer .AppSerStaffContainer {
    float: left;
}

#MobileContainer .AppSerStaffContainer {
    float: left;
    width: 100%;
}


/*--------------myAppointment End------------------*/

/*-------------ReviewContainer------------------*/

div.ReviewContainer .StarRatingcl div.star {
    background: url("Rating/media/stars.gif") repeat-x scroll left 0 transparent;
    cursor: pointer;
    width: 85px;
}

div.ReviewContainer .StarRatingcl span.curr {
    background: url("Rating/media/stars.gif") repeat scroll left 0 transparent;
    font-size: 1px;
}

div.ReviewContainer .StarRatingcl div {
    height: 26px;
    margin-left: 115px;
    text-decoration: none;
}

div.ReviewContainer .userFullNameNotiForReview {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    /*margin-left: 7px;*/
}

div.ReviewContainer .userreviewprofilecl {
    margin-bottom: 3px;
    margin-top: 12px;
}

div.ReviewContainer .bottomActivityDate {
    color: #A4A4A4;
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;
}


div.ReviewContainer .staffltBxImgCl {
    background-color: #EEEEEE;
    /*border: 3px solid #ccc;*/
    border-radius: 160px;
    height: 48px;
    position: relative;
    text-align: center;
    width: 48px;
}



div.ReviewContainer .bottomArrowout {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -13px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin: 0 0 0 -15px;
    padding: 0;
    position: absolute;
    width: 0;
    display: none;
}

div.ReviewContainer .bottomArrowin {
    border-color: #EEEEEE transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -11px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin: 0 0 0 -15px;
    padding: 0;
    position: absolute;
    width: 0;
    display: none;
}

div.ReviewContainer .reviewright {
    min-height: 0;
    overflow: auto;
    width: 320px;
}

div.ReviewContainer .userReview {
    background-color: #FBFBFB;
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 14px;
    margin-right: 5px;
    padding: 15px;
    position: relative;
    text-align: justify;
    white-space: normal; /*width: 410px;*/
}

div.ReviewContainer .bottomReviewArrowinner {
    border-color: #FBFBFB transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0;
    bottom: -7px;
    font-size: 0;
    height: 0;
    left: 21px;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}

div.ReviewContainer .bottomReviewArrow {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    bottom: -8px;
    font-size: 0;
    height: 0;
    left: 20px;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}

div.ReviewContainer .StarTwo ul.star {
    background: url("../Rating/media/stars.gif") repeat-x scroll left -25px transparent;
}

div.ReviewContainer .StarTwo li.curr {
    background: url("../Rating/media/stars.gif") repeat scroll left 0 transparent;
    font-size: 1px;
}

div.ReviewContainer .reviewleftsect {
    width: auto;
    margin-left: 12px;
}

div.ReviewContainer .adminReplyReview {
    margin: auto auto auto auto;
    width: 100%;
    /*top: -40px;*/
}

div.ReviewContainer .successReviewMess {
    color: #669900;
    font-size: 11px;
    font-weight: bold;
    /*margin-left: 79px;*/
}

#mobileBodyContainer div.ReviewContainer .adminReplyReview {
    margin: auto;
    background-color: #fff;
    border-top: 1px solid #D1D1D1;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-radius: 0px 0px 0px 0px;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    left: 0; /*margin: 10px 10px 10px 110px;*/
    padding: 10px 0px 0px 0px;
    position: relative;
}

.spnRed {
    color: red;
}

.spnYellow {
    color: #939300;
}

.spnGreen {
    color: green;
}

.ddlreviewContainer {
    float: right;
    margin-right: 24px;
    margin-top: 15px;
}

.Reviewpopup {
    background-color: #FFE2B7;
    border: 1px solid #FFCC80;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 2px 2px 2px #FFCC80;
    box-shadow: 2px 2px 2px #FFCC80;
    color: #333333;
    cursor: pointer;
    font-family: Arial;
    font-size: 20px;
    margin-bottom: 14px;
    margin-left: 11px;
    margin-right: 30px;
    padding: 7px;
    text-align: center;
    white-space: normal;
    margin-top: 15px;
}


.infoMessage {
    background-color: #feefb3;
    background-image: url("../Images/AppInfo.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #ffc875;
    border-radius: 10px;
    color: #9f6000;
    margin: 1px 14px 10px 22px;
    padding: 10px 10px 10px 35px;
}

div.ReviewContainer .separtor {
    border-top: 1px dashed #DCDCDC;
    margin-bottom: 35px;
    margin-top: 35px;
    border-top-color: #3B3B3B;
}

div.ReviewContainer .separtorNew {
    margin-bottom: 35px;
    margin-top: 35px;
    border-top-color: #3B3B3B;
}


/*.review_username {
    font-size: 14px;
    font-weight: bold;
}*/

#mobileBodyContainer div.ReviewContainer .review_date {
    color: #A1A1A1;
    font-size: 11px;
    /*display: inline;*/
}


#desktopContainer div.ReviewContainer .review_date {
    color: #A1A1A1;
    font-size: 11px;
    text-align: right;
    display: inline-block;
    margin-left: 15px;
    text-transform: lowercase;
    /*float: right;*/
    /*position: absolute;
    right: 10px;
    top: 10px;
    width: 200px;*/
}

.NewAbout_container {
    padding-top: 12px;
    font-size: 16px;
    font-family: Arial;
    color: #585858;
    line-height: 1.5;
    background-color: #EEEEEE;
    padding: 20px;
}

.NewAbout_spacing {
    margin: 1em 0px;
}

.NewAbout_narrowspacing {
    margin-top: 0.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

/*.whitebox {
    background: none repeat scroll 0 0 white;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    padding: 12px 24px;
}*/

.review_userImage {
    border-radius: 160px 160px 160px 160px;
    height: 48px;
    width: 48px;
}

.review_Good {
    background-color: #FFFFCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.review_Bad {
    background-color: #FFCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.review_Excellent {
    background-color: #CCFFCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}


#desktopContainer div.ReviewContainer .review_userImage_div {
    float: left;
    margin-right: 15px;
}

#mobileBodyContainer div.ReviewContainer .review_userImage_div {
    float: left;
}

.NewAbout_separator {
    border-bottom: 1px solid #E7E7E7;
}

.NewAbout_Header {
    font-weight: bold;
    font-size: 16px;
    margin: 1em 0;
}




.reviewReply {
    padding-top: 10px;
    padding-bottom: 10px;
}



#mobileBodyContainer div.ReviewContainer .reviewtext {
    /*float: left;*/
    /*margin-left: 53px;*/
    /*width: 440px;*/
    padding: 3px 6px;
}

#mobileBodyContainer div.ReviewContainer .AnonymousClientmobile {
    margin-left: 53px;
}


#desktopContainer div.ReviewContainer .AnonymousClient {
    margin-left: 45px;
    position: relative;
}



#desktopContainer div.ReviewContainer .reviewtext {
    /*float: left;*/
    /*margin-left: 28px;*/
    /*width: 100%;*/
    padding: 3px 6px;
    text-align: left;
    /*width: 800px;*/
    width: 100%;
}



#mobileBodyContainer div.ReviewContainer .detailBlockCl {
    padding: 5px 5px;
}


.morelink {
    font-size: 11px;
}


#desktopContainer div.ReviewContainer .adminReplyReview {
    margin: auto;
    background-color: transparent;
    border-top: 1px solid #D1D1D1;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-radius: 0px 0px 0px 0px;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    left: 0; /*margin: 10px 10px 10px 110px;*/
    padding: 10px 0px 0px 0px;
    position: relative;
    color: #999;
    font-size: 14px;
    font-style: italic;
}

div.ReviewContainer {
    background-color: #f5f5f5;
    line-height: 1.5;
    color: #585858;
    font-family: Arial;
    border: 1px solid #dcdcdc;
    margin-top: -5px;
    border-top: 0px solid #dcdcdc;
}

#desktopContainer div.ReviewContainer .whitebox {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 26px 0px 26px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    margin: 0 11px 15px;
    padding-left: 12px;
    /*margin-bottom: 15px;
    margin-left: 12px;
    margin-right: 12px;*/
}


/*.reviewBlock {
    position: relative;
}*/


.smallBlueButton {
    background-color: #2B72E9;
    border: 1px solid #2B72E9;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.UserPaging {
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.smallBlueButton:hover, .actionbutton:hover, .smallbluebuttonlink:hover, .isSendEmailBt:hover {
    background-color: #0B85EC;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


#MobileContainer div.ReviewContainer .whitebox {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 26px 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    margin: 0 10px 15px;
    padding-left: 12px;
}



/*-------------ReviewContainer END------------------*/

#mobileBodyContainer div.ClientUpdateCountainer .mobileBg {
    text-indent: 32px;
}



/*-------------ForgotPassContainer Start------------------*/

#loginFormDivForgot {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
    color: #666666 !important;
    line-height: 1.5;
    /*text-align: center;*/
    text-align: left;
}

    #loginFormDivForgot .formOnAppButton {
        background-color: #FF9224;
        border: 0 solid #5D81AB;
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
        color: #FFFFFF;
        font-size: 15px;
        font-style: normal;
        font-weight: bold;
        padding: 3px 2px;
        -moz-transition: all 0.6s linear 0s;
        -o-transition: all 0.6s linear 0s;
        -webkit-transition: all 0.6s linear 0s;
        transition: all 0.6s linear 0s;
    }

        #loginFormDivForgot .formOnAppButton:hover {
            -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
        }

    #loginFormDivForgot input[type="text"] {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        font-size: 12px;
        margin-top: 3px;
        padding: 7px;
    }

#mobileBodyContainer div#ForgotPassContainer .style1 {
    margin: auto;
    width: auto;
}

#desktopContainer div#ForgotPassContainer .style1 {
    margin: auto;
    width: 431px;
}

#desktopContainer div#ForgotPassContainer .lowerTd {
    margin-bottom: 5px;
}


/*-------------ForgotPassContainer End------------------*/


.left_Selection_subHeaderDv {
    margin-left: 7px;
    padding: 3px;
    border: 1px solid #FFCC66;
    background-color: #FFF7E6;
    box-shadow: 0 2px 2px #aaaaaa;
    color: #666666;
    font-size: 13px;
    margin-right: 7px;
    position: absolute;
    right: -7px;
    top: 0;
    border-width: 0px 0px 1px 1px;
    border-radius: 0px 0px 0px 5px;
}

.poweredbyleft {
    font-size: 12px;
    font-style: italic;
}


    .poweredbyleft a {
        text-decoration: underline;
    }



.MMformOnAppButton {
    background-color: #FF9224;
    border: 1px solid #FF8F20;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 3px 2px;
    border: 0 solid #5D81AB;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}

    .MMformOnAppButton:hover {
        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    }



/*-----------------Services image upload------------------------------*/

#serviceListWhenNoLeftBar .imgSpnCl {
    /*border-radius: 5px;
    display: block;*/
    float: left;
    /*height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px;*/
}


.ListOfServiceWhenNoLeftBarDataBx img.imgCl {
    border-radius: 50%;
    width: 40px;
}

.serviceGalleryBox {
    padding-bottom: 5px;
}

.serviceGalleryItem {
    box-sizing: border-box;
    float: left;
    height: 100px;
    margin-right: 5px;
    max-width: 90px;
    padding: 5px 5px 5px 0;
    position: relative;
    width: 33%;
}

.serviceGalleryItemImg {
    width: 100%;
    position: absolute;
    transition: all .3s;
    left: 0;
    top: 0;
    box-sizing: border-box;
}


.serviceGalleryItem:hover .serviceGalleryItemImg {
    width: 130%;
    left: -15%;
    top: -8%;
    z-index: 1;
}

/*-----------------------------------------------*/

/**Staff List After Time Selection*/

.StaffListAfterTimeSelectionCl {
    position: absolute;
    top: 100px;
    left: 100px;
    background-color: #fff;
    border: 5px solid rgba(190,190,190,.5);
    z-index: 101;
    border-radius: 8px;
}

    .StaffListAfterTimeSelectionCl .selectionHd {
        padding: 5px 10px;
        font-size: 15px;
        background-color: #efefef;
        border-bottom: 1px solid #e7e7e7;
    }

        .StaffListAfterTimeSelectionCl .selectionHd .selectionSubDtHd {
            background-image: url(/images/datepicker.jpeg);
            background-repeat: no-repeat;
            background-position: left center;
            padding: 3px 0px 4px 21px;
        }

        .StaffListAfterTimeSelectionCl .selectionHd .selectionSubTmHd {
            font-size: 13px;
            background-image: url(/images/timepicker.jpeg);
            background-repeat: no-repeat;
            background-position: left center;
            padding: 3px 0px 4px 22px;
        }

    .StaffListAfterTimeSelectionCl .selectionTitle {
        padding: 5px 10px;
        font-size: 15px;
        font-weight: bold;
    }

#StaffListBoxAfterTime {
    max-height: 150px;
    overflow: auto;
}

.staffBoxForSelection {
    padding: 5px 10px;
    cursor: pointer;
}

    .staffBoxForSelection:hover {
        background-color: #eee;
    }

    .staffBoxForSelection .imgSpnCl, .staffBoxForSelection .stnmCl {
        float: left;
    }

        .staffBoxForSelection .imgSpnCl img.imgCl {
            border-radius: 50%;
            width: 40px;
        }

    .staffBoxForSelection .stnmCl {
        font-size: 14px;
        padding: 10px 5px 5px 10px;
    }

.StaffListAfterTimeSelectionCl .closeMe {
    background-image: url("/Images/x.png");
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 3;
}


#ap_bodyForStaffSelectionAfterTime .stfNameWithImg {
    float: left;
    padding-left: 10px;
    padding-top: 15px;
}
/* End Staff List After Time Selection*/

/*--------------Review Block------------------------*/

.fleft {
    float: left;
}

#FbReviewDataOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 1000px;
    background-color: black !important;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#FbReviewData div, #FbReviewData div span {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

#FbReviewData {
    background-color: #FFFFFF;
    -moz-border-radius: 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    left: 50%;
    margin-left: -300px;
    position: absolute;
    top: 150px;
    z-index: 113;
    margin-top: 45px;
    border-radius: 5px;
}

.FBReviewContainer .FBReviewContainerInner {
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
    min-height: 190px;
    width: 490px;
    border-radius: 5px;
}

@media(max-width:500px) {
    #FbReviewData {
        margin-left: -150px;
    }
}

@media(max-width:500px) {
    .FBReviewContainer .FBReviewContainerInner {
        background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
        min-height: 190px;
        width: 290px;
        border-radius: 5px;
    }
}

.FBReviewContainer .FBReviewImage {
    float: left;
    height: 45px;
    width: 45px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
}

    .FBReviewContainer .FBReviewImage img {
        height: 45px;
        width: 45px;
    }

.FBReviewContainer .FBReviewName {
    color: #555555;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
    display: block;
    overflow: hidden;
    padding-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 12px;
    text-transform: capitalize;
}

.FBReviewContainer .FBReviewComment {
    /*background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;*/
    color: #818181;
    font-size: 15px;
    font-style: italic;
    font-weight: 200;
    margin-top: 15px;
    padding-left: 3px;
    word-wrap: break-word;
}

@media(max-width:550px) {
    .FBReviewContainer .FBReviewComment {
        font-size: 12px;
    }
}

.FBReviewContainer .FBReviewDate {
    margin-bottom: 10px;
    margin-top: 15px;
    color: #000;
    font-size: 11px;
    padding-left: 18px;
}

.FBCommentTextCl {
    width: 93%;
}

/*---------------------------------------------------*/

.FBclosebut {
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: 7px;
    top: 5px;
    z-index: 3;
    font-size: 22px;
    color: #aaa;
}

.FBReviewSeparator {
    background-color: #eee;
    height: 1px;
    line-height: 0;
}

.FBReviewContainer .FBReviewData {
    padding: 16px 14px 0;
}

.FBReviewContainer .FBReviewDataLink {
    padding: 15px;
}

.FBReviewContainer .FBReviewLinkspn {
    color: #999;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 1px;
}

.FBReviewContainer .FBReviewPostedLink {
    color: #000;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding-left: 11px;
    padding-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .FBReviewContainer .FBReviewPostedLink a {
        text-decoration: none;
        color: #999;
    }

        .FBReviewContainer .FBReviewPostedLink a:hover {
            text-decoration: underline;
            color: #999;
        }

.FBReviewContainer #ReviewServiceImage {
    float: left;
    padding: 8px;
}


.ReviewPromatespn a {
    border-color: #4cae4c;
    color: #fff;
}

.ReviewPromateLink {
    background-color: #5cb85c;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.PromoteReviewImg {
    width: 25px;
    height: 25px;
}

.FbPostLinkDiv a {
    color: #aaa;
    font-size: 11px;
}

.FbPostLinkDiv img {
}

#ReviewPromateConfirmBox {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #999;
    color: #66757f;
    display: none;
    list-style: outside none none;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 135px;
    z-index: 999;
    font-size: 14px;
}

.FBuparrow {
    border-color: transparent transparent #C0C0C0 transparent;
    border-style: solid;
    border-width: 0px 9px 9px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin-left: -7px;
    margin-top: -5px;
    padding: 0;
    position: absolute;
    top: -5px;
    width: 0;
}

.FBuparrowInner {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0px 8px 8px;
    font-size: 0;
    height: 0;
    left: 50%;
    margin-left: -6px;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    top: -5px;
    width: 0;
}

.FBuparrowmarginleft {
    margin-left: -92px;
}

.FBuparrowInnerleft {
    margin-left: -91px;
}

.closeBar {
    background-image: url("/Images/buttonClose1.gif");
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.FBLinkingInnerText {
    padding: 15px 21px;
}

.FBPostCl {
    cursor: pointer;
    padding-bottom: 4px;
}

.TwitterPostCl {
    cursor: pointer;
}

.socialBlockContainer img {
    height: 16px;
    width: 16px;
}

#ReviewAddContainer {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #666;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    left: 50%;
    position: absolute;
    top: 150px;
    z-index: 113;
    width: 100%;
}

#ReviewAddBody {
    width: 100%;
    background-color: #fcfcfc;
    /*padding: 10px;*/
}

#ReviewAddOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 1131px;
    background-color: #717171 !important;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.ReviewHeadingCl {
    border-bottom: 1px solid #eee;
    font-size: 22px;
    padding: 10px;
    text-align: center;
}

#ReviewDataAppointmentDetail {
    font-size: 16px;
    line-height: 23px;
    margin-left: auto;
    margin-right: 20px;
    padding: 10px;
    width: 58%;
}

.Reviewdullcl {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

#RaviewRateImages {
    background-color: #e2e2e2;
    padding: 10px 5px;
}

    #RaviewRateImages .RateImage {
        padding-left: 15px;
        position: relative;
        cursor: pointer;
    }

        #RaviewRateImages .RateImage .reviewimgAlter {
            /*background-color: #fff;*/
            border-top: 1px solid #e2e2e2;
            display: none;
            left: -42%;
            padding: 10px;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 49px;
            width: 90px;
        }

        #RaviewRateImages .RateImage img {
            transition: transform .5s ease-in-out;
        }

        #RaviewRateImages .RateImage.hover img {
            transform: scale(1.2);
        }

        /*#RaviewRateImages .RateImage.hover .reviewimgAlter {
            display: block;
        }*/

        #RaviewRateImages .RateImage.selectedCl .reviewimgAlter {
            display: block;
        }

        #RaviewRateImages .RateImage:hover .reviewimgAlter {
            display: block;
        }


        #RaviewRateImages .RateImage .reviewimgAlter {
            display: none;
        }

            #RaviewRateImages .RateImage .reviewimgAlter:after, #RaviewRateImages .RateImage .reviewimgAlter:before {
                position: absolute;
                height: 0px;
                width: 0;
                padding: 0;
                margin-left: -5px;
                border: 8px solid #e2e2e2;
                border-top-width: 0;
                top: -7px;
                left: 50%;
                content: "";
                border-color: transparent transparent #e2e2e2 transparent;
            }

            #RaviewRateImages .RateImage .reviewimgAlter:before {
                margin-left: -4px;
                border-width: 7px;
                border-top-width: 0;
                top: -6px;
                border-color: transparent transparent #fff transparent;
                z-index: 1;
            }

    #RaviewRateImages #RaviewRateImagesInner {
        width: 300px;
        border: 1px;
        margin: auto;
    }

.InsertRaviewLink {
    font-size: 16px;
    border-top: 1px dashed #dfdfdf;
    padding-bottom: 13px;
    padding-top: 13px;
    text-align: right;
    padding-right: 21px;
}

.ReviewImageCl {
    float: right;
    margin-right: 19px;
    margin-top: -70px;
}


.ReviewSmilyTextCl {
    /*font-size: 15px;*/
    margin-right: 7px;
    /*margin-top: 2px;*/
    margin-top: -2px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
}

.ReviewSmilyImageCl {
    height: 30px;
    width: 30px;
}

.doubleQuoteCl {
    height: 9px;
    width: 9px;
}

.ReviewCommentQuote {
    color: #999;
    /*font-family: sans-serif;*/
    font-family: Verdana;
    font-size: 14px;
    line-height: 17px;
    margin-left: 2px;
    width: 90%;
    word-wrap: break-word;
    padding: 15px;
    font-style: italic;
}

.ReviewChangeCl {
    /*margin-left: 25px;*/
}

    .ReviewChangeCl a {
        /*text-decoration:underline;*/
        font-size: 13px;
    }

#AddReview a {
    font-size: 13px;
    text-align: justify;
    white-space: normal;
}

.ServiceimgSpnCl img {
    border-radius: 50%;
    width: 40px;
}

.reviewVeryBadCl {
    background-color: #ffcccc;
}

.reviewBadCl {
    background-color: #ffcccc;
}

.reviewGoodCl {
    background-color: #FFFFCC;
}

.reviewVeryGoodCl {
    background-color: #FFFFCC;
}

.reviewExcellentCl {
    background-color: #CCFFCC;
}

#desktopContainer div.ReviewContainer .AnonymousClientFBPost {
    font-size: 12px;
    margin-left: 60px;
    padding-right: 65px;
}

#mobileBodyContainer div.ReviewContainer .AnonymousClientFBPost {
    font-size: 12px;
    margin-left: 4px;
}

.ReviewCommentTextCl {
    margin-top: 12px;
    padding-left: 20px;
}

@media(max-width:500px) {
    .InsertRaviewLinkMobile {
        margin-top: 30px;
    }
}

.ReviewCommentTextAreaCl {
    margin-bottom: 5px;
    margin-right: 30px;
}

.ButReview {
    background-color: #ffcc66;
    border: 1px solid #f2a400;
    color: #000000;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 17px;
}

.InsertRaviewLink a {
    color: #000000;
}

.Reviewfacebooksmallbuttomimg {
    background-image: url("../../images/Administrator/Promot20/facebook-button-bg.png");
    background-position: 1px 6px;
    background-repeat: no-repeat;
}

.ReviewsmallBlueButton {
    background-color: #2b72e9;
    border: 1px solid #2b72e9;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin-top: 46px;
    padding: 5px 8px 4px 20px;
    text-align: center;
    vertical-align: middle;
}

.ReviewCommentInnerQuoteCl {
    margin-top: -4px;
}

.review_ClientName {
    color: #666666;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: "Open Sans",sans-serif;
}

.review_ImageIcon {
    background-color: #fff;
    border-radius: 17px;
    float: right;
    padding: 3px;
    position: absolute;
    right: -20px;
    text-align: right;
}

div.myAppointmentContainer .review_ImageIcon {
    top: -54px;
}

.ReveiwPostToFBLinkCl {
    bottom: -1px;
    margin-left: 4px;
    margin-top: -1px;
    position: absolute;
}

    .ReveiwPostToFBLinkCl a {
        font-size: 12px;
        color: #fff;
    }

.FBsmallbuttomimg {
    background-image: url("../../images/Administrator/Promot20/facebook-button-bg.png");
    background-position: 2px 4px;
    background-repeat: no-repeat;
}

.FBsmallBlueButton {
    background-color: #2b72e9;
    border: 1px solid #2b72e9;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin-top: 46px;
    padding: 1px 4px 0 20px;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.ReviewCommentQuoteFbBut {
    padding-bottom: 25px;
}

#desktopContainer div.ReviewContainer .ReveiwPostToFBLinkCl {
    margin-left: 16px;
}

/*#desktopContainer div.NewAbout_container .review_date {
    color: #a1a1a1;
    float: right;
    font-size: 11px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 10px;
    width: 200px;
}*/

/*#desktopContainer div.myAppointmentContainer .userReview {
    padding-top: 10px;
}*/

#mobileBodyContainer div.ReviewContainer .review_ImageIcon {
    background-color: #fff;
    border-radius: 17px;
    float: left;
    left: 85%;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: -2px;
}

#mobileBodyContainer .innerSettingContainer {
    background-color: #eee;
}

#MobileContainer div.ReviewContainer .whitebox {
    /*margin: -10px 10px 10px;*/
}

#MobileContainer div.ReviewContainer .whitebox {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

#MobileContainer div.ReviewContainer .ReveiwPostToFBLinkCl {
    bottom: 5px;
}

#MobileContainer div.ReviewContainer .ReveiwPostToFBLinkCl {
    display: block;
}

#MobileContainer div.ReviewContainer .ReviewCommentQuoteFbBut {
    padding-bottom: 30px;
}

#desktopContainer div.myAppointmentContainer .ReveiwPostToFBLinkCl {
    bottom: 5px;
    margin-left: 90px;
}

.FbPostLinkDiv a {
    font-size: 11px;
}

#MobileContainer div.myAppointmentContainer .review_ImageIcon {
    left: 94%;
    top: -58px;
}

#MobileContainer div.myAppointmentContainer .ReveiwPostToFBLinkCl {
    bottom: 5px;
    margin-left: 91px;
}

.Reviewbooknow {
    background-color: #f0a30a;
    border-radius: 8px;
    color: #f7f7f7;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -33px;
    padding: 6px 9px;
    text-align: center;
    width: 127px;
    margin-right: 18px;
}

    .Reviewbooknow:hover {
        background-color: #f0a30a;
    }

.review-button {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    color: #737373;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    min-width: 40px;
    padding: 5px 5px 4px;
    position: relative;
    text-align: center;
}

.review-button-icon {
    background: rgba(0, 0, 0, 0) url(Images/WhiteReviewIcon.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    margin-top: 3px;
    vertical-align: top;
    width: 16px;
}


#desktopContainer div.myAppointmentContainer .UserPaging {
    margin-right: 20px;
}

#desktopContainer div.ReviewContainer .UserPaging {
    margin-left: 53px;
}

#desktopContainer div.myAppointmentContainer {
    margin-top: 0px;
}


@media(max-width:550px) {
    #ReviewDataAppointmentDetail {
        width: 100%;
        text-align: center;
    }
}

.ReviewStaffCl {
    margin-top: -5px;
}

.ReviewStaffName {
    font-size: 14px;
    font-weight: normal;
}

.review-Quote-icon {
    background: rgba(0, 0, 0, 0) url(Images/smily/doubleQuote_02.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    margin-top: 3px;
    vertical-align: top;
    width: 16px;
}

/*------------------------------------------------------*/
.noLoginVCDiv {
    background-color: #f9f9f9;
    margin: 10px auto;
    padding: 12px;
    width: 300px;
    border: 1px solid #eeeeee;
}

.noLoginVCHeading {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.noLoginVCHeadingHelp {
    font-size: 11px;
    color: #999999;
    margin-bottom: 5px;
}

    .noLoginVCHeadingHelp #existingMail {
        color: #0000ff;
    }

    .noLoginVCHeadingHelp .noLoginVCChangeDetail {
        color: #0000ff;
        text-decoration: underline;
        cursor: pointer;
    }

.noLoginVCActionDiv {
    margin-top: 5px;
    margin-bottom: 5px;
}

.noLoginVCInput, .noLoginVCButton {
    float: left;
}

    .noLoginVCInput input[type="text"] {
        width: 100px;
        border: 1px solid #666666;
    }

.noLoginVCButton {
    margin-left: 5px;
    margin-top: 7px;
    cursor: pointer;
}

    .noLoginVCButton span {
        background-color: #2929ff;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
    }

.wrongVerificationCode {
    font-size: 11px;
    color: #ff0000;
}

.ReviewTabLinkCl {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    color: #0000ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-right: 24px;
    padding-top: 10px;
    text-align: right;
    text-decoration: underline;
}

#desktopContainer div.ReviewContainer .tabContainerCl {
    margin-top: -1px;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 8px;
}

#setNewUserPassword {
    display: inline-block;
    font-size: 12px;
    padding-top: 8px;
    text-align: right;
    text-decoration: underline;
    text-transform: capitalize;
    width: 100%;
}


/** Postal Code Start **/

.postalCodeContainerBox {
  position:absolute;
  top:100px;
  left:0;
  width:100%;  
  background-color:#fff;
  border:5px solid #999;
  z-index:1000;      
  padding: 10px 20px;
  box-sizing:border-box;
}

#desktopContainer .postalCodeContainerBox {
      top:100px;
  left:50%;
  width:300px;
  margin-left:-150px;
}

.postalCodeContainerHd {
    font-size: 14px;
    font-weight: bold;  
text-align:center;	
}


#selectPosatalCodeId {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #62d5e6 0%, #4cabb9 100%) repeat scroll 0 0;
    border: 0 solid #5d81ab;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 4px rgba(180, 180, 180, 0.67);
}
.postalCodeSelectArea input{
    padding-left: 25px !important; 
}
.postalCodeSelectArea {
    padding:20px 0px;
}
.postalCodeSelectArea select:first-of-type{
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance:none;
    background-image: url(Images/search-locations.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 20px auto;    
    padding-left: 25px; 
    width: 95%;
  box-sizing:border-box;
}

#desktopContainer .postalCodeSelectArea select:first-of-type{  
    width: 220px;
}
#MobileContainer #selectPosatalCodeId{
    
}
.buttonArea {
    text-align:center;
}
.postalOverlay {               
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:rgba(0,0,0,.5);    
  z-index:999;
}


#selectedPostalCode{
    float:right;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

#selectedPostalCode span{
    color:#0000ff;
    cursor:pointer;
    
}


#MobileContainer #selectedPostalCode {
    float:left;
    margin-top: 9px;
}

/*** End ***/


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
}

.modal-confirm {
    color: #636363;
    max-width: 325px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px auto;
}

.modal-confirm.modal-dialog {
    margin-top: 80px;
}

.modal-content {
    position: relative;
    
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

.modal-body {
    position: relative;
    padding: 15px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
    .modal-body:before,
    .modal-body:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: -15px;
        left: 50%;
        margin-left: -9px;
        border-top: 10px solid rgba(0,0,0,0.2);
    }

    .modal-body:after {
        bottom: -10px;
        margin-left: -10px;
        border-top: 10px solid #fff;
    }
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #82ce34;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}

.modal-confirm .form-control, .modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
