/* root element for scrollable */ 
div.scrollable {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;  
    float:left;
 
    /* vertical scrollers have typically larger height than width */     
    height: 230px;      
    width: 600px;     
}

/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
     
    /* this time we have very large space for height */     
    height:20000em;     
}

/* prev, next, prevPage and nextPage buttons */
a.prev,  a.prevPage {
	position: relative;
	display:block;
	width:18px;
	height:18px;
	background:url(nav/up.png) no-repeat;
	float:left;
	margin:-18px 436px; 	
	cursor:pointer;
	font-size:12px;
}



/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
/*a.disabled {
	visibility:hidden !important;		
}*/

a.prev:disabled {
	background:url(nav/dark_up.png) no-repeat;		
}

a.next:disabled {
	background:url(nav/dark_up.png) no-repeat;		
}

/* next button uses another background image */
a.next, a.nextPage {
	position: relative;
	display:block;
	width:18px;
	height:18px;	
	background-image:url(nav/down.png);
	float:left;
	margin:-18px 461px;	
/*	margin:0px 0px;		*/
	cursor:pointer;
	font-size:12px;
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	/*margin-left:328px;*/
	display: block;
	margin-top:-18px;
	margin-left:484px;
	width:110px;
	height:20px;
	position: relative;
	float:none;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(nav/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

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



/* TOOLTIP Styling */
/* simple css-based tooltip */ 
/*div.tooltip { 
    background-color:#000; 
    outline:1px solid #669; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; */
 
    /* outline radius for mozilla/firefox only */ 
/*    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
} */

/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background: transparent url(nav/black_big.png) no-repeat scroll 0 0;
    position: relative;
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#333; 
    z-index:999;
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}