/* ----------------------------------------------------------------------------------- */
/* Global Settings */
/* ----------------------------------------------------------------------------------- */

/* Body-wide settings */
	
	body
	{
		margin-top: 2px;
		margin-left: 2px;
		margin-right: 2px;
		background-color: #ffffff;
		font-family: Verdana;
		font-size: 8pt;
	}

	a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	img
	{
		border: 0px;
	}

/* Tag styles */

	input, select, label
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.inputField
	{
		border: 1 solid #808080;
		background-color: #ffffff;
	}

	.textArea
	{
		font-family: Verdana, sans-serif; 
		font-size:8pt; 
		border-color: #808080; 
		border-style: solid;
		border-width: 1px;
		background-color:#ffffff;
	}

	.button
	{
		font-size: 9pt; 
		background-color:#CAE4FF; 
		border-color: #808080;
		border-style: solid;
		border-width: 1px;
	}


/* Schedule Style Settings */

	.scheduleTable
	{
		border-color: #ffffff;
		width: 600px;
	}

	.scheduleHeader
	{
		background-color: silver;
		font-family: Verdana;
		font-size: 10pt;
		font-weight: bold;
		padding: 5px;
		height: 30px;
		color: #191970;
	}

	.schedulenotavailableRow
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleOddRowCalendar
	{
		background-color: #FFF5EE;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleOddRowCalendar a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleEvenRowCalendar
	{
		background-color: #dee7f0;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleEvenRowCalendar a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleOddRowEmp
	{
		background-color: #dee7f0;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleOddRowEmp a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleEvenRowEmp
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleEvenRowEmp a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleOddRow
	{
		background-color: lightgrey;
		font-family: Verdana;
		font-size: 8pt;
		padding: 5px;
		height: 23px;
	}

	.scheduleOddRow a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleEvenRow
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		padding: 5px;
		height: 23px;
	}

	.scheduleEvenRow a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleOddRowCust
	{
		background-color: #F7D6D6;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleOddRowCust a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleEvenRowCust
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		height: 21px;
	}

	.scheduleEvenRowCust a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleSlotRow
	{
		background-color: lightgrey;
		font-family: Verdana;
		font-size: 8pt;
		padding: 5px;
		height: 21px;
	}

	.scheduleSlotRow a
	{
		color: #3333cc;
		font-family: Verdana;
		font-size: 8pt;
		font-weight: bold;
	}

	.scheduleAppointmentRow
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		padding: 5px;
		height: 21px;
	}

	.scheduleAppointmentRow a
	{
		font-family: Verdana;
		font-size: 8pt;
	}

	.scheduleCellCaption
	{
		background-color: lightgrey;
		font-family: Verdana;
		font-size: 8pt;
		font-weight: bold;
		color:#3399cc;
		vertical-align: top;
		border-left-style: solid;
		border-left-color: #e1e1e1;
		border-left-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #e1e1e1;
		width: 40px;
		height: 70px;
	}

	.scheduleCellIcon
	{
		background-color: lightgrey;
		font-family: Verdana;
		font-size: 9px;
		color: #000000;
		vertical-align: top;
		border-right-style: solid;
		border-right-color: #e1e1e1;
		border-right-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #e1e1e1;
		width: 20px;
		height: 70px;
	}
	
	.scheduleCellIcon img
	{
	   height: 15px;
	   width: 15px;
	}

	.clickToDailySchedule
	{
		cursor: hand;
	}

	.scheduleButton
	{
		font-size: 8pt;
	}


/* Summary Table settings */

	.summaryTable
	{
	    border-style: none;
	    width: 650px;
	}

	.summaryHeader
	{
	    background-color: silver;
	    font-family: Verdana;
	    font-size: 10pt;
	    font-weight: bold;
	    text-indent: 5px;
	    height: 30px;
	    color: #191970;
	}

	.summaryOddRow
	{
	    background-color: #e1e1e1;
	    font-family: Verdana;
	    font-size: 8pt;
	    text-indent: 5px;
	    height: 25px;
	}

	.summaryOddRow a
	{
	    font-family: Verdana;
	    font-size: 8pt;
	}

	.summaryEvenRow
	{
		background-color: #e1e1e1;
	    font-family: Verdana;
	    font-size: 8pt;
	    text-indent: 5px;
	    height: 25px;
	}

	.summaryEvenRow a
	{
	    font-family: Verdana;
	    font-size: 8pt;
	}

	.summaryCategoryRow
	{
		background-color: #e1e1e1;
		font-family: Verdana;
		font-size: 8pt;
		text-indent: 5px;
		height: 35px;
	}

	.summaryServiceRow
	{
		background-color: silver;
		font-family: Verdana;
		font-size: 8pt;
		text-indent: 5px;
		height: 25px;
	}

	.summaryButton
	{
		font-size: 8pt;
	}

	.buttonBar
	{
	    background-color: #f5f5f5;
		font-family: Verdana;
		font-size: 8pt;
	    text-align: right;
	    height: 40px;
	}


/* Color styles */
	
	.logoUnderline
	{
		background-color: #98A9BD;
	}


/* Text styles */

	.activityTitleb
	{
		font-family: arial, sans-serif;
		font-size: 11pt;
		font-style: italic;
		font-weight: bold;
		color: #000000;
		background-color: #F8F4CC;
	}

	.activityError
	{
		font-family: verdana, sans-serif;
		font-size: 13px;	
		font-weight: bold;
		color: #FFA448;
		height: 40px;
	}

	.activityErrorCust
	{
		font-family: verdana, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #F47979;
	}

	.activityInfo
	{
		font-family: verdana, sans-serif;
		font-size: 12px;	
		font-weight: bold;
		color: #1E4673;
	}

	.caption
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
	}

	.comments
	{
	    background-color: #f5f5f5
	    color: #3333cc;
	    font-family: Verdana;
	    font-size: 8pt;
	    font-weight: lighter;
	    text-indent: 2pt;
	    height: 20px;
	    vertical-align: top;
	}

	.instructionText
	{
		font-family: arial, sans-serif; 
		font-size: 15px;
		font-style: italic;
		text-decoration:none;
		color:#000000;
	}

	a.bizLink
	{
		font-family: verdana,sans-serif;
		font-size:8pt;
		text-decoration: underline;
		color:blue;
	}

	.grayText
	{
		font-family: verdana,sans-serif;
		font-size:8pt;
		text-decoration: underline;
		color:silver;
	}

	.footer 
	{
		font-family: arial, sans-serif;
		font-size: 8pt;
		color: #646464;
		text-decoration: none;
		text-align: center;
	}

	.sectionCaptionRow
	{
	    background-color: #f5f5f5;
	    color: #3333cc;
	    font-family: Verdana;
	    font-size: 8pt;
	    font-weight: bold;
	    text-indent: 2pt;
	    height: 30px;
	}

	.fieldCaptionCell
	{
		background-color: #4773A7;
	    text-align: right;
	    width: 40%;
		height: 18px;
	    color: white;
	    font-family: Verdana;
	    font-size: 12px;
	    font-weight: none;
	}

	.fieldValueCell
	{
		text-align: center;
	}

	.mandatoryField
	{
	    color: red;
	}

	.optionalField
	{
	    color: #e1e1e1;
	}

	.text, A.text:link, A.text:visited
	{
		font-family:verdana,sans-serif; 
		font-size:10pt; 
		text-decoration:none;
		color:black;
	}

	.apptReminderText
	{
		font-family: verdana,sans-serif;
		font-size:8pt;
		text-decoration:none;
		color:Blue;
	}

	.forgetPassword
	{
		font-family:arial,sans-serif;
		font-size:10pt;
		text-decoration:underline;
		color:'#1E4673';
	}

	A.register:link, A.register:visited
	{
		font-family:arial,sans-serif;
		font-size:10pt;
		font-weight:bold;
		text-decoration:underline;
		color:'#1E4673';
	}


