/* ----- global default/initial styles ----- */


html, body {
	padding: 0; 
	margin: 0;
	height:100%;
}

body {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: .9em;
	background: #f3e4ba;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



#calwrap {
	position: relative;	
	width: 90%;
	margin: 0 auto;
	padding: 1em .25em;
	border: 0px dashed #999;
}


/* ----- Rate Chart Fly-out Partial ----- */
#rateChart {
	width: 100%;
	border: solid #d6c18e;
	border-width: 1px 1px 0 1px;
}

#rateChart th,
#rateChart td {
	padding: .5em;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #d6c18e;
}

#rateChart th {
	border-left: 1px solid #d6c18e;
	border-right: 1px solid #d6c18e;
}


/* ----- Calendar Legend and related ----- */

#legend {
	font-size: .9em;
	margin: 0;
	padding: 0;
}

#legend ul {
	float: left;
	width: 70%;
	margin: 0;
	padding: .5em 0;
	list-style: none;
}

#legend ul li {
	float: left;
	margin: 0 1.5em .25em 0;
	padding: 0;
}

#chartLink {
	width: 20%;
	float: right;
	text-align: right;
	margin: .5em 0 0 0;
}


.legBlock {
	display: block;
	height: 1em;
	width: 1em;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid #53300a;
}

* html .legBlock {
	width: 1.25em;
}


li em.legBlock {
	float: left;
	margin: 0 .25em 0 0;
	padding: 0;
}

#legNA em { background: #fff1ce; }
#legLow em { background: #ffd76c; }
#legMid em { background: #f4d3b1; }
#legHigh em { background: #fdaf60; }

#legAvail em {background:#fff;}
#legBooked em {background:url(../images/legBooked.png) no-repeat left top;}



/* ----- Calendar Table Styles ----- */

table.calendar {
	position: relative;	
	width: 100%;
	margin:  0 0 3em 0;
	padding: 1px;
	border: 2px solid #53300a;
}


/* Top of Table */

.calendar thead td {
	padding: .5em 0;
	text-align: center;
	color: #fff1ce;
	background: #53300a;
}

.calendar form select, .calendar select {
	float: none;
	margin: .5em 0 0 0;
	display: inline;
}

.form_inline {
	display: inline;
}

.calendar thead td a {
	padding: 0 2em;
	color: #fff1ce;
}

.calendar thead td a:hover {
	text-decoration: none;
}


/* Days of the Week and related */

.calendar tbody {
	position: relative;	
}

.calendar tbody th {
	width: 14.28%;
	padding: .5em;
	vertical-align: middle;
	color: #fff1ce;
	background: #c97725; 
	border-top: 1px solid #fff1ce;
	border-right: 1px solid #53300a;
}

.calendar tbody tr {
	position: relative;
}

.calendar tbody td {
	position: relative;
	/*height: 6em;*/
	height:75px;
	width: 14.28%;
	text-align: left;
	vertical-align: top;
	background:#fff;
	/*background: #f4d3b1;
	background-image:url(../images/booked2.png);
	background-repeat:repeat-x;
	background-position:0 0;*/
	border: 1px solid #53300a;
	border-left: 0px;
}

.calendar tbody td.weekNA {
	background: #f4d3b1;
	background-image:url(../images/booked2.png);
	background-repeat:repeat-x;
	background-position:0 0;
}

.calendar tbody td.lastday {
	width: 10%;
}

.calendar tbody td .rate {font-style:italic;}

.calendar tbody td.lowRate {
	/*background: #ffd76c;*/
	background:#fff;
	background-image:none;
}

.calendar tbody td.midRate {
	/*background: #f4d3b1;*/
	background:#fff;
	background-image:none;
}

.calendar tbody td.highRate {
	/*background: #fdaf60;*/
	background:#fff;
	background-image:none;
}

.calendar tbody td.ooscope {background:#fff;}

.calendar tbody td.blocked {
	width: 85.68%;
	vertical-align: middle;
	text-align: right;
	background: #6c3f0d;
}


.calendar tbody td span.num {
	display: block;
	height: 1.25em;
	width: 1.25em;
	padding: .25em;
	position: relative;
	top: 0; 
	left: 0;
}

.calendar tbody td span.strike,
.calendar tbody td span.ooscope {
	/*color: #a0a0a0;*/
	color: #777;
}

.calendar tbody td span.strike {
	/*color:#553411;*/
	/*font-style:italic;*/
}

.calendar tbody td.strike span, .calendar tbody td.ooscope span {
	text-decoration: line-through;
	color:#777;
}

.calendar tbody td.ooscope span {text-decoration:none;}

.calendar tbody tr.weekMarker td {
	height: auto;
	padding: .5em 5% .5em 5%;
	font-size: .9em;
	text-align: right;
	vertical-align: middle;
	color: #fff1ce;
	background: #53300a;
	border-bottom: 5px solid #53300a;
	border-right: 1px solid #53300a;
}

.calendar tbody tr.weekMarker td.weekNA { color: #a0a0a0; }

.calendar tbody tr.weekMarker td span.desc {
	margin: .5em 0;
	padding: 0 .5em;
	line-height: 170%;
}

.calendar tbody td ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}




a.bookit, a.bookit:visited {
	margin: 1em 0;
	padding: .25em 1.5em;
	color: #fff1ce;
	text-decoration: none;
	background: #c97725;
	border-top: 1px solid #f1ae60;
	border-left: 1px solid #f1ae60;
	border-right: 1px solid #a25916;
	border-bottom: 1px solid #a25916;
	white-space: nowrap;
}

a.bookit:hover {
	color: #fff1ce;
	background: #e10c20;
	border-top: 1px solid #ed4c4d;
	border-left: 1px solid #ed4c4d;
	border-right: 1px solid #b70815;
	border-bottom: 1px solid #b70815;
}


.calendar tbody tr.weekMarker td.weekLimit {
	width: auto;
	margin: 0;
	padding: 0;
	outline: 0px dashed #ccc;
}

.calendar tbody tr.weekMarker td.weekStart {
	border-top: 5px solid #53300a;
}

.calendar tbody tr.weekMarker td.weekEnd {
	border-top: 5px solid #53300a;
	border-bottom: 5px solid #53300a;
}

.event {
	display: block;
	width: auto;
	margin: 0 2em;
	padding: 0;
	font-size: .9em;
	text-align: center;
	border: 0px dashed #000;
}

.event:hover {
	color: #ff0000;
}

#event_day {
	padding: 1.5em 2em;
}

/* ---------->>> For JTip (Tooltip) <<<------------ */

#JT_arrow_left {
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	left: -11px;
	top: -2px;
	height:   10px;
	width: 11px;
}

#JT_arrow_right {
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	top: -2px;
	margin-left: -1px;
	height: 10px;
	width:11px;
}

#JT {
	position: absolute;
	z-index:100;
	font-size: .8em;
	border: 2px solid #553411;
	background-color: #fff1ce;
}

#JT h3 {
	margin: 0 0 .25em 0;
	padding: 0;
	font-size: 130%;
	color: #000;
}

.eventDate {
	display: block;
	color: #c97725;
	font-weight: bold;
}

#JT_copy {
	position: relative;
	top: -1em;
	margin: 0;
	padding: 0 1.5em;
	color:#333;
	border: 0px dashed #000;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #fff1ce;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #fff1ce;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p {
	margin: 3px 0;
	line-height: 150%;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #ccc;
}

.jTip{
cursor: default;
}