/************************************/
/*	BASE SETTINGS					*/
/************************************/ 
BODY {
	TEXT-ALIGN: left;
	MARGIN: 0px;
	PADDING: 0px;
	FONT-FAMILY: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	FONT-SIZE: 10pt;
	}
#ha {
	TEXT-ALIGN: left;
	WIDTH: auto;
	/*OVERFLOW: auto;*/
	PADDING: 0px;
	MARGIN: 0px auto;
	}
/* for Internet Explorer */
/*\*/
* html #ha {
min-height: 100%;
}
/**/
#ha P {
	MARGIN: 2px 0px 4px 0px;
	}
#ha A {
	BORDER: 0px;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #0000BB;
	TEXT-DECORATION: none;
	}
#ha A:hover {
	COLOR: #0080FF;
	TEXT-DECORATION: underline;
	}
#ha FORM {
	PADDING: 0px;
	MARGIN: 0px;
	}
#ha FORM STRONG {
	COLOR: #FF3366;
	}
#ha LABEL, #ha .form_label {
	DISPLAY: block;
	PADDING: 2px;
	MARGIN-LEFT: 5px;
	FONT-STYLE: italic;
	WIDTH: auto;
	}
#ha .formControlHelp {
	DISPLAY: block;
	PADDING: 2px;
	FONT-SIZE: 8pt;
	COLOR: #404040;
	}
#ha INPUT.readonly, #ha INPUT[disabled], #ha SELECT[disabled] {
	BACKGROUND-COLOR: #EEEEEE;
	}
#ha FIELDSET {
	MARGIN: 5px;
	PADDING: 5px;
	}
#ha FIELDSET A {
	WIDTH: auto;
	}
#ha H2 {
	FONT-SIZE: 12pt;
	MARGIN: 4px 0px 4px 0px;
	PADDING: 6px;
	COLOR: #404040;
	BACKGROUND-COLOR: #CCFF33;
	}
#ha H3 {
	FONT-SIZE: 10pt;
	MARGIN: 4px 0px;
	PADDING: 4px 0px;
	COLOR: #99CC00;
	}
#ha H4 {
	FONT-SIZE: 10pt;
	MARGIN: 2px 0px 2px 0px;
	COLOR: #333333;
	}
/************************************************/
/*	END OF BASE SETTINGS						*/
/************************************************/

/************************************************/
/*	LAYOUT AND DIMENSIONS SETTINGS				*/
/************************************************/
#ha #menu {
	FLOAT: left;
	WIDTH: 170px;
	PADDING: 0px;
	MARGIN: 0 5px;
	}
#ha #content {
	BORDER: #DDD 1px solid;
	FLOAT: none;
	WIDTH: auto;
	MARGIN: 0px 5px 0px 190px;
	PADDING: 5px;
	}
/* for Internet Explorer */
/*\*/
* html #ha #content{
height: 100%;
}
/**/
/************************************************/
/*	END OF LAYOUT AND DIMENSIONS SETTINGS		*/
/************************************************/

/************************************************/
/*	MENU										*/
/************************************************/
#ha #menu {
	BORDER: #DDDDDD 1px solid;
	BACKGROUND-COLOR: #ECFFB3;
	}
#ha #menu UL {
	LIST-STYLE-TYPE: none;
	MARGIN: 5px 0px 10px 5px;
	PADDING: 0px;
	BORDER-TOP: #CCFF33 1px solid;
	}
#ha #menu LI {
	MARGIN: 5px 0px;
	}
#ha #menu LI A {
	COLOR: #000000;
	BORDER: 0px;
	PADDING: 4px;
	}
#ha #menu LI A:hover {
	BACKGROUND-COLOR: #F6FFD9;
	TEXT-DECORATION: none;
	}
/************************************************/
/*	END OF MENU									*/
/************************************************/

/************************************************/
/*	ACTION BAR									*/
/************************************************/
#ha .actionBar {
	PADDING: 4px;
	HEIGHT: 1.2em;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #99CC00;
	}
#ha .actionBar A {
	PADDING: 2px 4px 2px 4px;
	COLOR: #FFFFFF;
	}
#ha .actionBar A:hover {
	TEXT-DECORATION: none;
	COLOR: #404040;
	BACKGROUND-COLOR: #ECFFB3;
	}
/************************************************/
/*	END OF ACTION BAR							*/
/************************************************/

/************************************************/
/*	BUTTON BAR									*/
/************************************************/
#ha .buttonBar {
	PADDING: 4px;
	MARGIN: 5px 0px 15px 0px;
	BACKGROUND-COLOR: #ECFFB3;
	}
#ha .buttonBar A {
	PADDING: 2px;
	MARGIN: 2px;
	COLOR: #000000;
	BORDER: #999999 0px solid;
	}
#ha .buttonBar A:hover {
	TEXT-DECORATION: none;
	COLOR: #000000;
	BACKGROUND-COLOR: #F6FFD9;
	}
#ha .buttonBar .deleteAction {
	COLOR: #FF3366;
	}
/************************************************/
/*	END OF BUTTON BAR							*/
/************************************************/

/************************************************/
/*	CONTROL PANE								*/
/************************************************/
#ha #controlPane {
	BORDER: #CCFF33 1px solid;
	PADDING: 2px;
	MARGIN: 0px 0px 10px 0px;
	BACKGROUND-COLOR: #FFFFCC;
	}
