/* slides.css  12/23/2007 (c) gene dumas
	for slideshow.htm
*/

body {
  padding: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  background-color: #a0a0ff;
  /* opacity: 0.934;*/
}

#menu {
	float: left;
	position:relative;
	/*top:85%;*/
	text-align: center;
	width: 100%;
}

#overlay { /* Whole Page*/
	position: relative;
	/*top: 0;	left: 0;*/
	width: 100%;
	height: 100%;/* z-index: 90;	background-color: #000;*/
}

#showframe {
	background-color: #a0a0ff;
	color: yellow;
	float: left;
	position: relative;
	/*position:  absolute; fixed;	height:85%;
	width:85%;
	width: auto;
	height: auto;
	top: 20%;
	bottom: auto;*/
	/*left: 10em;	right: 0;*/
	text-align: center;
	width: 100%;
}

.slide {
 /* Class for image Controls size of photo in the showframe */
  border: 1px groove black;
  /*background-color: black;   auto;  height: 40%;*/
  width: 92%;
}
#slide1 {
	margin: 8px;

}
@media screen and (min-width: 40.5em) {
	.slide {
  	border: 2em groove white;
		background-color: black;
	}
	/* img.show { width: 800px; } This stops Zoom from working. */
	#slide1 {
		margin: 0 10% 0 10%;
		width: 80%;
	}
}


#pagetitle1 {
font-weight: bold; font-size: xx-large;
font-family: 'comic sans ms';
z-index: 7; color: #ff00ff;
position: absolute; top: 15px; left: 50%;
}

.copyright {
color: #FF0000; /* #666666; #cde7a8*/
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
/*text-align: right;*/
}

.infoclass {
padding-left: 5em;
padding-bottom: 1em;
padding-right: 5em;
padding-top: 1em;
color: blue;
background-color: white;
/* border: thin solid red;
border-width:thin medium thin thick;
border-color: green red white blue; */
}

.infoclassoff {
background-color: #a0a0ff;
}

.right {
padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
padding-left: 0px; width: 43%; margin-right: 6px;
float: right;
/*background: #c3c8c3;*/
}

/* Begin the updatebar div */

#updatebar {
	background-color:#4d4d4d;
	color:#dddddd;
	font-family:Arial;
	font-size:larger;
/* left:200px; width:420px; top: 43px;*/
	padding:5px;
	position:absolute;
	text-align:center;
	z-index:3;
}

#barbg {
left: 50px; width:300px; position: absolute; top: 50px;
height: 20px; background-color: #dddddd;
}
 
#bar {
left: 50px; width: 1px; position: absolute; top: 50px;
height: 20px; background-color: #000000;
}

#percent {
position: absolute;
top: 50px;
left:50%;/* left: 330px; */
color: #bbbb00; background-color: #ffff00;
font-weight:bold; text-align:center;
}

#stat {
float:right;
color: #ffffff;font-family: arial, verdana;
font-weight:bold;
}

#donemsg {
/*left: 620px; position: absolute; top: 50px;*/
position: relative;
}

/* end for updatebar divs */