/*!
 *  Font Awesome Icons 4.7.0
 *  
 *  Maintained at https://erikflowers.github.io/weather-icons
 */

@font-face {
  font-family: 'font-awesome-4.7.0';
  src: url('//:kapoweather.net/fonts/FontAwesome.otf');
  src: url('//:kapoweather.net/fonts/fontawesome-webfont.eot'), 
       url('//:kapoweather.net/fonts/fontawesome-webfont.ttf'), 
       url('//:kapoweather.net/fonts/fontawesome-webfont.svg'), 
       url('//:kapoweather.net/fonts/fontawesome-webfont.ttf'), 
	   url('//:kapoweather.net/fonts/fontawesome-webfont.woff2');
       
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('//static.nordicweather.net/fonts/ubuntu-r-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('//static.nordicweather.net/fonts/ubuntu-l-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.svg#ubunturegular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('//static.nordicweather.net/fonts/ubuntu-c-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

/*!
 *  Weather Icons 2.0.8
 *  Updated September 19, 2015
 *  Maintained at https://erikflowers.github.io/weather-icons
 */
@font-face {
  font-family: 'weathericons-2.0';
  src: url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.eot');
  src: url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.eot?#iefix') format('embedded-opentype'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.woff2') format('woff2'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.woff') format('woff'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.ttf') format('truetype'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wi {
  display: inline-block;
  font-family: 'weathericons-2.0';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-fw {
  text-align: center;
  width: 1.4em;
}


.container {
  margin-left:5px;
}
#rwstd {
  display: flex;        /* Flex layout so items have equal height  */
  flex-flow: row wrap;  /* Allow items to wrap into multiple lines */
}

#rwsc.flex-container{
  flex-direction: row ;
  margin-left: 35px;
}
.parent {
  display: flex;
  height: 300px; /* Or whatever */
}

.child {
  width: 100px;  /* Or whatever */
  height: 100px; /* Or whatever */
  margin: auto;  /* Magic! */
}
.flex-container {
  /* We first create a flex layout context */
  display: flex;
  
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
}
table {border-collapse:collapse;border-spacing:0;}
#rx.flex-container {
  justify-content: space-around;
}
#condit.container{
  color: #ffffff;
  background-color:#0066ff;
  margin-left: 0;
  width:100%;
}
#page {
  margin: 20px auto;
  color: black;
  background-color: #CCBFAD;
}
.doNotDisplay {
  display: none !important;
}

#Header {
  color: inherit;
  background-color: #7D3908;
height:120px
}
#Headmobil.head {
  width:100%;
  color: #FBFBF3;
  background-color: #0066ff;
  font-size: 109%;
  text-align: center;
  margin:  0;
  padding: 0.5ex 2ex;
  height: 60px;
}

#mobil.glyphicon-menu-hamburger{position:relative;color:#BDBDBD;font-size:18px;}
.headerTitle {
  padding: 0.25em 4mm 0.25em 4mm;
}
.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}
.headerTemp {
  font-size: 36px;
  font-weight: bold;
  float: right;
  }
  [class~="headerTemp"] {
  top: 0.18em;  /* For fully standards-compliant user agents */
}
  .subHeader {
  color: #FBFBF3;
  float: left;
  clear: left;
  position: relative;
  background-color: #0066ff;
  font-size: 15px;
  margin: 0;
  padding: 0.5ex 1ex;
}
#uptab.subHeaderRight {
	width:100%;
  color: black;
  background-color: #0066ff;
  font-size: 109%;
  text-align: right;
  margin:  0;
  
}
#uptab.subHeader {
  color: #000066;
  float: left;
  clear: left;
  position: relative;
  background-color: #0066ff;
  font-size: 15px;
  margin: 0;
  
}
#loc.subHeader {
  color: #ffffff;
  float: left;
  clear: left;
  position: relative;
  background-color: #0066ff;
  font-size: 15px;
  margin: 0;
  
}
#conds.subHeader {
  color: #ffffff;
  float: left;
  clear: left;
  position: relative;
  background-color: #0066ff;
  font-size: 15px;
  margin: 0;
  
}
#roadt.roadtab {
    width:100%;
  }

