/* Basic version */

body {font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0 auto; width:100%; text-align:center; border:none; background:;}
#booking {width:100%; padding:0; margin:0 auto; text-align:left; background:;}


#booking fieldset {border:none; width:100%; padding:0; margin:0;}
#booking fieldset a img {border:none;}

#booking fieldset p {clear:both; display:block; border-top:1px solid #ccc; padding: 5px 3px 0 3px; margin: 0; background: url(../style/images/booking_panel.gif) 0 0 repeat-x; height:28px;}
#booking fieldset p.quote {background-image:none; color:#333; border:none; height:auto;}
#booking fieldset p.med {clear:both; display:block; border-top:1px solid #ccc; padding: 5px 3px 0 3px; margin: 0; background: url(../style/images/booking_panel_med.gif) 0 0 repeat-x; height:42px;}
#booking fieldset p.large {clear:both; display:block; border-top:1px solid #ccc; padding: 5px 3px 0 3px; margin: 0; background: url(../style/images/booking_panel_large.gif) 0 0 repeat-x; height:56px;}
#booking fieldset p.jType {background-image:none; color:#000; border:none; padding: 10px 0px 10px 0px; }
#booking h3 {clear:both; display:block; padding:0; margin:0; font-size:12px;}
#booking fieldset h2 {clear:both; display:block; padding:0; margin:0; font-size:14px; margin:0.2em 0 0.6em 0;}


label {width:49%; float:left;  margin:2px 0; color:#333;}
span.left {width:49%; float:left;}
span.right {width:50%; float:right;}

.orange {color:#FF9900;}
.blue {color:#006699;}
.green {color:#339900;}
.priceJType {font-size:15px;}

div.left {width:110px; float:left;}
div.right {width:250px; float:right;}

.jType span.left {width:110px; float:left;}
.jType span.right {width:250px; float:right; padding-bottom:20px;}
.jType {display:block; margin-top:5px;}

#buttons {display:block; clear:both; }
#buttons span.right {float:right; width:auto;}

.error {color:#ff9900;}
input.error, select.error {background:#ff9900; color:#000;}
.hide {	display:none; visibility:hidden; }

select.text_long {width:98%;}
input.text_long {width:98%;}
textarea.text_deep {width:98%;}

input {font-size:11px; border:1px solid #999; margin:1px 0 1px 0;} 
select {font-size:11px; border:1px solid #999; margin:1px 0 1px 0;}
textarea {font-size:11px; border:1px solid #999; margin:1px 0 1px 0; font-family:Arial, Helvetica, sans-serif;}

input.button {background:#ddd; border:none; border-bottom:1px solid #ccc; padding: 1px 3px 0 2px; font-weight:bold; margin: 0; background: url(../style/images/booking_button.gif) 0 0 repeat-x; height:20px;}



.j2 {background-color:#ddd;}


/* calendar */

input.calendar,
select.calendar {
	/*width: 149px;*/
}

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

div.calendar {
	background: url(../images/calendar/dashboard.gif);
	height: 159px;
	padding: 0 4px;
	text-align: center;
	width: 147px;
	border:1px solid #999;
}	
div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 149px;
	overflow: hidden;
	padding-top: 2px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #fff;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 11px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 10px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url(../images/calendar/dashboard-prev.gif);
	left: 1px;
}
div.calendar caption a.nextca {
	background-image: url(../images/calendar/dashboard-next.gif);
	right: 1px;
}
div.calendar caption a:hover {
	background-position: 0 11px;
}
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 {
	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: #999;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 19px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	color: #333;
	font-size: 11px;
	padding-right: 5px;
	text-align: right;
	width: 16px;
}
div.calendar td.invalid {
	color: #666;
}
div.calendar td.valid {
	color: #FFF;
	cursor: pointer;
}
div.calendar td.active{
	color: #CC00FF;
}
div.calendar td.hover {
	color: #CC0099;
	cursor: pointer;
}
/*dropdown*/
div.dropdown {z-index:9999; position:absolute !important; text-align:left; padding:0; margin:0;  height:18em; overflow:auto; width:218px; border:1px solid #333; background:#fff;}
ul.dropdown {list-style:none; padding:0; margin:0;}
ul.dropdown li a {background:#fff; padding:2px; border:1px solid #fff; text-decoration:none; display:block; color:#333333;}
ul.dropdown li a:hover {background:#999; color:#fff;}
ul.dropdown li a.current {background:#999; color:#fff;}



span.clearboth {clear:both; display:block; height:1px;}
div.clearboth {clear:both; display:block; height:1px;}