body {
  font-family: 'trebuchet ms', arial, helvetica;
  font-size: 11px;
  color: #333333;
}

a:link { color: #148ab2; text-decoration: underline; }
a:visited { color: #148ab2; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

.error { color: #f05050; }

.notice { font-style: italic; }

.xref { font-style: italic; }

.code { font-family: monospace; }

.className { font-family: monospace; }

.methodName { font-family: monospace; }

.pathName { font-family: monospace; }

.fileName { }

.discounted { color: #a02020; }

table.form-table {
  border: 1px solid #808080;
  border-collapse: collapse;
  margin: 15px auto 0 auto;
}

table.form-table .required { font-weight: bold; }

table.form-table .label-even {
  padding: 3px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background-color: #eaeaea;
  color: #000000;
}

table.form-table .label-odd {
  padding: 3px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background-color: #e0e0e0;
  color: #000000;
}

table.form-table .cell-even {
  min-width: 150px;
  padding: 3px;
  border-bottom: 1px solid #808080;
  background-color: #fafafa;
}

table.form-table .cell-odd {
  min-width: 150px;
  background-color: #f5f5f5;
  padding: 3px;
  border-bottom: 1px solid #808080;
}

table.form-table .cell-even .cell-list {
  border: 1px solid #909090;
  border-collapse: collapse;
}

table.form-table .cell-odd .cell-list {
  border: 1px solid #909090;
  border-collapse: collapse;
}

table.form-table .cell-even .cell-list .header {
  background-color: #b0b0b0;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #909090;
}

table.form-table .cell-odd .cell-list .header {
  background-color: #b0b0b0;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #909090;
}

table.form-table .cell-even .cell-list .row-even {
  background-color: #f8f8f8;
  padding: 2px;
}

table.form-table .cell-odd .cell-list .row-even {
  background-color: #f8f8f8;
  padding: 2px;
}

table.form-table .cell-even .cell-list .row-odd {
  background-color: #fefefe;
  padding: 2px;
}

table.form-table .cell-odd .cell-list .row-odd {
  background-color: #fefefe;
  padding: 2px;
}

table.form-table .inline-image {
  margin: 5px;
  border: 1px solid #a0a0a0;
}

.form-buttons {
  margin: 15px 0 10px 0;
  text-align: center;
}

table.datagrid {
  border: 1px solid #606060;
  border-collapse: collapse;
  margin: 15px auto 0 auto;
  width: 100%;
}

table.datagrid .header {
  padding: 3px;
  background-color: #606060;
  color: white;
  text-align: center;
  border-bottom: 1px solid #606060;
  background-image: url("/images/datagrid-header-bg.png");
}
.datagrid .header a { color: white; }

.datagrid .row-even {
  background-color: #fafafa;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #606060;
}
.datagrid .row-even:hover { background-color: #faf8ec; }
.datagrid .row-even .cell { padding: 3px; }

.datagrid .row-odd {
  background-color: #f2f2f2;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #606060;
}
.datagrid .row-odd:hover { background-color: #f3f1e5; }
.datagrid .row-odd .cell { padding: 3px; }

.pager {
  margin: 10px 0 5px 0;
  text-align: center;
}

.item-listing { width: 100%; }

.item-listing .header {
  padding: 8px;
  background-color: #f0f0f0;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

.item-listing .body { padding: 9px; }

.item-listing .item-display { width: 100%; }
.item-listing .item-display .name {
  width: 370px;
  font-weight: bold;
}
.item-listing .item-display .price {
  font-weight: bold;
  font-size: 12px;
}
.item-listing .item-display .options { text-align: right; }
.item-listing .item-display .image {
  padding-left: 15px;
}

.item-listing .item-display .feature-name {
  width: 350px;
  padding-left: 20px;
  font-weight: bold;
}
.item-listing .item-display .feature-price {
  font-weight: bold;
  font-size: 12px;
}
.item-listing .item-display .feature-options { text-align: right; }

.summary {
  display: block;
  padding: 8px;
  background-color: #f0f0f0;
  color: #000000;
  width: 100%;
}
.summary .emp { font-size: 12px; }
.summary .key {
  width: 65px;
  padding-left: 305px;
  font-weight: bold;
}
.summary .value { font-weight: bold; }

.item-matrix { }

.item-matrix .header {
  padding: 8px;
  background-color: #f0f0f0;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}

.item-details { padding: 3px; }
.item-details .description { }
.item-details .button {
  padding-top: 2px;
}
.item-details .price {
  padding-top: 12px;
  font-size: 12px;
  font-weight: bold;
}

.plan { }
.plan .name {
  font-size: 12px;
  font-weight: bold;
}
.plan .description { }

.plan .header { background-color: #f0f0f0; }
.plan .header td {
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

.plan .body td { padding: 5px; }
.plan .body td.centered { text-align: center; }

.plan .button { text-align: right; }

.plan .features { padding: 0 10px 0 10px; }

.plan .features h3 {
  font-weight: bold;
  font-size: 11px;
}

.plan .features table.list {
  border-collapse: collapse;
  width: 100%;
}

.plan .features table.list tr.even { background-color: #f0f0f0; }
.plan .features table.list tr.odd { background-color: #ffffff; }

.plan .features table.list td.feature-name { padding-right: 10px; }
.plan .features table.list td.description { padding-right: 10px; }
.plan .features table.list td.price { }

.checkout { text-align: right; }