#browsable { display: none;}
.scrollable { position:relative; overflow:hidden; height:119px;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.items div { float:left;}
.scrollable p { float: left; margin: 0; padding: 0; text-align: center!important; line-height: 1em;}
.scrollable span { font-family: Arial; font-size: .9em;}
.scrollable img { margin:0 0 3px 0; background-color:#fff; padding:2px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px;}
.scrollable .active { border:2px solid #000; position:relative; cursor:default;}
.scrollableItem { position: relative;}
.playButton { position: absolute; top: 26px; left: 70px; background: none!important; border: none!important}

/* buttons */
.browsebuttons { display: none; position: relative; height: 30px; margin: 0;}
a.browse { background:url(/lib/jquery/assets/tools/hori_large.png) no-repeat; display:block; width:30px; height:30px; margin:0; cursor:pointer; font-size:1px;}
a.rightarrow { background-position: 0 -30px; position: absolute; top: 0; right: 0;}
a.rightarrow:hover { background-position:-30px -30px;}
a.rightarrow:active { background-position: -60px -30px;}
a.leftarrow { position: absolute; top: 0; left: 0;} 
a.leftarrow:hover { background-position:-30px 0;}
a.leftarrow:active { background-position: -60px 0;}
a.disabled { visibility:hidden !important;}

/* navigator */
.navi { height:24px; padding: 6px 0 0 0; text-align: center;}
.navi a { width:8px; height:8px; margin:3px; background:url(/lib/jquery/assets/tools/navigator.png) 0 0 no-repeat; display:inline-block; font-size:1px;}
.navi a:hover { background-position:0 -8px;}
.navi a.active { background-position:0 -16px;}