#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	margin-top:50px;
	border:2px solid #036;
	background-color:#F2F5F6;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	background-color:#369;
	color:#FFF;
	padding:2px 0 2px 5px;
	font-family: verdana, arial;
	font-size: 14px !important;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

#alertBox p {
	font:12px verdana,arial !important;
	padding-left:5px;
	margin-left:10px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #003;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#369;
	text-decoration:none;
	font-family: verdana, arial;
	font-size: 13px !important;
}

 /* Styling common to both states (add extra styling as needed) */
/* Styling for the default state (add extra styling as needed) */
.textDefault {
  background-color: #fff;
}
/* Styling for the alternate state (add extra styling as needed) */
.textAlternate {
  background-color: #000099;
}