/* The contents of this file are subject to the Mozilla Public
  * 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;
        color: #454545;
		background: #08273b;
		margin:auto;
    }
	
	table
	{
		margin:0px;
		padding:0px;
		border:0px;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	.btn, input[type="button"], input[type="submit"]
	{
		/*border: 1px solid #4887cd;
		border-radius: 5px;
		background-color: #235c9a;
		padding: 5px;
		color: #fff;
		font-weight: bold;*/
		
		background: #1e508d url(global/button_bg.gif) repeat-x;
		border: 1px solid #2f66a4;
		border-radius: 5px;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	
	.btn-container
	{
		border: 1px solid #2f66a4;
		border-radius: 5px;
	}
	
	.note
	{
		margin: 0px;
		border:1px solid #f4a04e;
		background-color: #feeac9;
		border-radius: 5px;
		box-shadow: 0px 1px 2px #999;
		padding: 0px !important;
		vertical-align: middle;
	}
	
	.note img
	{
		/*display: block;*/
		margin-right:0.5em;
	}
	
	.note_internal
	{
		padding: 0.5em;
		border-radius: 5px;
		border: 1px solid #ffffff;
	}
	
	.enter_bug_form th
	{
		text-align: left !important;
	}
	
	.enter_bug_form select
	{
		width: 100%;
	}
	
	.yui-dt table
	{
		border: 1px solid #000;
	}
	
	.yui-dt table td
	{
		border: 1px solid #777;
	}
	
	#bugzilla-body a
	{
		color: #22a9d7;
		text-decoration: none;
	}
	
	#MainContent
	{
		width: 100%;
		margin: 0px auto;
		background-color: #fff;
		min-width: 1000px;
	}
	
	#RightShadow
	{
		width: 16px;
		height: 645px;
		float: left;
		background:transparent url("global/right_strip.jpg") no-repeat;
	}
	
	#LeftShadow
	{
		width: 16px;
		height: 645px;
		float: left;
		background:transparent url("global/left_strip.jpg") no-repeat;
	}
	
	/*#InnerMainContent
	{
		width:1000px;
		margin:0px auto;
		float:left;
		background-color: #fff;
	}*/
	
    body, td, th, input {
        font-family: Verdana, sans-serif;
        font-size: small;
    }
	
	td, th
	{
		padding: 0.3em;
	}
	
    /* monospace is much smaller than Verdana by default, so we make it a bit bigger. */
    pre, code, kbd {
        font-size: medium;
    }
/* global (end) */

/* header (begin) */
    #header {
	margin: 0; padding: 0;
	background: #fff;
    }

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

    /*#header .links {
        border-left: 1px solid #747E93;
        border-right: 1px solid #747E93;
        border-bottom: 1px solid #747E93;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        padding: 0.5em;
    }*/
	
	#header .links
	{
		background: transparent url(global/nav_bg.gif) repeat-x;
		height: 43px;
		border: none !important;
		padding-top: 1em !important;
		padding-left: 1.5em;
		color: #c2e1fd;
	}
	
	#header .links a
	{
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
		
	#header .links a:hover
	{
		text-decoration: underline;
	}

    #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;*/
		
		border:1px solid #4d8dcb;
		background-color: #d1e4f3;
		color: #444444;
		border-radius: 5px;
		box-shadow: 0px 1px 2px #999;
		padding: 0px !important;
		margin-bottom: 0.7em;
		/*margin:0px !important;*/
    }
	
	#message_internal
	{
		border: 1px solid #e2eefa;
		background: none;
		padding:0.5em;
		border-radius: 5px;
	}
	
	#message_context
	{
		float:left;
		display: inline;
	}
	
	#message_context p
	{
		margin: 0px;
		padding: 0px;
	}
	
	#message_icon
	{
		float:left;
		margin: 0px;
		margin-right: 0.5em !important;
		width:16px;
		height:16px;
	}
	
	#clear, .clear
	{
		clear:both;
	}

    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 {
		background: transparent url(global/banner_bg.jpg) no-repeat;
		height: 130px;
    }
	
	#banner p
	{
		margin: 0;
        padding: 0;
		display:none;
	}
	
	
	#verticalStack
	{
		float: right;
		margin-right: 20px;
		margin-top: 39px;
	}
	
	.txt, input, input[type="text"], select, textArea, input[type="password"], #short_desc, input[type="file"]
	{
		background-color: #FEFEFE;
		border: 1px solid #9dd0f4 !important;
		padding: 5px;
		color: #454545;
		border-radius: 5px;
	}
	
	.enter_bug_form input[type="text"], .enter_bug_form select, .enter_bug_form textArea, .enter_bug_form #short_desc, .enter_bug_form input, .text_input
	{
		width: 97% !important;
	}
	
	.enter_bug_form input[type="button"], .enter_bug_form input[type="submit"], input[type="radio"], input[type="checkbox"]
	{
		width: Auto !important;
	}
	
	input[type="radio"], input[type="checkbox"]
	{
		border: none;
		padding: 0px;
	}
	
	
	.shortened
	{
		width: 150px !important;
	}
	
	#deadline
	{
		width: 90% !important;
	}
	
	input.required 
	{
		background-color: #FFF7CD !important;
	}
	
	#LogIn
	{
		
	}
	
	#search
	{
		
	}
	
	.column
	{
		float:left;
		width:45%;
		min-height: 50px;
		margin-top: 15px;
		padding: 15px;
		padding-top: 0px !important;
	}
	
	
	.field_label
	{
		width: 120px !important;
	}
	
	.column div
	{
		margin-bottom: 10px;
	}

