/*
Template Name: Influenzanet Main
Description: CSS for deployment on the Influenzanet website 
Author: Antwan Wiersma (http://www.prime-creation.com/)
Version: 1.2
*/


/* influweb Fonts */

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=72ee94fa-68df-4796-aacc-aaede6c8f684");
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
font-weight: lighter;
font-style: normal;
}
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/7630b6bd-16c5-4dc9-b9e1-59ead28d3467.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/7630b6bd-16c5-4dc9-b9e1-59ead28d3467.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/9c3db207-1259-472f-9958-aa460cf8a464.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/2b853dcc-6980-40ad-b789-72d01bdf1ab9.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/6e10e416-807e-4ab6-974e-3233682fa882.svg#6e10e416-807e-4ab6-974e-3233682fa882") format("svg");
font-weight: lighter;
font-style: italic;

}
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/a1aa4fc0-53bc-4c86-8676-08b50b66376d.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/a1aa4fc0-53bc-4c86-8676-08b50b66376d.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/4686edb2-41cf-4e4b-87ee-b09427921b44.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/cb1c872a-9eb4-4fdb-b73c-5134dd5f1f3c.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/f5ee9809-e24e-46cd-aa5e-f3e5b6b4be0a.svg#f5ee9809-e24e-46cd-aa5e-f3e5b6b4be0a") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/8da986f2-24b4-4752-84ae-6620bf9c2b56.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/8da986f2-24b4-4752-84ae-6620bf9c2b56.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/188de9c9-6566-416c-8575-07c461cf8f79.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/fbdfb853-f7d1-4a02-b257-ac2c14b84fbc.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/5901d324-b47a-43ef-b310-97e09bfc930f.svg#5901d324-b47a-43ef-b310-97e09bfc930f") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/414fcac8-505f-4289-88ee-4b81418c8190.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/414fcac8-505f-4289-88ee-4b81418c8190.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/8aa768c0-545d-4502-b4a8-d3ab9e188bde.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/ffb00ab0-2f0a-45fe-8783-ccd35e6871c0.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/ba4fe024-beb5-4c66-9cd1-c737a3071f0a.svg#ba4fe024-beb5-4c66-9cd1-c737a3071f0a") format("svg");
font-weight: bold;
font-style: normal;

}
@font-face{
font-family:"Helvetica-Influweb";
src:url("/media/base/font/Helvetica-Influweb/90c7278d-fd27-4f24-8d2e-5bd654224ab6.eot?#iefix");
src:url("/media/base/font/Helvetica-Influweb/90c7278d-fd27-4f24-8d2e-5bd654224ab6.eot?#iefix") format("eot"),url("/media/base/font/Helvetica-Influweb/9b555c3d-7de8-4d48-aac8-928b3d465c77.woff") format("woff"),url("/media/base/font/Helvetica-Influweb/f01ae5ae-76ce-4a7a-9e20-04f7fe8ddf53.ttf") format("truetype"),url("/media/base/font/Helvetica-Influweb/386b06da-aa61-4609-8936-89e987d90a22.svg#386b06da-aa61-4609-8936-89e987d90a22") format("svg");
font-weight: bold;
font-style: italic;
}

/* Colors */

#account ul.anonymous li, #account ul.member li, #searchbar input#searchsubmit, input#commentsubmit {
 background: #4D4D4D;
}

#account ul.anonymous li:hover, #account ul.member li:hover, #searchbar input#searchsubmit:hover, input#commentsubmit:hover {
 background: #000;
}

#col2 p.title, #col3 p.title {
 background: rgb(57,188,196);
}

#col1 a,
#col2 a,
#col3 a {
 color: #009FE3;
}

#box input#boxsubmit,
.submitbutton {
 background: rgb(57,188,196);
}

/* Main */

html body {
 font-family: Helvetica-Influweb, Helvetica, sans-serif;
 line-height: 1.2em;
 font-size: 16px;
 -webkit-text-size-adjust: none; 
 color: black;
 background: #d5d5d5;
}

body, p {
 margin:0;
 padding: 0;
}

#header ul,
#header li,
ul.archive {
 list-style: none;
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}

img {
 border: 0;
}

