#ha .textOk {
	COLOR: #99CC00;
	}
#ha .textError {
	COLOR: #FF3333;
	}

/************************************************/
/*	OBJECT LISTING								*/
/************************************************/
#ha .objectListing {
	LIST-STYLE: none;
	MARGIN: 0;
	PADDING: 0;
	}
#ha .objectListing FORM {
	PADDING: 0;
	MARGIN: 0;
	OVERFLOW: auto;
	}
#ha .objectListing STRONG {
	FONT-WEIGHT: bold;
	}
#ha .objectListing LI {
	MARGIN: 0 0 0.4em 0;
	PADDING: 0.2em 0;
	WIDTH: 100%;
	OVERFLOW: auto;
	}
#ha .objectListing LI.header {
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 0.5em;
	BORDER-BOTTOM-STYLE: dotted;
	BORDER-BOTTOM-WIDTH: 1px;
	}
#ha .objectListing LI DIV {
	FLOAT: left;
	CLEAR: none;
	MARGIN: 0 0.3em 0 0;
	PADDING: 0;
	OVERFLOW: hidden;
	}
#ha .objectListing LI DIV.container {
	FLOAT: none;
	CLEAR: both;
	}
#ha .objectListing LI.footer {
	MARGIN-TOP: 0.5em;
	BORDER-TOP-STYLE: dotted;
	BORDER-TOP-WIDTH: 1px;
	}
#ha .objectListing LI.footer DIV {
	FLOAT: left;
	CLEAR: none;
	MARGIN: 0;
	PADDING: 0;
	}
#ha .objectListing LI .expander {
	DISPLAY: inline;
	WIDTH: 1.2em;
	}
#ha .objectListing LI .expander A {
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	}

/************************************************/
/*	ACTION RESULT								*/
/************************************************/
#ha .actionResult {
	WIDTH: 99%;
	LIST-STYLE: none;
	MARGIN: 0;
	PADDING: 0;
	}
#ha .actionResult LI {
	MARGIN: 0 0 0.4em 0;
	PADDING: 0.2em 0 0.2em 0.2em;
	WIDTH: 100%;
	OVERFLOW: auto;
	}
#ha .actionResult LI.header {
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 0.2em;
	BORDER-BOTTOM-STYLE: dotted;
	BORDER-BOTTOM-WIDTH: 1px;
	}
#ha .actionResult LI DIV {
	FLOAT: left;
	CLEAR: none;
	MARGIN: 0;
	PADDING: 0;
	}
/************************************/
/*	BASE SETTINGS					*/
/************************************/ 
BODY {
	TEXT-ALIGN: center;
	MARGIN: 0;
	PADDING: 0;
	}
#ha {
	TEXT-ALIGN: left;
	PADDING: 0;
	MARGIN: 1em auto;
	}
/* for Internet Explorer */
/*\*/
* html #ha {
min-height: 100%;
}
/**/
#ha P {
	MARGIN: 0.5em 0;
	}
#ha A {
	BORDER: 0;
	MARGIN: 0;
	PADDING: 0;
	}
#ha A:hover {
	}
#ha FORM {
	PADDING: 0;
	MARGIN: 0;
	}
#ha LABEL, #ha .form_label {
	DISPLAY: block;
	PADDING: 0.5em 0;
	MARGIN: 0.5em 0 0.5em 0;
	LINE-HEIGHT: 1em;
	overflow: auto;
	width: 100%;
	}
#ha LABEL SPAN {
	FONT-WEIGHT: bold;
	DISPLAY: block;
	FLOAT: left;
	WIDTH: 30%;
	}
#ha LABEL I {
	FONT-WEIGHT: normal;
	FONT-SIZE: 90%;
	DISPLAY: block;
	}
#ha .formControlError {
	DISPLAY: block;
	FLOAT: none;
	WIDTH: auto;
	PADDING: 0.5em;
	MARGIN: 0.5em 0;
	FONT-WEIGHT: bold;
	BORDER: #FF3333 1px solid;
	}
