@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/

.jThumbnailScroller {
  position:relative;
  width:680px;
  height:220px;
  margin:0px auto 0 auto;
  border:5px solid #eee;
  background:#bbb;
  padding:0;
  overflow:hidden;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.jThumbnailScroller .jTscrollerContainer {position:absolute; height:210px;  }
.jThumbnailScroller .jTscroller {position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}

.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton
     {position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton {background:#000 url(images/nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton {background:#000 url(images/prevArrow.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover {background-color:#d56916; opacity:1;}

.jThumbnailScroller .jTscroller a {
  display:block;
  float:left;
  border:5px solid #ddd;
  margin:6px 10px 6px 0;
  background:#fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  font-size:14px;
  width:152px;
  height:200px;
}
.jThumbnailScroller .jTscroller a:hover {border-color:#fff;}
.jThumbnailScroller .jTscroller a:first-child {margin-left:10px;}
/*
.jThumbnailScroller .jTscroller a img {
*/
.jThumbnailScroller .jTscroller img {
  border:none;
  margin-left:auto;
  margin-right:auto;
  width:152px;
  height:152px;
}

/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#sl_featured_pub {margin:30px auto;}
.jThumbnailScroller#sl_featured_pub .jTscroller a {opacity:0.7;}
.jThumbnailScroller#sl_featured_pub .jTscroller a:hover {opacity:1;}
.jThumbnailScroller#sl_featured_pub .jTscrollerNextButton {margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#sl_featured_pub .jTscrollerPrevButton {margin:-20px 10px 0 10px; left:0; top:50%;}

.jThumbnailScroller#sl_downloaded_pub {margin:30px auto;}
.jThumbnailScroller#sl_downloaded_pub .jTscroller a {opacity:0.7;}
.jThumbnailScroller#sl_downloaded_pub .jTscroller a:hover {opacity:1;}
.jThumbnailScroller#sl_downloaded_pub .jTscrollerNextButton {margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#sl_downloaded_pub .jTscrollerPrevButton {margin:-20px 10px 0 10px; left:0; top:50%;}

.jThumbnailScroller#sl_printed_pub {margin:30px auto;}
.jThumbnailScroller#sl_printed_pub .jTscroller a {opacity:0.7;}
.jThumbnailScroller#sl_printed_pub .jTscroller a:hover {opacity:1;}
.jThumbnailScroller#sl_printed_pub .jTscrollerNextButton {margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#sl_printed_pub .jTscrollerPrevButton {margin:-20px 10px 0 10px; left:0; top:50%;}

