.popup {
	position:absolute;
	top:150px;
	left:50%;
	width:700px;
	margin-left:-350px;
	z-index:1000;
}
.popup .border {
	position:absolute;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.3;
	filter:alpha(opacity = 30);
}
.popup a {
	color:#999;
}
.popup .outer {
	position:relative;
	width:100%;
	height:100%;
}
.popup .inner {
	padding:15px;
}
.popup .header {
	background-color:#61765E;
	padding:15px;
	color:white;
	text-align:left;
	font-size:1.8em;
}
.popup .header .title {
	font-size:22px;
	font-weight:bold;
}
.popup .main {
	position:relative;
	background-color:white;
	padding:35px;
	color:#999;
	font-size:1.2em;
	min-height:50px;
}
.popup .error {
	background-color:#FCC;
	border-top:1px solid #F69;
	color:red;
	padding:10px;
}
.popup .ajax-loading {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../image/big-ajax-spinner.gif) no-repeat center center transparent;
	display:none;
}
.popup.loading .ajax-loading {
	display:block;
}
.popup .close {
	position:absolute;
	top:2px;
	right:7px;
	height:30px;
	width:30px;
	background:url(../image/layout/popup-close.png) transparent no-repeat;
	cursor:pointer;
}

/**** Message Box ****/

/* This div is used to store info before popup is loaded */
.messageBox {
	display:none;
}
.popup.message-box {
	width:450px;
	margin-left:-225px;
}
.popup.message-box .header {
	padding:10px;
	font-size:1.4em;
}
.popup.message-box .main {
	padding:20px;
	font-size:1em;
	color:#333;
}