/* General settings */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


html {overflow-y: scroll;
position: relative;
  min-height: 100%;}

body {
color: #000000;
font-weight: normal;
margin-bottom: 200px;
line-height: 1.5;
font-family: Arial, Helvetica, sans serif;
font-size: 12px;}

a:link, a:active, a:visited  {color: #CC0033; text-decoration: none;}
a:hover {text-decoration: underline; color: #CC0033;}
a.headline_link {color: #000000;}
a.headline_link:hover {text-decoration: underline; color: #CC0033;}
img {border: 0;}

h1 {font-size: 1.7em; font-weight: bold; padding-bottom: 12px;}
h2 {font-size: 1.4em; font-weight: bold;}
h3 {font-size: 1.2em; font-weight: bold;}
h4 {font-size: 1.1em; font-weight: bold;}

h4.panel-title a {color: #000000;}

.logo {padding-left: 45px;}

.boldtext {font-weight: bold;}
.error {
color: #CC0033;
font-weight: bold;
}
.news {font-size: 11px;}

hr{border-top: 1px solid #CDD1D2;}

/* Form settings */


label {font-weight: normal;}
fieldset {border: 0px; padding: 0 0 0 0;}
textarea {resize: none;}

table.form {border-spacing: 4px;
    border-collapse: separate;}

/* Row settings */

.top-row {height: 40px; margin-top: 10px;}
.third-row {margin-top: 10px;}
.third-row, .fourth-row {margin-right: 0px; margin-left: 0px;}
.fourth-row {border-top: 1px solid #000000;}

/* Top banner */

.corner-image {background: url('corner-image.png') no-repeat bottom center; min-height: 200px;}
.top-banner {background: #CDD1D2; min-height: 200px;}
.banner-image {background: #EDEFED  url('banner-image.png') no-repeat bottom right; min-height: 200px;}
.slogan h1 {padding-top: 30px; margin-top: 0px;}
.slogan {padding-left: 30px; padding-right: 50px;}
.text-slogan {padding-top: 10px; padding-left: 30px; min-height: 120px; background: #CDD1D2;}

/* Navigation settings */

.list-group {margin-bottom: 0px;}
#languages {float: right; font-size: 1.1em; margin-top: 4px;}
#languages a {color: #000000;}
#languages a:hover {text-decoration: underline;}

.navbar-toggle .icon-bar 
{background: black;  width: 20px;
  height: 3px; margin-top: 1px;}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 2px;
}

.navbar-toggle {
background: #EDEFED;
border: 1px solid #CDD1D2; 
margin-top: 0px;
padding: 7px;}

.navbar {margin-bottom: 0px; margin-top: 22px; }

.navbar .nav > li > a {
float: none;
text-decoration: none;
color:  #000000;
font-size: 1.2em;
font-weight: bold;
}

.navbar-nav>li>a {
padding-bottom: 10px; 
padding-top: 10px; 
padding-right: 25px; 
padding-left: 24px;}


.navbar li{    
    display:inline;
    list-style-position: inside;
    border-right: 1px solid #CDD1D2;
}

.navbar a.first {border-left: 1px solid #CDD1D2;}

.navbar .nav > li > a.active{    
    background: #CDD1D2;}

.navbar .nav > li > a.active:hover, .navbar .nav > li > a:hover {background: #EDEFED;}

a.navbar-brand {width: 57px; height: 40px;}

a.navbar-brand:hover {background: none;}

.home {margin-left: 90px;}
.home a {padding-top: 5px; padding-bottom: 1px;}
.navbar-static-toppi {margin-left: 90px;}
.col-sx-12 .navbar-static-top {margin-left: 90px;}
.col-sm-12 .navbar-static-top {margin-left: 0px;}

.sidepanel .navbar-toggle {padding: 0px; border: 0px;}
#SubNavbar {margin-left: -14px;}

.sidepanel .navbar-toggle {background: transparent;}

.sidepanel button.navbar-toggle.collapsed:before
{
content:'\00BB';
display:block;
width:15px;
background: #dddddd;
font-size: 1.1em;
line-height: 1.2;
float: left;
margin-right: 5px;
padding-bottom: 1px;
}

.sidepanel button.navbar-toggle:before
{
content:' ' ;
display:block;
width:0px;
}


.sidepanel .sidemenu .list-group, .inner-list {list-style-type: none;}
.sidepanel .sidemenu .list-group li {padding-bottom: 5px;}
.sidepanel .sidemenu .list-group a {color: #000000;}
.sidepanel .sidemenu .list-group a:hover, .sidepanel .sidemenu .list-group a.active {color: #CC0033; text-decoration: none;}

.inner-list {padding-left: 15px;}

.inner-list .inner-list {padding-left: 0px;}

.list-group>li {padding-bottom: 0px;}

/* Textarea and left sidepanel  */

#breadcrumbs {margin-bottom: 15px;}

.content, .normaltable_content {padding-left: 30px; margin-top: 15px; padding-right: 0px;}

.sidepanel { 
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px; 
}

.sidepanel, .navbar-toggle
{    background: -webkit-linear-gradient(#EDEFED, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EDEFED, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EDEFED, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EDEFED, #FFFFFF); /* Standard syntax (must be last) */}

.sidepanel-row {margin-top: 15px;}

/* Gallery */
#showgallery, .gallery {margin: 0px 25px 25px 25px;}
#showgallery a:hover {text-decoration: none;}
#showgallery img {border: 0px;}
.slick-next:before, .slick-prev:before {
    color: #CC0033;
}
.slick-slide:focus {outline: none;}
.slick-slide img {height: 80px; width: auto; margin: 0 auto;}

/* Footer */

.footer {
background: #EDEFED;
position: absolute;
bottom: 0;
width: 100%;
min-height: 120px;
border-top: 1px solid #CDD1D2;
padding-top: 16px;
color: #000000;}

.footer a {color: #000000;}
.footer_cell {padding-left: 30px;}

/* Search */

#ajaxSearch_input {
background: #EDEFED;
border: 1px solid #D1D1D1;
border-right: 0px;
width: 150px;
}

#ajaxSearch_submit {
	border: 1px solid #646464;
    background: #646464 url('find-button.png') no-repeat center center;
	cursor:pointer;
	width:25px;
	right:4px;}

#ajaxSearch_submit,  #ajaxSearch_input 
{  font-size: 12px;  font-weight: normal; height: 26px; position:relative;
	top:0px; padding: 0px 0px 0px 2px; margin: 0px 0px 0px 0px;} 


/* fix for Go -word MSP */
#search_box #ajaxSearch_submit {
  text-indent: -99em;
}

.content #ajaxSearch_form {display: none;}

/* Contact form, spam preventing */

.form_end {display: none;}

/* Mobile padding and font size adjustments */


@media (min-width: 1206px) {.top-row .col-lg-8 {padding: 0;}}

/* Tablet horizontal and vertical */
@media (min-width: 768px) and (max-width: 1205px){
.navbar-static-top {margin-left: 0px;}
.navbar-nav>li>a {padding-right: 13px; padding-left: 13px;}
.slogan {padding-right: 20px;}

img.isnowvaisala { max-width: 430px; }
}

@media (min-width: 600px) and (max-width: 990px) {
.navbar-nav>li>a {padding-right: 37px; padding-left: 37px;}
.home {margin-left: 30px;}
.logo {margin-top: 20px;}
.text-slogan {min-height: 90px; padding-left: 25px; }
.text-slogan h1 {margin-top: 5px; font-size: 1.5em; margin-bottom: 0px;}
.sidepanel a {font-size: 0.95em; }
.sidepanel {padding-left: 25px; padding-top: 15px; padding-right: 5px;}
.logo {padding-left: 40px;}
.slick-slide img {
    width: 100%;
}

img.isnowvaisala { max-width: 400px; }
}


/* Tablet and phone */
@media (max-width: 1170px){
input, textarea, select {
       -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0; 
}

input[type=text] { -webkit-appearance: none; }

}

/* Phone horizontal and vertical */
@media (max-width: 767px) {
body {margin-bottom: 300px;}
.col-md-9 li, .col-md-9 a.first {border: 0;}
.top-banner {min-height: 5px; padding-bottom: 5px;}
.third-row {margin-top: -10px;}
.fourth-row {border-top: 0px;}
.navbar-static-top {margin-left: 0px; margin-top: 30px;}
.slogan h1 {padding-top: 30px;}
.home {margin-left: 0px;}
.logo {margin-top: 20px;}
.sidepanel {border-top: 1px solid #000000; padding-top: 0px;}
.contact-button {display: table; margin-left: 2px;}
#SubNavbar {padding-top: 10px;}
.navbar-static-top {margin-top: 15px;}
.sidepanel-row {margin-top: 0px;}

img.isnowvaisala {max-width: 285px; }

/* MSP fix */
.navbar li{ border-right: none; }
.navbar a.first {border-left: none;}

}

/* Mobile table adjustments */

@media only screen and (max-width: 767px) {
   
.content table, .content thead, .content tbody, .content th, .content td, .content tr 
{ display: block; }
 
.content thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

.content td { 
border: none;
position: relative;
}
 
.content td:before { 
text-align:left;
font-weight: bold;
	}
.content td:before { content: attr(data); }
}

@media print {
  a[href]:after {
    content: none;
  }
.no-print, #no-print {display: none !important;}
.footer {position: relative;}
}