/* ------------------------------------------------------
	Simple Slide Show
	Development CSS file.
	(c) 2008 by Dihedrals Group Ltd. All rights reserved.
-------------------------------------------------------*/


.dwa-slideShowModel {
	border: 1px black solid;
	width: 640px;
	min-height: 120px;
	clear: both;
	position: absolute;
	top: 420px; left: 0;
	text-align: left;
	background-color: rgb(90%,90%,90%);
	z-index: 2000;
}

.dwa-SlideShowAdminBox {
	background-color: rgb(30%,30%,30%);
	color: white;
	padding: 10px 25px 10px 25px;
}
	.dwa-SlideShowAdminBox h3 {
		color: white;
		text-align: center;
		margin: 0 0 5px 0;
		padding-bottom: 3px;
		border-bottom: 2px rgb(35%,35%,35%) solid;
	}
	.dwa-SlideShowAdminBox label {
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
		display: block;
	}
	.dwa-SlideShowAdminBoxBtns {
		float: right;
		text-align: right;
		width: 70px;
	}
	.dwa-SlideShowAdminBoxBtns input {
		border: 2px outset buttonface;
		width: 70px;
		margin: 0 0 5px 0;
	}

.dwa-SlideShowImage {
	border: 1px black solid;
	margin: 5px 10px;
	width: 110px;
	height: 110px;
	text-align: center;
	vertical-align: baseline;
	padding: 5px;
	float: left;
	display: inline;
	background-color: rgb(90%,90%,90%);
}
	.dwa-SlideShowImage img {
		width: 100px;
		height: 100px;
	}

	

	

/* 
	This is the temp cover that holds the next image being
	revealed by the slide show.
	Must be absolute positoned, and parent absolute/relative. 
*/
#slideShowBox .dwa-simpleSlideShowTransitionCover {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}