.subHeaderRight {
  color: #FBFBF3;
  background-color: #3B1004;
  font-size: 109%;
  text-align: right;
  margin:  0;
  padding: 0.5ex 2ex;
}
.subHeader a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
.wind text {font-family:Ubuntu,Arial; font-weight:400;}
#wc.camback {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15pt;
		color: white;
        font-weight: bold;
		background-color: #0066ff;
        text-align: center;
 }
#rs.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color:  white;
        background-color: #0099cc;
        text-align: left;
}
#rw.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        color:  white;
        background-color: #0033cc;
        text-align: left;
}
.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        color:  white;
        background-color: #112637;
        text-align: center;
}

.heading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
		text-decoration: underline;
        text-align: center;
 } 
#awr.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color:  white;
        background-color: #0033cc;
        text-align: center;
		line-height:1.5em;
}
#lam.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        color:  white;
        background-color: #006699;
        text-align: center;
}
#key.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        color:  white;
        background-color: #336699;
        text-align: center;
}
.uptab {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        text-align: center;
}
#uptab.datahead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color:  white;
        background-color: #112637;
        text-align: center;
		margin: 0;
}
#uptab.data6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20pt;
		text-decoration: underline;
        font-weight: bold;
        text-align: center;
		}
		#uptab.data11 {
	font-family: Rockwell Extra Bold,Rockwell Bold,monospace;
    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
        font-size: 10pt;
        font-weight: bold;
        text-align: right;
		        		}
.datahead2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
		border-bottom: 1px solid #CCCCCC;
        color:  white;
        background-color: #112637;
        text-align: center;
}
.data1 {
         color: black;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 9pt;
         border-bottom: 1px solid #CCCCCC;
         background-color: white;
         text-align: left;
}
 .data2 {
         color: black;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 9pt;
         background-color: white;
         text-align: left;
}
#gaugetab.gaugetable {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15pt;
        font-weight: bold;
        color:  white;
        background-color: #0066ff;
        text-align: center;
}
#gaugetab.data1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        color:  white;
        background-color: #0066ff;
        text-align: center;
}
#gaugetab.div {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        color:  white;
        background-color: #0066ff;
        text-align: center;
}
#tableboard
.h1 {
    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
	font-size: 150%;
	font-weight: bold;
	color: red;
	letter-spacing: 0.7em;
	padding-bottom: 1em;
	text-align: left;
}

.tableboard body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}
#rw.head {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15pt;
		color: white;
        font-weight: bold;
		background-color: #0066ff;
        text-align: center;
 }
 #headhigh.head {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
		color: white;
        font-weight: bold;
		background-color: #0066ff;
        text-align: center;
		
 }
 
.data3 {
font-family: Rockwell Extra Bold,Rockwell Bold,monospace;
    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
        font-size: 12pt;
        font-weight: bold;
        text-align: left;
        
}

.tableboard td {
         border: none;
         background-color: transparent;
		 text-align: center;
}

.tableboard h2 {
    font-family: Rockwell Extra Bold,Rockwell Bold,monospace;
	font-size: 150%;
	font-weight: bold;
	text-transform: lowercase;
	color: red;
	letter-spacing: 0.7em;
	padding-bottom: 1em;
	text-align: left;
}

.tableboard iframe {
    width: 100%;
	height: 320px;
  border:none;
}

