/* form style for content forms */
#content form { font:normal normal 11px verdana; }
#content form p { padding:5px 12px 5px 12px; }
#content form small { font: normal normal 9px verdana; }
#content form h3
{
  margin-left:8px;
  font:normal bold 14px verdana;
}
#content form h4 {  font-size: 11px; }

/* formien väliotsikko */
#content form h5
{
  padding:4px;
  margin-bottom:10px;
  margin-top:10px;
  font:normal bold 11px verdana;
  background-color:#aaa;
  color:#fff;

}
#content form table { margin-bottom:10px; width:100%;}
#content form table.narrow
{
  width:350px;
  border: none;
}
#content form table.auto
{
  width:0px;
  border: none;
}

#content form th, form td
{
  padding:4px;
  margin:0px;
}
#content form th
{
  font:normal bold 11px verdana;
  text-align:right;
  width: 35%;
  color: #555;
  padding-top: 5px;
}
#content form td
{
  width: 65%;
  font:normal normal 11px verdana;
}
#content form th.wideheader { width: 65%; }
#content form td.wideheader { width: 35%; }
#content form select
{
  width: 320px;
  font:normal normal 11px verdana;
}
#content form input
{
  width: 200px;
}
#content form input.checkbox, #content form input.radio
{
  width: 20px;
}
#content form textarea
{
  width: 320px;
}

#content form tr
{
  vertical-align: top;
}

div#useragreement dl
{
  margin-top: 0px;
  padding: 10px;
}
div#useragreement dt
{
  font-weight: bold;
  padding-bottom:3px;
}
div#useragreement dd
{
  padding-bottom:15px;
}
div#useragreement li
{
  padding-left: 10px;
}
#content tr.error th, #content tr.error td
{
  background-color: #c00;
  color: #fff;
}
div.error
{
  background-color: #c00;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 578px;
}

div#useragreement
{
  border:inset 2px #eee;
  padding:2px;
  margin:4px;
  background-color:#eee;
  height:400px;
  width:577px;
  overflow:auto;
}

div#useragreement h4
{
  color:#fff;
  background-image:none;
  background-color:#aaa;
}

#content td.date select
{
  width:auto;
}
.highlight
{
  color: #000000;
}

#sisalto ul
{
  width:100%;
  padding-left:20px;
  padding-top:5px;
}

#sisalto ul li
{
  /*background-color:#3876A2;
  border:solid 1px #aaa;
  color:#fff;*/
  padding:0px;
  list-style-type: disc;
  border: none;
  background-color: transparent;
  color: #555;
  margin-left: 16px;
  vertical-align: top;
  font:normal normal 11px verdana;
  margin-top: 3px;
  width: 90%;
}

#sisalto ul li ul
{
  /*margin-top:6px;*/
  /*padding-bottom:6px;*/
}

#sisalto ul ul ul
{
  /*margin:0px;
  padding:0px;*/
}

#sisalto ul a
{
  color:#fff;
  padding-left:8px;
}

#sisalto li.leftcol
{
  float:left;
   margin-bottom:10px;
}

#sisalto li.rightcol
{
  float:right;
  clear:both;
  margin-bottom:10px;
}

#sisalto ul ul li
{
  background-color:transparent;
  border:none;
  /*padding-left:8px;
  width:261px;*/
}

#sisalto ul ul a
{
  color:#3876A2;
}

#sisalto ul ul ul li
{
  width:250px;
}

#sisalto ul ul ul li
{
  width:200px;
}

#content, #message
{
  color:#777;
}

div#companySelector
{
  position:absolute;
  left:120px;
  width:640px;
  border:outset 2px #eee;
  background-color:#eee;
}

div#companySelector table
{
  width:640px;
}

div#companySelector input
{
  width:auto;
}

div#companySelector input.submit
{
  width:160px;
}

div#companySelector select
{
  width:290px;
}

div#companySelector h5
{
  background-color:#aaa;
  color:#fff;
  font:normal bold 12px verdana;
  padding:4px;
  margin:0px;
}