@import "default.css";

body { background:#FFF url(/images/gallery/sm_photo_gallery_bgtile.gif) repeat-x; }


#Gal-Wrapper { width:1000px; margin:0 auto; color:#333; }
#Gal-Hdr { height:68px; padding-top:7px; color:#FFF; }
#Gal-Hdr H1 { line-height:68px; vertical-align:middle; font-size:2em; margin:0 0 0 135px; padding:0 0 0 0; }
#Gal-Cnt { padding:10px; border:1px solid #D0D0D0; background:#EEE url(/images/gallery/sm_photo_gallery_logo.gif) no-repeat bottom right; min-height:300px; margin:10px; }

hr { border:1px solid #C82222; }

div.GalleryTitle { font-weight:bold; font-size:1.4em; color:#292980!important; }
div.GalleryTitle a { color:#292980; text-decoration:none; }
/* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */
div.content { padding:5px; width:640px; float:right;}

div.image-title { font-weight:bold; font-size:1.5em; float:left; line-height:24px; vertical-align:middle; margin-bottom:22px; }
div.image-desc { clear:both; border:1px solid #ccc; padding:12px; color:#000; }

div.controls { margin-top:5px; height:24px; position:relative; }

div.controls div.ss-controls { position:absolute; right:40px; cursor:pointer; }
div.controls div.ss-controls span.play { background: url(/images/gallery/play.gif) no-repeat; width:40px; height:0; padding-top:24px; overflow:hidden; display:block; text-indent:-999px; }
div.controls div.ss-controls span.pause { background: url(/images/gallery/pause.gif) no-repeat; width:40px; height:0; padding-top:24px; overflow:hidden; display:block; text-indent:-999px; }

div.controls div.nav-controls-prev { position:absolute; right:80px; }
div.controls div.nav-controls-next { position:absolute; right:0; }
div.controls div.nav-controls-prev a.prev { background: url(/images/gallery/prev.gif) no-repeat; width:40px; height:0; padding-top:24px; overflow:hidden; display:block; text-indent:-999px; }
div.controls div.nav-controls-next a.next { background: url(/images/gallery/next.gif) no-repeat; width:40px; height:0; padding-top:24px; overflow:hidden; display:block; text-indent:-999px; }

div.slideshow { text-align:center; clear:both; margin:0; padding:0; }
div.slideshow span.image-wrapper { padding:0; margin:0; }
div.slideshow a.advance-link { margin:0; padding:0; }
div.slideshow img { border:none; display:block; }
div.download { float:right; }


/* 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. */
div.GalNav { float:left; width:300px; }

ul.thumbs { clear:both; margin:0; padding:0; }
ul.thumbs li { float:left; padding:0; margin:5px 7px 5px 0; list-style:none; }
ul.thumbs li a { padding:2px; display:block; border:1px solid #ccc; }
ul.thumbs li.selected a { background:#88f; }
ul.thumbs a:focus { outline:none; }
ul.thumbs img { border:none; display:block; }

div.pagination { clear:both; }
div.GalNav div.top { display:none;}
div.GalNav div.bottom { height:30px!important; }
div.pagination a, div.pagination strong { display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc; }
div.pagination a:hover { background-color:#ffc; text-decoration:none; }
div.pagination strong { background-color:#acf; }