﻿body
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

/* Top navigation styles */
.sdi_navItemImageDiv {
    position: relative; 
    background: #ce1c00 url(../images/ServiceAppt/navBG_RedonWhite.png) repeat-x; 
    width: 100%; 
    height: 72px !important; 
    display: inline-block; 
    text-align: center; 
    vertical-align: middle;
}

.sdi_navItemImage_border_on {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    right: 0px; 
    height: 64px !important; 
    border: solid 4px #b5b5b5; 
}

.sdi_navItemImage_border_off {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    right: 0px; 
    height: 64px !important; 
    border: solid 4px #b5b5b5; 
    display: none;
}

.aef_navTitle 
{
	font-size: x-small;
	color: #000000;
	vertical-align: bottom;
}

/* End of Top navigation styles */

/* Fieldset styles */
.aef_fieldset {
    clear: both;
    display: inline-block;
    /* border: solid 1px #222222; */
    border: none;
	margin: 0px;
    padding: 0px;
    width: 100%;
}

.aef_fieldset h1 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: xx-large;
	font-weight: 800;
	color: #ce1c00;
	margin: -5px 0px 0px 0px;
    padding: 0px;
}

.aef_fieldset h4 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-weight: 600;
	color: #959597;
	margin: 0px;
    padding: 0px;
}
/*
.aef_fieldset legend {
    font-size: x-large;
    color: #222222;
    margin-left: 6px;
}
*/
/* End of Fieldset styles */

/* Service Request confirmation styles */
#aef_serviceRequestContainer {
    display: inline-block;
    clear: both;
    width: 100%;
    /* border: solid 1px #222222; */
    margin: 20px 0px 0px 0px;
}

#aef_serviceRequest {
    display: block;
    clear: both;
    width: 100%;
    border: none;
    /* background-color: #cee3ea; */
    background-color: #eaeaea;
    color: #666666;
}

#aef_header {
    display: block; 
    clear: both; 
    width: 100%; 
    height: 53px;
    background-image: url(../images/ServiceAppt/cnfHeaderBG_redonwhite.png);
    background-repeat: repeat-x;
    background-position: top left;
	color: #ffffff;
    font-size: x-large;
    font-weight: bold;
}

.aef_UpdateCancelText a, .aef_UpdateCancelText a:active, .aef_UpdateCancelText a:link, .aef_UpdateCancelText a:visited {
	margin-top: 20px;
	font-size: medium;
	font-weight: bold;
	color: #ce1c00;
	text-decoration: none;
}

.aef_UpdateCancelText a:hover {
	text-decoration: underline;
}

.aef_serviceRequestText 
{
	font-size: medium;
	color: #666666;
	font-weight: normal;
}

.aef_serviceRequestCategoryLink a {
    float: right;
    text-align: right;
    font-size: x-small;
    color: #ce1c00;
}

.aef_timerWhite 
{
	font-size: medium;
	color: #ffffff;
}
.aef_timerWhiteStrong 
{
	font-size: medium;
	color: #ffffff;
	font-weight: bold;
}

#aef_footer {
    display: block; 
    clear: both; 
    width: 100%; 
    border: none; 
    text-align: right;
}

.aef_divider {
    clear: both; 
    display: block; 
    font-size: 10px; 
    line-height: 10px;
    border-bottom: solid 1px #cccccc;
}
/* End of Service Request confirmation styles */

/* Drop down list styles */
.aef_dropdown a, .aef_dropdown a:visited {
    color: #666666;
    font-weight: 600;
    text-decoration: none;
    outline: none;
}

.aef_dropdown a:hover {
    /* color: #5d4617; */
}

.aef_dropdown dt a:hover {
    /*color: #5d4617;*/
    /*border: 1px solid #d0c9af;*/
}

.aef_dropdown dt {
	width: 100%;
}

.aef_dropdown dt a {
    background: #eaeaea url(../images/arrow_black.png) no-repeat scroll right center;
    display: block;
    padding-right: 20px;
    border: 1px solid #919193;
    width: auto;
    padding: 4px;
    font-size: medium;
}

.aef_dropdown dd ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #222222;
    color: #c5c0b0;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 100%;
    list-style: none;
}