#ha #controlPane UL {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING: 0px;
/*	THIS CLEARS THE INNER LIs */
	overflow: hidden;
	width: 100%;
	}
#ha #controlPane LI {
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;
	MARGIN: 0px 10px 0px 0px;
	PADDING: 5px;
	}
/************************************************/
/*	END OF CONTROL PANE							*/
/************************************************/

/************************************************/
/*	MONTH CALENDAR								*/
/************************************************/
#ha .monthCalendar {
	WIDTH: 300px;
	BORDER: #CCFF33 1px solid;
	PADDING: 10px;
	MARGIN: 10px 0px;
	TEXT-ALIGN: center;
	}
#ha .monthCalendar .week {
	WIDTH: 280px;
	OVERFLOW: auto;
	PADDING: 0px;
	MARGIN: 0px auto;
	}
#ha .monthCalendar .day {
	FLOAT: left;
	WIDTH: 40px;
	PADDING: 0px;
	MARGIN: 0px;
	TEXT-ALIGN: center;
	BORDER: #CCCCCC 0px solid;
	}
#ha .monthCalendar .day DIV {
	PADDING: 0px;
	MARGIN: 0px;
	FONT-SIZE: 14px;
	LINE-HEIGHT: 30px;
	TEXT-ALIGN: center;
	}
#ha .monthCalendar .day .dayName {
	FONT-WEIGHT: bold;
	}
#ha .monthCalendar .day A {
	COLOR: #000000;
	}
#ha .monthCalendar .arrows {
	TEXT-ALIGN: center;
	WIDTH: 30px;
	BORDER: #FF8000 1px solid;
	}
#ha .monthCalendar .arrows A {
	TEXT-DECORATION: none;
	}
#ha .monthCalendar .arrows A:hover {
	TEXT-DECORATION: none;
	}
#ha .monthCalendar .legend {
	TEXT-ALIGN: left;
	}
#ha .monthCalendar .legend .day {
	WIDTH: 120px;
	}
#ha .monthCalendar .legend .day DIV {
	FONT-SIZE: 12px;
	}
/************************************************/
/*	END OF MONTH CALENDAR						*/
/************************************************/

/************************************************/
/*	MONTH CALENDAR COLORS						*/
/************************************************/
#ha .monthCalendar .workingDay {
	BACKGROUND-COLOR: #CCFF99;
	}
#ha .monthCalendar .nonWorkingDay {
	BACKGROUND-COLOR: #DDDDDD;
	}
#ha .monthCalendar .staffVacation {
	BACKGROUND-COLOR: #AAAAAA;
	}
#ha .monthCalendar .highlight {
	BACKGROUND-COLOR: #FF0000;
	}
/************************************************/
/*	END OF MONTH CALENDAR COLORS				*/
/************************************************/

/************************************************/
/*	WORKING HOURS LAYOUT						*/
/************************************************/
#ha .dayHours {
	WIDTH: auto;
	OVERFLOW: auto;
	BORDER: #CCFF33 1px solid;
	PADDING: 5px 10px;
	TEXT-ALIGN: left;
	MARGIN: 10px 0px;
	}
#ha .dayHours .row {
	WIDTH: 100%;
	OVERFLOW: auto;
	PADDING: 0px;
	MARGIN: 0px auto;
	}
#ha .dayHours .timeSlot {
	FLOAT: left;
	WIDTH: 40px;
	PADDING: 0px;
	MARGIN: 0px;
	}
#ha .dayHours .timeSlot DIV {
	PADDING: 5px 0px;
	MARGIN: 1px;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 16px;
	TEXT-ALIGN: center;
	}
#ha .dayHours .timeSlot DIV A {
	COLOR: #000000;
	MARGIN: 0px;
	PADDING: 0px;
	}
#ha .dayHours .legend .timeSlot {
	WIDTH: 100px;
	}
#ha .dayHours .legend .timeSlot DIV {
	FONT-SIZE: 12px;
	}
/************************************************/
/*	END OF WORKING HOURS LAYOUT					*/
/************************************************/

/************************************************/
/*	WORKING HOURS STATUS COLORS					*/
/************************************************/
#ha .dayHours .free {
	BACKGROUND-COLOR: #CCFF99;
	}
#ha .dayHours .booked {
	BACKGROUND-COLOR: #CC9933;
	}
#ha .dayHours .pending {
	BACKGROUND-COLOR: #FF8000;
	}
#ha .dayHours .partiallyBooked {
	BACKGROUND-COLOR: #99CC66;
	}
#ha .dayHours .na {
	BACKGROUND-COLOR: #DDDDDD;
	}
#ha .dayHours .vacation {
	BACKGROUND-COLOR: #AAAAAA;
	}
#ha .dayHours .highlight {
	BACKGROUND-COLOR: #FF9900;
	}
/************************************************/
/*	END OF WORKING HOURS STATUS COLORS			*/
/************************************************/

/************************************************/
/*	APPOINTMENT STATUS IN LIST COLORS 			*/
/************************************************/
#ha .appointmentStatus_Accepted {
	BACKGROUND-COLOR: #CC9933;
	COLOR: #EEEEEE;
	}
#ha .appointmentStatus_Pending {
	BACKGROUND-COLOR: #FF8000;
	COLOR: #EEEEEE;
	}
/************************************************/
/*	END OF APPOINTMENT STATUS IN LIST COLORS 	*/
/************************************************/