/*--------------------------------------------------------*/
/*  Site: www.ursa.fi
/*  Author: Mediasignal Oy
/*  Date: 16.7.2010
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background-color:#ffffff;
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
text-align:center;
}
a:link{text-decoration:none; color:#0057BF;}
a:visited{text-decoration:none; color:#0057BF;}
a:hover{text-decoration:none; color:#6B91BF;}
a:active{/*background-color:#FFFFDF;*/}

h1{font:bold   2.2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold   14px/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#053f80; background:transparent url(kuvat/bg_otsikko.jpg) repeat-x; padding:0 0 0 8px;}
#content h1{font:bold 14px/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#053f80; background:transparent url(kuvat/bg_otsikko.jpg) repeat-x; padding:0 0 0 8px;}
h3{font:bold   13px/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#053f80;}
h4{font:normal 13px/1.5 Arial, Helvetica,sans-serif; margin:5px 0 5px 0px; color:#053f80;}
h5{font:normal 13px/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#053f80;}
h6{font:normal 13px/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#053f80;}
p{font:normal  12px/1.3 Arial,Helvetica,sans-serif; margin:5px 0;}
p.small{font:normal 10px/1.3 Arial,Helvetica,sans-serif; margin:5px 0;}

pre {
  font: normal 11px "Courier New",courier,monospace;
  color: black;
}

pre.strong {
  font-weight: bold;
}

dt {
  font: bold 12px/1.3 Arial,Helvetica,sans-serif; 
  margin: 5px 0 0 0;
  padding: 0;
}

dd {
  font: normal 12px/1.3 Arial,Helvetica,sans-serif; 
  margin: 0 0 10px 10px;
  padding: 0;
}

#col3-left h2, #col-left-sidebar h2 {
margin-top:15px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* LAYOUT COLUMS */
#wrapper{
  width:960px;
  margin:0 auto;
  font-size:1em; /* 1em = 10px; */
  text-align:left;
  background:#fff;
  position:relative;
}

#header{
height:165px;
background:#ffffff url(kuvat/ursa-header.png) no-repeat;
}

#logo{
padding:30px 0 0 30px;
}

#nav{
background:transparent url(kuvat/ursa_bg_navi.jpg) repeat-x;
height:22px;
margin-bottom:11px;
}

#content-wrapper-1col{
  border:1px solid #000;
}
#content-wrapper-2col{
  border:1px solid #000;
}
#content-wrapper-3col{
  
}
#col-left-sidebar{
  float:left;
  width:213px;
  margin:0;
  display:inline;
}
#col-right-sidebar{
  float:right;
  width:300px;
  margin:0 10px;
  border:1px solid #ccc;
  display:inline;
}
#col-left{
  float:left;
  width:600px;
  margin:0 10px;
  border:1px solid #ccc;
  display:inline;
}
#col-right{
  float:right;
  width:735px;
  margin-left:10px;
  display:inline;
}
#col3-left{
  width:194px;
  float:left;
  display:inline;
  margin:0 16px 0 0;
  overflow:hidden;
}
#col3-middle{
  width:539px;
  float:left;
  margin:0 16px 0 0;
  display:inline;
}
.etusivu-middle{
  padding-top: 0px !important;
  margin-top: 0 !important;
}
.etusivu-middle h2 { margin-top: 0 !important; }

.tahtitaivas-middle {
    width: 361px !important;
    float: left;
    display: inline;
    margin: 0 16px 0 0;
}

#col3-right{
  width:195px;
  float:left;
  display:inline;
  margin-top: 17px;
}
.etusivu-right{
  padding-top: 0px !important;
  margin-top: 0 !important;
}
.etusivu-right h2 { margin-top: 0 !important; }
.tahtitaivas-right {
    width: 373px !important;
}

#col-wide {
  width: 960px;
  margin-left: 0px;
}

#content-col{
  float: left;
  width: 700px;
}

#footer {
  clear: both;
  background-color:#cedde2;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#credit{
  background-color:#dfe8ee;
  text-align: right;
  padding: 7px 0 0 0;
  margin: 0;
}

#credit p{
  font: normal 10px/1.0 Arial,Helvetica,sans-serif;
  padding: 0;
  margin: 0;
}

#front-top{
  margin:10px;
  border:1px solid #ccc;
}
#front-col-wrapper{
  margin:0 auto;
  width:937px;
}
#front-1,#front-2,#front-3,#front-4{
  background-color:#fbfbfb;
  margin-right:15px;
  width:221px;
  float:left;
  display:inline;
  border:1px solid #ccc;
}
#front-1{
margin-left:0px;
}
#front-4{
margin:0;
}
#front-bottom{
  margin:10px 20px 10px;
  border:1px solid #ccc;
}
/* MENU STYLING */

