/* version 4.00  contains previous versions
styleMain30.css styleMenuVert20x.css styleColom20.css styleTable20.css */

*       {margin: 0; /*padding: 0; */}
html, body {color: black;
	background-color: #ACA8A1;
	font-family: verdana, helvetica, arial, sans-serif;}
body {  font-size: 9pt;}

iframe  {vertical-align: bottom;}

#pagina { border-radius: 5px;
        border: 1px solid #959596;
	margin: 0px auto;
	color: black;
	background-color: #E8E9E8;
	padding: 0;}
.blockDiv {border-radius: 5px;	
	margin: 5px; 
	color: black; 
	background-color: transparent;
	border: 1px solid grey;
	border-bottom: 3px solid grey;
	overflow: hidden;}
.blockHead {font-size: 100%;
	font-weight: bold;
/*	color:  white; */
	background-color: #ACACAC;
	text-align: center;}
#header { border-radius: 5px;
	margin: 5px 5px 0px 5px;	
	color: black;
	background-color: transparent;
	border: 1px solid grey;
	border-bottom: 3px solid grey; }
.headerDiv { border: 0; padding: 0; margin: 0; width: 100%; height: 100%;
	border-radius: 10px;
	background-color: #C5C5BA;
	font-weight:bold;
	opacity:0.7;}
.headerUOM {border: 0; padding: 0; margin: 0;
	border-radius: 10px;
	background-color: #C5C5BA; 
	font-weight:bold;
	width: 100px;
	height: 100px;}
.headerWind  {background-image: url(img/hdWind.png);  }
.headerRain  {background-image: url(img/hdRain.png);  }
.headerHumid {background-image: url(img/hdHygro.png); }
.headerBaro  {background-image: url(img/hdBaro.jpg);  }
.headerThermo{background-image: url(img/hdThermo.jpg);}
.headerGizmo {margin-top: 4px; 
	text-align: right;
	background-color: transparent; 
	font-weight: normal;}
.headerTitle {height: 40px; 
	text-align: right;
	margin: 0px;}
.headerTitle a {
	color: inherit;
	vertical-align: middle;
	text-decoration: none;
	font-size: 24px; 
	font-weight: bold;
	font-style: italic;}
.headerTitle span {
	color: inherit;
	font-weight: normal;}
.headerTemp {font-size: 30px;
	font-weight: bold;
	float: right;
	margin-left: 15px;
	margin-right: 5px;
	top: 0.18em;
	color: inherit;}
.subHeader {color: inherit;
	float: left;
	clear: left;
	position: relative;
	font-size: 12px;
	margin: 0;
	padding: 0.5ex 1ex;}
.subHeaderRight {
	color: inherit;
	font-size: 12px;
	text-align: right;
	margin:  0;
	padding: 0.5ex 2ex;}
/*  WARNINGS */
.warnBox {margin: 5px;
	border-radius: 5px;	
	background-color: #FFFF66;
	border: 1px solid grey;
	border-bottom: 3px solid grey; 
	color: black;
	text-align: center;
	overflow: hidden;}
