@charset "UTF-8";
/* CSS Base */
input.err, .content input.errmsg, select.err, select.errmsg, textarea.err, textarea.errmsg {border:1px solid #DF0000; background-color:#F6CECE; color:#000; margin: 2px;}
 .err, .errmsg, .error-message {color:#DF0000;}
/* Loading */
input.input_loading,input.err.input_loading, textarea.input_loading{background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: right;}

.red {color:#FF0000;}
.green {color:#9dc600;}
.brown {color:#b66d00;}
.black {color:#000;}
.orange {color:#f60;}
.grey {color:#aaa;}
em, dfn{font-style:italic}
form#UserTemplateAddForm {padding:0; margin:0;}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em;}
del{color:#666}
pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}
li ul, li ol{margin:0}
ul, ol{margin:0 1.5em 1.5em 0; padding-left:3.333em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
table{margin-bottom:1.4em; width:100%}
th{font-weight:bold}
thead th{background:#fff}
/*Messages*/
.msg {padding:10px; padding-left:35px; position:relative; top:5px;margin-bottom:10px;}
.msg.warning {background:url(/images/base/icons/generic/ico-warning.gif) 10px 50% no-repeat;}
.msg.info {background:url(/images/base/icons/generic/ico-info.gif) 10px 50% no-repeat;}
.msg.info.repairernote {background:url(/images/base/icons/generic/ico-info.gif) 10px 12px no-repeat;}
.msg.done {background:url(/images/base/icons/generic/ico-done.gif) 10px 50% no-repeat;}
.msg.error {background:url(/images/base/icons/generic/ico-delete.gif) 10px 50% no-repeat;}
.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC; color: #8a6d3b;}
.msg.warning a {color:#8a6d3b;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.warn{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}
/*.msg.announcement { padding-left: 10px; border:2px solid #B8E2FB; background-color:#E8F6FF; } */
.msg.announcement { padding-left: 10px; border:2px solid #9dc600; background-color:#e0f0d9; }

div#flashMessage {background:url(/images/base/icons/generic/ico-info.gif) 10px 50% no-repeat;
                  border:2px solid #B8E2FB; background-color:#E8F6FF;
                  padding:10px; padding-left:35px; position:relative; top:5px;margin-bottom:10px;}
.announcement-text { width: 90%; float: left;}
.announcement-image { width: 10%; float: right;}


/** Table **/
.content table tr.bg td, .content table tr.odd td {background-color:#fdfdfd;}
.content table.tablesorter th.headerSortUp, .content table.tablesorter th.headerSortDown {background-color:#0074b3;}

.content div.legend.consumer_repair, .content div.legend.escalated_repair, .content div.legend.vendor_ra_required, .content div.legend.lost_customer_contact_repair{ width: 10px; height: 10px; margin: 2px; border:1px solid #e0e0e0; float: left; }
.content div.legend.consumer_repair, .content table tr.consumer_repair td { background-color: #e4e1ff; }
.content div.legend.escalated_repair, .content table tr.escalated_repair td { background-color: #FFDDDD; }
.content div.legend.vendor_ra_required, .content table tr.vendor_ra_required td { background-color: #FFFE9A; }

.content div.legend.lost_customer_contact_repair, .content table tr.lost_customer_contact_repair td {background-color: #F5D2A4; }

.content table tr.prority_repairer td, .content div.priority_repairer { background-color: #e4e1ff; }

.content table tr.disabled td { background-color:#ffdddd; }
.content table td.t-center {text-align: center;width:20px;}
.content td.arrow-01 {padding-left:30px; background:url(../images/base/tables/arrow-01.gif) 10px 50% no-repeat;}

table tr td.unsupported {color:#AAA;background-color:#FFF;}
table tr:hover td.unsupported {background-color:#F0F0F0;}

/* fix customer detail address error message layout*/
.err{
    display:block;
}