/* banner (end) */

/* titles (begin) */
    /*#titles {
        width: 100%;
        background: #000 url(global/Banner.jpg) left top no-repeat;
        color: #fff;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        font-size: 110%;
        margin: 0;
        padding: 0.5em;
        vertical-align: bottom;
		height: 143px;
    }

    #titles a {
        color: #fff;
    }

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

    #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;
    }*/
	 
	 #title
	 {
		float: left;
		margin-left: 10px;
		margin-top: 29px;
	}
	
	a#trax_anchor
	{
		/*
		text-indent: -9999px;
		display: block;
		width: 271px;
		height: 73px;
		border: none;
		text-decoration: none;
		background: transparent url(global/logo.png) no-repeat top;
		*/
		text-indent: -9999px;
		display: block;
		width: 278px;
		height: 82px;
		border: none;
		background: url(global/logo.png);
	}
	
	a:hover#trax_anchor
	{
		background-position: bottom;
	}
		

/* titles (end) */

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

    #footer #useful-links {
        padding-left: 1.5em;
        padding-right: 1ex;
		color: #93A0A9;
    }

    #footer ul {
        list-style-type: none;
    }
	
	#footer ul  a{
		text-decoration: none;
		color: #93a0a9;
		font-size: 12px;
	}
	
	#footer ul  a:hover{
		text-decoration: underline;
	}
	
	/*#footer .btn
	{
		background-color: #61a0e1;
		border: none;
		padding: 5px;
		color: #fff;
	}*/
	
	.welcome
    {
        text-align: left;
        margin: 0 0 7px 0;
        padding: 15px;
        border:1px #ddd solid;
        border-radius:4px;
        background:#eee;
    }
	
	.separator
	{
		color: #93a0a9;
	}
	
    #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;
        white-space: nowrap;
    }
/* link lists (end) */

/* tabs (begin) */
    .tabs
	{
		
	}
	
	.tabs td {
        background: #ebf6fe !important;
        text-align: center;
        /*border-width: 0px 0px 2px 0px;*/
		border: 1px solid #5199e3;
		border-radius: 5px 5px 0px 0px;
    }
        
    .tabs td.selected {
        background: white !important;
        border-width: 1px 1px 0px 1px;
    }

    .tabs td.spacer {
        background: white !important;
		border: none;
		border-bottom: 1px solid #5199e3;
    }
/* tabs (end) */

/* generic (begin) */
    a {
        color: #039;
    }

    a:visited {
        color: #636;
    }

    a:hover {
        color: #333;
    }

    a:active {
        color: #000;
    }

    .clickable_area {
        cursor: pointer;
    }

    textarea {
        font-family: monospace;
    }
/* 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;
}

/**************************/
/* Bug links and statuses */
/**************************/

.bz_bug_link {
    /* Catch-all if you want common styles for all bug links */
}

