/* CSS FOR THE MODALS */
/* AUTHOR: BEAU DURRANT */

#modalBackground{
	background-color: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	filter: alpha(opacity=75);
	opacity: .75;
}

#modalWindow{
	padding: 10px;
	z-index: 1000;
	position: absolute;
	color: #000000;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
}

#modalWindow .modalHeader{
	background: url(/Images/modalHeader.png) top center no-repeat;
	padding: 12px 10px 15px 10px;
	text-shadow:0 1px 1px #0d5a87;
}

#modalWindow .modalContent{
	background: url(/Images/modalContent.png) top center repeat-y;
	padding: 10px 7px 0 7px;
}

#modalWindow .buttons{
	background:#e9ebed;
	float:left;
	padding-top:5px;
	text-align:center;
	width:386px;
}

#modalWindow .modalFooter{
	background: url(/Images/modalFooter.png) top center no-repeat;
	padding: 10px;
	width: 400px;
}

#modalWindowClose{
	background: url(/Images/modalClose.png) top left no-repeat;
	cursor: hand;
	cursor: pointer;
	width: 21px;
	text-align: right;
	height: 21px;
}

#modalWindowTitle{
	padding:0 5px;
	width: 300px;
	color: #fff;
	font-family:Arial, sans-serif;
	font-size: 20px;
}

#modalWindowContent{
	width: 100%;
	color: #000;
}

#modalWindowContent table{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}

#modalWindowContent table td{padding:2px 0 2px 10px}

#modalWindowContent hr {
	border:none;
	border-bottom:1px solid #dcdddf;
	border-top:1px solid #f8f8f8;
	color:#f3f3f3;
	margin:10px 0 0 0;
}

.popupBTN {
	background:url(../Images/popup_btn.gif) no-repeat;
	color:#676767;
	display:block;
	font-size:1.2em;
	padding:20px 10px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none;
	height:14px;
	width:157px;
}
.popupBTN:hover {color:#327ec1}

#modalWindowContent .helpVideos td {padding:0}