/* Reusable form classes */
div.form {
  margin: 10px 0 0 0;
  padding: 0;
  border-top: 1px solid #ccc;
}

div.form h1 {
  text-align: center;
  padding: 4px;
  background-color: #fff;
  color: #336;
  font-weight: normal;
  font-size: 1.5em;
  text-shadow: 0px 0px 1px #000;
}

div.form h2 {
  background-color: #fff;
  color: #336;
  font-weight: normal;
  font-size: 1.1em;
  clear: both;
  margin: 0;
  padding: 8px 0;
}

div.form div.row {
  padding: 4px 0;
  clear: both;
}

div.form div.footnote p {
  font-size: 0.7em;
  padding: 2px 0 2px 60px;
  margin: 0;
}

/* Specific form classes... */
/* Top left (last 3 months) */
div.tl {
  width: 430px;
}

div.tl div.row div.label {
  width: 150px;
}

div.tl div.row div.col {
  width: 70px;
  font-size: 0.7em;
  text-align: center;
}

/* Top right (last 3 months) */
div.tr {
  width: 330px;
}

div.tr div.row div.label {
  width: 110px;
}

div.tr div.row div.col {
  width: 55px;
}

div.tr div.row div.fill {
  width: 275px;
}

/* Middle left (currently) */
div.ml {
  width: 180px;
}

//* Middle right (currently) */
div.mr {
  width: 600px;
}

div.mr div.row div.col {
  width: 180px;
}

/* Middle bottom (coming months) */
div.mb h2.title {
  width: 420px;
  padding: 0;
  margin: 0;
}

div.mb div.col {
  width: 90px;
  text-align: center;
  font-size: 0.7em;
}

div.mb h2.row {
  font-size: 0.9em;
  padding: 10px 0;
  width: 250px;
}

div.mb p.row {
  width: 170px;
  padding: 0;
  margin: 0;
}

/* bottom (about your firm) */
div.b div.col-a {
  width: 250px;
}

div.b div.col-b {
  width: 280px;
}

/* comments */
div.comments div.col {
  width: 390px;
}

/* input styling */
input.t, textarea {
  border: 1px 1px 1px 1px solid solid solid solid #111 #ccc #ccc #111;
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 0.9em;
}

input.b {
  margin: 20px 0;
}