

/* booking Container (default to float:right) */
#bookingContainer {
    position:relative;
    float:right;
    font-size:12px;
}


/* booking Box */
#bookingBox {
	height:220;
	width:277;
	
}

/* If the booking Button has been clicked */    
#bookingButton.active {
    border-radius:3px 3px 0 0;
}

#bookingButton.active span {
    background-position:120px -76px;
}

/* A Line added to overlap the border */
#bookingButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#F1D5C4;
    bottom:-1px;
}

/* booking Form */
#frmHotelDetails {
    width:248px; 
    border-radius:3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:0px;
    background:rgba(0,0,0,0.6);
    padding:6px;
	
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
}

#frmHotelDetails fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:rgba(255,255,255,0.7);
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 8px;
    margin:0;
}

#body label {
    color:#111111;
    margin:9px 0 0 0;
    display:block;
    float:left;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}

#frmHotelDetails #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}


/* Sign In Button */
#frmHotelDetails #booking {
    width:auto;
    float:left;
    background:#F1D5C4;
	background: -moz-linear-gradient(top, #FF5F40 0%, #F6340E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF5F40), color-stop(100%,#F6340E));
	background: -webkit-linear-gradient(top, #FF5F40 0%,#F6340E 100%);
	background: -o-linear-gradient(top, #FF5F40 0%,#F6340E 100%);
	background: -ms-linear-gradient(top, #FF5F40 0%,#F6340E 100%);
	background: linear-gradient(top, #FF5F40 0%,#F6340E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF5F40', endColorstr='#F6340E',GradientType=0 );
	
    color:#fff;
	font-size:12px;
	font-weight:bold;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #555555;
    border:1px solid #FF5F40;
	border-radius:3px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Bottom Message */
#frmHotelDetails span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
	
	color:#ffffff;
	font-family:arial;
    font-size:12px;
	font-weight:bold;
}
#frmHotelDetails .headingbook {
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:250px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
