.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100;
}
.reveal-modal {
	background: url("modal-gloss.png") no-repeat -200px -80px rgb(238, 238, 238); padding: 30px 40px 34px; border-radius: 5px; left: 50%; top: 100px; width: 520px; margin-left: -300px; visibility: hidden; position: absolute; z-index: 101; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.small.reveal-modal {
	width: 200px; margin-left: -140px;
}
.medium.reveal-modal {
	width: 400px; margin-left: -240px;
}
.large.reveal-modal {
	width: 600px; margin-left: -340px;
}
.xlarge.reveal-modal {
	width: 800px; margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
	top: 8px; right: 11px; color: rgb(170, 170, 170); line-height: 0.5; font-size: 22px; font-weight: bold; position: absolute; cursor: pointer; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
}