/*
** Table-based column layout for all browsers.
**
** There's a table-less column layout alternative in the plone_tableless
** skin layer, if you prefer layouts without tables.
*/

/*  */
/* container for slides */
#slideshow .news {
	background:#fff;
	position:absolute;	
	width:580px;
    height:580px;
	float:left;	
	margin:15px 0px;
	cursor:pointer;
}
#slideshow .control {
	float:right;
	left:-20pt;
	position:relative;
	text-align:center;
	top:15pt;
	
	z-index:2;	
    
}
#slideshow .news  img {
    width:580px !important;
    height:auto !important;

}
/* single slide */
#slideshow .news div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	font-size:12px;

}


/* tabs (those little circles below slides) */
#slideshow .tabs {
	clear:both;
    display:none;
}

/* single tab */
#slideshow .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 */
#slideshow .tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
#slideshow .tabs a.current {
	background-position:0 -16px;     
} 	

#slideshow button {
float:left;
text-indent:-9990px;
border:none;
background-color:transparent;
width:30px;
height:20px;
}
#slideshow button.play {
background:transparent url(play.png) center 0px no-repeat;
}
#slideshow button.stop {
background:transparent url(stop.png)  center center  no-repeat;
}
/* prev and next buttons */
#slideshow .backward, #slideshow .forward {
	float:left;
	
	/* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */
	display:block;
	width:18px;
	height:20px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
#slideshow .backward {
    background:url(prev.png) no-repeat center center;
}

#slideshow .forward{
    background:url(next.png) no-repeat center center;
}

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


/*  */