.CustomEdit {
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 22px;
}
.CustomSelect{
    background-color: #f3f3f3;
    color: Black;
    border-radius: 5px;
    height: 26px;
}
.CustomButton {
	/*background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;*/
	background-color: #737373;
	border: #737373;
	font-weight:bold;
	border-radius: 5px;
	color: white;
	height:28px;
    font-size: 15px;
}
	.CustomButton:hover {
		/*background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;*/
		background-color: #FFE066;
        color: black;
	}

.CustomerButtonNextBig:hover {
    margin-left: 7px;
    height: 40px;
    background-color: #737373;
    color: white;
}
.CustomerButtonNextBig {
    margin-left: 7px;
    height: 40px;
    background-color: #FFE066;
    color: black;
}
.CustomButtonDisable {
    background: url("../../Images/ButtonBackground.jpg") repeat-x;
    border-radius: 5px;
    color: gray;
    height: 24px;
}
.CustomButtonLink {
    background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
    border-radius: 5px;
    color: #2d2d2d;
    padding: 4px;
    text-decoration: none;
    cursor: default;
}
.CustomButtonLink:hover 
{
    background: url("../../Images/ButtonBackgroundHover.jpg") repeat-x;
}
.CustomButtonLight {
    background-color: #dadada;
    border: solid 1px #8d8986;
    color: #6e6e73;
    height: 24px;
}

/*================================================
			Styles for ServiceList
=================================================*/
#serviceListHeaderBlock { margin: 20px 0px 0px 40px; }
.service_list { width: 100%; border-collapse: collapse; }
	.service_list .row_header {
		/* background: url("../../Images/ServicesHeaderBackground.jpg") repeat-x;*/
		background-color: #737373;
		color: #ffffff;
		font-weight: bold;
		height: 30px;
	}        
.service_list .cell_ { width: 32px; text-align: center; }
.service_list .cell_descr { width: 75px; text-align: center; }
.service_list .cell_price { width: 98px; text-align: center; }
.service_list .cell_name { text-align: center; }
.service_list .cell_multimedia { width: 98px; text-align: center; padding-right: 5px; }    
    
.scroll_panel  
{
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px; 
    margin-left: 40px;
    background-color: White;
    border: solid 1px gray;
}
    
.service_list .row_normal { color: Black; }
.service_list .row_alternating  
{
    background-color: #e4e4e4;
    color: #000000; 
}
    
.service_list .row_normal_selected,	.service_list .row_alternating_selected  
{
    background-color: #49a5db;
    color: #ffffff;
}

.service_list .row_normal_emenu_selected, .service_list .row_alternating_emenu_selected {
    background-color: #64c1f8;
    color: #ffffff;
}
    
