@charset "utf-8";
/* 
  Red Barnet - Sikkerchat.dk
  -------------
  Main stylesheet
*/
/*=RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
  margin:0;
  padding:0;
}

table
{ 
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img 
{ border:0;}

address,caption,cite,code,dfn,em,strong,th,var 
{ 
  font-style:normal;
  font-weight:normal;
}

ol,ul 
{ 
  list-style:none;
}

caption,th
{ 
  text-align:left;
}

h1,h2,h3,h4,h5,h6 
{ 
  font-size:100%;
  font-weight:normal;
}

q:before,q:after 
{ content:'';}

abbr,acronym 
{ border:0;}

section, article, header, footer, nav, aside, hgroup, video 
{ display:block; }

.clear { clear: both; border: none !important;}
/*=COLORS
@backteal:#5d8a90;
@backblue:#4d88a0;
@backgreen:#999f8c;
@orange:#f86901;
@yellow:#f7ac1c;
@magenta:#be2464;
@teal:#19877e;
@blue:#0192c9;
@purple:#7d1bbc;
@green:#9bb425;
@bluegrey:#65717d;
@grey:#333;
@text:#111;
*/

/*=LAYOUT*/
body {
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:62.5%;
  background:#bbd7e0 url(/Files/System/images/ui/background-blue.jpg) top center repeat-x;
  color:#111;
}
.wrapper {
  width:960px;
  margin:0 auto;
}
  /*=HEADER*/
  header {
    width:1050px;
    left:-45px;
    height:230px;
    background:url(/Files/System/images/ui/header-3.png) right bottom no-repeat;
    padding-top:60px;
    position:relative;
  }
  header h2 a {
    display:block;
    width :144px;
    height:72px;
    text-overflow:hidden;
    position:absolute;
    left:118px;
    top:4px;
  }
  header h2 img {
    display:block;
  }
  header h1 {
    display:block;
    font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
    font-weight:normal;
    background:url(/Files/System/images/ui/header-title.png) right center repeat-y;
    font-size:6em;
    color:#f86901;
    text-transform:uppercase;
    text-shadow:0 0 0.25em rgba(0,0,0,0.25);
    line-height:0.7em;
    padding-top:0.075em;
    position:absolute;
    padding-right:100px;
    right:55px;
    top:160px;
    z-index:2;
  }
  header h1 a {
    -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
  }
  header h1 a:hover {
    text-decoration:none;
    color:#f7ac1c;
  }
    /*=NAV*/
    header nav { 
      position:absolute;
      float:left;
      top:180px;
      left:80px; 
    }
    header nav li {
      display:block;
      float:left;
    }
    header nav a {
      display:block;
      float:left;
      color:#fff;
      font-size:1.2em;
      padding:0.5em;
      -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
    }
    header nav a:hover {
      text-decoration:none;
      color:#f86901;
    }
    header nav img {
      float:left;
      padding-right:5px;
      margin-top:-10px;
    }
    .front header nav { 
      top:145px;
    }
    header nav .Legend a{
     display: inline;
     float: none;
    }
.linkWhite {
  color: white !important;
}
header nav .Legend {
  color: white;
}
    /*=LOGOS*/
    header section {
      background:url(/Files/System/images/ui/header-logo-box.png) center bottom no-repeat;
      width:189px;
      padding:5px 17px 15px 11px;
      position:absolute;
      top:0;
      left:785px;
      overflow:hidden;
      z-index:5;
    }
    header section img {
      display:block;
      float:left;
      margin:0 10px;
    }
    /*=ELEMENTS*/
    header div span { 
      display:block; 
      position:absolute;
      background-position:center center;
      background-repeat:no-repeat;
    }
    header div .characterl {
      background-image:url(/Files/System/images/ui/gfx-character-front-left.png);
      width:60px;
      height:67px;
      top:43px;
      left:78px;
    }
    header div .characterr {
      background-image:url(/Files/System/images/ui/gfx-character-front-right.png);
      width:71px;
      height:100px;
      top:11px;
      left:250px;
    }
    header div .satellite {
      background-image:url(/Files/System/images/ui/gfx-satellite.png);
      width:53px;
      height:46px;
      top:12px;
      left:475px;
    }
    header div .owl {
      background-image:url(/Files/System/images/ui/gfx-owl.png);
      width:28px;
      height:30px;
      top:80px;
      left:600px;
    }
    header div .tree {
      background-image:url(/Files/System/images/ui/gfx-tree-1.png);
      width:174px;
      height:170px;
      top:21px;
      left:590px;
    }
    header div .computer {
      background-image:url(/Files/System/images/ui/gfx-laptop.png);
      width:163px;
      height:152px;
      top:40px;
      left:743px;
    }
    header div .chopper {
      background-image:url(/Files/System/images/ui/gfx-chopper.png);
      width:25px;
      height:31px;
      top:65px;
      left:1000px;
    }
    header div .eyes1 {
      background-image:url(/Files/System/images/ui/gfx-eyes-2.gif);
      width:20px;
      height:11px;
      top:120px;
      left:150px;
    }
    header div .eyes2 {
      background-image:url(/Files/System/images/ui/gfx-eyes-7.gif);
      width:9px;
      height:5px;
      top:125px;
      left:180px;
    }
    header div .eyes3 {
      background-image:url(/Files/System/images/ui/gfx-eyes-4.gif);
      width:20px;
      height:11px;
      top:280px;
      left:975px;
      display:none;
    }
      /*=YOUTH*/
      .youth header div .satellite,
      .youth header div .owl,
      .youth header div .chopper {
        display:none;
      }
      .youth header div .characterr {
        background-image:url(/Files/System/images/ui/gfx-character-front-right-youth.png);
        top:50px;
        left:240px;
      }
      .youth header div .tree {
        background-image:url(/Files/System/images/ui/gfx-tree-2.png);
        width:118px;
        height:229px;
        top:-30px;
        left:-50px;
        display:none;
      }
      .youth header div .pylons {
        background-image:url(/Files/System/images/ui/gfx-pylons.png);
        width:380px;
        height:270px;
        top:-50px;
        left:520px;
      }
      /*=CHILDREN*/
      .children header div .satellite {
        display:none;
      }
      .children header div .characterl {
        background-image:url(/Files/System/images/ui/gfx-character-front-left-children.png);
        width:54px;
        height:86px;
        top:15px;
        left:65px;
      }
      .children header div .characterr {
        background-image:url(/Files/System/images/ui/gfx-character-front-right-children.png);
        width:73px;
        height:56px;
        top:40px;
        left:265px;
      }
      .children header div .chopper {
        background-image:url(/Files/System/images/ui/gfx-chopper-2.png);
        width:97px;
        height:81px;
        top:45px;
        left:450px;
      }
      .children header div .tree {
        background-image:url(/Files/System/images/ui/gfx-tree-3.png);
        left:900px;
      }
      .children header div .owl {
        left:1040px;
      }
      .children header div .computer {
        top:40px;
        left:670px;
      }
