#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 #links li{

padding-right:15px;


	}


#ha #userInfo #appointmentCart {

	TEXT-ALIGN: left;

	FLOAT: left;

	WIDTH: 40%;

	}

#ha #userInfo UL {

	MARGIN: 0;

	PADDING: 0.8em;

	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.1em 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;

	}


/* CSS Document */

body {
position:static;
left:0px;
top:0px;
background-image:url(img/BG1.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#b8cb84;
}
#pnut {
	position:absolute;
	width:1190px;
	margin-left:-595px;
	height:196px;
	z-index:3;
	top: 80px;
	left: 50%;
	
}

#header {
position:relative; 
left:0;
right:0;
top:-8px;
margin-top:-7px;
width:100%;
background-image:url(img/clouds.png);
background-position:right;
background-position:top;
background-repeat:repeat-x;


}
#nav {
position:relative;
width:942px;
background-image:url(img/toplinks.png);
background-repeat:no-repeat;
background-position:center;
height:71px;
top:54px;
z-index:5;

}
#subnav {
position:relative;
width:942px;
background-image:url(img/subheader.png);
background-repeat:no-repeat;
background-position:top;
height:88px;
top:54px;
z-index:5;

}
#navfrt {
position:relative;
width:942px;
background-image:url(img/toplinks.png);
background-repeat:no-repeat;
background-position:center;
height:71px;
top:54px;
z-index:5;

}
#subnavfrt {
position:relative;
width:942px;
background-image:url(img/subheader.png);
background-repeat:no-repeat;
background-position:top;
height:280px;
top:54px;
z-index:5;

}

a{

color:#FFFFFF;
text-decoration:none;}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color:#CC9966;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color:#CC9966;
}

.nav2:link {
	color: #FFFFFF;
	text-decoration: none;
}
.nav2:hover {
	color:#895E34;
	text-decoration: none;
}
.nav2:active {
	text-decoration: none;
	color:#895E34;
}
.nav3:link {
	color: #a90000;
	text-decoration: none;
}
.nav3 {
color:#a90000;}

.nav3:hover {
	color:#895E34;
	text-decoration: none;
}
.nav3:active {
	text-decoration: none;
	color:#895E34;
}
.nav4:link {
	color: #895E34;
	text-decoration: none;
}
.nav4 {
color:#895E34;}

.nav4:hover {
	color:#a90000;
	text-decoration: none;
}
.nav4:active {
	text-decoration: none;
	color:#a90000;
}
#cont {
position:relative;
width:942px;
background-image:url(img/conbg.png);
background-repeat:repeat-y;
background-position:center;
height:auto;
top:54px;

}
#contentfrt {
position:relative;
width:942px;
background-image:url(img/conbg.png);
background-repeat:repeat-y;
background-position:center;
height:auto;
top:54px;
z-index:7;

}
#footer {
color:#FFFFFF;
text-decoration:none;
position:relative;
width:942px;
background-image:url(img/footerbg.png);
background-repeat:no-repeat;
background-position:top;
height:30px;
top:54px;

}
#logo {
position:relative;
width:942px;
height:80px;
top:70px;
left:20px;
}


.style14 {color: #c69564;
text-decoration:none;}

body { font-family:verdana,tahoma,helvetica; }


#wrapper{
width: 580px;
margin: 0 auto;
}
.box{
background: #feddb9;
}
.box2{
background: #feddb9;
}
.boxholder{
clear: both;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 5px;
background: #a90000;
}
.boxholder2{
clear: both;
padding-left: 7px;
padding-right: 7px;
padding-top: 6px;
padding-bottom: 6px;
}
.tab{
float: left;
height: 32px;
width: 104px;
margin: 0 1px 0 0;
text-align: center;
background: url(Images/redtab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-weight:normal;
font-size: 15px;
padding: 9px 0 0 0;
}



/************************************************/
/*	MAIN SETTINGS								*/
/************************************************/
#ha {
	COLOR: #000000;
	}
#ha A {
	TEXT-DECORATION: none;
	COLOR: #880000;
	}
#ha A:hover {
	TEXT-DECORATION: none;
	COLOR: #895E34;
	}
#ha H2 {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #880000;
	}
#ha H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	}
#ha H4 {
	COLOR: #000000;
	}

/************************************************/
/*	USER PREFERENCES MENU ON TOP				*/
/************************************************/
#ha #userInfo {
BORDER-COLOR: #774e28;
border-width:1px;
border-style:solid;
	BACKGROUND-COLOR: #e8bb8a;
	}

/************************************************/
/*	ACTIONS MENU ON TOP							*/
/************************************************/
#ha #menu A {
	TEXT-DECORATION: none;
	}
#ha #menu A:hover {
	TEXT-DECORATION:blink;
	}
#ha #menu ul li {
	BORDER-COLOR: #e8bb8a;
	}

#ha #menu UL LI:hover UL, #ha #menu UL LI a:hover UL {
	BACKGROUND-COLOR: #FFFFFF;
	border-color: #e8bb8a;
	BORDER-STYLE: solid;
	}

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

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

/************************************************/
/*	SIDE BAR									*/
/************************************************/
#ha #sideBar {
	BORDER-LEFT: #880000 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: #774e28;
	BACKGROUND-COLOR: #e8bb8a;
	}
#ha .dayHours A {
	BORDER-COLOR: #99CB00;
	border-style:solid;
	border-width:1px;
	BACKGROUND-COLOR: #CCFF99;
	}

#ha .dayHours A:hover {
	BORDER-COLOR: #880000;
	border-style:solid;
	border-width:1px;
	BACKGROUND-COLOR: #CCFF99;
	}

/************************************************/
/*	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: #880000;
	}
#ha #dayGraph .pending  {
	border-color: #e8bb8a;
	}

/*	MONTH	*/
#ha #dayGraph.month TD {
	border-color: #880000;
	}

/*	DAY GRAPH NAVIGATION	*/
#ha UL#dayGraphNavigation LI.currentPeriod {
	background-color: #CCFF99;
	}

/*	OPTIONS CONF	*/
#ha UL#configureViewGraph LI UL {
	border-color: #99CB00;
	background-color: #ffffff;
	}

/*	APPOINTMENTS INFORMATION	*/
#ha UL#appointmentInfoList LI UL {
	background-color: #ffffff;
	}


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

/*	MAIN LAYOUT						*/

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

#ha {

	WIDTH: 850px;
	padding-top:0px;
	paddin-bottom:0px;

	}



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

/* HORIZONTAL MENU 		*/

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

#ha #menu {

	width: 100%;

	}

#ha #menu li {

	float: left;

	position: relative; 

	}

#ha #menu ul li {

	BORDER-WIDTH: 0 0 0 0px;

	BORDER-STYLE: solid;

	}
#ha, #ha TD, #ha TH {
	FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;
	FONT-SIZE: 13px;
	}