jquery - JAlert is being displayed without background color -


i have added jalert plugin asp.net mvc web application, , have included necessary css , images , script.

but problem alert being displayed without background colour , shown below:- enter image description here

the css file is:-

/** * jalert v.1.0.0 * copyright (c) 2008 julian castaneda * http://www.smooka.com/blog/ * requires: jquery 1.2+ */  body{     margin:0px;     padding:0px; }  .msg-box-cont{     color:#000000;       z-index:1014;      position: absolute;     padding:0px;     margin:0px;     display:none;     top:0px; } .msg-box-cont table {     margin:5px;     padding:0px;     border:0px; }  .msg-box-cont a{     color:#000; }  .msg-btn{     width:15px;     height:15px;     cursor:pointer;     position:relative;     padding:0px;     margin:0px;     top:-4px;     background:url(images/msg-close-sprite.gif) no-repeat; } .msg-text{     font-size:12px;     margin-left:4px;     margin-right:4px; }  .msg-icon{     height:16px;     width:16px;     float:left;     top:3px;     margin:0px 8px 0px 2px;     background:url(images/msg-icon-sprite.png) no-repeat; }  .err_msg_cont{     width:100%;     padding:5px;     color:#000000;     margin-left:20px; }   .msg-icon-success{background-position:0px 0px;} .msg-icon-warning{background-position:0px -16px;} .msg-icon-fatal{background-position:0px -32px;} .msg-icon-info{background-position:0px -48px;}  .msg-success{     border:1px solid #009900;     background-color:#c6ffa4; } .msg-success a:hover{     color:#006600; }  .msg-warning{     border:1px solid #ffcc00;     background-color:#ffff99; } .msg-warning a:hover{     color:#ff3300; }  .msg-fatal{     border:1px solid #dd0000;     background-color:#ffb7b7; } .msg-fatal a:hover{     color:#660000; }  .msg-info{     border:1px solid #0159ba;     background-color:#cad3ff; } .msg-info a:hover{     color:#003366; }  .close-success{background-position:0px 0px;} .close-success:hover{background-position:-15px 0px;}  .close-warning{background-position:0px -15px;} .close-warning:hover{background-position:-15px -15px;}  .close-fatal{background-position:0px -30px;} .close-fatal:hover{background-position:-15px -30px;}  .close-info{background-position:0px -45px;} .close-info:hover{background-position:-15px -45px;} 


Comments