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):
A imagem encontra-se na class header.
código css
Código (CSS):
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:

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>
<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%;
}
{
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%;
}