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

/*body { font: 12px Verdana; line-height: 20px; background-color: #F8FAFA; }	*/
a { color: #BE0C0C; text-decoration: none; }
a:hover { color: #333; }
a:active, a:focus { outline: none; }
h1 { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
p { padding-bottom: 10px; }
.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; }

.menu { position: relative; list-style-type: none; margin-bottom: 0px; }
.menu a.tab { padding: 5px 10px 5px 10px; border: 1px solid #CCD8E3; background-color: #FAFAFA; }
.menu a.selected { border-bottom-color: #FFF; background-color: #FFF; }

#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: 270px;
	}

.scroller_vertical {
background-color:#F8F8F8;
	overflow-x: hidden;
	width: 278px;
	height: 628px;
	overflow-y: hidden;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
	}
.scroller_vertical_small {
	width: 278px;
	height: 328px;
	overflow-y: hidden;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	}

.scroller_vertical_people {
	background-color: #F8F8F8;
	width: 238px;
	height: 628px;
	overflow-y: hidden;
	border: 1px solid #CCCCCC;
	//margin-bottom: 5px;
	//margin-top: 20px;
	}

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

#content-1 {
	width: 2500px;
	}

#content-2 {
	width: 300px;
	background: url('../images/slider-background-vertical.jpg') repeat-x;
//	overflow: auto;
//	padding-left: 5px;
	}

#content-people {
	width: 230px;
//	overflow: auto;
	//padding-left: 5px;
	}

.slide a:hover img {
-moz-opacity:.8;
}

.slide{

	width: 275px;
	height: 200px;
	float: left;
	display:block;
	background: url('../images/slider-background-vertical.jpg') repeat-y;
//	background-color: #F8F8F8;
	padding-top: 15px;

	}

.slide_item{
	width: 300px;
	height: 200px;
	float: left;
	display:block;
	background: url('../images/slider-background-vertical.jpg') repeat-y;
//	background-color: #F8F8F8;
	padding-top: 15px;

	}

.slide_people{
	width: 250px;
	height: 200px;
	float: left;
	display:block;

	background-color: #FFF;
	padding: 10px;

	}

.slide_image {
	width: 270px;
	height: 100px;
	float: left;
	display:block;

	background-color: #FFF;
	padding: 10px;

	}

#map {
	padding-top: 30px;
	}

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

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

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