.error-message {
  color: red;
  border-top: 1px #eeb2b2 solid;
  border-bottom: 1px #eeb2b2 solid;    
  padding: 3px 5px 3px 50px;
  background: #ffd9d9 url("img/error.gif") no-repeat center left;
}

.inf-message {
  color: green;
  border-top: 1px #F1FEE2 solid;
  border-bottom: 1px #F1FEE2 solid;    
  padding: 3px 5px 3px 50px;
  background: #F1FEE2 url("img/inf.gif") no-repeat center left;
}

/* BUTTONS */
.buttons {
  text-align: center;
  width: 100%;
  padding-top: 10px;
}

.buttons a, .buttons button {
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}

.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
  color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}

.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* FIELDS */
.box{
  padding:6px;
  margin-bottom: 10px;
  background-color:#f8f7ee;
  color:#505050;
  line-height:1.5em;
  border: 1px solid #e4e4e4;
}

form.application {
  display: inline;
}

form.application input, form.tabular select {
  vertical-align: middle; 
  margin-top: 1px; 
  margin-bottom: 1px;
}

form.application fieldset {
  border: 1px solid #e4e4e4; 
  margin:0;
}

form.application legend {
  color: #484848;
}

form.application label {
  font-weight: bold;
  float: left;
  text-align: right;
  margin-left: -180px;
  width: 175px;
}

form.application p {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px;
  height: 1%;
  clear: left;
}

form.application div.section {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px;
  height: 1%;
  clear: both;
}

form.application div.inLineField {
  padding-right: 10px;
  float: left;	
}

span.required {
  color: #bb0000;
}

form.application small {
  margin-left: 10px;
}

form.application div.section small {
  margin-left: 0px;
}

form.application small.error {
  color: red;
}

small.fieldError {
  color: red;
}
