:focus {
  -moz-outline-style:none;
}

/* root element for scrollable */
.scrollable {  
    margin:0 0 40px 0;
    /* required settings */
    position:relative;
    overflow:hidden;    

    /* vertical scrollers have typically larger height than width */    
    width: 100%;
    height:750px;   
    border-top:1px solid #ddd;  
}

/* root element for scrollable items */
.scrollable .items {    
    
    margin: 0px;    
    width:20000em; 
    position:absolute;
	height:100%;
}

/* single scrollable item */
.item { 
	/* clear:right; */
	/* evita che gli oggetti escono fuori dal box*/
	
    margin:10px 4px 0 0;
    padding:15px;
	
	width:360px auto;
	/* max-width:360px; */
	height:92%;    
	/*
	background-image: url('/common/images/bg_transparent.png'); 
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid;
	border-color: #CCC #AAA #AAA #CCC;
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px px 10px #000000;
   */
}

.item p {
	/* width:360px; */
}
.items div {
	float:left;
}
/* elements inside single item */
/* .item img {
    float:left;
    margin-right:20px;
    height:180px;
     width:240px; 
} */
.item h3 {
    margin:0 0 5px 0;
    font-size:16px;
    /* color:#456; */
    font-weight:bold;
}





#actions, .item {
background-image: url('/common/images/bg_transparent.png'); 
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid;
	border-color: #CCC #AAA #AAA #CCC;
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow:0px px 10px #000000;
}




/* the action buttons above the scrollable */
#actions {
    width:100%;
    margin:12px 0 10px 0;   
}

#actions a {
    cursor:pointer;
    /* font-size:11px;     
    color:#666; */
}

#actions a:hover {
    /* text-decoration:underline;
    color:#000; */
}

.disabled {
    visibility:hidden;      
}

.next {
    float:right;
}