@import url("style_calendar.css");
.list_years,
.list_months {
    margin-bottom: 0.5em;
}

.list_years ul,
.list_months ul {
    text-align: center;
}

.list_years ul li,
.list_months ul li {
    display: inline;
}

.selected_month span {
    font-weight: bold;
}

.selected_month,
.item_list ul li,
.events_list_caption,
div.intro {
    margin-bottom: 1em;
}

.events_list_caption {
    font-weight: bold;
}

#events_list {
   /* 
    * This width is based upon the width of the calendar which is 33% + 1% margin-right,
    * however, if the width of the container #events_calendar_module gets to small for
    * whatever reason, the 34% wont apply to the calendar because the TD's wont get
    * smaller than a certin width, hence the table wont shrink either.
    */
    width: 66%;
}
#events_list_upcoming {
    /*
     * idem.
     */
    width: 66%;
}
#events_period {
    float: left;
}

#events_period ul li,
#events_period ul li p {
    display: block;
    margin-bottom: 1em;
}



#events_list_upcoming ul li,
#events_list_upcoming ul li p {
    display: block;
    margin-bottom: 1em;
}

div.alternative div.list_year {
    float: left;
}

div.alternative div.current {
    float: right;
    margin-bottom: 0.5em;
}

div.alternative div.list_months {
    clear: both;
    text-align: center;
}

div.alternative table {
    margin-top: 1em;
    width: 100%;
}

div.alternative table th {
    padding-right: 1em;
}

div.alternative table td {
    white-space: nowrap;
}

div.alternative table td.full {
    width: 100%;
    white-space: normal;
}

div.detail div.start {
    float: left;
    border-right: 1px solid #000000;
    padding-right: 1em;
    margin-right: 1em;
}

/* Main container: using prefix '_module' */
div#events_calendar_container_module {
    margin-top:0.5em;
    overflow: hidden;
}
div#events_calendar_module {
    overflow: hidden;
}
/* Calendar and Events div position */
.floatright {
    float:right;
}

.floatleft {
    float:left;
}