body {
   background-image: url(http://nsdc.fmi.fi/images/web_images/aurinkojapilvet_1.jpg);
   background-size:cover; /* CSS3 */
   background-repeat: no-repeat;
   background-attachment: fixed;
   margin: 0;
}
#site {
   margin-left: auto; 
   margin-right: auto;
   width: 100%;
}
@font-face {
   font-family: LiberationSans; 
   src: url(fonts/LiberationSans-Regular.ttf); 
}
/*****************************************************/
/* Header ********************************************/
/*****************************************************/
#top_header {background: #00265D; height: 100px; color:#fff; font: 45px "Arial";}
#add_top {display:block; margin:0 auto; width: 1300px; text-align: left;}/*logos, index.html*/
/*****************************************************/
/* images ********************************************/
/*****************************************************/
img.title {margin: 10px 0 10px 0; width: 40%; margin-bottom: 10px;}/*logos from top-header*/
img.style_1 {margin: 10px 0 10px 80px;} /*logos from top-header*/
img.style_fmi {margin: 10px 0 10px 15px;} /*logos from top-header*/
img.style_2 {margin: 10px 0 10px 5px;} /*pic from slider*/
a.img_link, a.img_link:hover, a.img_link:visited, a.img_link:focus, a.img_link:active{outline: none;}
img.about_center { margin:20px; width:96%;}/*pics from about.html*/
img.about_right {text-align: right; margin-left: 20px; margin-right: 20px;}
img.projects_img {width: 440px; height: 300px; float: right; border: 1px solid #DEE3EB; text-align: right; margin-left: 20px; margin-right: 20px;} 
.map_right {text-align: right; margin-left: 20px; margin-right: 20px;}
/*****************************************************/
/* MENU   see menu.css & mob_menu.php  ***************/
/*****************************************************/
nav.menu_content {width: 100%; margin: 0px 0 0px 0; background:#00265d;}
#search { width: 250px; float: right; paddign: 0; margin: 0;}
.cse .gsc-control-cse, .gsc-control-cse { /*35-48 lines, search button */
   padding: 0px !important ;
   margin-right: 0px !important;
   margin-bottom: -5px !important;
   border: none !important;
}
#gsc-i-id1,
#gsc-i-id2 {
    margin-bottom: 0 !important;
    border: none !important;
}
td.gsc-clear-button{
    padding: 0px !important;
}
/*****************************************************/
/* Main block ****************************************/
/*****************************************************/
#main_content {
   margin: 0 auto;
   padding-bottom: 0px;
   font: 15px "LiberationSans";
   color: #455268;
   background-color: #fff;
   width: 1300px;
}
#main_content p{
   font: 16px "LiberationSans";
   text-align: justify;
   margin: 5px 20px;
}
#main_content center{
   font: 16px "LiberationSans";
   margin: 5px 20px;
}
#main_content hr{
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   height: 1px;
   color: #00265D;
   background-color: #00265D;
   border: none;
}
/*****************************************************/
/* LINKS *********************************************/
/*****************************************************/
a.style_2{font: bold 16px "LiberationSans"; color: #00265d; font-variant: small-caps;}
a.style_2:hover{color: #013e98; text-decoration: none;}
a.style_3{font: bold 16px "LiberationSans"; color: #2f66cc;/*#00265d;*/}
a.style_3:hover{color: #013e98; text-decoration: none;}
a.style_smos{font: 15px "LiberationSans"; color: #2f66cc;/*#00265d;*/}
a.style_smos:hover{color: #013e98; text-decoration: none;}
a.style_slider{font: 15px "LiberationSans"; color: #fff; text-decoration: underline;}
a.disabled {pointer-events: none; cursor: default; color: #999;}
/*****************************************************/
/* Content of the index page *************************/
/*****************************************************/
#home{
   background: #FFF;
   display: inline-block;
   margin: 10px;
}
#home_main{
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   width: 97%;
   min-height: 500px;
   float:left;
   margin-right: 10px;
   padding: 10px 20px 20px 20px;

}
/***********headers************/
/*.title_1, .title_2, .title_3, .title_4{ 
   display: block;
   height: 35px;
   margin: 7px 0 7px 0;
   padding: 5px;
   font: 19px "LiberationSans";
   line-height: 35px;
   font-weight: 700;
   color: #FFF;
   font-variant: small-caps;
}
.title_1{background: #455268;}
.title_2{background: #00765F;}/*green*/
.title_3{
   display: block;
   height: 35px;
   margin: 7px 0px 7px 15px;
   padding: 5px;
   background: #fff;
   font: 28px "LiberationSans";
   color: #00265D;/*#455268;*/
   line-height: 35px;
   font-weight: 400;
   font-variant: small-caps;}
.title_4{ 
   display: block;
   height: 35px;
   margin: 7px 0px 7px 15px;
   padding: 5px;
   background: #fff;
   font: 30px "LiberationSans";
   color: #2f66cc;/*#455268;*/
   line-height: 35px;
   font-weight: 400;
   font-variant: small-caps;
}

/************news block*********/
a.home_news{
   /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
   display: block;
   width: 1200;
   height: 80px;
   padding: 10px 20px;
   margin: 5px auto;
   font: bold 16px "LiberationSans";
   color: #00265d;
   font-variant: small-caps;
}
a.home_news:hover{box-shadow: 0 0 5px rgba(0, 38, 93, 0.5); text-decoration: none; /*background: #B6D0F8;*/}
a.home_news img{width: 10%; margin-right: 20px;margin-bottom: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); float: left;}
#home_news p{color: #455268;margin-top:5px;}
a.image:hover{opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7;}
ul.sub_news{list-style-type: square; list-style-position: outside;} 
ul.sub_news li {margin-left: -15px; color: #00765f;}
ul.content{list-style-position: outside;} 
ul.content li {margin-left: 0; color: #00765f;}
ul.content li font.content {font: 16px "LiberationSans"; color: #455268; }
/********************************/
.img_news {float: right; text-align: right; width:420px; height:250px; margin:0 20px;}
.img_news figcaption{margin: 0 auto 5px; font-weight: 400; font-style: italic; font-size: 11px; text-align: justify;}
/**********************************/

/********************************/
#home_wlc{
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   width: 26%;
   float:left;
   padding: 10px 20px;
   margin-bottom: 10px;
}
/**********images****************/
figure.img_block{
   display: inline-block;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   width: 20%;
   margin: 7px;
   height: 250px;
   outline: none; 
}
figure.img_block:hover{
   background: #B6D0F8;
   box-shadow:0px -6px 0 #00765F inset;
   outline: none; 
}
figure.img_block img{width: 100%;}
/* button link*******************/
a.button1{
   background:#B6D0F8;
   color:#00265d;
   text-decoration:none;
   font-weight: 700;
   display:block;
   width:180px;
   text-align:center;
   margin:20px 20px 20px 70px;
   padding:10px 10px;
   outline: none; 
   float: left;
   border: 1px solid #455268;
  }
a.button1:hover{
   box-shadow:0px -5px 0 #00765F inset;
   outline: none; 
   color:#013e98;
}
#home #title_news { /*home.html left side*/
   text-decoration: none;
   display: block;
   text-align:left;
   width: 20%;
   float: left;
}
#home #middle{
   display: block;
   width: 50%;
   float:left;
   padding-left: 10px;
   padding-right: 10px;
}
#home #info { /*small block home.html*/
   display: block;
   float: left;
   width: 26%;
}
#middle #outputinfa { /*news block home.html*/
   background: #DEE3EB;
   color: #455268;
   display: block;
   position:relative;
   float: left;
   padding: 10px;
}
#middle #satellite { /*home.html right side*/
   text-decoration: none;
   display: block;
   float: left;
   margin-bottom: 10px;
}
img.slider{
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}
a img.slider {border:none;}
.clear {clear: both;}/*clear styles*/
a.info_block{
   float:left;
   background: #DEE3EB;
   color: #455268;
   border: 2px solid #DEE3EB;
   position:relative;
   display: block;
   text-decoration: none;
   margin-bottom: 10px;
   width:100%; 
   height:280px;
}
a.info_block:hover{
   background: #455268;
   color:#fff;
   text-decoration: none;
}
.borders{
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   display: block;
   min-height: 480px;
   padding: 10px;
}
img.info{
   width: 230px;
   margin: 15px 25px 5px 25px;
}
a.info{font: bold 12px "LiberationSans"; color: #455268;}
a.info:hover{font: 12px "LiberationSans"; color: #455268;}
.news {
   background: #455268;
   color: #fff;   text-decoration: none;
   font: bold 15px "LiberationSans";
   float: left;
   text-align: center;
   line-height: 35px;
   margin: 0px 10px 35px 0px; 
   padding: 5px;
   width: 95%;
   height:35px;
   text-transform: uppercase;
}}
.sub_news {display: block; height: 500px;}
.invisible_span{display: none;} /*visible/invisible block for outputinfa*/
/*****************************************************/
/* content block *************************************/
/*****************************************************/
#inside_block {background: #fff; overflow: auto;}
font.style1{font: bold 20px "LiberationSans";}
font.small_bold{font: bold 16px "LiberationSans";}
h2{
   font: bold 18px "LiberationSans";
   text-align: center;
   margin-bottom: 15px;
   padding-top: 10px;
   padding-bottom:10px;
   border-bottom:1px solid #8696B1;
   border-top:1px solid #8696B1;
}
h3{
   font: bold 18px "LiberationSans";
   text-align: left;
   margin-bottom: 5px;
   margin-left: 15px;
   padding-top: 0px;
}
a.image {outline: none;}
figure{padding: 5px; margin: 0 10px 15px 0; float:left;}
figcaption{padding: 5px; float:bottom; font: bold 15px "LiberationSans";}
/*****************************************************/
/*  MODIS ********************************************/
/*****************************************************/
img.modis_img_store{width: 270px; height: 270px;} 
.modis {display: block; float: right; margin: 20px 20px 0 0;}
.modis figcaption {color: #455268; height: 50px;}
/*****************************************************/
/* Footer ********************************************/
/*****************************************************/
#footer {
   background: #00265D;
   min-height: 150px;
   width: 1300px;
   margin: 0 auto;
}
#footer a.style_1{font: bold 17px "LiberationSans"; color: #fff;font-variant: small-caps; text-decoration: none;}
#footer a.style_1:hover{color: #B6D0F8;}

#footer_content{
   width: 1300px;
   margin: 0 auto;
   color: #fff;
   font: 14px "arial";
}
#contact_us {
   float: left;
   text-align: left;
   width: 250px;
   float: right;
   padding-top: 5px;
}
#interact {
   float: left;
   text-align: left;
   width: 350px;
   padding: 20px 20px 20px 20px;
   height: 100px;
}
img.style_3 {height: 30px; border: none;}/*pics from top-header*/
#copyright {
   float: left;
   text-align: left;
   width: 400px;
   padding: 20px 20px 20px 20px;
   height: 100px;
}

