.popup {
    display: none;
}
.my_alert #dialog{
	padding: 30px;
}
.my_alert h3{
	padding-bottom: 0px;
	margin-bottom: 15px;
	line-height: 120%;
}
.my_alert p:not(:last-of-type){
	margin-bottom:15px;
}
.my_alert #dialog:before{    
    font-family: "fontAwesome";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: -20px;
    color: rgba(255,255,255,1);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    font-size: 24px;
}
.my_alert.msg_type_0 h3{color:rgba(51,153,0,1)}
.my_alert.msg_type_0 #dialog:before{content: "\f00c"; background-color: rgba(51,153,0,1);}
.my_alert.msg_type_1 h3{color:rgba(255,182,0,1)}
.my_alert.msg_type_1 #dialog:before{content: "\f12a"; background-color: rgba(255,182,0,1);}
.my_alert.msg_type_2 h3{color:rgba(255,0,0,1)}
.my_alert.msg_type_2 #dialog:before{content: "\f00d"; background-color: rgba(255,0,0,1);}
.my_alert.msg_type_3 h3{color:rgba(255,182,0,1)}
.my_alert.msg_type_3 #dialog:before{content: "\f129"; background-color: rgba(255,182,0,1);}