/* ----------------------------------------------------------------- root elements */
body {
    background: #c1ccd0 url(/resources/body-gradient.png) repeat-x;
    padding: 0 10px 0 10px;
    margin: 0;
}

a, a:visited {
    color: #0000EE;
}

a img {
    border: none;
}

a:hover {
    text-decoration: none;
}

select {
    background-color: white;
}

h1 {
    font-size: 16px;
}

p {
    font-size: 12px;
}

th, td {
    font-size: 12px;
}

/* ----------------------------------------------------------------- header, nav */

#leemba a {
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 32px;
    color: #000000;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#leemba {
    margin-left: 10px;
    margin-top: 4px;
}

#headbar {
    height: 30px;
    width: 100%;
    background-color: #848484;
    text-align: right;
    overflow: visible;
}


#headbar2 {
    height: 4px;
    width: 100%;
    background-color: #11505d;
    /* fucking ie */
    font-size: 0px;
}

#globalnav {
    padding:0 0 1.75em 1em;
    margin: 7px 60px 0 0;
    height: 18px;
    float: right;
}

#globalnav a, #search label {
    color: #FFF;
    text-decoration:none;
    font-size: 11px;
    font-family: sans-serif;
    padding: 4px 5px 10px 5px;
    display: inline-block;
    height: 20px;
}

#globalnav a:visited {
    color: #FFF;
}

#globalnav a:hover {
    text-decoration: underline;
    background: #616161;
}

#footer {
    margin-top: 20px;
    height: 30px;
    clear: both;
    color: #777;
    padding: 5px;
    font-size: 11px;
    border-top: 1px solid gray;
}

#footer a, #footer a:visited {
    color: #444;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer table {
    width: 100%;
}

#footer p {
    margin: .2em;
}

#footer td {
    width: 33%;
    vertical-align: top;
}

#footer td.middle {
    text-align: center;
}

#wrapper {
    margin-top: 20px;
}

/* ----------------------------------------------------------------- menus */

#menu .hr {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #e5e5e5;
    height: 1px;
    font-size: 0px;
}

#menus {
    float: left;
}

.menu {
    margin: 0 0 20px 0;
    padding: 5px;
    overflow: hidden;
    font-size: 11px;
    font-family: Verdana,sans-serif;
    border: 1px solid #808080;
    width: 220px;

    background-color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.menu a {
    font-size: 12px;
    margin-top: .4em;
    margin-bottom: .4em;
}

.menu p {
    margin: .7em 0;
}

#groupmenu {
    overflow: hidden;
    position: relative;
}

#groupmenu img.status {
    border: none;
    position: absolute;
    left: 5px;
    margin-top: 3px;
}

#groupmenu .title {
    font-family:Verdana,sans-serif;
    margin: -4px -4px 10px -4px;
    background: #E6E6E6 url(/resources/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
    padding: 5px;
}

#groupmenu .title a {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
}

#groupmenu .title a:hover {
    text-decoration: underline;
}

#groupmenu a.group {
    margin-left: 20px;
    font-weight: bold;
    font-size: 14px;
}
#groupmenu a.platform {
    margin-left: 25px;
    font-size: 12px;
}

#groupmenu a.group, #groupmenu a.platform {
    border-bottom: 1px solid #808080;
    height: 20px;
    color: black;
    padding: 5px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
}

#groupmenu a.group:last-child, #groupmenu a.platform:last-child {
    border-bottom: 1px solid transparent;
}

#groupmenu a.group:hover, #groupmenu a.platform:hover, #groupmenu a.selected {
    text-decoration: underline;
    background-color: #848484;
    color: white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid transparent;
}

/* ----------------------------------------------------------------- containers */

#container {
    margin-left: 250px;
    padding: 10px 10px 100px 10px;
    background-color: #FFF;
    margin-bottom: 50px;
    border: 1px solid #808080;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-width: 400px;
    position: relative;
}

#container-left {
    float: left;
    width: 48%;
}

#container-right {
    float: right;
    width: 48%;
}

#container.nomenu {
    margin-left: 0;
}

#tagcenter {
    min-height: 600px;
}

#logout {
    text-align: center;
}

#object-container {
    margin-top: 20px;
    font-size: 16px;
}

#object-container .hgrab {
    height: 6px;
    background: #c4c4c4 url(/resources/hgrab.png) no-repeat center;
    cursor: pointer;
}

