/* - GALLERY BUTTONS ------------------------------------------------------------- */
/* - this makes it possible to add next button beside scrollable ----------------- */
.scrollable 
{
	float: left;	
}

/* - prev, next, prevPage and nextPage buttons ----------------------------------- */
a.browse 
{
	display: block;
	width: 15px;
	height: 64px;
	float: left;
	cursor: pointer;
	font-size: 1px;
}

/* - right button ---------------------------------------------------------------- */
a.right 		
{ 
    background: url(/pix/icons/next_giant_dark.gif) no-repeat; 
    clear: right; 
}
a.right:hover 	
{ 
    background: url(/pix/icons/next_giant_active.gif) no-repeat; 
}
a.right:active 	
{ 
    background: url(/pix/icons/next_giant_dark.gif) no-repeat; 
} 

/* - left button ----------------------------------------------------------------- */
a.left				
{ 
    background: url(/pix/icons/prev_giant_dark.gif) no-repeat;
}
a.left:hover  		
{ 
    background: url(/pix/icons/prev_giant_active.gif) no-repeat; 
}
a.left:active  	
{ 
    background: url(/pix/icons/prev_giant_dark.gif) no-repeat; 
}

/* - up and down buttons --------------------------------------------------------- */
a.up, a.down		
{ 
	background: url(/pix/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* - up button ------------------------------------------------------------------- */
a.up:hover  		
{ 
    background-position: -30px 0; 
}
a.up:active  		
{ 
    background-position: -60px 0; 
}

/* - down button ----------------------------------------------------------------- */
a.down 				
{ 
    background-position: 0 -30px; 
}
a.down:hover  		
{ 
    background-position: -30px -30px; 
}
a.down:active  	
{ 
    background-position: -60px -30px; 
} 

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

/* - CHAT BUTTONS ---------------------------------------------------------------- */

.scrollable-chat
{
    float: left;    
}

a.browse-chat
{
    display: block;
    width: 10px;
    height: 37px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

a.right-chat         
{ 
    background: url(/pix/icons/next_dark.gif) no-repeat; 
    clear: right; 
}
a.right-chat:hover     
{ 
    background: url(/pix/icons/next_active.gif) no-repeat; 
}
a.right-chat:active     
{ 
    background: url(/pix/icons/next_dark.gif) no-repeat; 
}

a.left-chat                
{ 
    background: url(/pix/icons/prev_dark.gif) no-repeat;
}
a.left-chat:hover          
{ 
    background: url(/pix/icons/prev_active.gif) no-repeat; 
}
a.left-chat:active      
{ 
    background: url(/pix/icons/prev_dark.gif) no-repeat; 
}