/*
 * mantisbt is a rockstar
 *
 *
 * Just another ☆ ✪ ★ rockstar theme for MantisBT, the free web-based bugtracking system.
 *
 *
 *
 * 2012 by tim-pietrusky.de
 *
 * Licensed under VVL 1.33b7 which means this work is free for all, so use it as you like.
 * tim-pietrusky.de/license
 */

/*
 * This is the "default.css" of MantisBT
 */
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 6px 4px;
}

p 					{ font-family: Verdana, Arial, Helvetica, sans-serif; }

address 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }

pre				{ margin-top: 0px; margin-bottom: 0px; }

a					{}
a:active 			{}
a:link    			{}
a:visited 			{}
a.subtle			{ color: blue; text-decoration: none; }
a.resolved			{ text-decoration: line-through underline; }
a > img				{ border: none; }

form				{ display: inline; }

input				{}
input.button			{}
input.button-small		{ font-size: 8pt; }

textarea			{}
select				{}

span				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
span.print			{ font-size: 8pt; }
span.required 		{ font-size: 8pt; color: #bb0000; }
span.small 			{ font-size: 8pt; font-weight: normal; }
span.pagetitle		{ font-size: 12pt; font-weight: bold; text-align: center }
span.bracket-link	{ white-space: nowrap; }

span.dependency_dated		{ color: maroon; }
span.dependency_met			{ color: green; }
span.dependency_unmet		{ color: red; }
span.dependency_upgrade		{ color: orange; }

table				{ }
table.hide			{ width: 100%; border: solid 0px #ffffff; }
table.width100		{ width: 100%; border: solid 1px #000000; }
table.width90		{ width: 90%;  border: solid 1px #000000; }
table.width75		{ width: 75%;  border: solid 1px #000000; }
table.width60		{ width: 60%;  border: solid 1px #000000; }
table.width50		{ width: 50%;  border: solid 1px #000000; }

td 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; padding: 4px; text-align: left; }
td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right; }
td.category			{ background-color: #c8c8e8; color: #000000; font-weight: bold; vertical-align : top; }
td.overdue			{ background-color: #ff0000; color: #000000; font-weight: bold; }

td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title		{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }
td.form-title-caps	{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; text-transform: uppercase; }
td.nopad			{ padding: 0px; }
td.small-caption	{ font-size: 8pt; }
td.print			{ font-size: 8pt; text-align: left; padding: 2px; }
td.print-category	{ font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-overdue	{ font-size: 8pt; color: #000000; font-weight: bold; padding: 2px; }
td.print-bottom		{ border-bottom: 1px solid #000000; }
td.print-spacer		{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}

tr					{}
tr.spacer			{ background-color: #ffffff; color: #000000; height: 5px; }
tr.row-1			{ background-color: #d8d8d8; color: #000000; }
tr.row-2			{ background-color: #e8e8e8; color: #000000; }
tr.row-category		{ background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category td  {  text-align:center; }
tr.row-category2	{ background-color: #c8c8e8; color: #000000; }
tr.row-category-history { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category-history td {  text-align: left; }
tr.vcenter			{ vertical-align: middle; }
tr.print			{ vertical-align: top; }
tr.print-category	{ color: #000000; font-weight: bold; }

#buglist tr			{ text-align: center; }

td.bugnote-public		{ background-color: #c8c8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-private		{ background-color: #e8e8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; vertical-align: top; }
td.bugnote-note-public	{ background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }
td.bugnote-note-private	{ background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }

td.login-info-left		{ width: 33%; padding: 0px; text-align: left; }
td.login-info-middle	{ width: 33%; padding: 0px; text-align: center; }
td.login-info-right		{ width: 33%; padding: 0px; text-align: right; white-space: nowrap; }

td.menu
{
	background-color: #e8e8e8;
	color: #000000;
	text-align: center;
	width: 100%;
	padding: 5px;
}

td.menu a
{
	white-space: nowrap;
}

td.news-heading-public	{ background-color: #c8c8e8; color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-heading-private	{ background-color: #d8d8d8;       color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-body			{ background-color: #ffffff;         color: #000000; padding: 16px; }

img						{}
img.icon				{ width: 11px; height: 11px; }
img.delete-icon			{ position: relative; top: 5px; border: 0; }

div						{ padding: 3px; }
div.menu				{ background-color: #e8e8e8; color: #000000; text-align: center; width: 100%; padding: 1px; }

div.center {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

div.border
{
	background-color: #ffffff;
	border: solid 1px #000000;
	text-align: center;
	position: relative;
}

div.quick-summary-left	{ width: 49%; padding: 2px; text-align: left;  float: left; }
div.quick-summary-right	{ width: 49%; padding: 2px; text-align: right; float: right;}

.center					{ text-align: center; }
.left					{ text-align: left; }
.right					{ text-align: right; }
.floatright				{ float: right; }
.floatleft				{ float: left; }
.small					{ font-size: 8pt; }
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.small-subprojects		{ font-size: 8pt; width: 200px; }
.bold					{ font-weight: bold; }
.bold-small				{ font-weight: bold; font-size: 8pt; }
.italic					{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline				{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike					{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }
.hidden				{ display: none; }

.nowrap
{
	white-space: nowrap;
}

.positive
{
	color: green;
}

.negative
{
	color: red;
}

.issue-status
{
	border-bottom: 1px dotted black;
}

.avatar
{
	float: right;
	border: 0;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 5px;
}

.progress400				{ position: relative; width: 400px; border: 1px solid #d7d7d7; margin-top: 1em; margin-bottom: 1em; padding: 1px; }
.progress400 .bar			{ display: block; position: relative; background: #6bba70; text-align: center; font-weight: normal; color: #333; height: 2em; line-height: 2em; }


/*
 *
 * This is the rockstar
 *
 */

/*
 * /// Reset & default styling ////////////////
 */
html {
    margin:0;
    height:100%;

    border-top: 4px solid #333;

    background:transparent;
}

body {
    background: url(img/bg_light_grey.png);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%) no-repeat, url(img/bg_light_grey.png);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0))) no-repeat, url(img/bg_light_grey.png);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%) no-repeat, url(img/bg_light_grey.png);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%) no-repeat, url(img/bg_light_grey.png);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%) no-repeat, url(img/bg_light_grey.png);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%) no-repeat, url(img/bg_light_grey.png);

    overflow-x:hidden;

    padding:0;

    margin:0 1%;

    color:#222;

    text-shadow:1px 1px 0px #aaa;
    text-shadow:1px 1px 0px rgba(250, 250, 250, .4);
}

hr + br,
div + br,
center + br,
ol > br,
ul > br,
pre + br,
code br:first-child { display:none; }

ol,
ul {margin:10px 0;}

div {padding:0;}

td[bgcolor="LightBlue"] {background:inherit;}


/*
 * /// Transition ////////////////
 */
tr[bgcolor],
td[bgcolor],
textarea,
input,
select,
a {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

/*
 * /// Simple transition for "open/close" elements ////////////////
 */
#filter_open,
#filter_closed,
#relationships_open,
#relationships_closed,
#upload_form_open,
#upload_form_closed,
#monitoring_open,
#monitoring_closed,
#bugnotes_open,
#bugnotes_closed,
#bugnote_add_open,
#bugnote_add_closed,
#history_open,
#history_closed {
    opacity: 1;
    height:auto;
    margin-top:0;

    -webkit-transform-origin:0;
    -webkit-transform-origin:0;
       -moz-transform-origin:0;
        -ms-transform-origin:0;
         -o-transform-origin:0;
            transform-origin:0;

    -webkit-transition: all .4s ease-in;
       -moz-transition: all .4s ease-in;
        -ms-transition: all .4s ease-in;
         -o-transition: all .4s ease-in;
            transition: all .4s ease-in;
}

#filter_open.hidden,
#filter_closed.hidden,
#relationships_open.hidden,
#relationships_closed.hidden,
#upload_form_open.hidden,
#upload_form_closed.hidden,
#monitoring_open.hidden,
#monitoring_closed.hidden,
#bugnotes_open.hidden,
#bugnotes_closed.hidden,
#bugnote_add_open.hidden,
#bugnote_add_closed.hidden,
#history_open.hidden,
#history_closed.hidden {
    opacity: .2;
    height: 0;
    overflow:hidden;
    display:block;

    -webkit-transform: scale(.975) translate(0, 6px);
       -moz-transform: scale(.975) translate(0, 6px);
        -ms-transform: scale(.975) translate(0, 6px);
         -o-transform: scale(.975) translate(0, 6px);
            transform: scale(.975) translate(0, 6px);
}

#filter_closed,
#relationships_closed,
#upload_form_closed,
#monitoring_closed,
#bugnotes_closed,
#bugnote_add_closed,
#history_closed {
    opacity:.75;

    -webkit-transform: scale(.975) translate(0, 6px);
       -moz-transform: scale(.975) translate(0, 6px);
        -ms-transform: scale(.975) translate(0, 6px);
         -o-transform: scale(.975) translate(0, 6px);
            transform: scale(.975) translate(0, 6px);
}

#filter_closed.hidden,
#relationships_closed.hidden,
#upload_form_closed.hidden,
#monitoring_closed.hidden,
#bugnotes_closed.hidden,
#bugnote_add_closed.hidden,
#history_closed.hidden {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}


/*
 * /// Tables ////////////////
 */
table.width100,
table.width90,
table.width75,
table.width50 {
    border:none;
    background:#F0F0F0;

    margin-top:25px;
    margin-bottom:10px;

    border-collapse: collapse;

    -webkit-box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .3), 0 4px 15px rgba(60, 60, 60, .8);
       -moz-box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .3), 0 4px 15px rgba(60, 60, 60, .8);
            box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .3), 0 4px 15px rgba(60, 60, 60, .8);

    /* IE8+9 */
    border: 4px solid #999C9B \0/;
    box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 4px 15px rgba(60, 60, 60, .8) \0/;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

/* rounded corners for everyone */
table.width100 tr:first-child td:first-child,
table.width90 tr:first-child td:first-child,
table.width75 tr:first-child td:first-child,
table.width50 tr:first-child td:first-child {
    -webkit-border-top-left-radius: 5px;
       -moz-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
}

table.width100 tr:first-child td:last-child,
table.width90 tr:first-child td:last-child,
table.width75 tr:first-child td:last-child,
table.width50 tr:first-child td:last-child {
    -webkit-border-top-right-radius: 5px;
       -moz-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
}

table.width100 tr:last-child td:first-child,
table.width90 tr:last-child td:first-child,
table.width75 tr:last-child td:first-child,
table.width50 tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 5px;
       -moz-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
}

table.width100 tr:last-child td:last-child,
table.width90 tr:last-child td:last-child,
table.width75 tr:last-child td:last-child,
table.width50 tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
}

table.width100 tr:last-child td,
table.width90 tr:last-child td,
table.width75 tr:last-child td,
table.width50 tr:last-child td {
    border-bottom:none;
}

.form-title {
    background:#363636 !important;
    padding:12px 4px;
    border-bottom:2px solid #ccc;
    font-size: 12pt;
}

.form-title,
.form-title a {
    color:#eee !important;
    text-shadow:none;
}

.category,
.row-category,
.row-category-history {
    background: #333 url(img/bg_dark_grey.png) repeat-x !important;
    opacity:.9;
    border-bottom:1px solid #222;
    padding:10px 4px 4px 4px;
}

.category,
td.category,
td.category a,
.row-category,
.row-category a,
.row-category-history,
.row-category-history a {
    color:#eee !important;
    text-shadow:none;
}

tr {
    height:40px;
}

tr.row-1 {
    background:#b6b6b6;
}

tr.row-category2 {
    background:#363636;
    border-bottom:1px solid #ccc;
    border-bottom:2px solid rgba(240, 240, 240, .3);
    border-top:2px solid #999;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

tr.row-category2:first-child {
    border-top:none;
}

tr.row-category2,
tr.row-category2 a {
    color:#eee;
    font-weight:bold;
}

tr.row-category2 td {
    padding:10px 4px;
}

td {padding:7px;}

td.left {font-weight:bold;position:relative;}

td.small-caption {font-size:inherit;}

/*
 * /// Textarea ////////////////
 */
textarea {
    border:none;
    padding:8px;

    -webkit-box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);
       -moz-box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);
            box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    -moz-outline: none;
         outline: none;
}

textarea:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
       -moz-box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
            box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
}


/*
 * /// Anchors ////////////////
 */
a,
a.subtle {
    color:#222;
    text-decoration:none;

    font-weight:bold;

    -moz-user-focus: none;

    -moz-outline: none;
         outline: none;

    -webkit-box-shadow: 0 6px 10px -6px rgba(60, 60, 60, .3);
       -moz-box-shadow: 0 6px 10px -6px rgba(60, 60, 60, .3);
            box-shadow: 0 6px 10px -6px rgba(60, 60, 60, .3);
}
a:hover {
    color:#555;
    -webkit-box-shadow: 0 6px 10px -6px rgba(60, 60, 60, .7);
}


/*
 * /// Logo ////////////////
 */
a[href="my_view_page.php"] img {
    margin:1% 0 35px 1%;
}

a[href="my_view_page.php"],
a[href="http://www.mantisbt.org"] {

    position:relative;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

a[href="my_view_page.php"]:before {
    position:absolute;
    right:65px;
    top:-27px;
    color:#FFD700;
    font-size:18px;

    text-shadow:0 0 3px rgba(60, 60, 60, .6);

    opacity:.7;
}

a[href="my_view_page.php"]:after {
    position:absolute;
    right:0;
    top:-23px;
    color:#999;
    font-weight:bold;
    font-style:italic;

    text-shadow:0 0 3px rgba(60, 60, 60, .2);
    opacity:.7;
}

/*
 * /// Login info ////////////////
 */
td.login-info-left {
    border: 4px solid transparent;
    background:#F0F0F0;

    -webkit-box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .1);
       -moz-box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .1);
            box-shadow: 0 0 0 1px rgba(60, 60, 60, .2), 0 0 0 4px rgba(60, 60, 60, .1);

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

td.login-info-left,
td.login-info-middle,
td.login-info-right {
    color:#666;
    text-shadow:-1px -1px 0 #eee;
}

td.login-info-middle > .italic {
    font-style: normal;
}

/*
 * /// Menu ////////////////
 */
table.width100[cellspacing="0"] {
    position:relative;
    margin-top:26px;
    margin-bottom:20px;
    background: #333 url(img/bg_dark_grey.png) repeat-x !important;
    border-collapse: separate;
}

/* Arrow for login-info-left */
table.width100[cellspacing="0"]:before {
    position: absolute;
    z-index:1338;
    content: ' ';
    width: 0;
    height: 0;
    left: 28px;
    top: -28px;

    border-style:solid;
    border-color: #999 transparent transparent transparent;
    border-width: 17px 17px 0 17px;
}

/* Background-arrow for login-info-left */
table.width100[cellspacing="0"]:after {
    position: absolute;
    z-index:1337;
    content: ' ';
    width: 0;
    height: 0;
    left: 25px;
    top: -24px;

    border-style:solid;
    border-color: rgba(60, 60, 60, .1) transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

#history_open table.width100[cellspacing="0"]:before,
#history_open table.width100[cellspacing="0"]:after,
#history_closed table.width100[cellspacing="0"]:before,
#history_closed table.width100[cellspacing="0"]:after {
    border:none;
}

td.menu {
    background:none;
    font-weight:bold;
    text-align:left;

    color:#cdcecc;
    padding:11px 5px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

td.menu a {
    color:#cdcecc;
    text-shadow:-1px -1px 0 #111;
    padding-bottom:4px;
}

td.menu a:hover,
td.menu a:active {
    color:#fff;
    -webkit-box-shadow: 0 6px 10px -6px rgba(255, 255, 255, .3);
       -moz-box-shadow: 0 6px 10px -6px rgba(255, 255, 255, .3);
            box-shadow: 0 6px 10px -6px rgba(255, 255, 255, .3);
}

/*
 * /// Recently Visited ////////////////
 */
div[align="right"] {
    margin-top:25px;
    margin-right:-2%;
}

div[align="right"] small {
    position:relative;
    background:rgba(60, 60, 60, .1);
    padding:10px;
    padding-left:25px;

    padding-right:3%;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    -webkit-box-shadow: 0 0 10px rgba(60, 60, 60, .3);
       -moz-box-shadow: 0 0 10px rgba(60, 60, 60, .3);
            box-shadow: 0 0 10px rgba(60, 60, 60, .3);
}

div[align="right"] small:before {
    content: "";
    position:absolute;
    top: 10px;
    left:5px;

    width:14px;
    height:14px;
    background:#555;
    -webkit-border-top-left-radius:12px;
    -webkit-border-bottom-right-radius:12px;
    -moz-border-radius:12px 0 12px 0;
    border-radius:12px 0 12px 0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

div[align="right"] small:after {
    content: "";
    position:absolute;
    top: 13px;
    left:8px;

    width:4px;
    height:4px;
    border:2px solid #fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

/*
 * /// Filter ////////////////
 */
#filter_open,
#filter_closed {padding:0;margin-top:-15px;}

#filter_closed table {
    background:#F0F0F0;
    color:inherit;
}

#filter_closed table tr {
    color:#222;
    border:none;
}


/*
 * /// Footer ////////////////
 */
hr[size="1"] {display:none;}

hr[size="1"] + table {
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

    padding:1%;
    margin:50px 0 0 -1.1%;

    width:103%;

    border-top:4px solid #333;
}

hr[size="1"] + table div[align="right"] {
    margin:0;
}


/*
 * /// Bugs ////////////////
 */
*[bgcolor] {
    border-bottom:2px solid #ccc;
    border-bottom:4px solid rgba(160, 160, 160, .2);
}

td[bgcolor] {
    color:#333;
}

tr[bgcolor] td.left {position:relative;padding-left:20px;}
tr[bgcolor] td.left:before {
    position:absolute;
    width:5%;

    content:'\2605';
    font-size:16px;

    margin-top:-4px;
    margin-left: -22px;

    padding:3px;

    opacity:.7;

    -webkit-border-top-left-radius:5px;
       -moz-border-top-left-radius:5px;
            border-top-left-radius:5px;

    -webkit-border-bottom-left-radius:5px;
       -moz-border-bottom-left-radius:5px;
            border-bottom-left-radius:5px;

    background: -moz-linear-gradient(left,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 );
}

*[bgcolor] td,
td[bgcolor="#fcbdbd"],
td[bgcolor="#e3b7eb"],
td[bgcolor="#ffcd85"],
td[bgcolor="#fff494"],
td[bgcolor="#c2dfff"],
td[bgcolor="#d2f5b0"],
td[bgcolor="#c9ccc4"] {
    background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 94%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(94%,rgba(0,0,0,0.2)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 94%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 94%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 94%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 94%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
    background-image: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00000000',GradientType=0 );
}

/* new */
tr[bgcolor="#fcbdbd"],
td[bgcolor="#fcbdbd"] {background-color:#f92727;}

tr[bgcolor="#fcbdbd"]:hover,
td[bgcolor="#fcbdbd"]:hover {background-color:#f91717;}


/* feedback */
tr[bgcolor="#e3b7eb"],
td[bgcolor="#e3b7eb"] {background-color:#d569ea;}

tr[bgcolor="#e3b7eb"]:hover,
td[bgcolor="#e3b7eb"]:hover {background-color:#d559ea;}


/* acknowledged */
tr[bgcolor="#ffcd85"],
td[bgcolor="#ffcd85"] {background-color:#ffb247;}

tr[bgcolor="#ffcd85"]:hover,
td[bgcolor="#ffcd85"]:hover {background-color:#ffa625;}


/* confirmed */
tr[bgcolor="#fff494"],
td[bgcolor="#fff494"] {background-color:#ffe838;}

tr[bgcolor="#fff494"]:hover,
td[bgcolor="#fff494"]:hover {background-color:#ffe500;}


/* assigned */
tr[bgcolor="#c2dfff"],
td[bgcolor="#c2dfff"] {background-color:#72b6ff;}

tr[bgcolor="#c2dfff"]:hover,
td[bgcolor="#c2dfff"]:hover {background-color:#41b6ff;}


/* resolved */
tr[bgcolor="#d2f5b0"],
td[bgcolor="#d2f5b0"] {background-color:#a2f450;}

tr[bgcolor="#d2f5b0"]:hover,
td[bgcolor="#d2f5b0"]:hover {background-color:#a6f410;}


/* closed */
tr[bgcolor="#c9ccc4"],
td[bgcolor="#c9ccc4"] {background-color:#bec4be;}

tr[bgcolor="#c9ccc4"]:hover,
td[bgcolor="#c9ccc4"]:hover {background-color:#bbb;}


/* bugnote */
td.bugnote-public {
    border-right:2px solid #e3e3e3;
    border-bottom:2px solid #e3e3e3;

    background:transparent;
}

td.bugnote-private {
    background:#BBB;

    border-right:2px solid #aaa;
    border-top:5px solid #aaa;
    border-bottom:5px solid #aaa;
}
td.bugnote-note-private {background:#ddd;}

td.bugnote-note-private,
td.bugnote-note-public {font-weight:normal;}


/*
 * /// Avatar ////////////////
 */
.avatar {
    border:3px solid #fff;
}

td.bugnote-public .avatar {
    -webkit-box-shadow: 2px 2px 10px #D1D1D1;
       -moz-box-shadow: 2px 2px 10px #D1D1D1;
            box-shadow: 2px 2px 10px #D1D1D1;
}

td.bugnote-private .avatar {
    -webkit-box-shadow: 2px 2px 10px #9D9D9D;
       -moz-box-shadow: 2px 2px 10px #9D9D9D;
            box-shadow: 2px 2px 10px #9D9D9D;
}


/*
 * /// Issue status ////////////////
 */
.issue-status {
    position:relative;
    border:none;
}

.issue-status:after {
    position:absolute;
    content:'\2606';
    font-size:18px;

    top:-4px;
    right:0;
    opacity:.8;

    color:#fff;
}

td.center .issue-status {
    float:left;
    text-align:right;
    display:block;

    width:45%;
    margin:0 0 0 20px;
    padding:0 25px 0 0;
}

/*
 * /// Required ////////////////
 */
span.required {
    font-size: inherit;
    font-weight:bold;
    color: #dd0000;
    position:relative;

    margin:0 5px;
}

span.required:before {
    position:absolute;
    content:'\2605';
    color: #dd0000;

    left:-7px;
    top:-11px;

    color:#FFD700;
    font-size:17pt;

    text-shadow:0 1px 1px rgba(160, 160, 160, .8);
}

/*
 * /// Add bug ////////////////
 */
#bugnote_add_open {position:relative;}
#bugnote_add_open:before {
    position:absolute;
    content:'\272A';
    color: #dd0000;

    left:-12px;
    top:-20px;

    color:#FFD700;
    font-size:30px;

    text-shadow:0 1px 1px rgba(160, 160, 160, .8);

    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}

/*
 * /// Icons ////////////////
 */

a[href^="bug_update_page"] img {
    display:none;
}

a[href^="bug_update_page"] {
    display:inline-block;
}

a[href^="bug_update_page"]:before {
    font-size:24px;
    font-weight:normal;
    content:'\270E';
}

/* http://jsfiddle.net/TimPietrusky/R7gQn/ */
img[src="images/ok.gif"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height:0;
    width:0;
    padding:10px 5px 5px;
    content:"";

    background:#E6EFC2;
    border:2px solid #C6D880;

    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 6px rgba(60, 60, 60, .4);
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 6px rgba(60, 60, 60, .4);
            box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 6px rgba(60, 60, 60, .4);

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}

img[src="images/ok.gif"]:after {
    font-size:24px;
    line-height:24px;
    content:'\272F';
}


/*
 * /// Input: "Buttons" ////////////////
 */
input.button-small {font-size:inherit;}


input[type="submit"],
input[type="file"] {
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
            box-shadow:inset 0px 1px 0px 0px #ffffff;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;

    border:2px solid rgba(60, 60, 60, .2);

    display:inline-block;
    color:#333;
    font-family:arial;
    font-weight:bold;
    padding:7px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;

    cursor:pointer;
}

input[type="submit"]:hover,
input[type="file"]:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;

    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);
            box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);

    color:#777;
}

input[type="submit"]:active,
input[type="file"]:active {
    position:relative;
    top:1px;
}


/* add new project */
.form-title input[type="submit"] {
    margin-left:15px;
}

/* Upload file */
input[id="ufile[]"]:before {
    content:'\271A';
    margin-left:-18px;
    padding-right:7px;
}


/*
 * /// Input: "Fields" ////////////////
 */
input[type="text"],
input[type="password"] {
    border: none;

    display:inline-block;
    color:#333;
    padding:7px 5px;

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;

    -moz-outline: none;
         outline: none;

    -webkit-box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);
       -moz-box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);
            box-shadow: 0 0 0 2px rgba(60, 60, 60, .3), 0 0 8px rgba(60, 60, 60, .4);
}

input[type="text"]:hover,
input[type="password"]:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
       -moz-box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
            box-shadow: 0 0 0 2px rgba(60, 60, 60, .6), 0 0 8px rgba(60, 60, 60, .9);
}

input[type="text"].small {font-size:10pt;}

input[type="checkbox"] {/* not working */}


/*
 * /// Select ////////////////
 */
select {
    font-family:arial;
    font-weight:bold;
    text-shadow:1px 1px 0px #ffffff;
    padding:6px 5px;
    color:#333;
    cursor:pointer;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -moz-user-focus: none;

    -moz-outline: none;
         outline: none;

    border:2px solid rgba(60, 60, 60, .2);

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;

    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
            box-shadow:inset 0px 1px 0px 0px #ffffff;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
}

select:hover {
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);
            box-shadow:inset 0px 1px 0px 0px #ffffff, 0 0 8px rgba(60, 60, 60, .4);
}

select > option {text-shadow:none;}


/*
 * /// Code ////////////////
 */
code {
    display:block;

    font: 13px/19px Consolas,Menlo,"Liberation Mono",Courier,monospace;
    text-shadow:none;
    color:#444;

    background-color: #F8F8F8;
    border: 1px solid #CCC;
    padding: 6px 10px;

    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;

}