Facebook overlay + styles

gistfile1.html

<style type="text/css">
.facebox {position:absolute;top:400px;left:50%;margin-left:-260px;margin-right:0;margin-bottom:0;background-color:rgba(82, 82, 82, 0.699219);border-radius:8px;color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;font-size:11px;height:180px;padding:10px;width:500px;z-index:1234;visibility:hidden;}
.facebox_title {position:absolute;top:9px;left:9px;width:480px;height:17px;padding:7px 10px 5px 10px;font-size:14px;font-weight:bold;color:#fff;background-color:#6D84B4;border:1px solid #3B5998;border-bottom-style:none;z-index:500;}
.facebox_content {position:relative;width:500px;height:180px;background-color:#fff;overflow:hidden;outline:1px solid #666;padding:0;}
.facebox_content_details {position:absolute;top:29px;width:460px;height:183px;background-color:#fff;overflow:auto;padding:20px;font-size:11px;}
.facebox_footer {position:absolute;bottom:0;left:0;width:480px;height:27px;padding:10px;background-color:#f2f2f2;border-top:1px solid #ccc;z-index:500;}
.facebox_button {position:absolute;bottom:10px;right:10px;width:auto;height:auto;border:1px solid #29447E;border-bottom-color:#1A356E;-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 0px 0px;}
.facebox_button_content {width:auto;height:13px;padding:5px 7px 6px 7px;background-color:#5B74A8;border-top:1px solid #8a9cc2;font-size:13px;font-weight:bold;color:#fff;line-height:13px;cursor:pointer;}
</style>

<div class="facebox" id="msgspc">
	<div class="facebox_title">
		Title
	</div>
	<div class="facebox_content">
		<div class="facebox_content_details" id="msgspc_message">
			
		</div>
		<div class="facebox_footer">
			<div class="facebox_button">
				<div id="msgspc_close" class="facebox_button_content">
					Close
				</div>
			</div>
		</div>
	</div>
</div>