.aef_dropdown dd ul li a {
    font-size: medium;
    padding: 4px;
}

.aef_dropdown dd ul li a:hover {
    background-color: #eaeaea;
}

.aef_dropdown dd ul li:hover {
    background-color: #eaeaea;
    cursor: pointer;
}
/* End of Drop down list styles */

/* Upcoming Appointments Styles */

.aef_UpcomingAppointmentRow_on {
	background-color: #eaeaea;
}

.aef_UpcomingAppointmentRow_off {
	background-color: #ffffff;
}

.aef_UpcomingAppointmentHeader { 
	font-size: medium;
	font-weight: 600;
	color: #ce1c00;
}

.aef_UpcomingAppointments { 
	font-size: medium;
	font-weight: 600;
	color: #666666;
}

.aef_UpcomingAppointments a, .aef_UpcomingAppointments a:link, .aef_UpcomingAppointments a:visited, .aef_UpcomingAppointments a:active { 
	font-size: medium;
	font-weight: 600;
	color: #666666;
	text-decoration: none;
}

.aef_UpcomingAppointments a:hover { 
	text-decoration: underline;
}

/* End of Upcoming Appointments Styles */

/* Status Page styles */
.status_header {
    display: block; 
    clear: both; 
    width: 100%; 
    height: 53px;
    background-image: url(../images/ServiceAppt/cnfHeaderBG_redonwhite.png);
    background-repeat: repeat-x;
    background-position: top left;
	color: #ffffff;
    font-size: x-large;
    font-weight: bold;
}

.td_bg {
    font-size: medium;
    font-weight: 600;
    background: #696969 url(../images/ServiceAppt/td_bg_right.png) right no-repeat;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.td_item_bg {
    font-size: medium;
    font-weight: 600;
    background: #ebebeb url(../images/ServiceAppt/td_item_bg_right.png) right no-repeat;
    color: #6d6d6d;
    padding: 10px;
    vertical-align: top;
}

/* End of Status Page styles */


/* Appointment Calendar Styles */
.aef_divAppointmentContainer .aef_divAppointmentTimeContainer .aef_divAvailableTimes .aef_tdAppointmentTimes .aef_divAppointmentTimes { 
    text-decoration: none; 
    color: #666666; 
    cursor: pointer; 
    font-size: medium;
    font-weight: 600;
}

.aef_divAppointmentTimes { 
    text-decoration: none; 
    color: #666666; 
    cursor: pointer; 
    font-size: medium;
    font-weight: 600;
}

