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: 900px }
.b2 { BACKGROUND-COLOR: #ffffff; BORDER: #ffffff 0px solid }
.b3 { BACKGROUND-COLOR: #444649; BORDER: #ffffff 0px solid }
.b4 { BACKGROUND-COLOR: #eeeeee; BORDER: #ffffff 0px solid }
.b5 { BACKGROUND-COLOR: #ffffff; BORDER: #ffffff 0px solid }
.b6 { BACKGROUND-COLOR: #ffffff; BORDER-TOP: #aaaaaa 1px dotted }
.b7 { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #aaaaaa 1px dotted }

.introbody { BACKGROUND-COLOR: #ffffff; margin: 0; padding: 0; text-align: center;}
#intro { position:relative; width: 800px; margin-left: auto; margin-right: auto; margin-top:30px}
#introimg { position:absolute; float:left; left:220px; top:200px; border:1px solid #ffffff; width:360px;}
#introfooter { top:0px;clear:both;}

/* Standard Fonts */
h1,h2,h3,h4,h5,h6, p{font-family: Helvetica, Arial;font-weight:normal;margin:0px;padding:0px;}
h1{font-size:22pt; color: #111111;}
h2{font-size:14pt; color: #111111;}
h3{font-size:10pt; color: #333333;}
h4{font-size:9pt; color: #111111;}
h5{font-size:8pt; color: #333333;}
h6{font-size:8pt; color: #777777;}
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: #111111; TEXT-DECORATION: none }
A:visited { COLOR: #111111; TEXT-DECORATION: none }
A:link { COLOR: #111111; TEXT-DECORATION: none }
A:hover { COLOR: #111111; TEXT-DECORATION: underline }

/* Special Fonts */
.link1 { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #ffffff; MARGIN: 0px; text-decoration:none}
.error { COLOR: #BE5050 }

.font1 { font-family: Helvetica, Arial; FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #333333; MARGIN: 0px;}

/* Main Menu Styles */
.icon1 { BACKGROUND-COLOR: #ffffff; BORDER: #cccccc 1px solid; margin: 0px 0px 5px 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 }
.listbox_short { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 150px }

.textbox_long { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #000000; WIDTH: 100% }
.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; }

.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:22px}
.button_short { FONT-FAMILY: Helvetica; FONT-SIZE: 8pt; COLOR: #333333; width:60px; height:22px}

.table1 { BORDER: #ffffff 0px solid; BACKGROUND-COLOR: #eeeeee;}
.table2 { BORDER: #ffcc55 1px solid; BACKGROUND-COLOR: #ffffaa;}
.table3 { BORDER: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff;}
.table4 { BORDER: #BE5050 1px solid; BACKGROUND-COLOR: #FFDBDB;}

.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 { BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #dddddd; }
.datagrid1_rowbg { BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f3f3f3; }

.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: #aaaaaa;}

/* Main Menu */
.coMenu { font-family: Helvetica, Arial; font-size: 8pt; font-weight: bold; text-align: center; white-space: nowrap; cursor: hand; }
.coSubMenu { position: absolute; visibility: hidden; z-index: 100; border: #4D545F 0px solid; padding: 0px; overflow: visible; }
.coSubMenuTable {width: 170px;  font-family: Helvetica, Arial; font-size: 8pt; font-weight: normal; white-space: nowrap; cursor: hand; overflow: visible;}

.coMainItem { padding: 5px 22px 6px 22px; background-color: #444649; color: #ffffff; border: 0; cursor: hand; white-space: nowrap; }
.coMainItemHover, .coMainItemActive { background-color: #4D545F; color: #ffffff; border: 0; cursor: hand; white-space: nowrap; }
.coMenuItem { padding: 3px 10px 3px 5px; background-color: #7D8692; color: #ffffff; border: 0; cursor: hand; white-space: nowrap; }
.coMenuItemHover, .coMenuItemActive { background-color: #8893A1; color: #ffffff; 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 22px 6px 22px;}

.coMenuFolderText, .coMenuItemText { padding: 7px 20px 7px 10px; background-color: inherit; white-space: nowrap; border-bottom: #6F7C8D 1px solid}
.coMenuFolderLeft, .coMenuItemLeft { padding: 0px; background-color: #7D8692; white-space: nowrap; }
.coMenuFolderRight, .coMenuItemRight { padding: 0px; border: 0; background-color: #ffffff; white-space: nowrap; }

