Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

[Resolvido] Problema de responsabilidade

$
0
0
Boas pessoal.

Estou a desenvolver um site e tenho um pequeno problema com a imagem de topo do site.
Todo o site se redimensiona nos diferentes dispositivos excepto a imagem de topo.

Será que me podem ajudar?

Site:

Imagem Colocada


código html
Código (HTML):
<!DOCTYPE html>
<html dir="ltr" lang="pt-PT">
   <head>
          <meta charset="utf-8">
          <title>Jornal "O Concelho de Estarreja"</title>
          <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
          <!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
          <link rel="stylesheet" href="style.css" media="screen">
          <!--[if lte IE 7]>
          <link rel="stylesheet" href="style.ie7.css" media="screen" />
          <![endif]-->
          <link rel="stylesheet" href="style.responsive.css" media="all">
          <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans&subset=latin">
          <script src="jquery.js"></script>
          <script src="script.js"></script>
          <script src="script.responsive.js"></script>
          <style> .content .postcontent-0 .layout-item-0 { border-top-style:solid;border-left-style:solid;border-top-width:0px;border-left-width:1px;
                 border-top-color:#BDC8CC;border-left-color:#BDC8CC;  }
                 .content .postcontent-0 .layout-item-1 { border-top-width:1px;border-top-style:solid;border-top-color:#BDC8CC;margin-top: 10px;
                 margin-bottom: 10px;  }
                 .content .postcontent-0 .layout-item-2 { border-right-style:solid;border-right-width:1px;border-right-color:#BDC8CC;
                 padding-right: 10px;padding-left: 10px;  }
                 .ie7 .post .layout-cell {border:none !important; padding:0 !important; }
                 .ie6 .post .layout-cell {border:none !important; padding:0 !important; }
          </style>
</head>
   <body>
          <div id="main">
                 <header class="header">
                        <div class="shapes">
                        </div>
                 </header>
                 <nav class="nav">
                        <ul class="hmenu">
                           <!-- <li><a href="no-user-multimedia.php">Multimédia</a></li> -->
                           <li><a href="no-user-agenda.php">Agenda</a></li>
                           <li><a href="no-user-contactos.php">Contactos</a></li>
                           <li><a href="no-user-faleconnosco.php">Fale Connosco</a></li>
                        </ul>
                 </nav>
                 <div class="sheet clearfix">
                        <div class="layout-wrapper">
                           <div class="content-layout">
                                  <div class="content-layout-row">
                                         <div class="layout-cell sidebar1">
                                                <div class="vmenublock clearfix">
                                                   <div class="vmenublockcontent">
                                                          <ul class="vmenu">
                                                                 <li>
                                                                        <a href="" class="">Notícias</a>
                                                                        <ul>
                                                                           <li>
                                                                                  <a>Concelho</a>
                                                                                  <ul>
                                                                                         <li><a href="no-user-avanca.php">Avanca</a></li> <!-- alterar isto para enviar o nome no url e só termos uma página para de notcias -->
                                                                                         <li><a href="no-user-beluido.php">Beduído</a></li>
                                                                                         <li><a href="no-user-canelas.php">Canelas</a></li>
                                                                                         <li><a href="no-user-fermela.php">Fermelã</a></li>
                                                                                         <li><a href="no-user-pardilho.php">Pardilhó</a></li>
                                                                                         <li><a href="no-user-salreu.php">Salreu</a></li>
                                                                                         <li><a href="no-user-veiros.php">Veiros</a></li>
                                                                                  </ul>
                                                                           <li><a href="no-user-nacional.php">Nacional</a></li>
                                                                           <li><a href="no-user-mundial.php">Mundial</a></li>
                                                                           <li><a href="no-user-desporto.php">Desporto</a></li>
                                                                           <li><a href="no-user-politico.php">Político</a></li>
                                                                        </ul>
                                                                 </li>
                                                                 <!-- <li><a href="no-user-colaboradores.php">Colaboradores</a></li> -->
                                                                 <li>
                                                                        <!-- <a href="no-user-arquivo.php">Arquivo</a> -->
                                                                        <!--<ul>
                                                                           <li><a href="no-user-arquivoopinioes.php">Opiniões</a></li>
                                                                           <li><a href="no-user-arquivonoticias.php">Notícias</a></li>
                                                                           </ul> -->
                                                                 </li>
                                                                 <li><a href="no-user-ultimasedicoes.php">Últimas edições</a></li>
                                                                 <!--  <li><a href="no-user-coleccao.php">Colecção de Jornais</a></li> -->
                                                          </ul>
                                                   </div>
                                                </div>
                                         </div>
                                         <div class="layout-cell content">
                                                <article class="post article">
                                                   <div class="postcontent postcontent-0 clearfix">
                                                          <div class="content-layout layout-item-0">
                                                                 <div class="content-layout-row">
                                                                        <div class="layout-cell layout-item-2" style="width: 100%">
                                                                          <?php
                  include('bd/init.php');
                  $sql = "SELECT * FROM noticias WHERE Estado='Activa' ORDER BY Data DESC, Hora ASC LIMIT 15";
                  $executar = mysql_query($sql) or die(mysql_error());
                  while ($reg = mysql_fetch_array($executar)) {
                  ?>
                  <form action="no-user-ler-noticia.php" method="post">
                  <input type=hidden name=id value=<?php echo $reg['id'] ?> readonly>
                   <h3><?php echo $reg['titulo'];  ?></h3>
                        <?php echo '<img src="user/paineldegestao/imagens/' . $reg['imagem1'] . '"  class="floatLeft"/>'; ?>
                   <p><?php echo $reg['resumo'];  ?></p>
                  <input type="submit" value="Leia mais" name="Submit" class="button" />
                  </form>
                  <div style="clear: both"></div>
                  <div class="content-layout-br layout-item-1">
                  </div>
                  <?php          
                  }
                  ?>
               
                                                                        </div>
                                                                 </div>
                                                          </div>
                                                          <div class="content-layout-br layout-item-1">
                                                          </div>
                                                   </div>
                                                </article>
                                         </div>
                                         <div class="layout-cell sidebar2">
                                                <div class="block clearfix">
                                                   <br>
                                                   <iframe src="[url="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=150&wkst=1&bgcolor=%23FFFFFF&src=jornalocde%40gmail.com&color=%232952A3&ctz=Europe%2FLisbon"]https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=150&wkst=1&bgcolor=%23FFFFFF&src=jornalocde%40gmail.com&color=%232952A3&ctz=Europe%2FLisbon"[/url] style=" border-width:0 " width="100%" height="160" frameborder="0" scrolling="no"></iframe>
                                                   <br>
                                                   <br>
                                                   <div class="blockheader" style="width:70%">
                                                          <h3 class="t">Login</h3>
                                                   </div>
                                                   <div class="blockcontent">
                                                          <form action="bd/login.php" method="post" name="login" id="form-login">
                                                                 <fieldset class="input" style="border: 0 none;">
                                                                        <p id="login-username" style="text-align:center">
                                                                           <label for="username">Utilizador</label>
                                                                           <br />
                                                                           <input id="username" type="text" name="username" class="inputbox" style="width:100%" align="center" />
                                                                        </p>
                                                                        <br>
                                                                        <p id="login-password" style="text-align:center">
                                                                           <label for="passwd">Password</label>
                                                                           <br />
                                                                           <input id="passwordd" type="password" name="password" class="inputbox" style="width:100%" align="center"/>
                                                                           <br>
                                                                        </p>
                                                                        <p id="form-login-remember">
                                                                           <label class="checkbox">
                                                                           </label>
                                                                        </p>
                                                                        <input type="submit" value="Login" name="Submit" class="button" />  
                                                                 </fieldset>
                                                                 <ul>
                                                                        <li>
                                                                           <a href="forgotpass.php">Esqueceu-se das suas credenciais?</a>
                                                                        </li>
                                                                        <li>
                                                                           <a href="novoregisto.php">Criar Conta</a>
                                                                        </li>
                                                                 </ul>
                                                          </form>
                                                   </div>
                                                </div>
                                         </div>
                                  </div>
                           </div>
                        </div>
                        <footer class="footer">
                           <p><a href="no-user-quemsomos.php">Quem somos</a> | <a href="no-user-assinaturas.php">Assinaturas</a> | <a href="no-user-fichatecnica.php">Ficha Técnica</a></p>
                           <p>Copyright © 2013. All Rights Reserved.</p>
                        </footer>
                 </div>
          </div>
   </body>
</html>

A imagem encontra-se na class header.

código css
Código (CSS):
#main
{
   background: #B3CEDB;
   background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background: -webkit-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background: -moz-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background: -o-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background: -ms-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   -svg-background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
   background-attachment: fixed !important;
   margin:0 auto;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 150%;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.hmenu
{
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 150%;
}
h1, h3, h5, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}
p
{
   margin: 0;
   padding: 0;
   text-align: justify;
 
}
h6
{
        text-align: right;
}
h2
{
text-align: center;
}
img.floatLeft {
        float: left;
        margin: 2%;
}
/* Reset buttons border. It's important for input and button tags.
* border-collapse should be separate for shadow in IE.
*/
.button
{
   border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #508DAA;
   background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -webkit-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -moz-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -o-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -ms-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   -svg-background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
   height:31px;
}
.postcontent,
.postheadericons,
.postfootericons,
.blockcontent,
ul.vmenu a
{
   text-align: left;
}
.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent p
{
   margin: 12px 0;
}
.postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover,
.postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover,
.postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover,
.postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover,
.postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover,
.postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover,
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover,
.slogan, .slogan a, .slogan a:link, .slogan a:visited, .slogan a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
   font-size: 30px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}
