/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
div.content {float: right; width: 50%;}
div.content a, div.navigation a {text-decoration: none; color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px; height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative; clear: both;}
div.loader {position: absolute; top: 0; left: 0; background-image: url('http://www.unf.edu/js/plugins/galleriffic/images/loader_large.gif'); background-repeat: no-repeat; background-position: center; width:50%;}
div.slideshow {}
div.slideshow span.image-wrapper {display: block; top: 0; left: 0;}
div.slideshow a.advance-link {display: block; width: 50%; text-align: center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle; border: 1px solid #ccc;}
div.download {float: right;}
div.caption-container {position: relative; clear: left;}
span.image-caption {display: block; top: 0; left: 0;}
div.caption {padding: 12px;}
div.image-title {font-weight: bold; font-size: 1.4em;}
div.image-desc {line-height: 1.3em; padding-top: 12px;}
div.navigation {width:45%; float:left;}
ul.thumbs {clear: both;/*margin: 0;padding: 0;*/}
ul.thumbs li {float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;}
a.thumb{padding: 2px; display: block; border: 1px solid #ccc;}
.thumbbgimg {width:80px; height:80px;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none; display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block; float: left; margin-right: 2px;	padding: 4px 7px 2px 7px; border: 1px solid #ccc;}
div.pagination a:hover {background-color: #eee; text-decoration: none;}
div.pagination span.current {font-weight: bold; background-color: #000; border-color: #000; color: #fff;}
div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;}
.image-wrapper img{max-width:100%; max-height:400px;}
.previous{position:absolute;}