/* 
*	Urmatoarele stiluri sunt doar pentru prezentarea demo-urilor si nu au nici o legatura cu functionalitatea plugin-ului:
*/

a.lienMenu { color: #FFF; text-decoration: none; }
a.lienMenu:hover { color: #333; }
a.lienMenu:active, a.lienMenu:focus { outline: none; }

.ico { width: 24px; height: 24px; padding:0; background-repeat: no-repeat; }
.ico-first { background-image: url("../images/first.png"); margin-left: 15px; }
.ico-prev { background-image: url("../images/prev.png"); }
.ico-next { background-image: url("../images/next.png"); }
.ico-last { background-image: url("../images/last.png"); margin-right: 15px; }
.ico-toggle { background-image: url("images/toggle.png"); margin-top: -6px; }

.left { float: left; }
.right { float: right; }
.menu { position: relative; list-style-type: none; margin: 5px; font-family:"Lucida Sans", "Lucida Sans Unicode", Arial; font-size:10px; }
.menu a.tab { padding: 1px 2px 1px 2px; border: 1px solid #CCD8E3; background-color: #FAFAFA; }
.menu a.selected { color: #FFF; background-color: #666; }

/* 
*	Declaratiile ramase sunt necesare functionarii fiecarui demo in parte:
*/

.main {
	width: 664px;
	}

.scroller {
	width: 654px;
	height: 220px;
	overflow: hidden;
	border: 1px solid #CCD8E3;
	margin: 4px;
	}

#content-1 {
	width: 12000px;
	}

.slide {
	height: 200px;
	float: left;
	background-color: #FFF;
	padding: 4px;
	}