/* GALLERY */

.galleryBox {  float:left; background-color:#fff; width:929px; padding:20px; }
.gallerySpan2 { width:629px; float:left; background-color:#fff; }
.gallerySpan1 { width:280px; float:left; background-color:#fff; }

#thumbs { width:auto; clear: both; float:left; padding-top: 15px; margin-left: 8px;  }
#gallery { width:100%; padding-top: 10px; }

div.albums { float: left;  clear: both; padding-top: 20px; width: 913px; margin-left: 64px; }
div.albums ul { }
div.albums ul li { display: inline-block; *display: inline;  }
div.albums h2{    font-size: 22px; padding: 0;}
div.albums h4{    font-size: 16px; color: #005E30;}

div.ss-controls { float: left; padding: 10px 0; }
div.nav-controls { float: right; padding: 10px 0; }
div.nav-controls a { float: left; margin-left: 10px; }

div.loader { background-image: url('/_Resources/img/lightbox/loading.gif');background-repeat: no-repeat;background-position: center;width: 560px;height: 350px }

div.slideshow { clear: both; }
div.slideshow span.image-wrapper { position:relative; display: block; margin: auto; height: 390px; background: transparent; }

div.slideshow a.previous-link { position: absolute; top: 50%; left: 10px; display: block; margin-top: -49px; width: 40px; height: 97px; background: url(/_Resources/img/arrows.png) left bottom no-repeat; z-index: 900; text-indent: -999em; }
div.slideshow a.previous-link:hover { background-position: left top; }
div.slideshow a.advance-link { position: absolute; top: 50%; right: 10px; display: block; margin-top: -49px; width: 40px; height: 97px; background: url(/_Resources/img/arrows.png) right bottom no-repeat; z-index: 900; text-indent: -999em; }
div.slideshow a.advance-link:hover { background-position: right top; }

div.slideshow img { border: none; display: block; height: 100%; margin: auto; }
div.download { float: right; }
div.embox {	clear: both; text-align: left; }
div.image-title { font-weight: bold; font-size: 16px; color: #005E30; margin-top: 10px; }
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. */ }
	   
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin:6px; list-style: none; }
a.thumb { width:80px; height:80px; overflow:hidden; display: block; border: 1px solid #fff; background: #4d4d4d; }
ul.thumbs li.selected a.thumb { background-color:#995C87; }
a.thumb:focus { outline:none;}
ul.thumbs img { border: none; display: block; width:180px; margin-top:-20px; margin-left:-55px; }

div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }



div.pagination { clear: both; text-align: center; padding-top: 5px; }
div.pagination a,
div.pagination span
    { display: inline; border: solid 1px #00667D; color: #00667D; font-weight: bold; padding: 1px 4px; margin: 0 2px; }
div.pagination a:hover { color: #708596; }
div.pagination span.current { color: #708596; }


/*
div.pagination { }

.nav-controls a.previous { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.previous { float:left; }
.nav-controls a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_left.png) no-repeat top left;}
.nav-controls a.previous:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_left.png) no-repeat top left;}

.nav-controls a.next { position:relative; display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.next { float:right; }
.nav-controls a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_right.png) no-repeat top right;}
.nav-controls a.next:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_right.png) no-repeat top right;}
*/

.ss-controls a.play { }
.ss-controls a.play:hover, .ss-controls a.play:focus { color: #000; }
.ss-controls a.play span {}
.ss-controls a.play:hover span {}

.ss-controls a.pause {}
.ss-controls a.pause {}
.ss-controls a.pause {}
.ss-controls a.pause span {}
.ss-controls a.pause:hover span {}

.albumList,
.albumList,
.albumList li{
    overflow: hidden;
}
.albumList{
    margin: 10px 0;
}
.albumList li{
    float: left;
    margin: 0 5px 5px 0;
}
.albumList a{
    border: 1px solid #00667D;
    background-color: #FFF7D0;
    padding: 4px 10px;
    display: block;
    width: 200px;
}
.albumList li.selected a{
    font-weight: bold;
}