#alertBox{
	z-index:20001;
	position:absolute;
	text-align:center;
	padding:10px 10px;
	/*background:#f0f0f0;*/
	top:-2000;
	display:none;
    background-image: -moz-linear-gradient(center top , #ebebeb, #e5e5e5);
    border-top: 1px solid #fafafa;
	box-shadow: 1px 1px 7px #999;
    border-radius: 5px;
    min-height: 50px;
	min-width: 300px;
	font-family: "Trebuchet MS";

	left: 50%;
	transform: translateX(-50%);
}

#alertBox * { box-sizing: border-box; }

#alertBox .title{
	margin:0 auto;
	width: 100%;
	display: block;
	white-space: nowrap;
	vertical-align: middle;
	text-shadow: 1px 1px 0px #eee;
	text-align: left;
	padding: 8px 10px 9px 15px;
	cursor: default;
	background: #eee;
	background: linear-gradient(#eee, #ddd);
	color: #888;
	font-family: "Tahoma","Lucida Grande",sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#alertBox .title:after{ clear:both; content: ''; display: block; }
#alertClose{
	z-index:20003;
	height: 22px;
	width: 24px;
	position:absolute;
	right:6px;
	top:0;
	opacity:0.5;
	font-size:24px;
	color: #555;
	cursor:pointer;
}
#alertClose:hover{ opacity:0.8; }
#alertBox .alertInner{
	margin:0 auto;
	display: block;
	padding: 15px;
	font-size: 14px;
	background: #fafafa;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#alertBox .alertInner:after{ display:block; position: absolute; content: ''; clear: both; }
#alertBox .alertButton{
	float: right;
	margin: 8px;
	min-width: 90px;
}
#alertBox .alertButtons{ display:table; margin: 8px auto 18px auto; }
#alertBox .alertButtons .button{ min-width:75px; }
#alertBox DIV.cls{ clear:both; }
#alertBackground{
	content:'';
	z-index: 10000;
	background: #000;
	opacity: 0.3;
	width: 100%;
	overflow:auto;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}