/* Navigation bar styles */

	.navBarBorder
	{
		background-color: #1D4068;
		width: 600px;
	}

	.menuButton
	{
		background-color: #83A5CD;
		height: 23px;
		text-align: center;
	}

	.menuButton a
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}

	.menuButton a:hover
	{
		color: yellow;
		text-decoration: none
	}

	.selectedMenuButton
	{
		background-color: #cedff2;
		height: 23px;
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		color: #000080;
		text-decoration: none
	}

	.menuButtonC
	{
		text-align: center;
		background-color: #F47979;
		height: 23px;
	}

	.menuButtonC a
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none
	}

	.menuButtonC a:hover
	{
		color: yellow;
		text-decoration: none
	}
		

	.selectedMenuButtonC
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		background-color: '#F6C0C0';
		height: 23px;
	}

	.selectedMenuButtonC a
	{
		color: #000080;
		text-decoration: none
	}


/* Table styles */

	.tabTable
	{
		border: none;
		width: 600px;
	}

	.formTable
	{
	    background-color: #e1e1e1;
	    border-bottom: 0px;
	    border-left: 0px;
	    border-right: 0px;
	    border-top: 0px;
	    width: 650px;
	}

	.tableBorder
	{
		border:1 solid #808080;
	}


/* Tab styles */

	.tabItem
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		background-color: #e1e1e1;
		vertical-align: center;
		border-color: #ffffff;
		border-left-width: 0px;
		border-right-width: 10px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-style: solid;
		width: 90px;
		height: 20px;
	}

	.tabItem a
	{
		font-size: 10pt;
		color: #979798;
		text-decoration: none
	}

	.tabItem a:hover
	{
		color: black;
		text-decoration: none
	}

	.selectedTabItem
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		background-color: #83a5cd;
		vertical-align: center;
		border-color: #ffffff;
		border-left-width: 0px;
		border-right-width: 10px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-style: solid;
		width: 90px;
		height: 20px;
	}

	.selectedTabItemC
	{
		font-family: verdana, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		background-color: '#A09C9C';
		text-align: center;
		vertical-align: center;
		border-color: white;
		border-left-width: 0px;
		border-right-width: 10px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-style: solid;
		width: 90px;
		height: 20px;
	}

	.selectedTabItemC a
	{
		color: #191970;
		text-decoration: none;
	}

	.tabBottom
	{
		background-color: #83a5cd;
		height: 2px;
	}

	.tabBottomC
	{
		background-color: '#A09C9C';
		height: 3px;
	}


