/* root element for scrollable */.vertical
{
    /* required settings */
    position: relative;
    overflow: hidden; /* vertical scrollers have typically larger height than width */
    height: 450px;
    /*width: 400px;*/
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
/* root element for scrollable items */.items
{
    position: absolute; /* this time we have very large space for height */
    height: 20000em;
    margin: 0px;
}
/* single scrollable item */.item
{
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    height: 180px;
}
/* elements inside single item */.item img
{
    float: left;
    margin-right: 20px;
    height: 180px;
    /*width: 240px;*/ 
    width: 120px;
}
.item h3
{
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #456;
    font-weight: normal;
}
/* the action buttons above the scrollable */#actions
{            
    margin: 30px 0 10px 0;
    margin-bottom:50px;
}
#actions a
{
    font-size: 11px;
    cursor: pointer;
    color: #666;
}
#actions a:hover
{
    text-decoration: underline;
    color: #000;
}
.disabled
{
    visibility: hidden;
}

.next, .prev
{
	font-weight:bold;
}

.next
{
    float: right;
}
.prev
{
    float: left;
}


/* NOTE 
   ====
	..vertical height must be {no. of items to display} * the height of {.wkiccRecurrenceEvent, .wkiccOneOffEvent}	
*/

.wkiccRecurrenceEvent, .wkiccOneOffEvent
{
    height: 220px;
}

.vertical
{
    height: 700px;
}



/*End of scrollable style. */

div#eventsPage
{
	text-align:center;	
	font-weight: 900;
	font-size: 15pt;
    color:#FFFFFF;
}

#actions, .vertical, .wkiccRecurrenceEvent, .wkiccOneOffEvent
{
    width: 225px;	
}

div.wkiccRecurrenceEvent div, div.wkiccOneOffEvent div
{
     width: 100%;	
     color : #680b02;
     color : #000000;
     font-weight: 900;     
     padding: 5px 0px 5px 0px;
}

span.eventName, span.eventInterval, span.eventStartDate
{
	color: #FFFFFF;
	font-weight:bold;	
}

span.eventDescription
{
   color : #000000;
   font-weight:normal;
}

div.wkiccRecurrenceEvent, div.wkiccOneOffEvent
{
	margin: 10px 0px 10px 0px;
    /*border: solid 5px #D4AF37;	*/    
    padding: 5px 5px 5px 5px;
}

.eventLink {
	color: #680b02;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
}
a:hover.eventLink {
	color: #854B01;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	text-decoration: underline;
}