/************ CALENDAR STYLES *************/
#year_container{
bottom:0;
float:left;
height:64px;
margin:0 5px;
position:fixed;
width:100%;
}

.month_floater{
float:left;
height:100%;
width:8.333%;
}


.month_container {
background-color:#FFFFFF;
border:1px solid #AAAAAA;
bottom:0;
float:left;
height:51px;
margin:0;
padding:3px;
position:relative;
width:57px;
z-index: 5;
}

div.month{
font-size:8px;
letter-spacing:.5px !important;
text-align:center;
text-transform:uppercase
}

a.day{
color:#C4C4C4;
cursor:pointer;
font-size:6.5px;
margin:0;
padding:0;

}

.day-box{
float:left;
font-size:9px;
height:8px;
padding:0;
text-align:center;
width:8px;

}

/* must be in this order */

a.day:link {color:#FF0000;}      /* unvisited link */
a.day:visited {text-decoration: line-through;}  /* visited link */
a.day:hover{background-color: yellow;}
a.day:active {color: yellow;}  /* selected link */

a.day span{display: none}

a.day:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    text-align: center;
    font-size: 40px;
    top:-1em;
    left:0px;
    width:57px;
    }