#object-container div.service {
    position: relative;
    width: 100%;
    max-width: 820px;
}

.small-status-green, .small-status-Green {
    background: url(/resources/small-status-green.png) no-repeat scroll right center;
}
.small-status-red, .small-status-Red {
    background: url(/resources/small-status-red.png) no-repeat scroll right center;
}
.small-status-yellow, .small-status-Yellow {
    background: url(/resources/small-status-yellow.png) no-repeat scroll right center;
}
.small-status-purple, .small-status-Purple {
    background: url(/resources/small-status-purple.png) no-repeat scroll right center;
}
.status-green, .status-Green {
    background: url(/resources/status-green.png) no-repeat scroll right center;
}
.status-red, .status-Red {
    background: url(/resources/status-red.png) no-repeat scroll right center;
}
.status-yellow, .status-Yellow {
    background: url(/resources/status-yellow.png) no-repeat scroll right center;
}
.status-purple, .status-Purple {
    background: url(/resources/status-purple.png) no-repeat scroll right center;
}
.loading {
    background: url(/resources/ajax-loader.gif) no-repeat scroll right center;
}

.label-error {
    background: #EFD8D7;
}

/* ie. again. */
.object-item {
    width: 600px;
}

.group-object-item {
    margin-top: 20px;
    padding: 10px;
    background: #a6c6ef url(/resources/images/ui-bg_highlight-service_1x100.png) repeat-x scroll 50% 50%;
}

.object-item, .service-object-item {
    margin-top: 20px;
    padding: 10px;
    background: #a6c6ef url(/resources/images/ui-bg_highlight-service_1x100.png) repeat-x scroll 50% 50%;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

.object-item p,
.object-item a,
.service-object-item p,
.service-object-item a,
.group-object-item a {
    white-space: nowrap;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-family: Verdana, sans-serif;
}

.platform {
    margin-top: 20px;
}

body #container .ui-widget {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

.platform-charts {
    background-color: #b5acac;
    padding: 0px;
    font-size: 12px;
    margin-bottom:0;
}

.service-tabs {
    margin-top: 0px;
    background-color: #b5acac;
    padding-bottom: 10px;
    overflow: hidden;
}

.chart-overview-help {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 12px;
}

.chart-overview {
    background-color: #FFF;
    width: 600px;
    height: 50px;
}

#platform-new {
    width: 500px;
}

#platform-new input[type=text] {
    width: 100%;
    margin-bottom: 1em;
}

.platform .chart-view {
    background-color: #FFF;
    height: 200px;
    clear: both;
}

.platform #chart-options {
    background-color: #FFF;
    width: 800px;
    margin: 0px;
}

.platform #chart-options select {
    border:1px solid #C4C4C4;
}

.chart-details table {
    background-color: #c4c4c4;
    width: 100%;
}

.chart-legend {
    width: 20px;
    height: 8px;
    font-size: 1px;
    display: inline-block;
    border: 1px solid #808080;
    margin-right: 8px;
    overflow: hidden;
    /* ie */
    zoom: 1;
    *display: inline;
}

.chart-options fieldset {
    margin-top: 1em;
    text-align: left;
}

.chart-options .expand {
    height: 16px;
}

.chart-options .tooltip {
    float: right;
}

.chart-options table input, .chart-options table select, .chart-options table label {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    height: 20px;
}

.chart-options table {
    width: 100%;
}

.chart-options .options {
    border-top: 14px solid #808080;
    border-left: 4px solid #808080;
    border-right: 4px solid #808080;
    border-bottom: 4px solid #808080;
    padding: 10px;
    text-align: center;
    font-family: Verdana,sans-serif;
}

.chart-options {
    margin: 0;
    padding: 5px;
}

.chart-options .expand {
    border-bottom: 2px solid #808080;
    height: 18px;
}

.chart-options .expand a {
    margin: -4px 0 0 30px;
    padding: 0 5px;
    text-decoration: none;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    color: #555555;
    overflow: hidden;
}

#object-title {
    max-width: 820px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
    font-size: 12px;
}

#object-title p {
    margin-bottom: 5px;
}

#rangeSlider {
    font-size: 14px;
    margin: auto;
}