.hmenu{
padding-left:5px;
}
.hmenu li{
  /*float:left;*/
  display:inline;
}
.hmenu a{
  display:block;
  float:left;
  font-size:14px;
  font-weight:bold;
  padding:4px 5px 4px 5px;
  margin-right:10px;
  color:#fff;
  text-decoration:none;
}
.hmenu a:hover, .hmenu a.current {
  background:transparent url(kuvat/bg_navi_hover.jpg) repeat-x;
}

.hmenu a:active {
  background:none;
}

.hmenu a:visited {
  color:#fff;
}

.hmenu a.navi-ta {
  float:right;
  /* background:transparent url(kuvat/bg_navi_ta.jpg) no-repeat;*/
  width:148px;
  padding-left:40px;
  height:22px;
  margin-right:0;
}

.hmenu a.navi-ta:hover {
  /*background:none;*/
}

#nav-vertical{
  background-color:#fbfbfb;
  float:left;
  border:1px solid black;
  width:230px;
  margin-right:10px;
  display:inline;
}

.vmenu {
  margin-bottom:20px;
}

.vmenu li{
  display:block;
  margin:0 0 5px 0;
}
.vmenu li a{
  display:block;
  padding:7px 0 7px 10px;
  background-color:#255b97;
  font-size:13px;
  color:#fff;
  font-weight:bold;
}

.vmenu li a.current, .vmenu li a:hover {
  background-color:#6B91BF;
}

.vmenu li a:visited {
  color:#fff;
}
.vmenu ul{
  margin-left:5px;
}
.vmenu ul li{
  border-width:0px;
  width:100%;
  margin:0;
}
.vmenu ul li a{
  background-color:#fff;
  color:#1e4a7b;
  font-size:13px;
  font-weight:normal;
  padding: 5px 0 2px 15px;
}

.vmenu ul li a.current, .vmenu ul li a:hover {
  background-color:#fff !important;
  text-decoration:underline !important;
}

.vmenu ul li a:visited {
  color:#1e4a7b;
}

.spacer {
  height: 5px;
  padding: 0;
  margin: 0;
}  

.spacer2 {
  height: 8px;
}  


/* ELEMENT SPECIFIC STYLING */

.msc{
  text-align:right;
  font-size:.9em;
}
.msc a{
  color:#000;
}

.box1-wrapper {
  width:528px;
  margin-bottom:0px;
}
.box1-wrapper h2 { margin-top: 0 !important; }

.box1-top {
/*  background:transparent url(kuvat/box1_top.gif) no-repeat;*/
  height:0px;
}

.box1-bottom {
/*  background:transparent url(kuvat/box1_bottom.gif) no-repeat;*/
  height:0px;
}

.box1-middle {
/*  background:transparent url(kuvat/box1_middle.gif) repeat-y;*/
  min-height:0px;
/*  height:auto !important;*/
  height:0px;
}

.box1-middle p {
  padding:0px 0px;
  margin:0;
  font-size:14px;
}

* html .box1-middle {
/*  margin-top:-5px;*/
}

.ajankohtainen {
  margin-bottom:14px;
}

.ajank-kuva {
  float:left;
  display:inline;
  width:100px;
  margin-right:25px;
  height:78px;
  height:auto !important;
  min-height:78px;
}

.ajank-teksti {
  float:left;
  display:inline;
  width:380px;
}

.ajank-teksti p {
  margin-top:0;
}

.tuotewrapper {
  height:240px;  /* fixes the clearfix */
}

.tuote {
  width:171px;
  float:left;
  display:inline;
  background:#f0f0f0;
  margin-right:12px;
  height:240px;
  height:auto !important;
  min-height:230px;
}

.tuote-last {
margin-right:0 !important;
}

.tuotekuva {
  margin-top:6px;
  text-align:center;
}

.tuote p {
  font-size:12px;
  padding:3px 3px 3px 12px;
}

#col3-left p, #col3-left img, #col-left-sidebar p, #col-left-sidebar img {
  padding-left:10px;
}

#col3-right p {
  /*padding-left:11px;*/
}

#col3-right ul {
         padding: 2px 3px 5px 0;
}

#col3-right ul li {
         font-size: 12px;
         list-style-type: square;
         line-height: 14px;
         margin: 2px 0 2px 22px;
}

/*#rss-block a  {
  display:block;
  margin:10px 0 0 8px;
}*/

#rss-block ul {
        padding: 0;
}  

#rss-block ul li {
        font-size:12px;
        list-style-type: none;
        margin: 12px 5px 12px 8px;
}

#rss-block {
  margin-bottom: 20px;
}

.rss-kuvake {
  float:right;
  padding:3px 10px 0 0;
}

.sininen a {
  display:block;
  font-size: 11px;
  line-height: 14px;
  /* font-weight: bold; */
  color:#fffffd;
  padding: 7px;
  margin-bottom: 4px;
  background-color: #5c89b8;
}

