/* Create by Suttipong Tandheeradharm (Keng)

Color Code
	585655 = Dark gray (Body)
	ffa208 = Bright orange	(Menu bar, Footer)
	ff5908 = Dark orange (Top title)
	ff5d10 = Dark orange (Visited text)
	6169c0 = Blue (User name on menu bar, footer, pipe sign, footer label)
*/

body {
	background: #fa8181;
	background: transparent url(./nong_khae_bg.gif);
	font-family: Helvetica, Arial, Geneva;
    padding-left: 1em;
    padding-right: 1em;
}

/* page title */
	/* top title */
#titles {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	background: #f75d08;
	background: transparent url(./nong_khae_pattern.gif);
	color: black;
	border: 1px solid #f75d08;
}

	/* menu bar */
#header .links {
    background-color: #b5b2b5;
    background: transparent url(./stone-pattern2.gif);
    color: #f75d08;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border: none;
	border: 1px solid #b5b2b5;
}

	/* menu bar */
#header a {
    color: black;
}

/* body */

#bugzilla-body {
    background: transparent url(./nong_khae_body_bg.gif);
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #DEFBFF;
    padding: 10px;
    font-size: 10pt;
    -moz-border-radius: 5px;
}

a:link,
a:link:hover {
    color: green; /* blue color text */
}

a:visited {
    color: #ff5d10; /* orange color text */
}

a:link,
a:visited {
    text-decoration: none;
}

a:link:hover,
a:visited:hover {
    text-decoration: underline;
}

hr {
  border-color: #969696;
  border-style: dashed;
  border-width: 1px;
  margin-top: 10px;
}

/* edit */

#bugzilla-body th {
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

#bug-form td {
    padding-top: 2px;
}

/* attachments */

#attachment-list {
    border: 2px solid #c8c8ba;
    font-size: 9pt;
}

#attachment-list th {
    background-color: #585655;
    /*border: none;*/
    border: 1px solid #c8c8ba;
    border-bottom: 1px solid #c8c8ba;
    text-align: left;
}

#attachment-list th a {
    color: #646456;
}

#attachment-list td {
    border: none;
}

#attachment-list-actions td {
    border-top: 1px solid #c8c8ba;
}

.bz_attach_footer {
    float: right;
    padding-left: 1em;
	color: black; /* message color on attachment footer */
}

.bz_attach_footer a {
	color: #F75d08; /* link color on attachment footer */
}

/* knob (Bug Status Panel) */

#knob {
    background: transparent url(./stone-pattern3.gif);
    background-color: #ffa208;
    border: 1px solid #c8c8ba;
    padding: 5px;
    text-align: left;
}

#knob a {
    color: #ff5d10;
}

#knob-buttons {
    margin-top: 10px;
    margin-bottom: 5px;
}

#knob-buttons p {
    display: inline;
    padding-left: 10px;
}

#knob-buttons a {
    font-size: 10pt;
}

/* comments */

#comments th {
    font-size: 9pt;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

#comments td {
    padding-top: 2px;
}

.reply-button a {
    padding-left: 2px;
    padding-right: 2px;
}

/* reply reference */
span.quote {
    color: #f75d08;
}

.bz_comment {
    background: transparent url(./stone-pattern3.gif);
    background-color: #585655;
    margin: 1px 1px 10px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #c8c8ba;
    padding: 5px;
    font-size: 9pt;
}

.bz_first_comment {
}

.bz_comment_head,
.bz_first_comment_head {
    margin: 0; padding: 0;
    background-color: transparent;
    font-weight: bold;
}

.bz_comment.bz_private {
    background-color: #f0e8e8;
    border-color: #f8c8ba;
}

.bz_comment_head i,
.bz_first_comment_head i {
    font-style: normal;
}

.comment_rule {
    display: none;
}

/* footer */

#footer {
    background: #b5b2b5;
    background: transparent url(./stone-pattern2.gif);
    color: #f1dbc7;
    border: 1px solid #b5b2b5;
    width: 100%;
    font-size: 9pt;
    -moz-border-radius: 5px;
}

/* footer menu text (link) */
#footer a {
	font-weight: bold;
    color: black;
}

#footer #links-actions,
#footer #links-edit,
#footer #links-saved,
#footer #links-special {
    margin-top: 2ex;
}

#footer .label {
    font-weight: bold;
    color: black;
}

#footer .links {
    color: #f75d08; /* user name on footer */
    border-spacing: 30px;
    padding-bottom: 2ex;
}

.separator {
    color: green; /* pipe sign */
}

#footer li.form {
    background-color: transparent;
}

/* tabs */

.tabbed .tabbody {
    background: #585655;
    background: transparent url(./stone-pattern2.gif);
    padding: 1em;
    border-style: solid;
    border-color: #000000;
    border-width: 0 3px 3px 1px;

}

.tabs {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.tabs td {
    background: #c8c8c8;
    border-width: 1px;
}

.tabs td.selected {
    background: #585655;
    background: transparent url(./stone-pattern2.gif);
    border-width: 1px 3px 0 1px;
    font-weight: bold;
}

.tabs td.spacer {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

/* other */

/* bug list color : row odd */
.bz_row_odd {
    background-color: #b5b2b5;
	color: white;
}

/* bug list color : row even */
.bz_row_even {
    background-color: #c6c7c6;
    color: black;
}

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

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

    #bugzilla-body {
        border: none;
        margin: 0;
        padding: 0;
    }
}