#object-title h1 {
    font-family: sans-serif;
    text-align: center;
    font-size: 24px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.service-detail p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.service-detail p.warning {
    margin-bottom: 1em;
    font-size: 12px;
}

.service-detail label {
    margin-top: 10px;
    display: block;
}

.service-detail fieldset input[type=text], .service-detail fieldset select {
    width: 100%;
}

.service-detail button, .service-detail input[type=submit] {
    margin-left: 20px;
}

.service-recent {
    height: 525px;
    overflow: auto;
}

.service-recent p {
    width: 95%;
}

.service-survey {
    text-align: center;
}

.service-detail fieldset, .notify fieldset {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 12px;
    margin-top: 10px;
}

.service-detail fieldset.attributes .name, .service-detail fieldset.attributes .unit {
    width: 150px;
}

fieldset.attributes span {
    margin: 0 10px;
    font-size: 10px;
}

.alerts .list, .tags .list {
    height: 200px;
    overflow: auto;
    background-color: #eee;
    display: inline;
}

.alerts h1, .tags h1, .sla h1 {
    font-size: .9em;
    margin: 0;
}

.alerts .maintenance {
    position: relative;
    overflow: hidden;
}

.alerts .maintenance input, .alerts .maintenance select {
    margin: 0 10px;
}

.alerts .maintenance .start, .alerts .maintenance .repeat {
    width: 150px;
}

.alerts .maintenance label {
    width: 80px;
    text-align: right;
    display: inline-block;
}

.alerts .maintenance .remove {
    float: right;
}

.alerts .maintenance .duration, .alerts .maintenance.monthly .start, .alerts .maintenance.weekly .start {
    width: 50px;
    text-align: right;
}

.tags .buttons .newtag {
    width: 150px;
}

.tags .remove {
    float: right;
    display: inline;
    height: 25px;
    padding: 0;
    margin: 0;
    margin-top: 2.5px;
}

.tags .tag a {
    line-height: 30px;
    float: left; /* fucking ie */
}

.tags .tag {
    height: 30px;
}

.sla .list {
    margin-top: 2em;
}

#tagpage .plot {
    width: 200px;
    height: 200px;
}

.alerts .buttons, .tags .buttons {
    margin-top: 10px;
}

.alerts .alert, .tags .tag {
    border-bottom: 1px solid black;
}

.alerts .alert:last-child, .tags .tag:last-child {
    border-bottom: 1px solid transparent;
}

form#alert, #alertdiv {
    width: 600px;
}

form#alert .f {
    display: inline-block;
    text-align: right;
    width: 50%;
    font-size: 12px;
}
form#alert .w {
    /*float: right;*/
    margin-left: 10px;
    text-align: left;
}

.clear {
    clear: both;
}

form#alert label {
    display: block;
    margin-bottom: 10px;
}

form#alert #name, form#alert #description { /* fucking ie and it's crappy selectors */
    width: 250px;
}

form#alert #condition-buttons, form#alert #action-buttons, form#alert #filter-buttons {
    margin-top: -20px;
    text-align: right;
}

form#alert #condition-list, form#alert #action-list, form#alert #filter-list {
    height: 104px;
    overflow: auto;
    background-color: #eee;
    font-size: 10px;
}

form#alert .condition, form#alert #condition-list input, form#alert #condition-list select,
form#alert .action, form#alert #action-list input, form#alert #action-list select,
form#alert .filter, form#alert #filter-list input, form#alert #filter-list select{
    height: 25px;
    vertical-align: middle;
}

form#alert #alert-buttons {
    text-align: right;
}
form#alert #saveAlert {
    margin-left: 20px;
}

#error {
    width: 600px;
    margin-top: 40px;
}

p.error, div.error
p#error, div#error {
    border-top-color: #ec5050;
    border-bottom-color: #ec5050;
    border-left-color: #ec5050;
    border-right-color: #ec5050;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

label.error input {
    background: url("/resources/v8_error.png") no-repeat scroll right center;
}

label.valid input {
    background: url("/resources/v8_valid.png") no-repeat scroll right center;
}

input[type=text], select {
    border: 1px solid #C4C4C4;
}

fieldset legend {
    padding-left: 5px;
    padding-right: 5px;
}

.warning {
    background-color: #feffad;
    border: 1px solid red;
    padding: 5px;
}

#login {
    width: 500px;
}

