body {
 padding: 0 1em;
 color: #000;
 background-color: #fff;
}

/*
a, a:link, a:visited, a:hover, a:active {
 color: #d90d19;
}
*/

div#container {
 padding: 0;
}

div#footer {
 width: 100%;
 font-size: smaller;
 padding: 1em;
 text-align: center;
}

p#w3c {
 margin-top: 2em;
}

h1, h2, h3, h4, h5 {
 color: #3b2e1e;
}

h2 {
 border-left: 2px solid #3b2e1e;
 padding: 0.1em 0.5em;
}

h3#main, h3#universe, h3#partner {
 margin-top: 2em;
}

p.note {
 font-size: smaller;
 margin: 0.2em;
}

table.key, p.intro, p.key {
 width: 64%;
}
td.desc {
 text-align: left;
}

table {
 border-collapse: collapse;
 border: 2px solid #3b2e1e;
}
th {
 border-bottom: 2px solid #3b2e1e;
 color: #3b2e1e;
}

/* basic styling */
td {
 border: 1px solid #3b2e1e;
 text-align: center;
 padding-top: 0.1em;
 padding-bottom: 0.1em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 background-color: white;
 font-size: smaller;
}

/* wipe out padding on override */
td.override {
 padding-top: 0em;
 padding-bottom: 0em;
 padding-left: 0em;
 padding-right: 0em;
}

/* move padding from basic td into div */
td.override div {
 padding-top: 0.1em;
 padding-bottom: 0.1em;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

/* critical */
tr.critical td.needed,
tr.critical td.needs-triage,
tr.critical td.pkgpending {
 background-color: red;
 font-weight: bold;
}

/* high */
tr.high td.needed,
tr.high td.needs-triage,
tr.high td.pkgpending {
 background-color: red;
}

/* medium */
tr.medium td.needed,
tr.medium td.needs-triage,
tr.medium td.pkgpending {
 background-color: orange;
}

/* low */
tr.low td.needed,
tr.low td.needs-triage,
tr.low td.pkgpending {
 background-color: yellow;
}

/* negligible */
tr.negligible td.needed,
tr.negligible td.needs-triage,
tr.negligible td.pkgpending {
 background-color: #ddd;
}

/* override critical */
td.needed div.critical,
td.needs-triage div.critical,
td.pkgpending div.critical {
 background-color: red;
 font-weight: bold;
}

/* override high */
td.needed div.high,
td.needs-triage div.high,
td.pkgpending div.high {
 background-color: red;
}

/* override medium */
td.needed div.medium,
td.needs-triage div.medium,
td.pkgpending div.medium {
 background-color: orange;
}

/* override low */
td.needed div.low,
td.needs-triage div.low,
td.pkgpending div.low {
 background-color: yellow;
}

/* override negligible */
td.needed div.negligible,
td.needs-triage div.negligible,
td.pkgpending div.negligible {
 background-color: #ddd;
}

/* released, DNE, not-affected */
td.released, td.DNE, td.not-affected {
 background-color: green;
}

/* untriaged */
tr.untriaged td.needed,
td.untriaged td.needed,
tr.untriaged td.needs-triage,
td.untriaged td.needs-triage,
tr.untriaged td.pkgpending,
td.untriaged td.pkgpending {
 background-color: #f6f;
}

/* pending */
td.pending {
 background-color: #0f0;
}

/* pending with a version */
td.pendingversion {
 background-color: #00aa00;
}

td p {
 padding: 0;
 margin: 0;
}

h2.cve {
 border-left: 2px solid #3b2e1e;
 padding: 0.1em 0.5em;
 color: #3b2e1e;
}

.item div.field, .pkg div.field {
 margin-top: 1em;
 font-weight: bold;
 text-decoration: underline;
 color: #3b2e1e;
}

.pkg td:first-child {
 text-align: right;
}

.pkg td, .bug td#summary {
 text-align: left;
}

div.value, div.notes-value, div.negligible-value, div.low-value, div.medium-value, div.high-value, div.critical-value, div.patches {
 font-size: 90%%;
 margin-left: 0.3em;
 margin-top: 0.1em;
}

div.patches {
 margin-top: 1em;
}

span.safe {
 color: green;
}

span.pending {
 color: #0f0;
}

div.high-value, div.critical-value, span.vuln {
 font-weight: bold;
 color: #d90d19;
}

div.medium-value {
 font-weight: bold;
 color: orange;
}

.pkg td span {
 font-weight: bold;
 font-size: 90%%;
 padding-left: 1em;
}

div.notes-value {
 font-family: monospace;
}

ul, ol, .pkg table {
 margin: 0.2em 0 0 1em;
 padding: 0.2em 0 0 0;
}

ol {
 margin-left: 1.5em;
}

ul li {
 font-size: 90%%;
 padding: 0;
 margin: 0;
 list-style-type: none;
}

div#footer {
 width: 100%%;
 font-size: smaller;
 padding: 1em;
 text-align: center;
}