/* the buttons area */
div.messages-buttons { padding: 0px 20px 8px 50px; }
div.messages-buttons>input { margin: 3px 10px 3px 20px ; }
div.messages-buttons>span { font-weight: bold; }

/* layout of messages per se */
ul.messages {
    list-style-type: none;
    /* a trick so that long lines wrap nicely */
    padding-left: 280px;
    text-indent: -280px;

}
span.messages-date { 
    font-size: 75%;
    width: 200px ;
    float: center;
    padding: 0px 10px 0px 10px;
}

span.messages-level {
    font-size: 90%;
    float: left;
    width: 40px;
}

/* someone please feel free to pick a better set of colors */
li.fatal { background-color: CornflowerBlue;}
li.error { background-color: Coral; }
li.warning { background-color: Gold; }
li.info { background-color: LightGreen; }
li.debug { background-color: Azure; }