body {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/loading.gif); BACKGROUND-REPEAT: no-repeat; }
form {margin: 0px; padding: 0px}

/* Background and Border */
.b0 { BACKGROUND-COLOR: #ffffff }
.b1 { BACKGROUND-COLOR: #ffffff; BORDER: #ffffff 0px solid; width: 100% }
.b2 { BACKGROUND-COLOR: #ffffff; BORDER: #ffffff 0px solid }
.b3 { BACKGROUND-COLOR: #FF7D00; BORDER: #ffffff 0px solid }
.b4 { BACKGROUND-COLOR: #eeeeee; BORDER: #ffffff 0px solid }
.b5 { BACKGROUND-COLOR: #ffffff; BORDER: #ffffff 0px solid }

#main { width: 1024px }

/* Standard Fonts */
h1,h2,h3,h4,h5,h6, p{font-family: Helvetica, Arial;font-weight:normal;margin:0px;padding:0px;}
h1{font-size:18pt; color: #777777;}
h2{font-size:14pt; color: #111111;}
h3{font-size:10pt; color: #333333;}
h4{font-size:8pt; color: #333333;}
h6{font-size:7.5pt; color: #aaaaaa;}
h5{font-size:8pt; color: #aaaaaa;}
h7{font-size:8pt; color: #333333;}
p{font-size:9pt; color: #555555;}

li { FONT-FAMILY: Tahoma, Arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #333333; MARGIN: 0px 0px }

A:active { COLOR: #0000ff; TEXT-DECORATION: underline }
A:visited { COLOR: #0000ff; TEXT-DECORATION: underline }
A:link { COLOR: #0000ff; TEXT-DECORATION: underline }
A:hover { COLOR: #0000ff; TEXT-DECORATION: underline }

/* Special Fonts */
.link1 { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #ffffff; MARGIN: 0px; text-decoration:none}
.error { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #ff0000; MARGIN: 0px }

.font1 { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #333333; MARGIN: 0px;}
.required {color: #ff0000; font-weight: normal}

/* Main Menu Styles */
.icon1 { BACKGROUND-COLOR: #ffffff; BORDER: #cccccc 1px solid; margin: 0px 0px 3px 5px }
.icon2 { BACKGROUND-COLOR: #ffffff; BORDER: #cccccc 1px solid; margin: 5px 5px 0px 5px }
.icon3 { BACKGROUND-COLOR: #ffffff; BORDER: #cccccc 1px solid; margin: 0px 0px 0px 0px }

/* HTML Elements */
.listbox_long { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #555555; WIDTH: 100% }
.listbox_medium { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 300px }

.textbox_long { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 100% }
.textbox_large { FONT-FAMILY: Helvetica; FONT-SIZE: 14pt; COLOR: #555555; WIDTH: 250px; }
.textbox_largeshort { FONT-FAMILY: Helvetica; FONT-SIZE: 14pt; COLOR: #555555; WIDTH: 150px; }
.textbox_medium { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 300px }
.textbox_short { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 150px }
.textbox_tiny { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 75px; }
.textbox_xtiny { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 40px; }

.button_short { FONT-FAMILY: Helvetica; FONT-SIZE: 11px; COLOR: #333333; width:50px;}
.button_large { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #333333; width:120px; height:30px}
.button_medium { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #333333; width:80px; height:20px}

.table1 { BORDER: #C8B756 1px solid; BACKGROUND-COLOR: #FEF7CD;}
.table2 { BORDER: #ffcc55 1px solid; BACKGROUND-COLOR: #ffffaa;}
.table3 { BORDER: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff;}
.table4 { BORDER: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee;}

.hr2 { color: #F3E698 }

.datagrid1 { BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid }
.datagrid1_row { BORDER-BOTTOM: #cccccc 1px solid; }
.datagrid1_row2 { BACKGROUND-COLOR: #ffcc55; BORDER-BOTTOM: #cccccc 1px solid; }
.datagrid1_row3 { BACKGROUND-COLOR: #ffffaa; BORDER-BOTTOM: #cccccc 1px solid; }
.datagrid1_row4 { BACKGROUND-COLOR: #dddddd; BORDER-BOTTOM: #cccccc 1px solid; }
.datagrid1_row5 { BACKGROUND-COLOR: #eeeeee; BORDER-BOTTOM: #cccccc 1px solid; }

.datagrid1_errorrow1 { BACKGROUND-COLOR: #FFAE98; BORDER-BOTTOM: #cccccc 1px solid; }
.datagrid1_errorrow2 { BACKGROUND-COLOR: #FB7D5B; BORDER-BOTTOM: #cccccc 1px solid; }

.datagrid2 { BORDER-TOP: #ffcc55 1px solid; BORDER-RIGHT: #ffcc55 1px solid; BORDER-LEFT: #ffcc55 1px solid }
.datagrid2_row { BORDER-BOTTOM: #ffcc55 1px solid; }

.datagriderror { BORDER-TOP: #E90101 1px solid; BORDER-RIGHT: #E90101 1px solid; BORDER-LEFT: #E90101 1px solid }
.datagriderror_row { BORDER-BOTTOM: #E90101 1px solid; }

.schedule1 { BACKGROUND-COLOR: #ffffff; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid }
.schedule1_cell1 { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell2 { BACKGROUND-COLOR: #eeeeee; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell3 { BACKGROUND-COLOR: #dddddd; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_booked { BACKGROUND-COLOR: #ffccaa; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_confirm { BACKGROUND-COLOR: #ffff00; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_process { BACKGROUND-COLOR: #B7FF50; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_special { BACKGROUND-COLOR: #DC77FD; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_finish { BACKGROUND-COLOR: #FE5F1A; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_cancel { BACKGROUND-COLOR: #999999; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }
.schedule1_cell_block { BACKGROUND-COLOR: #dddddd; BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; }

.schedule_popup_bg { BACKGROUND-COLOR: #f5f5f5; BORDER: #dddddd 1px solid; }
.schedule_popup_fg { BACKGROUND-COLOR: #ffffff; BORDER-right: #aaaaaa 1px solid; BORDER-bottom: #aaaaaa 1px solid;}
.schedule_popup_font1 { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #333333; MARGIN: 0px;}

hr {COLOR: #cccccc;}

/*-------------------- Appointment Calendar --------------------*/
.year {	border-width: 0px; background-color: #ffffff; text-align: center; }
.month { border: 1px solid #cccccc ; background-color: #ffffff; text-align: center; width: 100%}

.yearname {	font-family: Helvetica, Arial; FONT-SIZE: 8pt; COLOR: #333333; text-align: center; }
.monthname { font-family: Helvetica, Arial; FONT-SIZE: 8pt; COLOR: #333333; text-align: center; FONT-WEIGHT: bold; }
.dayname { background-color: #75AEEE; font-family: Helvetica, Arial; FONT-SIZE: 7pt; COLOR: #ffffff; text-align: center; FONT-WEIGHT: normal; height: 20px; width: 20px; }

.nomonthday { background-color: #ffffff; height: 20px; width: 20px; }

.monthday { background-color: #DEEAF7; font-family: Helvetica, Arial; FONT-SIZE: 8pt; text-align: center; FONT-WEIGHT: normal; height: 20px; width: 20px; }
.monthday a, .monthday a:visited, .monthday a:hover { COLOR: #333333; text-decoration: none }

.today { background-color: #ff6600; font-family: Helvetica, Arial; FONT-SIZE: 8pt; text-align: center; FONT-WEIGHT: bold; height: 20px; width: 20px; }
.today a, .today a:visited, .today a:hover { COLOR: #ffffff; text-decoration: none }

.selectedday { background-color: #ffffff; font-family: Helvetica, Arial; FONT-SIZE: 8pt; text-align: center; FONT-WEIGHT: bold; height: 20px; width: 20px; }
.selectedday a, .selectedday a:visited, .selectedday a:hover { COLOR: #ff6600; text-decoration: none }

.sunday, .saturday { background-color: #aaEAF7; font-family: Helvetica, Arial; FONT-SIZE: 8pt; text-align: center; FONT-WEIGHT: normal; height: 20px; width: 20px; }
.sunday a, .saturday a, .sunday a:visited, .sunday a:hover, .saturday a:visited, .saturday a:hover { color: #333333; text-decoration: none }

.cal_nav { font-family: Helvetica, Arial; FONT-SIZE: 8pt; text-align: center; FONT-WEIGHT: normal; COLOR: #0000ff; }

/*-------------------- Module Menu Bar --------------------*/
.coMenu { font-family: Helvetica, Arial; font-size: 8pt; font-weight: normal; text-align: center; white-space: nowrap; cursor: hand; }
.coSubMenu { position: absolute; visibility: hidden; z-index: 100; border: 0; overflow: visible; }
.coSubMenuTable { font-family: Helvetica, Arial; font-size: 8pt; border: solid 1px #aaaaaa; font-weight: normal; white-space: nowrap; cursor: hand; overflow: visible; width:180px}

.coMainItem { padding: 5px 10px 6px 10px; background-color: #FF7D00; width:100px; color: #ffffff; border: 0; cursor: hand; white-space: nowrap; border-right: 1px solid #F9B77C}
.coMainItemHover, .coMainItemActive { background-color: #aaaaaa; width:100px; color: #ffffff; border: 0; cursor: hand; white-space: nowrap; }
.coMenuItem { padding: 3px 10px 3px 5px; background-color: #EBEDF3; color: #555555; border: 0; cursor: hand; white-space: nowrap; }
.coMenuItemHover, .coMenuItemActive { background-color: #DCE0EA; color: #111111; border: 0; cursor: hand; white-space: nowrap; }

td.coMainFolderText, td.coMainItemText { padding: 4px 16px 4px 16px; background-color: inherit; white-space: nowrap; }
td.coMainItemHover, td.coMainItemActive { padding: 5px 10px 6px 10px; border-right: 1px solid #F9B77C}

.coMenuFolderText, .coMenuItemText { padding: 5px 20px 5px 10px; border-top: 1px solid #D9DCE8; background-color: inherit; white-space: nowrap; }
.coMenuFolderLeft, .coMenuItemLeft { padding: 0px; background-color: #ffffff; white-space: nowrap; }
.coMenuFolderRight, .coMenuItemRight { padding: 0px; border: 0; background-color: #ffffff; white-space: nowrap; }


/* Context Menu */
.cmenu {
	margin: 0;
	padding: 0.3em;
	list-style-type: none;
	background-color: white;
}

.cmenu li:hover {
	
}

.cmenu hr {
	border: 0;
	border-bottom: 1px solid grey;
	margin: 3px 0px 3px 0px;
	width: 10em;
}

.cmenu a {
	border: 0 !important;
}

.cmenu a:hover {
	text-decoration: underline !important;
}

.cmenu .topSep {
	font-size: 90%;
	border-top: 1px solid gray;
	margin-top: 0.3em;
	padding-top: 0.3em;
}