body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: small;
     line-height: normal;
     background-color: rgb(90%, 90%, 90%);
     color:            black;
     margin-left: 4em;
     margin-right: 4em;
}

div.employer {
     background-color: rgb(95%, 95%, 95%);
     padding-left: 1em;
     padding-right: 1em;
     border-style: solid;
     border-color: white;
     margin-bottom: 3em;
}

h3.employer {
     margin-left: -0.7em;
}

a {
     text-decoration: underline;
     color: blue;
}

a:hover {
     background-color: blue;
     color: white;
}

h1, h2, h3 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     background-color: rgb(85%, 85%, 85%);
}

h1 {
     font-size: large;
}

h2 {

     font-size: medium;
}

h3 {
     font-size: medium;
     font-style: italic;
}

table {
     font-size: small;
     width: 100%;
     background-color: rgb(95%, 95%, 95%);
     border-style: solid;
     border-color: white;
}

p {
     font-size: small;
     line-height: 120%;
}

td {
    vertical-align: top;
    border-style: none;
}

td.feature {
    width: 18em;
}

td.daterange-feature {
    vertical-align: top;
    width: 18em;
    white-space: nowrap;
}

td.value {
    vertical-align: top;
}

ul {
     list-style-type: square;
}

ul.nested {
     list-style-type: disc;
}

.customer {
    font-weight: bold;
}

.standout {
     font-style: italic;
}

.product-name {
     font-style: italic;
}

img.icon {
    padding-left: 0.25cm;
    padding-right: 0.25cm;
    text-decoration: none;
}

hr {
    width: 100%;
}