/* CSS Document */

#booking {
width:800px;
background-image:url(../images-home/forms/blue-book-bg.gif);
background-color:#6699cc;
background-repeat:repeat-x;
text-align:left;
}

#booking label {
width:100px;  
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFF;
padding:0px;
}

#booking input {
padding:0; 
height:15px;
width:100px;
font-size:11px;
}

#newsletter {
width:156px;
background-image:url(../images-home/forms/green-bg.gif);
background-color:#99cc33;
background-repeat:repeat-x;
padding:5px;
}

#newsletter label {
width:90px;  
color: #003399;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
padding:0 2px;
}

#newsletter input {
border:1px solid #003399; 
padding:0; 
margin-bottom:.6em;
height:15px;
}

#newsletter input text{
vertical-align:middle;
}

#contact1 {
width:100%;
background-image:url(../images-home/forms/blue-bg.gif);
background-color:#0099cc;
background-repeat:repeat-x;
padding:2%;
margin:2%;
}

#contact1 label {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:2%;
font-weight:bold;
display: block;
width: 100%;
}

#contact1 label input{
width: 55%;
float:right;
}


#contact1 table {
width:95%;
float:left;
clear:both;
}

.tablefloleft {
float:left;
clear:both;
}



dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

/* NEW */
form.dm_form {
			width: 100%;
			font-family: sans-serif; font-size: 0.8em;
			margin: 0;
			padding: 0;
			border: 0;
		}
		form.dm_form div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		form.dm_form fieldset {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
			border: 0;
}


/* FromWEB */
form#two {
background:	url (../images-home/forms/bg.png);
background-repeat:no-repeat;
width:469px; 
height: 754px;
padding:5px;
margin:0 auto;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	
font-size: 76%;	
}

form#two fieldset {
width:430px; 
display:block; 
border:1px dotted #fff; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;
}

form#two fieldset#opt {
/*background:#ff6705;*/
}

form#two legend {
font-size:1.1em; 
font-weight:bold; 
color: #4d89ff;
margin: 0 0 5px 10px; 
height: 24px;
line-height: 24px;
width:157px; 
border: 1px solid #137C41;
padding: 0 5px;
background:url(../images-home/forms/legend_bg.gif);
}

form#two label {
clear:left; 
display:block; 
float:left; 
width:100px; 
text-align:right; 
padding-right:10px; 
color: #003399; 
margin-bottom:0.5em;
}

form#two input {
border:1px solid #003399; 
padding:0 2px;; 
margin-bottom:0.3em;
}

form#two select {
margin-left:0.5em;
}

form#two textarea {
width:410px; 
height:auto;
border:1px solid #003399; 
padding:0.5em; 
overflow:auto; 
}

form#two option {
background:#003399; 
color:#fff;
}

form#two optgroup {
background: #4D89FF; 
color:#FFF; 
}

form#two optgroup option {
background:#C5D9FF; 
color:#003399;
}

form#two #button1 {
color:#003399; 
font-weight: bold;
background: url(../images-home/forms/btn_bg.jpg);
display: inline;
border: none;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
margin-left: 11.5em
}

form#two #button2 {
color:#003399; 
font-weight: bold;
background: url(../images-home/forms/btn_bg.jpg);
display: inline;
border: none;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
}

form#two #button1:hover, form#two #button2:hover {
color:#FF6705;
}
p {
	margin: 4px 0;
}

/* TRAVELOCITY Booking Calendar */
/* Parent calendar container */
.calbordered {
float:left;
padding:5px;
}

.calbordered .title {
font:11px Arial,Helvetica,sans-serif;
color:#000;
font-weight:bold;
margin-bottom:5px;
height:auto;
width:304px;
position:relative;

}

.title .close-icon {
position:absolute;
right:0;
top:0;
border:none;
}



.calnavright {
position:absolute;
top:0;
bottom:0;
height:12px;  
right:2px;
}

/* Calendar element styles */

/* Calendar container style */
.calendar {
	font:1em Arial,Helvetica,sans-serif;
	text-align:center;
}

.calcontainer {
	float:left;
	padding:0px 5px 0px 5px;
}

/* 2 side by side calendar */
.cal2upwrapper {*height:1%;} /* IE */
.cal2upwrapper:after {content:'.';clear:both;display:block;visibility:hidden;height:0;} /* others */
.calcontainer .cal2up {	float:left;}

td.calcell {
width:1.5em;
height:1em;
border:1px solid #e0e0e0;
background-color:#fff;
font:1.05em Arial,Helvetica,sans-serif;
}


td.calcell a {
color:#555;
text-decoration:none;
}

td.calcell.today {
background-color: #F8E7C9;
/*F2F0B8*/
/*F8E7C9;*/
}

td.calcell.oom {
cursor:default;
/*color:#e5e5e5; */
color: #999999;
background-color:#e5e5e5;
border:1px solid #e0e0e0;
}

td.calcell.selected {
color:#2b75d1;
/* background-color:#e7f1ff; */
background-color: #FFFF00; /*#FFFF99*/
border:1px solid #fff;
}
td.calcell.selected a{
color:#2b75d1;
}

td.calcell.calcellhover {
cursor:pointer;
color:#fff;
background-color: #66CCFF;
border:1px solid #fff;
}

td.calcell.calcellhover a {
color:#fff;
}

td.calcell.highlight {
color:#2B75D1;
/*background-color:#e7f1ff; */
background-color: #FFFF99;
border:1px solid #fff;
}


td.calcell.previous {
color:#ccc;
}

.calhead {
border:1px solid #bd362a;
vertical-align:middle;
/*background-color:#bd362a; */ /*HBC*/
background-color:#3399CC;
color:#fff;
}

.calheader {
position:relative;
width:100%;
}

.calweekdaycell {
color:#555;
font-weight:normal;
font-style:italic;
}

.calrowhead {
border-right-width:2px;
}

.caltpbg_a, .caltpbg_b{
width:175px;
height:210px;
font-size:11px;
z-index:1000;
}

#calendarBoxArrive, #calendarBoxDepart {
width:151px;
text-align:center;
color:#000;
border-top:solid 1px #a8a8a8;
border-left:solid 1px #a8a8a8;
border-bottom:solid 2px #555;
border-right:solid 2px #555;
background-color:#fff;
height:180px;
position:absolute;
}

.cal_title{
font-size:12px;
font-weight:bold;
padding-bottom:10px;
padding-left:5px;
text-align:left;
}

.close_cal, .next_cal, .prev_cal{
color:#1a74c8;
}

.calnavleft {
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(https://images.wctravel.com/images-general/calendar/left.gif);
	cursor:pointer;
	top:1px;
	bottom:0;
	width:12px;
	height:12px;   
	left:2px;
}

.calnavright {
	position:absolute;
	background-repeat:no-repeat;
	background-image: url(https://images.wctravel.com/images-general/calendar/right.gif);
	cursor:pointer;
	top:1px;
	bottom:0;
	width:12px;
	height:12px;  
	right:2px;
}

.close-calendar {
 position:absolute;
 cursor:pointer; 
 right:0;
 top:0;
 border:0;
}
/* for use with absolute positionning only */
/* comment out to use relative positioning */

/*
.caltpbg_a{
position:absolute;
top:30px;
left:280px;
}
.caltpbg_b{
position:absolute;
top:30px;
left:280px;
} */

/* End Calendar */