.smallcalendar {
   font-family: tahoma;
   font-size: 9px;
   background-color: white; 
   padding: 0px;
   border: solid 1px #150139;
   width: 126px;
   margin-left: 16px;
   display: none;
}
div.smallcalendar {
   margin-bottom: 10px;
}
.smallcalendar table {
   margin-left: 0px;
}
.smallcalendar td {
   padding: 0px;
}

.smallcalendar .dayheader {
   background-color: #d2d0d0;  
   color: #000000;
   font-weight: bold;
   border-right: 1px solid #827C8B;
   border-bottom: 1px solid #827C8B;
}

.smallcalendar .day {
   font-weight: bold;
}
.smallcalendar td.day, .smallcalendar td.weekendday {
   border-right: 1px solid #827C8B;
   border-bottom: 1px solid #827C8B;
}
.smallcalendar .title td {
   Font-Size: 12px;
   Height: 20px;
   color: white;
   background-color: #5c5469;  
   font-weight: bold;
   border: none;
   vertical-align: middle;
}

.smallcalendar .title td:hover {
   cursor:hand;
}


.smallcalendar .nextprev td, .smallcalendar .nextprev A,  .smallcalendar .title A  {
   display:block;
   width:100%;
   height:100%;
   Font-Size: 12px;
   Height: 20px;
   color: white;
   background-color: #5c5469;  
   font-weight: bold;
   text-decoration:none; 
   border: none;
}
.smallcalendar .title {
   padding-top: 4px;
   vertical-align: middle; 
   text-align: center;
}

.smallcalendar .todayday {
   font-weight: bolder;
   color: red;
   border-right: 1px solid #827C8B;
   border-bottom: 1px solid #827C8B;
}

.smallcalendar .otherday {
   color: #DBDBDB;
   border-right: 1px solid #827C8B;
   border-bottom: 1px solid #827C8B;
}

a.calevent {
   display:block;
   width:100%;
   height:100%;
   position:relative; /*this is the key*/
   z-index:24; 
   color: #000000;
   text-decoration:none; 
}
.events h4 {
   margin: 0px 0px 0px 0px; 
   padding-bottom: 10px;
}
a.calevent:hover{
    z-index:99; 
}
a.calevent span{
    display: none;
}
a.calevent:hover span{ /*the span will display just on :hover state*/
   display:inline;
   position:absolute;
   border:1px solid silver;
   z-index:99; 
   font-size: 11px;
   font-weight: normal;
   top:2em; 
   left:2em; 
   width:20em;
   background-color: #ebeaea;
   text-align: left;
   padding: 2px;
}


.eevents a {
   display:block;
   width:100%;
   height:100%;
   position:relative; /*this is the key*/
   z-index:24; 
   color: #000000;
   text-decoration:none; 
}
.eevents a:hover{
   z-index:25; 
}
.eevents a span{
   text-align: left;
   display: none;
}
.eevents a:hover span{
   display:block;
   font-size: 11px;
   font-weight: normal;
   position:absolute;
   top:2em; 
   left:2em; 
   width:20em;
   border:1px solid silver;
   background-color: #ebeaea;
   text-align: left;
   padding: 2px;
}

.smallcalendar div.title {
   Font-Size: 12px;
   color: white;
   background-color: #5c5469;  
   font-weight: bold;
   border: none;
}
.smallcalendar P {
   margin-bottom: 5px;
   padding-left:10px;
   padding-right:5px;
}
.smallcalendar H4 {
   background-color: #EBEAEA;
   color: #150139;
   margin: 0px;
   padding-left: 5px;
   padding-right: 5px;
}
.smallcalendar h4 a {
   color:#5C5469;
   font-family:arial;
   font-weight:bold;
   text-decoration:underline;
}
.smallcalendar h4 a:hover {
   color:gray;
}




.bigcalendar {
   font-family: tahoma;
   background-color: white;            
   padding: 0px;
   border: solid 1px #150139;
   width: 714px;
   margin-top: 20px;
   margin-bottom: 20px;
   border-collapse: collapse;
}

.bigcalendar td {
   vertical-align: top;
   padding: 0px;
   border: 1px solid #827C8B;
}

.bigcalendar .dayheader {
   background-color: #d2d0d0;  
   color: #000000;
   font-weight: bold;
   border-right: 1px solid #827C8B;
   border-bottom: 1px solid #827C8B;
}

.bigcalendar .day {
   font-weight: bold;
   height: 70px;
}
.bigcalendar .day td {
   color: blue;
   padding: 0px;
   border: 1px solid #827C8B;
}

.bigcalendar .title td {
   Font-Size: 12px;
   Height: 25px;
   color: white;
   background-color: #5c5469;  
   font-weight: bold;
   border: none;
}

.bigcalendar .nextprev td, .bigcalendar .nextprev A,  .bigcalendar .title A  {
   display:block;
   height:100%;
   Font-Size: 12px;
   Height: 25px;
   color: white;
   background-color: #5c5469;  
   font-weight: bold;
   text-decoration:none; 
   border: none;
   padding: 6px;
}

.bigcalendar .todayday {
   font-weight: bolder;
   color: red;
   height: 70px;
}

.bigcalendar .otherday {
   color: #DBDBDB;
   height: 70px;
}
.bigcalendar .events a {
   width:100%;
   height:100%;
   position:relative; /*this is the key*/
   z-index:24; 
   color: #000000;
   text-decoration:none; 
}
.bigcalendar h4 {
   font-size:80%;
}
.bigcalendar .events a:hover{
   z-index:25; 
}
.bigcalendar .events a span{
   text-align: left;
   display: none;
}
.bigcalendar .events a:hover span{ /*the span will display just on :hover state*/
   display:block;
   font-size: 11px;
   font-weight: normal;
   position:absolute;
   top:2em; 
   left:2em; 
   width:20em;
   border:1px solid silver;
   background-color: #ebeaea;
   text-align: left;
   padding: 2px;
}

.bigcalendar td.times {
   color: #5c5469;  
   width: 80px;
   text-align: right;
   font-weight: bold;
   padding: 2px;
}
   
.bigcalendar .odd {
   background-color: #E6FFCC;
}   
.bigcalendar .even {
   background-color: #FFFFCC;
}   
.bigcalendar .event {
   background-color: #CCE6FF;
}   


.no-events {
   padding: 2px;
}
.events {
   padding: 2px;
   background-color: #C7C7C7;  
}
div.events {
   height: 100%;
   margin-bottom: 0px;
}
div.no-events {
   height: 100%;
   margin-bottom: 0px;
}

.events H4 {
   text-align: left;
}