<style type="text/css">
/* стиль основного блока jGrowl для почтового уведомления */
.jGrowl .messag_theme {
font-size: 10px;
width: auto;
background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(89,89,89,0.99) 12%, rgba(102,102,102,0.98) 25%, rgba(71,71,71,0.96) 39%, rgba(0,0,0,0.95) 51%, rgba(17,17,17,0.94) 60%, rgba(43,43,43,0.92) 76%, rgba(28,28,28,0.91) 91%, rgba(19,19,19,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(12%, rgba(89,89,89,0.99)), color-stop(25%, rgba(102,102,102,0.98)), color-stop(39%, rgba(71,71,71,0.96)), color-stop(51%, rgba(0,0,0,0.95)), color-stop(60%, rgba(17,17,17,0.94)), color-stop(76%, rgba(43,43,43,0.92)), color-stop(91%, rgba(28,28,28,0.91)), color-stop(100%, rgba(19,19,19,0.9)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(89,89,89,0.99) 12%, rgba(102,102,102,0.98) 25%, rgba(71,71,71,0.96) 39%, rgba(0,0,0,0.95) 51%, rgba(17,17,17,0.94) 60%, rgba(43,43,43,0.92) 76%, rgba(28,28,28,0.91) 91%, rgba(19,19,19,0.9) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(89,89,89,0.99) 12%, rgba(102,102,102,0.98) 25%, rgba(71,71,71,0.96) 39%, rgba(0,0,0,0.95) 51%, rgba(17,17,17,0.94) 60%, rgba(43,43,43,0.92) 76%, rgba(28,28,28,0.91) 91%, rgba(19,19,19,0.9) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(89,89,89,0.99) 12%, rgba(102,102,102,0.98) 25%, rgba(71,71,71,0.96) 39%, rgba(0,0,0,0.95) 51%, rgba(17,17,17,0.94) 60%, rgba(43,43,43,0.92) 76%, rgba(28,28,28,0.91) 91%, rgba(19,19,19,0.9) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(44,44,44,1) 0%, rgba(89,89,89,0.99) 12%, rgba(102,102,102,0.98) 25%, rgba(71,71,71,0.96) 39%, rgba(0,0,0,0.95) 51%, rgba(17,17,17,0.94) 60%, rgba(43,43,43,0.92) 76%, rgba(28,28,28,0.91) 91%, rgba(19,19,19,0.9) 100%);
}
/* стиль шапки блока с приветствием */
.styl1 {
background: rgba(56,154,220,1);
background: -moz-linear-gradient(top, rgba(56,154,220,1) 0%, rgba(56,154,220,1) 50%, rgba(36,126,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,154,220,1)), color-stop(50%, rgba(56,154,220,1)), color-stop(100%, rgba(36,126,229,1)));
background: -webkit-linear-gradient(top, rgba(56,154,220,1) 0%, rgba(56,154,220,1) 50%, rgba(36,126,229,1) 100%);
background: -o-linear-gradient(top, rgba(56,154,220,1) 0%, rgba(56,154,220,1) 50%, rgba(36,126,229,1) 100%);
background: -ms-linear-gradient(top, rgba(56,154,220,1) 0%, rgba(56,154,220,1) 50%, rgba(36,126,229,1) 100%);
background: linear-gradient(to bottom, rgba(56,154,220,1) 0%, rgba(56,154,220,1) 50%, rgba(36,126,229,1) 100%);
color: #fff;
border-radius: 5px 5px 0 0;
font-size: 1.25em;
padding: 0.5em 1em 0.5em 1em;
}
/* стиль блока с ссылками на почтовые сообщения */
.styl2 {
padding: 5px;
margin-top: -10px;
text-align: center;
border-radius: 0 0 5px 5px;
background: rgba(240,240,240,1);
background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(230,230,230,0.8) 47%, rgba(222,222,222,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(47%, rgba(230,230,230,0.8)), color-stop(100%, rgba(222,222,222,0.8)));
background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(230,230,230,0.8) 47%, rgba(222,222,222,0.8) 100%);
background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(230,230,230,0.8) 47%, rgba(222,222,222,0.8) 100%);
background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(230,230,230,0.8) 47%, rgba(222,222,222,0.8) 100%);
background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(230,230,230,0.8) 47%, rgba(222,222,222,0.8) 100%);
}
/* стиль кнопки закрытия */
.styl3 {
background: #3498db;
background: -webkit-linear-gradient(top, #3498db, #2f5a75);
background: -moz-linear-gradient(top, #3498db, #2f5a75);
background: -ms-linear-gradient(top, #3498db, #2f5a75);
background: -o-linear-gradient(top, #3498db, #2f5a75);
background: linear-gradient(to bottom, #3498db, #2f5a75);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
border: none;
font-family: Arial;
color: #ffffff;
cursor:pointer;
font-size: 14px;
padding: 2px 5px;
}
.styl3:hover {
background: #3cb0fd;
background: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background: -moz-linear-gradient(top, #3cb0fd, #3498db);
background: -ms-linear-gradient(top, #3cb0fd, #3498db);
background: -o-linear-gradient(top, #3cb0fd, #3498db);
background: linear-gradient(to bottom, #3cb0fd, #3498db);
cursor:pointer;
}
#messanger1 img {
transition-duration: 0.8s;
transition-property: transform;;
}
#messanger1 img:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
</style>