/************************
 * events Slideshow 		*
 ************************/


.jcarousel-skin-events .jcarousel-container {
    background:  #E6E6E6;
}

.jcarousel-skin-events .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-events .jcarousel-container-vertical {
    width: 		143px;
    height: 	270px;
}

.jcarousel-skin-events .jcarousel-clip-vertical {
    width:  144px;
    height: 268px;
	
	/*
	border:			1px dashed #000;
*/
}

.jcarousel-skin-events ul li{
	list-style:		none; 
	display:		block;

	background:  	#E6E6E6;
} 

.jcarousel-skin-events .jcarousel-item {
    width: 		143px;
	height: 	auto;

	/*
	border:			1px dashed #000;
	*/
}

.jcarousel-skin-events .jcarousel-item img {
	display: 		block;
	margin-left: 	auto;
	margin-right: 	auto;
}

.jcarousel-skin-events .jcarousel-item  .jcarousel-item-footline{
	padding-top:	2;
	
    font-size:		8px;
	line-height:	12px;
	text-align: 	center;
	
	color:			black;
}

.jcarousel-skin-events .jcarousel-item-vertical {
	width: 		143px;
    height:		auto;
	
	margin-bottom: 	0px;
}

.jcarousel-skin-events .jcarousel-item-placeholder {
    width: 		143px;
    height: 	auto;
	
	/* Jan: Fixed the "No width/height set for items. This will cause an infinite loop. Aborting..." error, 
			atleast for Chrome... Firefox is to determine.. */
	margin-bottom: 	1px; 
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-events .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    right: -24px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../img/homesite/events/arrow_down.png) no-repeat 0 0;
}

.jcarousel-skin-events .jcarousel-next-vertical:hover {
    background-position: 0 0px;
}

.jcarousel-skin-events .jcarousel-next-vertical:active {
    background-position: 0 0px;
}

.jcarousel-skin-events .jcarousel-next-disabled-vertical,
.jcarousel-skin-events .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-events .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 0px;
}

.jcarousel-skin-events .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    right: -24px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../img/homesite/events/arrow_up.png) no-repeat 0 0;
}

.jcarousel-skin-events .jcarousel-prev-vertical:hover {
    background-position: 0 0px;
}

.jcarousel-skin-events .jcarousel-prev-vertical:active {
    background-position: 0 0px;
}

.jcarousel-skin-events .jcarousel-prev-disabled-vertical,
.jcarousel-skin-events .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-events .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 0px;
}