#ha .formControlError STRONG {
	DISPLAY: block;
	COLOR: #FF3333;
	}
#ha .alert {
	COLOR: #FF3333;
	}
#ha .formControlHelp {
	DISPLAY: block;
	PADDING: 0.2em;
	FONT-SIZE: 80%;
	}
#ha INPUT, #ha SELECT {
	FONT-SIZE: 100%;
	}
#ha TEXTAREA {
	FONT-SIZE: 110%;
	}
#ha INPUT.readonly, #ha INPUT[disabled], #ha SELECT[disabled] {
	}
#ha FIELDSET {
	MARGIN: 0.4em;
	PADDING: 0.4em 0.8em;
	}
#ha FIELDSET A {
	WIDTH: auto;
	}
#ha H2 {
	FONT-SIZE: 120%;
	MARGIN: 0.5em 0;
	PADDING: 0.5em 0.5em;
	}
#ha H3 {
	FONT-SIZE: 110%;
	MARGIN: 0.2em 0;
	PADDING: 0.2em;
	}
#ha H4 {
	FONT-SIZE: 100%;
	MARGIN: 0.1em 0;
	PADDING: 0.1em 0;
	}

/************************************************/
/*	LAYOUT AND DIMENSIONS SETTINGS				*/
/************************************************/
#ha #content {
	MARGIN: 0;
	PADDING: 0;
	}

/************************************************/
/*	USER INFO MENU								*/
/************************************************/
#ha #userInfo {
	MARGIN: 0;
	OVERFLOW: auto;
	WIDTH: 100%;
	}
#ha #userInfo DIV {
	PADDING: 0.5em;
	}
#ha #userInfo #links {
	TEXT-ALIGN: right;
	FLOAT: right;
	WIDTH: 50%;
	}
#ha #userInfo #appointmentCart {
	TEXT-ALIGN: left;
	FLOAT: left;
	WIDTH: 40%;
	}
#ha #userInfo UL {
	MARGIN: 0;
	PADDING: 0.2em;
	LIST-STYLE-TYPE: none;
	FONT-SIZE: 90%;
	}
#ha #userInfo LI {
	display: inline; /* IE double margin bug fix */
	}

/************************************************/
/*	MENU										*/
/************************************************/
#ha #menu {
	MARGIN: 0.5em 0em;
	PADDING: 0;
	WIDTH: 100%;
	LINE-HEIGHT: 1.5em;
	}
#ha #menu UL {
	MARGIN: 0;
	PADDING: 0;
	LIST-STYLE-TYPE: none;
	}
#ha #menu UL LI {
	PADDING: 0;
	DISPLAY: inline;
	BORDER-WIDTH: 0 0 0 2px;
	BORDER-STYLE: solid;
	LIST-STYLE-TYPE: none;
	}
#ha #menu A {
	PADDING: 0.1em 1em;
	MARGIN: 0;
	}
#ha #menu A:hover {
	}
#ha #menu ul li ul {
	display: none;
	position: absolute;
	PADDING: 0.1em 0 0.2em 0;
	BORDER-WIDTH: 0 0 0 2px;
	BORDER-STYLE: solid;
	Z-INDEX: 100;
	LIST-STYLE-TYPE: none;
	}
#ha #menu ul li ul li {
	LIST-STYLE-TYPE: none;
	font-weight: normal;
	DISPLAY: block;
	border: 0;
	}
#ha #menu li:hover ul, #ha #menu li.navHvr ul {
	display: block;
	}

/************************************************/
/*	BUTTON BAR									*/
/************************************************/
#ha .buttonBar {
	PADDING: 0.4em;
	MARGIN: 0.4em 0 1.2em 0;
	BORDER-TOP-STYLE: dotted;
	BORDER-TOP-WIDTH: 1px;
	}
