body {
	margin: 0;
	padding: 0;
   /*  background: #0071a7 url(../images/bg-tile.jpg) repeat-x;  */
   background: #FAFAFA;
    height: auto;
 /* font-family: Arial, Helvetica, Jamrul, sans-serif;    */

   /* font-family: 'Magra', Book, sans-serif;
   font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;   */
   /*font-family: Verdana,Arial,sans-serif;*/
   color: #333333;
    font-family: Arial, Helvetica, sans-serif;

	  font-size: 90%;
  }


  div#content {
    padding: 20px;
  /*  font-size: 12px; */
   font-size: 80%;
    background: #fff;
    border: 1px solid #bababa;
    min-width: 1250px;
  }
  div#contentWrap {
    position: relative;
    left: 0px;
    top: -10px;
    margin-right: 0px;
    border: 8px solid #F5F5F5;
  }

  h1, h2, h3, legend {
    margin-top: 5px;
    color: rgb(0,97,175);
   /* font-family: 'Telex', sans-serif;
   font-family: 'Avant Garde', sans-serif; 
   font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
   
   font-family: Copperplate Gothic Light, sans-serif;*/

  }
  h1 {
      font-size: 165%;
  }
  legend {
    color: gray; /*rgb(0,166, 235); */
  }


  .logoWrapper {
      min-width:180px;
      min-height:35px;
      border-bottom: 1px solid #0061AF;
      -webkit-border-bottom-right-radius: 500px;
        -moz-border-radius-bottomright: 500px;
        border-bottom-right-radius: 500px;
      position: absolute;
      z-index: 999;
      left:0;
      top:0;
      display: inline-block !important;
      background: #ffffff url(../images/logosmall.jpg) no-repeat;
      /*background-size:180px 35px;*/
      background-position:left center; 
      
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      opacity: 0.7;
  }
  
  h1.main {
    min-width: 1310px;
    width: 100%;
    text-align: center;
    height: 40px;
    /*border-bottom: 2px solid #bababa;   */
    margin-top:0;
    padding: 5px auto;
   /* background: #ffffff url(../images/logo.jpg) no-repeat;*/
    background: #0061AF;
    /*background-image: linear-gradient(to bottom, #0061AF, #65A7DB);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061AF', endColorstr='#65A7DB'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0061AF), to(#65A7DB)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #0061AF,  #65A7DB); /* for firefox 3.6+ */
    /*background-image: linear-gradient(to bottom, #0095c4, #65A7DB);*/
    color: #F5F5F5;
    font-size: 175%;
    /*font-family: Century Gothic, sans-serif;*/
    font-weight: lighter;
    /*font-family: Tahoma, Geneva, sans-serif;*/
    letter-spacing: 1px;
  }


   table#merkinnat td {
     padding-top: 5px;
   }


   label {
     display:block;
     font-size: 90%;

      white-space: nowrap;
   }
   label.error {
      color: red;
      z-index:99;
   }

   input.error, textarea.error, select.error {
   /*  border: 1px solid red;    */
   }
   textarea.error {position: relative;}

   input, textarea, select {
  /*  position: absolute;  */
     left: 165px;
    /*  margin-top: 2px;
     text-align: left*/
   }
   input[type=text], select {
     width: 180px;
   }
   td input, textarea, select, a.btn {
     position: relative; left: auto;
   }

   input.number {
     width: 40px;
   }


   input.long {
     width: 400px;
   }

   div#Uusi textarea {
     width: 400px;
     height: 150px;
   }
   #Uusi fieldset {
     border: 1px solid #bababa;
    /* width: 450px;  */
   }
   #Uusi legend {
    /* color: gray;  */
     font-size: 14px;
     font-weight: bold;
   }


   div.left   {
     width: 500px; border-right: 1px solid gray ;
   }
   table#tilausperus {


     border-right: 2px solid #bababa;
   }

   span.dynaField {
     display:block;
   }
   span.dynaField table td.otsikko {
      width: 80px;
   }
   table#paketti {
     border-top:2px solid #bababa;
     margin-top: 10px;
     padding-top: 10px;
   }
   table#asiakas, table#paketti {
     margin-left: 5px;
   }
    table#asiakas td, table#paketti td {
     padding-left: 10px;
   }

   table#lisaaVika td {
     border: none;
   }


   #Uusi {
      position: relative;
   }

   #Uusi table {
     float: left;
   }


   #Uusi img.left {
      position: relative;
      left: 140px;
      cursor: pointer;
      cursor: hand;
      padding: 2px;
   }


   div#div-ilmoitukset {

   }

   div#div-ilmoitukset fieldset, div.haku-tyontekija {
     background: #fff;
   }


   div.Etsi {
     border-top: 1px solid lightgray;

     padding: 10px;
      padding-bottom: 50px;
     height: 100%;
     min-height: 400px;
   /*  background: url(../images/bg-tile.jpg) repeat-x;
     background: url(../JOPELA/images/bg-tile.jpg) repeat-x; */
    /* border: 1px solid #bababa;
     border-top: none;        */
     min-width: 1000px;
   }
   div.Etsi h2 {
     border-bottom: 1px solid #79c1e3;
   }


   div.Etsi table  {
    border-collapse: collapse;
    min-width: 500px;
    background: #fafafa;
    width:100%;
   }
   div.Etsi thead th {
    border-bottom: 2px solid #89919c;
    /*font-size: 13px;*/
    font-size: 110%;
    font-weight: bold;
    padding: 5px 20px 5px 10px;
    text-align: left;
    white-space: nowrap;
    border-right: 1px solid #dad9c7;
   }
   div.Etsi tbody td {
      border-bottom: 1px solid #79c1e3;
      border-right: 1px solid #DAD9C7;
      /*padding: 2px 0 2px 10px;*/
      padding: 5px;
       cursor: pointer;
       cursor:hand;

   }
   img.afterLbl{
     position: relative; left: 340px; top: 0px;
   }
   input, select {
     -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
     border-width: 1px;
     border-bottom: 1px solid lightgray; border-right: 1px solid lightgray;
   }
   input.XS {
     min-width: 35px;
     max-width: 40px;
     text-align: center;
   }
   input.S {
     min-width: 50px;
     max-width: 60px;

   }
   input.L, select.L {
     min-width: 250px;
     max-width: 250px;

   }
   input.XL, select.XL {
     min-width: 350px;
     max-width: 350px;

   }
   input.XXL, select.XXL {
     min-width: 450px;
     max-width: 450px;

   }

   td.L,th.L {
     min-width: 300px;
     width: 300px;
     max-width: 300px;
   }
   
   td.ML,th.ML {
     min-width: 200px;
     width: 200px;
     max-width: 200px;
   }
   
   td.XL,th.XL {
     min-width: 450px;
     width: 450px;
     max-width: 450px;
   }
   td.M, th.M {
     min-width: 120px;
     width: 120px;
     max-width: 120px;
   }
   td.S,th.S {
     min-width: 70px;
     width: 70px;
     max-width: 70px;
   }
   div.search label, #viat label {
     position:relative; width: 100px;       vertical-align: top;
   }
   div.search input, #viat input, #viat textarea {
     position:relative;
     left: 0;     vertical-align: top;
   }
    #viat fieldset {
      width: 800px;
    }


   div.inactive {
     visibility:hidden;
     position:absolute;
   }
   div.active {
     visibility:visible;
     position:relative;
   }

   h2.inactive:hover, h2.active:hover {
     background: #d0e6f2;
   }

   #selected {
     background: lightgreen;
   }
   #nonselected {
     background: #fafafa;
   }

   #Uusi fieldset.tilaus {
     width: 80%;
     min-width: 800px;

   }

   div#messageBox {
     padding: 25px 0 0 0;
     position: fixed; bottom: 58px; right: 0;
     width: 400px;
     /*min-height: 100px; */
     border: 1px  solid gray; border-right: 0;   border-bottom: 0;
     z-index: 99;
     background: #fafafa url(../images/msgBox-bg.gif) left top repeat-x;
     -moz-border-radius-topleft: 8px; /* Firefox */
      -webkit-border-radius-top-left: 8px; /* Safari, Chrome */
      border-top-left-radius: 8px; /* CSS3 */
     font-size: 12px;
   }

   div#messageBox p {
     margin: 5px;
   }

   div#messageBoxContent {
     padding: 5px 5px 10px 10px ;
     height: 100%;
     background: #bababa url(../images/msgBox-bg.png);
   }
   div#messageBoxContent p span.ui-icon:hover {
     border: 1px solid #3a3a3a;
   }
         
   div.sivutoiminnot {
     background: #bababa url(../images/msgBox-bg.png);
     text-align: center;
   /*  position:absolute; right: 100px; */float: right; position: relative; top: -47px; right: 20px;
     border: 1px solid #bababa;
     min-width: 250px;
     border-bottom: 1px solid #F5F5F5;
     padding: 7px;
     -moz-border-radius-topleft: 5px; /* Firefox */
      -webkit-border-radius-top-left: 5px; /* Safari, Chrome */
      border-top-left-radius: 5px; /* CSS3 */
     -moz-border-radius-topright: 5px; /* Firefox */
      -webkit-border-radius-top-right: 5px; /* Safari, Chrome */
      border-top-right-radius: 5px; /* CSS3 */
   }
    div.sivutoiminnot button {
      margin: 4px 5px 0;
    }


   p.error {                /*
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      opacity: 0.7;       */

     z-index: 99;
     width: 375px;
     line-height: 20px;
     display:block;
     position:relative;
     right: 0;
     border: 1px solid red; border-right: 0;
     background: #F5DAE2 url(../images/errorBg.png);
     color: #1a1a1a;
     padding: 5px;
     text-align: center;
     font-size: 90%;
     -moz-border-radius-topleft: 8px; /* Firefox */
      -webkit-border-radius-top-left: 8px; /* Safari, Chrome */
      border-top-left-radius: 8px; /* CSS3 */
     -moz-border-radius-bottomleft: 8px; /* Firefox */
      -webkit-border-radius-bottom-left: 8px; /* Safari, Chrome */
      border-bottom-left-radius: 8px; /* CSS3 */
  }

  p.feedback {
     z-index: 99;
     width: 375px;
     line-height: 20px;
     position:relative;
     right: 0;
     border: 1px solid #388A5A; border-right: 0;
     background: #CAEBD7 url(../images/feedbackBg.png);
     color: #1a1a1a;
     padding: 5px;
     text-align: center;
     font-size: 90%;
     -moz-border-radius-topleft: 8px; /* Firefox */
      -webkit-border-radius-top-left: 8px; /* Safari, Chrome */
      border-top-left-radius: 8px; /* CSS3 */
     -moz-border-radius-bottomleft: 8px; /* Firefox */
      -webkit-border-radius-bottom-left: 8px; /* Safari, Chrome */
      border-bottom-left-radius: 8px; /* CSS3 */

   }

   .print-only {
      display:none;
   }


   div.haku-tyontekija, div.fieldset {
     width:95%;
     border: 1px solid #bababa;
     margin: 20px auto;
     padding: 5px 20px 20px 20px;

   }
   p.legend {
     margin: 0;
     color: rgb(0,97,175);
     font-size: 16px;
     white-space: nowrap;
     position: relative;
     top: -15px;
     background: #fff;
     width: 270px;
     border: 1px solid #bababa;
     left: 10px;
     padding: 3px 10px;
   }


   fieldset.yhteenveto, div.yhteenveto {
     margin: 10px;
     position: relative;
     top: 10px;
     width: 950px;
     background: #f5f5f5;
     border: 1px solid #bababa;
     padding: 3px 10px;
   }
    fieldset.yhteenveto p.legend, div.yhteenveto p.legend {
     font-size: 14px;
     color: gray;
     white-space: nowrap;
   }
   .yhteenveto table, div.yhteenveto table {

     background: #f5f5f5;
   }
   .yhteenveto td {
    white-space: nowrap;
   /* max-width: 120px;    */
    overflow: hidden;
   }
   .yhteenveto td.value {
    padding-right: 5px;
    border-right: 1px solid lightgray;
    min-width: 80px;

   }

   div.pankkiYht {
     padding: 5px;
     float: left;
     position: relative;
     left: 1000px;
     width: 400px;
     line-height: 20px;
     top: -33px;
     border: 1px solid gray;
     background: #DFEDF0;
   }
   div.pankkiYht  span {
     font-weight: bold;
     font-size: 14px;
     text-decoration: underline;
   }



  table input {
    left: auto;
    position: relative;
  }
  table.simple, div.Etsi table.simple {
    border:none;
    min-width: 100px;
    border-collapse: collapse;
  }
  table.simple tbody td {
    text-align:center;
    border-bottom: 1px solid lightgray;
  }
  table.simple th {
    border-bottom: 2px solid lightgray;
  }


  div#leftSide {
    float: left;
    padding: 10px;
  }
  #leftSide table {
    max-width: 550px;
  }

  #tilausTable {
   /* width: 800px;*/
  }

  table#haku td {
     padding: 4px 8px;
  }


  div#sideInfo {
  /*  float: left; */
  position: relative;

    margin: 30px auto auto 580px;
    background: #FFFEF7;
    min-width: 550px;
    width: 600px;
    left: 10px;
    padding: 10px;
  /*  border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;    */
    border: 5px solid rgb(0,97,175);
    border-bottom:none;
  }
  div#sideInfo .item {

    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dashed lightblue;
    width: 90%;
  }

   div#sideInfo textarea {
     left: auto;
     position: relative;
     resize:none;
   }
   div#sideInfo input[type=submit] {
     float: right;
     left: auto;
     position: relative;
     top: -40px;
   }
   div#sideInfo h1 {
      background:  rgb(0,97,175);
      color: white;
      margin: 0;
      margin-bottom: 10px;
      padding: 10px;
   }