.wrnYellow	{background-color: #FFFF66;}
.wrnGreen 	{background-color: #99ff99;}
.wrnOrange	{background-color: #FECC33;}
.wrnRed 	{background-color: #FF6666;}

#info-ver       { float: left;text-align: center;margin: 5px 0px 10px 0px;border: 0px;color: inherit;	}
#info-ver p     { background-color: inherit;min-height: 0px;border: 1px;border-style: 
                  solid;border-color: grey;border-radius: 5px;color: black;margin: 0px 2px 0px 6px; 
                  border-bottom: 3px; border-bottom-style: solid; border-bottom-color: grey;}
                  
#info-ver img   { vertical-align: bottom; width: 100%; 	}

#data-area      { float: right; border-radius: 5px; color: black; margin: 0px;}
#data-area > p  { margin: 1em 0 1.5em 0; padding: 0;}

#bottom         { clear: both;}
#footer         { clear: both; font-size: 92%; text-align: center;margin: 5px;}

img.bg          { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0;}
.imgCCN         { padding: 0px; vertical-align: middle;width:42px;}
.arrow	        { width: 14px; height: 16px; border: 0; margin: 1px 3px;}	

.myTemp         { text-shadow:1px 1px black; font-weight: bolder; font-size: 200%; }

/*--------------------------------------------------
  tabbertab 
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive     { margin-top:1em;}
.tabbernav      { margin:0 0 3px 0; padding: 0 3px ;border-bottom: 0px solid #778;font: bold 12px Verdana, sans-serif;}
.tabbernav li   { list-style: none; min-height:40px; margin: 0; display: inline;}
.tabbernav li a {padding: 3px 0.5em;
	min-height: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	background-color: white;
	color: black;}
.tabbernav li a:hover {color: #000;
	background: grey;
	border-bottom: none;}
.tabbernav li.tabberactive a{border-bottom: none;
	height:40px;}
.tabberlive .tabbertab {border:0px solid #aaa;
	overflow:auto;
	border-top:0;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
/*--------------------------------------------------
      menu  version 3.00 B 2014-12-13 
  --------------------------------------------------*/
#nav, #nav ul {z-index: 99;
	padding: 0;
	list-style-type: none;
	margin: 0px 0 0 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;}
#nav   {padding: 0;}
#nav li{z-index: 99;
	border-radius: 5px;
	border: 1px solid grey;
	border-bottom: 3px solid grey; 
	margin: 0px 2px 0px 6px;
	list-style-type: none;}
#nav li.withImg {background: url(img/flyout.gif) no-repeat right bottom;}
#nav img {max-width: 30px;}
#nav li ul{z-index: 99;
	position: absolute;
	min-width: 200px;
	left: -2000px;
	margin: -30px 0 0 162px;
	padding: 0;
	font-size: 100%;}
#nav li ul li ul{z-index: 98;
	position: absolute;
	min-width: 200px;
	left: -2000px;
	margin: -40px 0 0 195px;
	padding: 0;
	font-size: 100%;}
* html #nav ul{margin: -30px 0 0 162px;}
#nav li ul li {z-index: 99;
	min-width: 200px;}
#nav li:hover ul, #nav li.ie_does_hover ul{left: auto;}
#nav li:hover ul li ul, #nav li.ie_does_hover ul li ul{left: -2000px;}
#nav li ul li:hover ul, #nav li ul li:hover ul{left: auto;}
#nav a {min-height: 20px;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	padding: 2px;
	font-size: 12px;}
#nav a:link, #nav a:visited{color:  inherit;}
#nav a:hover, #nav a:active{background-color: white; color: black;}
/*--------------------------------------------------
  style copie van styleColom20.css
  --------------------------------------------------*/
p               { font-size: 100%; background-color: inherit; color:  black;  min-height : 2em ;}
table           { width: 95%;   margin: auto;   text-align: center; }

.colLeft        { width: 34%;   margin-right: 3px;      padding: 0px;   float: left;}
.colRight       { width: 33%;   margin-left: 3px;       padding: 0px;   float: right;}
.colMiddle      { width: 30%;   margin: auto;           padding: 0px;}
.lTxt           { padding: 3px; text-align: left;       float: left; }
.rTxt           { padding: 3px; text-align: right;      float: right; }
.mTxt           { padding: 3px; text-align: center;}

