html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
em { font-style: italic; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5 red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
.inset-left { float: left; margin: 0 15px 5px 0; }
.inset-right { float: right; margin: 0 0 5px 15px; }
.border { padding: 1px; border: 1px solid #AAA; }
.reflectBox { display: inline-block; }

::-moz-selection{ background: transparent; color:#FF9900; text-shadow: none; }
::selection { background:transparent; color:#FF9900; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF9900; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #494949; }
a:hover { color: #000; }


/* read more */
.readmoreButton { 
  float: right;
    color: #FF9000;
    font-style: italic;
    font-weight: 500;
    cursor: pointer;
    padding-right: 5px;
}
    .readmoreButton:after{ content: ' »'; }

div.readmore { display: none; }

    div.readmore .readmoreButtonContainer { margin-right: 20px; }
    div.readmore .readmore { margin: 20px; border-right: 1px solid #323133; }

    div.readmore ul { margin-top: 0; }
    
.readmorelink { display: none; }
.readmoreButtonContainer { 
    display: none; 
    text-align: right;
    padding-bottom: 15px;
    margin-left: 15px;
}


/**
 * FONTS
 */
@font-face {
    font-family: 'EnigmaticRegular';
    src: url('enigmatic/Enigma__2-webfont.eot');
    src: local('☺'), url('enigmatic/Enigma__2-webfont.woff') format('woff'), url('/bf3/Enigma__2-webfont.ttf') format('truetype'), url('/bf3Enigma__2-webfont.svg#webfontLWKiFO4Y') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EnigmaticItalic';
    src: url('Enigma_2i-webfont.eot');
    src: local('☺'), url('enigmatic/Enigma_2i-webfont.woff') format('woff'), url('/bf3Enigma_2i-webfont.ttf') format('truetype'), url('/bf3Enigma_2i-webfont.svg#webfontnOV5mgtV') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EnigmaticBold';
    src: url('EnigmaB_2-webfont.eot');
    src: local('☺'), url('enigmatic/EnigmaB_2-webfont.woff') format('woff'), url('/bf3EnigmaB_2-webfont.ttf') format('truetype'), url('/bf3EnigmaB_2-webfont.svg#webfontaexWtrjG') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**
 * TEMPLATE
 */
body { background: #141A25 url() repeat; font-family: "Helvetica Neue", arial, sans-serif; }
time { font-style: italic; font-size: .9em; }
p {
  line-height: 20px;
  font-size: 1.10em;
}

  /* DEFAULTS*/
  .container { width: 940px; margin: 0 auto; padding: 0 10px; }
  span.wrap-featured { background: transparent url(/bf3/img/box-wrap.png) no-repeat 0 0; position: absolute; top: -1px; left:-2px; width:66px; height: 66px; z-index: 10; }
  span.wrap-store    { background: transparent url(/bf3/img/box-wrap.png) no-repeat -66px -66px; position: absolute; top: -1px; right:-2px; width:66px; height: 66px; z-index: 10; }
  span.wrap-general  { background: transparent url(/bf3/img/box-wrap.png) no-repeat -66px 0; position: absolute; top: -1px; right:-2px; width:66px; height: 66px; z-index: 10; }
  span.wrap-hot     { background: transparent url(/bf3/img/box-wrap.png) no-repeat 0 -66px; position: absolute; top: -5px; left:-2px; width:66px; height: 66px; z-index: 10; }

  .marginLeft { margin-left: 330px; }
  .marginRight { margin-right: 320px; }
  .capitalize { text-transform: capitalize; }


  /* LAYOUT */
  body > header {
    background: #EBEBEB url(http://www.madcw.at.ua/bf3/css/bg.png) repeat;
    border-bottom: 1px solid #FF9000;
  }
    body > header .container {
      position: relative;
      margin: 0 auto; 
      padding: 0 10px;
      width: 940px; 

      color: #E9E9E9;
    }
      body > header .container h1 {
        position: absolute;
        top: 0; left: 5px;
        background: transparent url() no-repeat 0 0;
        width: 180px; height: 80px;

        text-indent: -9999px;
        font-weight: normal;
      }
    
    .contentRight,
    .underContentRight {
      float: right;
      width: 300px;
    }
      .contentRight > div,
      .underContentRight > div { position: relative; }

    .contentLeft,
    .underContentLeft {
      float: left;
      width: 300px;
    }
      .contentLeft > div,
      .underContentLeft > div { position: relative; }
    

    .shadowBox,
    .shadowBoxItems > li,
    #system-message {
      position: relative;

      padding: 10px;
      margin-bottom: 20px;
      min-height: 140px;

      background: #E0E0E0 url(/bf3/img/background-noise-article2.png) repeat;
      z-index: 2;
      
      -moz-border-radius: 4px;
         border-radius: 4px;
      
         -moz-box-shadow: 0 0 10px #3F3F3F; 
      -webkit-box-shadow: 0 0 10px #3F3F3F; 
              box-shadow: 0 0 10px #3F3F3F;
    }
      .shadowBox:hover,
      .shadowBoxItems > li:hover,
      #system-message {
           -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        
           -moz-box-shadow: 0 0 20px #3F3F3F; 
        -webkit-box-shadow: 0 0 20px #3F3F3F; 
                box-shadow: 0 0 20px #3F3F3F;
      }

    .shadow {
         -moz-box-shadow: 0 0 10px #3F3F3F; 
      -webkit-box-shadow: 0 0 10px #3F3F3F; 
              box-shadow: 0 0 10px #3F3F3F;
    }
      .shadow:hover {
           -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        
           -moz-box-shadow: 0 0 20px #3F3F3F; 
        -webkit-box-shadow: 0 0 20px #3F3F3F; 
                box-shadow: 0 0 20px #3F3F3F;
      }
    .borderRadius {
      -moz-border-radius: 4px;
         border-radius: 4px;
    }
    
      /**
       * IE fallback
       */
      .no-boxshadow .shadowBox,
      .no-boxshadow .shadowBoxItems > li,
      .no-boxshadow #system-message {
        border: 1px solid #A0A0A0;
      }

  /* margin above new content blocks */
  .section2 > div > div > div > div,
  .section2 > div > div > div > article { margin-top: 20px; }

/**
 * TYPOGRAPHY
 */
  /* regular, light, orange, left */
  h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
    background: transparent url(/bf3/img/h3-border-bottom-orange.png) no-repeat 0 100%;
    
    font: normal 1.2em/20px "Helvetica Neue", Arial, sans-serif;
    color: #494949;
    
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
  }
      h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
        color: #494949;
        text-decoration: none !important;
      }

   /* large, orange, center */
  .contentTop h1, .contentTop h1, .underContentTop h1, h1.section,
  .contentTop h2, .contentTop h2, .underContentTop h2, h2.section,
  .contentTop h3, .contentTop h3, .underContentTop h3, h3.section,
  .contentTop h4, .contentTop h4, .underContentTop h4, h4.section,
  .contentTop h5, .contentTop h5, .underContentTop h5, h5.section,
  .contentTop h6, .contentTop h6, .underContentTop h6, h6.section
  {
    background: transparent url(/bf3/img/h5-border-bottom-orange.png) no-repeat 50% 100%;
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-size: 1.5em;
    text-align: center;
    text-shadow: 1px 1px 1px #4F4A4A;
    color: #FF9000;
    
    font-family: EnigmaticRegular, "Helvetica Neue", arial, sans-serif;
  }
   

  
/**
 * NAVIGATION
 */
      body > header nav ul { 
        height: 30px;
        padding: 43px 0 10px;
        font-family: EnigmaticRegular, "Helvetica Neue", arial, sans-serif;
        font-size: 1.6em;
        text-align: right;
        text-shadow: 5px 0 5px #000000;
      }

          body > header nav ul li { display: inline; }
          
          body > header nav a { 
            text-decoration: none;
            color: #A1A1A1 !important;
            padding: 0 10px;
          }
            body > header nav li.active a { color: #FFFFFF !important; }
            body > header nav a:hover { color: #D0D0D0 !important; }

            body > header nav a.external { padding-right: 20px; background: transparent url(/bf3/img/external.png) no-repeat 100% 100%; }

/**
 * CONTENT
 */
   body > section {
    padding: 20px 0;
    background: #EBEBEB url(http://www.madcw.at.ua/bf3/css/bg.png) repeat-x 0 0;
  }
   #aboveContent {
    padding: 20px 0 5px;
    
   }
   
    span.introImage { position: relative; display: block; height: 144px; }
    span.introImage img {
        -moz-border-radius: 5px;
             border-radius: 5px;
    }
    
      span.introImage.glass:after { 
        content: " ";
        background: transparent url(/bf3/img/glass.png) no-repeat 0 0;

        position: absolute;
        top: 0;  left: 0;

        display: block;
        width: 280px; height: 140px;

      }

 

  /* BOXED UL */
  ul.boxed { 
    margin: 0; 
    list-style: none;
    background: transparent url(http://www.madcw.at.ua/bf3/css/background-ul-sprite.png) no-repeat 0 -131px;
    padding-top: 20px;
    width: 300px;
  }
  
    ul.boxed li { 
      position: relative;
      display: block;
      height: 33px;
      background: transparent url(http://www.madcw.at.ua/bf3/css/background-ul-sprite.png) no-repeat 0 0;
      line-height: 33px;
      overflow: hidden;
    }
      ul.boxed li:hover { background-position: 0 -32px;}
      ul.boxed li.current { background-position: 0 -32px; font-style: italic; }
      ul.boxed li.current > a:after { color: #FF9900; content: " »"; }

      ul.boxed li time { display: none; }
      ul.boxed li:hover time {
        display: inline;
        position: absolute;
        top: 0; right: 10px;

        font-style: italic;
        color: #9F9F9F;
        font-size: .9em;
      }
      
      ul.boxed li:last-child { background-position: 0 -65px; }
      ul.boxed li:last-child:hover { background-position: 0 -98px; }
      
      ul.boxed li a { 
        display: block;
        color: #494949; 
        padding: 0 10px 0;
        text-decoration: none;
      }    
        ul.boxed li a.external { padding-left: 26px; background: transparent url(/bf3/img/external.png) no-repeat 10px 8px; }

      /* SUB MENUS */
      ul.boxed li.deeper ul { 
        margin-left: 0;
        background: #EBEBEB url(/bf3/img/background-noise-light.png) repeat;
      }
        ul.boxed li.deeper li{ padding-left: 20px; }

      
    /* FALLBACK */
    .ie7 ul.boxed li { line-height: 33px; }

  ul.boxed.bigger li { 
    background: transparent url(/bf3/img/background-twitter-sprite.png) no-repeat 0 0;
    height: 33px;

  }
    ul.boxed h5 { 
      font-size: 13px;
      line-height: 33px;
      background: none;
      margin: 0;
    }

  /**
   * ARTICLES
   */
  .article { 
    position: relative; 
    overflow: visible;
  }
    
    .article h1, 
    .article h2, 
    .article h3 {
      margin: 20px 0 10px;
    }
      article.article h1, 
      article.article h2 { font-weight: bold; }

    .article a { color: #444444; text-decoration: underline; }
    .article a:hover { color: #000; }

    .article p,
    .article ol,
    .article ul,
    .article blockquote {
      margin-bottom: 10px;
      line-height: 20px;
      font-size: 1.15em;
      text-align: justify;
      text-shadow: 1px 0 0 #FFFFFF;
    }
      .article blockquote,
      .article blockquote p { font-size: 13px; line-height: 16px; }

      .article p.subtitle { font-size: .9em; font-style: italic; }

      .article blockquote {
        margin: 20px 30px;
        padding-left: 20px;
        border-left: 1px solid #F90;
      }

      .article ul,
      .article ol {
        margin: 20px 30px;
      }
      
      .article span.introImage { float: left; }
      .article span.introImage img { margin: 0 15px 5px 0; }

      /**
       * ASIDE
       */
      .contentMiddle,
      .underContentMiddle { position: relative; }
      
      .contentMiddle article,
      .underContentMiddle article { position: relative; }
      
      .contentMiddle aside,
      .underContentMiddle aside { 
        position: absolute;
        right: -320px;
        width: 300px;
      }
      
      aside.article p.subtitle { font-size: .9em; color: #6F6868; line-height: normal; font-style: normal; }
  
      aside.article .info, 
      aside.article .socialMedia { 
        padding: 5px 0 5px;
        background: transparent url("/bf3/img/h3-border-bottom-orange.png") no-repeat 0 100%;
        text-align: left;
      }
      
      aside.article header { 
        margin: 0 0 25px; padding: 5px 0;    
        background: transparent url("/bf3/img/h3-border-bottom-orange.png") no-repeat 0 100%;
      }
        .info { text-align: left; }
        .info time,
        .info span { padding: 3px 10px 0 20px; font-size: 13px; }
          
          .info time { background: transparent url("/bf3/img/clock-dark.png") no-repeat 0 100%; }
          .info span.tags { background: transparent url("/bf3/img/tags-dark.png") no-repeat 0 100%; }
          .info span.views { background: transparent url("/bf3/img/pin-dark.png") no-repeat 0 100%; cursor: help; }
          .info span.comments { background: transparent url("/bf3/img/comments-dark.png") no-repeat 0 100%; }


    /**
     * GAME INFO
     */
    ul.gameInfo { margin: 0 0 30px 0; list-style: none; }

    ul.gameInfo li { 
      position: relative;
      padding: 2px 0 4px 20px;
      line-height: 18px;
    }
    ul.gameInfo li > span { font-weight: 700; }

    .contentRight .boxart { 
      float: right; 
      margin: 0 0 5px 10px;
    }

    ul.gameInfo li.rating { background: transparent url("/bf3/img/rating.png") no-repeat 0 3px; }
    ul.gameInfo li.platform { background: transparent url("/bf3/img/display.png") no-repeat 0 3px; }
    ul.gameInfo li.developer { background: transparent url("/bf3/img/cogs.png") no-repeat 0 3px; }
    ul.gameInfo li.publisher { background: transparent url("/bf3/img/publisher.png") no-repeat 0 3px; }
    ul.gameInfo li.releasedate { background: transparent url("/bf3/img/date.png") no-repeat 0 3px; }

  /**
   * CATEGORY lists
   */
  .catChildren { list-style: none; margin: 0; }
  .catChildren li { width: 602px; }
  .catChildren li > div { position: relative; margin-left: 110px; }

    .catChildren li .boxart { 
      position: absolute; 
      left: -110px;
      line-height: 0;
         -moz-box-shadow: 0 0 10px #3F3F3F; 
      -webkit-box-shadow: 0 0 10px #3F3F3F; 
              box-shadow: 0 0 10px #3F3F3F;
    }
    .catChildren li ul li { list-style: disc; width: auto; }


  /**
   * CATEGORY description
   */
  .category-desc ul {
    margin: 10px 0 0 10px;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    line-height: 28px
  }
    .catChildren li .category-desc ul { margin: 10px 0 10px 10px; }
    .catChildren li .category-desc li { list-style: none; }
    .catChildren li .category-desc li a { font-weight: bold; }

    /* fallback */
    .nocsscolumns .category-desc li {
      display: inline-block;
      width: 125px !important;
      line-height: 28px;
    }
  
    /* fallback Internet Exploder... */
      .ie7 .category-desc li,
      .ie8 .category-desc li {
        display: list-item;
        float: left;
        width: 145px !important;
        line-height: 28px
      }
      
      .ie7 .category-desc p,
      .ie8 .category-desc p { clear: left; }


  /**
   * NEWS articles
   */
  .newsItem { position: relative; }  
  
  .newsItem a { text-decoration: none; color: #494949; }

    .contentMiddle .newsItem a h3,
    .contentMiddle .newsItem a p,
    .contentMiddle .newsItem a > time,
    .contentMiddle .newsItem footer {
        margin-left: 290px;
    }

      .newsItem h3 { margin: 0 0 10px 0; }

      .newsItem > time { 
        float: left; 
        margin-right: 5px; 
        line-height: 20px;
      }
      
      .newsItem p { padding-bottom: 25px;}

      .contentMiddle .newsItem span.introImage {
          position: absolute;
          top: 10px; left: 10px;
      }

      .newsItem .subtitle { 
        padding-bottom: 5px; 
        margin-top: -10px;
      }
        .newsItem .subtitle .cat {
          font-style: italic;
          font-size: .9em;
        }
      
      .newsItem footer {
        position: absolute;
        bottom: 5px;
      }

      .newsItem .readmore { font-size: 12px; text-decoration: underline; }
      .newsItem span.cat { font-weight: 700;}

    /* FOOTER */
      
            .news-footer {
                position: relative;
                
                font-size: 1em;
                font-weight: normal;
    
                clear: left;
                text-align: right;
                z-index: 1;
            }

                .news-footer a {
                    position: relative;
                    top: -20px;
                    right: 25px;

                    background: transparent url(/bf3/img/background-btn-dark-right.png) no-repeat 100% 100%;
                    color: #E0E0E0;                 
                    text-shadow: 0 1px 0 #000000;
                    line-height: 30px;
                    padding: 9px 15px 7px 0;
                    
                    text-decoration: none;
                }

                .news-footer a:hover { color: #FFFFFF; }

                .news-footer a span {
                    position: absolute;
                    bottom:0; left:-15px;
                    background: transparent url(/bf3/img/background-btn-dark-left.png) no-repeat 0% 100%;
                    height: 29px;
                    width: 15px;
                }
                
                /* FALLBACK */
                .no-boxshadow #news-featured-footer a,
                .no-boxshadow #news-footer a {
                    top: -22px;
                }

  /* NEWS weapons */
  .contentMiddle .weapons .newsItem footer,
  .contentMiddle .weapons .newsItem .subtitle,
  .contentMiddle .weapons .newsItem .introtext { display: none; }
  
  .contentMiddle .weapons .newsItem h3 { margin-left: 0; }
  .contentMiddle .weapons .newsItem.wrap-hot h3 { padding-left: 45px; }
  .contentMiddle .weapons .newsItem .introImage { position: relative; top: 0; left: 0; }
  
  .contentMiddle .weapons .category-desc { margin-bottom: 20px; }
  
  .weapons .items-row > div { display: inline-block; margin-right: 15px; }
  .weapons .items-row > div.column-2 { margin-right: 0; }

  /* NEWS shortlist */
  .chatterNews ul { margin: 0; list-style: none; }
  .chatterNews li time { display: block; }
  .chatterNews h3 { margin-bottom: 5px; }
  .chatterNews h3:hover { background-position: 100% 100%; padding-left: 1px; }
  .chatterNews h3:hover:after { content: " »"; color: #FF9900; }

  .chatterNews a {
    text-decoration: none;
    color: #494949;
  }
  .chatterNews li { padding: 3px 0 5px; }

  /**
   * GALLERY
   */
  section.gallery .newsItem {
    width: 165px;
    float: left;
    margin-right: 20px;
  }
    
    section.gallery .newsItem a h3,
    section.gallery .newsItem a p,
    section.gallery .newsItem a time,
    section.gallery .newsItem footer {
        margin-left: 0;
    }
      section.gallery .newsItem footer,
      section.gallery .newsItem span.readmore,
      section.gallery .newsItem span.seperator,
      section.gallery .newsItem p.subtitle,
      section.gallery .newsItem p.introtext { display: none; }
      section.gallery .newsItem p { padding-bottom: 0; }
      section.gallery .newsItem p img { position: relative; }

      section.gallery img.noImage { display: none; }
      section.gallery .introImage img { width: auto !important; }
      
      section.gallery span.introImage.glass::after { background: none; width: 0; height: 0; }

    section.gallery .wrap-hot.newsItem a h3 { text-indent: 40px; }
    section.gallery .row-separator { clear: left; }

  /**
   * VIDEO GALLERY
   */
  .loadingPlayer { padding: 5px; }
  .article ul.videos { margin: 20px 0 20px; }
  .videos li {
    position: relative;
    display: inline-block;
    width: 200px;
    margin: 0 5px 0 0;
    z-index: 1;
  }
    .videos h3 {
      position: absolute;
      top: 3px; left: 0;
      margin: 0;
      padding: 0 5px;
      font: normal bold 13px/17px 'Helvetica Neue', Arial, sans-serif;
      color: #FFF;
      text-shadow: 1px 1px 2px #000;

      opacity: 0; height: 0; overflow: hidden;

    }
    .videos li:hover h3 {
      opacity: 1; 
      height: auto;
      
         -moz-transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
    }

    .videos .description {
      display: none;
      position: absolute;
      bottom: 3px; left: 3px;
      font: normal 13px/17px 'Helvetica Neue', Arial, sans-serif;
      text-shadow: none;
    }

/**
 * IMAGE GALLERY
 */
  .gallery.images {
    margin: 10px 0 20px;
    list-style: none;
  }
    .gallery.images li {
      position: relative;
      display: inline-block;
      width: 200px;
      margin-right: 5px;
    }
      .gallery.images li a { display: block; }
      .gallery.images li.glass a:after {
        content: ' ';
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100px;
        background: transparent url(/bf3/img/th_glass.png) no-repeat 0 0;
      }
  .preview .shadow { background-color: #000; text-align: center; height: 350 }
  .preview .shadow img { max-width: 620px; max-height: 350px; }

  .gallery .preview .shadow a img { vertical-align: top; }
  .gallery.images img.active { border-bottom: 2px solid #FF9000;}
  .gallery.images.reflectStyle.active {
    border-bottom: 1px solid #FF9D28;
    margin-bottom: 5px;
  }

  /**
   * FORUM content
   */  
    #forumsTabs,
    #fpForumContent { position: relative; min-height: 225px; }

      #forumsTopics,
      #forumsPosts { position: absolute; top: 0; left: 0; }
      /* hide posts at first, toggle with jQuery */
      #forumsPosts { display: none; }

        #fpForumContent .subtitle { font-size: 12px; }
        #fpForumContent .subtitle a { color: #444; text-decoration: underline; }
        #fpForumContent .subtitle a.active { color: #444; text-decoration: none; font-weight: 700; }

        #fpForumContent time { background: transparent url(/bf3/img/background-noise-light-faded-left.png) repeat-y 0 0; padding-left: 20px; }
        
        #toggleContent { margin-top: -10px; }
        
        

/**
 * BREADCRUMBS
 */
  #breadcrumbs { background: #EBEBEB url(/bf3/img/background-noise-light.png) repeat; position: relative; z-index: 1; }
  
  #breadcrumbs ul { padding-left: 6px; height: 30px; background: transparent url(/bf3/img/breadcrumbs-container-left.png) no-repeat 0% 100%; }
  #breadcrumbs li { float: left; padding-right: 5px; height: 30px; line-height: 30px; background: transparent url(/bf3/img/breadcrumbs-item-repeat.png) repeat-x 0% 100%; }

    #breadcrumbs li .seperator { float: left; width: 19px; height: 30px; padding: 0 5px; background: transparent url(/bf3/img/breadcrumbs-item-seperator.png) no-repeat 0% 100%; }
    #breadcrumbs li.last { padding: 0 10px 0 0; background: transparent url(/bf3/img/breadcrumbs-item-last.png) repeat-x 100% 100%; }
    #breadcrumbs li.home .seperator { display: none; }
    #breadcrumbs img { vertical-align: text-bottom; padding-left: 10px; }

  #breadcrumbs a { color: #444444; font-weight: bold; }

/**
 * PAGINATION
 */
  
  .article .pagenav { margin: 0; }
  .pagenav .pagenav-next { list-style: none; float: right; }
    .pagenav .pagenav-next a:hover { background-position: 0 -36px; }
    .pagenav .pagenav-next a { 
      display: block;
      width: 90px;
      height: 36px;
      line-height: 36px;
      text-indent: -999px; 
      overflow: hidden; 
      background: transparent url(/bf3/img/next.png) no-repeat 0 0;
      
      font-family: EnigmaticRegular, "Helvetica Neue", arial, sans-serif;
    }

  .pagenav .pagenav-prev { list-style: none; float: left; }
    .pagenav .pagenav-prev a:hover { background-position: 0 -36px; }
    .pagenav .pagenav-prev a { 
      display: block;
      width: 90px;
      height: 36px;
      line-height: 36px;
      text-indent: -999px; 
      overflow: hidden; 
      background: transparent url(/bf3/img/prev.png) no-repeat 0 0;
    }
  
  .pagination .counter { display: none; }
  .pagination ul { margin-left: 0; text-align: center; }
  .pagination li {
    border:0; margin:0; padding:0;
    font-size:12px;
    list-style:none;
    display: inline-block;
  }
  .pagination a {
    border:solid 1px #CCC;
    margin-right:2px;
  }
  .pagination .pagination-start,
  .pagination .pagination-end {
    color:#666666;
    padding:3px 4px;
  }
    .pagination .pagination-start .pagenav,
    .pagination .pagination-end .pagenav { color: #666666; } 

  
  .pagination .pagenav {
    color: #FF9900;
    padding:3px 4px;
    font-weight: 700;
  }
  .pagination .pagination-next,
  .pagination .pagination-prev {
    color: #666666;
    font-weight:bold;
  } 
    .pagination .pagination-next .pagenav,
    .pagination .pagination-prev .pagenav { color: #666666; } 

  .pagination a:link,
  .pagination a:visited {
    color:#494949;
    padding:3px 4px;
    text-decoration:none;
  }
  .pagination a:hover{ border:solid 1px #666666; }

  /**
   * PAGES
   */
  .pagenavcounter { font-weight: 700; }
  #article-index ul { 
    margin: 0 0 10px 0; 
    background: transparent url("/bf3/img/h3-border-bottom-orange.png") no-repeat 0 100%;
    list-style: none; 
  }
    #article-index li { 
      font-size: 13px;
    }
/*
 * SEARCH
 */
form#searchForm { margin-top: 20px; }
/*form#searchForm #searchInput { margin: 0 auto; width: 475px; }*/
form#searchForm #searchInput div input.inputbox { 
    font-size: 125%;
    border-color:#CCCCCC #CCCCCC;
    border-style:solid solid none;
    border-width:1px 1px medium;
    float:left;
    height:25px;
    padding:4px 10px 0 6px;
    vertical-align:top;
    width: 390px;
}
form#searchForm #searchInput button.searchButton { 
    font-size: 115%; 
    background: transparent url(/bf3/img/nav_logo13.png) no-repeat center bottom;
    border:medium none;
    cursor:pointer;
    height:30px;
    margin:0;
    vertical-align:top;
}

form#searchForm #searchInput .searchAdvanced { padding-top: 5px; }
form#searchForm #searchInput .searchAdvanced a { color: #6A6A6A; font-size: 75%; }
form#searchForm #searchInput ul#advancedBox { list-style: none; margin: 10px 10px 10px 5px; }
form#searchForm #searchInput ul#advancedBox li { border-left: 5px solid #6A6A6A; margin-bottom: 10px; padding-left: 10px; }

form#searchForm fieldset legend { background: #ECECEC url(/bf3/img/document-tag.png) no-repeat 5px 5px; }
form#searchForm fieldset legend span{ font-weight: bold; font-style: italic; }

ul#searchResults { list-style: none; margin: 20px 10px 10px 5px; }
ul#searchResults li { border-left: 5px solid #6A6A6A; margin-bottom: 20px; padding-left: 10px; }
ul#searchResults li span.small { font-size: 80%; }
ul#searchResults li a { color: #FF9D28; }
ul#searchResults li p { margin: 5px 0 0 0; }
ul#searchResults li p span.highlight { color: #000; font-weight: bold; font-style: italic; }

  /* FOOTER SEARCH */
  body footer .search { float: right; }
  body footer .search input[type=text] { padding: 2px 2px 2px 16px; background: #FFF url(/bf3/img/search.png) no-repeat 2px 50%; }
  
/**
 * CONTACT FORM
 */
form .inactive { color: #808080; font-size: 12px; font-style: italic; }
#system-message {
  margin: 10px 0px;
  padding: 10px 10px 10px 24px;
  min-height: 0;
}
  #system-message dt.warning { font-weight: 700; color: #DA2B36; }


.contact h2 span { font-size: 13px; }
.contact .contact-miscinfo { margin-bottom: 20px; }
.contact .contact-miscinfo p { margin-bottom: 10px; }


#contact-form p { margin-bottom: 10px; }
#contact-form input[type=text],
#contact-form textarea { padding: 4px; width: 325px; }
#contact-form legend { font-size: 14px; }
#contact-form label.radio { margin-right: 15px; }
#contact-form .star { font-weight: bold; color: #DA2B36; }

#contact-image img { max-width: 200px; vertical-align: text-bottom; }
#contact-image { 
  float: right; 
  margin: 0 0 5px 10px;
  line-height: normal;
  height: auto;
      
     -moz-box-shadow: 0 0 10px #3F3F3F; 
  -webkit-box-shadow: 0 0 10px #3F3F3F; 
          box-shadow: 0 0 10px #3F3F3F;
}


#contact-form p > span,
#jform_contact_email_copy-lbl {
  display: inline-block;
  width: 150px;
  vertical-align: top;
}
#jform_contact_email_copy { height: 21px; }

table.category { width: 400px; margin-top: 20px; }
table.category tr { height: 21px; }

/**
 * TWITTER
 */
  #contTwitter {
      background: transparent url(/bf3/img/background-twitter-sprite.png) no-repeat 0 -355px;
      padding-top: 20px;
  }
  #contTwitterBottom {
      background: transparent url(/bf3/img/background-twitter-bottom.png) no-repeat 0 100%;
      padding-bottom: 20px;
  }
      #contTwitter b { font-weight: normal; color: #8B8B8B; } /* hash-tags */
      #contTwitter ul { 
          margin: 0; 
          list-style: none;
          height: 225px;
          overflow: auto;
      }
      #contTwitter li {
          display: block;
          height: 54px;
          padding: 10px 15px;
          background: transparent url(/bf3/img/background-twitter-sprite.png) no-repeat 0 0;
          font-size: 12px;
      }
          #contTwitter li:hover { background-position: 0 -75px; }
          /*
          #contTwitter li:last-child { background-position: 0 -150px; }
          #contTwitter li:last-child:hover { background-position: 0 -225px; }
          */
          
          #contTwitter .user-icon { 
              width: 48px; height: 48px; 
              margin-top: 5px;
              float: left;
      
              -moz-border-radius: 4px;
                   border-radius: 4px;
          }
              .no-borderradius #contTwitter .user-icon { border: 1px solid #8B8B8B; } /* FALLBACK */
  
          #contTwitter time { float: right; color: #8B8B8B;}
          #contTwitter h6 { 
            background: none;
            font-weight: 700;
            margin: 0 0 0 60px !important;
          }
          #contTwitter p { margin-left: 60px; }
          
          
  .contentRight #contTwitter ul { height: 600px; padding-right: 20px; }
  .contentRight #contTwitter li { height: auto; padding: 10px 5px; background: transparent url(/bf3/img/background-twitter-higher.png) no-repeat 0 0 }
  .contentRight #contTwitter li p { line-height: normal; }
  .contentRight #contTwitter li h6 { line-height: normal; font-size: 14px; }
  .contentRight #contTwitter .user-icon { margin-top: 4px; }

/**
 * VIDEO PLAYLIST
 */
.videoOverlay {
  background-color: rgb(0, 0, 0);
  opacity: 0.9; 
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index: 99;
}
.contPlaylist {
  width: 620px;
    height: 190px;
    overflow: auto;
}
  .contPlaylist li { margin-right: 8px; }
  .contPlaylist .thumbnail span { position: relative;  display: block; height: 144px; }
        .contPlaylist .thumbnail span img {
            -moz-border-radius: 3px;
                 border-radius: 3px;
        }
        
            .contPlaylist .thumbnail span.glass:after { 
                content: " ";
                background: transparent url(/bf3/img/glass.png) no-repeat 0 0;

                position: absolute;
                top: -5px; left: 0;

                display: block;
                width: 280px; height: 140px;

            }
  .contPlaylist.grid { height: auto; overflow: hidden; }
  .contPlaylist.grid li { margin: 0 6px 7px 0; }
  .contPlaylist.grid span.introImage img { margin: 0; }

.videoControls { display: none; padding-top: 3px; overflow: visible; }
.audioControls { padding-top: 5px; }
.dimmer { padding: 2px 0 0 16px; background: transparent url(/bf3/img/lightbulb.png) no-repeat 0 50%; }
.podcast { padding: 2px 0 0 16px; background: transparent url(/bf3/img/ipod.png) no-repeat 0 50%; }
#closeDimmer {
  position:absolute;
  bottom:-20px;
  right:0;

  display:block;
  width:16px;
  height:16px;
  
  cursor: pointer;
  background-image:url(/bf3/img/close.png);
}

/**
 * WEAPON STATS
 */
.weaponStatBox { width: 400px; }
  .weaponStat { position: relative; height: 140px; }
  .weaponStat .weaponImage { position: absolute; top: 60px; left: 10px; z-index: 1; }
  .weaponStat .weaponImage img { width: 150px; }
  .weaponStat object, .weaponStat embed { position: absolute; top: 0; right: 0; z-index: 2; }

/**
 * BOTTOM
 */
#bottom { 
  width:960px;
  margin: 0 auto;
  text-align: center;
}
  #bottom p.advertisement { 
    margin: 15px auto 10px;
    font-size: 11px;
    background: transparent url(/bf3/img/h5-border-bottom-orange.png) no-repeat 50% 100%;
  }

/**
 * FOOTER
 */
body > footer {
  padding: 20px 0;
  border-top: 1px solid #FF9000;
  background: #141A25 url(http://www.madcw.at.ua/bf3/menu/map.png) repeat;
  color: #E9E9E9;
}
  body > footer a { color: #ECECEC; text-decoration: none; }
  body > footer p.copyright { text-align: center; font-size: .9em; }
  body > footer ul { margin: 0; list-style: none; }
  
  #footer form { float: right; }

  /**
   * SOCIAL MEDIA
   */
  #socialmedia { padding-bottom: 20px; color: #494949; font-size: 12px; }
  #socialmedia a { color: #494949; padding-left: 8px;  }
  #socialmedia li { float: left; width: 301px; margin-right: 18px; }
  #socialmedia li.last { margin-right: 0; }
  #socialmedia li a:hover { background-position: 0 -34px; }
  #socialmedia li a {
    background: transparent url(/bf3/img/background-footer-button-sprite.png) no-repeat 0 0;
    display: block;
    width: 293px; height: 34px;
    line-height: 34px;
  }
    #socialmedia li img { vertical-align: middle; }
    
    #socialmedia h4 {
      margin-bottom: 10px;
      background: transparent url(/bf3/img/h3-border-bottom-orange.png) no-repeat 0% 100%;
      font-family: EnigmaticRegular, "Helvetica Neue", arial, sans-serif;
      font-size: 1.2em;
      font-weight: normal;
      color: #FFFFFF;
      
      text-shadow: 0 1px 0 #494949;
    }
  
      #socialmedia li .title a span { padding-left: 60px; }
      #socialmedia li.twitter .title a span { background: transparent url(/bf3/img/logo-twitter.png) no-repeat 0 50%; }
      #socialmedia li.youtube .title a span { background: transparent url(/bf3/img/logo-youtube.png) no-repeat 0 50%; }
      #socialmedia li.facebook .title a span { background: transparent url(/bf3/img/logo-facebook.png) no-repeat 0 50%; }
      

      #socialmedia .description {
        margin-top: 10px;
        padding: 10px;
        height: 45px;
        background: transparent url("/bf3/img/background-noise-article.png") repeat 0 0;
        
        font-size: .9em;
        line-height: 16px;
        
        -moz-border-radius: 4px;
           border-radius: 4px;      
      }
        #socialmedia .description.twitter { position: relative; margin-left: 46px; }
          #socialmedia .description.twitter span.bird { 
            position: absolute;
            top: 0; left: -45px;
            width: 45px; height: 39px;
            background: transparent url(/bf3/img/footer-twitter-overlay.png) no-repeat 0 0;
          }
        
        #socialmedia .description.facebook { height: 45px; }

  /**
   * FOOTER MENU
   */
  .navFooter > li { 
    margin-right: 30px;
    display: inline-block;
    color: #FF9900;
    text-shadow: 0px 1px 1px #000000;
    vertical-align: top;
  }
    .navFooter > li a { color: #FF9900;}
  
  /* sub */
  .navFooter li ul { margin-top: 10px; text-shadow: none; }
    .navFooter li li a { color: #FFF; }
    .navFooter li li.active a { font-weight: bold; }

/**
 * HEADER IMAGES
 */

body .headerImage { height: 150px; }

  /* height of header */
  body.height300 .headerImage { height: 300px; }
  body.height225 .headerImage { height: 225px; }
  body.height200 .headerImage { height: 200px; }
  body.height125 .headerImage { height: 125px; }

  /* actual images... */
  body.default .headerImage     { background: transparent url(/bf3/img/header-default.jpg) no-repeat 50% 100%; }
  body.default2 .headerImage     { background: transparent url(http://www.madcw.at.ua/bf3/img/headerBO22v3.jpg) no-repeat 50% 100%; }

  body.blackops .headerImage     { background: transparent url(http://www.madcw.at.ua/bf3/img/header-blackops.jpg) no-repeat 50% 100%; }
  body.blackops2 .headerImage     { background: transparent url(/bf3/css/dw_header2.png) no-repeat 50% 100%; }
  body.battlefield3 .headerImage   { background: transparent url(/bf3/img/header-battlefield3.jpg) no-repeat 50% 100%; }
  body.modernwarfare3 .headerImage{ background: url(http://www.madcw.at.ua/bf3/css/BF4_background_1366x850.jpg) no-repeat 50% 15%; }

/**
 * POLL OVERRIDES
 */
.pds-links { text-align: left !important; }
.pds-pd-link { display:none !important; }
.pds-box {
      background: #E0E0E0 url(/bf3/img/background-noise-article2.png) repeat !important;
      
      -moz-border-radius: 4px !important;
         border-radius: 4px !important;
      
         -moz-box-shadow: 0 0 10px #3F3F3F !important;
      -webkit-box-shadow: 0 0 10px #3F3F3F !important; 
              box-shadow: 0 0 10px #3F3F3F !important;
}
/**
 * Internet Exploder flag
 */
#internetExploder {
  padding:  10px;
  border-top: 1px solid #FF9000;
  background: #141A25 url(/bf3/img/background-noise-dark.png) repeat;
  color: #E9E9E9;
}
#internetExploder p { width: 940px; margin: 0 auto; padding: 0 10px; }
#internetExploder .warning {
  display: block; float: left; padding-right: 5px; width: 20px;
  background: transparent url(/bf3/img/exclamation-diamond-frame.png) no-repeat;
}

/**
 * SHADOWBOX
 */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/bf3/img/close.png);}
#sb-nav-next{background-image:url(/bf3/img/next.png);}
#sb-nav-previous{background-image:url(/bf3/img/previous.png);}
#sb-nav-play{background-image:url(/bf3/img/play.png);}
#sb-nav-pause{background-image:url(/bf3/img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/**
 * BOILER PLATE OVERRIDES
 */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media all and (orientation:portrait) { }

@media all and (orientation:landscape) { }

@media screen and (max-device-width: 480px) { 
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}





.sitepreloader { background:#000; width:100%; height:100%; position:absolute; text-align:center; z-index:999999; position:fixed; }
.sitepreloader #outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
.sitepreloader #container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 65px;
}
.sitepreloader #inner {
	width: 102px;
	height: 65px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;


#body{}  
  ::-webkit-scrollbar  
  {  
  width: 5px;  
  height: 5px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #ffffff;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  
  }

div.moduletitle {
border-top: 1px solid #0B0B0D;
border-bottom: 1px solid #3F3F3F;
border-left: 1px solid #0B0B0D;
border-right: 1px solid #3F3F3F;
background: url("/clan/moduletitle-bg.png") repeat-x left bottom;
}
div.moduletitle {
line-height: 28px;
margin: 0;
color: white;
font-weight: bold;
font-size: 16px;
padding: 0 4px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
overflow: hidden;
position: relative;
background: url(/clan/moduletitle-bg.png) repeat-x 0 0;
}