.aef_divPreviousWeek_enabled { 
    float: left; 
    width: 24px; 
    height: 68px; 
    vertical-align: top; 
    text-align: left; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divPreviousWeek_enabled div {
	border-color: transparent #666666;
	border-style: solid;
	border-width: 31px 20px 31px 0px;
	height: 0px;
	width: 0px;
    cursor: pointer;
}

.aef_divPreviousWeek_disabled { 
    float: left; 
    width: 24px; 
    height: 68px; 
    vertical-align: top; 
    text-align: left; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divPreviousWeek_disabled div {
	border-color: transparent #cccccc;
	border-style: solid;
	border-width: 31px 20px 31px 0px;
	height: 0px;
	width: 0px;
}

.aef_divNextWeek_enabled { 
    float: left; 
    width: 30px; 
    height: 68px; 
    vertical-align: top; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divNextWeek_enabled div {
	border-color: transparent #666666;
	border-style: solid;
	border-width: 31px 0px 31px 20px;
	height: 0px;
	width: 0px;
    cursor: pointer;
    margin-left: 6px;
}

.aef_divNextWeek_disabled { 
    float: left; 
    width: 30px; 
    height: 68px; 
    vertical-align: top; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divNextWeek_disabled div {
	border-color: transparent #cccccc;
	border-style: solid;
	border-width: 31px 0px 31px 20px;
	height: 0px;
	width: 0px;
    margin-left: 6px;
}

.aef_divDayContainer_enabled .aef_divLeftPadding { 
    display: inline-block; 
    float: left; 
    width: 4px !important; 
    height: 68px !important; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divDayContainer_enabled .aef_divDayContainerIn .aef_divDayMonth { 
    width: 34px !important; 
    height: 17px !important; 
    background-color: #ce1c00; 
    color: #ffffff; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 13px; 
    line-height: 16px; 
    font-weight: bold;
    padding: 2px 0px 2px 0px; 
    border-top: solid 1px #ce1c00; 
    border-left: solid 1px #ce1c00; 
    border-right: solid 1px #ce1c00; 
}

.aef_divDayContainer_enabled .aef_divDayContainerIn .aef_divDayDay { 
    width: 34px !important; 
    height: 24px !important; 
    background-color: #ffffff; 
    color: #000000; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 20px; 
    line-height: 24px; 
    font-weight: bold; 
    border-left: solid 1px #ce1c00; 
    border-right: solid 1px #ce1c00; 
}

.aef_divDayContainer_enabled .aef_divDayContainerIn .aef_divDayWeekday { 
    width: 34px !important; 
    height: 17px !important; 
    background-color: #ffffff; 
    color: #000000; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 13px; 
    line-height: 16px; 
    border-left: solid 1px #ce1c00; 
    border-right: solid 1px #ce1c00; 
}

.aef_divDayContainer_enabled .aef_divDayContainerIn .aef_divDayBottom { 
    width: 34px !important; 
    height: 5px !important; 
    background-color: #ffffff; 
    color: #000000; 
    text-align: center; 
    vertical-align: middle; 
    border-bottom: solid 1px #ffffff; 
    border-left: solid 1px #ce1c00; 
    border-right: solid 1px #ce1c00; 
}

.aef_divDayContainer_disabled .aef_divLeftPadding { 
    display: inline-block; 
    float: left; 
    width: 4px !important; 
    height: 68px !important; 
    border-bottom: solid 2px #ce1c00; 
}

.aef_divDayContainer_disabled .aef_divDayContainerIn .aef_divDayMonth { 
    width: 34px !important; 
    height: 17px !important; 
    background-color: #ffb000; 
    color: #666666; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 13px; 
    line-height: 16px; 
    font-weight: bold;
    padding: 2px 0px 2px 0px; 
    border-top: solid 1px #999999; 
    border-left: solid 1px #999999; 
    border-right: solid 1px #999999; 
}

.aef_divDayContainer_disabled .aef_divDayContainerIn .aef_divDayDay {
    width: 34px !important;
    height: 24px !important;
    background-color: #ffffff;
    color: #666666;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

.aef_divDayContainer_disabled .aef_divDayContainerIn .aef_divDayWeekday {
    width: 34px !important;
    height: 16px !important;
    background-color: #ffffff;
    color: #666666;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 16px;
    border-bottom: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

.aef_divDayContainer_disabled .aef_divDayContainerIn .aef_divDayBottom {
    width: 36px !important;
    height: 5px !important;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 2px #ce1c00;
}

.aef_appointmentTimesHeader 
{
	font-size: medium;
	font-weight: 600;
	color: #ce1c00;
}
/* End of Appointment Calendar Styles */

/* Coupon selector styles */
/* Left button for slider images */
.ic_left_nav div {
	border-color: transparent #222222;
	border-style: solid;
	border-width: 31px 20px 31px 0px;
	height: 0px;
	width: 0px;
    cursor: pointer;
}

/* Right button for slider images */
.ic_right_nav div {
	border-color: transparent #222222;
	border-style: solid;
	border-width: 31px 0px 31px 20px;
	height: 0px;
	width: 0px;
    cursor: pointer;
    margin-left: 6px;
}

/* Coupon caption style */
.ic_caption 
{
	width: 100%;
	height: 100%;
	padding: 4px 4px;
	font-size: large;
	color: #222222;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
/*
	opacity: .7;
	background: #222;
    color: #fff;
	font-size: small;
	font-family: arial;
*/
}
.ic_caption a:active, .ic_caption a:link, ic_caption a:visited, ic_caption a:hover 
{
    display: inline-block;
	text-decoration: none;
	color: #fff;
    font-weight: bold;
    margin-top: 50px;
}
/* End of Coupon selector styles */

/* Service Request selector styles */
.aef_checkboxContainer {
    width: 100%; 
    height: 250px; 
    overflow: auto;
    border: solid 1px #222222;
}

.aef_checkboxContainer td {
    width: 100% !important;
    /* border-bottom: solid 1px #cccccc; */
    padding: 4px 1px 4px 1px;
}

.aef_ServiceRequestText_empty {
    color: #999999;
    font-style: italic;
}

.aef_ServiceRequestText_enter {
    color: #222222;
    font-style: normal;
}

.hilite 
{
    background-color: #f5feff;
    border-bottom: solid 1px #cccccc;
}

.hilite:hover {
    background-color: #e7eff0;
}

.hilite input {
    border: none !important;
}

.nohilite {
    background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
}

.nohilite:hover {
    background-color: #f6f6f6;
}

.nohilite input {
    border: none !important;
}

.selected {
    background-color: #ffffcd;
}

.selected:hover {
    background-color: #f3f3c9;
}
/* End of Service Request selector styles */

/* Generic page styles */
.aef_inputLabel 
{
    color: #666666;
    font-size: small;
    font-weight: 600;
}

.aef_inputBox {
    display: inline-block;
    background-color: #eaeaea;
    color: #666666;
    font-size: medium;
    font-weight: 600;
    border: 1px solid #919193;
    padding: 6px 2px 6px 2px;
}

.aef_inputDisplay 
{
    display: inline-block;
    color: #666666;
    font-size: medium;
    font-weight: 600;
}

.aef_dataDisplay 
{
    display: inline-block;
    color: #666666;
    font-size: x-large;
    font-weight: 600;
}

.aef_apptButton {
    display: inline-block;
    color: #222222;
    border: solid 1px #222222;
    height: 32px;
}

.aef_apptButton80 
{
	width: 80px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_80_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton120 
{
	width: 120px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_120_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton160 
{
	width: 160px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_160_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton200 
{
	width: 200px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_200_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton240 
{
	width: 240px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_240_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton300 
{
	width: 300px !important;
	height: 25px !important;
	background-image: url(../images/ServiceAppt/button_300_redonwhite.png);
	background-position: top left;
	background-repeat: no-repeat;
    display: inline-block;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton:hover {
    /* color: #5d4617; */
    /* color: #999999; */
    border: solid 1px #999999;
}

.aef_apptTestButton {
    display: inline-block;
    background-color: #2852a6;
    color: #ffffff;
    border: inset 2px #999999;
    height: 32px;
}

.aef_apptTestButton:hover {
    /* color: #5d4617; */
    /* color: #999999; */
    border: solid 1px #999999;
}

.aef_timer_display 
{
	width: 100%;
	background-color: #676767;
    color: #ffffff; 
    font-size: medium; 
    text-align: center;
}
.aef_strong 
{
	font-weight: bold;
}
.aef_italic 
{
	font-style: italic;
}
.aef_yellow 
{
	color: Yellow;
}
.aef_red 
{
	color: Red;
}
.aef_white 
{
	color: #ffffff;
}
.aef_whiteBG 
{
	background-color: #ffffff;
}
.aef_footer_text {
    color: #ffffff;
    float: left;
    font-size: small;
}

.aef_errorMessage 
{
	color: Red;
}

.serviceDynamics 
{
	width: 100%; 
	text-align: right; 
	padding-top: 20px;
}

.serviceDynamics a, .serviceDynamics a:active, .serviceDynamics a:visited, .serviceDynamics a:link 
{
	font-size: small;
	color: #ce1c00;
	text-decoration: none;
}

.serviceDynamics a:hover 
{
	text-decoration: underline;
}
/* End of Generic page styles */


/* Win XP IE8 button styles */
.aef_apptButton80_ie8 
{
	width: 80px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton120_ie8 
{
	width: 120px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton160_ie8 
{
	width: 160px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton200_ie8 
{
	width: 200px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton240_ie8 
{
	width: 240px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}

.aef_apptButton300_ie8 
{
	width: 300px !important;
	height: 25px !important;
	background-color: #ce1c00;
    color: #ffffff;
    border: none;
    font-size: medium;
    font-weight: 800;
    text-align: center;
    vertical-align: middle;
    padding: 0px 0px 1px 0px;
    cursor: pointer;
}
/* End of Win XP IE8 button styles */