#ha .buttonBar A, #ha .buttonBar INPUT {
	PADDING: 0.2em 0.4em;
	MARGIN: 0.1em 0.2em;
	TEXT-DECORATION: none;
	BORDER: 0;
	CURSOR: pointer;
	}
#ha .buttonBar A {
	LINE-HEIGHT: 2em;
	}
#ha .buttonBar A:hover {
	}

/************************************************/
/*	HELP BAR									*/
/************************************************/
#ha .helpBar {
	PADDING: 1em;
	MARGIN: 0.5em 0;
	}
	
/************************************************/
/*	SIDE BAR									*/
/************************************************/
#ha #sideBar {
	WIDTH: 220px;
	FLOAT: right;
	PADDING: 0.1em 0.1em 0.5em 1em;
	MARGIN: 0.1em 0 0 10px;
	FONT-SIZE: 90%;
	}
#ha #sideBar UL {
	LIST-STYLE-TYPE: none;
	MARGIN: 0.2em 0 0.5em 0;
	PADDING: 0;
	}
#ha #sideBar LI {
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	MARGIN: 0;
	PADDING: 0.2em 0;
	}
#ha #sideBar A, #ha .sideBar B {
	MARGIN: 0 0.3em;
	}

/************************************************/
/*	WORKAREA									*/
/************************************************/
#ha #workArea {
	MARGIN-RIGHT: 250px;
	}

/************************************************/
/*	MONTH CALENDAR								*/
/************************************************/
#ha .monthCalendar {
	WIDTH: 210px;
	PADDING: 0;
	MARGIN: 0 auto;
	TEXT-ALIGN: center;
	}
#ha .monthCalendar .week {
	WIDTH: 100%;
	OVERFLOW: auto;
	PADDING: 0;
	MARGIN: 0 auto;
	}
#ha .monthCalendar .day {
	FLOAT: left;
	WIDTH: 30px;
	PADDING: 0;
	MARGIN: 0;
	TEXT-ALIGN: center;
	}
#ha .monthCalendar .day DIV {
	PADDING: 0;
	MARGIN: 0;
	FONT-SIZE: 100%;
	LINE-HEIGHT: 2em;
	TEXT-ALIGN: center;
	}
#ha .monthCalendar .dayName {
	FONT-WEIGHT: normal;
	FONT-SIZE: 90%;
	}
#ha .monthCalendar .day A {
	TEXT-DECORATION: underline;
	COLOR: inherit;
	}

#ha A.monthCalendarControls {
	LINE-HEIGHT: 2em;
	TEXT-DECORATION: none;
	PADDING: 0.25em 1em;
	MARGIN: 0;
	BORDER-WIDTH: 1px;
	BORDER-STYLE: solid;
	}
#ha A.monthCalendarControls:hover {
	TEXT-DECORATION: none;
	}

/************************************************/
/*	WORKING HOURS LAYOUT						*/
/************************************************/
#ha .dayHours {
	WIDTH: 96%;
	OVERFLOW: auto;
	PADDING: 2%;
	TEXT-ALIGN: left;
	MARGIN: 1em 0;
	BORDER-WIDTH: 1px;
	BORDER-STYLE: solid;
	}
#ha .dayHours A {
	PADDING: 0.2em 0.5em;
	WHITE-SPACE: nowrap;
	MARGIN: 0.2em 0.2em;
	FONT-SIZE: 90%;
	WIDTH: 6em;
	LINE-HEIGHT: 1.5em;
	display: block;
	float: left;
	text-align: center;
	}

/************************************************/
/*	APPOINTMENT STATUS IN LIST		 			*/
/************************************************/
#ha .appointmentStatus_Accepted {
	COLOR: #99CC00;
	BORDER-BOTTOM: #99CC00 2px solid;
	}
#ha .appointmentStatus_Pending {
	COLOR: #FF3333;
	BORDER-BOTTOM: #FF3333 2px solid;
	}