/* Field styles */

	.disabledField
	{
		background-color: #e1e1e1;
	}

	.enabledField
	{
		background-color: white;
	}



/* ----------------------------------------------------------------------------------- */
/* Calendar Settings */
/* ----------------------------------------------------------------------------------- */

	.calendarBorder
	{
		background-color: #83a5cd;
	}

	.calendarBorderCust
	{
		background-color: #828384;
	}

	.calendarTop
	{
		background-color: #83a5cd;
		font-family: Verdana;
		font-size: 10pt;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		height: 20px;
	}

	.calendarTop a
	{
		color: #ffffff;
		text-decoration: none;
	}

	.calendarHeader
	{
		font-family: Verdana;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		height: 20px;
		width: 20px;
	}

	.todayDate
	{
		font-family: arial, sans-serif;
		font-size: 9pt;
		color: #000000;
		text-align: center;
	}


/***************************************************************************************************/

.calendarTopC
{
	background-color: #A09C9C;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	text-align: center;
	height: 20px;
}

.calendarTopC a
{
	color: white;
	text-decoration: none;
}

.previousMonth
{
	width: 11px;
	height 8px;
	cursor: hand;
}

.nextMonth
{
	cursor: hand;
}


.disabledEntry
{
	background-color: white;
	height: 20px;
}

.enabledEntry
{
	cursor: hand;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #3a6190;
	text-align: right;
	text-decoration: underline;
	height:20px;
}

.readOnlyEntry
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: gray;
	text-align: right;
	height: 20px;
}

.selectedEntry
{
	background-color: #cedff2;
	color: white;
	cursor: hand;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #3a6190;
	text-align: right;
	text-decoration: underline;
	border-color: white;
	height: 20px;
}

.selectedReadOnlyEntry
{
	background-color: #cedff2;
	color: white;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #3a6190;
	text-align: right;
	text-decoration: underline;
	border-color: white;
	height: 20px;
}