/*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;}

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

table.calendar-month td div p
{
	padding:0px;
	margin:0px;
	font-size:10px;
}


table.calendar-miniature{
border-collapse:collapse;
}

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

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

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

#displayevent-calendar_dropdown{
width:75%;
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%; 
}