.main {
  padding: 10px 10px 10px 10px;
}

#modalPage {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.modalBackground {
  filter: Alpha(Opacity=40);
  -moz-opacity:0.4;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-color: #999999;
  position: fixed;
  z-index: 250;
  top: 0px;
  left: 0px;
}

.main select {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.viewmodel select, .viewwizard select {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.main input, .viewmodel input, .viewwizard input {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.button {
  border: 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  background-color: gray;
  color: white;
  padding: 0 15px 0 15px;
  height: 22px;
}

.button-gray-135 {
  background: url(images/graybtn135x22.png) no-repeat;
  width: 135px;
}

.button-gray-166 {
  background: url(images/graybtn166x22.png) no-repeat;
  width: 166px;
}

.button-gray-50 {
  background: url(images/graybtn50x22.png) no-repeat;
  width: 50px;
}

.button-orange-135 {
  padding-left: 26px;
  background: url(images/orangebtn135x22.png) no-repeat;
  width: 135px;
}

.button-orange-166 {
  padding-left: 26px;
  background: url(images/orangebtn166x22.png) no-repeat;
  width: 166px;
}

.button-orange-200 {
  padding-left: 26px;
  background: url(images/orangebtn200x22.png) no-repeat;
  width: 200px;
}

.button-silver-166 {
  padding-right: 26px;
  background: url(images/silverbtn166x22.png) no-repeat;
  width: 166px;
}

.modelheader {
  background-color: #555548;
  color: #f09500;
  font-size: 13px;
  padding: 5px;
}

.viewmodel, .viewestimate, .viewwizard, .viewoptions, .viewsummary, .viewcontact, .viewthanks {
  position: absolute;
  display: none;
  top: 280px;
  left: 50%;
  width: 650px;
  margin-left: -325px;
  background-color: white;
  border: 2px solid black;
  z-index: 500;
  padding: 10px;
}

.viewmodelcontent, .viewestimatecontent, .viewwizardcontent, .viewoptionscontent, .viewsummarycontent, .viewcontactcontent {
  width: 640px;
  padding: 5px;
  background-color: white;
}

.viewmodel .model, .viewestimate .model, .viewwizard .model, .viewoptions .model, .viewsummary .model, .viewcontact .model {
  padding-right: 50px;
  font-weight: bold;
  font-size: larger;
}

.viewmodelcontent table, .viewestimatecontent table, .viewwizard table, .viewoptions table, .viewsummary table, .viewcontact table {
  width: 100%;
  border: 0px;
}

.viewcontact table th {
  text-align: left;
}

.print {
  background: url(images/iconPrint.gif) top left no-repeat;
  padding-left: 15px;
}

.contact {
  background: url(images/iconEmail.gif) top left no-repeat;
  padding-left: 15px;
}

.error {
  color: white;
  font-size: larger;
  display: none;
  padding: 7px 0 7px 0;
  margin: 10px 0 10px 0;
  text-align: center;
  width: 100%;
  background-color: #ab1d1c;
  clear: both;
}

.help a {
  position: relative;
}

.help a img {
  vertical-align: top;
}

.help a span {
  display: none;
}

.help a:hover {
  background-color: #dbe4f2;
}

.help a:hover span {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 175px;
  padding: 10px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  z-index: 5000;
}

sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  top: .5ex;
}