.postcontent a, .postcontent a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #5290AD;
}
.postcontent a:visited, .postcontent a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #8EA1A9;
}
.postcontent  a:hover, .postcontent a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #FFB175;
}
.postcontent h1
{
   color: #6F8790;
   margin: 10px 0 0;
   font-size: 30px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h1
{
   margin: 10px 0 0;
   font-size: 30px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited
{
   font-size: 30px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h2
{
   color: #6F8790;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h2
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited
{
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h3
{
   color: #8EA1A9;
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h3
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited
{
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h4
{
   color: #232B2E;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h4
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited
{
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h5
{
   color: #232B2E;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h5
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited
{
   font-size: 20px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h6
{
   color: #54666E;
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h6
{
   margin: 10px 0 0;
   font-size: 16px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited
{
   font-size: 16px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #hmenu-bg, .sheet, .hmenu a, .vmenu a, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}
header, footer, article, nav, #hmenu-bg, .sheet, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
ul
{
   list-style-type: none;
}
ol
{
   list-style-position: inside;
}
html, body
{
   height: 100%;
}
body
{
   padding: 0;
   margin:0;
   min-width: 700px;
   color: #121617;
}
.header:before, #header-bg:before, .layout-cell:before, .layout-wrapper:before, .footer:before, .nav:before, #hmenu-bg:before, .sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.header:after, #header-bg:after, .layout-cell:after, .layout-wrapper:after, .footer:after, .nav:after, #hmenu-bg:after, .sheet:after,
.cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}
form
{
   padding: 0 !important;
   margin: 0 !important;
}
table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}
li h1, .postcontent li h1, .blockcontent li h1
{
   margin:1px;
}
li h2, .postcontent li h2, .blockcontent li h2
{
   margin:1px;
}
li h3, .postcontent li h3, .blockcontent li h3
{
   margin:1px;
}
li h4, .postcontent li h4, .blockcontent li h4
{
   margin:1px;
}
li h5, .postcontent li h5, .blockcontent li h5
{
   margin:1px;
}
li h6, .postcontent li h6, .blockcontent li h6
{
   margin:1px;
}
li p, .postcontent li p, .blockcontent li p
{
   margin:1px;
}

.shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}
.slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}
.slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}
.slidenavigator > a:last-child {
   margin-right: 0 !important;
}
.header
{
   margin:1% auto 0;
   position: relative;
   height: 250px;
   width: 90%;
   background-image: url('images/header.png');
   background-position: center top;
   background-repeat: no-repeat;
}
.responsive .header
{
   background-image: url('images/header.png');
   background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
}
.header-inner{
   position: relative;
   min-width: 694px;
   max-width: 1728px;
   width: 90%;
   z-index: auto !important;
   margin: 0 auto;
   overflow: auto;
}
.header>.widget
{
   position:absolute;
   z-index:101;
}
.nav
{
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:6px;
   margin:10px auto 0;
   position: relative;
   z-index: 499;
   text-align: center;
}
ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover
{
   outline: none;
   position: relative;
   z-index: 11;
}
ul.hmenu, ul.hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}
ul.hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}
ul.hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}
ul.hmenu:after, ul.hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.hmenu, ul.hmenu ul
{
   min-height: 0;
}
ul.hmenu
{
   display: inline-block;
   vertical-align: middle;
   padding-left: 4px;
   padding-right: 4px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.nav:before
{
   content:' ';
}
.desktop .nav{
   min-width: 700px;
   max-width: 1728px;
   width: 90%;
   padding-left: 9px;
   padding-right: 9px;
}
.hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}
.hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}
.hmenu
{
   float: center;
}
.menuitemcontainer
{
   margin:0 auto;
}
ul.hmenu>li {
   margin-left: 11px;
}
ul.hmenu>li:first-child {
   margin-left: 5px;
}
ul.hmenu>li:last-child, ul.hmenu>li.last-child {
   margin-right: 5px;
}
ul.hmenu>li>a
{
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   padding:0 32px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 39px;
   cursor: pointer;
   text-decoration: none;
   color: #1A2E37;
   line-height: 39px;
   text-align: center;
}
.hmenu a,
.hmenu a:link,
.hmenu a:visited,
.hmenu a.active,
.hmenu a:hover
{
   font-size: 20px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}
ul.hmenu>li>a.active
{
   background: #508DAA;
   background: rgba(80, 141, 170, 0.7);
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   padding:0 32px;
   margin:0 auto;
   color: #182B34;
   text-decoration: none;
}
ul.hmenu>li>a:visited,
ul.hmenu>li>a:hover,
ul.hmenu>li:hover>a {
   text-decoration: none;
}
ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a
{
   background: #508DAA;
   background: rgba(80, 141, 170, 0.8);
   -webkit-border-radius:11px;
   -moz-border-radius:11px;
   border-radius:11px;
   padding:0 32px;
   margin:0 auto;
}
ul.hmenu>li>a:hover,
.desktop ul.hmenu>li:hover>a {
   color: #21282B;
   text-decoration: none;
}
ul.hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -11px;
   width:11px;
   height: 39px;
   background: url('images/menuseparator.png') center center no-repeat;
}
ul.hmenu>li:first-child:before{
   display:none;
}
ul.hmenu ul
{
   display: none;
}
.sheet
{
   background: #FFFFFF;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   border:1px solid #A8B7BD;
   padding:3px;
   margin:10px auto 0;
   position:relative;
   cursor:auto;
   width: 90%;
   min-width: 700px;
   max-width: 1728px;
   z-index: auto !important;
}
.layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}
.content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}
.content-layout-row
{
   display: table-row;
}
.layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* need only for content layout in post content */
.postcontent .content-layout
{
   border-collapse: collapse;
}
.vmenublock
{
   background: #DCE2E4;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px dotted #A8B7BD;
   margin:15px;
}
div.vmenublock img
{
   margin: 0;
}
.vmenublockcontent
{
   margin:0 auto;
}
ul.vmenu, ul.vmenu ul
{
   list-style: none;
   display: block;
}
ul.vmenu, ul.vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}
ul.vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}
ul.vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}
ul.vmenu ul.active
{
   display: block;
}
ul.vmenu>li>a
{
   background: #BDC8CC;
   background: rgba(189, 200, 204, 0.4);
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   padding:0 10px;
   margin:0 auto;
   color: #49595F;
   min-height: 32px;
   line-height: 32px;
}
ul.vmenu a
{
   display: block;
   cursor: pointer;
   z-index: 1;
   font-size: 18px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   position:relative;
}
ul.vmenu li{
   position:relative;
}
ul.vmenu>li
{
   margin-top: 0;
}
ul.vmenu>li>ul
{
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}
ul.vmenu>li:first-child
{
   margin-top:0;
}
ul.vmenu>li>a:before
{
   content:url('images/vmenuitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu>li>a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
ul.vmenu>li>a.active:before
{
   content:url('images/vmenuactiveitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu>li>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
ul.vmenu>li>a:hover:before,  ul.vmenu>li>a.active:hover:before,  ul.vmenu>li:hover>a:before,  ul.vmenu>li:hover>a.active:before
{
   content:url('images/vmenuhovereditemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu>li>a:hover:before, .opera   ul.vmenu>li>a.active:hover:before, .opera   ul.vmenu>li:hover>a:before, .opera   ul.vmenu>li:hover>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
   background: #508DAA;
   background: rgba(80, 141, 170, 0.4);
   padding:0 10px;
   margin:0 auto;
}
ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
   text-decoration: none;
}
ul.vmenu a:hover, ul.vmenu a.active:hover
{
   color: #404E54;
}
ul.vmenu>li>a.active:hover>span.border-top, ul.vmenu>li>a.active:hover>span.border-bottom
{
   background-color: transparent;
}
ul.vmenu>li>a.active
{
   background: #508DAA;
   background: rgba(80, 141, 170, 0.4);
   padding:0 10px;
   margin:0 auto;
   text-decoration: none;
   color: #2F5465;
}
ul.vmenu>li>ul:before
{
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
ul.vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.vmenu li li{
   position: relative;
   margin-top: 6px;
}
ul.vmenu ul a
{
   display: block;
   position: relative;
   min-height: 34px;
   overflow: visible;
   padding: 0;
   padding-left: 24px;
   padding-right: 24px;
   z-index: 0;
   line-height: 34px;
   color: #4D5E65;
   font-size: 16px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}
ul.vmenu ul a:visited, ul.vmenu ul a.active:hover, ul.vmenu ul a:hover, ul.vmenu ul a.active
{
   line-height: 34px;
   color: #4D5E65;
   font-size: 16px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}
ul.vmenu ul ul a
{
   padding-left: 48px;
}
ul.vmenu ul ul ul a
{
   padding-left: 72px;
}
ul.vmenu ul ul ul ul a
{
   padding-left: 96px;
}
ul.vmenu ul ul ul ul ul a
{
   padding-left: 120px;
}
ul.vmenu ul>li>a:hover, ul.vmenu ul>li>a.active:hover
{
   background: #BDC8CC;
   background: rgba(189, 200, 204, 0.4);
   margin:0 auto;
}
ul.vmenu ul li a:hover, ul.vmenu ul li a.active:hover
{
   text-decoration: none;
   color: #49595F;
}
ul.vmenu ul a:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:after
{
   background-position: bottom ;
}
ul.vmenu ul>li>a.active
{
   background: #A8B7BD;
   background: rgba(168, 183, 189, 0.4);
   margin:0 auto;
}
ul.vmenu ul a.active, ul.vmenu ul a:hover, ul.vmenu ul a.active:hover
{
   text-decoration: none;
   color: #47565C;
}
.block
{
   margin:10px;
}
div.block img
{
   border: 1px dotted #94A6AD;
   margin: 3px;
}
.blockheader
{
   background: #508DAA;
   background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -webkit-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -moz-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -o-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: -ms-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   -svg-background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:8px 5px;
   margin:0 auto;
}
.blockheader .t,
.blockheader .t a,
.blockheader .t a:link,
.blockheader .t a:visited,
.blockheader .t a:hover
{
   color: #D5E4EB;
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 10px;
   text-align: center;
}
.blockcontent
{
   background: #FFFFFF;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   color: #232B2E;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
}
.blockcontent table,
.blockcontent li,
.blockcontent a,
.blockcontent a:link,
.blockcontent a:visited,
.blockcontent a:hover
{
   color: #232B2E;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
}
.blockcontent p
{
   margin: 0 5px;
}
.blockcontent a, .blockcontent a:link
{
   color: #78A9BF;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
.blockcontent a:visited, .blockcontent a.visited
{
   color: #AEBCC1;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
.blockcontent a:hover, .blockcontent a.hover
{
   color: #9EC1D1;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
.block ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -14px;
}
.opera .block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.block li
{
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
   color: #121617;
}
.block ul>li, .block ol
{
   padding: 0;
}
.block ul>li
{
   padding-left: 14px;
}
.breadcrumbs
{
   margin:0 auto;
}
a.button,
a.button:link,
a:link.button:link,
body a.button:link,
a.button:visited,
body a.button:visited,
input.button,
button.button
{
   text-decoration: none;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #DCE2E4;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 31px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}
.button img
{
   margin: 0;
   vertical-align: middle;
}
.firefox2 .button
{
   display: block;
   float: left;
}
input, select, textarea, a.search-button span
{
   vertical-align: middle;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
.block select
{
   width:96%;
}
input.button
{
   float: none !important;
}
.button.active, .button.active:hover
{
   background: #994200;
   background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   background: -webkit-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   background: -moz-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   background: -o-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   background: -ms-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   -svg-background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
}
.button.active, .button.active:hover {
   color: #D7DDE0 !important;
}
.button.hover, .button:hover
{
   background: #FF7A14;
   background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   background: -moz-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   background: -o-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   background: -ms-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   -svg-background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
}
.button.hover, .button:hover {
   color: #381800 !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #FFFFFF;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #A8B7BD;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: 100%;
   padding: 6px 0;
   color: #232B2E !important;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.error, textarea.error
{
   background: #FFFFFF;
   border:1px solid #F5250A;
   margin:0 auto;
}
input.error, textarea.error {
   color: #232B2E !important;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search input[type="text"]
{
   background: #FFFFFF;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #A8B7BD;
   margin:0 auto;
   width: 100%;
   padding: 6px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #232B2E !important;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}
form.search input, a.search-button
{
   top:0;
   right:0;
}
form.search>input, a.search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}
form.search input[type="submit"], input.search-button, a.search-button
{
   margin:0 auto;
}
form.search input[type="submit"], input.search-button, a.search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #DCE2E4 !important;
   cursor: pointer;
}
a.search-button span.search-button-text {
   display: none;
}
label.checkbox:before
{
   background: #FFFFFF;
   background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -webkit-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -moz-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -o-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -ms-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -svg-background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A8B7BD;
   margin:0 auto;
   width:20px;
   height:20px;
}
label.checkbox
{
   cursor: pointer;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #232B2E !important;
}
.checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}
label.checkbox.active:before
{
   background: #B6DFF1;
   background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -moz-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -o-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -ms-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   -svg-background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #94A6AD;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}
label.checkbox.hovered:before
{
   background: #CBDEE7;
   background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -webkit-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -moz-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -o-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -ms-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -svg-background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #94A6AD;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}
label.radiobutton:before
{
   background: #FFFFFF;
   background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -webkit-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -moz-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -o-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -ms-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -svg-background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #A8B7BD;
   margin:0 auto;
   width:20px;
   height:20px;
}
label.radiobutton
{
   cursor: pointer;
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 20px;
   display: inline-block;
   color: #232B2E !important;
}
.radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}
label.radiobutton.active:before
{
   background: #B6DFF1;
   background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -moz-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -o-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: -ms-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   -svg-background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #94A6AD;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}
label.radiobutton.hovered:before
{
   background: #CBDEE7;
   background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -webkit-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -moz-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -o-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: -ms-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -svg-background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
   border:1px solid #94A6AD;
   margin:0 auto;
   width:20px;
   height:20px;
   display: inline-block;
}
.comments
{
   margin:0 auto;
   margin-top: 25px;
}
.comments h2
{
   color: #232B2E;
}
.comment
{
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #94A6AD;
   padding:10px;
   margin:0 auto;
   margin-top: 6px;
}
.comment-avatar
{
   width:80px;
   height:80px;
   padding:1px;
   background:#fff;
   border:1px solid #BDC8CC;
   float:right;
}
.comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}
.comment-content
{
   padding:10px 0;
   color: #232B2E;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment:first-child
{
   margin-top: 0;
}
.comment-inner
{
   margin-left: 0;
   margin-right: 84px;
}
.comment-header
{
   color: #232B2E;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-header a,
.comment-header a:link,
.comment-header a:visited,
.comment-header a.visited,
.comment-header a:hover,
.comment-header a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-header a, .comment-header a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #294857;
}
.comment-header a:visited, .comment-header a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #49595F;
}
.comment-header a:hover,  .comment-header a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FF770F;
}
.comment-content a,
.comment-content a:link,
.comment-content a:visited,
.comment-content a.visited,
.comment-content a:hover,
.comment-content a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-content a, .comment-content a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #294857;
}
.comment-content a:visited, .comment-content a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #49595F;
}
.comment-content a:hover,  .comment-content a.hovered
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FF770F;
}
.pager
{
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px dotted #9ABFD0;
   padding:5px;
   margin:3px;
   text-align:left;
}
.pager>*:last-child,
.pager>*:last-child:hover
{
   margin-right:0;
}
.pager>span {
   cursor:default;
}
.pager>*
{
   background: #CBDEE7;
   background: transparent;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   padding:7px;
   margin:0 7px 0 auto;
   position:relative;
   display:inline-block;
   margin-left: 0;
}
.pager a:link,
.pager a:visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #232B2E
;
}
.pager .active
{
   background: #9ABFD0;
   background: transparent;
   padding:7px;
   margin:0 7px 0 auto;
   color: #232B2E
;
}
.pager .more
{
   background: #CBDEE7;
   background: transparent;
   margin:0 7px 0 auto;
}
.pager a.more:link,
.pager a.more:visited
{
   color: #232B2E
;
}
.pager a:hover
{
   background: #9ABFD0;
   padding:7px;
   margin:0 7px 0 auto;
}
.pager  a:hover,
.pager  a.more:hover
{
   color: #14181A
;
}
.pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   border-right:1px solid #74A6BE;
   right: -4px;
   text-decoration:none;
}
.pager>*:last-child:after{
   display:none;
}
.commentsform
{
   background: #DCE2E4;
   background: transparent;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-top:25px;
   color: #232B2E;
}
.commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #232B2E;
}
.commentsform label {
   display: inline-block;
   line-height: 25px;
}
.commentsform input:not([type=submit]), .commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}
.commentsform .form-submit
{
   margin-top: 10px;
}
.post
{
   padding:5px;
   margin:10px;
}
a img
{
   border: 0;
}
.article img, img.article, .block img, .footer img
{
   border: 1px solid #94A6AD;
   margin: 10px 10px 10px 10px;
}
.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}
.article table, table.article
{
   border-collapse: collapse;
   margin: 1px;
}
.post .content-layout-br
{
   height: 0;
}
.article th, .article td
{
   padding: 2px;
   border: dotted 1px #94A6AD;
   vertical-align: top;
   text-align: left;
}
.article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}
pre
{
   overflow: auto;
   padding: 0.1em;
}
.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}
.image-caption-wrapper
{
   padding: 10px 10px 10px 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.image-caption-wrapper div.collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}
