#pop1 {
	width:500px;
	height:300px;
}
#pop2 {
	width:400px;
	height:400px;
}
#popA {
	width:200px;
	height:200px;
}
.popupWindow {
	z-index: 100;
	display:none;
}
.popup_wrap {
	background: #DDD;
	padding: 0 6px 0 4px;
	border: 5px solid #EEE;
	float: left;
	top: 20%;
	left: 50%;
	margin: 0;
	z-index: 100;
}
.popup_wrap .popup {
	float: left;
	background: #FFF;
	margin: 5px 0;
	padding: 10px 0;
	border: 1px solid #BBB;
}
#popupBackground {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	display:none;
}

* html #popupBackground { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px dotted #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.popupClose {
	position: absolute;
	right: -10px;
	top: -10px;
}