﻿
#modalContainerDiv {
	background-color:#758DAE;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#modalContainer 
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:250px;
	border:1px solid #535C60;
	border-top:none;	
	background:#ffffff;	
	color:#ff0000;	
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 12px verdana,arial;
	background:#67757A;
	color:#FFF;
	border-bottom:1px solid #535C60;
	padding:5px 0 5px 5px;
}

#alertBox p {
	font:11px verdana,arial;
	/*height:100px;*/
	padding-left:10px;
	margin-left:0px;	
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #979d9f;
	width:50px;
	font: 12px verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff;
	background:#4a575c url(../images/buttonBg.jpg) repeat-x top left;
	text-decoration:none;
	cursor:pointer;		
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:11px verdana,arial;
}

h1,h2 {
	margin:0;
	padding:4px;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}
