/* Shared calendar styles */

.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 {
font:11px Arial,Helvetica,sans-serif;
text-align:center;
border-spacing:0;
margin-left:2px;
}

td.calcell {
width:1.5em;
height:1em;
border:1px solid #e0e0e0;
background-color:#fff;
font-size:10px;
}


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

td.calcell.today {
background-color:#eef3f7;
}

td.calcell.oom {
cursor:default;
color:#ccc;
background-color:#eee;
border:1px solid #e0e0e0;
}

td.calcell.selected {
	color: #fff;
	background-color: #5497c4;
	border: 1px solid #fff;
}
td.calcell.selected a{
	color: #fff;
}

td.calcell.calcellhover {
	cursor: pointer;
	color: #000;
	background-color: #d4d4d4;
}

/* Opera hover redraw bug */
table:hover {
	background-color: transparent;
}

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

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

.calhead {
	vertical-align: middle;
	color: #284794;
}

.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;
	margin: 0px 0px 0px 50px;
}
#calendarBoxArrive, #calendarBoxDepart {
	width: 151px;
	text-align: center;
	color: #000;
	border: solid 1px #666;
	background-color: #fff;
	height: 172px;
	font-size: 10px;
}

.cal_title{
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 125px;
	padding: 2px;
	border-bottom: solid 1px #ccc;
	background: #5497c4;
	color: #fff;
	text-align: left;
	padding-left: 5px;
	float: left;
}

.close_cal, .next_cal, .prev_cal{
	color: #1a74c8;
	text-decoration: none;
}

.cal_close {
	background: #5497c4;
	padding: 2px;
	border-bottom: solid 1px #ccc;
	float: right;
	width: 15px;
}

.cal_close a {
	text-decoration: none;
	color: #ccc;
	cursor: pointer;
}

.cal_close a:hover {
	color: #fff;
}

.cal_prev_link {
	position: absolute;
	top: 23px;
	left: 10px;
	z-index: 1000;
}

.cal_next_link {
	position: absolute;
	top: 23px;
	right: 10px;
	z-index: 1000;
}

#calendarBoxArrive{
position:absolute;
top:0px;
left:0px;
}
#calendarBoxDepart{
position:absolute;
top:0px;
left:0px;
}