/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.single-gallery-scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 400px;	
	
	
	/* custom decorations 
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#000000;*/
	height: 170px;	
	border: 0px solid red;
}


.single-gallery-scrollable .next
{
	/* margin:45px 443px 0;	
	position:absolute;*/
}

.single-gallery-scrollable .prev
{
	/* margin:45px 443px 0;	
	position:absolute;*/
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.single-gallery-scrollable div.items{	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;			
	/* decoration */
	margin:16px 0 0;
}

div.single-gallery-scrollable div.items img{	

	/* decoration */
	margin-left:-7px;
	margin-top:-13px;
}

div.single-gallery-scrollable div.items input{	

	/* decoration */
	margin-left:-7px;
	margin-top:-13px;
	
}

/* single scrollable item */
div.single-gallery-scrollable div.items div {
	background: transparent url(../images/bubble.gif) no-repeat top left; 	
	float: left; 
	width: 101px; 
	height: 111px; 
	padding: 25px 0 40px 0; 
	text-align: center;
}

/* active item */
div.single-gallery-scrollable div.items div.active {
	/*border:1px inset #ccc;		
	background-color:#fff;*/
}


/******************************************* Double */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.double-gallery-scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 		
	width:843px;
	
	/* custom decorations 
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#000000;*/
	height:376px;
	border: 0px solid red;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.double-gallery-scrollable div.items{	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;			
	/* decoration */
	margin-left:0px;
	height:376px;	
}

div.double-gallery-scrollable .items .bar{	
	/* this cannot be too large */	
	position:relative;	
	/* decoration */
	margin-left:0px;
	height:376px;
	background:none;
	padding-right:5px;

}

div.double-gallery-scrollable .items .bar .Candy{	
	background: transparent url(../images/gallery/candy-brg.png) no-repeat top left; 	
	margin-top:-15px;	
	padding-bottom:71px;
}

div.double-gallery-scrollable div.items img{	s

	/* decoration */	
	margin-top:-9px;
}

div.double-gallery-scrollable div.items img:hover{	


}

div.double-gallery-scrollable div.items input{	

	/* decoration */
	margin-left:-7px;
	margin-top:-13px;
	
}


div.double-gallery-scrollable div.items div {
	
	float: left; 
	width: 101px; 
	height: 111px; 
	padding: 25px 0 40px 0; 
	text-align: center;
}

div.double-gallery-scrollable div.items div.GalleryTitle {
	background: none;
	float: left; 	
	padding: 25px 0 40px 0; 
	text-align: center;
	height:10px;
	padding:none;
	margin:-16px 0 0 15px;
	width:72px;
	font-weight:bold;
	
}

div.double-gallery-scrollable div.items div.GalleryPoints {
	text-align: center; 
	font-size: 14px;
	font-weight:bold;	
	height:10px;
	margin-top:-56px;
}


div.double-gallery-scrollable div.items div.GalleryPointsText {
		text-align: center; 
	font-size: 14px;
	font-weight:bold;	
	height:10px;
	margin-top:-60px;
}




 



/* active item */
div.double-gallery-scrollable div.items div.active {
	/*border:1px inset #ccc;		
	background-color:#fff;*/
}


/**************************************/


/*     root element for the scrollable.    
 when scrolling occurs this element stays still. */ 
 div.file-mobile-scrollable 
 {      
 	/* required settings */     
 	position:relative;    
	overflow:hidden;    
	width: 412px;     
	height:111px;
	margin-top:12px;
	margin-left:-10px;
 }  
 

         
                                
/*     root element for scrollable items. Must be absolutely positioned   
  and it should have a extremely large width to accomodate scrollable items.  
   it's enough that you set width and height for the root element and   
  not for this element. */ 
         
         
div.file-mobile-scrollable div.items     
{
	/* this cannot be too large */    
	width:20000em;    
	position:absolute;
	height:111px;	
} 
         	    
/*   
  a single item. must be floated in horizontal scrolling.    
 typically, this element is the one that *you* will style    
 the most. */
div.file-mobile-scrollable div.items div   
 {
	float:left;
 } 
 
/* you may want to setup some decorations to active the item */
 div.items div.active      
{     	
	/*border:1px inset #ccc;     
	background-color:#fff; */	
}


.file-mobile-scroll
{
	position:relative;
	height:137px;	
	width:461px;
	margin-left:-1px;	
	background:transparent url(../images/mini-gallery-brg.png) no-repeat scroll left top;
}

.file-mobile-scroll .prevPage
{
	margin:45px 10px 0;	
	padding:none;
}

*:first-child+html .file-mobile-scroll .nextPage {
	margin:45px 3px 0;	
	position:absolute;
	/*display:none;*/
}

.file-mobile-scroll .nextPage
{
	margin:45px 443px 0;	
	position:absolute;
}

.WiiSpirit
{
	background:url('/App_Themes/Default/images/your-profile/candy-brg.png');
	height:111px;
	width:103px;
}

.WiiSpirit .InputImage
{
	margin:18px 0 0 16px;
}

.WiiSpirit .InputImage:hover
{
	border:thin 3px #00000;
}







/******************************************* Double */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.paging-scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 		
	width:132px;
	
	/* custom decorations 
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#000000;*/
	height:376px;
	border: 0px solid red;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.paging-scrollable div.items{	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;			
	/* decoration */
	margin-left:0px;
	height:376px;	
}