/* This is the style for the informational messages presented to the user */

div.error, div.message, li.error {
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    margin: 5px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error, li.error {
    border: 2px solid red;
}

/* IE fix, followed by the rest of the world fix */
li.error {
    padding: 3px !important;
}

ul > li.error {
    padding: 0 !important;
}

div.message p, div.message p {
    margin-bottom: 0;
}

img.validationWarning, div.error img.icon, div.message img.icon, li.error img.icon {
    border: 0 !important;
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-left: 3px;
    background: transparent !important;
    /* important added because some themes define div#main img */
}

div.message a {
    background: transparent;
    color: #0000FF;
}

div.message a:visited {
    background: transparent;
    color: #0000FF;
}

div.message a:hover {
    background: transparent;
    color: #008000;
}

div.message a:active {
    text-decoration: underline overline;
}

div.message img.icon {
    vertical-align: middle;
}

span.fieldError, .errorMessage {
    color: red;
    font-size: .95em;
    font-weight: bold;
    display: block;
}

div.grayContent {
    border: 1px solid #CCCCCC;
    height: auto;
    background: #EEEEEE;
    padding: 10px 15px;
    /*
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
     */
    text-align: left;
    line-height: 1.4em;
}

ul.simpleList {
    list-style: s;
    margin: 0;
    padding: 5px 0 5px 20px;
    text-align: left;
}

ul.simpleList li {
    margin: 3px;
    padding: 1px;
}

ul.grayList {
    list-style: s;
    margin: 0;
    padding: 5px 0 5px 20px;
    text-align: left;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
}

ul.grayList li {
    margin: 3px;
    padding: 1px;
}

ul.icoList {
    list-style: url(../images/icono_bulle77.gif);
    margin: 0;
    padding: 5px 0 5px 20px;
    text-align: left;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
}

ul.icoList li {
    margin: 3px;
    padding: 1px;
}

table.clearTable {
    text-align: left;
}

table.clearTable th {
    vertical-align: top;
    text-align: left;
    font-size: 11pt;
}

table.clearTable td {
    vertical-align: top;
    text-align: left;
}

div.ajaxContent {
    position: absolute;
    visibility: hidden;
    border: 1px solid #CCCCCC;
    background-color: white;
    width: 300px;
    padding: 8px;
}