/* CSS Document */
/*  Modified  Jan 2010
Not using any of the "div#'s" but must maintain all for code to work*/
/** {
font-family:arial;
font-size:11pt;
}*/
div#show { 
/*border:1px solid #ff0033;
background-image:url(/transparent.gif); background-repeat:no-repeat;
margin:0 auto; position:absolute;
width:512px;
height:264px; location, resizable, scrollbars"*/

}
div#show img {
vertical-align:middle;
}
div#show table td {
	vertical-align:middle;

/*height:0px;
background-image:url('38.gif');*/
}
div#show table input {
outline-style:none;
}
/* This class is for the <<  Stop/Play >>  btns. Currently is configured to allow descriptions.  Margin-top is what changes the distance
between image and btns/words.  Look in js for this class */
.btns {
	font-family: Arial, Helvetica, 
sans-serif;
	color: #000000;
	background-color: #ffffff;
	border: 0px;
}
/*THIS IS THE CONTAINER Div For images, also see fadeswap.js "Border and Background colors of images...
js Code generates table and td. FOr further fadeswaps define additional duv ids if they are different
*/
div#swapImg {
	/*left:165px;*/
	border: 0px;
	width:100%;
	height:100%;
}
div#swapImg table {
	width:100%;
	height:100%;
	border: 0px;
}
div#swapImg table td {
	text-align:center;
	vertical-align:middle;
}
div#swapImg img {
	/*width:250px;*/
}
/* This class is to effect the description of the image.  Again, Margin top is key.  Look in js for "writes description..." for this class*/
.descript {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #630021;
	filter: Glow(Color=#FFFFFF, Strength=2);
	text-shadow: 0 0 3px #FFFFFF,0 0 6px #FFFFFF,0 0 12px #FFFFFF;
	text-shadow: 0 0 3px #FFFFFF,0 0 6px #FFFFFF,0 0 12px #FFFFFF;
	vertical-align: top;
	border: 0;
	text-align:center;
	position: relative;
	bottom:60px;
	left:0px;
	z-index:100;
	height:60px;
	padding:10px 10px 10px 10px;
	background-image:url(/Art/bgBlue.png);
}
/*keep intact for IE
[if IE]>
div#show3 table td, div#show4 table td {
height:0px;
}

<![endif]*/