/*css styling for the calendar class*/
table.calendar-month{
border-collapse:collapse;
border:1px solid #000000;
width:100%;
height:100%;
}

table.calendar-month th{
padding:4px;
width:30px;
}

table.calendar-month tr td{
padding:4px;
vertical-align: top; 
text-align: left;
height:50px;
}

table.calendar-month tr td a{
text-decoration:none;
}


table.calendar-month a span{
width:100%;
background-color:#dbe0e5;
float:left;
height:100%;
}

table.calendar-miniature{
border-collapse:collapse;
width:258px;
}

table.calendar-miniature th{
padding:4px;}

table.calendar-miniature tr td{
padding:0px;
line-height:25px;
text-align:center;
}

table.calendar-miniature a span{
width:100%;
background-color:#dbe0e5;
float:left;
}

/*css styling for the displayevent page*/
#displayevent-wrap{
padding:4px; 
margin:4px; 
width:100%;
}

#displayevent-calendar_dropdown{
width:85%;
border:0px none;
text-align:center;
margin:4px;
}

#displayevent-events{
border:1px solid #000000; 
text-align: left; 
padding:4px; 
margin: 4px; 
width:70%; 
float:left;
}

#displayevent-mini_calendars{
width:25%; 
float:right;
}

#displayevent-navigation_main{
clear:both; 
text-align:right;
}

#displayevent-navigation_main span{
margin:8px;
}

#displayevent-navigation_calendar{
text-align:right; 
padding:4px; 
margin:4px;}

/*css styling for the displaymonth page*/
#displaymonth-wrap{
padding:0px; 
margin:0px; 
width:100%;
}

#displaymonth-main{
width:100%; 
}

#displaymonth-calendar_navigation{
margin:0px 0px 5px 40px;
}

#displaymonth-calendar_navigation form{
display:inline;
}

#displaymonth-calendar_navigation a{
margin:20px;
}

/*css styling for the event-listing page*/
#event-listing{
width:100%;
padding:4px; 
margin:4px;
}