 /*
  * License Version 1.1 (the "License"); you may not use this file
  * except in compliance with the License. You may obtain a copy of
  * the License at http://www.mozilla.org/MPL/
  *
  * Software distributed under the License is distributed on an "AS
  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  * implied. See the License for the specific language governing
  * rights and limitations under the License.
  *
  * The Original Code is the Bugzilla Bug Tracking System.
  *
  * The Initial Developer of the Original Code is Netscape Communications
  * Corporation. Portions created by Netscape are
  * Copyright (C) 1998 Netscape Communications Corporation. All
  * Rights Reserved.
  *
  * Contributor(s): Byron Jones <bugzilla@glob.com.au>
  *                 Christian Reis <kiko@async.com.br>
  *                 Vitaly Harisov <vitaly@rathedg.com>
  *                 Svetlana Harisova <light@rathedg.com>
  *                 Marc Schumann <wurblzap@gmail.com>
  *                 Pascal Held <paheld@gmail.com>
  */

/* global (begin) */
    body {
        font-family: sans-serif;
        font-size: 80%;
        color: #000;
        background: #fff url("global/body-back.gif") repeat-x;
    }
    table {
        border-collapse: collapse;
    }
    body, td, th {
        font-family: Verdana, sans-serif;
    }
    table, td, th, input, select, textarea {
        font-size: 100%;
    }
    select {
        background: #fff;
    }
    select[disabled] {
        background: #eee;
    }
    img {
        border-width: 0;
    }
/* global (end) */

/* header (begin) */
    #header, #footer {
        margin: 0;
        padding: 0;
        font-size: 100%;
    }

    #header form, #header form input,
    #footer form, #footer form input
    {
        font-size: 95%;
        display: inline;
        vertical-align: baseline;
    }

    #lang_links_container {
        float: right;
    }
    #lang_links_container .links {
        border: none;
        padding: .5em;
    }

    .lang_current {
        font-weight: bold;
    }

    .message {
        border: 1px solid red;
        margin: 0.3em 0em;
        padding: 0.3em;
        color: green;
    }

    #header #useful-links, #footer #useful-links {
        margin: 0;
        padding: 1ex 1ex;
    }

    #header ul, #footer ul {
        list-style-type: none;
    }

    #header .label, #footer .label {
        white-space: nowrap;
        vertical-align: top;
    }

    #header .links, #header .links {
        vertical-align: top;
    }

    form.mini_login input.bz_login  {
        width: 10em;
    }
    form.mini_login input.bz_password {
        width: 6em;
    }
    form.mini_login input.bz_remember {
        margin: 0;
    }
    .bz_mini_login_help {
        color: #777;
    }

/* header (end)   */

/* banner (begin) */
    #banner {
    }

/* banner (end) */

/* titles (begin) */
    #titles {
        border-collapse: separate;
        width: 100%;
        background-color: #404D6C;
        color: #fff;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        font-size: 110%;
        margin: 0;
        padding: 0.5em;
        vertical-align: bottom;
    }

    #titles a {
        color: #fff;
    }

    #titles p {
        margin: 0;
        padding: 0;
    }

    #titles #title {
        font-weight: bold;
        white-space: nowrap;
    }

    #titles #subtitle {
        font-weight: normal;
        width: 100%;
        text-align: center;
    }

    #titles #information {
        font-weight: normal;
        text-align: right;
        font-size: 90%;
        white-space: nowrap;
    }

/* titles (end) */

/* footer (begin)
 * See also the "header" section for styles that apply
 * to both the header and footer. 
 */
    #header, #footer {
        clear: both;
        margin-top: 5px;
        width: 100%;
        background: #edf2f2;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    #footer ul {
        list-style-type: none;
    }
    #links-saved { margin-top: 1ex; }
    #links-saved ul {
        display: inline;
    }
    #links-saved th {
        vertical-align: top;
    }

    #footer .label {
        white-space: nowrap;
        vertical-align: top;
    }

    #footer .links {
        vertical-align: top;
    }
/* footer (end) */

/* link lists (begin) */
    ul.links {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    ul.links li {
        display: inline;
    }
/* link lists (end) */

/* tabs (begin) */
    .tabs td {
        background: #eee;
        text-align: center;
        border-style: solid;
        border-color: black;
        border-width: 0px 0px 2px 0px;
    }

    .tabs td.selected {
        background: white;
        border-width: 2px 2px 0px 2px;
    }

    .tabs td.spacer {
        background: white;
    }
/* tabs (end) */

/* generic (begin) */
    a {
        color: #039;
        text-decoration: none;
    }

    a:visited {
        color: #636;
    }

    a:hover {
        color: #333;
        text-decoration: underline;
    }

    a:active {
        color: #000;
    }

    .clickable_area {
        cursor: pointer;
    }
/* generic (end) */

/* Links that control whether or not something is visible. */
a.controller {
    font-size: 115%;
}

div#docslinks {
    float: right;
    border: 1px solid black;
    padding: 1ex;
    font-size: 80%;
}

