.important { color: #f00; font-weight: bold; font-size: 1.1em; }

.outerContainer * {
  margin: 0;
  padding: 0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ie-box-sizing:border-box;
}
.outerContainer {
  width: 1000px;
  margin: 15px auto 0 auto;
  color: #000;
  font-family: verdana, arial, georgia;
  font-size: 13px;
  line-height: 18px;
}
.u { text-decoration: underline; }
form {
  display: inline;
}
a {
  text-decoration: none;
}
a:hover, a.uLink {
  text-decoration: underline;
}
label { cursor: pointer; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], .textbox {
  padding: 1px 6px;
}

.outerContainer textarea {
  font-size: 12px;
  font-family: monospace;
}
.logoHeader {
  width: 1000px;
  padding: 6px 15px;
  border: 1px solid;
  margin-bottom: 24px;
}
.logoHeader .address, .logoHeader .address a {
  text-align: right;
  font-size: 14px;
  color: ##444;
}
.logoHeader .address a.terms {
  font-size: 10px;
}
.logoHeader img {
  max-height: 100px;
}
.companyHeader, .travtripHeader, .sectionHeader, .menuHeader {
  font-weight: bold;
  margin: 8px 3px 8px 0;
}
.travHeader {
  float: left;
}
.tripHeader {
  float: right;
}
.companyHeader {
  margin-bottom: 24px;
}
.subSectionHeader, .cancellationPenaltyHeader {
  font-weight: bold;
  margin-bottom: 2px;
}
.cancellationPenaltyHeader {
  color: #f00;
}
.menu ul {
  margin: 10px 0 20px 0;
}
.menu li {
  margin: 3px 0 3px 35px;
}
.menuContainer {
  width: 200px;
  vertical-align: top;
}
.contentContainer {
  width: 800px;
  vertical-align: top;
}
.sectionHeader {
  border-bottom: 2px solid;
  padding-bottom: 3px;
  margin-bottom: 22px;
}
.content {
  margin-left: 5px;
}
.subSection {
  margin-bottom: 22px;
}
.fieldRow {
  margin-bottom: 10px;
}
.fieldLabel {
  font-weight: bold;
  float: left;
  padding-right: 8px;
}
.fieldValue {
  float: left;
  margin-right: 12px;
}
.textbox {
  border: 1px solid;
  width: 100%;
}
.clear {
  clear: both;
}
.fieldLabel .checkbox {
  margin-top: 5px;
}
.status, .status b {
  color: #00f;
}
.cancelledStatus, .cancelledStatus b, .removedStatus, .removedStatus b {
  color: #f00;
}
.activeStatus, .activeStatus b, .leaderStatus, .leaderStatus b, .blockedStatus, .blockedStatus b {
  color: #4cb649;
}
.outerContainer label {
  margin-right: 13px;
  font-weight: bold;
}
.outerContainer p {
  margin-right: 60px;
}
p.serious {
  text-decoration: underline;
}
p.fyi {
  font-style: italic;
}
p.bold {
  font-weight: bold;
}
.label, .rlabel, .boldLabel {
  font-weight: bold;
}
div.label, div.rlabel, div.boldLabel {
  display: inline-block;
  margin-right: 8px;
}
.rlabel {
  text-align: right;
}
.boldLabel {
  border-bottom: 3px double;
}
.boldLink {
  color: #0e1d62;
  font-weight: bold;
  text-decoration: underline;
}
.outerContainer  th {
  text-align: left;
  border-bottom: 1px solid;
}
tr.alt {
  background-color: #eee;
}
.right {
  text-align: right;
}
.fieldValue.sm { font-size: 12px; }

.wAmt {
  width: 80px;
}
.bottomBorder {
  border-bottom: 2px solid;
}

.error { margin: 15px 0; color: #f00; font-weight: bold; }
.error a { color: #f00; text-decoration: underline; }

.alert { color: #f00; font-weight: bold; }

div.confirm, span.confirm, p.confirm {
  margin: 15px 0;
  color: #4cb649;
  font-weight: bold;
  font-size: 1.2em;
}

.grid td, .grid th {
  padding-right: 30px;
}

.paymentSchedule td, .paymentSchedule th {
  padding: 5px;
  text-align: center;
  border: 1px solid #666;
}
.paymentSchedule th {
  font-weight: bold;
}
.paymentSchedule .statusPaid {
  color: #083;
}
.paymentSchedule .statusPastDue {
  color: #f00;
}

.balance { margin-right: 30px; }
.optionalInsuranceAmounts .details { font-size: 11px; line-height: 15px; padding-bottom: 6px; }

.section-Roommates .roommates td {
  padding: 10px 0px;
}
.section-Roommates .roommates .middle {
  padding: 0 6px;
}
.section-Roommates .roommates th {
  text-align: center;
}
.section-Roommates .roommates select {
  width: 300px;
}
.section-Roommates .roommates input[type="button"] {
  width: 100px;
}
.section-Roommates .joinRoom td {
  padding: 10px 15px 10px 0;
  border-bottom: 1px solid;
}

.section-Contact .contactInfo td { padding: 4px; }
.section-Contact .contactInfo td.label { text-align: right; }
.section-Contact input[type="text"] { padding: 2px; }
.section-Contact .contactInfo .country { width: 175px; }
.section-Contact .contactInfo .state { width: 175px; }
.section-Contact .contactInfo .label label { margin: 0; }


.section-Payment .w1, .section-PaymentOptions .w1 {
  width: 180px;
}
.section-Payment .w2 {
  width: 600px;
}
.section-Payment .w3 {
  width: 230px;
}

.section-Payment .processing {
  font-weight: bold;
  border: 1px solid #000;
  padding: 5px;
  display: none;
}

.cancellationPenalties {
  border: 2px solid #000;
  padding: 8px;
  display: table;
}
.cancellationPenalties li {
  margin-left: 22px;
}
.section-Payment .subSectionHeader, .cancellationPenalties .cancellationPenaltyHeader {
  text-decoration: underline;
}

.section-Invoice .w1 {
  width: 170px;
}
.section-Invoice .w2 {
  width: 300px;
}
.section-Invoice .w3 {
  width: 200px;
}
.section-Invoice .grid td {
  padding-right: 30px;
}
.section-Invoice .grid td.bottom , .section-Balance .grid td.bottom {
  border-top: 2px solid;
}

.section-Password .w1 {
  width: 200px;
}

.section-PasswordLookup .w1 {
  width: 210px;
}

.section-Itinerary .w1 {
  width: 100px;
}
.section-Itinerary .itinGrid td {
  padding: 2px;
}
.section-Itinerary .itinGrid .itinNotes {
  padding-bottom: 20px;
}

.section-Login .w1 {
  width: 110px;
}
.section .indent {
  margin-left: 200px;
}

.section-Schedule .schedule * {
  font-family: times, arial, verdana;
}
.section-Schedule .schedule td {
  padding: 2px;
}
.section-Schedule .schedule .destinationHeader {
  background-color: #ccc;
}
.section-Schedule .schedule .dateHeader {
  font-weight: bold;
  text-align: center;
}
.section-Schedule .schedule .eventTime {
  width: 90px;
  text-align: center;
}
.section-Schedule .schedule .eventIndex {
  color: #666;
  padding-right: 6px;
}
.section-Schedule .schedule .eventDetail b {
  font-weight: normal;
}

.termLinks { text-align: left; color: #666; padding-top: 10px; margin-bottom: 15px; }
.termLinks a { font-size: 12px; color: #666; text-decoration:none; }
.termLinks a:hover { text-decoration:underline; }

/* User-entered option description */
font.content { padding: 0; margin-top: 6px; }