.sininen a:visited {
  background-color:#5c89b8;
  color:#fffffd;
}

.sininen a:hover {
  background-color:#9ebddd;
}

.sininen b, .sininen strong, .sininen b a, .sininen strong a {
  font-size:13px !important;
  font-weight: bold;
}

.sininen a img {
  display:block;
  text-align:center;
  padding:10px;
  margin-top: 10px;
  margin-bottom:6px;
  background-color:#fff; 
}          

#toiminta-vasen {
  width:308px;
  float:left;
  display:inline;
  margin-left:10px;  
}

#toiminta-vasen ul li {
  font-size: 12px;
  list-style-type: none;
  line-height: 16px;
  margin: 4px 0 6px 0px;
}

#toiminta-oikea {
  width:200px;
  float:left;
  display:inline;
  margin-left:10px;  
}

#footer-left {
  width:213px;
  float:left;
}

#footer-right {
  width:735px;
  float:left;
  padding-top:15px;
}

#footer-right a {
  display:block;
  float:left;
  padding:5px;
  font-size:13px;
  font-weight:bold;
  color:#507784;
  width:170px;
}

#footer-right a:hover {
  color:#006699;
}

#footer-right br {
  display:none;
}

#lang {
  position:absolute;
  top:35px;
  background:#03213d;
  border:1px solid #3c5060;
  height:16px;
  width:100px;
  padding:2px 0 0 15px;
  color:#eee;
  
  /*right:140px;*/
  right:0;
}

#lang a, #login a {
  font-size:11px;
  color:#eeeeee;
}

#login {
  position:absolute;
  top:0;
  right:0;
  background:#03213d;
  border:1px solid #3c5060;
  height:16px;
  width:120px;
  padding:2px 0 0 15px;
  color:#eee;
  
  display:none;
}

#search {
    background: none repeat scroll 0 0 #03213D;
    /*border: 1px solid #3C5060;*/
    color: #EEEEEE;
    /*height: 21px;*/
    padding: 2px 2px 0px 2px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 60px;
    /*width: 170px;*/
    width: 180px;
    z-index: 900;
}

#search input {
  /*border:1px solid #000; */
  /*height:14px;*/
  /*font-size:12px; */
  /*width:114px; */
  /*height:13px; */
}

#search input.hae {
  height:19px;
  padding-bottom:2px;
  vertical-align:bottom;
  width:40px;
}

#breadcrumb, .spacer {
  color:#053f80;
  font-size:12px;
  margin:0 0 10px 0;
}

#content p, #content h3 {
  padding-left:0px;
  line-height:18px;
}

#content h1 {
         margin-bottom:10px;
}

#content h3 {
         margin-top:10px;
}

#content p {
         margin:10px 0;
}

#content ul {
         padding: 5px 0 10px 0;
}

#content ul li {
         font-size: 12px;
         list-style-type:square;
         line-height: 18px;
         margin: 2px 0 2px 30px;
}

#content ol {
         padding: 5px 0 10px 0;
}

#content ol li {
        font-size: 12px;
        list-style-type: decimal;
        line-height: 18px;
        margin: 2px 0 2px 30px;
}

#content {
  margin-bottom: 20px;
}
       
table.contenttable tr td, 
table.contenttable tr th {
        font: normal 12px/1.3 Arial;
        padding: 0 2px;
        border: 0;
}

#contenttable tr td p {
        padding: 0;
        margin: 0;        
}

#basictable {
        margin: 10px 0 20px 0;
        width: 100%;
}

#basictable tr td,
#basictable tr th {
        border: solid #ccc 1px;
        padding: 3px;
}

#basictable tr td p,
#basictable tr th p {
        margin: 0;
        padding: 0;
}

#basictable tr th p {
        font-weight: bold;
}

#event {
        font:normal 12px/1.3 Arial,Helvetica,sans-serif;        
}

#event h3 {
        margin: 0;
        padding: 0 0 5px 0;
} 

#event h4 {
        margin: 0;
        padding: 5px 0 0 0;
} 

#event table tr td {
        border: none;
        padding: 3px 10px 3px 0;
}

#taivaalla-tanaan h3 {
        margin-left: 10px;
}

#taivaalla-tanaan p {
        margin-left: 0px;
}

#taivaalla-tanaan li {
        margin-left: 26px;
        margin-bottom: 3px;
        font-size: 12px;
        list-style-type: square;
}

#taivaalla-tanaan img {
        margin: 0;
        padding: 0;
}

#tahtitaivas-uutiset, .ajank-teksti {
    width: 350px;
}

#taivaalla-tapahtumat ul {
    margin-left: -5px;
    padding-left: 0px;
    margin-bottom: 3px;
    font-size: 12px;
    list-style-type: square;
}