a.btn:hover
{
   background: transparent url('../images/button_custom_active_tp.gif') no-repeat scroll top right;
    text-decoration: none;
    cursor: pointer;
    cursor:hand;

}
a.btn img
{
   vertical-align: center; position:relative; float: left; left: 15px; top: 10px;
}
a.btn
{

   background: transparent url('../images/button_custom_tp.gif') no-repeat scroll top right;


    line-height: 45px;
    text-decoration: none;
    text-align: center;
    margin: 0;
    display: inline-block;
    width: 110px;
    margin-top: 2px;


}
  div#sideInfo a.btn {
    position: relative;
    left: auto;
    right: 10px;
    float: right;
  }

a.logout {
     background: lightgray;
     background-image: linear-gradient(to bottom, #bababa, lightgray);
     line-height: 40px;
     border : 1px solid gray; border-top: none;
     float: right;
     position: relative;
     right: 280px;
     padding: 0 8px;
     color: black;
     text-decoration: none;
     font-weight: bold;
     font-size: 11px;
     z-index:999;

     -moz-border-radius-bottomright: 8px; /* Firefox */
      -webkit-border-radius-bottom-right: 8px; /* Safari, Chrome */
      border-bottom-right-radius: 8px; /* CSS3 */
     -moz-border-radius-bottomleft: 8px; /* Firefox */
      -webkit-border-radius-bottom-left: 8px; /* Safari, Chrome */
      border-bottom-left-radius: 8px; /* CSS3 */
   }
   a.logout:hover {
     background: #E3E3E3;
     color: #808080;
     text-decoration: underline;
   }

   div#loginWrapper {
      position: absolute;
      left:0;
      top:0;
      min-width: 1250px;
      width: 100%;
   }

   div#loginInfo {

     float: right;
     position: relative;
     right: -50px;
     top: 5px;
     width: 200px;
     padding: 0 8px;
     color: #f5f5f5;
     font-size: 11px;

     -moz-border-radius-bottomright: 8px; /* Firefox */
      -webkit-border-radius-bottom-right: 8px; /* Safari, Chrome */
      border-bottom-right-radius: 8px; /* CSS3 */
     -moz-border-radius-bottomleft: 8px; /* Firefox */
      -webkit-border-radius-bottom-left: 8px; /* Safari, Chrome */
      border-bottom-left-radius: 8px; /* CSS3 */
   }
   fieldset.haku legend
   {
     color: rgb(0,97,175);
      font-family: 'Telex', sans-serif;
      font-size: 16px;
   }

   fieldset.haku a.btn
   {
      float: left;
     position: relative;
     left: 50px;
   }
   fieldset.haku table
   {
      float: left;
   }
   fieldset.haku td
   {
      padding-left: 10px;
   }

   div.footer {
     background: rgb(0,97,175);
     color: white;
     font-size: 11px;
     width: 100%;
     padding: 10px 0 0px;
     margin: 0;
     text-align:center;
     vertical-align:center;
     border-top: 1px solid rgb(0,97,175);
     height: 40px;
   }
   div.footerWrap {
     z-index:100;
     min-width: 1200px;
     border-top: 1px solid #bababa;
     background: lightgray;
     margin:0;padding:6px 0 0 0;
     width: 100%;
     position: fixed;
     bottom: 0;
   }


   /* css for timepicker */
    .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
    .ui-timepicker-div dl { text-align: left; }
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
    .ui-timepicker-div td { font-size: 90%; }
    .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

    .ui-widget {
      font-size: 12px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    color: rgb(0,97,175);
    }

  div#fancy-title {
    border-top: 1px solid rgb(0,97,175);
    color: gray;

    background: url(../images/msgBox-bg.png);
  }

  #sarakeValinnat {

   padding: 2px;

  }
  #sarakeValinnat td{
   white-space: nowrap;
   border-right: 1px solid lightgray;
   border-bottom: 1px solid lightgray;
   padding-right: 5px;
  }

  td.yes {
   /* background: url(../images/stripe_greengreen.png);
  background: url("../jqueryUI/css/ui-lightness/images/ui-icons_228ef1_256x240.png") no-repeat;
  background-position: -64px -144px;                   */
  }

  tr.vko_yhteenveto td {
    line-height: 22px;
    background: url("../images/stripe_gradient.png") ; font-weight: bold;
  }

  td.b {
    background: #fafafa;
  }

  tr.weekend {
    background:  #f5f5f5;
  }


  td.pankki, th.pankki {
    text-align: center;
    background-color: #DFEDF0;
  }

  div.Etsi tbody tr.laiteotsikko td {
    background-color: #DFEDF0;
    font-size: 14px;
  }

  div.haku-pvm {
    padding: 0 20px 5px 5px;
    border: 1px solid gray;
    margin-bottom: 10px;
    background: #f5f5f5;
  }

  p.pvmlegend {
    font-size: 16px;
    margin-top: 4px;
  }
  td.huomiot {
    border-left: 1px solid #79C1E3;
  }

  tr.a {
    background: #f5f5f5;
  }


   div.sameline {
      white-space: nowrap;

   }
   div.sameline span {
     float: left;
   }

  div.Etsi table.raportti_small, table.raportti_small  {
    min-width: 250px;
    width: 250px;
  }
  div.Etsi table.raportti_medium, table.raportti_medium  {
    width: 650px;
  }
  div.Etsi table.raportti_large, table.raportti_large  {
    width: 850px;
  }

  div.Etsi tbody td.small_header,div.Etsi th.small_header {
    width: 120px;
    white-space:nowrap;
    background: #f5f5f5;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
  }
  div.Etsi th.small_header {
    border-bottom: 2px solid #89919C;
  }

  tbody tr.uusinta_orig td {

    padding-top: 10px;
     border-top: 6px solid lightgray;
   /*  background: #B8E0F2;
   font-weight: bold;        */
     border-bottom: 1px solid black;

  }
  tbody tr.first td {
    border-top: none;
  }


  tbody tr.uusinta {
     background: #f5f5f5 url("../images/msgBox-bg.png");
     border-left: 1px solid #a3a3a3;

     border-bottom: none;
  }
  tbody tr.uusinta td {

     border-bottom: none;
  }

  table.sortable thead th.header {
    cursor: pointer; cursor: hand;
    background-image: url(../js/tablesorter/themes/blue/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 10px;
    padding-right: 15px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
  }

  table.sortable thead th.headerSortDown {
    background-image: url(../js/tablesorter/themes/blue/desc.gif);
    /* background-color: #3399FF;     */
  }

  table.sortable thead th.headerSortUp {
    background-image: url(../js/tablesorter/themes/blue/asc.gif);
   /* background-color: #3399FF;     */
  }

  ul.select_multiple {
    height: 200px; overflow: auto; width: 300px; border: 1px solid #000;
    list-style-type: none; margin: 0; padding: 0; overflow-x: hidden;
  }

  ul.select_multiple li {
    margin: 0; padding: 0;
  }

  ul.select_multiple li label {
    display: block; margin: 0; padding: 0; width: 100%;
  }

  ul.select_multiple li label.a {
    padding-left: 4px;
    background-color: #fff;
    border-bottom: 1px solid #bababa;
  }

  ul.select_multiple li label.b {
    padding-left: 4px;
    background-color: #fff;
    border-bottom: 1px solid #bababa;
  }

  tbody tr.laskuttamatta {
    background: url("../images/laskuttamattaBg.png") #F7DCE7;
  }

  div.tulostettavaLomake table tbody td{
     border-bottom: 1px solid #bababa;
     border-right: none;
     padding: 5px auto;
  }
  div.tulostettavaLomake table tbody tr{
     border-bottom: 1px solid #bababa;
  }
  div.perustiedot table tbody td, div.perustiedot table tbody tr {
     border-bottom: none;
     white-space: nowrap;
  }
  div.tulostettavaLomake {
     max-width: 820px;
     min-width: 750px;
     position: relative;
     padding-left: 20%;
     padding-right: 20%;
  }


div.loginWrap {
  min-width: 700px;
  width: 80%;
  position: relative;
  left: 10%;
  right: 10%;
  border: 8px solid #F5F5F5;
   background: #fafafa url(../images/msgBox-bg.gif) left top repeat-x;
   text-align: center;
   color: #fff;
   padding: 0 0 0 0;
   font-weight: bold;
   -moz-border-radius-topleft: 8px; /* Firefox */
  -webkit-border-radius-top-left: 8px; /* Safari, Chrome */
  border-top-left-radius: 8px; /* CSS3 */
}


div.logincontent {
  color: black;
  font-weight: normal;
  background: #fff;
  text-align: center;
  border: 1px solid #bababa;
}


div.logincontent p.loginerror {
  padding: 5px;
 color: red;
 background-color: pink;
 width: 400px;
 position: relative;
 left: 35%;
 top:0;
 border: 1px solid red;

}

p.palautettuFeedback {
     z-index: 99;
     width: 300px;
     line-height: 20px;
     position:relative;
     right: 0;
   /*  border: 1px solid #388A5A; 
     background: #CAEBD7 url(../images/feedbackBg.png); */
     color: darkgreen;
     padding: 5px;
  /*   text-align: center;
     font-weight: bold; */
     -moz-border-radius: 8px; /* Firefox */
      -webkit-border-radius: 8px; /* Safari, Chrome */
      border-radius: 8px; /* CSS3 */
      
     
   }

div#search { margin: 20px 0; width: 600px !important;  }
div#search table { border: none !important; background: none !important; width: auto !important;  }
div#search table td { border: none !important;  }

.loader {
    
     padding: 6px 20px; 
    /*position: absolute;*/
     border: 1px solid #bababa;
     background: #E7E7E7;
     z-index: 100;
      /* IE 8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
     /* IE 5-7 */
     filter: alpha(opacity=65);
     /* Netscape */
     -moz-opacity: 0.65;
     /* Safari 1.x */
     -khtml-opacity: 0.65;
     /* Good browsers */
     opacity: 0.65;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
        position: relative;
        top: -1px;
        margin-right: 4px;
   }
   
   table.lomakkeenmuokkaus > tbody > tr > td:first-child  {
       border-left: 6px solid #0095c4;
       padding-left: 5px;
   }
   
   tr.lisakysymys > td:first-child {
       border-left: none !important;
   }
   
   tr.lisakysymys > td > div
   {
       margin-left: 6px; border-left: 6px solid #48d39f; padding: 5px 5px;
   }
   
   tr.lisarivi table {
       border-collapse: collapse; 
       margin: auto auto 5px 40px; 
       border-left: 6px solid lightgray; 
       padding-left: 10px;
       min-width: 630px;
       width: 630px;
       
   }
   
   td.lisarivit-open, tr.lisarivit-open > td {
       border-bottom: 2px solid lightgray !important;
       background: #e9e9e9;
   }
   tr.lisarivi > td {
       background: #f5f5f5;
       border-bottom: 2px solid lightgray !important;
       padding-top: 0px !important;
       padding-bottom: 0px !important;
   }
   tr.lisarivi table > tbody > tr {
       border-bottom: 1px solid lightgray;
   }
   tr.lisarivi table > tbody > tr > td {
       padding-left: 5px;
       padding-top: 10px !important;
       padding-bottom: 10px !important;
   }
   tr.lisarivi table > tbody > tr > td:first-child {
       min-width: 95px;
       padding-left: 15px;
       text-align: left;
   }
   
   
   tr.lisarivi table > tbody > tr > td.nimi 
   {
       min-width: 350px;
   }
   
   table.tarkastus {
       border-collapse: collapse; width: 95%;
       max-width: 650px;
   }
   table.tarkastus > thead > tr > th {
        border-bottom: 2px solid gray;
        font-size: 100%;
        font-weight: bold;
        padding: auto;
        text-align: center;
        white-space: nowrap;
        border-right: none;
        border-left: none;
   } 
   table.tarkastus > tbody > tr > td {
       border-bottom: 1px solid lightgray;
       padding-top: 20px;
       padding-bottom: 20px;
   } 
   
   table.tarkastus th.kohde {
       width: 290px;
   }
   table.tarkastus th.opas {
       width: 120px;
   }
   
   input[type=checkbox], input[type=radio] {
       background:transparent;border:0
   }
   div#note { padding: 10px; margin: 10px 0; border: solid 1px #bababa; width: 500px; text-align: center; background: #FFFFCC; }
   div#appsModels { }
   div#appsModels table { border-collapse: collapse; }
   div#appsModels tr.top { font-weight: bold; }
   div#appsModels td { padding: 5px; border: solid 1px #79c1e3; }
   div#appsModels th { text-align: center; padding: 10px; font-size: 14px; border: solid 1px #79c1e3; }
   
   div#dvData tr.top > td { font-weight: bold; font-size: 12px; padding: 5px; }
   div#dvData td { padding: 5px; border: solid 1px #79c1e3; }
   div#csvLink { text-align: right; width: 100%; border: solid 1px; margin: 0; padding: 0; }
   div#csvLink a { margin: 0; padding: 0; }
   
   table.ownTable { border-collapse: collapse; border: none; width: 100px; padding: 0; margin: 0;}
   table.ownTable td { padding: 5px !important; border: none !important; width: 50px;}
   div#ownDiv { border: none; width: 500px; margin: 20px 0; border: solid 1px #bebebe !important; padding: 10px 0; background: #fafafa;}