/**************************************
*          Error Block
*/
#error {
    background: url('../images/error/block_bg.gif') repeat-x;
    margin-bottom: 5px;
}

#error .icon {
    float: left;
    padding-left  : 5px;
    padding-top   : 6px;
    padding-right : 10px;
}

#error .message {
    padding:3px;
    color: white;
    font-weight: bold;
    padding-top: 6px;
}


/**************************************
*         Validation Errors
*/

/* Validation styles */
.invalid {
    position:relative;
    display:inline;
    padding-left:4px;
    height:10px;
    vertical-align:top;
    z-index: 1000;
}

.invalid .warn {
    cursor:pointer;
    cursor:hand;
    margin-top:2px;
    vertical-align:top;
}

.invalid .message {
    display:none;
    color:white;
    width:250px;
    top:-38px;
    left:-243px;
    position:absolute;
    font-weight:bold;
}

.invalid .iframe {
    display:none;
    width:242px;
    top:-38px;
    left:-238px;
    position:absolute;
    font-weight:bold;
}

.invalid .l_edge { width: 4px; }
.invalid .r_edge { width: 7px; }
.invalid .t_edge { height:7px; background-color: #f57e21; }
.invalid .b_edge { height:14px; }

.invalid .tr_edge { background: url("../images/error/tr_edge.gif") no-repeat; }
.invalid .tl_edge { background: url("../images/error/tl_edge.gif") 100% 100% no-repeat; }
.invalid .r_edge  { background: url("../images/error/r_edge.gif") repeat-y; }
.invalid .l_edge  { background: url("../images/error/l_edge.gif") 100% 100% repeat-y; }
.invalid .br_edge { background: url("../images/error/br_edge.gif") no-repeat; }
.invalid .b_edge  { background: url("../images/error/b_edge.gif")  repeat-x; }
.invalid .bl_edge { background: url("../images/error/bl_edge.gif") 100% 0 no-repeat; }

.invalid .text   { width: 100%; padding-left:5px; padding-right:5px; background-color: #f57e21; }

input.error, textarea.error, select.error {
    background-color: #fae8db;
    border-color: #f57e21;
}