@media all {

  isokyro {}

  p, li, td {
    font-size: 10pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
  }

  td.pageContents p {
    padding: 4px 0;
  }

  td.pageContents td p {
    padding: 4px 0 0 0;
    margin: 0;
  }

  a.wu {
    color: #51b3e2;
    font-size: 8pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: none;
  }
  
  /* breadcrumb */
  td.breadcrumb {
    color: #666666;
    font-size: 8pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    padding-left: 13px;
  }

  td.breadcrumb a:link, td.breadcrumb a:visited {
    color: #666666;
    font-size: 8pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: none;
  }

  td.breadcrumb a:hover {
    color: #666666;
    font-size: 8pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: underline;
  }

  .naviSelected {
    background-color: #ecf3ec;
    font-weight: bold;
  }

  .naviSubSelected {
    font-weight: bold;
  }

  td.levelOne a:link, td.levelOne a:visited {
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
  }

  td.levelOne a:hover {
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: underline;
  }

  td.levelTwo a:link, td.levelTwo a:visited, td.levelThree a:link, td.levelThree a:visited {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
  }

  td.levelTwo a:hover, td.levelThree a:hover {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: underline;
  }

  td.pageTitle, h1 {
    color: #F57921;
    font-size: 18px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
    font-weight: normal;
  }
  
  h2 {
    color: #73b471;
    font-size: 16px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
    font-weight: normal;
  }

  td.pageContents {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
    font-weight: normal;
  }
  
  td.quickLink a:link, td.quickLink a:visited {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
  }

  td.quickLink a:hover {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: underline;
  }
  
  div.infobox {
    width: 206px;
    margin: 0 9.5px;
  }
  
  div.teaser {
    border-bottom: 1px dotted black;
    margin-bottom: 4px;
  }
  
  div.teaser a:link, div.teaser a:visited {
    color: #3333ff;
    font-size: 14px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: none;
  }
  
  div.teaser a:hover {
    color: #333333;
    font-size: 14px;
    font-family: Arial, Helvetical, sans-serif;
    text-decoration: underline;
  }
  
  input.input_100 {
    width: 100px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
  }

  input.input_200 {
    width: 200px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
  }
  
  textarea {
    width: 200px;
    height: 100px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
  }

  /**
   * Autiosta Asutuksi
   */

  table.searchForm th {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: bold;
    text-decoration: none;
  }

  table.searchForm td select {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: none;
    width: 150px;
  }

  table.searchForm td input {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: none;
    width: 50px;
  }

  table.searchResult {
    width: 480px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
  }

  table.searchResult tr.propertyRow {
    width: 480px;
    overflow: hidden;
    margin: 0;
    padding: 1px;
  }

  table.searchResult tr.highlighted {
    background-color: #efefef;
  }

  table.searchResult tr.propertyRow td.propertyName {
    width: 140px;
    margin: 0;
    padding: 1px;
  }

  table.searchResult tr.propertyRow td.propertyAddress {
    width: 240px;
    margin: 0;
    padding: 1px;
  }

  table.searchResult tr.propertyRow td.propertyPrice {
    width: 100px;
    margin: 0;
    padding: 1px;
    text-align: right;
  }

  #ajaxLoader {
    visibility        : hidden;
    position          : absolute;
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 85%;
    z-index           : 1000;
    text-align        : center;
    padding-top       : 15%;
    background-color  : transparent;
  }

  #ajaxLoader .ajaxLoaderContent {
    width: 230px;
    height: 67px;
    margin: 0 auto;
    padding-top: 8px;
    text-align: center;
    background-image: url(/autiostaasutuksi/kuvat/ajaxFrame.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #aaaaaa;
    font-size: 10pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
  }

  #propertyDetailsDiv {
    visibility        : hidden;
    position          : absolute;
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 85%;
    z-index           : 1000;
    text-align        : center;
    padding-top       : 100px;
    background-color  : transparent;
  }

  #propertyDetailsDiv .propertyContent {
    width: 500px;
    height: 430px;
    margin: 0 auto;
    padding-top: 8px;
    text-align: center;
    background-image: url(/autiostaasutuksi/kuvat/propertyDetailsFrame.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #aaaaaa;
    font-size: 10pt;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
  }

  table.propertyDetailsTable {
    margin-bottom: 8px;
    width: 100%;
  }

  table.propertyDetailsTable th {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    padding: 0 8px;
  }

  table.propertyDetailsTable td {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetical, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
  }
  
  .errorMessage {
    margin: 10px 0;
    color: red;
  }
}