/**** GENERAL SETTINGS ****/
body {color: #000000; background-color: #FFFFFF; margin: 0px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}
td {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}

hr {height: 1px; border: 0px; color: #999999; background-color: #999999;}

/**** GENERAL FONT SIZE SETTINGS ****/
.normal		{font-size: 10pt;}
.medium 	{font-size: 12px;}
.large 		{font-size: 12pt;}
.small 		{font-size: 10px}
.verysmall 	{font-size: 10px}

/**** GENERAL POSITION SETTINGS ****/
.left {float: left;}
.right {float: right;}

/**** GENERAL COLOUR SETTINGS ****/
.black	{color: #000000;}
.grey 	{color: #999999;}
.green 	{color: #00CC00;}
.red 	{color: #FF0000;}
.blue 	{color: #1851B5;}
.white	{color: #FFFFFF;}

.bold {font-weight: bold;}

/**** LINK SETTINGS ****/

A			{ font-weight: normal; }
A:link 		{text-decoration: none;}
A:visited 	{text-decoration: none;}
A:active 	{text-decoration: underline;}
A:hover		{text-decoration: underline;}

A.underline {text-decoration: underline}

A.black:hover 	{color: #BD0106;}
A.blue:hover 	{color: #3366FF;}
A.white.hover	{color: #FFFFFF;}
A.green.hover	{color: #009900;}

A.DATES:active	{text-decoration: underline; color: #007D06}
A.DATES:link 	{text-decoration: none; color: #000099; font-family:  Arial, Helvetica, sans-serif; font-size: 0.95em}
A.DATES:visited {text-decoration: none; color: #000099; font-family:  Arial, Helvetica, sans-serif; font-size: 0.95em}
A.DATES:hover	{text-decoration: underline; color: #007D06}


/**** NAV SETTINGS ****/

/* nav at the very top of the page (inc_html_nav_top.php) */
.topNav {width: 780px; height: 51px; margin: auto; margin-top: 3px; margin-bottom: 5px; text-align: center;}
.topNav .upper {width: 780px; line-height: 25px; border-bottom: solid 1px #666666;}
.topNav .lower {margin: 0px; width: 780px; line-height: 25px;}
.topNav .left {float: left;  text-align: left; margin-top: -25px;}
.topNav .right {float: right;  text-align: right; margin-top: -25px;}
.topNav .center {text-align: center; }

/* nav containing the main buttons (inc_html_booking_buttons.php) */
.bookingNav {margin: auto; margin-top: 0px; height: 31px; padding: 0px; width: 780px; color: #000000; background-image: url('/ther_shared/images/booking/green_bar_bg.gif'); background-repeat: repeat-x; background-position: 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align: center;}
.bookingNav .left {float: left; padding-left: 15px; line-height: 21px; margin: auto; margin-top: 10px; background-image: url('/ther_shared/images/booking/green_bar_left.gif'); background-repeat: no-repeat; background-position: top left;}
.bookingNav .right {float: right; padding-right: 15px; line-height: 21px; margin: auto; margin-top: 10px; background-image: url('/ther_shared/images/booking/green_bar_right.gif'); background-repeat: no-repeat; background-position: top right;}
.bookingNav .button {margin-top: 0px; width: 370px; float:left; height: 20px;  cursor: pointer; text-align: center; font-weight: bold;}
.bookingNav .button .green {color: #000000; width: 100%; background-image: url('/ther_shared/images/booking/button_green_right.gif'); background-repeat: no-repeat; background-position: top right;}
.bookingNav .button .green div {line-height: 20px;  padding-left: 18px; padding-right: 18px; background-image: url('/ther_shared/images/booking/button_green_left.gif'); background-repeat: no-repeat; background-position: top left }
.bookingNav .button .orange {color: #000000; width: 100%; background-image: url('/ther_shared/images/booking/button_orange_right.gif'); background-repeat: no-repeat; background-position: top right;}
.bookingNav .button .orange div {line-height: 20px;  padding-left: 18px; padding-right: 18px; background-image: url('/ther_shared/images/booking/button_orange_left.gif'); background-repeat: no-repeat; background-position: top left }

/* nav containing section title, calendar, waiting list, etc. (inc_html_booking_top.php) */
.titleNav {margin-left: 20px; margin-right: 20px; margin-bottom: 2px; text-align: center; height: 60px; line-height: 60px; font-family: Times, Georgia,Arial, sans-serif; font-size: 20pt; color: #559700; letter-spacing: 0.1em; font-weight: bold}
.titleNav .topLeft {float: left; margin-top: 0px; border-bottom: solid 1px #999999; width: 140px; line-height: 30px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; letter-spacing: normal;font-weight: normal}
.titleNav .bottomLeft {float: left; margin-top: 30px; margin-left: -140px; width: 140px; line-height: 30px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; letter-spacing: normal;font-weight: normal}
.titleNav .topRight {float: right; margin-top: 0px; border-bottom: solid 1px #999999; width: 140px; line-height: 30px;text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; letter-spacing: normal;font-weight: normal}
.titleNav .bottomRight {float: right; margin-top: 30px; margin-right: -140px; width: 140px; line-height: 30px;text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; letter-spacing: normal;font-weight: normal}
.titleNav img {margin-top: 7px; margin-bottom: 7px;}

/* nav containing current date, view options, etc. (inc_html_booking_top.php)  */
.dateNav {margin: 0px; margin-bottom: 5px; width: 778px; text-align: center; font-weight: bold; height: 50px; line-height: 50px;}
.dateNav .prev {float: left; width: 25px; margin-left: 90px; padding-top: 18px; line-height: 32px;}
.dateNav .next {float: right; width: 25px; margin-right: 90px; padding-top: 18px; line-height: 32px;}
.dateNav .left {float: left; text-align: left; font-weight: normal; font-size: 10px; width: 265px; padding-left: 15px;}
.dateNav .right {float: right; text-align: right; font-weight: normal; font-size: 10px; width: 265px; padding-right: 15px; line-height: 50px; height: 50px;}
.dateNav .center {padding-top: 10px; line-height: 15px; height: 50px;}

/* blue nav bar settings (appears under tabs) */
.blueNav { width: 778px; margin: auto; background-color: #D3DDE9; height:23px; border-left: solid 1px #999999; border-right: solid 1px #999999;}
.blueNav div { float: left; line-height: 23px; padding-left: 15px; padding-right: 15px;}
.blueNav A:link {text-decoration: none; color: #000000; }
.blueNav A:visited {text-decoration: none; color: #000000;}
.blueNav A:active {text-decoration: none; color: #000000;}
.blueNav A:hover {text-decoration: underline; color: #BA5D00;}
.blueNav .selected { text-decoration: underline; color:#FF0000;}
.blueNav .selected A:link {text-decoration: underline; color: #000000; }
.blueNav .selected A:visited {text-decoration: underline; color: #000000;}
.blueNav .selected A:active {text-decoration: underline; color: #000000;}
.blueNav .selected A:hover {text-decoration: underline; color: #BA5D00;}

/* page nav settings (page options inside beige box) */
.pageNav {width: 100%; height: 20px; text-align: center; margin-bottom: 15px;}
.pageNav .left {float: left;}
.pageNav .right {float: right; text-align: right;}
.pageNav .center {position: relative; margin-left: 200px; margin-right: 200px; font-weight: bold}



/**** TAB SETTINGS ****/

.tabs { width: 780px; height: 26px; margin: auto; padding: 0px;}
.tabs A:link {text-decoration: none; color: #000000; }
.tabs A:visited {text-decoration: none; color: #000000;}
.tabs A:active{text-decoration: none; color: #000000;}
.tabs A:hover{text-decoration: underline; color: #BA5D00;}
.tabs .left {float: left; width: 32px; text-align: center; padding-top: 8px;}
.tabs .right {float: right; width: 32px; text-align: center; padding-top: 8px;}

.innerTabs { width: 100%; height: 26px; margin: auto; padding: 0px;}
.innerTabs A:link {text-decoration: none; color: #000000; }
.innerTabs A:visited {text-decoration: none; color: #000000;}
.innerTabs A:active{text-decoration: none; color: #000000;}
.innerTabs A:hover{text-decoration: underline; color: #BA5D00;}
.innerTabs .right {float: right; margin-right: 0px;}

.greyTab { margin-top: 5px; float:left; height: 21px; background-image: url('/ther_shared/images/nav_admin/tab_grey_right.gif'); background-repeat: no-repeat; background-position: top right; }
.greyTab div {line-height: 21px; padding-left: 15px; padding-right: 15px; background-image: url('/ther_shared/images/nav_admin/tab_grey_left.gif'); background-repeat: no-repeat; background-position: top left }

.blueTab { float:left; height: 26px; background-image: url('/ther_shared/images/nav_admin/tab_blue_right.gif'); background-repeat: no-repeat; background-position: top right; }
.blueTab div {line-height: 26px; font-weight: bold; padding-left: 15px; padding-right: 15px; background-image: url('/ther_shared/images/nav_admin/tab_blue_left.gif'); background-repeat: no-repeat; background-position: top left }

.greenTab { float:right; height: 26px; background-image: url('/ther_shared/images/nav_admin/tab_green_right.gif'); background-repeat: no-repeat; background-position: top right; }
.greenTab div {line-height: 26px; padding-left: 18px; padding-right: 18px; background-image: url('/ther_shared/images/nav_admin/tab_green_left.gif'); background-repeat: no-repeat; background-position: top left }

.bookingTabs { width: 778px; height: 26px; margin: auto; margin-top: 20px; margin-bottom: 10px; padding: 0px;}
.bookingTabs A:link {text-decoration: none; color: #000000; }
.bookingTabs A:visited {text-decoration: none; color: #000000;}
.bookingTabs A:active{text-decoration: none; color: #000000;}
.bookingTabs A:hover{text-decoration: underline; color: #BA5D00;}
.bookingTabs .left {float: left; width: 32px; text-align: center; padding-top: 8px;}
.bookingTabs .right {float: right; width: 32px; text-align: center; padding-top: 8px;}


.bookingBlueTab {margin-top: 4px; width: 102px; float:left; height: 22px; background-image: url('/ther_shared/images/booking/tab_blue_right_end.gif'); background-repeat: no-repeat; background-position: top right; cursor: pointer}
.bookingBlueTab .mid {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left.gif'); background-repeat: no-repeat; background-position: top left }
.bookingBlueTab .hover {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left.gif'); background-repeat: no-repeat; background-position: top left; color: #007D06; text-decoration: underline;}
.bookingBlueTab .start {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left_start.gif'); background-repeat: no-repeat; background-position: top left }
.bookingBlueTab .hover2 {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left_start.gif'); background-repeat: no-repeat; background-position: top left; color: #007D06; text-decoration: underline;}

.bookingBlueTabTrainers {text-align: center; line-height: 22px; background-color: #C9E0F7; border: solid 1px #2F6EA8; color: #000000; cursor: pointer;}
.bookingBlueTabTrainers .left {float: left; height: 24px; margin-left: -1px; margin-top: -1px; background-image: url('/ther_shared/images/booking/tab_blue_new_left.gif'); background-repeat: no-repeat; background-position: top left; position: relative}
.bookingBlueTabTrainers .right {float: right; height: 24px; margin-right: -1px; margin-top: -1px; background-image: url('/ther_shared/images/booking/tab_blue_new_right.gif'); background-repeat: no-repeat; background-position: top right; position: relative}
.bookingBlueTabTrainers .hover {color: #007D06; text-decoration: underline;}

.bookingBlueTabShort {margin-top: 4px; width: 102px; float:left; height: 22px; background-image: url('/ther_shared/images/booking/tab_blue_right.gif'); background-repeat: no-repeat; background-position: top right; cursor: pointer}
.bookingBlueTabShort .mid {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left.gif'); background-repeat: no-repeat; background-position: top left }
.bookingBlueTabShort .hover {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left.gif'); background-repeat: no-repeat; background-position: top left; color: #007D06; text-decoration: underline}
.bookingBlueTabShort .start {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left_start.gif'); background-repeat: no-repeat; background-position: top left }
.bookingBlueTabShort .hover2 {line-height: 22px; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_blue_left_start.gif'); background-repeat: no-repeat; background-position: top left; color: #007D06; text-decoration: underline}

.bookingOrangeTab {width: 102px; float:left; height: 27px; background-image: url('/ther_shared/images/booking/tab_orange_right.gif'); background-repeat: no-repeat; background-position: top right; cursor: pointer}
.bookingOrangeTab .mid {line-height: 27px; text-align: center; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_orange_left.gif'); background-repeat: no-repeat; background-position: top left }
.bookingOrangeTab .hover {line-height: 27px; text-align: center; text-align: center; font-weight: normal; padding-left: 5px; padding-right: 5px; background-image: url('/ther_shared/images/booking/tab_orange_left.gif'); background-repeat: no-repeat; background-position: top left; color: #007D06; text-decoration: underline}



/**** BOX SETTINGS ****/

.bookingBlueBox {text-align: center; line-height: 22px; background-color: #C9E0F7; border: solid 1px #2F6EA8; }
.bookingGreyBox {text-align: center; line-height: 22px; color: #FFFFFF; font-weight: bold; background-color: #B3B3B3; border: solid 1px #999999; }

.bookingBeigeBox {margin: auto;  width: 780px; background-image: url('/ther_shared/images/booking/beige_box_bottom.gif'); background-repeat: no-repeat; background-position: bottom center; }
.bookingBeigeBox .top {padding: 20px; background-image: url('/ther_shared/images/booking/beige_box_top.gif'); background-repeat: no-repeat; background-position: top center;}

.defaultBox {margin: auto; height: auto; padding-top: 20px; width: 778px; overflow: visible; padding-bottom: 20px; border: solid 1px #999999; border-top: none;}

/* bouding box - no background colour or border */
.boundingBox {margin: auto; padding: 20px; width:738px; color: #000000;}

/* main beige background */
.beigeBox {margin: auto; padding: 20px; width:738px; color: #000000; background-color: #F8F5E7; border: 1px solid #999999; border-top: none;}

/* white content box (goes within beige box) */
.whiteBox { color: #000000; background-color: #FFFFFF; border: 1px solid #999999; padding: 20px;}
.whiteBox .alt { background-color: #EFEFEF; }
.whiteBoxAuto { padding: 20px; color: #000000; background-color: #FFFFFF; border: 1px solid #999999;}
/* end white box settings */

/* grey box settings */
.greyBox { margin-bottom: 10px; padding: 10px; color: #000000; background-color: #F2F2F2; }
.greyBox li { margin-bottom: 10px; }
.greyBox textarea { width: 95%; height: 100px; border: solid 1px #999999;}
.greyBox .scroll {height: 35px; overflow: auto;}
.greyBox .alt { background-color: #E8E8E8; }
.greyBox .over {background-color: #FFE08C; cursor: pointer;}
.greyBoxBorder { margin-bottom: 10px; padding: 10px; color: #000000; background-color: #F2F2F2; border: solid 1px #999999;}
.greyBoxBorder .right {float: right}
.greyBoxBorder .alt { background-color: #E8E8E8; }
/* end grey box settings */

.greenBox { margin-bottom: 10px; padding: 10px; color: #000000; background-color: #B7DB94;  border: solid 1px #999999;}

.printBox {width: 665px; margin: 5px;}
.printBox .alt { background-color: #EFEFEF; }



/**** MESSAGE SETTINGS ****/

#HelpBox { position:absolute; z-index:100; display: none; overflow: auto; padding: 8px; padding-left: 40px; padding-bottom: 16px; color: #000000; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_help.gif'); background-repeat: no-repeat; background-position: 8px 8px;}

.tipBox { margin-bottom: 5px; min-height: 20px; height: auto !important; height: 20px; padding: 0px; padding-top: 12px; padding-bottom: 9px; padding-left: 40px;  color: #CC6600; font-weight: bold; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_tip.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.warningBox { margin-bottom: 5px; min-height: 20px; height: auto !important; height: 20px; padding: 0px; padding-top: 12px; padding-bottom: 9px; padding-left: 40px; color: #CC0000; font-weight: bold; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_warning.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.successBox { margin-bottom: 5px; min-height: 20px; height: auto !important; height: 20px; padding: 0px; padding-top: 12px; padding-bottom: 9px; padding-left: 40px;  color: #009900; font-weight: bold; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_success.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.noteBox { margin-bottom: 5px; min-height: 20px; height: auto !important; height: 20px; padding: 0px; padding-top: 12px; padding-bottom: 9px; padding-left: 40px; color: #000099; font-weight: bold; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_note.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.noteBoxMulti { padding: 6px; padding-left: 40px; color: #000099; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_note.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.noteBoxMulti div { padding-bottom: 5px; }

.tipBoxMulti { padding: 6px; padding-left: 40px; color: #CC6600; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_tip.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.tipBoxMulti ol { color: #000000; margin-top: 10px;}
.tipBoxMulti li { margin-left: -40px; margin-bottom: 10px; font-weight: bold }
.tipBoxMulti li .item {font-weight: normal}

.warningBoxMulti { margin-bottom: 5px; padding: 6px; padding-left: 40px; color: #000000; background-color: #F2F2F2; border: 1px solid #999999; background-image: url('/ther_shared/images/icons/icon_warning.gif'); background-repeat: no-repeat; background-position: 8px 8px;}
.warningBoxMulti div { padding-bottom: 5px; }


#InfoBox {position: absolute; top: -100px; left: -100px; width: auto; padding: 5px; font-size: 10px; background-color: #F8F599; border: 1px solid #999999; max-width: 250px;}



/**** BAR SETTINGS ****/

/* blue bar header settings*/
.blueBar { height: 27px; padding: 0px; margin-bottom: 1px; color: #000000; text-align: center; background-color: #D3DDE9; background-image: url('/ther_shared/images/nav_admin/blue_bar_bg.gif'); font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
.blueBar .leftSide {float: left; padding-left: 15px; line-height: 27px; margin: auto; background-image: url('/ther_shared/images/nav_admin/blue_bar_lf.gif'); background-repeat: no-repeat; background-position: top left;}
.blueBar .rightSide {float: right; padding-right: 15px; line-height: 27px; margin: auto; background-image: url('/ther_shared/images/nav_admin/blue_bar_rt.gif'); background-repeat: no-repeat; background-position: top right;}
.blueBar .rightSide img {margin-top: 5px; margin-bottom: 5px;}
/* end blue bar settings */

/* green bar header settings (usually before a grey box) */
.greenBar { height: 17px; padding-left: 15px; padding-top: 2px; color: #000000; background-color: #C8E362; border-bottom: solid 1px #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
.greenBar .left {float: left; margin-left: -5px; padding-right: 5px;}
.helpButton { float: right; margin-top: 2px; margin-right: 5px;}
/* end green bar settings */

/* dark horizontal bar */
.greyBar { height: 1px; border: 0px; color: #999999; background-color: #999999}
.greyBar2 {background-color: #939393; color: #FFFFFF; font-weight: bold;}

.blueBar2 { height: 17px; padding-left: 15px; padding-top: 2px; color: #000000; background-color: #D3DDE9; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
.darkBlueBar { background-color: #0099CC; color: #FFFFFF; font-size: 10pt; font-weight: bold;}



/**** FORM SETTINGS ****/

form {margin: 0px;}

.formLayout { width: 100%; border-collapse:	collapse;}
.formLayout td, th { padding: 5px; margin: 0px; border: 0px; }
select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}
textarea  { width: 95%; height: 100px; border: solid 1px #999999; font-family:  Arial, Helvetica, sans-serif;  font-size: 10pt;}

.auto { width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}
.short { width: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}
.normal { width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}
.tiny { width: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}
.long { width: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; border: solid 1px #999999;}

.formInput { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 150px; background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }
.formInput120 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 120px; background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }
.formInputShort { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 100px; background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }
.formInputComment { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 420px; background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }
.formSubmit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #878787 1px solid; BORDER-LEFT: #878787 1px solid; BORDER-RIGHT: #878787 1px solid; BORDER-TOP: #878787 1px solid }
.formGeneralInput { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  background-color: #FFFFFF; margin-top:0px;BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }
.formText { width: 95%; height: 100px; border: solid 1px #999999;}






/* footer settings (appears at the bottom of every page */
.footer { margin-top: 5px; margin-bottom: 5px; text-align: center; text-decoration: none; color: #999999; font-family:  Arial, Helvetica, sans-serif; font-size: 8pt}
.footer A:link {text-decoration: none; color: #999999; font-family:  Arial, Helvetica, sans-serif; font-size: 8pt}
.footer A:visited {text-decoration: none; color: #999999; font-family:  Arial, Helvetica, sans-serif; font-size: 8pt}
.footer A:active{text-decoration: none; color: #999999; font-family:  Arial, Helvetica, sans-serif; font-size: 8pt}
.footer A:hover{  text-decoration: underline; color: #9C0000; font-family:  Arial, Helvetica, sans-serif; font-size: 8pt}
/* end footer settings */



/**** BOOKING PAGE SETTINGS ****/

.timeSheet {border-collapse: collapse;}
.available {width: 101px; background-color: #FCF9E5;  cursor: pointer; border: solid 1px #999999; padding: 3px;}
.availableAlt {width: 101px;background-color: #F4F0D2;   cursor: pointer; border: solid 1px #999999; padding: 3px;}
.availableOver {width: 101px;background-color: #FFE08C; padding: 3px; text-align: center; color: #666666; cursor: pointer;  border: solid 1px #999999}
.unavailable {width: 101px; background-color: #DADADA; border: solid 1px #999999; padding: 3px; text-align: center; color: #666666;}
.holiday {width: 101px; background-color: #DADADA; border: solid 1px #999999; padding: 3px; text-align: center; color: #666666;}
.other {width: 101px; background-color: #DADADA; border: solid 1px #999999; padding: 3px; text-align: center; color: #666666;}

.booking { background-color: #99CCFF; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px;}
.booking .checkbox {cursor: pointer;}

.bookingseries { background-color: #88BBEE; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px; }
.bookingseries .checkbox {cursor: pointer;}

.invoiced  { background-color: #ADE07A; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px;}
.invoiced .checkbox {cursor: pointer;}

.event  { background-color: #FFAA52; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px;}
.eventMin  { background-color: #EEBC85; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px;}
.event .checkbox {cursor: pointer;}

.alert { background-color: #FF9999; width: 101px; border: solid 1px #999999; padding: 3px; font-size: 10px; color: #FFFFFF}
.alert .checkbox {cursor: pointer;}

#Legend {margin: 0px; padding: 0px; margin-left: 80px; margin-top: 10px; width: 650px; height: 30px;}
#Legend .entry {float: left; margin-right: 12px;}
#Legend .available {float: left; width: 30px; height: 15px; margin-right: 5px; cursor: default; padding: 0px;}
#Legend .unavailable {float: left; width: 30px; height: 15px; padding: 0px; margin-right: 3px;}
#Legend .booking {float: left; width: 30px; height: 15px; padding: 0px; margin-right: 3px;}
#Legend .alert {float: left; width: 30px; height: 15px; padding: 0px; margin-right: 3px;}
#Legend .invoiced  {float: left; width: 30px; height: 15px; padding: 0px; margin-right: 3px;}
#Legend .event  {float: left; width: 30px; height: 15px; padding: 0px; margin-right: 3px;}

.time {width: 60px; height: 20px; padding-left: 10px; padding-right: 10px; text-align: right;}
.timeAlt {width: 60px; height: 20px; padding-left: 10px; padding-right: 10px; text-align: right; background-color: #EEEEEE;}



#auto_complete {position:absolute; z-index:100; background: white; border: 1px solid #999999; display: none; overflow: auto; cursor: pointer;}
#auto_complete div {height: 18px; overflow: hidden; z-index: 10000; background-color: #FFFFFF}
#auto_complete .over {background-color: #C8E362}

.searchResults { margin: auto; margin-bottom: 10px; width: 650px;}
.searchResults .available {background-color: #FFFFFF; float: left; display:block; margin-bottom: 2px; margin-right: 2px; width: 50px; height: 15px; line-height: 15px; padding: 5px;  border: 1px solid #999999; color: #000000; font-size: 10px; text-align: center; }
.searchResults .availableOver {background-color: #FFE08C; float: left; display:block; margin-bottom: 2px; margin-right: 2px; width: 50px; height: 15px; line-height: 15px; padding: 5px;  border: 1px solid #999999; color: #000000; font-size: 10px; text-align: center; }

.groupHeader {display: block; height: 40px;}
.groupHeader .left {float: left; font-size: 14pt; color: #669900; font-weight: bold;}
.groupHeader .right {float: right;}
.groupHeader .description {margin-left: 10px; display: inline; color: #000000; font-size: 10px; font-weight: normal;}

.clear {display: block; clear: both; visibility : hidden; height: 0px;}

.filled {padding: 5px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: #CC6600;}
.filled span {font-weight: normal; color: #000000}

/* for the client roster */
#ClientRoster {height: 400px; position: absolute; top: 10px; left: 10px;}
#ClientRoster .tabs {width: 302px}
#ClientRoster .blueNav {width: 300px}
#ClientRoster .beigeBox {width: 260px; height: 300px;}
#ClientRoster .greyBoxBorder {width: 235px; overflow: auto;}

.checkoutItem {background-color: #FFFFFF; float: left; display:block; margin-bottom: 5px; margin-right: 5px; width: 115px; min-height: 30px; height: auto !important; height: 30px; line-height: 15px; padding: 5px;  border: 1px solid #999999; color: #000000; font-size: 10px; text-align: center; }
.checkoutItemOver {background-color: #FFE08C; float: left; display:block; margin-bottom: 5px; margin-right: 5px; width: 115px; min-height: 30px; height: auto !important; line-height: 15px; padding: 5px;  border: 1px solid #999999; color: #000000; font-size: 10px; text-align: center; cursor: pointer;}

.contactName {font-weight: bold; margin-bottom: 15px; font-size: 10pt;}

.required {color: #FF0000; font-size: 10px; vertical-align: super;}

.pageSelect {position:absolute; z-index:100; margin-left: 605px; margin-top: -1px; padding: 0px; width: 50px; height: 75px; color: #000000; background-color: #F2F2F2; border: solid 1px #999999; text-align: center; overflow: auto; display: none; }
.pageSelect div {padding: 5px; line-height: 10px; cursor: pointer;}
.pageSelect .over {background-color: #FFE08C;}

#Welcome {width: 100%;}
#Welcome .left {width: 32%; }
#Welcome .right {width: 32%; }
#Welcome .center { margin: auto; width: 32%;}
#Welcome .greeting { font-size: 18px; color: #559700; font-weight: bold; }
#Welcome .darkBlueBar { padding: 5px; }
#Welcome .whiteBox { padding: 10px; border-top: 0px; }