*{ scrollbar-3dlight-color: #99BFCC; scrollbar-arrow-color: #2F3F45; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #99BFCC; scrollbar-highlight-color: #4C727F; scrollbar-shadow-color: #74B0C5; }
a img{ border: none; }
body{ background-color: #99BFCC; }
body, form { font: .8em "Verdana", Times, serif; margin: 0px; padding: 0px; }
em{ color: #2F3F45; font: italic 1em "Verdana", Times, serif; }
h1{ background: #4C727F url(/i/sarrow.gif) no-repeat left; color: #FFD700; font: bold 2em "Verdana", Times, serif; padding: 0px 0.5em 0.5em 25px; }
h2{ background: #4C727F url(/i/sarrow.gif) no-repeat left; color: #99BFCC; font: bold 1.5em "Verdana", Times, serif; padding: 0px 0.5em 0.5em 25px; }
li{ color: #2F3F45; font: 1em "Verdana", Times, serif; }
p{ clear: both; font: 1em "Verdana", Times, serif; font-weight: bold; margin: 2px 10px 0px 0px; color: #000000;}
ul.song{ font-size: 1em; font-weight: bold; list-style: none; }
ul.song li{ margin-bottom: 5px; }
.album{ border-right: 1px solid #B0E0E6; color: #2F3F45;}
.album a{ color: #2F3F45; display: block; margin-bottom: 5px; padding-left: 20px; text-decoration: none; }
.album a:hover, #content a:hover { background: url(/i/aarrow.gif) no-repeat left; color: #664033; }
.album div{ background: url(/i/aarrow.gif) no-repeat left; margin-bottom: 5px; padding-left: 20px; }
.annotation{ border-right: 1px solid #B0E0E6; color: #2F3F45; padding-left: 10px; }
.annotation a{ color: #2F3F45; display: block; margin-bottom: 5px; padding-left: 20px; text-decoration: none; }
.annotation a:hover, #content a:hover { background: url(/i/aarrow.gif) no-repeat left; color: #664033; }
.annotation div{ background: url(/i/aarrow.gif) no-repeat left; margin-bottom: 5px; padding-left: 20px; }
.alpha{ background: #99BFCC url(../i/ecva.gif) no-repeat 5px; position:absolute; top: 127px; left: 288px; z-index: 2;}
.alphabet{ margin: 0px 10px 0px 10px; }
.alphabet a{ color: #664033; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px 2px 0px 2px; text-decoration: none; }
.alphabet a:hover{ color: #000000; }
.alphabet div{ color: #DC143C; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px 2px 0px 2px; }
.bukv{ color: #804D58; float: left; font-size: 150%; font-weight: bold; margin-right: 10px;  margin-left: 10px;  }
.disk{ background: url(/i/ecva.gif) no-repeat left; font: bold 15px Arial, Helvetica, sans-serif; height: 25px; padding-left: 40px; }
.dot0{ left: 254px; top: -41px; }
.dot1{ left: 263px; top: -6px; }
.dot2{ left: 263px; top: 29px; }
.dot3{ left: 254px; top: 64px; }
.dotno{ left: -1024px; top: -1024px; }
.ecva{ background: url(/i/ecvabig.gif) no-repeat bottom; border-right: 1px solid #4C727F; }
.icon{ border-right: 1px solid #4C727F; }
.rb{ border-right: 1px solid #99BFCC; }
.search{ background: transparent; color: #FFFFFF; font-weight: bold; margin-left: 10px; text-align: center; width: 165px; }
.song span{ color: #2F3F45; }
.texttable, .texttable td { border: 1px solid #4C727F; }
.ttop{ background-color: #4C727F; color: #99BFCC; font: bold 1.2em Arial, Helvetica, sans-serif; padding-left: 10px; }
.Zah{ text-decoration: blink; }
#blueline{ background: transparent url(/i/blueline.gif) repeat-x; }
#choose{ margin-right: 10px; margin-top: 10px; }
#choose input{ border: 1px solid #4C727F; display: block; margin-left: 10px; width: 165px; }
#choose select{ display: block; margin-left: 10px; width: 165px; }
#content{ padding: 10px 10px 10px 10px; }
#content a{ color: #664033; margin-bottom: 5px; padding-left: 20px; text-decoration: none; }
#dot{ color: #4C727F; font: 66px "Times New Roman", Times, serif; position: absolute; z-index: 2; }
#footer{ background-color: #4C727F; color: #FFFFFF; text-align: center;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  }
#footer a{ color: #FFFFFF; margin-left: 15px; margin-right: 15px; text-decoration: none; }
#footer span{ margin-left: 15px; margin-right: 15px; }
#lines{ left: 255px; position: absolute; top: -7px; z-index: 1; }
#logo{ position: absolute; z-index: 1; }
#mmenu{ background: transparent; color: #2F3F45; font: bold 10px/12px Arial, Helvetica, sans-serif; left: 313px; position: absolute; top: 38px; z-index: 1; }
#mmenu a{ behavior: url(/js/dot.htc); color: #2F3F45; display: block; text-decoration: none; }
#slogo{ left: 30px; position: absolute; top: 31px; z-index: 1; }
#top1{ background-color: #4C727F; height: 154px; }
#top2{ background: #99BFCC url(/i/corner.gif) no-repeat 100% 2px; height: 138px; margin-top: 13px; }
#top3{ background-color: #2F3F45; border-bottom: 10px solid #2F3F45; border-right: 2px solid #2F3F45; border-top: 10px solid #2F3F45; color: #99BFCC; font: bold 12px/18px Arial, Helvetica, sans-serif; margin-top: 17px; text-align: left; }
#top3 a{ background: url(/i/sarrow.gif) no-repeat left; color: #99BFCC; display: block; padding: 0px 5px 0px 20px; text-decoration: none; }
#top3 div{ background: #4C727F; padding: 0px 5px 0px 20px; }
#top3 img{ left: 13px; position: relative; z-index: 0; }
.ribbon { 
  z-index: 100;
  position: absolute;
  right: 10px;
  top: 90px;
  background-image: url(/i/ribbon.gif); /* ie :( */
  background-repeat: no-repeat;
  width: 50px;
  height: 64px;
  cursor: pointer;
}
