/* ********************************************************************* */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#event_calendar .jcarousel-container {
    position: relative;
}

#event_calendar .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#event_calendar .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#event_calendar .jcarousel-list li,
#event_calendar .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 160px;
    height: 200px;
}

#event_calendar .jcarousel-clip-horizontal {
width: 100%;
}

#event_calendar .jcarousel-item {
height: 100%;
}

#event_calendar_wrap {position:relative; z-index:40; background-image:url(/img/event_calendar_bg.png); background-repeat:no-repeat; padding:10px 25px}
#event_calendar {width:610px; height:210px; position:relative;}
#event_calendar li {background-image:url(/img/calendar_dot.gif); background-position:left top; background-repeat:no-repeat; margin-top:30px;}
#event_calendar a.next, #event_calendar a.previous {position:absolute; top:85px; width:20px; height:20px; overflow:hidden;}
#event_calendar a.next {right:-22px; background-image:url(/img/calendar_forward.gif);}
#event_calendar a.previous {left:-22px; background-image:url(/img/calendar_backward.gif);}

#event_calendar a.next_disabled {background-image:url(/img/calendar_forward_disabled.gif);}
#event_calendar a.previous_disabled {background-image:url(/img/calendar_backward_disabled.gif);}

#event_calendar{color:#ffffff;}
#event_calendar li div div.month {color:#92b909; letter-spacing:1.05pt; font-family:helvetica; font-size:20px; font-weight:bold; display:block; height:20px !important; position:absolute; top:0;}
#event_calendar li div.corner_date{font-weight:bold; font-family:helvetica; padding-left:10px;}
#event_calendar li div.corner_date div.day{font-size:10px; text-transform:uppercase;}
#event_calendar li div.corner_date div.date{font-size:24px;}
#event_calendar li div.event_description{padding-left:10px; position:absolute; bottom:80px; width:110px; height:80px;}
#event_calendar li div.event_description p{ color:#eef6f2 !important; font-size:13px !important; line-height:15px; position:absolute; top:0; }
#event_calendar li a.event_details_link{ width:121px; padding-bottom:8px; background-position:0 bottom; font-size:11px; position:absolute; top:155px; display:block; background-repeat:no-repeat; padding-left:30px; color:#fff; text-transform:uppercase; background-image:url(/img/detail_plus.gif); height:14px; bottom: 0px;}
#event_calendar li a:active{outline:none;}
#event_calendar li a.open{background-image:url(/img/detail_minus.png);}
#event_calendar .event_details_hidden_container{display:none;}
.below_calendar{margin-top:0 !important; position:relative; top:-20px;}


#event_details_drawer{ overflow:hidden; width:659px; position:relative; top:-50px; z-index:10; background-image:url(/img/event_detail_drawer_background.png); background-position:0 bottom; background-repeat:no-repeat;}
#event_detail_drawer_shadow{background-image:url(/img/event_detail_drawer_shadow.gif); background-repeat:repeat-x; height:20px; width:100%;}
#event_detail_content{padding:30px; padding-bottom:10px; padding-top: 50px;}
#event_detail_content h1{color:#008737; font-weight:bold; font-size:18px; margin-bottom:5px; margin-top:5px;}
#event_detail_content h2{color:#3f4450; font-weight:bold; font-size:14px; margin-bottom:12px;}
#event_detail_content p{font-size:12px; margin-bottom:12px;}
#event_detail_content div.event_attributes{font-size:12px;}
#event_detail_content div.event_attributes div{margin-bottom:2px;}
.close_detail_drawer img{padding-left:30px; padding-bottom:20px;}