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

.gallery { margin:0 0 17px; }
	.gallery img { display:block; }
	.gallery ul li { background:none transparent; }

.gallery .showing { background:#E5E3DE }
.gallery .showing ul { margin:0; padding:10px 7px; }
	.gallery .showing ul li { display:none; margin:0; padding:0; list-style:none; }
		.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:0; width:468px; }
			.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 69px 8px 71px; border:solid #747474; border-width:1px 1px 1px; width:340px; }
	.gallery .thumbs_sleeve { width:340px; height:36px; 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 25px 0 0; padding:0; background:#000; list-style:none; }

.gallery .previousButton, .gallery .nextButton { cursor:pointer; position:absolute; top:14px; display:block; width:26px; height:26px; text-indent:-9999px; background:no-repeat 0 0; }
.gallery .previousButton { left:7px; background-image:url(/magazine/graphics/buttons/b_arrow_left.gif); }
.gallery .nextButton { right:7px; 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; }
	.gallery.large .showing ul li p { height:auto; }
	.gallery.large .showing ul li.loaded { background-color:#EBF3F4; }*/

.ajax_loading { background:#000 url(/magazine/graphics/ajax_loader.gif) 50% 50% no-repeat; position:absolute; z-index:100; display:none; }