.left {
 float: left;
}

.imgleft {
 float: left;
 margin: 10px 10px 4px 0;
}

.right {
 float: right;
}

.imgright {
 float: right;
 margin: 10px 0 4px 10px;
}

#page {
 width: 974px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

.boldred {
 color: #A20000;
 font-weight: bold;
 font-size: 1.2em;
}

.boldgreen {
 color: #01761f;
 font-weight: bold;
 font-size: 1.2em;
}

.disable {
 display: none !important;
}


/* Influenzanet bar */

#influenzabar {
 width: 974px;
 margin: 10px auto 0 auto;
 background: black;
}

p.influenzanet {
 height: 22px;
 padding: 11px 26px 0 240px;
 text-align: right;
 color: #c8c8c8;
 font-size: 11px;
 overflow: hidden;
}

p.toggle {
 background: url(../img/influbar/triangle_white_closed.png) top left no-repeat,
             url(../img/main/influenzanetlogo.png) no-repeat 30px 2px/200px;
 cursor: pointer;
}

p.expanded {
 background: url(../img/influbar/triangle_white_opened.png) top left no-repeat,
             url(../img/main/influenzanetlogo.png) no-repeat 30px 2px/200px;
 cursor: pointer;
}

p.toggle a:focus,
a.close:focus {
 background: #000000;
}

p.toggle a {
 color: #c8c8c8;
 text-decoration: none;
}

.influenzabarcontent,
.influenzamapcontent {
 display: none;
}

div.influenzabarcontent{
 width: 950px;
 overflow: auto;
 padding: 0 12px 16px 12px;
 text-align: left;
 color: #ffffff;
 font-size: 0.75em;
 line-height: 1.3em;
 background: #444444;
}

a.jsclose {
 display: none;
}

a:link.close {
 color: #b2b2b2;
 text-decoration: underline;
}

.show {
 display: block;
}

#epiwork {
 float: left;
 width: 266px;
 margin: 14px 0 0 0;
 padding: 12px;
 color: #000000;
 background: #ffffff;	
}

#epiwork a {
 color: #484848;
 font-weight: bold;
}

#participants {
 float: right;
 width: 146px;
 margin: 14px 0 0 0;
 padding: 12px;
 background: #222222;
}

#participants img {
 vertical-align: middle;
}

#participants a {
 margin: 0 4px 0 0;
}

#influenzatext {
 padding: 14px 194px 0 302px;
 font-size: 0.9em;
}

.europe_map {
 height: 210px;
 width: 950px;
 overflow: hidden;
 padding: 0;
 background: #444444;
 border-top: 3px solid #ffffff;
 border-left: 12px solid #ffffff;
 border-right: 12px solid #ffffff; 
}


/* Mobily Map */

.loader {
 background: url(../img/influbar/map/loader.gif) no-repeat center #fff;
}

.bubble .close {
 display: block;
 text-indent: -9999px;
 position: absolute;
 top: -6px;
 right: -6px;
 width: 16px;
 height: 16px;
 outline: none;
 background: url(../img/influbar/map/close.png) no-repeat;
 cursor: pointer;
}

.mapNav {
 width: 84px;
 height: 84px;
}

.navBtn {
 position: absolute;
 background-repeat: no-repeat;
 width: 32px;
 height: 32px;
 outline: none;
 text-indent: -9999px;
 display: block;
 z-index: 7;
}

.navBtn0 {
 top: 0;
 left: 26px;
 background-image: url(../img/influbar/map/navtop.png);
}

.navBtn1 {
 top: 26px;
 right: 0;
 background-image: url(../img/influbar/map/navright.png);
}

.navBtn2 {
 bottom: 0;
 left: 26px;
 background-image: url(../img/influbar/map/navbottom.png);
}

.navBtn3 {
 top: 26px;
 left: 0;
 background-image: url(../img/influbar/map/navleft.png);
}

.point {
 display: block;
 margin: -100px 0 0 0;
 text-indent: -9999px;
 width: 40px;
 height: 64px;
 outline: none;
 background: url(../img/influbar/map/marker_ch.png) no-repeat;
 cursor: pointer;
}

.point:hover, .point:active, .point:focus { background-position: -40px 0; }