#docslinks h2 {
    margin: 0;
}

.bz_obsolete {
    text-decoration: line-through;
}
.bz_inactive {
    text-decoration: line-through;
}
.bz_closed {
    text-decoration: line-through;
}
.bz_private {
    color: darkred;
    background: #f3eeee;
}
.bz_disabled {
    color: #a0a0a0;
}

/****************/
/* Comment text */
/****************/

.bz_comment {
    margin-bottom: 2em;
}

.bz_comment_text, #comment_textarea {
    width: 60em;
}

.bz_comment_text {
    white-space: normal;
}

.bz_comment_text p {
    margin: 1em 0;
}

.bz_comment_text p:last-child {
    margin-bottom: .5em;
}

.bz_comment_text .quote {
    color: #65379c;
    border-left: solid 3px #65379c;
    padding-left: .5em;
    margin-left: .5em;
}

/* The rules for these classes make international text wrap correctly,
   even for languages like Japanese that have no spaces. */
.bz_comment_text, .uneditable_textarea, textarea {
    font-family: "Droid Sans Mono", Menlo, Monaco, Consolas, monospace;
    font-size: 110%;
}

pre, code, kbd, samp, tt {
    font-family: "Droid Sans Mono", Menlo, Monaco, Consolas, monospace;
    font-size: 1em;
}

.bz_comment_hilite {
    background-color: lightgreen;
    margin: 0;
    padding: 1em 0;
}

.bz_comment_selected {
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
}

.bz_comment_hours {
    margin-top: 8px;
}

/** End Comment text **/

.bz_default_hidden, .bz_tui_hidden, .bz_hidden_field, .bz_hidden_option {
    /* We have !important because we want elements with these classes to always
     * be hidden, even if there is some CSS that overrides it (we use these
     * classes inside JavaScript to hide things). */
    display: none !important;
}

table#flags th,
table#flags td {
    vertical-align: top;
    text-align: left;
}

.flag_select {
    width: auto !important;
}

input.requestee {
    width: 15em;
}

#error_msg {
    font-size: x-large;
}

dt {
    font-weight: bold;
}
body > dl > dt {
    border-top: dotted gray thin;
}
dl dl > dt {
    border-top: none;
}

.admin_table {
    border-collapse: collapse;
}
.admin_table tr.odd_row {
    background: #f4f4f4;
}
.admin_table th {
    background: #e0e0e0;
}
.admin_table td, .admin_table th {
    border: 1px solid gray;
    padding: 4px;
    white-space: normal !important;
}

/* Style of the attachment table and time tracking table */
#attachment_table, .bz_time_tracking_table {
    border-collapse: collapse;
    border: 1px solid #333333;
    margin-bottom: 16px;
}

#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th {
    background-color: #E0E0E0;
    color: black;
}

#attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td {
    border: 1px solid #333333;
}

#att_multiple { border: 1px solid #333333; margin: 0 0 16px 0; padding: 8px; }
#att_multiple h3 { margin: 0 0 8px; }
#att_multiple p { margin: 0 0 8px; }
#att_multiple table { border-collapse: separate; }
#att_multiple th { background-color: #E0E0E0; text-align: left !important; }
#att_multiple input, #att_multiple select { width: 100%; }
#att_multiple input.button { width: auto; }

.bz_attach_extra_info {
    font-size: smaller;
}

.bz_attach_flags, .bz_attach_footer {
    white-space: nowrap;
}

.bz_attach_view_hide {
    float: right;
    padding-left: 1em;
}

/* For bug fields */
.uneditable_textarea {
    width: 30em;
}

div.user_match {
    margin-bottom: 1em;
}

.box {
    border: 1px solid black;
    color: black;
    background-color: #ffc;
    margin: 1em;
    padding: 0.5em 1em;
}

.collapsed {
    display: none;
}

/* Rules specific for printing */
@media print {
    #header, #footer {
        display: none;
    }

    body {
        background-image: none;
        background-color: #fff;
    }
}

