/* container for slides */
.slider {
background-color: #f0f1f2;
position:relative;	
height:220px;
width:840px;
margin:15px 0;
padding: 50px 70px;
cursor:default;
}

/* single slide */
.slider div.slide {
display:none;
position: absolute;
width:840px;
}

/* tabs (those little circles below slides) */
.controls {
position: absolute;
bottom: 10px;
right: 10px;
}
.controls .tabs {
margin: 0 30px 0 0;
}

/* single tab */
.controls a {
width:21px;
height:21px;
float:left;
margin:3px;
background: transparent url(images/slider_points.gif) top left no-repeat;
display:block;
text-indent: -999em;	
}
.controls a.play {
width:14px;
height:24px;
background: transparent url(images/slider_play.gif) top left no-repeat;
margin-top: 1px;
}
.controls a.stop {
width:14px;
height:24px;
background: transparent url(images/slider_stop.gif) top left no-repeat;
margin-top: 1px;
}

/* mouseover state */
.tabs a:hover {
background-position: bottom left;      
}

/* active state (current page state) */
.tabs a.current {
background-position: bottom left;     
} 	

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}