.nl { background: url(../img/influbar/map/marker_nl.png) no-repeat; }
.be { background: url(../img/influbar/map/marker_be.png) no-repeat; }
.de { background: url(../img/influbar/map/marker_de.png) no-repeat; }
.at { background: url(../img/influbar/map/marker_at.png) no-repeat; }
.ch { background: url(../img/influbar/map/marker_ch.png) no-repeat; }
.se { background: url(../img/influbar/map/marker_se.png) no-repeat; }
.uk { background: url(../img/influbar/map/marker_uk.png) no-repeat; }
.fr { background: url(../img/influbar/map/marker_fr.png) no-repeat; }
.pt { background: url(../img/influbar/map/marker_pt.png) no-repeat; }
.es { background: url(../img/influbar/map/marker_es.png) no-repeat; }
.it { background: url(../img/influbar/map/marker_it.png) no-repeat; }
.ie { background: url(../img/influbar/map/marker_ie.png) no-repeat; }
.dk { background: url(../img/influbar/map/marker_dk.png) no-repeat; }

.bubble {
 margin: -106px 0 0 0;
 padding: 10px;
 background: #333;
 color: #fff;
 width: 120px;
 font-size: 11px;
 line-height: 16px;
 text-align: center;
/*-- css3 --*/
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-box-shadow: 0 0 10px #999;
 -webkit-box-shadow: 0 0 10px #999;
}

.bubble p {
 margin: 5px 0;
}

.bubble a {
 color: #ffffff;
}

.bubble span {
 display: block;
 font-size: 12px;
 font-weight: bold;
}

.bubble img {
 margin: 0 0 6px 0;
 vertical-align: bottom;
}

.imgCaption {
 bottom:0;
 left:0;
 color:#fff;
 opacity:.7;
// -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
// filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 background:#333;
 padding:7px 7px 0 10px;
 width:940px;
 text-align:left;
 font-size:14px;
 text-shadow:1px 1px 0 #111;
 font-weight:bold;
}

#mapbuttons {
 width: 954px;
 padding: 2px 10px 0 10px;
 background: #ffffff;
 font-weight: bold;
}

#buttonbar {
 width: 938px;
 height: 20px;
 margin: -4px 0 0 2px;
 padding: 4px 6px 8px 6px;
 background: #696969;
}

ul.map_buttons,
ul.map_buttons li {
 display: block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.map_buttons li {
 float: left;
}

#buttonbar a {
 color: #bebebe;
 display: block;
 font-size: 11px;
 line-height: 20px;
 margin-right: 4px;
 padding: 0 5px 2px 5px;
 text-decoration: none;
}

#buttonbar a:hover,
#buttonbar a:active {
 color: #ffffff;
}

.map_buttons {
 float: left;
}


/* Header */

#header {
 float: left;
 width: 974px;
 padding: 18px 0 12px;
 background: #ffffff;
}


#headerlogo {
 float: left;
 padding: 0;
 margin: 0 0 0 60px;
 position: relative;
}

#account {
 float: right;
 margin: 0 12px 10px 0;
 text-align: center;
 font-size: 0.75em;
}

#account p {
 margin: 0 0 4px 0;
 font-size: 0.95em;
}

#account a {
 color: #999999;
 text-decoration: none;
}

#account a:hover {
 text-decoration: underline;
}

#account ul {
 
}

#account ul li {
 text-align: center;
 margin-bottom: 2px;
 padding: 2px 2px 3px 2px;
 font-size: 0.95em;
}

#account ul.member li a,
#account ul.anonymous li a {
 display: block;
 text-decoration: none;
 color: #f8f8f8;
}

#account ul.anonymous li:hover,
#account ul.member li:hover {
 cursor: pointer;
}

.loggedinas {
 width: 150px;
 padding: 4px 0 0 0;
 line-height: 1.3em;
}

#navigation {
 width: 974px;
 clear: both; 
 text-align: center;
}
#menubars {  
 height: 36px; 
 overflow: hidden;
 border-bottom: 1px solid;
 margin-left: 12px;
 margin-right: 12px; 
}

#menubar {
 display: inline-block; 
 font-size: 1.25em;
}

