body {margin-top: 10px; padding: 0px; background-color: #ddd}
form {margin: 0; padding: 0;}
label {font-weight: normal;}
.fieldset-hdr {font-weight: bold; line-height: 40px}
input, textarea, select {
     width: 100%;
     border: 1px solid #ccc;
     border-radius: 5px;
     padding: 2px 6px;
     margin: 2px 0px;
}
select {border: 1px solid #ccc; border-radius: 5px;  padding: 2px 2px; margin: 2px 0px;}
input[type=checkbox], input[type=radio] {width: 17px; border: none;}
.row-header {background: url(header_bg.gif) top left no-repeat; padding: 10px 0 0 50px; height: 50px;}
.row-text {margin: 20px 40px;}
.jumbotron {padding: 40px 0 0 0;}
.jumbotron h1 {font-size: 28px; color: #000;}
.jumbotron p {font-size: 95%; text-align: left;}
.input1 {width: 300px;}
.input2 {width: 100px;}
.button-blue {border: 1px solid #307BBA; background: #307BBA; padding: 10px 20px; color: #FFF;}
.formheader {font-size: 18px;}
.eventheader {font-size: 20px;}
.container {
    box-shadow: none;
    padding: 0px 15px;
}
.button {margin-bottom:5px; text-align:center; border-style:solid; border-color: #a0a0a0; border-width:1px; padding:4px; text-decoration:none; cursor: hand;}
.button:hover { color:#000; background-color: #c0c0c0; }
div#infobox2_left {
  z-index: 1000;
  position: absolute;
  width: 12px;
  height: 60px;
  background: transparent url(infoleft.gif) 0px 0px no-repeat;
}
div#infobox2_top {
  z-index: 1000;
  position: absolute;
  width: 26px;
  height: 16px;
  background: transparent url(infotop.gif) 0px 0px no-repeat;
}
div#infobox2,div#toimintobox {
  position: fixed; 
/*  left: 29%; */
/*  top: 10%;*/
  width: 450px;
  height: auto;
  background: #F9F9F9;
  color: #000;
  border: 2px solid #999;
  margin: 50px auto;
}
div#toimintoboxwide {
  /*position: fixed; */
  position: absolute; 
  left: 20%;
  top: 10%;
  width: 650px;
  height: auto;
  background: #F9F9F9;
  color: #000;
  border: 2px solid #999;  
}
div#infobox2 h2, div#infobox h2 {
  color: #307BBA;
  font-size: 22px;
}
div#infobox, div#confirmbox {
  position: fixed; 
  left: 50%;
  top: 50%;
  z-index: 1001;
  height: auto;
 margin-top: -180px;
  width: 450px;
 margin-left: -225px;
   background: #F9F9F9;
   color: #000;
   border: 2px solid #999;
}
div#info_header h2, div#confirm_header h2, div#toimintobox_header h2, div#toimintoboxwide_header h2 {
  color: #00A1E0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px 2px 20px;
}
div#info_content, div#confirm_content, div#toimintobox_content {
  font-family: Arial;
  font-size: 12px;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
div#info_footer input.button, div#confirm_footer input.button, div#toimintobox_footer input.button, .button-blue {
   background: #307BBA;
   color: #FFF;
   border: solid 4px #307BBA;
   margin: 10px 0 10px 0px;
   font-size: 14px;
   text-align: center;
}
.button-grey {
   background: #ccc;
   color: #FFF;
   border: solid 4px #ccc;
   margin: 10px 0 10px 0px;
   font-size: 14px;
   text-align: center;
}
input[type=button].button-blue-small {
   background: #307BBA;
   color: #FFF;
   border: solid 4px #307BBA;
   margin: 0px 0px 0px 0px;
   font-size: 10px;
   text-align: left;
}
button.btnset_off {margin-right: 1px; background: #D3D1D0; color: #EBEBEB; border: 0px none; padding: 4px; font-family: Verdana; font-size: 11px;}
button.btncancel_off {margin-right: 4px; background: #D3D1D0; color: #EBEBEB; border: 0px none; padding: 4px; font-family: Verdana; font-size: 11px;}
span.substatus_off {background: #FFF; color: #55B558; font-family: Verdana; font-size: 11px;}
button.btnset {margin-right: 1px; background: #51BD51; color: #FFF; border: 0px none; padding: 4px; font-family: Verdana; font-size: 11px;}
button.btncancel {margin-right: 4px; background: #C32C03; color: #FFF; border: 0px none; padding: 4px; font-family: Verdana; font-size: 11px;}
span.substatus {background: transparent; color: #51BD51; font-family: Verdana; font-size: 11px; font-weight: bold;}
/*
@media (min-width: 780px) {
   .col-sm-5 {width: 41.66666667%;}
   .col-sm-7 {width: 58.33333333%;}
}
*/
@media (max-width: 480px) {
   .row-header {background: url(header_bg.gif) top left no-repeat; padding: 10px 0 0 30px; height: 50px;}
   .row-text {margin: 15px 10px;}
   /*img {max-width: 300px;}*/
   div#infobox, div#confirmbox {
      width: 80%;
      left: 10%;
       margin-left: 0px;
    }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb;
  font-style: italic;
}