/* friggen ie breaks with attribute selectors */
#login input[type=text], #login input[type=password],
#login #username, #login #password {
    border: 1px solid #C4C4C4;
    width: 100%;
    margin-bottom: 1em;
}

#login #buttons {
    text-align: right;
}

#login #buttons input {
    margin-left: 10px;
}

#alertcenter h1, #tagcenter h1, #tag h1.main {
    color:#000000;
    font-family:Georgia,'Times New Roman',times,serif;
    margin-left: 20px;
    text-decoration:none;
    font-size: 28px;
    letter-spacing: 2px;
}

#tag h1.main {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#tagpage .chart-view {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 200px;
    clear: both;
}

#tagpage .container {
    display:inline-block;
    width:300px;
    margin-left: 10px;
}

#tagpage .title {
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 12px;
    display: inline-block;
}

#tagpage .tickLabel, #tagpage .legendLabel {
    font-size: 10px;
}

#tagpage .platform-status {
    margin-bottom: 4px;
}

#tagpage .platform-container {
/*    background-color: #808080;*/
}

#tagpage .platform-wrap {
    display:inline-block;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:20px;
    padding-top:10px;

    /* prevent loading charts from jumping all over the place */
    min-height: 230px;
}

#redhisto .plot {
    height: 150px;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}

div.box h1.title {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    margin: 0;
    font-family:Verdana,sans-serif;
    background: #E6E6E6 url(/resources/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
    padding: 5px;
    position: relative;
    zoom: 1;
}

div.box h1.title .right {
    color: black;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    bottom: 4px;
}

div.box .faketabs {
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 11px;
    background: #E6E6E6 url(/resources/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
    padding: 5px;
    color: black;
}

div.box .faketabs a.faketabs-on {
    text-shadow: black 1px 1px;
    background-color: #848484;
    color: white;
    border: 1px solid black;
}

div.box .faketabs a {
    padding: 2px 5px;
    margin-right: 10px;
    color: inherit;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.box .faketabs a:hover {
    text-decoration: underline;
}

div.box h1.title .help {
    position: absolute; /* float uses two lines in IE */
    top: 5px;
    right: 5px;
    cursor: help;
}

#platform-sla h1.title, #recent-events h1.title {
    border-bottom: none;
}

#platform-status {
    /* fixes a webkit bug, oddly: http://lists.macosforge.org/pipermail/webkit-unassigned/2009-January/095897.html */
    max-height: 9999px;
    overflow: auto;
}

#platform-status table, #platform-sla table, #recent-events table, #service-status table {
    font-size: .8em;
    font-family: Verdana,sans-serif;
    border-bottom: 1px solid #808080;
    border-collapse: collapse;
}

#platform-status td, #service-status td {
    border-bottom: 1px solid #808080;
}

#recent-events, #current-events, #active-alerts {
    min-height: 80px;
}

#recent-events .events, #current-events .current, #active-alerts .alerts {
    max-height: 335px;
    overflow: auto;
    padding: 5px;
    position: relative;
}

#recent-events .event, #current-events .event, #active-alerts .alert {
    font-size: .7em;
    font-family: Verdana,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0 4px 0;
    white-space: nowrap;
}

#recent-events .event a, #active-alerts .alert a {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
}

#recent-events .event, #current-events .event {
    cursor: pointer;
}

#recent-events .event a {
    max-width: none;
}

#recent-events .message {
    border-bottom: 1px solid #808080;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 10px;
}

#recent-events .message:last-child, #current-events .message:last-child {
    border-bottom: 1px solid transparent;
}

.event {
    padding: 4px;
}

.event:hover {
    background-color: #d4f3bd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.event p {
    margin: 0;
}

.event p.message {
    font-size: 10px;
    margin-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    overflow: hidden;
}

.event img, .event a {
    margin: 0 5px;
}

.event a {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
}

.event .spark {
    width: 70px;
}

div.box {
    margin-bottom: 1em;
    border: 1px solid #d6d6d6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* helpful: http://blog.benogle.com/2009/06/16/simple-css-shiny-progress-bar-technique/ */
#recent-events table,
#platform-sla table,
div.box table {
    width: 100%;
}
#recent-events .progress-value,
#platform-sla .progress-value {
    background-color: #ffcbcb;
    height: 1.552em;
}
#recent-events .progress-value.good,
#platform-sla .progress-value.good {
    background-color: #e1ffda;
}
#recent-events .progress-text,
#platform-sla .progress-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#recent-events .progress-wrap,
#platform-sla .progress-wrap {
    position: relative;
    width: 100%;
}