#menubar li {
 float: left;
 margin: 0;
}

#menubar li a {
 display: block;
 height: 2em;
 padding: 0 10px 0 10px; 
 text-decoration: none;
 color: black;
 
 font-size: 18px;
 font-weight: 200;
 line-height: 2em;
 text-align: center;
 vertical-align: middle;
}

#menubar li a:hover { 
 color: #39BCC2;
}

#menubar li.selected a,
#menubar li.ancestor a{   

 color: #39BCC2;
 
}

#menubar li.error {
}

#submenu {
 float: left;
 clear: left;
 width: 736px;
 overflow: hidden;
 background: url("../img/main/submenu.jpg") no-repeat right top #e8e8e8;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 0.7em;
 padding: 2px 4px 3px 0;
 margin: 0 0 4px 0;
}

#submenu li,
#submenu li a {
 float: left;
 margin: 0 0 0 8px;
 color: #8e8e8e;
 text-decoration: none;
}

#submenu li.selected a {
 color: #2E2E31;
 text-decoration: underline;
}

#submenu li:first-child {
 margin: 0 0 0 3px;  
}

#searchbar {
 float: right;
}

#searchbar input {
 margin: 0;
 vertical-align: middle;
}

#searchbar input#searchfield {
 float: left;
 height: 2em;
 width: 111px;
 padding: 0 4px 0 4px;
 font-size: 0.7em;
 line-height: 2em;
 background-color: #ffffff;
 border: 1px solid #cccccc;
}

#searchbar input#searchfield:focus {
 background-color: #f0f0f0;
 border: 1px solid #000000;
}

#searchbar input#searchsubmit {
 height: 2.2em;
 width: auto;
 margin: 0 0 0 8px;
 padding: 0 6px 2px 6px;
 font-size: 0.7em;
 line-height: 2.2em;
 border: 0;
 color: #f8f8f8;
 text-align: center;
 cursor: pointer;
}

#searchbar input#searchsubmit:hover {
 cursor: pointer;
}


/* Forms */

form.contact_form label,
input#id_name,
input#id_email,
textarea#id_body {
    float: left;
    clear: left;
}

input {
 margin: 0;
 vertical-align: middle;
}

input#id_name,
input#id_email,
textarea#id_body {
 height: 2em;
 width: 300px;
 margin: 0 0 10px 0;
 padding: 0 4px 0 4px;
 font-size: 1em;
 line-height: 2em;
 background-color: #ffffff;
 border: 1px solid #cccccc;
}

textarea#id_body {
 width: 400px;
 height: 114px;
 font-size: 12px;
 line-height: 1.2em;
 padding: 4px;
}

input#id_name:focus,
input#id_email:focus,
textarea#id_body:focus {
 background-color: #f0f0f0;
 border: 1px solid #000000;
}

input#commentsubmit {
 height: 2.2em;
 width: auto;
 margin: 0;
 padding: 0 6px 2px 6px;
 font-size: 0.7em;
 line-height: 2.2em;
 border: 0;
 color: #f8f8f8;
 font-weight: bold;
 text-align: center;
 cursor: pointer;
 float: left;
 clear: left;
}

input#commentsubmit:hover {
 cursor: pointer;
}


/* Applet basics */

#applet {
 font-size: 0.7em;
 line-height: 1.4em;
 background: #ffffff;
}

#applet ul {
 margin: 0;
 padding: 0;
}

#applet li {
 display: inline;
 margin: 0;
 padding: 0;
}

#applet li p {
 padding: 20px 4px 20px 4px;
 text-align: left;
}


/* Modal box */

#boxwrapper {
 position: absolute;
 height: 50%;
 width: 50%;
 left: 25%;
 top: 10%;
}

#box {
 position: absolute;
 left: 50%;
 width: 240px;
 margin: 0 0 0 -150px;
 padding: 30px 30px 40px 30px;
 font-size: 0.8em;
 background: #ffffff;
}

#box img {
 margin: 30px 0 -24px -9px;	
}

#box h1 {
 margin: 6px 0 16px 0;
 padding: 0;
 color: #595959;
 font-size: 1.6em;
 line-height: 1.1em;
}

#box a {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
}

