body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:;}
p { margin:0 0 10px 0}
h1 {color:#000; font-size:16px; margin:20px 0 10px 0; text-transform:uppercase}
img {border:0}

/* calendar style */
.reservation {width:280px; height:160px; text-align:left; padding:15px; background:#271c15; border-bottom:#8a5715 solid 1px;border-top:#8a5715 solid 1px; position:relative; color:#fff}
.reservation h2 {font-family:"Times New Roman", Times, serif; font-size:22px; text-transform:uppercase; color:#d29b23; font-weight:normal; font-style:normal; margin:0 0 -5px 0}
.reservation input[type="text"] {font-size:12px; border:none;width:85px; text-align:center; height:23px}
.reservation select {font-size:12px; padding:3px; border:none; height:23px}
.check-in {width:120px; height:20px; position:absolute; top:70px; left:15px}
.check-out {
	width:120px;
	height:20px;
	position:absolute;
	top:69px;
	left:148px
}
.reservation .btn-booking {position:absolute; bottom:10px; right:25px}
.reservation .btn-booking2 {position:absolute; bottom:10px; left:15px}
.ddroom {width:50px; height:20px; position:absolute; top:120px; left:15px}
.ddadult {width:50px; height:20px; position:absolute; top:120px; left:70px}
.ddchild {width:50px; height:20px; position:absolute; top:120px; left:125px}
.procode {
	position:absolute;
	right:33px;
	top:120px;
	width: 100px;
}
.procode input[type="text"] {width:90px; text-align:left}

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin: 0 0 0 2px;
	vertical-align: bottom;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 10000 !important; 
	width: 158px;
	padding: 2px 0 0 0;
	margin:190px 0px 0px -17px;
	left: 955px ;
top: 630px !important;

}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
	color:#333
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}