/* HTML Styles */
h1
{ font-size: 2rem;
  margin: 0;
  padding: 0;
  color: #5a8e22;
  font-weight: normal; }

h2
{ font-size: 1.4rem;
  color: #3975aa; }

h3
{ font-size: 1.1rem; }

p
{ font-size: 1rem;
  line-height: 1.4rem; }

ul
{ padding: 0;
  margin: 0 0 0 2rem; }

ol
{ padding: 0;
  margin: 0 0 0 2rem; }

li
{ line-height: 1.3rem;
  margin-bottom: .5rem; }

a
{ color: royalblue;
  text-decoration: none; }
a:hover
{ color: #5a8e22;
  text-decoration: none; }


/* Design, Content, Layout Styles */

.head
{ padding: 1rem 0 1rem 0; }

.steps
{ background-color: #3975aa;
  padding: 0; }

.step
{ padding: .7rem 0 .7rem 0;
  color: #ccc;
  text-align: center;}

.step img
{ margin: 0 .5rem -.6rem .5rem; }

.step-on
{ font-size: 150%;
  color: #fff;
  margin: 0 0 0 0; }

.pad-top
{ padding-top: 1rem; }

.pad-bottom
{ padding-bottom: 1rem; }


.foot
{ border-top: solid .1rem #ddd; }

.foot p
{ font-size: .8rem;
  color: #555; }

.tbl-budgetProp
{ width: 100%; }

.tbl-budgetProp td
{ font-size: .9rem;
  padding: .4rem 1rem .4rem 0; }

/* Form styles */
.formItem
{ font-size: .9rem;
  margin: 0 0 .6rem 0;
  line-height: 1.4rem; }

.formItem table
{ width: 100%; }

.formItem table td
{ padding: 0 1rem 0 0;
  border: solid 0px red;
  text-align: top; }

.form2Item
{ margin: 0 0 .5rem 0;
  font-size: .9rem; }

.form-item-left
{ float: left;
  width: 50%; }

.form-item-right
{ float: right;
  width: 50%; }

input[type="text"]
{ padding: .25rem;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-left: none;
  border-radius: .1rem;
  background-color: #f2f2f2;
  width: 100%;
  min-width: 12rem;
  color: #555; }

input[type="email"]
{ padding: .25rem;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-left: none;
  border-radius: .1rem;
  background-color: #f2f2f2;
  width: 100%;
  color: #555; }

input[type="tel"]
{ padding: .25rem;
  border: solid 1px #ccc;
  border-radius: .1rem;
  width: 100%;
  color: #555; }

input[type="file"]
{ padding: .25rem;
  border: solid 1px #ccc;
  border-radius: .1rem;
  width: 100%;
  color: #555; }

input[type="submit"]
{ padding: 1rem 1rem;
  background-color: royalblue;
  color: #fafafa;
  font-size: 1.4rem;
  font-weight: bold;
  border: none;
  border-radius: .3rem;
  text-align: center;
  white-space: normal;
  transition: ease-in-out all .3s }

input[type="submit"]:hover
{ background-color: #999;
  color: #fff; }

input[type="checkbox"]
{ margin: 0 .5rem 0 1rem; }

select
{ border: solid 1px #ccc;
  border-radius: .1rem;
  color: #555;
  padding: .25rem; }

textarea
{ width: 100%;
  height: 5rem;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-left: none;
  border-radius: .1rem;
  background-color: #f2f2f2;
  color: #555;
  padding: .25rem; }

.indent1
{ margin-left: 1rem;
  line-height: 1.8rem; }

.rdo-btn
{ width: 1rem; }

/* Misc styles */
.wireframe-nav
{ background-color: #ddd;
  padding: .5rem 0 .5rem 10rem;
  margin-bottom: .5rem; }

.wireframe-nav p
{ font-size: .8rem;
  margin: 0 0 .5rem 0;
  padding: 0; }

.smGray
{ font-size: .8rem;
  color: #555; }

.red
{ color: red; }

.noBorder
{ border: none; }

.fake-btn a
{ display: block;
  padding: 1rem .5rem;
  background-color: royalblue;
  color: #ddd;
  font-size: 1.4rem;
  font-weight: bold;
  border: none;
  text-align: center;
  white-space: normal;
  border-radius: .3rem; }

.fake-btn a:hover
{ display: block;
  padding: 1rem .5rem;
  background-color: royalblue;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  border: none;
  text-align: center;
  white-space: normal;
  border-radius: .3rem; }

.clear
{ clear: both; }

.tbl-keydates
{ margin: 0 0 1rem 2rem; }

.tbl-keydates td
{ padding: .5rem 2rem .5rem 0;
  border-bottom: solid 1px #ddd; }

.align-rt
{ text-align: right; }