.field_label {
    text-align: left;
    vertical-align: top;
}
.bug_field {
    margin-bottom: 8px;
}
.bug_field label {
    font-weight: bold;
}
.bug_field select, .bug_field textarea {
    width: 98%;
    font-size: 100% !important;
}
.bug_field table select {
    width: 100%;
}
.bug_field .text_input {
    width: 98%;
}
.bug_field table .text_input, .bug_field table .text_input {
    width: 100%;
}

form#Create th, form#Create td {
    vertical-align: top;
}
th.required:after, label.required:after {
    content: "*";
}
th.required:after, label.required:after, span.required_star {
    color: red;
}
input.required, select.required, span.required_explanation {
    background-color: #fff7cd;
}

.calendar_button {
    background: transparent url("global/calendar.png") no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.calendar_button span { display: none }

.bug_urls {
    margin: 0 0 1em 0;
    padding: 0;
    list-style-type: none;
}

form#Create th {
    text-align: left;
}

form#Create .comment {
    vertical-align: top;
    overflow: auto;
    color: green;
    margin: 0 0.5em;
    padding: 0.3em;
    height: 8ex;
}

.choose_product td, .choose_product th {
    padding: 0 8px 2px;
    text-align: left;
    border-bottom: 2px dotted #c0c0c0;
    vertical-align: top;
}

.choose_product tr:last-child td, .choose_product tr:last-child th,
.choose_product tr.all td, .choose_product tr.all th {
    border-bottom: 0;
}

.image_button {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    border: 1px outset gray;
    width: 30px;
    height: 20px;
}

#select_button {
    background-image: url(global/right.png);
}

#deselect_button {
    background-image: url(global/left.png);
}

#up_button {
    background-image: url(global/up.png);
}

#down_button {
    background-image: url(global/down.png);
}

/* Bug states */
/* FIXME remove bug_status hardcode */
.bz_st_UNCONFIRMED, .bz_UNCONFIRMED td.first-child a { font-style: italic; }
.bz_st_RESOLVED, .bz_RESOLVED td.first-child a { text-decoration: line-through; }
.bz_st_VERIFIED, .bz_VERIFIED td.first-child a { text-decoration: line-through; border: 1px dashed #2f6fab; margin: 0 -1px; color: black; background-color: #f9f9f9; line-height: 1.1em; }
.bz_st_CLOSED, .bz_CLOSED td.first-child a { text-decoration: line-through; border: 1px solid #2f6fab; margin: 0 -1px; background-color: #f9f9f9; line-height: 1.1em; }

table.alcontent { width: 100%; }

#useful-links { margin-left: 0; }

#visibility_values_td select { margin-bottom: 2px; }

.importxls_link { margin-left: 20px; }
.importxls_link span { font-weight: bold; }

.selectfree_ie iframe {
display:none;
display/**/:block;
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
}

.numeric_invalid { background-color: #FFE0E0; }
.buglist-navbar { float: left; margin: 4pt; font-size: 120%; padding: 2pt; }

.user-error-div { margin: 20px; padding: 10px; font-size: 130%; border: 10px solid red; background: white; }
.user-error-div-first { background-color: #ffd0d0; padding: 10px; }

.quicksearch { width: 300px; }

/* query form */
.chart { float: left; clear: left; }
fieldset.chart { margin: 0 0 8px; padding: 0 8px 4px; }
.chart select { margin: 0 4px 4px 0; background-color: white; }
.chart._and, legend._and { background-color: #e0e0ff; }
.chart._or, legend._or { background-color: #ffffe0; }
.chart._neg, legend._neg { background-color: #ffe0e0; }
.chart_add_second { height: 18pt; position: relative; margin-top: -18pt; top: 50%; }

/* SimpleAutocomplete styles */
.hintLayer {
    border: 1px solid gray;
    color: gray;
    width: 300pt;
    background-color: white;
    font-size: 80%;
    max-height: 300pt;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}
.hintEmptyText {
    padding: 3px;
}
.hintItem {
    color: black;
    cursor: pointer;
    padding: 1px 3px;
    vertical-align: middle;
}
.hintActiveItem {
    color: white;
    background-color: #008;
    cursor: pointer;
    padding: 1px 3px;
}
.hintItem input, .hintActiveItem input {
    cursor: pointer;
    vertical-align: middle;
    margin-right: 3px;
}
.hintRealName {
    vertical-align: bottom;
}
.hintEmail {
    color: #808080;
}
.hintActiveItem .hintEmail {
    color: #c0c0c0;
}

/* New Functionality */
#new_functionality {
    margin: 1em;
    border: 1px dashed #3A3;
    padding: 0.5em 1em;
}
#new_functionality .close-link {
    float: right;
    margin: 0 0 1em 1em;
}
