#fixed-screen {
	/* allow us to easily enable fixed functionality in IE6, see popup-ie.css*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

#floatingframe {
	position:		absolute;
	display:		block;

	background:		#bcc9d8;
	border:			none;
	opacity:   		1;
	filter:         alpha(opacity=100);
	
	z-index:1002;
	overflow:			hidden;
}

#maskingdiv {
	position:		absolute; /* absolute so that we can use css to x-center the floatingframe*/
	display:        block;
	
	left:			0px;
	top:			0px;
	width:          100%;
	height:         100%;
	
	background:		#000;
	opacity:   		.7;
	filter:         alpha(opacity=70);
	
	z-index: 1001;
	overflow:			hidden;
}

#modalContainer {
	background-color:   transparent;
	position:           absolute;
	width:              100%;
	height:             100%;
	top:                0px;
	left:               0px;
	z-index:            10000;
	overflow:			hidden;
}

#alertBox {
	position:           absolute;
	width:              300px;
	min-height:         100px;
	border:             2px solid #000;
	background-color:   #F2F2e2;
}

#modalContainer > #alertBox {
	position:           fixed;
}

#alertBox h1 {
	margin:             0;
	font:               bold 11px verdana,arial;
	background-color:   #E8DEC3;
	color:              #333;
	border-bottom:      1px solid #000000;
	padding:            2px 0 2px 5px;
}

#alertBox p {
	font:               11px verdana,arial;
	text-align:			left;
	height:             50px;
	padding-left:       10px;
}

#alertBox #closeBtn {
	display:            block;
	position:           relative;
	margin:             5px auto;
	padding:            3px auto 10px 0;
	border:             1px solid #000000;
	width:              50px;
	font:               10px verdana, bold;
	text-transform:     uppercase;
	text-align:         center;
	color:              #FFF;
	background-color:   #E8DEC3;
	text-decoration:    none;
}