/* Main Div */
#calendar {
	width:100%;
	height:169px;
	background-color:#2b9cfa;
}
/* Background waiting picture */
#calback {
	clear: both;
	width:100%;
	height:168px;
	background: url('/event_calendar/images/calWaiting.gif') no-repeat center;
}

/* Controling main Table Stucture*/
.cal{
	border:0px #000 solid;
	width:100%;
	height:100%;
	vertical-align:top;
}

img{
	border:0px;
}


/* Navigation bar */
#tablehead{
	width:100%;
	height:20px;
	background-color:#003276;
	border:#999999 0px solid;

}
#tablehead td{
	color:#FFF;
}
.headNavi{
	color:#fff;
	font-weight:bold;
	text-align:left;
}

/* Days row e.g sun mon .... */
.dayhead{
	background-color:#c6d5e9;
	height:20px;
}
.calnav{
	background-color:#c6d5e9;
	height:20px;

}
.dayhead td {
	text-align: center;
	height:20px;
	color: #000;
}

/* Rows */
.dayrow {
	background: #FFF;
	height: 20px;
}
.dayrow td {
	width: 25px;
	height:20px;
	font-size: 9px;
	color: #000;
	background: #e1ebfa;

}

/* Jump drop down */

#jump {
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #888;
}

#jump a {
	text-decoration: none;
	border: none;
}

#jump img {
	border: none;
}

.dayover {
	background: #cddaf3;
	width: 100%;
	height:100%;
}
.dayout {
	background: #e1ebfa;
	width: 100%;
	height:100%;
}




/* Days div */
.calevent{
	background:#e1ebfa;
	vertical-align:bottom;	
}

.others{
	background:#989898;
	width:100%;
	height:100%;
}

.concerts{
	background:#ff8700;
	width:100%;
	height:100%;
}

.moose{
	background:#017886;
	width:100%;
	height:100%;
}

.family{
	background:#ffea00;
	width:100%;
	height:100%;
}
.df{
	background:#dba36a;
	width:100%;
	height:100%;
}
.sports{
	background:#43d10b;
	width:100%;
	height:100%;
}

.calText{
	vertical-align:bottom;	
}

/* This part will be used to display the TOOL TIP text */

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    color:#470000;	
    text-decoration:none;
}
a.tt div{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover div.tooltip{
    display:block;
    position:absolute;
    top:20px; 
	left:20px;
	padding: 4px;
	color: #fff;
	font-weight:bold;
	font-size:12px;
	border:#000000 1px solid;
	background:#74adb4;
	z-index:100;
	
}
a.tt:hover div.middle{
	display: block;
	padding: 0 8px; 
}