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

#main-1 a { color: #555; text-decoration: none; }
#main-1 a:hover { color: #333; }
#main-1 a:active, a:focus { outline: none; }
.ico { width: 24px; height: 24px; background-color: #FFF; border: 1px solid #CCD8E3; padding: 0; background-repeat: no-repeat; background-position: 4px 4px; }
.ico-first { background-image: url("../img/ico/first.png"); margin-right: 5px; }
.ico-prev { background-image: url("../img/ico/prev.png"); }
.ico-next { background-image: url("../img/ico/next.png"); }
.ico-last { background-image: url("../img/ico/last.png"); margin-left: 5px; }
.ico-toggle { 
	background-image: url("../img/ico/toggle.png"); 
	margin-top: -6px;
}
.ico-ro { background-image: url("../img/flags/ro.gif"); }
.ico-au { background-image: url("../img/flags/au.gif"); }
.ico-cm { background-image: url("../img/flags/cm.gif"); }
.ico-py { background-image: url("../img/flags/py.gif"); }
.ico-jp { background-image: url("../img/flags/jp.gif"); }
.left { float: left; }
.right { float: right; }

#wrapper {
	margin-left: 18px;
	padding-bottom: 40px;
	background: #fff;
}

.menu { position: relative; list-style-type: none; margin-bottom: 3px; font-size: 0.8em; }
.menu a.tab { padding: 5px 10px 4px 10px; border: 1px solid #CCD8E3; background-color: #fff; }
.menu a.selected { border-bottom-color: #FFF; background-color: #FFF; }
#main-1 table { width: 100%; background-color: #CCD8E3; }
#main-1 table tr { background-color: #FFF; }
#main-1 table thead tr { background-color: #fff; }
#main-1 table tr.odd { background-color: #F8FAFA; }
#main-1 table tr td { padding: 5px; }
#main-1 table tr td.small { width: 12px; }
#main-1 table tr td input { width: 13px; height: 13px; }
#map-menu { background-color: #FFF; padding: 5px 10px; border: 1px solid #CCD8E3; margin-bottom: 10px; }
#map-menu a { background-position: 0 6px; background-repeat: no-repeat; padding: 5px 20px 5px 22px; }


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

.main {
	width: 470px;
	}

.scroller {
	width: 468px;
	height: 240px;
	overflow: hidden;
	border: 1px solid #CCD8E3;
	margin-bottom: 5px;
	}

.scroller#scroller-3 {
	width: 518px;
	height: 300px;
	}

#content-1 {
	width: 4200px;
	}

#content-2 {
	width: 750px;
	}

.slide {
	width: 440px;
	height: 200px;
	float: left;
	background-color: #FFF;
	padding: 10px;
	}
	
	.slide img {
		float: left;
		margin-right: 10px;
	}
	
	.slide .addedtext p {
		padding: 10px;
	}

#map {
	padding-top: 30px;
	}

#scroller-3 {
	position: relative;
	background: url('../img/loading.gif') no-repeat 50% 50%;
	}

#content-3 {
	width: 4100px;
	height: 2887px;
	background-image: url('../img/map.gif');
	}

#content-3 .checkpoint {
	position: absolute;
}