@import url(reset.css);
* {margin:0; padding:0; font-size:13px;outline:none;}
body { background:url('../img/backgrn2.jpg') top center no-repeat;background-color:#212e49; }
.mail_body { width:790px; height:900px; margin:0 auto; position:relative;}
.content {margin:0 auto 30px auto; background:#ffffff; width:710px; height:780px; border:1px solid white; border-radius:4px; box-shadow: 0 0 4px rgba(0,0,0,0.5); overflow:hidden; padding-top:72px;
background-color:#faf8f6; position:relative;}
.panel {width:780px; height:57px; background:url('../img/panel.png') center; position:absolute; top:166px; left:5px; right:5px;z-index:3;text-align:center;}
.panel h1 {display:block; position:relative; margin:0 auto; top:14px; font: bold  19px Verdana; color:#ffffff; text-shadow: 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 
0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.logo {width:550px; height:165px;background:url('../img/logo.png') center 8px no-repeat; margin:0 auto; }
.playng {position:absolute; height:100px; width:712px; background-color:#155977;top:215px; left:39px; right:39px;z-index:2;text-align:center;}
.playng  h3 {font: bold  19px Verdana; color:white; position:relative; top:37px;max-width:580px; display:block; margin:auto;}
.playng p {position:absolute; font:bold 15px Verdana; right:6px; top:75px; color:#7192a4;}
.img {width:240px; height:240px; position:absolute; top:205px; right:25px; background-color:white; border:1px solid white; border-radius:5px;
box-shadow: 0 0 4px rgba(0,0,0,0.5);z-index:4; overflow:hidden;}
.playlist {width:535px !important; height:800px; border:1px solid white; border-radius:5px;  background-color:white; position:absolute !important; top:181px !important; left:52px; padding:0 !important;}
.scrolllist{width:535px; height:640px;background-color:white;overflow:auto;  margin-top:30px; padding-bottom:10px;}
.scrolllist  il {margin:0 0 20px 30px;}
.scrolllist  ul {list-style: square outside !important; padding-left:14px;}
.statplaylist{width:127px; height:17px; background-color:#155977;position:absolute; top:347px; left:92px;z-index:6;border:1px solid #155977; border-radius:4px 0 4px 0;color:white;
text-align:center; padding-top:4px;font: bold  12px Verdana;}
.info{display:block; position:absolute; right:18px; top:13px;width:30px; height:30px;background:url('../img/info.png') no-repeat;}
.info:hover{background:url('../img/info.png') -30px 0 no-repeat;}
.note{display:block; position:absolute; left:20px; top:14px;width:28px; height:29px;background:url('../img/note.png') no-repeat;}
.note:hover{background:url('../img/note.png') -30px 0 no-repeat;}
.play {display:block; position:absolute; left:12px; top:19px;width:50px; height:66px; background:url('../img/play.png') no-repeat;}
/*.play:hover {background:url('../img/play.png') -52px 0 no-repeat;}*/
.sidebar { position:relative; left:-332px; font: bold  34px Verdana;-webkit-transform: rotate(270deg); transform: rotate(270deg); -ms-transform: rotate(270deg);z-index:7; bottom:-56%;color:#051b3b; text-align:center; padding-left:40px;}
.mu3128 {display:block; width:31px; height:14px; position:relative;  right:5px; color:#155977; text-decoration:none; font:bold 13px Verdana;}
.mu3128 p{font:bold 10px Verdana; padding:0; margin:0; display:inline;}
.mu3128 p:hover{font:bold 10px Verdana;}
.mu3128:hover{text-decoration:underline; color:#227295;}
.sidebar span{display:inline-block; background:url('../img/list.png') right -2px no-repeat; width:63px; height:34px;}

.xspf {display:inline-block; width:36px; height:39px; position:relative; top:5px; background:url('../img/xmls.png') no-repeat;}
.xspf:hover{background:url('../img/xmls.png') -36px 0 no-repeat;}
.cpyright {position:absolute; background:url('../img/soroka_.png') top right no-repeat; width:170px; height:14px; right:37px; padding:19px 8px 0 0; bottom:-133px; font: bold 8px Verdana; color:white; text-align:right;}