
body{
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}
.info, .suckks, .frnds,.del, .warning, .error, .validation {
border: 2px dotted;
border-color:black;
margin: 5px 0px;
padding:5px 2px 5px 25px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.suckks {
color: red;
background-color: #EED8AE;
}
.del {
border: 2px dotted;
border-color:black;
color: white;
background-color: brown;
background-image: url('img/ar.png');
width:350px;
margin-left:90px;

}
.del:hover{
background-color: red;
color:white;
}
.frnds {
border: 2px dotted;
border-color:black;
color: white;
background-color: white;
width:290px;


}
.frnds:hover{
font-size:15px;
border: 2px dotted;
border-color:black;
color: white;
background-color: white;
margin-left:5px;
width:290px;
background-image: url('img/ar.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('validation.png');
} 