@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{position:relative; /*width:800px;width:788px;width:858px; */ width:90%; height:129px; margin:160px auto 0 auto; padding:0; overflow:hidden;}

.jThumbnailScroller .jTscrollerContainer{position:relative; padding-left: 10px; padding-right:10px; margin: auto; }
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}
.jTscrollerNextButton, .jTscrollerPrevButton{position:absolute; top:35px; display:block; width:28px/*5%*/; height:41px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; /*opacity:0.7;*/}

.jTscrollerNextButton{
	
}
/*
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:41px; height:41px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}

.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}


.jThumbnailScroller .jTscrollerNextButton, .jThumbnailScroller .jTscrollerPrevButton{*/
.jTscrollerNextButton{
	
	background: url('/css/build/svgs/right_cms.svg') no-repeat 0 0;
	background-size: 22.5px 37px;
	background-position: 28px;
	right:0px;
   
}
.jTscrollerPrevButton{
	
	background: url('/css/build/svgs/left_cms.svg') no-repeat 0 0;
	background-size: 22.5px 37px;
}
.jTscrollerPrevButton{
	/*left:-30px;*/
}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}
.jThumbnailScroller .jTscroller a{cursor: -moz-grab; cursor: -webkit-grab; display:block; float:left; border:3px solid #D1D3D4; margin:13px 4px 6px 5px; background:#fff;}
.jThumbnailScroller .jTscroller a:hover{cursor: -moz-grab; cursor: -webkit-grab; border-color:#D1D3D4;}

.jThumbnailScroller .jTscroller a.noBorder{
	border: 3px solid #FFFFFF;

}

.jThumbnailScroller .jTscroller .hoverDiv{cursor: -moz-grab; cursor: -webkit-grab;position:absolute; left:0px; top:0px; background:#000; width:100%; height:100%; opacity:0.5; display:none}

.jThumbnailScroller .jTscroller a:first-child{cursor: -moz-grab; cursor: -webkit-grab; }
.jThumbnailScroller .jTscroller a img{cursor: -moz-grab; cursor: -webkit-grab; border:none;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:95%;}
.jThumbnailScroller#tS2{margin:15px auto;}
.jThumbnailScroller#tS2 .jTscroller a{ cursor: -moz-grab; cursor: -webkit-grab; /*opacity:0.7;*/}
.jThumbnailScroller#tS2 .jTscroller a:hover{cursor: -moz-grab; cursor: -webkit-grab; opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}

/* Add edit player page vertical scroll for skins */
.jThumbnailScroller#tsPlayer{margin:15px auto;}
.jThumbnailScroller#tsPlayer .jTscroller a{ cursor: pointer; /*opacity:0.7;*/}
.jThumbnailScroller#tsPlayer .jTscroller a:hover{cursor: pointer; opacity:1;}
.jThumbnailScroller#tsPlayer .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller#tsPlayer .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}
/* a vertical scroller */
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
.jThumbnailScroller#tS3 .jTscroller a{cursor: -moz-grab; cursor: -webkit-grab; display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; /*opacity:0.7;*/}
.jThumbnailScroller#tS3 .jTscroller a:hover{cursor: -moz-grab; cursor: -webkit-grab; opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{cursor: -moz-grab; cursor: -webkit-grab; margin-top:50px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}

/*
.jPrevTrigger { height: 129px; width: 200px; position: absolute; background-color: #ffff00; margin-left: -200px; opacity: 0.1; }
.jNextTrigger { height: 129px; width: 200px; position: absolute; background-color: #ff0000; margin-left: 858px; opacity: 0.1; }
*/