.scroll_panel .service_list td { border: solid 1px #9F9F9F; }
.scroll_panel .service_list td.cell_name { text-align: left; cursor: pointer; }
.serviceControlPanelColumn{
    vertical-align:top;
    width: 300px;
}
#serviceControlPanel
{
    min-height: 360px;
    background-color: rgba(140,140,140,0.8);
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 20px;
}
.serviceControlBlock
{
    background-color: #d9dad8;
    margin: 14px 0px 0px 2px;
    padding: 5px;
    border: solid 1px #aea9a5;
    border-radius: 5px;
}
#serviceSummaryHeader
{
    position: absolute;
    left: -120px;
    background-color: #d9dad8;
    font-size: 13px;
    font-weight:bolder;
    padding: 5px;
    border: solid 1px #aea9a5;
}
.ServiceNextButton
{
    margin-top: 14px;
    text-align:center;
}
/*================================================
			Styles for ServiceList
=================================================*/
.appt-calendar-header{
    width: 100%;
    table-layout: fixed;
    /*border-collapse: collapse;*/
}
.appt-calendar-header-cell {
	color: white;
	background-color: #737373;
	border: medium none;
	padding: 2px;
	text-align: center;
	font-weight: bolder;
}
/*.appt-calendar-header td { text-align: center; border: none; background-color: #FFE493; padding: 2px; }
.appt-calendar-header .empty { height: 15px; background-color: Gray; }*/
.appt-calendar 
{
	 table-layout: fixed;
	 width: 100%; 	 
	 /*empty-cells: show; */
	 border-collapse: collapse;
}
.appt-calendar td 
{ 
	  background-color: lightcyan;
	text-align: center; 
      padding: 2px;
}

.appt-calendar td.normal  
{
    /*color: white;
    background-color: #46a4da;*/
    font-weight: bolder;
    padding: 0px 10px 0px 10px;
    margin-top: 2px;
}
.appt-calendar td.normal a { color: blue; }
.appt-calendar td.overwrite { color: Maroon; }
.appt-calendar td.overwrite a { color: Maroon; }
.appt-calendar td.multiday { color: Orangered; }
.appt-calendar td.multiday a { color: Orangered; }
.appt-calendar td.gray    
{
    /*color: #7a7b7d;
    background-color: #dee0e0;*/
    font-weight: bolder;
    padding: 0px 10px 0px 10px;
    margin-top: 2px;
}
.appt-calendar td.gray a { color: graytext; }
.appt-calendar td.selected-slot {
    background-color: #c0f2fc;
}


/*------------ FIRST AVAILABLE LINK --------------*/
a.first-available
{
	color: Blue;
	font-weight: bold;	
}
div.appt-detail-tooltip
{
	visibility: hidden; 
	overflow-x: hidden; 
	min-height: 20px; 
	padding: 5px; 
	border: solid 1px black; 
	position: absolute; 
	left: 5px; 
	top: 5px; 
	z-index: 1000; 
	width: 210px; 
	background-color: #FFFFDD; 
	font-size: 13px;
}
/*------------------Appointment Schedule Internal Window-----------------*/
.customerContentWindow {
	border: solid 1px black;
	border-radius: 5px;
	background-color: #d5d5d5;
	margin-top: 20px;
	width: 80%;
	/*margin-left: 10%;*/
}
	.customerContentWindow .customerContentWindowHeader {
		background-color: #737373;
		width: 96%;
		border-radius: 5px;
		padding: 2%;
		color: White;
		text-align: center;
		font-size: 18px;
	}
.customerContentWindow .customerContentWindowBlock
{
    background: white;
    text-align: center;
    padding: 2%;
	border-radius: 5px;
    color: #000000;
    font-size: 15px;
    font-weight:bold;

}

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

    /*-------------------Transportation options---------------------------*/
#TransportationOptionBlock
{
    width: 450px;
    margin-left: 20px;
}
#TransportationOptionBlockHeader
{
    font-size: 15px;
    font-weight: bolder;
    color: #757575;
    padding: 20px 0px 20px 0px;
}
#TransportationOptionBlockContent
{
    color: #5f6162;
    
}
.TranspOptionPanelComment
{
    line-height: 30px;
    border-bottom: solid 2px #cdcdcd;
    margin-bottom: 5px;
    
}
.TransportationPanelButton
{
    background-color: #5caed4;
    border:solid 1px #767270;
    float: left;
    min-width: 91px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 3px;
    color: #49555b;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
}

.TransportationPanelButtonSelected
{
    background-color: #d5d5d5;
    border:solid 1px #7e7f83;
    /*box-shadow: inset 0px 0px 10px 3px #5c5c5d;*/
    color: White;
    border-bottom: solid 1px #d5d5d5;
    float: left;
    min-width: 91px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
}
.TransportationCustomVerbiage{
    width: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 14px;
    margin: 15px 0px 5px 0px;
}
.TransportationOptionControl{
    width: 645px;
    float: left;
}

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

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

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

#SelectArvisorBlockHeader
{
    background-color: #252525;
    text-align: center;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    color: #e1e1e1;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
}
    /*-------------------Time slots-------------------------*/
.TimeSlotHighlightingBlock{
    float: right;
    margin-right:28px;
    padding-top: 10px;
}
.TimeSlotHighlightingBlock input{
    height: 30px;
}
#TimeSlotControlBlock {
	height: 26px;
	padding: 10px;
	background-color: #2f2e7a;
	color: #e1e1e1;
	vertical-align: top;
}
.TimeSlotControlBlockCaption{
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
}
.TimeSlotControlBlockButtons{
    float: right;
    vertical-align:top;
}
.TimeSlotControlBlockButtonDiv{
    float: left;
    margin-left: 10px;
}
.TimeSlotSwitchTimeButton{
    height:20px;
    background-color: #a1a1a1;
    width:17px;
    float:left;
    padding-top: 9px;
}
.TimeSlotControlButton {
    background-color: #a1a1a1;
    border: none;
    color: black;
    height: 29px;
    vertical-align:top;
    width: 150px;
}

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

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


