﻿.editLink
{
	color: #666;
	font-size: 12px;
	text-decoration: underline;
	float:right;
	margin-top: -28px;
	margin-right:0px;
	cursor: hand;
	cursor: pointer;
	/*width:60px;*/
}
p.appCancelPolicy
{
	line-height:1.5;
	color: #666666;
	margin-top: 10px;
	margin-left: 0px;
}
.bookItBtn
{
	/*
	background-color:#fff;
	border: solid 1px #009900;
	color: #009900;
	font-size: 9pt;
	*/
	cursor:hand;
	cursor:pointer;
}



/***** Open Appointment List *****/
table.appList
{
	width: 700px;
	margin-left: 50px;
}
table.appList td
{
	padding: 4px 5px;
}
table.appList thead td
{
	color: #666666;
	font-weight:bold;
	text-transform:uppercase;
}
table.appList .sortLink
{
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}
table.appList td.altAppRow
{
	background-color: #eeeeee;
}




/***** Open Apps Previous/Next Day Control *****/
table.dayNav
{
	width:200px;
}
table.dayNavHidden
{
	border-style: none;
}
table.dayNav td
{
	vertical-align: middle;
}
table.dayNav td.arrow
{
	width: 15px;
	cursor:hand;cursor:pointer;
}
table.dayNav td.disabled
{
	width:15px;
	cursor:none;
}
table.dayNav td.date
{
	width:200px;
	font-size:12px;
	color:#666;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
table.dayNav a.arrow
{
	font-weight:bold;
	text-decoration:none;
	color: #666;
}



/***** Text for dropdown results *****/	
.dropdownResultText
{
	margin-top:3px;
	color:#A90A08;
	font-family: Tahoma,Arial;
	font-size:10px;
	line-height:12px;
}


/****** Form validation errors *****/
#formErrors
{
	font-size:12px;
	color: #ff0000;
}
#formErrors h2
{
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

#formErrors li
{
	color: #ff0000;
	font-size: 12px;
	list-style-type:none;
	margin-left: 15px;	
}



/***** Form sections *****/
.formSection
{
	/*border:solid 1px #ccc;*/
	padding:10px;
	/*background: transparent url(/images/white_wrapper_bg.gif) no-repeat scroll left top;*/
}
.formSection h2
{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color: #999;
	margin-bottom: 10px;
}
.formSection p
{
	font-size: 12px;
}
.formSection td.dateTimeTpltTable
{
	padding:0px 0px;
	vertical-align:top;
}
.formSection .dateTimeFieldset
{
	width:230px;
	border:solid 1pt #ccc;
	padding:10px;
	height:110px;
}
.formSectionForm td
{
	padding:2px 4px 2px 0px;
}
.formSectionForm .formLabel
{
	font-size: 10px;
	color: #666666;
}
.formReadValues
{
	font-weight:bold;
}


/***** Form Section Boxes *****/
.box_outside_746 {
    background:url('/images/white/box746_lt_top.jpg') no-repeat left top;width:746px;padding-top:6px;
}
.box_middle_746 {
    background:url('/images/white/box000_lt_left.jpg') repeat-y;width:746px;padding:0px 0px 0px 3px;margin-top:0px;
}
.box_inside_746 {
    background:url('/images/white/box000_lt_right.jpg') repeat-y top right;width:743px;
}
.box_bottom_746 
{
	background:url('/images/white/box746_lt_bottom.jpg') no-repeat center top;width:746px;height:6px;
}
.box_outside_620 {
    background:url('/images/white/box620_top.jpg') no-repeat left top;width:620px;padding-top:6px;
}
.box_middle_620 {
    background:url('/images/white/box000_left.jpg') repeat-y;width:620px;padding:0px 0px 0px 3px;margin-top:0px;
}
.box_inside_620 {
    background:url('/images/white/box000_right.jpg') repeat-y top right;width:617px;
}
.box_bottom_620 
{
	background:url('/images/white/box620_bottom.jpg') no-repeat center top;width:620px;height:6px;
}
.box_outside_570 {
    background:url('/images/white/box570_top.jpg') no-repeat left top;width:620px;padding-top:6px;
}
.box_middle_570 {
    background:url('/images/white/box000_left.jpg') repeat-y;width:570px;padding:0px 0px 0px 3px;margin-top:0px;
}
.box_inside_570 {
    background:url('/images/white/box000_right.jpg') repeat-y top right;width:567px;
}
.box_bottom_570 
{
	background:url('/images/white/box570_bottom.jpg') no-repeat center top;width:570px;height:6px;
}



.thankYouImportant {
    font-size:10pt;
    list-style-type:none;
    margin-top:-10px;
    }
.thankYouImportant li {
    margin-top:7px;
}


.spaHeader
{
	font-size:18px;
	margin:5px 0px 10px 15px;
	text-transform:uppercase;
	color: #9CB574;
}
.dateTimeFieldset legend
{
	padding:5px;
	font-weight:bold;
	color:#999;
}
.spaBottomBtns
{
	text-align:right;
	padding: 10px 0px;
}


/***** Account Maintenance page sections *****/
div.spaAccountMaintLeft
{
	width:650px;
	/* border:solid 1px red; */
	margin-left: 15px;
	margin-right:10px;
	float:left;
	/* overflow:auto; */
}
.spaAccountMaintRight
{
	display:block;
	float:right;
	margin-right:30px;
	width:180px;
	height:150px;
	/* border:solid 1px green; */
	padding:5px;
}
.cancelAppBtn
{
	background-color:#fff;
	border: solid 1px #009900;
	color: #009900;
	font-size: 9pt;
	cursor:hand;
	cursor:pointer;
	width:55px;
	padding:1px;
}
.cancelAppBtnDisabled
{
	background-color:#fff;
	border: solid 1px #aaa;
	color: #aaa;
	font-size: 9pt;
	margin-bottom: 3px;
	width:55px;
}
.cancelNotAllowed24
{
	/*border: solid 1px #ff0000;*/
	font-size: 7pt;
	color: #ff0000;
	text-align:center;
	width: 55px;
	line-height: 9pt;
}
.cancelNotAllowedPast
{
	/*border: solid 1px #ff0000;*/
	font-size: 7pt;
	color: #aaa;
	text-align:center;
	width: 55px;
	line-height: 9pt;
}




/***** My Appointments List *****/
table.myAppList
{
	width: 620px;
	margin-left: 10px;
	vertical-align: top;
}
table.myAppList td
{
	padding: 1px 3px;
}
table.myAppList thead td
{
	color: #666666;
	font-weight:bold;
}
table.myAppList .sortLink
{
	color: #666666;
	font-weight:bold;
}
table.myAppList td.altAppRow
{
	background-color: #eeeeee;
}



/***** Account navigation *****/
ul.spaAcctLinks li
{
	list-style-type:none;
	font-size: 13px;
	line-height: 1.7;
}
ul.spaAcctLinks li.active
{
	font-weight: bold;
	color: #9EB779;
	list-style-image:url(/images/spa/spaArrowBullet.gif);
}
ul.spaAcctLinks li a
{
	font-size: 12px;
}



/***** Pager *****/
.pager_Table
{
	font-family: Arial;
	font-size: 10pt;
	color:#666666;
	padding: 1px 5px 1px 5px;
}
.pager_Table .pager_PreviousNext
{
	font-family:arial;
	font-weight:bold;
	font-size:10pt;
	color:#698241;
	text-decoration:none;
}
.pager_Table .pager_PageNumberOn
{
	font-family:arial;
	font-size:10pt;color:#8DA668;
	font-weight:bold;
}
.pager_Table .pager_PageNumberOff
{
	font-family:arial;
	font-size:10pt;
	color:#555555;
}
.pager_Table .pager_Label
{
	font-family:arial;
	font-size:10pt;
}

	
/***** Progress Bar *****/
ul#progBarSpa li {
    float:left;
    text-transform: uppercase;
    list-style-type: none;
    height: 13px;
    line-height: 9px;
    /*border-top: solid 1px #999;*/
    /*border-bottom: solid 1px #999;*/
    margin-bottom: 10px;
}
ul#progBarSpa li.step {
    width:172px;
    font-size: 11px;
    padding: 5px 0px 0px 5px;
    /*border-right: solid 1px #999;*/
}
ul#progBarSpa li.completed {
    background-color: #999;
    color: #FFF;
}
ul#progBarSpa li.active {
    background-color: #9EB779;
    color: #FFF;
}
ul#progBarSpa li.incomplete {
    background-color: #E7E7E7;
}
ul#progBarSpa li.minibarAct {
    width: 6px;
    margin-left: 1px;
    height: 18px;
}
ul#progBarSpa li.minibarAct {
    width: 6px;
    margin-left: 1px;
    /*border-left: solid 1px #999;*/
    border-right: solid 1px #999;
    height: 18px;
    background-color: #9BA889;
}
ul#progBarSpa li.minibarComp {
    width: 6px;
    margin-left: 1px;
    /*border-left: solid 1px #999;*/
    border-right: solid 1px #666;
    height: 18px;
    background-color: #ABABAB;
}
ul#progBarSpa li.minibarInc {
    width: 6px;
    margin-left: 1px;
    /*border-left: solid 1px #999;*/
    border-right: solid 1px #999;
    height: 18px;
    background-color: #DFDFDF;
}
ul#progBarSpa li.lastStep {
    /*border-right: solid 1px #999;*/
}
ul#progBarSpa li a 
{
	color: #FFF;
	text-decoration: none;
}


/***** Call for Appointment button *****/
div.callForApt 
{
	font-size:8pt;
	color:#999;
	cursor:hand;
	cursor:pointer;
	text-align:right;
	margin-right:3px;
	text-transform:uppercase;
	text-decoration:underline;
}
