/*Scrollable*/
#scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 278px;
	height: 280px;

	/* custom decorations */
	border:0px none #ccc;
}

#scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;	
}

#scrollable .items .item {
	float: left;
	width: 278px;
	height: 280px;
}

/* position and dimensions of the navigator */ 
.navi { 
    width:60px; 
    height:20px; 
} 

a.disabled {
	visibility:visible !important;
	color:grey;
	cursor: default;
}

.prevPage {
	cursor: pointer;
}
.nextPage {
	cursor: pointer;
}
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:5px; 
    background:url(http://flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}


/* Video popup */

.videoOverlay {
	/* must be initially hidden */ 
	display:none; 
	
	/* place overlay on top of other elements */ 
	z-index:9999;

	padding:12px;
	
	/* styling */ 
	background-color:#ffffff; 
	
	width:640px;     
	min-height:200px; 
	border:1px solid #666; 
	
	/* CSS3 styling for latest browsers */ 
	-moz-box-shadow:0 0 90px 5px #000; 
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */ 
.videoOverlay div.close { 
    background-image:url(/images/jquerytools/close.png); 
    position:absolute;
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* Tooltip */

#tooltip {
	display:none;
	background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	_background-color:#fff;
}