﻿/* Demo Pages (static pages in js popup windows as opposed to the modal popup) */
div.DemoWrapper {
	float: left;
	width: 474px;
	margin: 20px 0 30px 0;
}

div.DemoHeaderHolder {
	float: left;
	width: 474px;
	margin-bottom: 15px;
}



div.DemoHeaderHolder a {
	text-decoration: none;
}

div.DemoHeaderHolder span {
	float: left;
	cursor: pointer;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: 1px solid #dbdde0;
}

/* This div is the modal layer that creates the semi-transparent background behind the demo */
div.DemoBG {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background: url(../Images/bg_DemoBackground.gif) repeat-x 0 0;
}

*html div.DemoBG {
	background-image: none;
}

/* This div wraps the div that holds the demo flash player and allows the demo player to be centered horizontally */
div.DemoHolder {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 100;
}

*html div.DemoHolder {
	width: 874px;
	left: 20%;
}

div.CloseBtnHolder {
	width: 874px;
	height: 25px;
	margin: 0px auto;
}

div.CloseBtnHolder a {
	color: #fff;
}

/* This div holds the actual demo flash in the popup overlay */
div.DemoFlashHolder {
	width: 874px;
	height: 594px;
	margin: 0px auto;
}

/*.contentVisible {
	display: block;
}*/

.contentHidden {
	display: none;
}
