@charset "utf-8";
/* CSS Document */

.booking {
width:100%;
}
.bookingclass {
	width:100%;
	margin:0 auto;
	background-color:rgba(255, 251, 236, 0.57);
	box-shadow:0 0 2px 2px rgba(152, 81, 31, 0.40);
	padding:10px 12px;
	border:2px double #000;
	border-radius:6px;
	background-color:#CCC;
	background-image: url(../img/bg.jpg);
}
.bookingclass h5 {
text-transform:inherit;
text-align:center;
width:100%;
margin-bottom:20px;
color:rgba(226, 113, 56, 0.83);
padding:5px 4px;
font-size:2em;
text-shadow:2px 2px 2px #930;
color: #0C0;
font-family:Georgia, "Times New Roman", Times, serif;
}
.bookingclass input[type='text'] {
width:95%;
padding:10px;
padding-right:0;
margin-bottom:12px;
border:1px solid #000;
box-shadow:0 0 1px 1px rgba(14, 1, 1, 0.17);
border-radius:4px;
color:#000;
}
.bookingclass input[type='email'] {
width:95%;
padding:10px;
padding-right:0;
margin-bottom:12px;
border:1px solid #827ee6;
box-shadow:0 0 1px 1px rgba(14, 1, 1, 0.17);
border-radius:4px;
color:#000;
}
.bookingclass input[type='email']:hover {
border:1px solid #ff6a00;
}
.bookingclass input[type='text']:hover {
border:1px solid #ff6a00;
}
.bookingclass input[type='date']:hover {
border:1px solid #ff6a00;
}
.bookingclass select:hover {
border:1px solid #ff6a00;
}
.bookingclass textarea:hover {
border:1px solid #ff6a00;
}
.bookingclass input[type='date'] {
width:50%;
padding:8px 5px;
margin-bottom:12px;
color:#000;
border:1px solid #827ee6;
box-shadow:0 0 1px 1px rgba(14, 1, 1, 0.17);
border-radius:4px;
}
.bookingclass label {
display:block;
font-family:Tahoma, sans-serif;
font-size:0.9em;
letter-spacing:1px;
font-weight:600;
margin-bottom:6px;
}
.bookingclass select {
width:50%;
padding:8px 5px;
margin-bottom:12px;
color:#000;
border:1px solid #827ee6;
box-shadow:0 0 1px 1px rgba(14, 1, 1, 0.17);
border-radius:4px;
}
.bookingclass textarea {
width:99%;
padding:6px;
color:#000;
font-size:1em;
font-family:Georgia, sans-serif;
border:1px solid #827ee6;
box-shadow:0 0 2px 2px rgba(14, 1, 1, 0.17);
border-radius:4px;
}
.bookingclass input[type='submit'] {
display: block;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 0px;
	margin-bottom: 2px;
	background-color: #090;
	border-top-style: outset;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: outset;
	border-top-color: #FFF;
	text-transform: uppercase;
	color:#FFF;
	width:120px;
	height:50px;
}
.bookingclass input[type='submit']:hover {
font-weight: bold;
	background-color:#993;
	text-shadow:1px 1px 1px #000;
}