/* --- module: article slide --- */

#slider {
	padding: 0px 0px 0px 0px;
}
#articleSlide, #articleSlide .articleSlideItem, #articleSlide .slideLink {
	width: 454px;
	height: 236px;
}
#articleSlide .slideLink {
	display: block;
}
#articleSlide {
	position: relative; 
	overflow: hidden; 
	clear: both;
}
#articleSlide .articleSlideWrapper {
	width: 20000px; /* required */
	position: absolute; /* required */
}
#articleSlide .articleSlideItem {
	background-repeat: no-repeat;
	float: left;
	position: relative; /* vertical align bottom */
}


/* item style */
#articleSlide .modTeaser {
	background-image: url(../../images/site/article_slide_bkg_text.png); /* see ie6fix for transparent fix */
	position: absolute; /* vertical align bottom */
	bottom: 0px; /* vertical align bottom */
	padding: 10px 22px 10px 22px;
	width: 410px; /* width of #articleSlide minus padding */
	color: #ffffff;
}
#articleSlide .modTeaser a {
	color: #ffffff;
	text-decoration: underline;
}
#articleSlide .modTeaser a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* navigation style */
#articleSlideNavigation {
	height: 20px;
	background-color: #0d5e88;
}
#articleSlideNavigation a {
	width: 21px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
	float: left;
	overflow: hidden;
}
#articleSlideNavigation a.active {
	background-color: #3082ad;
}
#articleSlideNavigation .navi a {
	color: #ffffff;
	height: 17px;
	margin: 0px 1px 0px 0px;
	text-align: center;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
}

#articleSlideNavigation .prev {
	background-image: url(../../images/site/article_slide_arrow_prev.gif);
	margin: 0px 1px 0px 0px;
}
#articleSlideNavigation .next {
	background-image: url(../../images/site/article_slide_arrow_next.gif);
}