@import url('content.css');

/*** General Styles ***/

* {
	padding: 0px;
	margin: 0px;
	}

/* No display */

.nd {
	display: none;
	}

.hide_screen {
	display: none;
	}

.hide_print {
	display: block;
	}


/* Clearfix */

.cf {
	clear: both;
	line-height: 1%;
	font-size: 1%;
	width: 1px;
	}

body {
	font-family: Tahoma, Verdana, Arial, Courier;
	text-align: left;
	font-size: 10pt;
	color: #333;
	}

a {
	color: #003399;
	text-decoration: none;
	}

a:hover {
	color:#1A5CAA;
	text-decoration: none;
	}

p {
	margin: 8px 0px 8px 0px;
	font-size: 100%;
	}


h2 {
	color: #003399;
	font-size: 110%;
	}


h3 {
	color: #003399;
	font-size: 95%;
	}

li {
	list-style-image: url('../imgs/bull1.gif');
	font-size: 90%;
	padding-bottom: 4px;
	margin-left: 20px;
	}

#dc {
	}


/* Errors */

.errors_misc {
	padding: 10px;
	border: 1px solid red;
	color: red;
	background-color: pink;
	margin-bottom: 20px;
	font-size: 85%;
	width: 565px;
	}

.errors_fields {
	padding: 10px;
	border: 1px solid purple;
	color: white;
	background-color: purple;
	margin-bottom: 20px;
	font-size: 85%;
	width: 565px;
	}

.good_msgs {
	padding: 10px;
	border: 1px solid green;
	color: green;
	background-color: lightgreen;
	margin-bottom: 20px;
	width: 100%;
	padding-bottom: 20px;
	font-size: 85%;
	width: 565px;
	}

.text_error {
	border: 2px solid purple !important;
	background: white !important;
	}

.file_error {
	border: 2px solid purple !important;
	background: white !important;
	}



/************* Form fields *************/


.form_fields {
	padding: 0px 10px 10px 10px;
	font-size: 8pt;
	margin-bottom: 18px;
	margin-right: 15px;
	border-top: 1px solid #fff;
	border-bottom: 0px;
	border-left: 1px solid #fff;
	border-right: 0px;
	background-color: #DDD;
	}

input.cust{
	border: 1px solid #bbb; /* #50936C; */
	display: block;
	float: left;
	clear: right;
	background-color: #f5f5f5;
	font-size: 9pt;
}

select.cust{
	border: 1px solid #bbb; /* #50936C; */
	background-color: #f5f5f5;
	font-size: 9pt;
}

input.check{
	border: 0px !important;
	background-color: #f5f5f5;
}

textarea {
	border: 1px solid #bbb; /* #50936C; */
	float: left;
	clear: right;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #f5f5f5;
	font-size: 9pt;
}

label {
	display: block;
	float: left;
	clear: left;
	font-weight: normal;
	font-style: italic;
	font-size: 8pt;
	}

legend {
	font-weight: bold;
	font-size: 9pt;
	color: #333;
	}

/* Field help to be display next to field */

.field_help {
	color: #666;
	clear: both;
	padding-top: 5px;
	margin: 8px 0px 15px 0px;
	font-size: 85%;
}

/* Indicate a required field */

.req {
	color: red;
}


/* Submit buttons */

.button1 {
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #3F1B2E;
	}

.button2 {
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #3F1B2E;
	}

/* Buttons */

.left_nav_menu {
	text-align: left;
	width: 160px;
	margin: 0px auto;
	}

.but_top {
	background: url("../imgs/but_top.gif");
	background-repeat:no-repeat;
	width: 168px;
	height: 5px;
	line-height: 1%;
	font-size: 1%;
	}

.but_mid_off {
	background: url("../imgs/but_mid.gif") repeat-y 0px 0px;
	width: 168px;
	padding: 2px 0px 2px 8px;
	font-size: 80%;
	}

.but_mid_on {
	background: url("../imgs/but_mid.gif") repeat-y 0px 0px;
	width: 168px;
	padding: 2px 0px 2px 8px;
	font-size: 100%;
	font-weight: bold;
	}

