@charset "utf-8";

/* CSS Document */
#content .leftcol .detail { position:relative; }
#content .detail span.caltext {
height: 200px;
margin-left:10px;

}
#calendarCallout{padding:0 10px 5px 10px;float:left;}
#calendar-header {

float:left;
}
#calendarCallout #calendar #month,
#calendarCallout #prevEventsCal,
#calendarCallout #moreEventsCal{
	background:#F0EFDC none repeat scroll 0 0;
	color:#85845D;
	display:block;
	font-weight:normal;
	height:20px;
	width:31px;
	position:relative;
	text-align:center;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	float:left;
	line-height:16px;
	
	padding:0 2px 2px 0;
}

#calendarCallout #prevEventsCal a,
#calendarCallout #moreEventsCal a{
	color:#85845D;
	height:20px;
	width:31px;
	display:block;
}
#content .detail #calendar,
#calendarCallout #calendar{width:260px; padding: 0px; }

#calendarCallout #calendar .dayOfMonth,.dayOfWeek {background-color:#ffffff; padding: 0 2px 2px 0; float:left; }

#calendarCallout #calendar #month{width:168px; text-align:center; padding: 0 2px 2px 0;}
#month span { 
	width:165px;
	padding:3px 0 0 3px;
	display: block;
	height: 20px;
}


#calendarCallout #calendar .dayOfWeek,
#calendarCallout #calendar .spacer span,
#calendarCallout #calendar .dayOfMonth{
background:#F0EFDC none repeat scroll 0 0;
color:#85845D;
display:block;
font-weight:normal;
height:31px;
width:31px;
position:relative;
}
#calendarCallout #calendar .dayOfWeek {
background:#fff;
height: 12px;
color:#333333;
text-align:center;
}

#calendarCallout #calendar .dayOfMonth a.num{
color:#85845D;
font-weight:normal;
}



#calendarCallout #calendar .on{
background:#5275B0 none repeat scroll 0 0;
}

#calendarCallout #calendar .off{background:#F0EFDC none repeat scroll 0 0;}
#calendarCallout #calendar .dayOfWeek,
#calendarCallout #calendar .dayOfMonth{overflow:visible; border-left: 1px solid #fff; border-top: 1px solid #fff; }


#calendarCallout #calendar .dayOfMonth div.popup{display:none; position:absolute; z-index:2; right:2px; bottom:2px; width:231px;}

#calendarCallout #calendar .dayOfMonth div.popup h4{text-transform:uppercase; text-align:center; background-color:#f26532; height:27px; color:#ffffff; line-height:27px; font-weight:bold; font-size:11px;}

#calendarCallout #calendar .dayOfMonth div.popup div.text{background-color:#fcb034; padding: 10px 12px 18px 16px;}

#calendarCallout #calendar .dayOfMonth div.popup div.text a.item{display:block; text-decoration:none; color:#ffffff; font-size:11px; line-height:14px;}

#prevEventsCal a.num,
#moreEventsCal a.num,
#calendarCallout #calendar .dayOfWeek a.num {
display:block;
font-weight:normal;
height:12px;
width:31px;
padding:0px; 
color:#333333;
}
#calendarCallout #calendar .spacer span,
#calendarCallout #calendar .dayOfMonth a.num {
display:block;
font-weight:normal;
height:31px;
width:31px;
padding:3px 0 0 3px; 
}
#calendarCallout #calendar .on a.num {
color:#FFFFFF;
font-weight:normal 
}
#calendarCallout #calendar .dayOfMonth a.num:hover { background: #fff;display: block;color: #cc0066;height:31px;font-weight:normal;padding:3px 0 0 3px;width:31px; }
#calendarCallout #prevEventsCal a:hover,
#calendarCallout #moreEventsCal a:hover { background: #fff;display: block;color: #cc0066; height:20px; width:31px; }
.itinerary-link { margin-left: 10px; }
#calendar-header .dayOfWeek a.num {line-height: 12px;}