/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the gallery in story page.
// -------------------------------------------------------------------------------------------
*/

.gallery { margin:10px 0; width:482px; border-top: 2px solid #3D8A91; }
	.gallery img { display:block; }
	.gallery ul li { background:none transparent; }

.gallery .showing ul { margin:0; padding:0; }
	.gallery .showing ul li { display:none; margin:0; padding:0; list-style:none; width:280px; }
		.gallery .showing ul li img { margin:0 auto; }
		.gallery .showing ul li a { border:0; }
		.gallery .showing ul li p { background:#000; color:#f5f5f5; text-align:center; padding:5px 0; margin:-65px 0 0 0; position:absolute; height:5em; width:280px; }
			.gallery .showing ul li p .credit { position:absolute; bottom:3px; right:5px; font-size:.72em; }
		.gallery .showing ul li.current { display:block; }

.gallery .thumbs { position:relative; margin-top: 9px; padding:8px 70px; border: solid #747474; border-width: 2px 1px 1px; width:340px; }
	.gallery .thumbs_sleeve { width:190px; height:30px; overflow:hidden; position:relative; }
	.gallery .thumbs ul { margin:0; padding:0; width:400px; position:relative; left:0; }
	.gallery .thumbs ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
		.gallery .thumbs ul li { float:left; margin:0 24px 0 0; padding:0; background:#000; list-style:none; }

.gallery .previousButton, .gallery .nextButton { cursor:pointer; position:absolute; top:26px; display:block; width:26px; height:26px; text-indent:-9999px; background:no-repeat 0 0; }
.gallery .previousButton { left:8px; background-image:url(/magazine/graphics/buttons/b_arrow_left.gif); }
.gallery .nextButton { right:19px; background-image:url(/magazine/graphics/buttons/b_arrow_right.gif); }

.gallery .showing ul li p { display:none; }

/*Large Gallery Styles*/
.gallery.large { margin-top:0; }
	.gallery.large .showing ul li { width:482px; }
		.gallery.large .showing ul li p { width:482px; margin-top:-75px; }
	.gallery.large .thumbs_sleeve { height:36px; width:336px; }
	.gallery.large .thumbs ul { padding:0; width:436px; }
	.gallery.large .previousButton, .gallery.large .nextButton { top:14px; }
	.gallery.large .previousButton { left:10px; }
	.gallery.large .nextButton { right:10px; }

.ajax_loading { background:#000 url(/magazine/graphics/ajax_loader.gif) 50% 50% no-repeat; position:absolute; z-index:100; display:none; }
.gallery.large .showing ul li p { height:auto; }
.gallery.large .showing ul li.loaded { background-color: #EBF3F4; }