.but_bot {
	background: url("../imgs/but_bottom.gif") no-repeat 0px 0px;
	width: 168px;
	height: 5px;
	line-height: 1%;
	font-size: 1%;
	}

.img_bor {
	border: 5px solid #ddd;
	}


/* Page footer */

.footer {
	margin: 0px auto;
	width: 910px;
	font-size: 80%;
	}

.wee_link {
	font-size: 7pt;
	}


/* Calendar table view */

table.calendar {
	border-left: 0px;
	border-bottom: 0px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	font-size: 85%;
	}

table.calendar thead td {
	width: 70px;
	text-align: center;
	}

table.calendar td {
	padding: 6px;
	text-align: center;
	}

table.calendar td.bor_left {
	border-left: 1px solid #bbb;
	}

table.calendar td.bor_bot {
	border-bottom: 1px solid #bbb;
	}

table.calendar thead td {
	background-color: #EEE;
	border-bottom: 1px solid #bbb;
	font-weight: bold;
	}

table.calendar td.cell_null {
	background-color: #DDD;
	}

table.calendar td.cell_wend {
	background-color: #eee;
	}

table.calendar td.cell_off {
	background-color: #FFF;
	}
.wee_link {
	font-size: 7pt;
	}

/** Coloured keys **/

.colour_key {
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
	border: 1px solid #ccc;
	font-size: 1%;
	height: 10px;
	width: 10px;
	}

/* Day some availability */
.colour_key_sa {
	background-color: #6b8e23;
	color: #fff;
	}

/* Day fully booked */
.colour_key_fb {
	background-color: #556b2f;
	color: #fff;
	}

/* Day booking unavailable, holiday */
.colour_key_na {
	background-color: #cdc8b1;
	}

/* Day error */
.colour_key_er {
	background-color: lightgreen;
	}

/* Day error */
.colour_key_off {
	background-color: #ddd;
	}

.colour_key_aa a, .colour_key_fb a, .colour_key_sa a{
	color: #fff;
	}


/* Booking hour selection */

table.bk_hr_sel {
	border: 1px solid #BBB;
	}

table.bk_hr_sel td {
	font-size: 80%;
	text-align: center;
	}

table.bk_hr_sel thead td {
	background-color: #DDD;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 80%;
	}

table.bk_hr_sel tbody td {
	background-color: #EEE;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 80%;
	}

table.bk_hr_sel thead .bk_slot_av {background-color: #bceabc;}
table.bk_hr_sel tbody .bk_slot_av {background-color: #e3ffe3;}

table.bk_hr_sel thead .bk_slot_na {background-color: #eaeaea;}
table.bk_hr_sel tbody .bk_slot_na {background-color: #f1f1f1;}

table.bk_hr_sel thead .bk_slot_fb {	background-color: #e3cdcd;}
table.bk_hr_sel tbody .bk_slot_fb {	background-color: #f1d9d9;}

table.bk_hr_sel td.bor_right {
	border-right: 1px solid #AAA;
	}

table.bk_hr_sel td.bor_top {
	border-top: 1px solid #AAA;
	}

table.bk_hr_sel td.bor_left {
	border-left: 1px solid #AAA;
	}
.asmain {
position:absolute; left: 32px; top: 38px; height: 309px; width: 559px;
}
.asleft {
position:absolute; height: 289px; width: 298px; left: 9px; top: 11px;
}
.asright {
position:absolute; left: 316px; top: 42px; width: 233px; height: 194px;
}


.bread {
	font-size: 70%;
	float: left;
	margin-left: 15px;
	}
	
	
.top_area_l {
	
	width: 180px;
	float:right;

	}
.top_area_2 {

	float: right;
}
.top_area_c {
	background-color: #f6edf2;
	height: 127px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	}
	
.top_area_r {
	
	height: 127px;
	}
.search {
	font-size: 80%;
	padding-top: 5px;
	margin-right: 10px;
	width:100%;
	height: 100px;
	float:right;
	}