* {
  zoom: 1.0; /*ie fix for em size*/
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%; /*ie fix for font sizes*/
}

form {
/*remove unwanted padding some browsers put around forms*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

td {
  vertical-align: top;
}

/* common classes */

.sections {
  width: 100%;
}

.titles, .labels, .captions, .texts {
  white-space: nowrap;
}

.labels, .texts, .errors, .messages, .requiredFieldIndicators {
  line-height: 12pt;
}

.titles {
  font-size: 14pt;
  font-weight: bold;
}

.labels {
  font-size: 9pt;
}

.captions {
  font-size: 8pt;
}

.texts {
  font-size: 9pt;
  font-weight: bold;
}

.toolTip {
  color: blue;
  font-weight: bold;
}

.errors {
  background-color: #FF9999;
  color: black;
  font-size: 9pt;
  font-weight: normal;
  padding: 0.25em 0.25em 0.25em 0.25em;
  white-space: normal;
}

.messages {
  background-color: #FFFFCC;
  border: black solid 1px;
  color: black;
  font-size: 9pt;
  font-weight: normal;
  padding: 0.25em 0.25em 0.25em 0.25em;
  white-space: normal;
}

.requiredFieldIndicators {
  color: #DD0000;
  font-size: 9pt;
  font-weight: normal;
  white-space: nowrap;
}

.buttonInputLayouts {
  text-align: right;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.buttonInputs {
  font-size: 8pt;
  font-weight: bold;
  margin-left: 1em;
  padding: 0.5em 0.75em 0.5em 0.75em;
  overflow: visible; /*l/r padding grows with button width in ie; this fixes it*/
  width: auto;
}

.phoneAreaCodeInputs, .phonePart1Inputs {
  width: 4em;
}

.phonePart2Inputs {
  width: 5em;
}

.twoColNameValue_nameLayouts {
  padding-right: 0.5em;
  text-align: right;
  width: 35%;
}

.twoColNameValue_valueLayouts {
  text-align: left;
  width: 65%;
}

.boxTops {
  padding-top: 0.25em;
}

.boxBottoms {
  padding-bottom: 0.25em;
}

.boxLefts {
  padding-left: 1em;
}

.boxRights {
  padding-right: 1em;
}

.boxCells {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/* common page components */

.pageLayouts {
  width: 40em;
}

.headerSectionLayouts {
  padding-bottom: 0.25em;
}

.headerImageLayouts {
  text-align: left;
}

.headerTitleLayouts {
  text-align: left;
  vertical-align: bottom;
}

.headerCaptionLayouts {
  text-align: right;
  vertical-align: bottom;
}

.centerSectionLayouts {
  background-color: #DDDDDD;
  border: black solid 1px;
  padding: 0.5em 2em 0.5em 2em;
}

.centerSections {
  width: 36em;
}

.footerSectionLayouts {
  text-align: center;
}