#modalContainer {
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:10000;
background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
padding:0;
margin:0;
font:12px Arial, Helvetica, sans-serif}

#alertBox {
position:relative;
bottom:50%;
width:300px;
min-height:100px;
height:140px;
overflow:visible;
margin-top:50px;
border:2px solid #000;
display:table
}
.alertBox {background:url(alert.png) no-repeat 20px 30px #F2F5F6}
.confirmBox {background:url(confirm.png) no-repeat 20px 30px #F2F5F6}

#modalContainer > #alertBox {
position:fixed}

#alertBox h2 {
margin:0;
font-size:12px;
background-color:#78919B;
color:#FFF;
border-bottom:1px solid #000;
padding:2px 0 2px 5px}

#alertBox p {
height:50px;
padding:5px 0 0 10px;
margin:0 0 0 55px;
display:table}

#alertBox #alertBtn, #alertBox #okBtn, #alertBox #closeBtn{
display:block;
margin:5px auto;
padding:3px;
border:2px solid #000;
width:70px;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#78919B;
text-decoration:none}

#alertBox #btnBox {
position:relative;
margin:5px 10% 15px 10%;
padding:5px 10% 15px 10%;
}

#alertBox #okBtn {float:left;}
#alertBox #closeBtn {float:right;}