/*----------------------------------------------------------------------------*/

/*-------------------------------Confirm Page---------------------------------*/
.ConfirmPageBlock, .ConfirmedPageBlock
{
    background-color: white;
    /*background: linear-gradient(to bottom, #dedede, #dbd9da) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border: solid 1px #95918e;
	border-radius: 5px;
    color: black;
    font-size: 15px;
    margin: 5px 10px 0px 10px;
    padding: 10px;
}
.ConfirmBlockHeader {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.ConfirmedHeader {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
.DetailTableHeaderCell {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.ConfirmedButtonBlock {
    margin-top: 20px;
}
.ConfirmPageBlockBottom
{
    padding: 20px;
    background-color: white;
    border: solid 1px #95918e;
    color: #575656;
    margin: 5px 10px 20px 10px;
}


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

.detail-table th {
    color: #575656;
    border-left: solid 1px gray;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
}
.detail-table th:first-child {
    border-left: none;
}
.detail-table td {
    border-left: solid 1px gray;
    padding: 0px 5px 0px 5px;
}
.detail-table tr td:first-child {
    border-left: none;
}
.totalDetail-table th
{
    color: #575656;
    font-size: 15px;
    font-weight: bolder;
}
.AppointmentConfirmHeader{
    font-weight: bold; 
    font-size: 20px;
}

.TransportationPopUpHover
{
    position: absolute;
    max-width: 400px;
    background-color: #eeeef0;
    border: solid 1px gray;
    border-radius: 5px;
    padding: 5px;
    opacity: 0;
}
.ReportTimeSlotDisable
{
    border-right: none;
    text-align: left;
    font-weight: bolder;
    background-color: #e4e4e4;
}

.ReportTimeSlotEnable
{
    border-right: none;
    text-align: left;
    font-weight: bolder;
    background-color: #abfcab;
}
.CustomerProfileVehiclePanelBlock{
    float: left;
    margin-left: 20px;
}

/* Custom PopUp */
.CustomAlertPopUp{
    width: 400px;
    background-color: #EBEBEB;
    z-index: 10001;
}
.CustomAlertPopUpHeader{
    background-color: #dcdcdc;
    color: #000000;
    border: none;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}
.CustomAlertPopUpCloseButton{
    width: 31px;
    height: 30px;
    margin: 7px 5px 0px 0px;
    float: right;
    background: url("../Images/CloseBtn.png") no-repeat transparent;
    cursor: pointer;
}
.CustomAlertPopUpContent{
    color: #000000;
    border: none;
    padding: 10px;
    text-align: center;
}
.CustomAlertPopUpButtons{
    text-align: center;
    vertical-align:middle;
    padding-top: 10px;
}
.CustomAlertPopUpButtons button{
    min-width: 100px;
}
.PopUpOverlay {
    z-index: 10000;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #777777;
    opacity: 0.7;
    left: 0;
    top: 0;
}
.CurrentMileageCaption{
    font-weight: bold;
}
.AddCustomerVehicleBlock {
    background-color: white;
    margin-top: 20px;
    width: 50%;
    margin-left: 25%;
    border-radius: 5px;
    font-weight: bold;
}

	.AddCustomerVehicleBlock .AddVehicleBlockHeader {
		background-color: #737373;
		border: solid 1px #737373;
		padding: 2%;
		color: White;
		text-align: center;
		font-size: 18px;
		border-radius: 5px;
        font-weight:bold;
	}

.AddCustomerVehicleBlock .CustomSelect, .AddCustomerVehicleBlock .CustomEdit {
    width: 200px;
}
.validationResultMileAge {
	color: white;
	padding: 20px;
	background-color: #F96868;
	font-weight: bolder;
	border: solid 1px #F96868;
	border-radius: 5px;
	width: 220px;
}