/*=CONTENT*/  


.integration {
  margin-top:-60px;
width:920px;
  height:620px;
  margin-left:auto;
  margin-right:auto;
border-style:solid;
  border-width:20px;
  border-color: black;
background-color: white;
  /*padding: 5px;*/
position: relative; 
}

.integration-bottom {  

height:80px;

  background: url(/Files/System/images/ui/box-twigs.png) no-repeat;
  }


  .content {
    margin-top:-60px;
    position:relative;
  }
  .content aside {
    width:480px;
    float:right;
  }
  .sub aside {
    width:240px;
    float:right;
  } 
  .banner, .ad, .content nav, .youtube, .sub article, .game, .embed {
    margin:0 10px -41px;
    background:url(/Files/System/images/ui/box-twigs.png) 0 bottom repeat-x;
    padding-bottom:73px;
  }
  .banner div, .ad div, .content nav div, .youtube div, .embed div, .sub article div, .game div {
    background:#000;
    border:10px solid #000;
  }
    /*=TEXT*/
    .text { overflow:hidden; clear:both; color:#111; font-size:1.2em; line-height:1.2em; }
    .text a { font-weight:bold; text-decoration:none; }
    .text p { margin:0 0 1em; }
    .text img, .text figure { display:block; margin:1em auto; }
    .text img.right, .text figure.right { float:right; margin:1em 0 1em 1em; }
    .text img.left, .text figure.left { float:left; margin:1em 1em 1em 0; }
    .text .figure img { margin:0; }
    .text strong, .text b { font-weight:bold; }
    .text cite, .text em, .text i { font-style:italic; }
    .text cite { color:#65717d; }
    .text h1, .text h2, .text h3 { margin-top:0.5em; font-size:2.5em; font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif; text-transform:uppercase; font-weight:normal; line-height:1.2em; }
    .text h4, .text h5, .text h6 { font-weight:bold; }
    .text h2 { font-size:2em }
    .text h3 { font-size:1.5em }
    .text h5 { color:inherit; }
    .text h6 { color:#65717d; }
    .text table { margin:0 0 1em; }
    .text table th, .text table td { padding:0.25em 0.5em; border:2px solid #fff; text-align:left; }
    .text table th, .text table thead td { background:#ddd; color:#111; font-weight:bold; }
    .text blockquote { margin:1em 4em 1em 2em; padding:1em; border-left:0.5em solid #ddd; }
    .text blockquote>:last-child { margin-bottom:0; }
    .text .cols { overflow:hidden; }
    .text .cols div { width:47%; }
    .text .sub { margin:0 3em; }
    .text ol { list-style-type:decimal; }
    .text ul { list-style-type:disc; }
    .text li { margin:0 0 0.5em 2em; }
    /*=BANNER*/
  .banner {
    width:940px;
    color:#fff;
    margin-top:-120px;
    position:relative;
  }
  .banner div {
    width:920px;
    overflow:hidden;
  }
  .banner div div {
    overflow:hidden;
    height:280px;
    width:1840px;
    background:#000;
    border:none;
  }
  .banner section {
    height:280px;
    width:457px;
    float:left;
    position:relative;
    overflow:hidden;
  }
  .banner section:first-child {
    margin-right:6px;
    background-position:0 -720px;
  }
  .banner section a {
    text-decoration:none;
  }
  .banner ul {
    display:none;
    position:absolute;
    float:right;
    clear:both;
    z-index:2;
    right:10px;
    top:110px;
  }
  .banner li {
    padding:5px;
      -o-border-radius:8px;
      -ms-border-radius:8px;
      -moz-border-radius:8px;
      -webkit-border-radius:8px;
    border-radius:8px;
    margin:0 0 5px;
  }
  .banner li a {
    background:#000;
    height:65px;
    color:#bbb;
    font-size:1.1em;
    display:block;
    width:210px;
    padding:0 10px 0 110px;
    position:relative;
    overflow:hidden;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
    border-radius:5px;
      -o-box-shadow:0 0 1em rgba(0,0,0,0.5);
      -ms-box-shadow:0 0 1em rgba(0,0,0,0.5);
      -moz-box-shadow:0 0 1em rgba(0,0,0,0.5);
      -webkit-box-shadow:0 0 1em rgba(0,0,0,0.5);
    box-shadow:0 0 1em rgba(0,0,0,0.5);
    background:url(/Files/System/images/ui/nav-button-large.jpg) right -3px;
  }
  .banner li:hover {
    border:5px solid #f86901;
    background:#f86901;
    padding:0;
  }
  .banner li strong {
    color:#fff;
    font-family:'LeagueGothicRegular', Arial, Helvetica, Verdana, Sans-Serif;
    font-weight:normal;
    text-transform:uppercase;
    font-size:1.818181818181818em;
    line-height:1em;
    font-weight:normal;
    display:block;
    padding-top:0.75em;
  }
  .banner li img {
    display:block;
    width:100px;
    height:65px;
    position:absolute;
    left:0;
    top:0;
      -o-border-radius:5px 0 0 5px;
      -ms-border-radius:5px 0 0 5px;
      -moz-border-radius:5px 0 0 5px;
      -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
  }
  .banner p,
  .banner h1 {
    font-family:'LeagueGothicRegular', Arial, Helvetica, Verdana, Sans-Serif;
    font-weight:normal;
    text-transform:uppercase;
    font-size:7.6em;
    height:66px;
    line-height:66px;
    background:url(/Files/System/images/ui/banner-header-back.png) repeat;
    float:right;
    padding:5px 40px 0 5px;
    text-shadow:0 0 0.2em rgba(0,0,0,0.3);
    clear:both;
    z-index:3;
    position:absolute;
    /*bottom:15px;*/
    top:194px;
    right:0;
    white-space:nowrap;
    width:305px;
  }
  .banner section:first-child h1 a {
    color:#f7ac1c;
  }
  .front .wrapper .banner section h1 a:hover {
    color:#fff;
  }
  .banner .over h1 {
    top:20px;
    bottom:auto;
  }
  .banner p {
    /*background:url(/Files/System/images/ui/banner-text-dropshadow.png) left center no-repeat;*/
    background:none;
    font-family:Arial, Helvetica, Verdana, Sans-Serif;
    font-size:2.2em;
    margin-top:1em;
    line-height:25px;
    height:50px;
    padding:15px 40px 15px 0;
    white-space:normal;
    text-shadow:none;
    /*bottom:80px;*/
    top:98px;
    z-index:2;
    text-transform:none;
  }
  .banner h1 a {
    color:#f86901;
    -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
  }
  .banner .small,
  .banner .medium,
  .banner .large {
    position:absolute;
    z-index:1;
    height:360px;
    width:800px;
    background:url(/Files/System/images/content/banner-sprite.jpg) 0 -360px no-repeat;
    display:none;
  }
  .banner .small { background-position:0 -1800px; }
  .banner .medium { background-position:0 -1080px; display:block; }
  .banner .large { background-position:0 -360px; }
  .banner section:first-child .small { background-position:0 -1440px; }
  .banner section:first-child .medium { background-position:0 -720px; }
  .banner section:first-child .large { background-position:0 0; }
  .banner .out .small , .banner .over .large, .banner .over ul { display:block; }
  .banner .over .medium, .banner .out .medium, .banner .out p, .banner .over p, .banner .out h1 { display:none; }
  /*=ADS*/
  .ad, .game {
    float:left;
    position:relative;
    width:220px;
  }
  .ad.horizontal, .game {
    width:460px; 
  }
  .ad img { 
    display:block;
    width:200px;
    height:auto;
  }
  .ad.horizontal img {
    width:440px;
  }
  .game h1,
  .ad h1,
  .ad h3,
  .ad h6 {
    float:right;
    margin:0 -17px 10px 0;
    padding:5px 17px;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      color:#fff;
      background:#65717d;
      text-transform:uppercase;
      font-size:2em;
      font-weight:normal;
      text-shadow:0 -1px rgba(0,0,0,0.25);
      line-height:1em;
      -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
  }
  .ad p {
    position:absolute;
    left:20px;
    top:58px;
    font-size:2.8em;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#000;
      line-height:1.2em;
  }
  .ad.horizontal p {
    left:auto;
    right:20px;
    top:110px;
  }
  .ad.horizontal.buddyguard p {
    top:98px;
  }
  .ad p strong {
    display:block;
    font-weight:normal;
    color:#65717d;
    -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
  }  
  a.ad:hover, .ad a:hover { text-decoration:none; }
  a.ad:hover h3,
  a.ad:hover h6 { background:#f86901; }
  a.ad:hover p strong { color:#f86901; }
  .ad.quickpoll h6 { background:#f86901; }
  .ad.buddyguard h6, .ad.teal h3, .ad.teal h6 { background:#19877e; }
  .ad.buddyguard p strong, .ad.teal p strong { color:#19877e; }
  .ad.facebook h6, .ad.blue h3, .ad.blue h6 { background:#0192c9; }
  .ad.facebook p strong, .ad.blue p strong { color:#0192c9; }
  .ad.magenta h3, .ad.magenta h6 { background:#be2464; }
  .ad.magenta p strong { color:#be2464; }
  .ad.yellow h3, .ad.yellow h6 { background:#f7ac1c; }
  .ad.yellow p strong { color:#f7ac1c; }
  .ad.green h3, .ad.green h6 { background:#9bb425; }
  .ad.green p strong { color:#9bb425; }
  .ad.purple h3, .ad.purple h6 { background:#7d1bbc; }
  .ad.purple p strong { color:#7d1bbc; }

  .ad-text .text {
    padding:1em;
    background:#fff none top center no-repeat;
    border:none;
  }
  .ad-text .text h4 {
    font-size:2.8em;
    font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
    line-height: 1.2em;
    margin-bottom:0.25em;
  }
  .ad-text .text p {
    position:static;
    font-size:1em;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    text-transform:none;
  }
  /*=QUICKPOLL*/
  .quickpoll .text {
    background:#fff url(/Files/System/images/ui/quickpoll-back.png) bottom left repeat-x;
    border:none;
    padding:10px;
  }
  .quickpoll .text h5 {
    font-size:2em;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#f86901;
      line-height:1em;
  }
  .quickpoll .text p {
    position:static;
    font-size:1.5em;
    text-transform:none;
    margin:0 0 0.25em;
  }
  .quickpoll label {
    display:block;
    margin:0.25em 0.25em;
    cursor:pointer;
    float:left;
    clear:left;
  }
  .quickpoll label input {
    margin-right:0.5em;
  }
  .quickpoll .submit {
    background:url(/Files/System/images/ui/quickpoll-submit.png) center center repeat-x;
    border:none;
    width:75px;
    height:46px;
    font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
    font-weight:normal;
    text-transform:uppercase;
    color:#000;
    font-size:1.5em;
    padding:0 12px 3px 0;
    /*margin-top:-46px;*/
    float:right;
    cursor:pointer;
  }
  .quickpoll .submit:hover {
    color:#f86901;
  }
  .quickpoll figure ul {
    list-style:none;
  }
  .quickpoll figure li {
    margin-left:0;
    overflow:hidden;
  }
  .quickpoll figure li span {
    display:block;
    float:left;
    width:33%;
  }
  .quickpoll figure li .pct {
    float:right;
    width:16%;
  }
  .quickpoll figure li .bar,
  .quickpoll figure li .data {
    width:45%;
    background:url(/Files/System/images/ui/quickpoll-bar.gif) left center repeat-x; 
    border:1px solid #d5d5d5;
    height:10px;
  }
  .quickpoll figure li .data {
    width:1px;
    border:none;
    background:url(/Files/System/images/ui/quickpoll-data.gif) left center repeat-x; 
  }
    /*=INFO*/
    .info {
      width:190px;
      padding:15px 25px 55px;
      background:url(/Files/System/images/ui/box-info.png) right bottom no-repeat;
      float:left;
      position:relative;
    }
    .info.horizontal {
      width:430px;
      background-position:left bottom;
    }
    .info h3 {
      font-size:2.8em;
      margin-bottom:0.25em;
      line-height:1.3em;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#000;
    }
    .info.smart {
      padding-bottom:90px;
    }
    .info.smart .bunny { 
      position:absolute;
      right:20px;
      bottom:30px;
    }
    /*=LOGIN*/
    .login {
      float:none;
      margin:0 auto;
    }
    .login .text {
      background:#fff;
      padding:1em;
    }
    .login label {
      font-size:1.1666666667em;
      line-height:46px;
      display:block;
      float:left;
      margin-right:1em;
      cursor:pointer;
    }
    .login label:after {
      content:":";
    }
    .login input {
      border:1px solid #ccc;
      padding:5px 10px;
      height:24px;
      margin:5px 0;
      float:left;
    }
    .login .submit {
      background:url(/Files/System/images/ui/quickpoll-submit.png) center center repeat-x;
      border:none;
      width:75px;
      height:46px;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#000;
      font-size:1.5em;
      padding:0 12px 3px 0;
      float:right;
      cursor:pointer; 
      margin:0;
    }
    /*=NEWS*/
    .news {
      background-image:url(/Files/System/images/ui/box-info-news.png);
    }
    .news h3 {
      color:#fff;
    }
    .news .text, 
    .news .text a {
      color:#fff;
    }
    .news .text a {
      text-decoration:underline;
      -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
    }
    .news .text a:hover {
      text-decoration:none;
      color:#f86901;
    }
    .news .text ol {
      list-style:none;
    }
    .news .text ol li {
      padding:0 0 1em;
      background:url(/Files/System/images/ui/box-info-news-divider.gif) left bottom repeat-x;
      margin:0 0 1em;
    }
    .news .text ol li a,
    .news .text ol li time {
      display:block;
      margin-bottom:0.33em;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      font-size:1.25em;
    }
    .news .text ol li a {
      font-size:1em;
      margin-bottom:0;
}
.newsImageText{
  font-size: 0.8em;
  display: block;
}
.newsImageText .images {
  border: none;
}
.newsImageText table, .newsImageText img, .newsImageText td { margin: 0 !important; padding: 0 !important;}
.newsHeading {
  display: block;
  font-weight: bold;
}
.newsLeft {
  float: left;
  border: none !important;
  padding: 0 !important;
}
.newsLeft img {
  display: block;
  margin: 0;
}
.newsRight {
  float: left;
  border: none !important;
  padding: 0 0 0 45px !important;
  max-width: 465px;
}
.newsRight h2 {
  margin-top: 0 !important;
  font-size: 1.4em;
  line-height: 0.8em !important;
}
.newsRight p {
  margin-bottom: 5px !important;
}
.sc-newsList {
  margin-top: 30px;
}
.sc-newsList li {
  list-style: none;
  margin-left: 0 !important;
}
.headerLink { color: black;}
.newsHeader {
    font-family: 'LeagueGothicRegular',Arial,Verdana,Sans-Serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
    /*=YOUTUBE*/
    .youtube {
      width:460px;
      float:left;
    }
    .youtube h3 {
    float:right;
    margin:0 -17px 10px 0;
    padding:5px 17px;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#fff;
      text-shadow:0 -1px rgba(0,0,0,0.25);
      background:#be2464;
      font-size:2em;
      font-weight:normal;
      line-height:1em;
    }
    .youtube .flash {
      clear:both;
      border:none;
      height:230px;
      overflow:hidden;
    }
    .youtube .flash a {
      text-align:center;
      font-size:1.8em;
      display:block;
      line-height:30px;
      height:30px;
      margin:100px 50px;
      background:#65717d;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      text-shadow:0 -1px rgba(0,0,0,0.25);
      color:#fff;
      -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
    }
    .youtube .flash a:after {
      content:" »";
    }
    .youtube .flash a:hover {
      background:#f86901;
      text-decoration:none; 
    }
    .flash object, .flash embed {
      background:#000;
    }
    .content .youtube nav,
    .content .youtube nav div,
    .content .youtube nav ul,
    .content .youtube nav li,
    .content .youtube nav a {
      float:none;
      width:auto;
      height:auto;
      margin:0;
      padding:0;
      background:transparent none;
      border:none;
    }
    .content .youtube nav {
      margin-top:10px;
      background:#e7e7e7 url(/Files/System/images/ui/video-nav.png) left top repeat-x;
      width:100%;
      overflow:hidden;
    }
    .content .youtube nav div {
      width:378px;
      margin:0 auto;
      overflow:hidden;
    }
    .content .youtube nav ul {
      width:999em;
    }
    .content .youtube nav li {
      float:left;
    }
    .content .youtube nav li a {
      float:left;
      padding:25px 5px;
    }
    .content .youtube nav img {
      background:#fff url(/Files/System/images/ui/video-image-border.png) left top repeat-x;
      padding:3px;
      width:110px;
      height:60px;
      border:none;
    }
    .content .youtube nav li.active img {
      background:#65717d;
    }
    .content .youtube nav a:hover img {
      background:#f86901 none;
    }
    .content .youtube nav .next,
    .content .youtube nav .prev {
      position:absolute;
      top:50%;
      right:-3px;
      overflow:hidden;
      width:10px;
      height:42px;
      padding:0 15px;
      margin-top:-21px;
      text-indent:-999em;
      background:url(/Files/System/images/ui/video-nav-arrows.png) right top no-repeat;
    }
    .content .youtube nav .prev {
      background-position:left top;
      left:-3px;
    }
    .content .youtube nav .next:hover { background-position:right bottom; }
    .content .youtube nav .prev:hover { background-position:left bottom; }
    /*=VIDEO*/
    .content.video aside {
      width:720px;
      float:right;
    }
    .content .video,
    .content .embed {
      float:left;
      width:700px;
    }
    .content .video .flash {
      height:400px;
    }
    .content .video nav div {
      width:504px; 
    }
    .content .video nav .next,
    .content .video nav .prev {
      right:20px;
    }
    .content .video nav .prev {
      left:20px;
    }
    .content .embed embed,
    .content .embed object {
      margin:0 auto;
    }
    /*=NAV*/
    .content nav {
      width:460px;
      float:left;
      position:relative;
      margin-bottom:140px;
    }
    .content nav h1,
    .content nav h3 {
    float:right;
    margin:0 -17px 10px 0;
    padding:5px 17px;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#fff;
      text-shadow:0 -1px rgba(0,0,0,0.25);
      background:#f86901;
      font-size:2em;
      line-height:1em;
      position:relative;
    }
    .content nav h1 strong,
    .content nav h3 strong {
      position:absolute;
      right:100%;
      margin-right:0.3em;
      top:1px;
      color:#f86901;
      font-size:1.333333333333333em;
      font-weight:normal;
      height:1.166666666666667em;
      line-height:1.166666666666667em;
    }
    .content nav ul {
      clear:both;
      background:#333;
      overflow:hidden;
    }
    .content nav li {
      display:block;
      padding-bottom:15px;
      margin-bottom:5px;
      background:#333 url(/Files/System/images/ui/nav-arrow.gif) left bottom no-repeat;
    }
    .content nav li a {
      display:block;
      background:#000 url(/Files/System/images/ui/nav-button-large.jpg) right top no-repeat;
      overflow:hidden;
      height:70px;
    }
    .content nav li span {
      display:table-cell;
      height:70px;
      width:220px;
      padding:0 15px;
      vertical-align:middle;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#fff;
      text-shadow:0 -1px rgba(0,0,0,0.25);
      font-size:2em;
    }
    .content nav li img {
      display:block;
      width:190px;
      height:70px;
      float:left;
    }
    .content nav li a:hover {
      text-decoration:none;
      background-position:right bottom;
    }
    .content nav .back {
      position:absolute;
      width:120px;
      height:130px;
      padding:60px 0 0 100px;
      bottom:-140px;
      background:url(/Files/System/images/ui/nav-back.png) top left no-repeat;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#000;
      font-size:1.8em;
    }
    .content nav .back:hover {
      text-decoration:none;
      color:#333;
    }
    .content nav .back.top {
      top:10px;
      left:10px;
      bottom:auto;
      line-height:31px;
      color:#fff;
      height:auto;
      width:auto;
      padding:0 0 0 20px;
      background:url(/Files/System/images/ui/back-top.gif) left center no-repeat;
    }
    .content nav .back.top:hover {
      color:#ddd
    }
    .content nav ul ul {
      display:none;
    }
      /*=SMALL*/
      .sub nav {
        width:220px;
      }
      .sub nav li {
        padding:0;
        margin:0;
        background:none;
      }
      .sub nav li a {
        height:35px;
        background:#2b2b2b url(/Files/System/images/ui/nav-button-small.gif) right top repeat-x;
        border-bottom:1px solid #2b2b2b;
      }
      .sub nav li a span {
        font-family:Arial, Helvetica, Verdana, sans-serif;
        font-size:1.4em;
        text-transform:none;
      }
      .sub nav li.active>a {
        background-position:right -35px;
      }
      .sub nav li a:hover {
        background-position:right -70px;
      }
      .sub nav li a:hover span {
        background:url(/Files/System/images/ui/nav-small-arrows.gif) left -87px no-repeat;
      }
      .sub nav li.current>a {
        background-position:right -35px;
        cursor:default;
      }
      .sub nav li img {
        width:50px;
        height:35px;
      }
      .sub nav li span {
        padding:0 10px 0 20px;
        height:35px;
        font-size:1.8em;
        line-height:35px;
        font-weight:normal;
        border-left:5px solid #5d5d5d;
        background:url(/Files/System/images/ui/nav-small-arrows.gif) left -17px no-repeat;
      }
      .sub nav .active>a span {
        background-position:left -87px;
      }
      .sub nav .parent.active>a span {
        background-position:left -227px;
      }
        /*=SUBITEMS*/
        .sub nav ul ul {
          border-left:5px solid #444;
          background:#2a2a2a;
        }
        .sub nav ul .active>ul{
          display:block;
        }
        .sub nav ul ul ul {
          border:none;
        }
        .sub nav ul ul a {
          background:none;
          color:#fff;
          /*font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;*/
          font-weight:normal;
          font-size:1.4em;
          line-height:35px;
          padding-left:20px;
        }
        .sub nav ul ul .parent.active>a,
        .sub nav ul ul .parent>a {
          background-image:url(/Files/System/images/ui/nav-small-arrows.gif);
          background-position:left -17px;
          background-repeat:no-repeat;
        }
        .sub nav ul ul .parent.active>a {
          background-position:left -227px;
        }
        .sub nav ul ul span {
          border:none;
          background:none !important;
          font-size:1em;
          margin:0;
          padding:0;
          text-transform:none;
          font-weight:normal;
        }
        .sub nav ul ul a:hover {
          background-color:#555;
        }
        .sub nav ul ul .active>a {
          font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
          letter-spacing:0.05em;
        }
        .sub nav ul ul .current>a:hover {
          cursor:default;
          background-color:transparent;
        }
        .sub nav ul ul ul a {
          padding-left:35px;
        }
        .sub nav ul ul ul ul a {
          padding-left:50px;
        }
        .sub nav ul ul .active a {
          background-color: #555;
        }
      
    /*=ARTICLE*/
    .sub article {
      width:460px;
      float:left;
      font-size:1.2em;
    }
    .sub article.large {
      width:710px;
    }
    .sub article header {
      width:auto;
      background:#000 none;
      padding:0 0 10px;
      margin:-20px -20px 0 -20px;
      height:auto;
      position:static;
      overflow:hidden;
    }
    .sub article header a {
      float:right;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#fff;
      font-size:1.8em;
      height:14px;
      line-height:14px;
      padding:10px 0 0 30px;
      margin-left:1em;
      background:url(/Files/System/images/ui/icon-print-share.png) left bottom no-repeat;
      -moz-transition:0.2s all ease-out; -webkit-transition:0.2s all ease-out; transition:0.2s all ease-out;
    }
    .sub article header a.share {
      background-position:left top; 
    }
    .sub article header a:hover {
      text-decoration:none;
      color:#f86901;
    }
    .sub article div {
      background:#fff;
      padding:20px;
    }
    .sub article .text,
    .sub article .discuss {
      border:none;
      padding:0;
      font-size:1em;
    }
    #fancybox-wrap.article #fancybox-content h1,
    .sub article h1 {
      margin-top:0.5em; 
      font-size:3em; 
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif; 
      font-weight:normal;
      text-transform:uppercase; 
    }
    #fancybox-wrap.article #fancybox-content header,
    #fancybox-wrap.article #fancybox-content .print, 
    #fancybox-wrap.article #fancybox-content .share, 
    #fancybox-wrap.article #fancybox-content .discuss {
      display:none;
    } 
    .sub article .text { 
      font-size:1.166666666666667em;
      line-height:1.4em;
    }
    .sub article .text p { 
      margin-bottom:1.4em;
    }
    /*=ENCYCLOPEDIA*/
    .encyclopedia {
      margin:1em 0;
    }
    .encyclopedia dt {
      font-weight:bold;
    }
    .encyclopedia dd {
      margin-bottom:1em;
    }
    .vp-encyclopedia .encyclopedia dd {
      display:none;
    }
    .content .vp-encyclopedia,
    .content .vp-encyclopedia-content,
    .content .vp-encyclopedia-tip {
      border:none;
      padding:0;
      position:relative;
    }
    .content .vp-encyclopedia {
      float:left;
      width:100%;
      margin:1em 0;
    }
    .content .vp-encyclopedia .text { 
      font-size:1em;
    }
    .content .vp-encyclopedia dl {
      width:200px;
      float:left;
      height:250px;
      overflow:auto;
      border:1px solid #ccc;
      padding:10px;
      margin:0;
    }
    .content .vp-encyclopedia dt {
      cursor:pointer;
    }
    .content .vp-encyclopedia dt:hover {
      color:#f86901;
    }
    .content .vp-encyclopedia-content {
      float:right;
      width:395px;
      border:1px solid #ccc;
      padding:10px;
      margin:0;
      min-height:250px;
    }
    .content .vp-encyclopedia-tip {
      position:absolute;
      top:5px;
      left:239px;
      padding:1em;
      background:#fff;
      background:rgba(255,255,255,0.9);
      border:3px solid #000;
      box-shadow:0 0 5px rgba(0,0,0,0.5);
    }
    .content .encyclopedia-search input {
      border:1px solid #ccc;
      width:200px;
      padding:5px 10px;
      font-family:Arial, Helvetica, Verdana, Sans-Serif;
      font-size:1em;
      margin-right:7px;
    }
    .content .encyclopedia-search .submit {
      width:auto;
      font-weight:bold;
      color:#fff;
      background:#f86901;
      border-color:#f86901;
      cursor:pointer;
    }
    .content .encyclopedia-search .submit:hover {
      background:#f7ac1c;
      border-color:#f7ac1c;
    }
*:first-child+html .content .vp-encyclopedia-tip { width:150px; padding:10px; position:absolute; }
*:first-child+html .content .vp-encyclopedia-content { padding:10px; }
*:first-child+html .content .vp-encyclopedia-content .text { padding:0; }
    /*=ASSESSMENT*/
    .assessment {
      overflow:hidden;
    }
    .assessment .media img,
    .assessment .media object,
    .assessment .media embed {
      display:block;
      margin:0;
      width:100%;
    }
    .assessment .question {
      border:none;
      padding:0;
      margin:0 1em 0.5em 0;
      padding-left:1em;
      border-left:0.5em solid #f86901;
    }
    .assessment .options {
      width:75%;
      float:left;
    }
    .assessment .options li {
      list-style:none;
      margin:0 0 0.5em;
    }
    .assessment .options label {
      padding:0.25em;
        -o-border-radius:0.25em;
        -moz-border-radius:0.25em;
        -webkit-border-radius:0.25em;
      border-radius:0.25em;
      cursor:pointer;
      line-height:1.3em;
      border:1px solid #fff;
      display:block;
    }
    .assessment .options label:hover {
      border-color:#f86901;
    }
    .assessment .options .answered,
    .assessment .options .correct,
    .assessment .options .incorrect {
      color:#fff;
      background:#f86901;
      border:1px solid #f86901;
      padding:0.25em;
        -o-border-radius:0.25em;
        -moz-border-radius:0.25em;
        -webkit-border-radius:0.25em;
      border-radius:0.25em;
      line-height:1.3em;
    }
    .assessment .options .correct {
      background:#19877e;
      border-color:#19877e;
    }
    .assessment .options .incorrect {
      background:#be2464;
      border-color:#be2464;
    }
    .assessment .options input {
      margin-right:0.5em;
      cursor:pointer;
    }
    .assessment .submit {
      background:url(/Files/System/images/ui/quickpoll-submit.png) center center repeat-x;
      border:none;
      width:75px;
      height:46px;
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#000;
      font-size:1.5em;
      padding:0 12px 3px 0;
      float:right;
      cursor:pointer;
    }
    .assessment .submit:hover {
      color:#f86901;
    }
    /*=DISCUSSION*/
    .wrapper .content .discuss {
      margin-top:1em;
      border-top:5px solid #000;
      padding-top:1em;
    }
    .wrapper .content .discuss div {
      padding:0;
      border:none;
    }
    .wrapper .content .discuss .dsq-comment-body {
      padding-left:45px;
    }
    .discuss #disqus_thread #dsq-content .dsq-subscribe-email { display:none; }
    .discuss #dsq-new-post h3,
    .discuss #dsq-comments-title h3 {
      font-family: 'LeagueGothicRegular', Arial, Verdana, Sans-Serif; 
      font-weight:normal;
      text-transform:uppercase; 
      font-size:1.5em;
      margin-top:1em;
    }
    /*=GAME*/
    .sub .game h1 {
      background:#be2464;
      position:relative;
      z-index:50;
    }
    .sub .game img,
    .sub .game embed, 
    .sub .game object {
      display:block;
      width:100%;
    }
    .sub .game h2,
    .sub .game h3 {
      color:#fff;
      line-height:1.5em;
      font-size:2em;
      font-family:'LeagueGothicRegular', Arial, Helvetica, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      margin-top:0.5em;
    }
    .sub .game .question {
      background:#fff;
      padding:20px;
      min-height:50px;
      border:none;
      font-size:1.4em;
    }
    .sub .game .options li {
      display:block;
      height:60px;
      background:url(/Files/System/images/ui/game-options-2.png) 0 0 no-repeat;
      overflow:hidden;
      color:#fff;
      position:relative;
      border-bottom: 20px solid #000;
      text-shadow:0 -1px #000;
      
    }
    .sub .game .options li:hover {
      background-position:0 -60px;
      color:#f86901;
    }
    .sub .game .options li.checked {
      background-position:0 -120px;
      
    }
    .sub .game .options li.checked:hover {
      background-position:0 -120px;
    }
    .sub .game .options input {
      position:absolute;
      left:-100px;
    }
    .sub .game .options label {
      padding:05px 10px;
      font-size:1.5em;
      display:block;
      
    }
    .sub .game .options label span {
      height:60px;
      line-height:18px;
      display:table-cell;
     /*vertical-align:middle;*/
     
    }
    .sub .game .next,
    .sub .game .submit {
      display:block;
      font-size:2em;
      font-family:'LeagueGothicRegular', Arial, Helvetica, Verdana, Sans-Serif;
      font-weight:normal;
      text-transform:uppercase;
      border:none;
      background:url(/Files/System/images/ui/game-arrow.png) right center no-repeat;
      height:29px;
      line-height:29px;
      padding:0 15px;
      color:#fff;
      margin:10px 0;
      float:right;
      cursor:pointer;
    }
    .sub .game .next:hover,
    .sub .game .submit:hover {
      color:#be2464;
      text-decoration:underline;
    }
    .content.sub .game .discuss {
      background:#fff;
      padding:20px;
      clear:both;
      border:none;
      font-size:1.4em;
    }
    .content.sub .game .discuss div { 
      background:#fff;   
    }
    .content.sub .game .discuss h2,
    .content.sub .game .discuss h3 {
      color:#000;
    }
    .sub .game .game-enhanced,
    .sub .game .game-enhanced .media {
      border:none;
      position:relative;
      z-index:2;
      clear:both;
    } 
    .sub .game .game-enhanced .media {
      margin-bottom:10px;
      min-height:7.2em;
    }
    .sub .game .game-enhanced .media .player {
      border:none;
      width:auto;
      float:none;
    }
    .sub .game .game-enhanced .media h2 {
      background:url(/Files/System/images/ui/game-header-back.png) 0 0 repeat;
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      padding:10px 20px;
      font-size:3em;
      line-height:1.2em;
    }
    .sub .game .game-enhanced.has-audio .media h2,
    .sub .game .game-enhanced.has-video .media h2 {
      bottom:27px;
    }
    .sub .game .game-enhanced.has-audio .media h2 {
      min-height:2.4em;
      padding-right:130px;
    }
    .sub .game .game-enhanced .media .play {
      position:absolute;
      bottom:37px;
      right:10px;
      width:75px;
      height:75px;
      background:url(/Files/System/images/ui/game-media-play-btn.png) 0 -75px no-repeat;
      overflow:hidden;
      text-indent:100%;
    }
    .sub .game .game-enhanced .media .play:hover,
    .sub .game .game-enhanced .media .play:active,
    .sub .game .game-enhanced .media .play:focus {
      background-position:0 0;
    }
    /*=ELEMENTS*/
    .elements {
      width:720px;
      float:left;
    }
  /*=FOOTER*/
  footer {
    background:#fff;
    padding:1em 0;
    margin:60px 0 0;
    text-align:right;
    clear:both;
  }
  footer img {
    margin:0 10px;
  }
  footer .tagline { 
    display:none; 
    font-size:1.2em; 
    float:right; 
    line-height:48px;
  }
  footer .aboutSikkerchat {
    float: left;
    font-family: 'LeagueGothicRegular',Arial,Verdana,Sans-Serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1em;
    margin: 30px 0 0 0;
    color: black;
  }
  /*=THEMING*/
  .children { background:#bbd7e0 url(/Files/System/images/ui/background-teal.jpg) top center repeat-x; }
  .youth { background:#cccfc5 url(/Files/System/images/ui/background-green.jpg) top center repeat-x; }
/*=GENERIC*/
html {
  overflow-y:scroll;
  background:#bbd7e0 url(/Files/System/images/ui/background-blue.jpg) top center repeat-x;
}
.content:after, .wrapper:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
b,
strong {
  font-weight:bold;
}
i,
em {
  font-style:italic;
}
a {
  color:#f86901;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}
abbr {
  border-bottom:1px dotted #111;
  cursor:help;
}
::-moz-selection { background: #f86901; color: #fff; text-shadow: none; }
::selection { background: #f86901; color: #fff; text-shadow: none; }
/*=FONTS*/
@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('../fonts/league_gothic-webfont.eot');
  src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/league_gothic-webfont.woff') format('woff'),
       url('../fonts/league_gothic-webfont.ttf') format('truetype'),
       url('../fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OrbitronBold';
  src: url('../fonts/orbitron-bold-webfont.eot');
  src: url('../fonts/orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/orbitron-bold-webfont.woff') format('woff'),
       url('../fonts/orbitron-bold-webfont.ttf') format('truetype'),
       url('../fonts/orbitron-bold-webfont.svg#OrbitronBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'PTSansNarrowRegular';
  src: url('../fonts/PTN57F-webfont.eot');
  src: url('../fonts/PTN57F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTN57F-webfont.woff') format('woff'),
       url('../fonts/PTN57F-webfont.ttf') format('truetype'),
       url('../fonts/PTN57F-webfont.svg#webfont3yLmuNsx') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansNarrowBold';
  src: url('../fonts/PTN77F-webfont.eot');
  src: url('../fonts/PTN77F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTN77F-webfont.woff') format('woff'),
       url('../fonts/PTN77F-webfont.ttf') format('truetype'),
       url('../fonts/PTN77F-webfont.svg#webfont2z2OKawW') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansCaptionBold';
  src: url('../fonts/PTC75F-webfont.eot');
  src: url('../fonts/PTC75F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTC75F-webfont.woff') format('woff'),
       url('../fonts/PTC75F-webfont.ttf') format('truetype'),
       url('../fonts/PTC75F-webfont.svg#webfontD2GEemFT') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansCaptionRegular';
  src: url('../fonts/PTC55F-webfont.eot');
  src: url('../fonts/PTC55F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTC55F-webfont.woff') format('woff'),
       url('../fonts/PTC55F-webfont.ttf') format('truetype'),
       url('../fonts/PTC55F-webfont.svg#webfontYACgh6Fk') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansBoldItalic';
  src: url('../fonts/PTS76F-webfont.eot');
  src: url('../fonts/PTS76F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTS76F-webfont.woff') format('woff'),
       url('../fonts/PTS76F-webfont.ttf') format('truetype'),
       url('../fonts/PTS76F-webfont.svg#webfontnHhDPJvF') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PTSansBold';
  src: url('../fonts/PTS75F-webfont.eot');
  src: url('../fonts/PTS75F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTS75F-webfont.woff') format('woff'),
       url('../fonts/PTS75F-webfont.ttf') format('truetype'),
       url('../fonts/PTS75F-webfont.svg#webfontO0AL69VA') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansItalic';
  src: url('../fonts/PTS56F-webfont.eot');
  src: url('../fonts/PTS56F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTS56F-webfont.woff') format('woff'),
       url('../fonts/PTS56F-webfont.ttf') format('truetype'),
       url('../fonts/PTS56F-webfont.svg#webfontb3pcLB5e') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansRegular';
  src: url('../fonts/PTS55F-webfont.eot');
  src: url('../fonts/PTS55F-webfont.eot?iefix') format('eot'),
       url('../fonts/PTS55F-webfont.woff') format('woff'),
       url('../fonts/PTS55F-webfont.ttf') format('truetype'),
       url('../fonts/PTS55F-webfont.svg#webfontVOUaMV4S') format('svg');
  font-weight: normal;
  font-style: normal;
}/**/
/*=FANCYBOX*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/Files/System/images/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/Files/System/images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/Files/System/images/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px }
#fancybox-right { right: 0px }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/Files/System/images/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/Files/System/images/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/Files/System/images/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/Files/System/images/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/Files/System/images/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('/Files/System/images/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('/Files/System/images/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/Files/System/images/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('/Files/System/images/fancybox/fancybox.png') -55px -90px no-repeat; }

table.login { margin: 0 auto; }
table.login td { font-size: 11px; }