/* CSS for lightbox */

	#lightbox {
		clear: both;
	}
	#lightboxButtons {
		float: right;
		margin-top: 0em;
	}
	#lightboxButtons span {
		float: left;
	}
	#lightboxButtons a {
		height: 15px;
		width: 15px;
		text-indent: -9999px;
		font-size: 0px;
		display: block;
		border-bottom: none;
		float: left;
		margin-left: 5px;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	#lightboxButtons a.next-on, #lightboxButtons a.previous-on {
		cursor: pointer;
	}
	#lightboxButtons a.next-on {
		background-image: url( ../images/next.gif);
	}
	#lightboxButtons a.previous-on {
		background: url( ../images/previous.gif);
	}
	#lightboxButtons a.next-off {
		background-image: url( ../images/next-off.gif);
	}
	#lightboxButtons a.previous-off {
		background: url( ../images/previous-off.gif);
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
		/* For Safari, which doesn't need the negative margin */
		#lightboxButtons {
			margin-top: 0;
		}
	}