/************************************************/
/*	MAIN SETTINGS								*/
/************************************************/
BODY {
	BACKGROUND-COLOR: #FFFFFF;
	}
#ha {
	FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;
	FONT-SIZE: 13px;
	COLOR: #000000;
	BACKGROUND-COLOR: #FFFFFF;
	}
#ha A {
	TEXT-DECORATION: underline;
	COLOR: #0000CC;
	}
#ha A:hover {
	TEXT-DECORATION: none;
	COLOR: #0099FF;
	}
#ha H2 {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #99CB00;
	}
#ha H3 {
	COLOR: #3265FF;
	}
#ha H4 {
	COLOR: #000000;
	}

/************************************************/
/*	USER PREFERENCES MENU ON TOP				*/
/************************************************/
#ha #userInfo {
	BACKGROUND-COLOR: #eee;
	}

/************************************************/
/*	ACTIONS MENU ON TOP							*/
/************************************************/
#ha #menu A {
	TEXT-DECORATION: none;
	}
#ha #menu A:hover {
	TEXT-DECORATION: underline;
	}
#ha #menu ul li {
	BORDER-COLOR: #999999;
	}
#ha #menu ul li ul {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-COLOR: #999999;
	}

/************************************************/
/*	BUTTON BAR									*/
/************************************************/
#ha .buttonBar A, #ha .buttonBar INPUT {
	COLOR: #000000;
	BACKGROUND-COLOR: #E5FF99;
	}
#ha .buttonBar A:hover {
	COLOR: #000000;
	}
#ha .buttonBar .deleteAction {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #FF3333;
	}

/************************************************/
/*	HELP BAR									*/
/************************************************/
#ha .helpBar {
	BACKGROUND-COLOR: #F2FFCB;
	BORDER: #99CC00 1px dotted;
	}

/************************************************/
/*	SIDE BAR									*/
/************************************************/
#ha #sideBar {
	BORDER-LEFT: #CCFF33 1px solid;
	}

/************************************************/
/*	MONTH CALENDAR								*/
/************************************************/
#ha .monthCalendar .workingDay {
	BACKGROUND-COLOR: #CCFF99;
	}
#ha .monthCalendar .nonWorkingDay {
	BACKGROUND-COLOR: #DDDDDD;
	}
#ha .monthCalendar .staffVacation {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #99CB00;
	}
#ha .monthCalendar .highlight {
	BACKGROUND-COLOR: #99CB00;
	}

/************************************************/
/*	DAY HOURS									*/
/************************************************/
#ha .dayHours {
	BORDER-COLOR: #CCFF99;
	}
#ha .dayHours A {
	BACKGROUND-COLOR: #CCFF99;
	}

/************************************************/
/*	HIGHLIGHTED ITEMS							*/
/************************************************/
#ha .objectListing LI.highlight {
	BACKGROUND-COLOR: #CCFF99;
	}
#ha {
	WIDTH: 790px;
	}
#ha .accepted {
	background-color: #99cc66;
	}
#ha .pending {
	background-color: #ff9966;
	}

/************************************************/
/*	DAY HOURS VISUAL DISPLAY					*/
/************************************************/
#ha #dayGraph {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
	height: 0%;
	table-layout: fixed;
	}
#ha #dayGraph TR {
	}
#ha #dayGraph TD {
	font-size: 13px;

	border-width: 1px 0 1px 0;
	border-color: #FFFFFF;
	border-style: solid;

	padding: 0.1em 0.25em;
	margin: 0;
	text-align: center;

	height: 100%;
	line-height: 1em;
	}
#ha #dayGraph TD.dayStart {
	border-left: #808080 1px solid;
	}
#ha #dayGraph TD.dayEnd {
	border-right: #808080 1px solid;
	}

#ha #dayGraph .working {
	background-color: #CCFF99;
	}
#ha #dayGraph .notWorking {
	background-color: #DDDDDD;
	}