#roadtab {width:300px;}
@media(max-width:550px){ 
  #roadtab{width:100%; margin-left: 5px;}
}   
.roadcam {
      border: 2px solid black;
      box-shadow: 10px 10px 5px #888888;
		margin:0;
background: #d6edfa; /* Old browsers */
    background: -moz-linear-gradient(top, #d6edfa 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6edfa), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6edfa 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6edfa 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6edfa 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6edfa 0%,#f7f7f7 100%); /* W3C */
   
}
.roadweather {
    border:1px solid #68a2cf;
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
	background: #f2f2f2;
	padding:10px;
	border-radius:3px;
	   				}
.maintab {
    border:1px solid #68a2cf;
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
	background: #f2f2f2;
	padding:10px;
	border-radius:3px;
	   				}					
.yearsb {
    border:1px solid #000099;
	padding:10px;
	border-radius:15px;
   				}				
.roadnum {
	border: 1px solid #f2f2f2; 
	background: #ff1a1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color:  white;
	border-radius: 4px;
	text-align: left;
	padding: 5px;
	
}				
.roadnum2 {
	border: 1px solid black; 
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color:  black;
	border-radius: 4px;
	padding: 5px;
	
}								
.tables {background:#f2f2f2;border:1px solid #68a2cf;border-radius:2px;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;}

.humbaro {background:#f2f2f2;border:1px solid #68a2cf;border-radius:2px;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;}	
#tbs.roadweather {
    border:1px solid #68a2cf;
	box-shadow: 0 0 12px rgba(0,0,0,0.6);
	background: #f2f2f2;
	padding:10px;
	border-radius:10px;
   				}
	.roadweather.yearsb {
    border:1px solid #000099;
	padding:10px;
	border-radius:15px;
   				}
   				
.data5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: none;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	margin: 0 0 0 0;
}
#wt.data5:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}
#wt.data5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    border-right: 1px solid #68a2cf;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	margin: 0 0 0 0;
}
#ctrs.data5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
   color: white;
       border: none;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	margin: 0 0 0 0;
}
.roadweather.yearsb.data5.td{
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: none;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
}
#nob.data5{
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: none;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
}

.data6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
		text-decoration: underline;
		font-weight: bold;
        text-align: left;
		vertical-align: bottom;
		}
	.data7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
		font-weight: bold;
        text-align: center;
		}
		.data8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15pt;
		font-weight: bold;
        		}
		.data9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;
		font-weight: bold;
		        		}
				.data10 {
	font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
        font-size: 9pt;
		        		}
	.data11 td{
	font-family: Rockwell Extra Bold,Rockwell Bold,monospace;
    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
        font-size: 12pt;
        font-weight: bold;
        text-align: left;
		        		}
#uptab.data13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 36pt;
		font-weight: bold;
        		}
		.data13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17pt;
		font-weight: bold;
        		}
.data14 {
font-family: Rockwell Extra Bold,Rockwell Bold,monospace;
    font-family: Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
        font-size: 9pt;
        font-weight: bold;
        text-align: left;
		}
	.data16 {
font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
		text-decoration: underline;
        font-weight: bold;
        text-align: left;
		}
		.data15 {
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: none;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	margin: 0 0 0 0;
}
	.tableboard a1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        width: 250px;
		font-weight: bold;
        		
}
.Headertemp text{	
font-family: opensans,Arial; font-size:50px; font-weight:bold;
 
}
.windtd td {
vertical-align: top;
}

.Headertemp text{	
font-family: opensans,Arial; font-size:50px; font-weight:bold;
 
}
.p{	
font-family: opensans,Arial; font-size:12px; font-weight:bold;
 
}
 .table-top {
  color: black;
  background-color: #D7E2E8;
  text-align: left;
  font-weight: bold;
  
}
.table-head {
  color: black;
  background-color: #4dff4d;
  text-align: left;
  font-weight: bold;
  
}
#dayfrontpg.roadweather {
	font-size: 10pt;
    font-weight: bold;
    color:  #0033cc;
    background-color: #0033cc;
    text-align: center;
	line-height:1.5em;
    padding: 1px;
     border-radius:1%;
   
}

#button.btnclose {
	font-size: 11pt;
    font-weight: bold;
    color:  white;
    background-color: #0033cc;
    text-align: center;
	line-height:1.5em;
    padding: 1px;
     border-radius:10%;
    cursor: pointer;
}
#button.btnclose:hover {font-weight:bold;color:#1a1aff;background-color:red;}

