@font-face {
    font-family: 'fontello';
    src: url('/skins/dvhn/css/fonts/fontello.eot');
    src: url('/skins/dvhn/css/fonts/fontello.eot#iefix') format('embedded-opentype'),
         url('/skins/dvhn/css/fonts/fontello.woff') format('woff'),
         url('/skins/dvhn/css/fonts/fontello.ttf') format('truetype'),
         url('/skins/dvhn/css/fonts/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.premium-overlay-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1000000; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s; -o-transition: visibility 0s linear 0.5s, opacity 0.5s; transition: visibility 0s linear 0.5s, opacity 0.5s; }
.premium-overlay .premium-overlay-mask { opacity: 0.65; visibility: visible; -webkit-transition: visibility 0s, opacity 0s; -moz-transition: visibility 0s, opacity 0s; -o-transition: visibility 0s, opacity 0s; transition: visibility 0s, opacity 0s; }
.ielegacy .premium-overlay-mask { filter: alpha(opacity=65); }

.premium-overlay-frame { position: fixed; top: 50%; left: 50%; width: 730px; background-color: #fff; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000001; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s; -moz-transition: visibility 0s linear 0.5s, opacity 0.5s; -o-transition: visibility 0s linear 0.5s, opacity 0.5s; transition: visibility 0s linear 0.5s, opacity 0.5s; }
.premium-overlay .premium-overlay-frame { opacity: 1; visibility: visible; -webkit-transition: visibility 0s, opacity 0s; -moz-transition: visibility 0s, opacity 0s; -o-transition: visibility 0s, opacity 0s; transition: visibility 0s, opacity 0s; }
.ielegacy .premium-overlay-frame { margin-left: -365px; top: 30px; }
 .premium-overlay-frame a.close { position: absolute; right: 15px; top: 12px; margin: 10px; font-family: 'fontello'; font-size: 12pt; line-height: 16px; }
 .premium-overlay-frame a.close:hover { text-decoration: none; }
  .premium-overlay-frame a.close:before { content: '\e800'; color: #444; }
 .premium-overlay-frame h1 { margin: 15px 60px 15px 30px; color: #444; font-size: 24pt; font-weight: normal; }
  .premium-overlay-frame h1.plus:before { content: ' '; display: inline-block; width: 55px; height: 22px; margin-right: 15px; background: url('../gfx/premium/dvhn-plus-mid.png') no-repeat; }
 .premium-overlay-frame figure { position: relative; margin: 0; }
  .premium-overlay-frame figure img { vertical-align: middle; }
  .premium-overlay-frame figure h1 { position: absolute; bottom: 0; left: 0; right: 0; margin-right: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00000000, endColorstr=#ff000000)"; background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); -o-background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); margin: 0; padding: 5px 30px 15px; color: #fff; text-shadow: 0 0 1px #888; }
  .premium-overlay-frame figure a.close { right: 0; top: 0; }
   .premium-overlay-frame figure a.close:before { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
 .premium-overlay-frame .lead { position: relative; margin: 15px 30px 30px; font-size: 12pt; line-height: 24px; color: #666; }
 .ielegacy .premium-overlay-frame .lead { margin-bottom: 15px; }
  .premium-overlay-frame .lead:before { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -19px; margin-top: 13px; width: 36px; height: 36px; border: 1px solid #ddd; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #fff; z-index: 1; }
  .premium-overlay-frame .lead:after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -4px; margin-top: 30px; border: 4px solid #fff; border-top-color: #ddd; z-index: 1; }
  .ielegacy .premium-overlay-frame .lead:before { content: none; }
  .ielegacy .premium-overlay-frame .lead:after { content: none; }
   .premium-overlay-frame .lead p + p:last-child:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); -o-background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); }
 .premium-overlay-frame .footer { position: relative; padding: 30px 30px 15px; background-color: #ddd; color: #666; height: 100px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; overflow: hidden; }
 .ielegacy .premium-overlay-frame .footer { padding-top: 15px; }
  .premium-overlay-frame .footer a { font-weight: bold; color: #444; }
  .premium-overlay-frame .footer .info { display: inline-block; width: 350px; font-size: 10pt; line-height: 20px; vertical-align: top; }
  .premium-overlay-frame .footer.noauth .info { width: 660px; }
   .premium-overlay-frame .footer .info h2 { font-size: 12pt; font-weight: normal; color: #444; }
  .premium-overlay-frame .footer .auth { display: inline-block; width: 250px; margin-left: 60px; }
  .premium-overlay-frame .footer.noauth .auth { display: none; }
   .premium-overlay-frame .footer .auth button { display: block; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3ec000, endColorstr=#238c00)"; -webkit-background-image: linear-gradient(#3ec000, #238c00); -moz-background-image: linear-gradient(#3ec000, #238c00); -o-background-image: linear-gradient(#3ec000, #238c00); background: linear-gradient(#3ec000, #238c00); border: none; padding: 15px 0; text-transform: uppercase; color: #fff; font-size: 12pt; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; cursor: pointer; }
   .premium-overlay-frame .footer .auth iframe { width: 250px; height: 192px; border: none; overflow: hidden; background-color: #ebebeb; }
   .premium-overlay-frame .footer .auth span { display: block; text-align: center; margin-top: 10px; font-size: 10pt; }
   .premium-overlay-frame .footer .properties { display: none; }

@media screen and (max-height: 850px) {
    .premium-overlay-frame { position: absolute; top: 30px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}