body {
    background: $menu_bg_over;
    color: $base_text;
    background-image: url(menu_bg.png);
    background-repeat: repeat-x;
    background-position: top;
    margin: 5px;
    border: 0;
    padding: 0;
}

a {
    color: $base_text;
}

## Control links at top of history
div.historyLinks {
    margin: 5px 5px;
}

## Default history item appearance
div.historyItem {
    margin: 5px -5px 5px 0px;
    padding: 5px 11px 5px 5px;
    border: solid $history_queued_border 1px;
    border-left: solid $history_queued_border 5px;
    border-right: none;
    background: $history_queued_bg;
    .state-icon {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        background-position: 0 1px;
        background-repeat: no-repeat;
    }
    .historyItemTitle {
        font-weight: bold;
        line-height: 16px;
    }
}

## Nested history items
div.historyItem div.historyItem {
    margin-right: -11px;
}

## Change background/border color depending on state
div.historyItem-ok,
div.historyItem-failed_metadata {
    border-color: $history_ok_border;
    background: $history_ok_bg;
    .state-icon {
        display: none;
    }
}

div.historyItem-error {
    border-color: $history_error_border;
    background: $history_error_bg;
    .state-icon {
        -sprite-group: history-states;
        -sprite-image: data_error.png;
    }
}

div.historyItem-empty {
    border-color: $history_error_border;
    background: $history_error_bg;
    .state-icon {
        -sprite-group: history-states;
        -sprite-image: data_empty.png;
    }
}

div.historyItem-running {
    border-color: $history_running_border;
    background: $history_running_bg;
    .state-icon {
        background-image: url(data_running.gif);
    }
}

div.historyItem-setting_metadata {
    border-color: $history_running_border;
    background: $history_running_bg;
    .state-icon {
        background-image: url(data_running.gif);
    }
}

div.historyItem-upload {
    border-color: $history_upload_border;
    background: $history_upload_bg;
    .state-icon {
        background-image: url(data_upload.gif);
    }
}

div.historyItem-queued {
    background: $history_queued_bg;
    .state-icon {
        -sprite-group: history-states;
        -sprite-image: data_queued.png;
    }
}

div.historyItem-noPermission {
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

## Special case for showing the spinner but not changing the background
div.historyItemTitleBar.spinner .state-icon {
    background: url(data_running.gif) 0 1px no-repeat !important;
}

## Buttons
div.historyItemButtons {
    float: right;
}

div.historyItemBody div {
    padding-top: 2px;
}

pre.peek {
    background: white;
    color: black;
    width: 100%; 
    overflow: auto;
    th {
        color: white;
        background: $peek_table_header;
    }
}