#box a:hover {
 text-decoration: underline;
}

#box form {
 margin: 10px 0 10px 0;
}

#box input {
 height: 2em;
 width: 180px;
 padding: 0 4px 0 4px;
 margin: 0;
 font-size: 1em;
 line-height: 1em;
 background: #ffffff;
 border: 1px solid #cccccc;
}

#box input:focus {
 background-color: #f0f0f0;
 border: 1px solid #000000;
}

#box label {
 display: inline-block;
 width: 180px;
 margin: 10px 30px 2px 0;
 color: #aaaaaa;
}

#box input#boxsubmit {
 height: 2.2em;
 width: auto;
 margin: 16px 0 0 0;
 padding: 0 10px 3px 10px;
 font-size: 1em;
 line-height: 2.2em;
 border: 0;
 color: #f8f8f8;
 text-align: center;
 cursor: pointer;
}

#box input#boxsubmit:hover,
#box input#boxsubmit:focus {
}

#box ul.errorlist li {
 display: block;
 clear: both;
 margin: 14px 0 -5px 0;
 padding: 0;
 font-size: 0.8em;
 line-height: 1.4em;
 color: red;
 font-weight: bold;
}


/* Columns */

#colmask {
 position: relative;
 clear: both;
 float: left;
 width: 100%;
 overflow: hidden;
 background: #ffffff;
}

#colmid {
 float: left;
 width: 200%;
 position: relative;
 left: 314px;
 background: #ffffff;
 border-left: 1px solid black;
}

#colright {
 float: left;
 width: 100%;
 position: relative;
 left: 50%;
 margin-left: -510px;
 background: #ffffff;
 border-left: 1px solid black;
}

#col1wrap {
 float: right;
 width: 50%;
 position: relative;
 right: 100%;
}

#col1pad {
 margin: 0 13px 0 521px;
 overflow: hidden;
}

#col1 {
 width: 100%;
 min-height: 300px;
 overflow: hidden;
}

#col2 {
 float: left;
 width: 290px;
 min-height: 300px;
 position: relative;
 margin-left: -50%;
 left: 206px;
 overflow: hidden;
}

#col3 {
 float: left;
 width: 170px;
 min-height: 300px;
 position: relative;
 left: 12px;
 overflow: hidden;
}


/* 2 Columns */

#colleft {
 float: left;
 width: 200%;
 position: relative;
 left: 314px;
 background: #ffffff;
 border: 0px solid #e2e2e2;
}

#colleftpad {
 margin: 0 13px 0 206px;
 overflow: hidden;
}


/* Footer */

#footer {
 clear: both;
 float: left;
 width: 100%;
 padding: 30px 0 0 0;
 background: #ffffff;
}

#footercontent-main {
 background: url("../img/main/footerbar-main.gif") repeat-x scroll center bottom #575757;
 border-top: 2px solid #909090;
 color: #F8F8F8;
 font-size: 0.75em;
 overflow: auto;
 padding: 20px 14px 18px;
 width: 946px;
}


#footercontent-client {
 
 color: #F8F8F8;
 font-size: 0.75em;
 padding: 14px 14px 18px;
 width: 946px;
}

#footercol1, #footercol2, #footercol3 {
 float: left;
 padding: 0 30px 16px 0;
}

#footercol1 {
 width: 340px;
 padding: 0 60px 16px 50px; 
}

#footer img {
 display: block;
 margin: 0 0 14px -53px;
}

#footercol2 {
 width: 230px;
}

#footercol3 {
 width: 200px;
}

#footer h2 {
 margin: 12px 0 21px 0;
 padding: 0; 
}

#footerclose {
 width: 946px;
 padding: 8px 14px 10px 14px;
 background: #000000;
 border-top: 2px solid #222222;
 border-bottom: 10px solid #d5d5d5;
 color: #f8f8f8;
 font-weight: bold;
 font-size: 0.75em;
}

#footer a, #footerclose a {
 color: #f8f8f8;
 text-decoration: none;
 font-weight: bold;
}

#footer a:hover, #footerclose a:hover {
 color: #f8f8f8;
 text-decoration: underline;
}


/* Content */