/*	APPOINTMENT BOX	*/
#ha #dayGraph TD DIV {
	height: 100%;
	display: block;
	overflow: hidden;
	padding: 0;
	}
#ha #dayGraph .accepted {
	border: #669933 1px solid;
	}
#ha #dayGraph .pending  {
	border: #cc6633 1px solid;
	}

/*	MONTH	*/
#ha #dayGraph.month TR {
	padding: 0;
	height: auto;
	}
#ha #dayGraph.month TD {
	border: #808080 1px solid;
	height: 8em;
	vertical-align: top;
	overflow: hidden;
	padding: 0;
	font-size: 13px;
	}
#ha #dayGraph.month .weekday {
	line-height: 1.5em;
	height: 1.5em;
	}
#ha #dayGraph.month TD B {
	line-height: 1.5em;
	height: 2em;
	display: block;
	padding: 0;
	margin: 0;
	}
#ha #dayGraph.month TD B A {
	display: block;
	text-align: center;
	}
/* APPOINTMENTS CONTAINER */
#ha #dayGraph.month TD DIV {
	display: block;
	height: 6em;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: 0 0.25em;
	}
/* APPOINTMENTS */
#ha #dayGraph.month TD A {
	font-size: 90%;
	display: block;
	text-align: left;
	white-space: nowrap;
	margin: 0.25em 0;
	padding: 0.1em 0.25em;
	overflow: hidden;
	}

/************************************************/
/*	DAY GRAPH NAVIGATION						*/
/************************************************/
#ha UL#dayGraphNavigation {
	list-style-type: none;
	width: 100%;
	overflow: auto;
	display: block;
	margin: 0.5em 0;
	padding: 0;
	}
#ha UL#dayGraphNavigation LI {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0.5em 0;
	}
#ha UL#dayGraphNavigation LI.currentPeriod {
	background-color: #CCFF99;
	}

/************************************************/
/*	CHOOSE CALENDAR PERIOD						*/
/************************************************/
#ha UL#configureViewGraph {
	margin: 1em 0 2em 0;
	padding: 0.5em 0.5em;
	list-style-type: none;
	}
#ha #configureViewGraph LI {
	margin: 0;
	padding: 0 1em 0 0;
	text-align: left;
	display: inline;
	}
#ha #configureViewGraph LI SPAN{
	font-weight: bold;
	}
#ha #configureViewGraph LI A {
	text-decoration: none;
	border-bottom: 1px dotted;
	}
/* hidden options */
#ha UL#configureViewGraph LI UL {
	display: none;
	position: absolute;
	z-index: 10;

	list-style-type: none;
	padding: 0.5em 0.5em;
	margin: -0.5em 0 0 -0.5em;
	border: #99CB00 1px solid;
	background-color: #ffffff;
	}
#ha UL#configureViewGraph LI UL LI {
	list-style-type: none;
	display: block;
	padding: 0.25em 0.5em;
	line-height: 1.5em;
	}
#ha UL#configureViewGraph FORM {
	display: inline;
	margin: 0;
	padding: 0 2em;
	}

/************************************************/
/*	APPOINTMENTS INFORMATION					*/
/************************************************/
#ha UL#appointmentInfoList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#ha UL#appointmentInfoList LI {
	margin: 0.5em 0;
	padding: 0 0 0 2em;
	display: inline-block;
	}
#ha UL#appointmentInfoList LI.date {
	padding: 0;
	}
#ha UL#appointmentInfoList LI {
	display: block;
	}
#ha UL#appointmentInfoList LI UL {
	list-style: none;
	margin: 0;
	padding: 0 1em;
	background-color: #ffffff;
	}
#ha UL#appointmentInfoList LI UL LI {
	width: 100%;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0.25em 0;
	}
#ha UL#appointmentInfoList LI UL LI SPAN {
	float: left;
	width: 30%;
	margin: 0 0.5em 0 0;
	font-weight: normal;
	font-style: italic;
	}