+
+
+div.col_opts {
+ font-size: 70%;
+}
+
+.chart {
+ float: right;
+ position: relative;
+ margin-top: 1em;
+}
+
+.labels-x,
+.labels-y {
+ position: absolute;
+ left: 0;
+ top: 0;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.labels-x li,
+.labels-y li {
+ position: absolute;
+ bottom: 0;
+ color: #555;
+ font-size: 75%;
+}
+
+.labels-y li span.line {
+ position: absolute;
+ border: 0 solid #ccc;
+ opacity: 0.7;
+}
+.labels-x li {
+ margin-top: 5px;
+ bottom: -1.5em;
+}
+.labels-y li {
+ width: 100%;
+}
+.labels-y li span.label {
+ right: 100%;
+ position: absolute;
+ margin-right: 5px;
+ margin-top: -0.5em;
+}
+.labels-y li span.line {
+ border-top-width: 1px;
+ width: 100%;
+}
+
+label.included,
+a#included {
+ color: #080;
+}
+
+label.excluded,
+a#excluded {
+ color: #800;
+}
+
+/* delimiter for repeatable data */
+span.d {
+ color: #ccc;
+}
+
+.saved {
+ background: #ffe;
+}
+
+form.action_filter {
+ float: right;
+}
+
+.bytes {
+ text-align: right;
+ font-family: monospace;
+ color: #444;
+}
+
+/* items/list.html.ep */
+a.facet {
+ font-family: monospace;
+ color: #666;
+ text-decoration: none;
+}
+
+/* /actions */
+.change_box {
+ border: 3px dashed #f84;
+}
+
+.change_viewed a {
+ color: #888;
+ text-decoration: line-through;
+}
+
+/* /actions/changes */
+
+tr.change pre {
+ color: #000;
+ font-size: 70%;
+}
+
+tr.unknown {
+ background: #eee;
+}
+
+tr.found {
+ background: #cfc;
+}
+
+tr.missing {
+ background: #fcc;
+}
+
+tr.skip {
+ background: #fcf;
+}
+
+tr.hidden {
+ display: none;
+}
+
+.alert {
+ border: 0.3em dashed #f00;
+ background: #ffc;
+ padding: 1em;
+ margin: 1em;
+ text-align: center;
+}