.ui-modal {
	z-index: 9000;
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
}

/* CSS centering: http://css-tricks.com/centering-in-the-unknown/ */
/* The ghost, nudged to maintain perfect centering */
.ui-modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

.ui-modal .close {
	z-index: 999;
	position: absolute;
	top : 10px;
	right : 10px;
	cursor: pointer;
}


.ui-modal .overlay {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.5);
	width: 100%;
	height: 100%;
}

.ui-modal .content {
	z-index: 999;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

/* FB theme */

.fb.ui-modal.fb {
	top: 50%;
	left: 50%;
	background: rgba(0,0,0, 0.5);
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 16px;
}

.fb.ui-modal .content {
	position: relative;
	background: #eee;
	padding: 8px;
	width: 100%;
	height: 100%;
}

.fb.ui-modal article {
	height: 100%;
}