/* CSS Document calendar */
.calendar {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
.calendar caption {
	margin: 0;
	padding: .3em 0;
	background: #c6cfe1;
	}	
.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
	}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 3.5em;
	text-align: center;
	}
.calendar a {
	color: white;
	text-decoration: none;
	}
.calendar .tagred {
	position: relative;
   background-color: #FF0000;
	display: block;
width: 40px;
   text-decoration: none;
        }

.calendar .taggreen {
	position: relative;
width: 40px;

   background-color: #008000;
   display: block;
   text-decoration: none;
        }

.calendar .tagblue {
        background-color: #C0C0C0;
        display: block;
	height: 30px;
	width: 35px;
	font-size: 11px;
        text-decoration: none;
        }

.calendar tagyellow {
        background-color: YELLOW;
        display: block;
        text-decoration: none;
        }




.calendar td.today {
	border: 2px solid #fff;
	background:#FFFFCC;
	}
.calendar td.selected {
	border:solid 1px #90ac13; 
	background:#eef4d3;
	}
.calendar td.selected a{
	color:#6b800d;
	font-weight:bold;
	}
.calendar td.passed {
		background: #RED;
		color:#black;
		}		
		
.calendar td.highlighted {
	background:#FFFFCC;
	color:#222;
	}
	
.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
	}

table.calendar td.pad {
	/*color: #999;*/
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}
	
.sunday, .saturday {
	background: #f0f0f0;
	}
	
#year {
	padding: 0;
	width: 500px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
	}