/* - GALLERY --------------------------------------------------------------------- */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still.
*/
.scrollable 
{
    position: relative;
	overflow: hidden;
	width: 540px;
	height: 64px;
    margin: 0 3px 10px 3px;
}

/*
	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 the width and height for the root element and
	not for this element.
*/
.scrollable .items 
{
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}

.scrollable table
{
    float: left;   
    margin: 0px 4px 0px 0px;
}

.scrollable table img 
{
    cursor: pointer;
}

.scrollable .active {}

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

.scrollable-chat
{
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 37px;
    margin: 0 3px 0 3px;
}

.scrollable-chat .items-chat
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.scrollable-chat img 
{
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.scrollable-chat .active {}