/*
 DONT MODIFY THIS FILE (unless, of course you want to change all other 
 projects). 
 Instead, import it into your app level stylesheet (includes/styles) as such:

 @import url("../../../stlLib/styles/submodal.css");
*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color:#000;
	opacity:.60;
	/* filter: alpha(opacity=60); */
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #005CBF;
	background-image: url('../images/popup_header.gif');
	color: #FFFFFF;
	font-weight: bold;
	height: 1.3em;
	padding: 1px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	text-indent: 2px;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
}
#popupControls {
	float: right;
	cursor: pointer;
	margin-right: 1px;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('x_icon.gif') no-repeat;
}