@charset "utf-8";
/* CSS Document */

.calendartable {
	width:300px;
}

.calendarTableSmall {
	width:270px;
}

#calendarButton {
	background-color:#666; 
	width:100%;
	height:60px;
	color:#fff; 
	text-align:center;
	line-height:60px;
	vertical-align:middle;
	cursor:pointer;
}


#calendarSmallButton {
	background-color:#666; 
	width:100%;
	height:100%;
	color:#fff; 
	text-align:center;
	line-height:24px;
	vertical-align:middle;
	cursor:pointer;
}

.calendarhead {
	background-color:#D0D0D0;
	color:#000000;
	}

.calendarweekdays {
	background-color:#CCC;
	color:#000000;
	}
	
.calendarblanks {
	background-color:#CCC;
	}
	
.calendardays {
	padding:3px;
	background-color:#D0D0D0;
	}

.calendarDaySmall {
	background-color:#D0D0D0;
	color:#000;
	width:10px;
	text-align:center;
	}

.calendarDaySmallButton {
	background-color:#D0D0D0;
	color:#000;
	width:100%;
	}

.calendarlink {
	color:#FFFFFF;
	}
	
.availabilityLegendBox {
	width:200px;
	background-color:#CCC;
	padding:9px;
	border:solid;
	border-color:#000;
	border-width:1px;
}

.availabilityLegendHead {
	font-weight:bold;
	text-align:center;
}


.availabilityLegendGraphic {
	display:inline-block;
	width:20px;
	height:20px;
}

.availabilityMonthSpan {
	/* This has not been tested in IE6 */
	display:inline-block;
	padding:9px;
	width:200px;
	height:200px;
}

.availabilityMonthTable {
	width:100%;
	height:100%;
}

.availabilityDataTable {
	width:100%;	
}


/*********************************************
  Common grid, jcarousel and list formatting
*********************************************/

	/* sprite img - every element that will use cal-sprite */
	.cal-previous, .cal-next,
	.cal-previous a, .cal-next a,
	.cal-month, .cal-days,
	.cal-weeks, .cal-weeks a.calendar_link,
	.cal-weeks a.calendar_link:hover,
	.cal-list-left, .calendar-list h2 a:hover,
	.jcarousel-skin-cal .jcarousel-next-horizontal, 
	.jcarousel-skin-cal .jcarousel-prev-horizontal,
	.jcarousel-skin-cal .jcarousel-next-vertical,
	.jcarousel-skin-cal .jcarousel-prev-vertical{
		background: url(../../images/cal-sprite.png) no-repeat;
	}


	/* width of small calendar */
	.jcarousel-list li, .jcarousel-item,
	.calendar-grid, .calendar-list,
	.jcarousel-skin-cal .jcarousel-container-vertical,
	jcarousel-skin-cal .jcarousel-clip-vertical,
	.jcarousel-skin-cal .jcarousel-item{
		/*width:200px;	*/
	}