.postmetadataheader
{
   background: #BDC8CC;
   background: rgba(189, 200, 204, 0.6);
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
}
.postheader
{
   color: #2A3337;
   margin: 6px 0;
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
.postheader a,
.postheader a:link,
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
   font-size: 26px;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
.postheader a, .postheader a:link
{
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #5593AF;
}
.postheader a:visited, .postheader a.visited
{
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #647982;
}
.postheader a:hover,  .postheader a.hovered
{
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #5C97B2;
}
.postheadericons,
.postheadericons a,
.postheadericons a:link,
.postheadericons a:visited,
.postheadericons a:hover
{
   font-size: 12px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #3A464B;
}
.postheadericons
{
   padding: 1px;
}
.postheadericons a, .postheadericons a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #14181A;
}
.postheadericons a:visited, .postheadericons a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #404E54;
}
.postheadericons a:hover, .postheadericons a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #4E8BA6;
}
.postdateicon:before
{
   content:url('images/postdateicon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postdateicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postauthoricon:before
{
   content:url('images/postauthoricon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postauthoricon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postpdficon:before
{
   content:url('images/postpdficon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postpdficon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postemailicon:before
{
   content:url('images/postemailicon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postemailicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postediticon:before
{
   content:url('images/postediticon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postediticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postcontent ul>li:before, .opera   .post ul>li:before, .opera   .textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.postcontent li, .post li, .textblock li
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #374348;
   margin: 5px 0 5px 13px;
}
.postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol
{
   padding: 0;
}
.postcontent ul>li, .post ul>li, .textblock ul>li
{
   padding-left: 14px;
}
.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
   margin-left: -14px;
}
.postcontent ol, .post ol, .textblock ol, .postcontent ul, .post ul, .textblock ul
{
   margin: 1em 0 1em 13px;
}
.postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul
{
   margin: 0.5em 0 0.5em 13px;
}
.postcontent li, .post li, .textblock li
{
   margin: 5px 0 5px 0;
}
.postcontent ol>li, .post ol>li, .textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}
.postcontent ul>li, .post ul>li, .textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}
blockquote
{
   background: #DCE2E4 url('images/postquote.png') no-repeat scroll;
   padding:10px 10px 10px 47px;
   margin:0 0 0 20px;
   color: #49595F;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .postcontent blockquote a, .blockcontent blockquote a, .footer blockquote a,
blockquote a:link, .postcontent blockquote a:link, .blockcontent blockquote a:link, .footer blockquote a:link,
blockquote a:visited, .postcontent blockquote a:visited, .blockcontent blockquote a:visited, .footer blockquote a:visited,
blockquote a:hover, .postcontent blockquote a:hover, .blockcontent blockquote a:hover, .footer blockquote a:hover
{
   color: #49595F;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}
/* Override native 'p' margins*/
blockquote p,
.postcontent blockquote p,
.blockcontent blockquote p,
.footer blockquote p
{
   margin: 0;
}
.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}
.Sorter a
{
   position:relative;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4B85A0;
}
.Sorter a:link
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4B85A0;
}
.Sorter a:visited, .Sorter a.visited
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #4B85A0;
}
.Sorter a:hover, .Sorter a.hover
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #396579;
}
.Sorter
{
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#294857;
}
.footer
{
   background: #A8B7BD;
   background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   background: -webkit-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   background: -moz-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   background: -o-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   background: -ms-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   -svg-background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
   -webkit-border-radius:0 0 3px 3px;
   -moz-border-radius:0 0 3px 3px;
   border-radius:0 0 3px 3px;
   padding:8px;
   margin:0 auto;
   position: relative;
   color: #000000;
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}
.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer td,
.footer th,
.footer caption
{
   color: #000000;
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer p
{
   padding:0;
   text-align: center;
}
.footer a,
.footer a:link
{
   color: #315768;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.footer a:visited
{
   color: #54666E;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.footer a:hover
{
   color: #15262D;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.footer h1
{
   color: #94A6AD;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h2
{
   color: #94A6AD;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h3
{
   color: #A8B7BD;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h4
{
   color: #7D939B;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h5
{
   color: #7D939B;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h6
{
   color: #7D939B;
   font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer img
{
   border: none;
   margin: 0;
}
.rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:16px;
   min-width:16px;
   display: inline-block;
   text-indent: 19px;
   background-position: left center;
}
.rss-tag-icon:empty
{
   vertical-align: middle;
}
.facebook-tag-icon
{
   background:  url('images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}
.facebook-tag-icon:empty
{
   vertical-align: middle;
}
.twitter-tag-icon
{
   background:  url('images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}
.twitter-tag-icon:empty
{
   vertical-align: middle;
}
.footer ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -12px;
}
.opera .footer ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
        bottom: 0;
}
.footer li
{
   font-size: 14px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #090B0C;
}
.footer ul>li, .footer ol
{
   padding: 0;
}
.footer ul>li
{
   padding-left: 12px;
}
.page-footer,
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #5F747C;
}
.page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #3A464B;
}
.lightbox-wrapper
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}
.lightbox,
.lightbox-wrapper .lightbox-image
{
   cursor: pointer;
}
.lightbox-wrapper .lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}
.lightbox-wrapper .lightbox-image.active
{
   display: inline-block;
}
.lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}
.lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}
.lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}
.lightbox-wrapper .arrow.left
{
   left: 9px;
}
.lightbox-wrapper .arrow.right
{
   right: 9px;
}
.lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}
.lightbox-wrapper .arrow.disabled
{
   display: none;
}
.lightbox-wrapper .arrow-t,
.lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}
.lightbox-wrapper .arrow-t
{
   top: 38px;
}
.lightbox-wrapper .arrow-b
{
   top: 50px;
}
.lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}
.lightbox-wrapper .close:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}
.lightbox-wrapper .close .cw,
.lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}
.lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
        -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
        -o-transform: rotate(45deg);
   /* Opera */
        -moz-transform: rotate(45deg);
/* Firefox */}
.lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
        -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
        -o-transform: rotate(-45deg);
   /* Opera */
        -moz-transform: rotate(-45deg);
/* Firefox */}
.lightbox-wrapper .close-alt,
.lightbox-wrapper .arrow-right-alt,
.lightbox-wrapper .arrow-left-alt
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}
.ie8 .lightbox-wrapper .close-alt,
.ie8 .lightbox-wrapper .arrow-right-alt,
.ie8 .lightbox-wrapper .arrow-left-alt
{
   display: block;
}
.ie8 .lightbox-wrapper .cw,
.ie8 .lightbox-wrapper .ccw
{
   display: none;
}
.content-layout .sidebar1
{
   background: #BDC8CC;
   background: transparent;
   -webkit-border-radius:3px 0 0;
   -moz-border-radius:3px 0 0;
   border-radius:3px 0 0;
   margin:0 auto;
   width: 20%;
}
.content-layout .content
{
   margin:0 auto;
}
.content-layout .sidebar2
{
   background: #BDC8CC;
   background: transparent;
   -webkit-border-radius:0 3px 0 0;
   -moz-border-radius:0 3px 0 0;
   border-radius:0 3px 0 0;
   margin:0 auto;
   width: 20%;
}

Viewing all articles
Browse latest Browse all 14700