
.help {
   /*background-color: rgb(128,128,150);
   color: black;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   margin: auto;
   width: 40em;
    padding: 1em;*/
    max-width: 60em;
}
      
.help img {
  float: right;
}

.help li {
  vertical-align: text-top;
}

.help .isoimg {
  float: none;
  margin: auto;
}

 .help h2:hover, .help h3:hover, .help h4:hover {
    color: white;
    vertical-align: middle;
  }

.help h2 {
   font-weight: bold;
   font-size: 14px;
  line-height: 1.5em;  
 min-height: 20px; /*kuvake*/
vertical-align: middle;
}    

.help h3 {
   font-weight: bold;
   font-size: 12px;
line-height: 1.5em;  
 min-height: 20px; /*kuvake*/
vertical-align: middle;
}    

.help h2.collapsed, .help h3.collapsed {
   background: transparent url(/pix/arrow.png) no-repeat left;
   padding-left: 20px;
}
     
.help h2.expanded, .help h3.expanded {
   background: transparent url(/pix/arrowa.png) no-repeat left;
   padding-left: 20px;
}

.help h4 {
   background: transparent url(/pix/nappikys.png) no-repeat left;
   padding-left: 20px;
   font-weight: bold;
   font-size: 12px;
   line-height: 1.5em;  
   min-height: 20px; /*kuvake*/
vertical-align: middle;
}

.help .collapsed + div {
   display: none;
}
     
.help .expanded + div {
   display: block;
}

.help div {
  margin: 0.5em 0.5em 0.5em 2em;
}
