﻿
div.loader { background-image: url('/_Resources/img/lightbox/loading.gif');background-repeat: no-repeat;background-position: center;width: 560px;height: 350px }

div.slideshow { float: right; width: auto; padding:0px 80px 40px 0px; }
div.slideshow a.advance-link { display:block; width: 460px; overflow:hidden; }
div.slideshow img { border: none; display: block; }
/*div.embox {	clear: both; }*/
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */ }
#thumbs .navigation {float: left; width: 300px;}	
   
ul.thumbs { margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 7px 10.5px 7px 0; list-style: none; }
a.thumb { width: 45px; height: 50px; overflow:hidden; padding: 2px; display: block; border: 1px solid #fff; }
ul.thumbs li.selected a.thumb { background-color:#995C87; }
a.thumb:focus { outline:none;}
ul.thumbs img { border: none; display: block; width:200px; margin-top:-20px; margin-left:-50px; }

div.pagination { }

div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
/*
div.pagination a, div.pagination span.current { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
div.pagination { padding:5px 8px 5px 8px; position:absolute; bottom:-25px; right:0; width:20px; height:15px; background-color:#FFFFFF; }
div.pagination a.previous { float:left; }
div.pagination a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow_purple_left.png) no-repeat top left;}
div.pagination a.previous:hover span { background:#fff url(/_Resources/img/arrow_orange_left.png) no-repeat top right;}
div.pagination a.next { float:right; }
div.pagination a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow_purple_right.png) no-repeat top right;}
div.pagination a.next:hover span { background:#fff url(/_Resources/img/arrow_orange_right.png) no-repeat top right;}

.nav-controls a { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }

div.pagination { padding:5px 8px 5px 8px; position:absolute; bottom:-25px; right:0; width:20px; height:15px; background-color:#FFFFFF; }
*/
.nav-controls a.previous { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.previous { position: absolute;  left: 375px; top: 335px; width: 20px; color: #000; height: 40px; }
.nav-controls a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background: url(/_Resources/img/btn_left-right.png) no-repeat scroll left top; }
.nav-controls a.previous:hover span { background: url(/_Resources/img/btn_left-right.png) no-repeat; background-position: 0px -40px;}

.nav-controls a.next { position:relative; display:block; overflow:hidden; width: 37px; height:38.5px; color: #000; }
.nav-controls a.next { position: absolute; left: 772px; top: 335px;  }
.nav-controls a.next span { position:absolute; top:0; left:0; width: 16px; height:38px; overflow:hidden; background: url(/_Resources/img/btn_right.png) no-repeat; background-position: top right;}
.nav-controls a.next:hover span { background: url(/_Resources/img/btn_right.png) no-repeat top right; background-position: 0px -40px;}

.ss-controls a.play {}
.ss-controls a.play { position:relative;  display:block; overflow:hidden; width: 31px; height: 31px; overflow:hidden; }
.ss-controls a.play { position: absolute; left: 335px; top: 338px;}
.ss-controls a.play span { position:absolute; top:0; left:0; width: 31px; height: 31px; overflow:hidden; background:url(/_Resources/img/btn_play.png) no-repeat top left;}
.ss-controls a.play:hover span { background:url(/_Resources/img/btn_play.png) no-repeat; background-position: 0px -33px; }

.ss-controls a.pause {}
.ss-controls a.pause { position:relative;  display:block; overflow:hidden; width: 31px; height: 31px; overflow:hidden; }
.ss-controls a.pause { position: absolute;left: 335px; top: 338px;}
.ss-controls a.pause span { position:absolute; top:0; left:0; width:31px; height:31px; overflow:hidden; background: url(/_Resources/img/btn_stop.png) no-repeat  bottom left;}
.ss-controls a.pause:hover span { background: url(/_Resources/img/btn_stop.png) no-repeat bottom left;}

/* artist navigation */

.gallery ul.albums li { list-style-type: none; padding-bottom: 3px; }
.gallery ul.albums li.active{ font-weight: bold;}
.gallery ul.albums { height: auto; display: block; margin: 0; padding: 0px 0 30px 20px; float: left;}