.calendar-grid, .calendar-list{
	text-align:center;
	float:left;
	font-size:9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

	

/*********************************************
	GRID FORMATING
*********************************************/

/* class for adding a border only of first blocks */
.cal-left-border{
	border-left:1px solid #ddd;
}

	/* set width and font-size for large calendar */
	.large-calendar{
		font-size:15px;
	}

/* common formatting for previous & next buttons and calendar name */
.cal-previous, .cal-next, .cal-month{
	float: left;
	width: 12%;
	background-position:-100px top;
	font-size:1.1em;
	height:1.3em;
	line-height:1.3em;
	padding:.5em 0;
	position:relative;
	
}

	/* if you want a graphic background for large calender uncomment out */

	/*
	.large-calendar .cal-previous, .large-calendar .cal-next, .large-calendar .cal-month{
		background:none;
		color:#000;
	}

	.large-calendar .cal-top{
		background: url(../../images/large-cal-bkg.png);
		height:48px;
		width:540px;
		display:block;
	}
	
	*/

/* because there is no border on left it throws off total width, this compensated for in in top and week days row */
.cal-previous,  .cal-fix-padding{
	padding-left:1px;
}

/* common month name formatting */
.cal-month{
	width:74%;
	font-weight:bold;
	color:#fff;
	background-position:-150px top;
	
}

/* font size for large calendar */
.large-calendar .cal-month, .large-calendar .cal-previous, .large-calendar .cal-next{
	font-size:1.4em;
}

/* right hand rounded image */
.cal-next{ background-position:right top;}

	/* small calendar buttons */
	.cal-previous a, .cal-next a{
		display:block;
		width:11px;
		height:11px;
		background-position:-50px -100px;
		margin:2px 10px 0;
		float:left;
	}
	
	.cal-previous a:hover{background-position:-50px -150px;}
	.cal-next a{background-position:-50px top; float:right; /* ie fix */ *margin-left:-8px;}
	.cal-next a:hover{background-position:-50px -50px;}
	


	/* large calendar buttons */
	.large-calendar .cal-previous a, .large-calendar .cal-next a{
		display:block;
		width:20px;
		height:23px;
		background-position:left -100px;
		margin:2px 10px 0;
		float:left;
	}
	
	.large-calendar .cal-previous a:hover{background-position:left -150px;}
	.large-calendar .cal-next a{background-position:left top; float:right;}
	.large-calendar .cal-next a:hover{background-position:left -50px;}



/* common formatting for days and week blocks */
.cal-days, .cal-weeks {
	background-repeat:repeat-y;
	background-position:right top;
	border-bottom:1px solid #ddd;
	color:#000;
	display:block;
	float:left;
	font-size:1em;
	line-height:2em;
	width:14%;
	height:2em;
	background-color:#fff;
}

/* common formatting for days only */
.cal-days{
	background-repeat:repeat-x;
	background-position:-100px -130px;
	font-weight:bold;
	color: #fff;
	border-top:1px solid #666;
}

.cal-weeks {background-position:right -200px;} /* right border position */


/* large calendar week formatting - height */
.large-calendar .cal-weeks {
	height:4em;
}

/* common formatting for a */
.cal-weeks a.calendar_link {
	background-position: -100px -200px;
	text-decoration: none;
	display: block;
	color:#000;
	font-weight: bold;
	height:100%;
	padding-right:1px;
}
	
/* common formatting for a:hover */
.cal-weeks a.calendar_link:hover {
	background-position: -300px -200px;
	color: #fff;
}


/*********************************************
	 LIST FORMATTING
*********************************************/	

.large-calendar-list .cal-month{width:76%;}
.large-calendar-list .cal-previous{padding-left:0;}

.cal-list-left {text-align:left; background-position:-200px -400px; clear:both;}
.cal-list-left .inner{padding:5px 10px;}
.cal-list-left .inner .inner{padding:5px;}

.cal-divider {
	border-bottom:1px dotted #000000;
	margin-bottom:5px;
	padding-top:5px;
}

.calendar-list h2{font-size:1.2em; line-height:1.4em;}
	.calendar-list h2 a{
		display:block; 
		text-decoration:none; 
		padding-left:5px;
	}
.calendar-list h2 a:hover{
	background-position:-100px -100px;
	color:#fff;
}

.calendar-list h3{font-size:1em; line-height:1em;}
	
	/* SMALL CALENDAR LIST FORMATTING **/
	.small-calendar-list{
		width:200px; 
		font-size:12px;
	}
	.small-calendar-list .cal-month {
		width: 100%;
	}	


/*********************************************
	 Jquery Calendar Scroller
*********************************************/	
.jcarousel-container {  position: relative; }

	/* Set height of calendar container */
	.jcarousel-list li, .jcarousel-item,
	.jcarousel-skin-cal .jcarousel-clip-horizontal,
	.jcarousel-skin-cal .jcarousel-item{
		height: 160px;
	}
	
	/* Set width of horizontal jcarousel container */
	.jcarousel-skin-cal .jcarousel-container-horizontal,
	.jcarousel-skin-cal .jcarousel-clip-horizontal {
		width:  840px;
	}
	
	/* Set height of vertical jcarousel container */
	.jcarousel-skin-cal .jcarousel-clip-vertical,
	.jcarousel-skin-cal .jcarousel-container-vertical{
		height: 680px;
	}
	
	/* look and feel of container box */
	.jcarousel-skin-cal .jcarousel-container {
		-moz-border-radius: 6px;
		background: #ccc;
		border: 1px solid #346F97;
	}
	

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none;
}

.jcarousel-next,
.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-cal .jcarousel-container-horizontal {  padding: 20px 60px;}
.jcarousel-skin-cal .jcarousel-container-vertical {  padding: 60px 20px;}
.jcarousel-skin-cal .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-cal .jcarousel-item-vertical { margin-bottom: 10px;}

