
/* container for slides */
.articles 
{
	position:relative;	
	width:100%;
	height:125px;
	float:left;	
	cursor:pointer;
}
/* single slide */
.articles .item, .articles .first
{
	display:none;
	width: 230px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	overflow:hidden;
}

.imageRotator {
	position:relative;	
	width:300px;
	height:275px;
	float:left;	
	cursor:pointer;
}
/* single slide */
.imageRotator .item, .imageRotator .first
{
	display:none;
	width: 250px;
	height:135px;
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	overflow:hidden;
}
.pagerContainer 
{
	clear:both;
	width:100%;
	margin:auto;
	border:1px solid #D1D8D1;
	background: #E1E8E1;
	padding:3px;
	height:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* tabs (those little circles below slides) */
.tabs {	float:right;margin-left:130px;margin-top:0px;}

/* single tab */
.tabs a {width:8px;height:8px;float:left;margin:3px;background:url(navigator.png) 0 0 no-repeat;display:block;font-size:1px;}
/* mouseover state */
.tabs a:hover {	background-position:0 -8px;}
/* active state (current page state) */
.tabs a.current { background-position:0 -16px; } 	

/* prev stop play and next buttons */
.backward, .stop, .play, .forward {background: url(slidebuttons.png) no-repeat;float:left;display:block;width:15px;height:15px;cursor:pointer;font-size:1px;text-indent:-9999em;}


/* prev */
.backward { background-position: 0px 0px; clear:right; }
.backward:hover { background-position: 0px -15px; }
.backward:active { background-position: 0px -15px; }
/* stop */
.stop { background-position: -15px 0px; clear:right; }
.stop:hover { background-position:-15px -15px; }
.stop:active { 	background-position:-15px -15px; } 
/* play */
.play { background-position: -30px 0px; clear:right; }
.play:hover { background-position: -30px -15px; }
.play:active { background-position: -30px -15px; }
/* next */
.forward { background-position: -45px 0px; clear:right; }
.forward:hover { background-position:-45px -15px; }
.forward:active { background-position:-45px -15px; } 
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled { visibility:hidden !important;}