hr {
 border-color: #e2e2e2;
 border-style: solid;
 border-width: 1px 0 0;
 clear: both;
 margin: 14px 0 14px 0;
 height: 0;
}

#col1 ul {
 margin: 0;
 padding: 0 0 0 20px;
}

#col1 ol {
 margin: 0;
 padding: 0 0 0 24px;
}

#col1 li {
 margin: 0;
 padding: 0;
 /* font-weight: bold; */
 line-height: 1.2em;
 font-weight: 200;
 margin-bottom: 0.5em;
}

#col1 > ul > li {
  font-size: 14px;
}

#col1 > ol > li,
#col2 > ul > li,
#col2 > ol > li,
#col3 > ul > li,
#col3 > ol > li { /* Reduce size only for the first level */
 font-size: 0.7em;
}

#col1 label,
#col2 label,
#col3 label {
 font-size: 0.9em;
 font-weight: bold;
}

#col1 li label,
#col2 li label,
#col3 li label {
 font-size: 0.7em;
}

#col1 p,
#col2 p,
#col3 p {
 margin: 1em 0 1em 0;
 font-size: 0.9em;
 line-height: 1.2em;
 font-weight: 200; 
}

#col1 img.left {
 margin: 0 14px 0 0; 
}

#col1 img.right {
 margin: 0 0 0 14px; 
}

#col2 a { 
 display: block;
}

#col2 p a { 
 display: inline;
}

#col1 a,
#col2 a,
#col3 a {
 text-decoration: none;
 color: #009FE3;
}

#col1 a:hover,
#col2 a:hover,
#col3 a:hover {
 text-decoration: underline;
}

.dlicon {
 margin: 0 -2px -4px 0;
}

.dllink {
 font-size: 0.7em;
 line-height: 1.5em;
}

#col1 h1 {
 margin: 6px 0 12px 0;
 padding: 0;
 color: #0a0a0a;
 font-size: 1.2em;
 line-height: 1.1em;
}

#col1 h2 {
 margin: 18px 0 12px 0;
 padding: 0;
 color: #000000;
 font-size: 1em;
}

#col1 h3 {
 margin: 18px 0 12px 0;
 padding: 0;
 color: #767676;
 font-size: 1em;
}

#col2 p.title, #col3 p.title {
 margin: 4px 0 0 0;
 padding: 2px 8px 2px 8px;
 color: #fefefe;
 font-weight: bold;
 font-size: 1em;
}

#col2 h2,
#col3 h2 {
 margin: 8px 0 12px 0;
 padding: 0;
 color: #0a0a0a;
 font-size: 1em;
}

#col1 ul.messages {
 list-style: none;
 margin: 0 0 20px 0;
 padding: 0;	
}

ul.bullets {
 margin: 0 0 0.7em 0;
}

ul.bullets li {
 list-style: disc inside none;
 font-size: 0.7em;
 line-height: 1.4em;
}

.specialitem {
 margin: 10px 0 10px 0;
 padding: 20px;
 text-align: center;
 background-color: #dfdbdb;
 border: 1px solid #cccccc;
}

.graphitem {
 float: left;
 width: 332px;
 margin: 5px 10px 12px 0;
 padding: 16px;
 text-align: center;
 background-color: #dfdbdb;
 border: 1px solid #cccccc;
}

.graphitem img {
 width: 320px;
 border: 6px solid #ffffff;
}

.biggraphitem {
 float: left;
 width: 708px;
 margin: 5px 10px 12px 0;
 padding: 16px;
 text-align: center;
 background-color: #dfdbdb;
 border: 1px solid #cccccc;
}

.biggraphitem img {
 width: 706px;
 border: 6px solid #ffffff;
}

.source {
 clear: both;
}

.ui-tabs .ui-tabs-panel {
 width: 764px;
 overflow: hidden;
 padding: 0 !important;
 margin: 10px 0 10px 0;
}

.facebook {
 margin: 8px 0 0 -6px;
}


/* Banner styles*/

.banner {
 text-align: left;
}


/* Survey styles*/

table.imagetable {
 font-family: verdana,arial,sans-serif;
 font-size: 11px;
 color: #333333;
 border-width: 1px;
 border-color: #999999;
 border-collapse: collapse;
}

