.msgbox {
	font-size: 1.4em;
    line-height: 1.4em;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 0px #999;
	color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px; 
    box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 15px;
    background: #FFF url(images/background.png) repeat-x left bottom;
    padding-bottom: 55px !important;
}

.msgbox-content {
	background: no-repeat url(images/info.png) 15px 10px;
	padding: 0px 0px 0px 0px;
	margin: 0em;
}

.msgbox-content.alert {
	background-image: url(images/alert.png);
}

.msgbox-content.info {
	background-image: url(images/info.png);
}

.msgbox-content.error{
	background-image: url(images/error.png);
}

.msgbox-content.confirm {
	background-image: url(images/confirm.png);
}

.msgbox-content.prompt {
	background-image: url(images/question.png);
}

.msgbox-message {
    height: auto;
    min-height: 80px;
    zoom: 1;
	padding: 20px 20px 20px 100px;
}

.msgbox-buttons {
    padding: 15px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.msgbox input {
    display: block;
    padding: 3px 2px;
    border: 1px solid #DDD;
    margin: 3px 0 6px 0;
    width: 95%;
}

.msgbox-buttons button{
    padding: 3px 5px;
}


/*
* PERSONALIZAÇÃO
*/


@media (max-width: 360px){
    .msgbox {
        max-width: 330px;
    }
}

@media (max-width: 320px){
    .msgbox {
        max-width: 290px;
    }
}