﻿.ModalBackground {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: #dae9e6;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.ModalDialog
{
	position:absolute;
	background: #dae9e6;
	border:1px solid #005f5b;
	padding:0px;
	display:none;
	text-align:left;
}

.ModalDialog iframe {
	width:100%;
	height:100%;
	border-width:0;
}

.ModalDialogBody 
{
	padding:0;
	margin:0;
	overflow:hidden;
	text-align:left;
	background: #dae9e6;
	border: 1px solid #fff;
}

.ModalDialogHeader 
{
	height:26px;
	margin:0px;
	width:100%;
	overflow:hidden;
	background-color:#005f5b;
	position: relative;
}

.ModalDialogClose {
	position:absolute;
	right:4px;
	top:4px;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
}
.ModalDialogHeader H2, .ModalDialogHeader H1
{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:0;
	margin-top:6px;
	margin-left:6px;
}
.ModalDialogBody h3 
{
	font-size:11px;
	color: #005f5b;
	margin: 0 0 2px 0;
}
.ModalDialogContent 
{
	padding:0;
}
.modalcontent 
{
	padding: 10px;
}
.modalvideo 
{
	border-bottom: 1px solid #005f5b;	
}
.ModalDialogContent hr 
{
	color:#000;background-color:#000;
}
.



/*define the heights for all modal dialogs*/
#ModalDialogTaf 
{
	height:400px;
	width:400px;
}

#ModalDialogAbuse 
{
	height:250px;
	width:400px;
}

#ModalDialogGuestbook 
{
	height:450px;
	width:450px;

}

#ModalDialogBlog 
{
	height:450px;
	width:450px;
}
#ModalDialogVideo
{
	height:380px;
	width:402px;
}