.txtTemp 	{ float: right; text-align: center;} /*  style="float: right; width: 60%; text-align: center;*/
.colImgCCN 	{ padding: 0px; vertical-align: middle; width:52px; height:52px; }
.colImgThermo	{ padding: 0px; vertical-align: middle; width:54px; height:160px;}
.colImgWind 	{ padding: 10px;vertical-align: middle; width:96px; height:96px; float: left;}
/*.arrow		{ width: 14px; height: 16px; border: 0; margin: 1px 3px;}  */
.pmiddle 	{ text-align: center;}
.colhr          { width: 70%;}
.dashTemps      { width: 100%;   padding: 0px;}
.dashTemps tr   { height: 16px;  padding: 0px;}
.dashTempsDesc  {/*font-weight: bold;     padding: 0px;*/}
.dashTempsHigh  { border: 1px solid; border-radius:5px; border-color: #FF0000;  background-color: #F3E5E5; height: 16px; padding: 0px;}
.dashTempsLow   { border: 1px solid; border-radius:5px; border-color: #0000FF;  background-color: #D0E2FF; height: 16px; padding: 0px;}
.trLow          { height: 10px; font-size: 2px;}
.rowFigures     { height: 20px;}
/*--------------------------------------------------
  style table20.css contains 
  --------------------------------------------------*/
tr              { height: 20px;}

.genericTable           { border-collapse: collapse; width: 100%; color: black; text-align: center;}
.genericTable small     { color: grey; }
.genericTable td        { padding: 0px; }
.genericTable img       { border: none;}

.trendTable th  { text-transform: uppercase;}

.docTable       { border-collapse: collapse;padding: 0px;margin: 0px;width: 100%;color: black;border-width: 2px;}
.docTable th    { text-align: left;}
.docTable h3    { text-align: center;margin: 2px;}

.examp          { color: green;float: right;}
.hdr            { height: 25px; background-color: #DDDDDD;font-weight:bold;}
.row            { padding: 0px;font-size: 12px;text-align: center;}
.row a          { border-top: 0px solid #424242;padding: 0px;font-size: 12px;text-align: center;width: 50px;}

.table-top      { background-color: #C0C0C0;font-size: 10px;font-weight: bold;}

.row-dark       { background-color: #EEEEEE;}
.row-light      { background-color: transparent;}
.row-white      { background-color: #FFFFFF;}
/*--------------------------------------------------
  steelseries 
  --------------------------------------------------*/
.ss_ddimgtooltip{z-index    : 2000;       
        border-radius : 5px; 
        display       : none;
        position      : absolute;
        padding       : 0 7px 3px 7px;
        font-family   : sans-serif; 
        font-size     : 10px;}
.ss_tipinfo     {text-align: left; padding: 3px 0 3px 2px;}
.ss_tipimg      {max-width:  402px;}
/*--------------------------------------------------
  lightbox 
  --------------------------------------------------*/
#lightbox       { background-color:#eee; padding: 10px; border: 2px solid #666;}
#lightboxDetails{ font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg    { float: right; }
#closeButton    { top: 5px; right: 5px; }
#lightbox img   { border: none; clear: both;} 
#overlay img    { border: none; }
#overlay        { background-image: url(img/overlay.png); }
* html #overlay { background-color: #333;  background-color: transparent; background-image: url(blank.gif);}
/*--------------------------------------------------
  style Mood 20.css 
  --------------------------------------------------*/
.green  	{ background-color: #D5DCCA ;}
.blue  		{ background-color: #F1F8FE;}
.pastel  	{ background-color: #F1F8FE;}
.red  		{ background-color: #FFF7ED;}
.orange  	{ background-color: #F9F0DD;}

.ws_clouds  #pagina  	{border-color: #B4D3ED; background-color: rgba(205,218,224, 0.6);}
.ws_cloudsn #pagina 	{border-color: #CDDAE0; background-color: rgba(205,218,224, 0.6);}
.ws_mist    #pagina 	{border-color: #C2C8D6; background-color: rgba(194,200,214, 0.6);}
.ws_moon    #pagina 	{border-color: #CDDAE0; background-color: rgba(205,218,224, 0.6);}
.ws_pclouds #pagina  	{border-color: #C5C5BA; background-color: rgba(205,218,224, 0.6);}
.ws_rain    #pagina 	{border-color: #F9F9F9; background-color: rgba(240,240,240, 0.9);}
.ws_snow    #pagina 	{border-color: grey;    background-color: rgba(255,255,255, 0.9);}
.ws_storm   #pagina 	{border-color: #CBD5AF; background-color: rgba(174,174,174, 0.7);}
.ws_sun     #pagina 	{border-color: #FDFBEB; background-color: rgba(253,251,220, 0.8);}
.ws_thunder #pagina 	{border-color: #B1BEC7; background-color: rgba(240,240,240, 0.7);}
.green 	    #pagina 	{border-color: #FDFBEB; background-color: rgba(233,241,226, 0.8);}
.blue       #pagina 	{border-color: #FDFBEB; background-color: rgba(205,218,224, 0.6);}
.pastel     #pagina 	{border-color: #FDFBEB; background-color: rgba(225,232,242, 0.8);}
.red        #pagina 	{border-color: #FDFBEB; background-color: rgba(255,252,251, 0.6);}
.orange     #pagina 	{border-color: #FDFBEB; background-color: rgba(255,252,251, 0.6);}


.ws_clouds  #footer     {background-color: #B4D3ED; }
.ws_cloudsn #footer     {background-color: #8394A4; color: white;}
.ws_mist    #footer     {background-color: #5E92BF; color: white;}
.ws_moon    #footer     {background-color: #8394A4; color: white;}
.ws_pclouds #footer     {background-color: #C5C5BA; }
.ws_rain    #footer     {background-color: #B1BEC7; }
.ws_snow    #footer     {background-color: #B1BEC7; color: white;}
.ws_storm   #footer     {background-color: #666666; color: white;}
.ws_sun     #footer     {background-color: #EDD893; }
.ws_thunder #footer     {background-color: #B1BEC7; }
.green 	    #footer 	{background-color: #B1CBA0; }
.blue       #footer     {background-color: #3173B1; color:  white;}
.pastel     #footer     {background-color: #7190BF; }
.red        #footer     {background-color: #993333; color:  white;}
.orange     #footer     {background-color: #CC6600; color:  white;}

.green 	    #header     {background-color: #ADCCC5; }
.blue 	    #header     {background-color: #3173B1; }
.pastel     #header     {background-color: #7190BF; }
.red 	    #header	{background-color: #993333; color:  white;}
.orange     #header	{background-color: #CC6600; }

.ws_clouds  .headerDiv 	{background-color: #B4D3ED; }
.ws_cloudsn .headerDiv  {background-color: #8394A4; color: white; }
.ws_mist    .headerDiv 	{background-color: #5E92BF; color: white; }
.ws_moon    .headerDiv 	{background-color: #8394A4; }
.ws_pclouds .headerDiv  {background-color: #C5C5BA; }
.ws_rain    .headerDiv 	{background-color: #B1BEC7; }
.ws_snow    .headerDiv 	{ }
.ws_storm   .headerDiv 	{background-color: #3F413A; color: white;}
.ws_sun     .headerDiv 	{background-color: #EDD893; }
.ws_thunder .headerDiv  {background-color: #B1BEC7; }
.green      .headerDiv 	{background-color: #D5DCCA; }
.blue       .headerDiv 	{background-color: #F1F8FE; }
.pastel     .headerDiv 	{background-color: #F1F8FE; }
.red        .headerDiv 	{background-color: #FFF7ED; }
.orange     .headerDiv 	{background-color: #F9F0DD; }

.ws_clouds  .blockHead 	{background-color: #B4D3ED; }
.ws_cloudsn .blockHead  {background-color: #8394A4; color: white;}
.ws_mist    .blockHead 	{background-color: #6C7D89; color: white;}
.ws_moon    .blockHead 	{background-color: #8394A4; color: white;}
.ws_pclouds .blockHead  {background-color: #C5C5BA; }
.ws_rain    .blockHead 	{background-color: #B1BEC7; }
.ws_snow    .blockHead 	{background-color: #B1BEC7; }
.ws_storm   .blockHead 	{background-color: #666666; color: white;}
.ws_sun     .blockHead	{background-color: #FCDAAB; }
.ws_thunder .blockHead  {background-color: #B1BEC7; }
.green      .blockHead	{background-color: #00745B; color: white;}
.blue       .blockHead	{background-color: #3173B1; color: white;}
.pastel     .blockHead	{background-color: #7190BF; color: white; }
.red        .blockHead	{background-color: #993333; color: white;}
.orange     .blockHead	{background-color: #B36900; color: white;}



.ws_cloudsn .blockHead  a {color: white;}
.ws_mist    .blockHead  a {color: white;}
.ws_moon    .blockHead  a {color: white;}
.ws_storm   .blockHead  a {color: #DDDDDD;}
.green      .blockHead  a {color: white;}
.pastel     .blockHead  a {color: white;}

.ws_clouds  .table-top  {background-color: #B4D3ED; }
.ws_cloudsn .table-top  {background-color: #8394A4; color: white;}
.ws_mist    .table-top 	{background-color: #6C7D89; color: white;}
.ws_moon    .table-top 	{background-color: #8394A4; color: white;}
.ws_pclouds .table-top 	{background-color: #C5C5BA; }
.ws_rain    .table-top 	{background-color: #B1BEC7; }
.ws_snow    .table-top 	{background-color: #7D8182; color: white;}
.ws_storm   .table-top 	{background-color: #3F413A; color: #DDDDDD;}
.ws_sun     .table-top 	{background-color: #EDD893; }
.ws_thunder .table-top 	{background-color: #B1BEC7; }
.green      .table-top 	{background-color: #A7BF8E; }
.blue       .table-top 	{background-color: #96C6F5; }
.pastel     .table-top 	{background-color: #336699; color: white;}
.red        .table-top 	{background-color: #CCBFAD; }
.orange     .table-top 	{background-color: #E9C781; }

.ws_clouds  .row-dark 	{background-color: #B4D3ED; }
.ws_cloudsn .row-dark 	{background-color: #597D93; color: white;}
.ws_mist    .row-dark 	{background-color: #5E92BF; color: white;}
.ws_moon    .row-dark 	{background-color: #597D93; color: white;}
.ws_pclouds .row-dark 	{background-color: #A8B5C9; }
.ws_rain    .row-dark 	{background-color: #D1D6DB; }
.ws_snow    .row-dark 	{background-color: #B1BEC7; color: white;}
.ws_storm   .row-dark 	{background-color: #3F413A; color: #DDDDDD;}
.ws_sun     .row-dark 	{background-color: #EDD893; }
.ws_thunder .row-dark 	{background-color: #D1D6DB; }
.green      .row-dark 	{background-color: #B1CBA0; }
.blue       .row-dark 	{background-color: #B7D0E8; }
.pastel     .row-dark 	{background-color: #B7D0E8; }
.red        .row-dark 	{background-color: #E3D7C5; }
.orange     .row-dark 	{background-color: #F9F0DD; }

.green      .row-light  {background-color: #DDF0CE; }
.blue       .row-light  {background-color: #F5F7FC; }
.pastel     .row-light  {background-color: #F5F7FC; }
.red        .row-light  {background-color: #F2EEE9; }
.orange     .row-light  {background-color: #E9C781; }

.ws_clouds  #nav li     {background-color: #B4D3ED; }
.ws_cloudsn #nav li     {background-color: #8394A4; color: white; }
.ws_mist    #nav li     {background-color: #5E92BF; color: white; }
.ws_moon    #nav li     {background-color: #8394A4; color: white; }
.ws_pclouds #nav li     {background-color: #C5C5BA; }
.ws_rain    #nav li     {background-color: #B1BEC7; }
.ws_snow    #nav li     {background-color: #B1BEC7; color: white;}
.ws_storm   #nav li     {background-color: #3F413A; color: #DDDDDD;}
.ws_sun     #nav li     {background-color: #EDD893; }
.ws_thunder #nav li     {background-color: #B1BEC7; }
.green      #nav li     {background-color: #ADCCC5; }
.blue       #nav li     {background-color: #B7D0E8; }
.pastel     #nav li     {background-color: #B7D0E8; }
.red        #nav li     {background-color: #E3D7C5; }
.orange     #nav li     {background-color: #E9C781; }

.ws_clouds  li.tabberactive a {background-color: #B4D3ED; }
.ws_cloudsn li.tabberactive a {background-color: #8394A4; color: white;}
.ws_mist    li.tabberactive a {background-color: #5E92BF; color: white;}
.ws_moon    li.tabberactive a {background-color: #8394A4; color: white;}
.ws_pclouds li.tabberactive a {background-color: #C5C5BA; }
.ws_rain    li.tabberactive a {background-color: #B1BEC7; }
.ws_snow    li.tabberactive a {background-color: #B1BEC7; color: white;}
.ws_storm   li.tabberactive a {background-color: #3F413A; color: #DDDDDD;}
.ws_sun     li.tabberactive a {background-color: #EDD893; }
.ws_thunder li.tabberactive a {background-color: #B1BEC7; }
.green      li.tabberactive a {background-color: #ADCCC5; }
.blue       li.tabberactive a {background-color: #B7D0E8; }
.pastel     li.tabberactive a {background-color: #B7D0E8; }
.red        li.tabberactive a {background-color: #E3D7C5; }
.orange     li.tabberactive a {background-color: #E9C781; }

.ws_sun	   .ui-state-active {color:  black; background-color: #EDD893 !important}

.recaptcha_nothad_incorrect_sol {width: 318px; margin: 0 auto;}
.recaptchatable tr {height: 5px;}