#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 {
	}


/************************************/
/*	FORM							*/
/************************************/ 
#ha FORM {
	PADDING: 0;
	MARGIN: 0;
	}
#ha FORM INPUT, #ha FORM SELECT {
	FONT-SIZE: 100%;
	margin: 0.25em;
	}
#ha FORM TEXTAREA {
	FONT-SIZE: 110%;
	margin: 0.25em;
	}
/* FORM ERROR */
#ha FORM STRONG {
	font-style: italic;
	color: #ff3333;
	}
/* FORM HELP */
#ha FORM I {
	font-size: 90%;
	}
#ha FORM TABLE TR {
	display: block;
	width: 100%;
	}
#ha FORM TABLE TH {
	width: 16em;
	}
#ha TABLE TD {
	padding-bottom: 1em;
	}

#ha TABLE {
	width: auto;
	border-collapse: collapse;
	}
#ha TABLE TD, #ha TABLE TH {
	vertical-align: top;
	padding: 0.25em;
	text-align: left;
	}

#ha .alert {
	COLOR: #FF3333;
	}
#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 */
	}

/************************************************/
/*	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: 95%;
	OVERFLOW: auto;
	PADDING: 5px;
	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;
	}

/************************************************/
/*	DAY / WEEK / MONTH GRAPH					*/
/************************************************/
#ha #dayGraph {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
	height: 0%;
	table-layout: fixed;
	}
/* for Internet Explorer */
* html #ha #dayGraph {
	width: auto;
	}

#ha #dayGraph TR {
	}
#ha #dayGraph TD {
	font-size: 13px;

	border-width: 1px 0 1px 0;
	border-style: solid;

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

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

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

/*	MONTH	*/
#ha #dayGraph.month TR {
	padding: 0;
	height: auto;
	}
#ha #dayGraph.month TD {
	border-style: solid;
	border-width: 1px;
	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 DIV A {
	font-size: 90%;
	display: block;
	text-align: left;
	white-space: nowrap;
	margin: 0.25em 0;
	padding: 0.1em 0em;
	overflow: hidden;
	width: 100%;
	}
#ha #dayGraph.month TD DIV A SPAN {
	margin: 0 0.25em;
	}

/* 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;
	}

/*	CHOOSE CALENDAR PERIOD	*/
#ha UL#configureViewGraph {
	margin: 1em 0 2em 0;
	padding: 0.5em 0.5em;
	list-style-type: none;
	}
#ha UL#configureViewGraph P {
	text-align: left;
	}
#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;
	}

/* OPTIONS CONFIG */
#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-style: solid;
	border-width: 1px;
	}
#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;
	}
#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;
	}

/************************************************/
/*	MENU										*/
/************************************************/
#ha #menu {
	margin: 0;
	padding: 0;
	border: 0;
	}
#ha #menu ul {
	padding: 0;
	margin: 0.5em 0;
	border: 0;
	list-style-type: none;
	line-height: 1.5em;
	}
#ha #menu li {
	margin: 0;
	padding: 0 1em;
	}
#ha #menu ul li  {
	font-weight: bold;
	}
#ha #menu ul li ul li {
	font-weight: normal;
	}