table.imagetable th {
 background: #A22C22;
 color: #FFFFFF;
 border-width: 1px;
 padding: 8px;
 border-style: solid;
 border-color: #999999;
}

table.imagetable td {
 background: #dcddc0;
 border-width: 1px;
 padding: 8px;
 border-style: solid;
 border-color: #999999;
}


/* Journal */

ul.archive {
 margin: 10px 0 0 8px;
 font-size: 1em;
}

div.entries {
 margin: 14px 0 0 0;
 font-size: 0.8em; 
}

#col1 div.entries h2 {
 margin: 0;
}

#col1 div.entries p.date {
 margin: 0;
 padding: 0;
 font-size: 0.8em;
}

.entries hr {
 margin: 12px 0 8px 0; 
}

div.pagination {
 margin: 14px 0 0 0;
}

.pagination a {
 font-size: 0.7em;
}

.journalimg {
 margin: 0 10px 2px 0;	
}

.journalimgsmall {
 margin: -2px 10px 2px 0;	
}


/* Jquery UI */

#accordion,
#tabs {
 width: 753px;
 font-size: 0.7em;
 border: none;
}

#tabs p {
 margin: 0 0 16px 0;
 font-size: 1em;
}

.ui-tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
}


/* Charts & Maps */

#chart_div {
 width: 752px;
 height: 484px;
 margin: 10px 0 10px 0;
}

.diag .diag-person { padding: 0 0 5px 0; list-style: none; }
.diag .diag-person ul { overflow: hidden; }
.diag .diag-item { float:left; margin-right: 6px; list-style: none; }
.diag .diag-icon { display: block; margin: 0 auto; }
.diag .diag-timestamp { display: block; font-size: 65%;
  -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -o-transform: rotate(-11deg); -ms-transform: rotate(-11deg);
  transform: rotate(-11deg); }

.survey-chart .chart { width: 440px; height: 330px; position: relative; }
.survey-chart .chart-no-data { background:#EEE; padding:20px; }

#pollster-chart-65 {
 width: 1024px;
 height: 768px;
}

#pollster-chart-70 {
 width: 1024px;
 height: 800px;
}

#pollster-chart-71 {
 width: 1024px;
 height: 800px;
}

#pollster-chart-72 {
 width: 1024px;
 height: 800px;
}

#pollster-chart-90 {
 width: 1024px;
 height: 800px;
}

/*** PYBBM (Forum) ***/

/* PYBBM General */

body {
 background-color: transparent;
}

div#page {
 background-color: #ffffff;
}

.forum {
 font-size: 1em;
 font-family: Verdana,Geneva,sans-serif;
 font-weight: normal;
}

.forum label, .forum input, .forum select, textarea {
 font-family: Verdana,Geneva,sans-serif;
}

.forum h1 {
 color: #0A0A0A;
 font-size: 1.2em;
 line-height: 1.1em;
 margin: 6px 0 12px;
 padding: 0;
}

.forum #header {
 height: 22px;
}

/* PYBBM Buttons, Links, Input */

.forum input[type="submit"] {
 text-shadow: none;
}

.forum a,
.forum input {
 border-radius: 0px;
 box-shadow: 0;
 text-shadow: 0;
}

.forum input,
.forum textarea {
 -moz-transition: none;
 box-shadow: none;
}

.forum a:focus,
.forum input:focus, 
.forum textarea:focus {
 outline: none;
 border-color: transparent;
 box-shadow: none;
}

.forum #searchbar input#searchfield,
.forum #searchbar input#searchsubmit {
 font-size: 0.85em;
 box-shadow: none;
 display: inline;
 font-family: Verdana,Geneva,sans-serif;
}

/* PYBBM Influenzabar */

.forum #header {
 background: transparent;
 font-size: 0.96em;
}

.forum p.influenzanet a {
 line-height: 1.8em;
}

.forum div#epiwork a {
 text-decoration: underline;
}

.forum a.close {
 color: #B2B2B2;
 float: none;
 font-size: inherit;
 font-weight: inherit;
 line-height: inherit;
 opacity: 1;
 text-shadow: none;
 text-decoration: underline;
}