#loading {
    color: white;
    background-color: red;
    position: fixed;
    top: 0;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding:5px 10px;
}

#tag-histo {
    margin: 2em auto;
}

#tag-histo a:focus {
    outline: none;
}

table.vbar {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .8em;
    font-family: Verdana,sans-serif;
}

#tag-histo table.vbar td {
    text-align: center;
}

#tag-histo .day {
    position: relative;
    width: 100%;
    height: 150px;
}

#tag-histo table a {
    display: block;
    width: 100%;
    height: 100%;
    color: black;
    text-decoration: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

#tag-histo table a:hover,
#tag-histo table a.selected,
#tag-histo table a.selected .label,
#tag-histo table a:hover .label{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #eee;
}

#tag-histo table a:hover .fill, #tag-histo table a.selected .fill {
    background-color: #a24747;
}

#tag-histo .fill {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    display: block;
    background-color: #cf5959;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    zoom: 1;
    font-size: 0;
}

#tag-histo .label {
    margin-bottom: -1.3em;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;

    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

#histo-list {
    margin-top: 40px;
}

#histo-list h1 {
    background: transparent;
}

#tag-histo h1 .dates {
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
}

#tag-histo h1 .right {
    display: block;
    vertical-align: baseline;
    line-height: 14px;
}

#tag-histo h1 .right input {
    margin: 0 7px;
    padding: 0;
    height: 14px;
    width: 14px;
    vertical-align: bottom;
}

#histo-list div.pane {
    /*max-height: 200px;*/
    /*overflow: auto;*/
    font-size: 11px;
}

#histo-list div.report {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    padding-left: 25px;
}

#histo-list div.pane p.service {
    margin: 1em 0 .3em;
}

#histo-list a.chart {
    margin-right: 30px;
}

#histo-list p {
    font-size: 13px;
}

.chart-view {
    height: 150px;
}

.report-chart {
    margin: 10px 20px;
    font-size: 13px;
}

#grouptags div.taglist {
    margin-top: 2em;
    font-size: 11px;
}

#grouptags div.taglist p.tag {
    font-weight: bold;
}

#grouptags div.taglist p.tag a {
    margin-left: 30px;
}

#grouptags div.taglist p.service {
    text-indent: 20px;
    font-weight: normal;
}

#newgroupname {
    margin-left: 5px;
    width: 210px;
}

div.permissions #revert {
    margin-left: 20px;
}

div.permissions table {
    width: 400px;
    border-collapse: collapse;
}

div.permissions td {
    border: 1px solid #ccc;
}

div.permissions th {
    background-color: #eee;
}

div.permissions div.buttons {
    margin-top: 2em;
}

#tags-status {
    padding-bottom: 5px;
    width: 378px;
}
#tags-status div.status {
    height: 45px;
}
#tags-status td {
    text-align: center;
}

#tags-status div.tagstatus {
    height: 30px;
    min-width: 15px;
    width: 100%;
}

#tags-status div.Green {
    background-color: transparent;
}
#tags-status div.Yellow {
    background: transparent url(/resources/small-status-yellow.png) no-repeat center center;
}
#tags-status div.Red {
    background: transparent url(/resources/small-status-red.png) no-repeat center center;
}
#tags-status div.Purple {
    background: transparent url(/resources/small-status-purple.png) no-repeat center center;
}

.index div.box, #container.group div.box {
    margin: 10px;
    width: 378px;
}

#container.search #result p {
    font-size: 16px;
}

#container.search #searchButtons {
    text-align: center;
}

#container.search #searchButtons a, #container.search #searchButtons span {
    text-decoration: none;
    font-size: 12px;
    margin: 10px;
}

#searchbox {
    width: 160px;
    margin-right: 20px;
}

#headbar #search {
    float: right;
    margin: 4px 0px 0 0;
}

div.leftcol {
    float: left;
    width: 48%;
    position: relative;
    overflow: hidden;
}
div.rightcol {
    float: right;
    width: 48%;
    position: relative;
    overflow: hidden;
}

.report .body {
    white-space: pre-line;
    overflow: auto;
}