.jcarousel-skin-cal .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Buttons shared styling */
.jcarousel-skin-cal .jcarousel-next-horizontal, 
.jcarousel-skin-cal .jcarousel-prev-horizontal,
.jcarousel-skin-cal .jcarousel-next-vertical,
.jcarousel-skin-cal .jcarousel-prev-vertical{
    position: absolute;
    top: 85px;
    width: 37px;
    height: 37px;
    cursor: pointer;
}

	/* previous horizontal button */
	.jcarousel-skin-cal .jcarousel-prev-horizontal{ left:10px;}
	.jcarousel-skin-cal .jcarousel-prev-horizontal:hover { background-position:-50px -650px;}
	.jcarousel-skin-cal .jcarousel-prev-horizontal,
	.jcarousel-skin-cal .jcarousel-prev-horizontal:active{ background-position:-50px -600px;}
	
	.jcarousel-skin-cal .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-cal .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-cal .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position:-50px -700px;
	}



	/* next horizontal button */
	.jcarousel-skin-cal .jcarousel-next-horizontal{ right: 10px;}
	.jcarousel-skin-cal .jcarousel-next-horizontal:hover { background-position: left -650px;}
	.jcarousel-skin-cal .jcarousel-next-horizontal,
	.jcarousel-skin-cal .jcarousel-next-horizontal:active { background-position: left -600px;}
	
	.jcarousel-skin-cal .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-cal .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-cal .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-position: left -700px;
	}



	/* previous vertical button */
	
		/* move both previous and next buttons from left */
		.jcarousel-skin-cal .jcarousel-prev-vertical,
		.jcarousel-skin-cal .jcarousel-next-vertical{left:100px;}
		
	
	.jcarousel-skin-cal .jcarousel-prev-vertical{top:10px;}
	.jcarousel-skin-cal .jcarousel-prev-vertical:hover { background-position: -100px -650px;}
	.jcarousel-skin-cal .jcarousel-prev-vertical,
	.jcarousel-skin-cal .jcarousel-prev-vertical:active { background-position: -100px -600px;}
	
	.jcarousel-skin-cal .jcarousel-prev-disabled-vertical,
	.jcarousel-skin-cal .jcarousel-prev-disabled-vertical:hover,
	.jcarousel-skin-cal .jcarousel-prev-disabled-vertical:active {
		cursor: default;
		background-position: -100px -700px;;
	}
	
	
	
	/* next vertical button */

	.jcarousel-skin-cal .jcarousel-next-vertical{top:750px; }
	.jcarousel-skin-cal .jcarousel-next-vertical:hover { background-position: -150px -650px;}
	.jcarousel-skin-cal .jcarousel-next-vertical,
	.jcarousel-skin-cal .jcarousel-next-vertical:active { background-position: -150px -600px;}
	
	.jcarousel-skin-cal .jcarousel-next-disabled-vertical,
	.jcarousel-skin-cal .jcarousel-next-disabled-vertical:hover,
	.jcarousel-skin-cal .jcarousel-next-disabled-vertical:active {
		cursor: default;
		background-position: -150px -700px;;
	}
	
.cal_tooltip {
	display:none;
	z-index:5000;
	position:absolute;
	min-width:200px;
	max-width:400px;


}
	
#calendar_pop_up {
	display:none;
	position:absolute;
	z-index:9999;
	width:540px;
}

#cal_pop_data {
	overflow:auto;
	height:450px;
	padding:10px;
}

#cal_pop_top {
	background:#526c93;
	color:#FFFFFF;
	height:30px;
	padding:10px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}



#calendar_pop_up_mask {
	position:fixed;
	top:0;
	left:0;
	z-index:5000;
	background:#000000;
	display:none;
}


.pop-top .right, .pop-top .left,
.pop-bot .right, .pop-bot .left,
.cal-pointer, .pop-content, a#cal_pop_close{
	background: url(../../images/cal-tip.png) no-repeat left top;
	height:18px;
	position:relative;
}


a#cal_pop_close{
	position:absolute;
	top:-27px;
	right:-8px;
	width:39px;
	height:40px;
	text-indent:-9999px;
	background-position: -241px -69px;
}

a:hover#cal_pop_close{background-position: -282px -69px;}

.cal-pointer{
	Position:absolute;
	width:17px;
	height:31px;
	background-position:-13px -69px;
	top:6px;
	left:-16px;
}

.pop-top .right, .pop-bot .right{width:20%;}
.pop-top .left, .pop-bot .left{ width:80%;}

.pop-top .right{background-position: right top;}
.pop-bot .right{background-position: right -38px;}
.pop-bot .left{background-position: left -38px;}

.pop-bot .right, .pop-bot .left{height:28px;}

.pop-content{  
	background-position: right bottom;
	display:block;
	height:100%;
	text-align:left;
}


.pop-content .inner{
	padding:0; 
	margin:0 12px 0 8px; 
	padding:0 5px;	
	background:#fff;
}

.cal_tooltip .pop-content .inner{ height:100px;}
.pop-content h3{ float:left; padding-right:8px;}
.pop-thumb{border:2px solid #004066; padding:2px; margin: 0 5px 5px 0; float:left;}

.cal_event_cont {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #333333;
}

.cal_date {
	width:125px;
	font-family:HeadlineHPLHSTwo,Helvetica,sans-serif;
	font-size:30px;
		
}

.cal_events {
	width:825px;
}

.cal-title2 {
	font-weight:bold;
}

.cal-location {
	font-weight:bold;
}

.vevent {
}

.cal-inner {
	padding:15px 5px 0 20px;
}

.cal_date {
	color:#F00;
}