/* PYBBM Forum Layout */

.forum div#content {
 width: 950px;
}

.forum div.main-block {
 float: left;
 width: 946px;
 margin: 92px 0 0 -4px;
 padding: 0;
 background: white;
}

.forum div.topbar {
 display: none;
}

/* PYBBM Forum Forms */

.forum form {
 padding: 0;
}

.forum .post {
 width: 100%;
}

.forum input#id_name,
.forum input#id_email,
.forum textarea#id_body {
 float: none;
 clear: both;
 border: 1px solid #CCCCCC;
 font-size: 1em;
 height: 1.6em;
 line-height: 1.6em;
 margin: 0 0 10px;
 padding: 0 4px;
 width: 940px;
}

.forum textarea#id_body {
 height: 10em;
 line-height: 1em;
 padding-top: 4px;
}

.forum div#emoticons {
 margin-bottom: 16px;
}

/* PYBBM Forum Breadcrumb */

.forum ul.breadcrumb {
 width: 920px;
 clear: both;
 margin: 0 0 18px 0;
 border-radius: 0px;
 font-size: 0.7em;
}

.forum ul.breadcrumb li,
.forum ul.breadcrumb li a {
 font-weight: bold;
}

.forum ul.breadcrumb li:nth-child(1) {
 display: none;
}

/* PYBBM Forum Userinfo */

.forum .userinfo .info {
 padding: 10px 0 0 0;
 font-size: 0.8em;
}

.forum .userinfo .info .label {
 margin: 0 0 10px 0;
}

/* PYBBM Forum Footer */

.forum footer {
 display: none;
}

/* Cookie Consent */

#cc-notification h2 span,
#cc-notification a {
 font-size: 12pt !important;
}


/* sub-header layouts */

.left-header {
   box-sizing: border-box; 
   background: #E6E6E6; 
   padding: 50px 20px; 
   height: 314px; 
   font-size: 22px;
   font-weight: lighter;  
   margin-bottom: 10px;
}
.center-header {
   box-sizing: border-box; 
   background: url(../img/home/hp_comingsoon_banner.jpg) no-repeat;
   padding: 0; 
   background-size: 440px 314px;
   padding: 100px 80px;
   height: 314px; 
   margin-bottom: 10px;
   font-weight: lighter;  
}
.center-header h2 {
	font-size: 43px !important; 
        line-height: 43px;
        font-weight: 200;  
	color: white !important; 
        text-align: center; 
}
.right-header {
   box-sizing: border-box; 
   height: 314px;
   margin-bottom: 10px;	
   font-weight: lighter;  
}
.right-header .button-join {
   box-sizing: border-box; 
   height: 104px;
   background: #209dd9;
   color: white !important;
   text-decoration: none !important;
   font-weight: 200 !important;
   text-align: center !important; 
   font-size: 30px;
   line-height: 104px; 
   margin-bottom: 10px;  
   display: block; 
   cursor: pointer; 
}
.right-header .socials {
   box-sizing: border-box; 
   font-weight: normal !important;
   text-align: center !important; 
   margin: 0;
   height: 200px;
   background: #4e4e4e;
   color: white !important;
   font-size: 19px !important;
   display: block; 
   padding: 40px 10px;

}
.right-header .ifw-icon {
	display: inline-block;
        width: 32px;
        height: 32px;
        margin: 0 5px; 
}
.ifw-icon-facebook {
  background: url(../img/home/icon_fb_white.png);
}
.ifw-icon-twitter {
  background: url(../img/home/icon_tw_white.png);
}
.welcome p {
	font-size: 16px !important; 
        line-height: 18px !important;
}
#account .button-register {
	background: #39BCC2 !important;
}
#account .button-dashboard {
	background: #39BCC2 !important;
}

.ifw-button-fb-login {
	display: inline-block;
	width: 196px;
	height: 36px;
 	background: url(/media/social_auth/fb_accedi.png);
}
.ifw-button-fb-login span { 
	display: none;
}

.ifw-button-fb-signin {
        display: inline-block;
        width: 220px;
        height: 36px;
        background: url(/media/social_auth/fb_registrati.png);
}
.ifw-button-fb-signin span { 
        display: none;
}