/*****************************************************/
/* Slider from home page *****************************/
/*****************************************************/
.slider {
  width:1200px;
  height:200px;
  position:relative;
  margin: 25px auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 
}
.sliderContent {
  float:left;
  width:100%;
  height:100%;
  clear:both;
  position:relative;
  overflow:hidden;
}
.sliderArrows a {
  display:block;
  text-indent:-9999px;
  outline:none;
  z-index:50;
  background-image:url(main_slider/prev_next.png);
  width:42px;
  height:42px;
  position:absolute;
  top:50%;
  margin-top:-24px;
  visibility: hidden;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
  position:absolute;
  width:650px;
  height:250px;
  background:#fff;
  margin: 0;
}
.sliderBullets {
  position:absolute;
  bottom: 2%;
  left:50%;
  z-index:50;
  margin-left:-25px;
}
.sliderBullets a {
  display:block;
  float:left;
  text-indent:-9999px;
  outline:none;
  margin-left:5px;
  width:10px;
  height:11px;
  background:url(main_slider/bullets.png) no-repeat;
}
.sliderBullets .active {background-position:0 -11px;}
.sliderContent a {outline:none;}
a {color:#fff;}
.item{position: relative;}
span.title_span {
  display: block;
  padding: 15px;
  width: 72%;
  position: absolute;
  float:right;
  bottom: 60px;
  margin-left: 690px;
  background: #00265D;
  opacity: 0.40;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #fff;
  font: bold 16px "LiberationSans";;
}
span.title_span:hover {opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -khtml-opacity: 0.70; -moz-opacity: 0.70;}

   #slides .slidesNext,#slides .slidesPrevious {left: 0px; top:568px;}
   #slides .slidesNext {left:265px;}
   
/**************************************************/
/***** DATA PAGES *********************************/
/**************************************************/
#data{min-height: 700px; width: 79%; margin-top: 10px; margin-bottom:20px; float:left; font: 15px 'Arial'; padding: 0px 10px 10px 10px; box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
#data_block{min-height: 300px;display: block;border: 2px solid #DEE3EB; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); float: left; margin: 10px;}
#data_column{min-height; 300px; display: inline-block; padding: 0px 10px 10px 10px; vertical-align: top;}
#data_column h1 {width: 100%; display:block; font-size:18px; color: #455268; margin: 0;	text-align: left; float: left;}
#data_column h2 {display:block; font-size:14px;	color: #455268;	margin: 0; text-align: left; padding: 0 0 0 12px; text-shadow: none; border: none;}
#collection {display:block; font-size: 14px; font-style: italic; color: #455268; margin: 0 0 0 22px;}
#data_column a{display:block; font-size: 14px; font-style: italic; color: #455268; margin: 0; text-align: left;	padding-left:12px; text-decoration:none;}
/********************************/
#data_column a.thispage{background:#251E45; color: #FFF;}
#data p{margin: 10px 20px; font: 16px "LiberationSans"; line-height: 1.5;}
/********************************/
#data_column a:hover {color:#DEE3EB;}
#data_column a.disabled {pointer-events: none; cursor: default; color: #999;}
.title_bold{font: bold 16px "LiberationSans";}
a.link {color: #00265d;font-weight: 700;}
a.link:hover{color: #013e98; text-decoration: none;font-weight: 700;}
a.link_small {color: #00265d;}
a.link_small:hover{color: #013e98; text-decoration: none;}
a.top_right{color: #00265d; display: block; float:right; font-size: 12px; font-weight: 700;margin: 10px;}
img.logo_img{margin: 20px;}
#spark_img{display: block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
#spark_img p{margin: 10px;}
#spark_links{margin: 10px;}
/*MAPS**************************************/
#map_sspi{height: 500px; width:450px; margin:20px; float:right;}
#map {height: 500px; width:450px; margin:20px; float:right; z-index:0; display:inline-block;}
#map_viirs {height: 500px; width:450px; margin:20px; float:right; z-index:0; display:inline-block;}
#map_sppi30 {height: 500px; width:450px; margin:20px; float:right; z-index:0; display:inline-block;}
#map_sswe {height: 500px; width:450px; margin:20px; float:right; z-index:0; display:inline-block;}
#map_sen3app {height: 500px; width:450px; margin:20px; float:right; z-index:0; display:inline-block;}
#map_smos{height: 350px; width:450px; margin:20px; float:right;}

img.sen3app{float:left;}

figure.cloud{margin-left: 40px; width: 700px;}
figure.cloud figcaption{padding:0 10px; float:bottom; font: 15px "LiberationSans"; font-style: italic; }
a.sen3app_title {display:block; font-size: 16px; font-weight: 600; color: #455268; margin:2px 0 0 15px; text-decoration:none;}
a.title_link {display:block; font-size: 14px; font-weight: 600; color: #455268; margin:2px 0 4px 15px; text-decoration:none;}   
img.sen3app{float:left; margin-right:15px;}
img.sen3app_partners{float:right;}
/*LATEST IMAGES*******************************/
.latest {display:block; height: 450px; width:450px; margin:20px; text-align: center; float: left;}
.latest span.latest_span{display: block; padding: 15px; width: 420px; height: 20px; position: absolute; text-align: center;}
#latest_map_1, #latest_map_2 {height: 400px; width:450px; z-index:0; display:inline-block;}
/********************************/
.title_block{font: 25px "LiberationSans"; line-height: 35px; font-weight: 400; font-variant: small-caps;display: block; height: 35px; background: #00765f; margin: 15px 15px 7px 15px; padding: 5px; color: #fff;}
a.button2{background:#B6D0F8; color:#00265d; text-decoration:none; font-weight: 700; display:block; width:180px; text-align:center; margin:20px 20px 20px 70px;
          padding:10px 10px; outline: none;  border: 1px solid #455268;}
a.button2:hover{box-shadow:0px -5px 0 #00765F inset; outline: none; color:#013e98;}
/***************************************/
img.modis_img {width: 400px; height: 400px;} 
#container {margin:5px 5px 5px 40px; float: right; position:relative;}
#slides {position:relative;}
#slides .slidesContainer {background:#fff; border:8px solid #fff; box-shadow: 0 2.5px 5px rgba(0,0,0,.1);}
/*Next/prev buttons*/
#slides .slidesNext,#slides .slidesPrevious {position:absolute;	width:24px; height:0; padding-top:32px; display:block; z-index:1001; overflow:hidden; background:url(../images/web_images/navigation-previous.png) no-repeat 0 0;}
#slides .slidesNext {background:url(../images/web_images/navigation-next.png) no-repeat 0 0;}
.slidesPagination {margin:10px 80px 0 0;}
.slidesPagination li {float:left; margin:0 1px;	list-style:none;}
.slidesPagination li a {display:block; width:14px; height:0; padding-top:14px; background-image:url(../images/web_images/pagination.png); background-position:0 0;overflow:hidden;}
.slidesPagination li.slidesCurrent a {background-position:0 -14px;}
.current_slide {font:bold 10px/1.33 sans-serif;	float:left; margin-top:12px;}
.controls {display:block; margin-top:12px; float:left; color:#333; font:bold 10px/1.33 sans-serif; margin-right:10px;}
ul.lists{list-style-type: disc;}
ul.lists li{font: 15px "LiberationSans";}
table.table_sentinel {width: 80%; background: white; border-spacing: 1px; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 15px;margin: 10px 30px;}
 th.num {background: #99bbee; padding: 5px; width: 33%;}
 td.num_w {background: #fff; padding: 5px; width: 33%; vertical-align: top;}
 td.num_b {background: #edf4f9; padding: 5px; width: 33%; vertical-align: top;}
table.table_station {width: 80%; background: white; border-spacing: 1px; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 15px;margin: 15px 30px;}
 th.num_25 {background: #99bbee; padding: 5px; width: 25%;}
 td.num_w_25 {background: #fff; padding: 5px; width: 25%; vertical-align: top;}
 td.num_b_25 {background: #edf4f9; padding: 5px; width: 25%; vertical-align: top;}
/* UL *********************************************/ 
ol.number{list-style-position: outside; margin-left: 15px;} 
ol.number li {margin-left: -15px; margin-right: 15px; font: 16px "LiberationSans"; text-align: justify; line-height: 24px;}
.video{float: right; margin-left: 20px; margin-right: 20px; display: block; border: 10px solid #00265D;background: #00265D;}
/**************************************************/
/***** FINHUB *************************************/
/**************************************************/
#title {display: block; width: 185px; height: 45px; background: #00265d; color: #fff; font: 17px "LiberationSans"; font-variant: small-caps; line-height: 45px; font-weight: 700; padding-left: 10px; margin-bottom: 1px;}
.ug_title {display: block; background: #00765f; color: #fff; height: 35px; font: 25px "LiberationSans"; font-weight: 400; font-variant: small-caps; margin: 15px 15px 7px 15px; text-align: right; padding: 5px 10px; }
.ug_title span{float: left;}
a.style_2_ug {display: block; padding: 7px 10px; font: 15px "LiberationSans"; color: #00265d; text-decoration: none;}
a.style_2_ug:hover{display: block; font: 15px "LiberationSans"; color: #fff; background: #00265d;}
#ug_points {display: block; width: 15%; margin:10px; float: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 15px 10px;}
.main_title {display: block; padding: 5px; font-weight: 700; margin: 10px 20px; font-size: 18px;}
.sub_title {display: block; padding: 5px; font-weight: 700; margin: 10px 30px; font-size: 16px;}
.subsub_title {display: block; padding: 5px; font-weight: 700; margin: 10px 30px; font-size: 15px;}
img.ug {margin: 10px 30px 10px 40px; width: 600px;}
img.copyrights {float:right;}
ul.ug{list-style-type: disc;}
 ul.ug li{font: 15px "LiberationSans";}
ul.ug_table{list-style-type: disc;}
 ul.ug_table li{font: 12px "LiberationSans";}
ol.ug li{font: 15px "LiberationSans";}
p {   font: 16px "LiberationSans";
   text-align: justify;
   margin: 5px 20px;}
table.table_overview {width:90%; background: white; text-align: left; font-size: 16px; margin: 0px 20px;}
 table.table_overview td.num1_w {background: #fff; padding: 5px; width: 10%; vertical-align: top;}
 table.table_overview td.num2_w {background: #fff; padding: 5px; width: 90%; vertical-align: top;}
table.table1 {width: 80%; background: white; border-spacing: 1px; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 15px;margin: 0px 40px;}
 th.num1 {background: #99bbee; padding: 5px; width: 25%;}
 th.num2 {background: #99bbee; padding: 5px; width: 75%;}
 td.num1_w {background: #fff; padding: 5px; width: 25%; vertical-align: top;}
 td.num2_w {background: #fff; padding: 5px; width: 75%; vertical-align: top;}
 td.num1_b {background: #edf4f9; padding: 5px; width: 25%; vertical-align: top;}
 td.num2_b {background: #edf4f9; padding: 5px; width: 75%; vertical-align: top;}
table.table2 {width: 60%; background: white; border-spacing: 1px; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 12px;margin-left: 40px;}
 table.table2 th.num {background: #99bbee; padding: 5px; width: 50%;}
 table.table2 td.num_w {background: #fff; padding: 5px; width: 50%; vertical-align: top;}
 table.table2 td.num_b {background: #edf4f9; padding: 5px; width: 50%; vertical-align: top;}
table.table3 {width: 60%; background: white; border-spacing: 1px; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 12px;margin-left: 40px;}
 table.table3 th.num {background: #99bbee; padding: 5px; width: 33%;}
 table.table3 td.num_w {background: #fff; padding: 5px; width: 33%; vertical-align: top;}
 table.table3 td.num_b {background: #edf4f9; padding: 5px; width: 33%; vertical-align: top;}
a.top{color: #455268; display: block; float:left; text-decoration: none; font-size: 12px; font-weight: 700;}
a.copyrights{color: #455268; display: block; float:right; text-decoration: none; font-size: 12px; font-weight: 700;}
a.api{color: #2f66cc;text-decoration: none;}
a.api:hover{color: #99bbee; text-decoration: none;}
input.api{border-bottom:1px solid #757575; width: 50%;margin: 10px 0;}
input.api:focus{border-bottom:2px solid #757575;}
select.api {font-family: inherit; background-color: transparent; width: 52%; padding: 8px 0; font-size: 13px; border: none; border-bottom: 1px solid rgb(0,0,0); margin: 10px 0;}
select.api:focus {outline: none;}
input.button {background-color: rgb(182,208,248)!important; vertical-align: middle; line-height: 14px; font-size: 14px; font-weight:700; margin-left: 170px; position: relative; float: left;
              width: 150px; padding: 10px; cursor: pointer; color: #00265d; text-decoration: none; border: 1px solid #00265d;}
input.button:hover {border: 1px solid #00265d; box-shadow:0px -5px 0 #00765F inset; color:#013e98;}
#formx {margin-left: 40px;}
a.button3{background:#B4B9C2; color:#7f0000; text-decoration:none; font-weight: 700; display:block; width:180px; text-align:center; margin:20px 20px 20px 20px;
          padding:10px 10px; outline: none;  border: 1px solid #7f0000;}
a.button3:hover{box-shadow:0px -5px 0 #7f0000 inset; outline: none; color:#7f0000;}

/****************************************************/