/* HOMEPAGE CALENDAR */

table.calendar_home {
    border: 1px solid #abd5fd;
    font-size: 12px;       
    background:url('../../media/content/bac_calendar.jpg') left top repeat-x;
    width:288px;
    margin-top:6px;
    margin-right:7px;
    padding:2px;
    }
    
table.calendar_home th{
		border-bottom: 0px solid #CCCCCC;		
		padding:2px 2px 2px 6px;
		color:#8e312c;
		text-align:left;
		}		
		
table.calendar_home td{
		border-top: 0px solid #e6e6e6;		
		font-size: 12px;
    margin:0px;    
    padding:2px 0px 2px 4px;
    }

table.calendar_home img{
		border: 0px solid #000000;		
		padding:4px;
		 }

table.calendar_home .date{
	border-bottom: 0px solid #CCCCCC;
	font-size: 11px;
	padding:0px;
	margin:0px 0px 2px 0px; }

table.calendar_home td a:link, table.calendar_home td a:visited {
		text-decoration: none;		
		color:#0142a4; 
}

table.calendar_home td a:hover {
		text-decoration: underline;
		color:#B00000;
}


/* calendar list style table */
table.calendarlist {	
	border: 1px solid #ddd;		
	font-size:11px;
	margin-left:8px;
	margin-right:6px;
	width:745px;
	border-collapse: collapse;
}

table.calendarlist th {
	margin: 0px;
	padding: 6px;	
	text-align:center;
	background: url(../media/content/header_calendar.jpg);
	background-repeat: repeat;		
}

table.calendarlist td{
	border: 1px solid #e5e5e5;
	padding: 1px;
	margin:0px;
}

table.calendarlist td.grid{
	border: 0px solid #e5e5e5;
	padding: 2px;
	margin:0px;
}

table.calendarlist td.label{
	border: 0px solid #e5e5e5;
	font-size:22px;
	width:675px;
	text-align:center;
	padding: 2px;
	margin:0px;
}


/* calendar pop up styles */
.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
}

.thumbnail:hover{
text-decoration: none;
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
border: 1px dashed gray;
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
text-decoration: left
width:200px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
text-decoration: none;
width:275px;
top: 0;
left: 50px; /*position where enlarged image should offset horizontally */

}