@import url('./lib/jquery.jgrowl.min.css');
.af-message-success { background-color: #0f3 !important; }
.af-message-error { background-color: #f00 !important; }
.af-message-info { background-color: #ff3 !important; }
.ajax_form.af_example {width: 100%;}
.ajax_form.af_example .controls input,.ajax_form.af_example .controls textarea {width: 100%;}
.ajax_form .error {color: #f00;}
div.jGrowl div.jGrowl-notification {
	padding:20px;
	width:300px;
}	
@media screen and (min-width: 320px) {
    .ajax_form.af_example .controls button[type="submit"] {
        float: right;
    }
}
@media screen and (max-width: 320px) {
    .ajax_form.af_example .controls button {
        width: 100%;
        margin-top: 5px;
    }
}
@media screen and (max-width: 767px) {
    div.jGrowl {
       top:0;
	   right:0;
	   left:0;
    }
	div.jGrowl div.jGrowl-notification {
	width:auto;
	margin:0;
	opacity: 1;
	border-radius:0;
}
}