/* CSS Document */
form.basic
{
  padding:5px;
  width:600px; 
  margin:0 auto; 
}
form.basic .formLeft
{
  width:130px;
  float:left;
}
form.basic .formRight
{
  width:450px;
  float:right;
}
form.basic div.formRow
{
  padding:0 10px;
  margin:0;
}
form.basic input, form.basic textarea
{
  width:90%;
  font-family: verdana;
  font-size:12px;
  padding:2px;
  margin:1px;
}
form.basic input.checkbox
{
  width:16px;
  margin-right:5px;
  margin-top:5px;
  vertical-align:middle;
}
form.basic select
{
  padding:2px;
  margin:1px;
}

form.short
{
  padding:5px;
  width:300px; 
  margin:0 auto; 
}
form.short .formLeft
{
  width:100px;
  float:left;
}
form.short .formRight
{
  width:180px;
  float:right;
}
form.short div.formRow
{
  padding:0 10px;  
}
form.short input, form.short textarea
{
  width:90%;
  font-family: verdana;
  font-size:12px;
  padding:2px;
  margin:1px;
}
form.short input.checkbox
{
  width:16px;
  margin-right:5px;
  margin-top:5px;
  vertical-align:middle;
}
form.short select
{
  padding:2px;
  margin:1px;
}


form.onerow
{
  height:24px;
}
form.onerow h3
{
  margin:0;
}
form.onerow .formLeft
{
  width:auto;
  float:left;
  margin-right:5px;
  line-height:18px;
}
form.onerow .formRight
{
  width:auto;
  float:right;
  margin-right:10px;
}
form.onerow .formLeftRight
{
  float:left;
  clear:both;
  margin-right:10px;
}
form.onerow div.formRow
{
  float:left;
}
form.onerow input.submit
{
  position:relative;
  top:-2px;
}

input.mandatory
{
}
input.number
{
  width:50px;
  text-align:right;
}
select.calendarDateInput, input.calendarDateInput
{
  line-height:16px;
  padding:3px;
  margin:0;
}
select.hour
{
  line-height:16px;
  padding:2px;
  margin:2px 0;
}
form.button
{
  float:left;
}

form.wide
{
 
}
  form.wide td.note
  {
    width:500px;
  }
  form.wide td.vsymbol
  {
    width:100px;
  }
  form.wide td.money
  {
    width:50px;
  }