.bz_bug_link .bz_status_UNCONFIRMED {
    font-style: italic;
}

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

/************/
/* Comments */
/************/

.bz_comment_table td {
    vertical-align: top;
}

.bz_comment {
    margin-bottom: 2em;
}

/* tbody.file pre is for the Diff view of attachments. */
.bz_comment_text, .uneditable_textarea, tbody.file pre {
     font-family: monospace;
     white-space: pre-wrap;
}

.bz_comment_text {
     width: 50em;
}

.bz_comment_user, .bz_comment_time, .bz_comment_number, 
.bz_private_checkbox, .bz_comment_actions
{
    margin: 0 .5em;
}

.bz_comment_actions, .bz_comment_number, .bz_private_checkbox {
    float: right;
}

.bz_collapse_expand_comments {
    padding: 0;
    margin: 0 0 0 1em;
    list-style-type: none;
}
.bz_collapse_expand_comments li {
    margin-bottom: .5em;
}
.bz_collapse_comment {
    text-decoration: none;
}

.bz_private_checkbox input { 
    margin: 0;
    vertical-align: middle;
}

.bz_comment_head, .bz_first_comment_head {
    padding-top: .1em;
    padding-bottom: .1em;
    padding-left: .5em;
    background-color: #e0e0e0;
}

.bz_comment_user_images img {
    vertical-align: bottom;
}

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

/** End Comments **/

.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;
}

.bz_comment_text span.quote {
    color: #65379c;
    /* Make quoted text not wrap. */
    white-space: pre;
}

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

.flag_select {
    min-width: 3em;
}

input.requestee {
    width: 15em;
}

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

.warning {
  color: red;
}

.throw_error {
    background-color: #ff0000;
    color: black;
    font-size: 120%;
    margin: 1em;
    padding: 0.5em 1em;
}

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

#admin_table th {
    white-space: normal !important;
}

/* Arrow buttons are buttons with only &uarr;, &darr;, &larr; or &rarr; on
 * them. We want these to look a little less spidery. */
.arrow_button {
    font-size: 150%;
}

/* Style of the attachment table and time tracking table */
#attachment_table {
    border-collapse: collapse;
    border: 1px solid #333333;
}

#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;
}

.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;
}

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;
    }

    div.bz_query_buttons {
        display: none;
    }

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

/**************/
/* Bug Fields */
/**************/

.field_label {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}
.field_help_link {
    cursor: help;
}
.field_value, form#Create th, form#Create td {
    vertical-align: top;
}
.field_value .text_input {
  /*width: 100%;
  min-width: 25em;*/
}

.uneditable_textarea {
    width: 30em;
    font-size: medium;
}

th.required:before {
    content: "* ";
}
th.required:before, span.required_star {
    color: red;
}
input.required, select.required, span.required_explanation {
    background-color: #fff7cd;
    color: #000;
}

.calendar_button {
    background: transparent url("global/calendar.png") no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
	border: none;
}
.calendar_button span { display: none }
/* These classes are set by YUI. */
.yui-calcontainer {
    display: none; 
    background-color: white; 
    padding: 10px;
    border: 1px solid #404D6C;
}

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

/* custom styles for inline instances of autocomplete input fields */
.yui-skin-sam .yui-ac-input { position:static !important; 
                              vertical-align:middle !important; }
.yui-skin-sam .yui-ac-container { left:0px !important; }
.yui-skin-sam .yui-ac { display: inline-block; }
#bugzilla-body .yui-ac-content {
    max-height: 19em;
    overflow: auto;
    overflow-x: hidden;
}

#bugzilla-body
{
    background: #fff !important;
	/* min-height: 500px !important; */
	padding: 0.1em 1.5em 1.5em 1.5em;
}

#keyword_container {
    padding-top: .2em;
}


#keyword_container .yui-ac-content {
    margin-left: -1px;
}

/*******************/
/* Form Validation */
/*******************/

.validation_error_text {
    font-size: 120%;
    color: #B70000;
    font-weight: bold;
}

.validation_error_field, input.validation_error_field {
    border: 2px solid #B70000;
    background-color: #FFEBEB;
}

.copy-itworx { text-align: center; font-size: smaller; color: #777; }
.powered { font-size: 8px; }