
/* Gallery */
div.panel.wide { background: none; }
div#gallery {text-align:center}
div.gallery.wide { padding-left: 170px; background: white; padding-right: 150px; margin-left: 2px; }
div.gallery.hOrange h2 {margin-bottom:0; font-size: 1.3em; width: 348px; padding: 4px 270px 7px 17px; height: 14px; }
div.gallery.wide h2 {font-size: 1.3em; padding: 4px 410px 7px 17px; height: 14px; width: 518px; margin-bottom: 2px; margin-left: -170px; background: url('../img/bg_heading_wide.gif') 0 0px no-repeat; }
div.gallery.wide a#listenonline { width: 137px; height: 30px; background: red; display: block; position:absolute; left: 640px; top: -3px; background: url('../img/listen_online.gif') 0 0 no-repeat; }

	.gallery .prevNext {position:absolute;right:12px;padding:0;top:0px;font:normal 55% Arial, Helvetica, sans-serif}
.prevNext li {line-height:24px}
.prevNext li span {float:left;line-height:24px;left:-2px;margin-right:-2px;min-height:24px;padding:0 0 0 2px;position:relative;top:auto}
.prevNext li.move span  {background:transparent url(../img/bg_gallery_controls.gif) no-repeat 8px -764px}
.prevNext li.next span  {background-position:100% -598px}
.prevNext li span a, .prevNext li.pages {float:left;padding:0 10px 0 10px;min-height:24px;color:#397cde;font-size:11px;font-family:Arial, Helvetica, sans-serif;background:transparent url(../img/bg_gallery_controls.gif) no-repeat 100% -316px}
.prevNext li.pages {width:43px;background-position:60px -316px;text-align:center}
.prevNext li.previous span a {padding:0 8px 0 20px}
.prevNext li.pages {background-position:61px -316px}
.prevNext li.next span a {padding:0 28px 0 9px;background-position:55px -316px}
.prevNext li.next span {background-position:-92px -764px}

.gallery p.caption {background-color:#000000;bottom:55px;color:#FFFFFF;left:20px;margin:0;padding:2px 4px;position:absolute;width:592px;text-align:left}

/* Gallery Lists */
ul li {margin:0}
.gallery ul {list-style-type:none;padding:5px 0 0 0;font-weight:bold}
	.gallery li {color:#FFF;float:left}
	.gallery li a {color:#FFF;display:block;height:20px;background:transparent url(../img/bg_gallery_controls.gif) no-repeat 0 -104px}
	.gallery ul.navBottom li.previous a {padding:4px 11px 0 24px}
	.gallery ul.navBottom li.previous a:hover {background-position:0 -214px}
	.gallery ul.navBottom li.next a {padding:4px 18px 0 10px;background-position:-62px -104px}
	.gallery ul.navBottom li.next a:hover {background-position:-62px -214px}
	.gallery ul.navBottom li.pages {font-weight:normal;margin:0 2px;height:20px;padding:4px 2px 0}
.gallery ul.navBottom {padding:0;position:absolute;right:19px;top:auto;}
.gallery ul.options {background:transparent url(../img/bg_gallery_controls.gif) repeat-x 0 -65px;float:left;padding:2px 0 10px 0;font-weight:normal;width:600px;margin-left:14px}
	ul.options li a {color:#FFF;float:left;background:transparent url(../img/bg_gallery_controls.gif) repeat-x 0 0}
	ul.options li#autoplay {height:22px;padding:0}
	#autoplaySwitch {width:69px;padding:3px 1px 0 8px}
	#autoplaySwitch.selected {font-weight:bold}
  #autoplay {position:relative}
	#autoplay a {background-position:0 -30px;text-align:left}
	#autoplay a:hover, #autoplaySwitch.selected {background-position:0 1px}
		#autoplay ul {visibility:hidden;position:absolute;top:auto;bottom:22px;left:0px;padding:0;margin:0;font-weight:normal;background:#000}
		#autoplay ul li {clear:left;height:21px;margin:0;width:73px}
		#autoplay ul li a {width:100%;display:block;padding:4px 4px 0;background:transparent}
		#autoplay ul li.selected, #autoplay ul li a.selected {font-weight:bold}
    #rotateStop {display:none}
		#moreGalleries a {padding:3px 10px 0pt 10px;background-position:0pt 248px}
		#moreGalleries a:hover {background-position:0pt -248px}
        #emailAFriend a {padding:3px 29px 0 10px;background-position:0 -141px}
		#emailAFriend a:hover {background-position:0 -248px}
	#share {position:relative}
		#share a {padding:3px 31px 0 8px;background-position:-20px -178px}
		#share a:hover {background-position:-20px -283px}
		#share ul {visibility:hidden;width:75px;float:left;position:absolute;top:-66px;left:0;background-color:#000;padding:6px 2px 0 6px;font-weight:normal}
		#share li {border:0;line-height:1.4}
		#share li a {padding-left:20px}
		.gallery #share ul a:link,.gallery #share ul a:visited {color:#fff}
		#delicious a {background:transparent url(../img/bg_gallery_controls.gif) no-repeat 0 -500px;padding-top:0;border:0}
			#delicious a:hover {color:#00ccff!important;background-position:0 -500px}
		#digg a {background:transparent url(../img/bg_gallery_controls.gif) no-repeat 0 -520px;padding-top:0;border:0}
			#digg a:hover {color:#00ccff!important;background-position:0 -520px}
		#facebook a {background:transparent url(../img/bg_gallery_controls.gif) no-repeat 0 -540px;padding-top:0;border:0}
			#facebook a:hover {color:#00ccff!important;background-position:0 -540px}
.photoGallery {width:640px;height:135px;list-style-type:none;z-index:10}
	.photoGallery li {position:relative;float:left;background:transparent url(../img/bg_gallery_controls.gif) no-repeat 0 -360px;width:100px;height:130px;margin:0 5px 20px 0}
	.photoGallery a {margin:5px 5px 0 5px;text-align:center;display:block;width:90px;height:60px;position:relative;z-index:1;overflow:hidden}
	.photoGallery li p {margin:0 1px 0;padding:5px 4px 5px;line-height:1.1;color:#000;position:relative;z-index:10}
	.photoGallery a.more {position:absolute;bottom:2px;right:6px;text-align:left;width:auto;height:auto}

 /* Gallery polls
-------------------------------------------------------------------------------------------------- */
.gallerypoll { top:475px;color:#FFFFFF;left:20px;margin:0;padding:2px 4px;position:absolute;width:592px; text-align:left }
.gallerypoll h5 { text-align: left; padding: 0px 0 6px 7px; font-size:100%; color:#4f4b4c; margin: 0; margin-bottom:.2em; } 
.gallerypoll fieldset { text-align: center; border: 0; background: none; }
.gallerypoll ul { width: 592px; text-align: center; overflow: hidden; }
.gallerypoll ul li { list-style: none; margin-left: -1px; float: left; text-align: center; padding: 0 5px; width: 134px; border-left: 1px solid #f5f5f5; font-weight: normal; color: #000; } 
.gallerypoll ul input {width:auto; margin-bottom: -3px; }

.gallerypoll.wide ul.poll { background: url('../img/widepoll_radio_bkgd.gif') 155px 6px no-repeat; }
.gallerypoll.wide ul li { width: auto; border: 0; padding: 0 9px; }
.gallerypoll.wide ul li label { padding: 0 5px; width: 116px; display: block; }

.gallerypoll ul li.last { padding-top:10px; width:592px; }
.gallerypoll ul li.last .btnVote { background: url('../img/bg_button_vote.png') no-repeat 0 3px; color: white; padding: 0 40px 0 40px; height: 28px; width: auto; margin: 0; margin-bottom: 5px; }
.gallerypoll ul li.last .btnVote span { color: white; }

.gallerypoll form#galleryItemPollForm fieldset ul li.preRevealText {width:auto; color:#4f4b4c;}

div.rounded-1.gallery.wide .r1, div.rounded-1.gallery.wide .r2 { background: white; }

.galleryWithoutPoll .r2 { height: 480px; background: none; }
.galleryWithoutPoll ul.navBottom { bottom:29px }

.galleryWithPoll .r2 { height: 560px; background: none; }
.galleryWithPoll p.caption { bottom: 135px; }
.galleryWithPoll ul.navBottom { bottom:109px; }

.wide.galleryWithoutPoll ul.navBottom { bottom:27px }
.wide.galleryWithoutPoll p.caption { bottom: 53px; }
.wide.galleryWithPoll p.caption { bottom: 133px; }
.wide.galleryWithPoll ul.navBottom { bottom:107px; }

 /* Styled divs
-------------------------------------------------------------------------------------------------- */
div#gallery {width:628px}
#imgWrapper {width:600px;margin-left:14px;height:400px;clear:both;position:relative;overflow:hidden}
	#mImg {cursor:pointer}
	#imgWrapper #thumbnails {background:#000 url(../img/bg_gallery_controls.gif) no-repeat -96px -595px;padding:1px 2px 1px 15px;width:70px;position:absolute;left:-16px;top:-7px;color:#FFF}
	#imgWrapper #thumbnails:hover {background-position:-96px -615px}
	#galNav {position:absolute;width:564px;left:16px;top:285px;height:130px;text-align:center}
	#galNavScroll {list-style-type:none;background-color:#000;position:absolute;height:105px;left:0;top:10px;display:inline;width:50000px}
		#galNavScroll a {background:none}
		#galNavScroll li {margin:0}
		#galNavScroll li a {display:block;float:left;width:94px;height:104px;text-align:center}
		#galNavScroll li img {border:1px solid #000;opacity:0.5}
		#galNavScroll li a.selected img {border:1px solid #fff}
		#scrollPrev, #scrollNext {position:absolute;top:10px;left:-16px;display:block;width:16px;height:105px;outline:none;background:#000 url(../img/bg_gallery_controls.gif) no-repeat 5px -650px;text-indent:-9000px}
		#scrollPrev:hover {background-position:-35px -650px}
		#scrollNext {left:auto;right:-20px;background-position:-75px -650px}
		#scrollNext:hover {background-position:-115px -650px}
		#scrollPrev.hidden, #scrollNext.hidden {background-image:none}

.aboutScreen {visibility:hidden;position:absolute;left:128px;top:29px;width:250px;padding:20px 50px;background:transparent url(../img/bg_gallery_caption.png) repeat 0 0;color:#fff;text-align:left}
	.aboutScreen p,.aboutScreen h3 {margin:0;background-color:transparent;color:#ccc}
	.aboutScreen h3 {font-size:21px;color:#fff;margin-bottom:.5em}
	.aboutScreen a {display:block;margin-top:20px;position:relative;right:-200px;top:10px;background:transparent url(../img/bg_gallery_controls.gif) no-repeat 80px -596px;padding-right:15px;width:80px}
	.aboutScreen a:hover {background-position:80px -616px}
.dialogue {position:absolute;left:85px;top:85px;width:450px;height:273px;background:transparent url(../img/bg_gallery_caption.png) repeat 0 0;color:#fff;overflow:hidden}
	.dialogue h3 {text-align:left;padding:8px 0 8px 8px;font:12px normal Arial, Helvetica, sans-serif;background-color:#000}
	.dialogue h3 span {position:absolute;left:auto;right:10px;top:10px;font-size:.8em;text-transform:none}
	.dialogue h3 span a {color:#FFF;font-weight:normal;background:transparent url(../img/bg_gallery_controls.gif) no-repeat 32px -597px;padding-right:15px}
	.dialogue h3 span a:hover {background-position:32px -617px}
	.dialogue ul.fRows {float:left;margin:2px 0 0 46px}
	.dialogue ul.fRows li {background-color:transparent;color:#fff;padding:3px 0}
  .dialogue ul.fRows li input {width:auto}
.dialogue ul.fRows li * {float:left}
	.dialogue label {width:137px;text-align:right;padding-right:20px}
	.dialogue textarea {width:206px;height:58px}
	.dialogue h4,.dialogue p {margin-left:12px;background-color:transparent}
	.moreGalleriesH4 {position:absolute;top:169px;left:0}
	.dialogue ul.moreGalleries {width:450px;position:absolute;top:54px;left:0}
	.moreGalleries li {width:225px;height:66px;margin-bottom:32px}
	.moreGalleries li a {background:none;height:auto}
	.moreGalleries img {float:left;border:3px solid #444;margin:0 13px 0 13px;padding:0}
	.moreGalleries p {font-weight:normal;background-color:transparent;color:#ccc}
	.dialogue .showEnd {margin:25px 46px 10px 43px;width:361px;padding:0;text-align:center}
	.showEnd li {margin-left:68px}
	.showEnd li a {width:80px;height:15px;text-align:center;padding-top:45px;background:transparent url(../img/endOfShow.png) no-repeat 20px -80px;font-weight:normal;position:relative;z-index:100}
	.showEnd li a:hover {background-position:-60px -80px}
	.showEnd li.email a {background:transparent url(../img/endOfShow.png) no-repeat 20px 0}
	.showEnd li.email a:hover {background-position:-60px 0}
    .showEnd li.article a {padding: 0px; display:block; background: none;}
    .showEnd li.article a:hover{padding: 0px; display:block; background: none;}
    #endOfShowScreen p {margin-bottom:10px;position:relative;z-index:10}
	#endOfShowScreen ul.moreGalleries {padding-top:10px;padding-top:140px;z-index:1}
	#emailAFriendScreen p {margin:3px 0 0 135px;font-size:12px;font-weight:normal;color:#ff4014}
	#emailAFriendScreen li.error {background:transparent url(img/bg_input_error.gif) no-repeat 100% 50%;padding-right:25px}
	#emailAFriendScreen li.error input {border:2px solid #ff4014}
	#emailResponseScreen h4 {margin:33px 0 15px 40px;font-size:12px}
	#emailResponseScreen p {margin:0 40px 12px 40px;padding:0;color:#fff;font-size:12px}
	#emailResponseScreen input {margin-left:40px}
	#emailResponseScreen a.link {display:inline;background:none;font-size:12px;font-weight:normal;margin-left:10px}
/* JS activates these dialogues: */
#emailAFriendScreen {visibility:hidden}
#moreGalleriesScreen {visibility:hidden}
#endOfShowScreen {visibility:hidden}
#emailResponseScreen {visibility:hidden}
