/* CSS Document */

body {
background-color:#fff;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#container {
width:876px;
height:190px;
margin-left:auto;
margin-right:auto;
float:none;
position:relative;
}

ul {
padding:20px;
margin:0;
list-style:none;
}

#insideContainer {
width:876px;
min-height:200px;
float:left;
padding-bottom:50px;
background-color:#FFFFFF;
position:relative;
}

#header {
background-color:#99CC66;
height:215px;
width:100%;
float:left;
position:relative;
background:url(../images/header.jpg) no-repeat;
margin-bottom:40px;
}


#menu a img {
width:145px;
height:30px;
border:none;
}

ul#menu {

width:890px;
height:30px;
padding:0;
margin:0;
position:absolute;
bottom:0px;
}


ul#menu li {
 background-color:#993300;
 float:left;
 display:block;
 height:30px;
 border-right:1px solid white;

 }
 
 ul#menu li.last {
 background-color:#993300;
 float:left;
 display:block;
 height:30px;
 border-right:1px solid #993300;

 }

#left {
width:262px;
min-height:200px;
float:left;
position:relative;
padding-right:30px;
color:#666;

}


#left li a {
color:#666;
text-decoration:none;
}

#left li a:hover {
text-decoration:underline;
}


#left ul {
padding:0;
margin:10px;
}
#left li {
padding-left:15px;
background:url(../images/dot.gif) no-repeat 3px 5px;
}


#bookings #left {
width:550px;
}

#left strong {
display:block;
clear:both;
}


#middle{
width:292px;
min-height:200px;
float:left;
}

#links #middle img {
float:left;
}

#right{
width:292px;
min-height:200px;
float:right;

}

#middle img, #right img {
float:right;
margin-bottom:10px;
}

ul.footer {
padding:0;
margin:0;
list-style:none;
color:#666666;

}

ul.footer li {

float:left;
text-align:center;
padding-left:20px;
padding-right:20px;
}

ul.footer li a {
color:#666;
text-decoration:none;
}

.pageTxt {
margin-bottom:20px;
clear:both;
}

form {
margin-top:40px;
font-size:12px;
}
label {
width:250px;
display:block;
text-transform:uppercase;
font-size:12px;

}

h3 {
font-weight:normal;
font-size:11px;
display:inline;
}

.textInput {
width:245px;
height:20px;
border:none;
background-color:#E0C1B2;
margin-bottom:10px;
border:1px solid white;
}



td {
vertical-align:top;
}

#comments {
width:250px;
height:30px;
background-color:#E0C1B2;
border:none;
height:100px;
overflow:hidden;
}

.formLeft {
position:relative; 
float:left; 
width:260px; 
min-height:400px;
}

.formRight {
position:relative; 
float:left; 
width:290px; 


}

#submitButton {
background-color:#993300;
border:none;
float:right;
margin-top:20px;
margin-right:40px;
}
#links #left img {
display:block;
float:left;
margin-bottom:10px;
}

#links #left a {
color:#666;
text-decoration:none;
}

#links #left a:hover {
text-decoration:underline;
}

#links #left p {
float:left;
display:block;
clear:left;

width:250px;
}

#pillarsInfo {
width:284px;  
height:265px; 
float:right;  
background:url(../images/findus/pillarsInfo.gif) no-repeat;
position:relative;
}

#pillarsLink {
position:absolute;
width:30px;
height:15px;

bottom:45px;
right:120px;
display:block;
}

/*live validation*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #ffffff;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/*calendar*/

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	
	
	#footer {
width:600px;
position:absolute;
height:20px;
bottom:-30px;
right:70px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-size:10px;
font-weight:normal;
text-align:center;
color:#6666;

}

.copyright {
color:#ccc;
display:block;
float:left;
position:relative;
width:600px;
margin:20px 0px 0px 0px
}

.copyright a{
color:#666;
font-weight:bold;
text-decoration:none;

}

#footer li a {
color:#666;
text-decoration:none;
font-weight:bold;
}

.TA_selfserveprop {
	margin-left:50px;
	width:100px;
	display:block;
	float:left;
}