/*BEGIN: error, success, warning error message styles */
div.err-msg-c, div.success-msg-c, div.warn-msg-c, div.info-msg-c, div.help-msg-c {
   position: relative;
   font-size: 12px;   
}
div.err-msg-c{
   color: #d80505;
   background: #ffdfdf url('../im/shp.messagePanel/err-b.png') no-repeat 20px 10px;
   border: 1px solid #d80505;
}
div.success-msg-c{
   color: #008000;
   background: #c9e9c9 url('../im/shp.messagePanel/success-b.png') no-repeat 20px 10px;
   border: 1px solid #008000;
}
div.warn-msg-c{
   color: #000000;
   background: #fff9d2 url('../im/shp.messagePanel/warn-b.png') no-repeat 20px 10px;
   border: 1px solid #ebbd0d;
}
div.info-msg-c {
   color: #000000;
   background: #e4eefc url('../im/shp.messagePanel/info-b.png') no-repeat 20px 10px;
   border: solid 1px #bbd9ee;
}
div.help-msg-c {
   color: #000000;
   background: #e4eefc url('../im/shp.messagePanel/help-b.png') no-repeat 20px 10px;
   border: solid 1px #bbd9ee;
}
/* BEGIN: inner ul list styles */
div.err-msg-c ul, div.success-msg-c ul, div.warn-msg-c ul, div.info-msg-c ul, div.help-msg-c ul {
   background: transparent;  
   color: #d80505;
   padding:0px;
   list-style: none;
}
div.success-msg-c ul {color: #008000; }
div.warn-msg-c ul { color: #000000; }
div.info-msg-c ul { color: #000000; }
div.help-msg-c ul { color: #000000; }

div.err-msg-c ul li, div.success-msg-c ul li, div.warn-msg-c ul li, div.info-msg-c ul li, div.help-msg-c ul li{
   background: transparent url('../im/shp.messagePanel/err-s.png') no-repeat 0px 2px;
   margin: 0px;
   padding: 0 0 5px 22px;
   /*line-height: 20px;*/
   zoom: 1; /* damn ie6 requires this ahhhhh! */
}
div.success-msg-c ul li{ background-image: url('../im/shp.messagePanel/success-s.png'); }
div.warn-msg-c ul li{ background-image: url('../im/shp.messagePanel/warn-s.png'); }
div.info-msg-c ul li{ background-image: url('../im/shp.messagePanel/info-s.png'); }
div.help-msg-c ul li{ background-image: url('../im/shp.messagePanel/help-s.png'); }
/* END: inner ul list styles */

div.msg-default, div.msg-small {margin: 10px; padding: 25px 10px 10px 80px;}
div.msg-small {padding: 25px 10px 30px 80px;}
div.err-msg-c span.close, div.success-msg-c span.close, div.warn-msg-c span.close, div.info-msg-c span.close, div.help-msg-c span.close {
   background: transparent url('../im/shp.messagePanel/eswih-close-btn.png') no-repeat 0px 0px;
   display: block;
   position: absolute;
   text-indent: -99999px;
   overflow: hidden;
   height: 16px;
   width: 16px;
   top: 5px;
   right: 10px;
   cursor: pointer;
   float: right;   
}
div.success-msg-c span.close { background-position: 0px -16px; }
div.warn-msg-c span.close { background-position: 0px -32px; }
div.info-msg-c span.close { background-position: 0px -48px; }
div.help-msg-c span.close { background-position: 0px -48px; }
/*END: error, success, warning error message styles */

/*BEGIN: error, success, warning error single-line message styles */
div.err-msg-single, div.success-msg-single, div.warn-msg-single, div.info-msg-single, div.help-msg-single {   
   background: #ffdfdf url('../im/shp.messagePanel/err-s.png') no-repeat 10px center;  
   border: 1px solid #d80505;
   color: #d80505;
   margin: 10px;
   padding: 5px 5px 5px 30px;   
}
div.success-msg-single {
   background: #c9e9c9 url('../im/shp.messagePanel/success-s.png') no-repeat 10px center; 
   border: 1px solid #008000;    
   color: #008000;    
}
div.warn-msg-single {
   background: #fff9d2 url('../im/shp.messagePanel/warn-s.png') no-repeat 10px center; 
   border: 1px solid #ebbd0d;
   color: #000000;   
}
div.info-msg-single {
   background: #e4eefc url('../im/shp.messagePanel/info-s.png') no-repeat 10px center; 
   border: 1px solid #bbd9ee;
   color: #000000;   
}
div.help-msg-single {
   background: #e4eefc url('../im/shp.messagePanel/help-s.png') no-repeat 10px center; 
   border: 1px solid #bbd9ee;
   color: #000000;   
}
/*END: error, success, warning error single-line message styles */
/* BEGIN: Validation */
div.val-sum-c {
   margin: 10px;
   position: relative;
}
div.val-sum-c ul {   
   background: #ffdfdf;
   border: 1px solid #d80505;
   color: #d80505;
   padding: 5px 0px;
   list-style: none;
}
div.val-sum-c li, ul.msg-val-sum li {
   margin: 0 20px;
   padding: 5px 0 2px 22px;   
   background: transparent url('../im/shp.messagePanel/err-s.png') no-repeat 0px 5px;
   zoom: 1; /* damn ie6 requires this ahhhhh! */
}
div.val-sum-c div span.close{
   display: block; 
   position: absolute;
   text-indent: -99999px; 
   overflow: hidden;
   height: 16px;
   width: 16px;
   top: 5px;
   right: 10px;
   cursor: pointer;   
   float: right;
   background: transparent url('../im/shp.messagePanel/eswih-close-btn.png') no-repeat 0px 0px;
}
/* END: Validation */
/* BEGIN: jGrowl message styles */
div.jGrowl div.err, div.jGrowl div.success, div.jGrowl div.warn, div.jGrowl div.info, div.jGrowl div.help  {   
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;   
   /*opacity: 0.9;
   filter: alpha(opacity = 90);*/
   width: 270px;
   height: 90px;
   overflow: hidden;   
   font: normal normal 13px Tahoma;
   background: #ffdfdf url('../im/shp.messagePanel/err-b.png') no-repeat 20px 10px; 
   border: 1px solid #d80505;
   color: #d80505;
}
div.jGrowl div.success { 
   background: #c9e9c9 url('../im/shp.messagePanel/success-b.png') no-repeat 20px 10px;
   border: 1px solid #008000;
   color: #008000;  
}
div.jGrowl div.warn { 
   background: #fff9d2 url('../im/shp.messagePanel/warn-b.png') no-repeat 20px 10px; 
   border: 1px solid #ebbd0d;
   color: #000000;
}
div.jGrowl div.info { 
   background: #e4eefc url('../im/shp.messagePanel/info-b.png') no-repeat 20px 10px; 
   border: 1px solid #bbd9ee;
   color: #000000; 
}
div.jGrowl div.help { 
   background: #e4eefc url('../im/shp.messagePanel/help-b.png') no-repeat 20px 10px; 
   border: 1px solid #bbd9ee;
   color: #000000; 
}

div.jGrowl div.err div.message, div.jGrowl div.success div.message, div.jGrowl div.warn div.message, div.jGrowl div.info div.message, div.jGrowl div.help div.message {
   padding: 0px 0px 0px 70px;
}
 div.jGrowl div.err div.close, div.jGrowl div.success div.close, div.jGrowl div.warn div.close, div.jGrowl div.info div.close,  div.jGrowl div.help div.close {   
   background: transparent url('../im/shp.messagePanel/eswih-close-btn.png') no-repeat 0px 0px;
   padding: 5px;
   color: transparent;
   padding: 0;
   margin: 0 0 0 10px;
   width: 16px;
}
div.jGrowl div.success div.close { background-position: 0 -16px; }
div.jGrowl div.warn div.close{ background-position: 0 -32px; }
div.jGrowl div.info div.close { background-position: 0 -48px; }
div.jGrowl div.help div.close { background-position: 0 -48px; }
/* END: success, warning, error jGrowl message styles */

/* slightly enhanced, universal clearfix hack ::: http://perishablepress.com/press/2008/06/18/css-hackz-series-clearing-floats-with-the-clearfix-hack/ */
.msg-c-clearfix:after{ visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}.msg-c-clearfix{ display:inline-block}
/* start commented backslash hack \*/
* html .msg-c-clearfix{ height:1%}
.msg-c-clearfix{ display:block}
/* stop commented backslash hack */