.upcomingEventsBox {
	position: relative;
	height: 260px;
	padding: 0px;
}


.upcomingEventsBox .upcomingEventsListScrollUpBar {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: 20px;
	
	background-image: url(../../images/style/content/bright/headerBg.jpg);
	
	text-align: center;

	cursor: pointer;
}

.upcomingEventsBox .upcomingEventsListScrollUpBar.inactive {
	cursor: default;
}

.upcomingEventsBox .upcomingEventsListScrollUpBar.hovered {
	background-image: url(../../images/style/content/bright/headerHoveredBg.jpg);	
}

.upcomingEventsBox .upcomingEventsListScrollUpBar img {
	margin-top: 8px;	
}

.upcomingEventsBox .upcomingEventsListScrollUpBar.inactive img {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.upcomingEventsBox .upcomingEventsListScrollDownBar {
	position: absolute;
	top: 238px;
	left: 0px;
	
	width: 300px;
	height: 23px;
	
	background-image: url(../../images/style/content/bright/headerBg.jpg);
	
	text-align: center;

	cursor: pointer;

	border-top: 1px solid #E0E0E0;	
}

.upcomingEventsBox .upcomingEventsListScrollDownBar.inactive {
	cursor: default;
}

.upcomingEventsBox .upcomingEventsListScrollDownBar.hovered {
	background-image: url(../../images/style/content/bright/headerHoveredBg.jpg);	
}

.upcomingEventsBox .upcomingEventsListScrollDownBar img {
	margin-top: 6px;	
}

.upcomingEventsBox .upcomingEventsListScrollDownBar.inactive img {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.upcomingEventsBox .upcomingEventsList {
	position: relative;
	top: 22px;
	left: 0px;
	
	height: 216px;

	border-top: 1px solid #E0E0E0;
	
	overflow: hidden;
}

.upcomingEventsInnerScrollContainer {
	position: relative;
	top: 0px;
	left: 0px;
}

.upcomingEventsBox .topEventInnerScrollContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 302px;
}

.upcomingEventsBox .topEventContainer {
	position: relative;
	top: 0px;
	left: 0px;
	
	height: 72px;
	
	cursor: pointer;
	
	border-bottom: 1px solid #E6E6E6;
}

.upcomingEventsBox .topEventContainer .visitorsIcon {
	position: absolute;
	top: 49px;
	left: 59px;
}

.upcomingEventsBox .topEventContainer .visitors {
	position: absolute;
	top: 50px;
	left: 78px;
	
	font-size: 9px;
	
	color: #999999;
}

.upcomingEventsBox .topEventContainer.hovered {
	background: #FFFFFF;
}

.upcomingEventsBox .topEventContainer .topEventIcon {
	position: absolute;
	top: 5px;
	left: 5px;
	
	height: 60px;
	width: 42px;
	
	overflow: hidden;
	
	text-align: center;
	
	background: #DDDDDD;
	border: 1px solid #CCCCCC;
}

.upcomingEventsBox .topEventContainer.hovered .topEventIcon {
	border: 1px solid #dbfa06;	
}

.upcomingEventsBox .topEventContainer .topEventIcon img {	
	height: 60px;
	width: auto;
}

.upcomingEventsBox .topEventContainer .topEventTitle {
	position: absolute;
	top: 8px;
	left: 57px;
	
	width: 327px;
	
	font-size: 12px;
	
	text-transform: uppercase;
	
	white-space: nowrap;
	
	overflow: hidden;
}

.upcomingEventsBox .topEventContainer .topEventDate {
	position: absolute;
	top: 24px;
	left: 57px;
	
	font-size: 10px;
	
	color: #777777;
}



.noEventsFoundMessageContainer {
	text-align: center;
	
	height: 216px;
}

.noEventsFoundMessageContainer img {
	margin-top: 60px;
	margin-bottom: 20px;
}

.noEventsFoundMessageContainer .noEventsFoundMessage {
	font-size: 11px;
	
	text-transform: uppercase;
	
	color: #999999;
}