#taivaalla-tapahtumat li {
    margin: 0;
    padding: 0;
}

.ta-uutisnosto {
        padding-bottom:10px;
}

.ta-uutisnosto p {
        margin-left:7px;
}

#ta-luelisaa {
        display:block;
        font-size:12px;
        margin-bottom:10px;
        margin-left:8px;
}

.date2 {
        color: black;
        font-size:10px;
}

.frontright {
        text-align:center;
margin:20px 0;
}

/* .csc-default form {
         border: 1px solid #ccc;
         padding: 10px;
         margin-top: 20px;
 } */

.csc-mailform {
        font: normal 12px/2.0 Arial,Helvetica,sans-serif;
}

.csc-mailform-field {
        clear: both;
}        

.csc-mailform-field label {
        vertical-align: top;
        text-align: left;
}

#c2016 img, 
#c4294 img, 
#c4698 img, 
#c4363 img, 
#c4712 img {
        margin: 0;
        padding: 0;
}





#latest-observations { font-size: 12px }
#latest-observations .camera-icon { margin-bottom: -2px;}    
#latest-observations h2 { display: none }
.camera-icon {display:inline-block;background:url('kuvat/camera-icon-14.gif') bottom center no-repeat;width:14px;height:14px;}
.comments-icon {
    display:inline-block;
    background:url('kuvat/comment-icon.gif') bottom center no-repeat;
    width:14px;
    height:14px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 8px;
    vertical-align: top;
    margin-left:5px;
}
#latest-comments ul li { background: none; padding-left:0;width:189px;list-style-type: none !important;margin-left:8px;}
#latest-comments ul li img { width: 14px;}
#latest-observations ul { padding: 0 }
#latest-observations ul li { 
list-style-type: none;
margin: 8px 5px 8px 8px;
line-height: 14px;
}
#latest-observations ul li img { width: 14px;}
#latest-observations ul li.extra { display:none;}
#col-left-sidebar #latest-observations img {padding-left:0px;}
#col3-left #latest-observations img {padding-left:0px;}

/* Blog items */

.blogitems {
   background-color: #dfe8ee;
   background-color: #e7f0f6;
/*   border: 1px dotted grey;  */
   padding: 10px;
   margin: 0;
   font: normal 12px/1.3 Arial,Helvetica,sans-serif;
}

.blogtitle {
   font-weight: bold;
   padding: 0;
   margin: 0;
   font: bold 13px/1.5 Arial,Helvetica,sans-serif;
}

.blogtime {
   padding: 0;
   margin: 0;
   font: italic 11px/1.3 Arial,Helvetica,sans-serif;
}

.blogcontent {
   padding: 0;
   margin: 0;
   overflow: auto;
}

.blogcontent p {
   padding: 0
   margin: 0;
}

.blogmore {
   margin: 0 0 20px 0;
   padding: 0 0 10px 0;
   border-bottom: 2px solid white;
}

.blogitems .last {
   border-bottom: none;
   margin-bottom: 0;
}
div#c775 legend {
display:none;
}

div.box1-wrapper{
display: block;
visibility: hidden;
}

form.gsc-search-box{
  margin:0 !important;
}
#domain-navigation {
    height: 30px;
    background-color: #0b2b4e;
    width: 100%;
    margin: 1px 0 0 0;
}
#domain-navigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#domain-navigation li {
    float: left;
    position: relative;
    line-height: 30px;
    width: 25%;
    min-width: 25%; // for IE
}
#domain-navigation li a {
    color: #ffffff;
    font-size:15px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid white;
}
#domain-navigation li a#last_element {
    border-right: none;
}
#domain-navigation li a:hover {
    color: #70bbed;
    font-weight: bold;
}
#domain-navigation li a.active,
#domain-navigation li a#current_domain {
    color: #70bbed;
    font-weight: bold;
}

/* ---------- Forms -------------*/

fieldset.form-group legend {
    font-size: 14px;
    color: #053f80;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

div.form-group {
    margin: 8px 0 8px 0;
}

div.form-group label {
    font-size: 12px;
    color: black;
    display: inline-block;
    margin-bottom: 2px;
}

div.form-group input[type=text] {
    width: 50%;
    padding: 2px;
}

div.form-check label { 
    padding: 0;
    margin: 0;
}

div.form-check input[type=checkbox],
div.form-check input[type=radi] { 
    padding: 0;
    margin: 0 5px 0 0;
}

div.btn-group button {
    margin: 20px 0;
}

div.form-group textarea {
    width: 50%;
    padding: 2px;
    font-size: 12px;
    resize: both;
}

div.has-error input {
    background-color: lightred;
    border: 1px solid red;
    padding: 2px;
} 

.error {
    color: red;
    font-size: 12px;
}

.required {
    font-size: 14px;
    font-weight: bold;
}