.dropbtn {
    background-color: #0066ff;
    color: white;
    padding: 1px;
    font-size: 10px;
    border-radius:10%;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
	border-radius:10%;
    position: absolute;
	right: 0;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
	border-radius:10%;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #003d99;
}
.col-neutral:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}


.table-head:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}


.table-top2 {
  color: black;
  background-color: #e6f5ff;
  text-align: left;
  font-weight: bold;
  
}
.col-dark  {
  color: black;
  background-color: #80ffbf;
}
.col-dark:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}
.col-dark1  {
  color: black;
  background-color: #d1e0e0;
}
.col-dark1:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}
.col-dark2  {
  color: blue;
  background-color: #d1e0e0;
}
.col-dark2:hover {font-weight:bold;color:white;background-color:#3333ff}
.col-light  {
  color: black;
  background-color: #bcebf6;
}
.col-light2  {
  color: black;
  background-color: #bcebf6;
}
.col-dark3  {
  color: black;
  background-color: #d1e0e0;
}
.col-light:hover {font-weight:bold;color:#1a1aff;background-color:#ffe066}
.col-light1  {
  color: blue;
  background-color: #bcebf6;
}
.col-light1:hover {font-weight:bold;color:white;background-color:#3333ff}
.table-top
 tr column-light {
  color: black;
  background-color: white;
}
.table-top2:hover {font-weight:bold;color:#008800}
p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}
.colorkey {border: 1px solid #666666;text-align: center;line-height:1.4em;}

td.colkey1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0033cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey1_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ace6;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey2_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #40ff00;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey2_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff1a1a;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ace6;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey3_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #40ff00;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey3_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff1a1a;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #1ac6ff;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #33ff77;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00e64d;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00b300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #739900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e6b800;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_6{
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffad33;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_7 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_8 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_9 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e64d00;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_10 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #b34700;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_11 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc2900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey4_12 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey5_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0033cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey5_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey5_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #0033cc;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colorkey {
    border: 1px solid #666666;
    text-align: center;
    background-color: #66ffff;
    color: #0f0f0a;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colorkey1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #33ffff;
    color: #0f0f0a;
    font-weight: bold;
    font-size: 9px;
	height:10px;
	
}
td.colorkey2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00ffff;
    color: #0f0f0a;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colorkey3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00cccc;
    color: #0f0f0a;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #1ac6ff;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #33ff77;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00e64d;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00b300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #739900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e6b800;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_6{
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffad33;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_7 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_8 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_9 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e64d00;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_10 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #b34700;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_11 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc2900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey6_12 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #1ac6ff;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_1 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #33ff77;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_2 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00e64d;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_3 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #00b300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_4 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #739900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_5 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e6b800;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_6{
    border: 1px solid #666666;
    text-align: center;
    background-color: #ffad33;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_7 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_8 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff6600;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_9 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #e64d00;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_10 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #b34700;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_11 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #cc2900;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
td.colkey7_12 {
    border: 1px solid #666666;
    text-align: center;
    background-color: #ff3300;
    color: #ffffff;
    font-weight: bold;
    font-size: 9px;
	height:10px;
}
.tableboardII table {

        border-radius:10px;
			-moz-border-radius:10px;
  -webkit-border-radius:10px;
		box-shadow: 10px 10px 5px #888888;
		margin:0;
background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #d6edfa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d6edfa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#d6edfa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 0%,#d6edfa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 0%,#d6edfa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7f7f7 0%,#d6edfa 100%); /* W3C */
    
}
.tooltip {
    position: relative;
    display: inline-block;
    
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
	
	 /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
td.tooltip {
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: right;
	font-size:8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;

}
#uv.tooltip {
    position: relative;
    display: inline-block;
    
}

#uv.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: "$bc";
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
	
	 /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

#uv.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

#uv.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
#uv.td.tooltip {
font-family: Verdana, Arial, Helvetica, sans-serif;
       border: right;
	font-size:8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;

}