.mlddm
{
visibility: hidden;
margin: 0;
padding: 0;
height: 26px;
z-index: 100;
}
.mlddm li
{
display: inline;
list-style: none;
float: left;
margin: 0;
padding: 0;

}
.mlddm li a, .mlddm li a#buttonnohover
{
display: block;
margin: 0 1px 0 0;
padding: 6px;
width: auto;
font: bold 11px arial;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
color: #FFFFFF;
background-color: #ED1C24;
-moz-border-radius: 3px;
border-radius: 3px
}
.mlddm li a:hover, .mlddm li a#buttonhover
{
background: #FFFFFF;
color: #000000;
}
.mlddm ul
{
position: absolute;
visibility: hidden;
margin: 1px 0 0 0;
padding: 0;
background-color: #ED1C24;
-moz-border-radius: 3px;
border-radius: 3px
}
.mlddm ul li
{
float: none;
}
.mlddm ul li a
{
display: block;
width: auto;
margin: 0;
padding: 7px 13px;
font-weight: normal;
text-align: left;
text-transform: none;
color: #FFF;
background: transparent;
-moz-border-radius: 3;
border-radius: 3;
}
.mlddm ul li a:hover
{
color: #000000;
}
/************************************************/
/*	main settings								*/
/************************************************/
body 
{    
	font-family: arial;
    margin: 0px;
    font-size:12px;
	color:#000000;
	text-align:center;
	background-color:#bfbfbf;
	background-image:url(/appointment/templates/test/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}
#ha
{
	color: #000000;
}
#ha a
{
	text-decoration: underline;
	color: #0000cc;
}
#ha a:hover
{
	text-decoration: none;
	color: #0099ff;
}
#ha h2
{
	color: #ffffff;
	background-color: #545454;
}
#ha h3
{
	color: #3265ff;
}
#ha h4
{
	color: #000000;
}
/************************************************/
/*	user preferences menu on top				*/
/************************************************/
#ha #userinfo
{
	background-color:#fff200;
}
/************************************************/
/*	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:hover ul, #ha #menu ul li a:hover ul
{
	background-color: #ffffff;
	border-color: #999999;
	border-style: solid;
}
/************************************************/
/*	button bar									*/
/************************************************/
#ha .buttonbar a, #ha .buttonbar input
{
	color: #000000;
	background-color: #fff200;
	border: black 1px solid;
}
#ha .buttonbar a:hover
{
	color: #FFFFFF;
	background-color:#545454;
}
#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: #fff200 1px solid;
}
/************************************************/
/*	month calendar								*/
/************************************************/
#ha .monthcalendar .workingday
{
	background-color: #fff200;
}
#ha .monthcalendar .nonworkingday
{
	background-color: #dddddd;
}
#ha .monthcalendar .staffvacation
{
	color: #ffffff;
	background-color: #c8181f;
}
#ha .monthcalendar .highlight
{
	background-color: #fff200;
}
/************************************************/
/*	day hours									*/
/************************************************/
#ha .dayhours
{
	border-color: #fff200;
}
#ha .dayhours a
{
	background-color: #fff200;
}
/************************************************/
/*	month / week / day graph					*/
/************************************************/
#ha .accepted
{
	background-color: #99cc66;
}
#ha .pending
{
	background-color: #ff9966;
}
#ha #daygraph td
{
	border-color: #ffffff;
}
#ha #daygraph td.daystart
{
	border-left-color: #808080;
}
#ha #daygraph td.dayend
{
	border-right-color: #808080;
}
#ha #daygraph .working
{
	background-color: #ccff99;
}
#ha #daygraph .notworking
{
	background-color: #dddddd;
}
/*	appointment box	*/
#ha #daygraph .accepted
{
	border-color: #669933;
}
#ha #daygraph .pending
{
	border-color: #cc6633;
}
/*	month	*/
#ha #daygraph.month td
{
	border-color: #808080;
}
/*	day graph navigation	*/
#ha ul#daygraphnavigation li.currentperiod
{
	background-color: #ccff99;
}
/*	options conf	*/
#ha ul#configureviewgraph li ul
{
	border-color: #545454;
	background-color: #ffffff;
}
/*	appointments information	*/
#ha ul#appointmentinfolist li ul
{
	background-color: #ffffff;
}
/************************************/
/*	main layout						*/
/************************************/
#logo
{
	width:442px;
	height:76px;
	background-image:url(/appointment/templates/test/images/logo.png);
	background-repeat:no-repeat;
}
#headerBody
{
	text-align:center;
	margin:0px auto;
}
#headerWrapper
{
	width:785px;
	text-align:left;
	margin:0px auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1000;
}
#ha
{
	width: 790px;
	overflow:auto;
}
/************************/
/* horizontal menu 		*/
/************************/
#ha #menu
{
	width: 100%;
	height: 2em;
}
#ha #menu li
{
	float: left;
	position: relative;
}
#ha #menu ul li
{
	border-width: 0 0 0 0px;
	border-style: solid;
}
/* Footer */
#footerBG
{
	height:281px;
	background-image:url(/appointment/templates/test/images/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
	color:#FFFFFF;
}
#footerContentWrapper
{
	height:200px;
	width:905px;
	text-align:left;
	margin:0px auto;
}
#footerContentWrapper a, #footerContentWrapper a:link, #footerContentWrapper a:active, #footerContentWrapper a:visited
{
	color:#B5B5B5;
	background:none;
	padding:0px;
}
#footerContentWrapper a:hover
{
	color:#FFFFFF;
	background:none;
	padding:0px;
}
#footerMainLinks a, #footerMainLinks a:link, #footerMainLinks a:active, #footerMainLinks a:visited
{
	color:#FFF202;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	background:none;
	padding:0px;
}
#footerMainLinks a:hover
{
	color:#FFFFFF;
	background:none;
	padding:0px;
}
#footerBG2
{
	height:36px;
	background-color:#FFFFFF;
	color:#A9A9A9;
	width:100%;
}
/* Container skin */
div.rounded
{
	clear:both;
	max-width:956px;
	margin:0px auto;
	width:100%;
}
div.rounded div.top
{
	background:url(/appointment/templates/test/images/top_left.png) no-repeat bottom left;
	padding:0px;
	width:100%;
}
div.rounded div.top div.right
{
	background:url(/appointment/templates/test/images/top_right.png) no-repeat bottom right;
	height:16px;
	margin-left:16px;
}
div.rounded div.middle
{
	background:url(/appointment/templates/test/images/mid_left.png) repeat-y left;
	clear:both;
	width:100%;
}
div.rounded div.middle div.right
{
	background:url(/appointment/templates/test/images/mid_right.png) repeat-y right;
	margin-left:16px;
}
div.rounded div.middle div.right div.contentMain
{
	background:url(/appointment/templates/test/images/bg.png) repeat top left;
	margin-right:16px;
	padding:0px 0px;
	text-align:justify;
}
div.rounded div.middle div.right div.contentMain p
{
	margin:0px;
	padding-top:0px;
}
div.rounded div.middle div.right div.contentMain h2
{
	color:#0f2;
	margin:0px;
	padding:0px 0px;
}
div.rounded div.bottom
{
	background:url(/appointment/templates/test/images/bottom_left.png) no-repeat top left;
	clear:both;
	padding:0px;
	width:100%;
}
div.rounded div.bottom div.right
{
	background:url(/appointment/templates/test/images/bottom_right.png) no-repeat top right;
	height:16px;
	margin-left:16px;
	clear:both;
}
/************************/
/* global settings		*/
/************************/
img
{
	border:0px;
}
#ha, #ha td, #ha th
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10pt;
}