#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

	#facebox .popup {
		position: relative;
	}


.fboxbody {
	padding: 10px;
	background: #fff;
	position: relative;
	-ms-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
}

.fbx-l:after, .fbx-l:before {
	left: 3%;
}

.fbx-c:after, .fbx-c:before {
	left: 50%;
}

.fbx-r:after, .fbx-r:before {
	left: 95%;
}

.fbx-a:after, .fbx-a:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.fbx-a:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 14px;
	margin-left: -14px;
}

.fbx-a:before {
	border-color: rgba(153, 153, 153, 0);
	border-bottom-color: #999;
	border-width: 17px;
	margin-left: -17px;
}


#facebox .loading {
	text-align: center;
}


#facebox .header {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: right;
}

#facebox .pointer-center {
	background-image: url('/images/facebox/top-border.gif');
	background-repeat: repeat-x;
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.facebox_hide {
	z-index: -100;
}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
}

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

.fboxfoot {
	padding: 6px;
}

	.fboxfoot > span {
		font-family: Arial;
		color: #808080;
		font-size: 14px;
		cursor: pointer;
	}