/* General Webform layout */
body{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000;
}
a{color:#0033CC;}
h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

select{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; color:#333;
}
textarea{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;  border:1px solid #334D84; color:#333;
}
h2{	color:#666; 
	margin-bottom:20px;
	font-size:16px;
}

div.main{
	margin:30px auto; 
	width:480px;
	}

div.box{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333;
	margin-bottom:20px;
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}


div.box label{
	display:block;
	margin-bottom:10px;
	font-size:10px;
	color:#555;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}
div.box label div{
	font-size:11px;
}
div.box textarea{
	font-size:10px;
}

div.box button{ 
	background-color: #67A54B;
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFF;
	font-size:12px;
	margin-left:150px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

div.box button:hover {
	cursor:pointer;
	background-color: #698240;
}

.spacer{margin-left:5px; 
	margin-bottom:10px;
	font-size:11px;
	text-align:center;
	color:#555555;
}

/* Validation junk */
#reservation_guest_name, #reservation_guest_phone, #reservation_guest_email{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; color:#333; width:180px;
}
#reservation_guest_name_container, #reservation_guest_phone_container, #reservation_guest_phone_container{
    float:left;
}
.errFld{
    border:solid 1px #AF4F4A;
    background-color:#F7CBCA;
}
.errMsg { display:none;}

/* Message boxes */
	.errorcontainer{
		position:absolute;
		top: 85px;
		left:245px; 
		margin:0 auto;
		margin-top:10px;
		width:500px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
	}
	.icon-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(icn/icon-yellow.png) 8px 4px no-repeat;
		color:#222;
		padding:4px;
		font-weight:bold;
		text-align:center;
	}
	.icon-warning{
		border:solid 1px #AF4F4A; 
		background:#FDF6F6 url(icn/icon-orange.png) 8px 4px no-repeat;
		color:#7B1E16;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.icon-info{
		border:solid 1px #aacfe4; 
		background:#F5F8FA url(icn/icon-blue.png) 8px 4px no-repeat;
		color:#3B5998;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.icon-ok{
	border:solid 1px #90ac13;
	color:#060;
	font-weight:bold;
	text-align:center;
	background-color: #CCFFC4;
	background-image: url(icn/icon-green.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding-top: 4px;
	padding-left: 15px;
	}
	.icon-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA url(icn/icon-red.png) 8px 4px no-repeat;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}