#modalContainer {
    background-color:rgba(0, 0, 0, 0);
    position:absolute;
    width:100%;
    height:100%;
    top:4px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); 
}

#alertBox {
    position:relative;
    width:35%;
    margin-top:250px;
    border:4px solid #FF9900;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 20px 20px 20px;
	icon : Ext.MessageBox.WARNING;
}

#modalContainer > #alertBox {
    position:fixed;
	box-shadow:rgba(0,0,0,0.5) 0 0 0 9999px;
	z-index:100;
}

#alertBox h1 {

    margin:20;
    font:bold 0.9em verdana,arial;
    background-color:#000000;
    color:#FFF;
    border-bottom:0px solid #000;
    padding:0px 0px 0px 0px;
	
}

#alertBox p {
	display:block;
    position:relative;
    margin:5px auto;
    padding:10px;
    text-transform:uppercase;
    text-align:left;
    text-decoration:none;
    font:1.2em verdana,arial;
    height:70px;
}

#alertBox #closeBtn {
    display:inline-block;
    position:right;
    margin:5px;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#FF9900;
    border-radius: 3px;
    text-decoration:none;
}
#mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:1em verdana,arial;
}
#credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px; 
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
}
#credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #ffffff;
    width:80px;
    height:79px;
}
.important {
    background-color:#ffffff;
    padding:2px;
}

code span {
    color:green;
}
#modalContainer2 {
    background-color:rgba(0, 0, 0, 0);
    position:absolute;
    width:100%;
    height:100%;
    top:4px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); 
}

#confirmBox2 {
    position:relative;
	text-align : center;
    width:35%;
    margin-top:250px;
    border:4px solid #FF9900;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 20px 20px 20px;
	icon : Ext.MessageBox.WARNING;
}

#modalContainer2 > #confirmBox2 {
    position:fixed;
	box-shadow:rgba(0,0,0,0.5) 0 0 0 9999px;
	z-index:100;
}

#confirmBox2 p {
	display:block;
    position:relative;
    margin:5px auto;
    text-transform:uppercase;
    text-align:left;
    text-decoration:none;
    font:1.2em verdana,arial;
    height:70px;
    padding:10px;
}

#confirmBox2 #closeBtncno {
    display:inline-block;
    position:center;
    margin:5px;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#FF9900;
    border-radius: 3px;
    text-decoration:none;
}

#confirmBox2 #closeBtncyes {
    display:inline-block;
    position:center;
    margin:5px;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    background-color:#FF9900;
    border-radius: 3px;
    text-decoration:none;
}

#mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:1em verdana,arial;
}
code {
    font-size:1.2em;
    color:#069;
}

#credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px; 
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
}

#credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #ffffff;
    width:70px;
    height:69px;
}
.important {
    background-color:#ffffff;
    padding:2px;
}

code span {
    color:green;
}