@charset "utf-8";

@media all {
  div#lomake {
    margin-top: 1em;
  }

  div#lomake span.clsLegend {
    padding: .4em .5em;
    background: #FC0;
    border: 0 none;
    -webkit-border-radius: .5em 0;
     -khtml-border-radius: .5em 0;
       -moz-border-radius: .5em 0;
            border-radius: .5em 0;
  }

  div#lomake span.clsOts {
    width: 98%;
    padding: .2em;
    margin: .2em .2em .5em;
    font-size: 1.4em;
    font-weight: 700;
    background: #f6f6ff;
    border: thin solid #CCC;
  }

  div#lomake fieldset {
    height: auto;
    padding: .3em;
    margin: .5em 0;
    clear: both;
    border: 0 none;
  }

  div#lomake fieldset img {
    margin-top: -0.5em;
    vertical-align: middle;
    border: 0 none;
    -webkit-border-radius: .1em;
     -khtml-border-radius: .1em;
       -moz-border-radius: .1em;
            border-radius: .1em;
  }

  div#lomake fieldset p {
    margin: .5em .5em 1em;
    clear: both;
  }

  div#lomake fieldset p label,
  div#lomake fieldset span {
    float: left;
    width: 220px;
    height: auto;
    padding: 0 2em 0 0;
  }

  div#lomake fieldset p.clsFiller {
    width: auto;
    margin-left: 250px;
  }

  div#lomake fieldset p label.clsWide {
    width: auto;
    height: auto;
  }

  div#lomake fieldset p input.clsBox {
    float: left;
    margin: .2em 1em 0 0;
  }

  div#lomake fieldset p input[type="text"],
  div#lomake fieldset p select,
  #main #koulutus form input[type="text"],
  #main #koulutus form select {
    width: 230px;
    height: auto;
    margin: 0 .5em 0 0;
    background: #f6f6ff;
    border: .1em solid #888;
  }

  div#lomake fieldset p textarea,
  #main #koulutus form textarea {
    width: 230px;
    height: 180px;
    overflow: hidden;
    background: #f6f6ff;
    border: .1em solid #888;
  }

  div#lomake fieldset p textarea.clsSmall {
    width: 230px;
    height: 60px;
    overflow: hidden;
    background: #f6f6ff;
    border: .1em solid #888;
  }

  div#lomake fieldset p input.clsNarrow {
    width: 80px;
  }

  div#lomake fieldset p input[type="submit"],
  #main #koulutus form input[type="submit"] {
    width: auto;
    height: auto;
    padding: 0 .5em;
  }

  #header #searchform #s {
    width: 15em;
    height: 1.4em;
    padding: .1em;
    background: #FFF;
    border: .1em solid #CCC;
    -webkit-border-radius: .25em;
     -khtml-border-radius: .25em;
       -moz-border-radius: .25em;
            border-radius: .25em;
  }

  #header #searchform #s:focus {
    background: #EEE;
  }

  #header #searchform input[type="submit"] {
    float: right;
    width: 7em;
    height: 1.8em;
    background: #FFF;
    border: .1em solid #CCC;
    -webkit-border-radius: .25em;
     -khtml-border-radius: .25em;
       -moz-border-radius: .25em;
            border-radius: .25em;
  }
}