/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-color:black;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #000;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../img/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	/*background-color: #ffffff;*/
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}

#popupTitleBar table {
	background: none;
	border-collapse: collapse;
	border: none;
	width: 100%;
}
#popupTitleBar table * td{
	padding: 0;
	margin: 0;
}
#popupTitleBar * td.center {
	background:  url("../img/popupTitleBarBg.gif");
}


#popupTitleBar * td.left {
	width: 4px;
	background-image: url("../img/popupTitleBarBgI.gif");
}

#popupTitleBar * td.right {
	width: 4px;
	background-image: url("../img/popupTitleBarBgD.gif");
	background-position: right;
	background-repeat: no-repeat;
}

#popupCloseBox {
	float: left;
	cursor: pointer;
	cursor: hand;
}

#popupFooter {
	
}

#popupFooter table {
	background: none;
	border-collapse: collapse;
	border: none;
	width: 100%;
	height: 5px;
}
#popupFooter table * td{
	padding: 0;
	margin: 0;
}


#popupFooter * td.left {
	background-image: url("../img/popupFootI.gif");
	width: 4px;
}

#popupFooter * td.center {
	background-color: #e84f35;
}

#popupFooter * td.right {
	background-image: url("../img/popupFootD.gif");
	width: 4px;
}