/* @override 
	http://kostas.wecode.gr/stylesheets/screen.css
	http://kostas.wecode.gr:3000/stylesheets/screen.css
*/

/* @group BASIC */

body#development #header {
	background: transparent url('/images/smpte.png');
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img.avatar.with-user {
	height: 1em;
	vertical-align: text-top;
}

/* @group fake select */

div.fake-select {
	position: relative;
	cursor: default;
	float: left;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;
}

div.fake-select .current {
	border: 1px solid #eaeaea;
	border-top: none;
	border-left: none;
	padding: 1px 4px;
	background-color: #f9f9f9;
	color: #154DBE;
	padding-right: 12px;
}

div.fake-select ul.dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	background-color: white;
	z-index: 4;
}

div.fake-select ul.dropdown li a,
div.fake-select ul.dropdown li {
	background-position: 4px center;
	background-repeat: no-repeat;
	font: normal 10px Arial;
}

div.fake-select ul.dropdown li {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-left: none;
}

div.fake-select li a:hover {
	text-decoration: none;
}

div.fake-select .current img.arrow {
	position: absolute;
	right: 4px;
	top: 5px;
}

div.fake-select ul.dropdown li a:hover,
div.fake-select ul.dropdown li:hover {
	background-color: #FCB61E;
}

div.fake-select .dropdown li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
}

/* @end */

/* @group reset_ui override */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

strike, del {
	text-decoration: line-through;
}

/* @end */

/* @group autocompleter */

div.autocomplete {
	margin: 0px;
	padding: 0px;
	width: 250px;
	background: #fff;
	border: 1px solid #888;
	position: absolute;
}

div.autocomplete ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 4;
	position: relative;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	margin: 0;
	padding: 2px;
	height: 16px;
	display: block;
	list-style-type: none;
	cursor: pointer;
}

/* @end */

/* @group flash */

#alert,
#notice {
	margin: 12px auto;
	width: 500px;
	background-color: white;
	border: 4px solid #fc8901;
	padding: 8px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	font: bold 16px Arial;
	color: #fc8901;
}

#notice {
	border-color: green;
	color: green;
}

#alert ul {
	color: #46aace;
	margin-left: 8px;
	margin-top: 4px;
	font-size: 14px;
}

/* @end */

/* @group blank text */

.blank-text {
	padding: 80px 0;
	font: 18px Arial;
	display: block;
}

.blank-text p {
	width: 600px;
	margin: auto;
	text-align: center;
	background-color: #cef;
	padding: 16px;
	color: #46aace;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.blank-text p .orange,
.blank-text p .title {
	color: #fc8901;
	font-weight: bold;
}

.blank-text p .title {
	font-size: 23px;
	display: block;
}

/* @end */

/* @group top bar (with back button) */

#top-bar.with-back-button {
	font: bold 14px Georgia;
	line-height: 37px;
	background: silver url(/images/top-bar-bg.png) repeat-x center top;
	height: 37px;
	padding: 9px 0 9px 16px;
}

#top-bar.with-back-button .project-name {
	color: #282828;
}

#top-bar.with-back-button a {
	background: white url('/images/little-blue-left-arrow.gif') no-repeat 8px center;
	border: 1px solid #eaeaea;
	color: #0066cc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font: 11px Arial;
	padding: 10px 10px 10px 18px;
	margin-right: 12px;
	position: relative;
	bottom: 1px;
}

#top-bar.with-back-button a:hover {
	background-color: #eaeaea;
}

#top-bar.with-back-button .current {
	color: #666666;
}

/* @end */

/* @group buttons */

.fake-button,
input.button {
	background-position: center;
	background-repeat: repeat-x;
	border: 1px solid #efefef;
	padding: 4px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.orange.fake-button,
input.orange.button {
	background-color: orange;
}

input.gray.button {
	background-color: gray;
}

.big.fake-button,
input.big.button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font: bold 18px Arial;
	height: 22px;
	padding: 6px 12px;
	text-shadow: 0 1px 0 #fc8f01, 1px 0 0 #fc8f01, -1px 0 0 #fc8f01, 0 -1px 0 #fc8f01;
}

input.small.button {
	font: bold 11px Arial;
	height: 22px;
	padding: 0 8px;
}

.big.orange.fake-button,
input.big.orange.button {
	background-image: url('/images/button-bg-34px-orange.png');
	color: white;
}

a.big.orange.fake-button.with-arrow {
	padding-right: 32px;
	position: relative;
}

a.big.orange.fake-button.with-arrow img.arrow {
	position: absolute;
	right: 8px;
	top: 7px;
}

input.small.orange.button {
	background-image: url('/images/button-bg-22px-orange.png');
	color: white;
}

input.small.gray.button {
	background-image: url('/images/button-bg-22px-grey.png');
	color: #818181;
}

/* @end */

/* @end */

/* @group layout */

#wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	min-width: 1100px;
}

/* @end */

/* @group header */

#header {
	background: #5cc3e4 url('/images/header-bg.png') repeat-x top;
	height: 140px;
	position: relative;
	border-bottom: 1px solid white;
}

#header a {
	text-decoration: underline;
}

#header #go-to-the-root {
	display: block;
	width: 330px;
	height: 110px;
	position: absolute;
	z-index: 5;
}

#header .logged-in {
	position: absolute;
	bottom: 4px;
	left: 12px;
	color: white;
	font: 11px Arial;
}

#header .logged-in a.pending-invitations {
	color: red;
	font-weight: bold;
}

#project-controls {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-top: 20px;
}

#project-controls .inner {
	margin: 0 340px;
}

#project-controls .inner a.edit {
	float: right;
	color: white;
	font: bold 11px Arial;
	padding-left: 8px;
	background: transparent url('/images/little-white-right-arrow.gif') no-repeat left center;
	margin-top: 14px;
	margin-right: 8px;
}

/* @group selector */

#project-controls .selector {
	height: 24px;
	padding: 9px;
	background: transparent url('/images/project-selector-bg.png') repeat-x center;
	margin-bottom: 4px;
	position: relative;
}

#project-controls .selector.can-edit {
	margin-right: 110px;
}

#project-controls .selector .current-project {
	color: #666666;
	font: 14px Arial;
	padding: 3px 6px;
}

#project-controls .selector .current-project:hover {
	cursor: pointer;
}

#project-controls .selector .current-project span {
	color: #49b1d6;
	font: bold 14px Georgia;
}

#project-controls .selector .current-project .little-cyan-arrow {
	width: 11px;
	height: 17px;
	display: block;
	float: right;
	background: transparent url('/images/little-cyan-down-arrow.gif') no-repeat center;
}

#project-controls .selector .curve {
	width: 9px;
	height: 42px;
	position: absolute;
	top: 0px;
}

#project-controls .selector .left.curve {
	left: 0px;
	background-image: url('/images/project-selector-left-curve.png');
}

#project-controls .selector .right.curve {
	right: 0px;
	background-image: url('/images/project-selector-right-curve.png');
}

#project-controls .selector .dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 4000;
	width: 100%;
}

#project-controls .selector .dropdown ul {
	background: #fbfbfb;
	margin: -9px 8px 0;
	border: 1px solid #e9e9e9;
	padding: 5px 0 0 4px;
}

#project-controls .selector .dropdown ul li {
	float: left;
	font: 11px Arial;
	width: 50%;
}

#project-controls .selector .dropdown ul li a {
	padding: 6px;
	display: block;
	background: transparent url('/images/project-selector-link-bg.png') repeat-x top;
	height: 14px;
	margin-right: 4px;
}

#project-controls .selector .dropdown ul li a:hover {
	background-color: #c8e7f3;
	background-image: none;
}

#project-controls .selector .dropdown ul li.manage {
	float: none;
	width: 100%;
	clear: left;
	color: #0066cc;
	padding-top: 8px;
}

#project-controls .selector .dropdown ul li.manage a {
	border-top: 1px dashed #dadada;
	background-image: none;
}

#project-controls .selector .dropdown ul li.manage a:hover {
	background-color: transparent;
}

/* @end */

/* @group bug report */

#project-controls .bug-report {
	padding: 9px;
	position: relative;
	background: transparent url('/images/report-bug-bg.png') repeat-x top;
	height: 28px;
}

#project-controls .bug-report img.curve {
	position: absolute;
	top: 0px;
}

#project-controls .bug-report img.left.curve {
	left: 0px;
}

#project-controls .bug-report img.right.curve {
	right: 0px;
}

#project-controls .bug-report .has-the-subject {
	display: block;
	margin-right: 90px;
}

.bug-report #issue_subject {
	height: 20px;
	width: 100%;
	border: none;
	font: 16px Arial;
	color: #5cc3e4;
	padding: 4px;
}

#project-controls .bug-report .text-field-right,
#project-controls .bug-report .button-separator {
	float: right;
	display: block;
	margin-top: -1px;
	height: 30px;
}

#project-controls .bug-report .text-field-right {
	width: 1px;
	background: white url('/images/report-bug-text-field-right.png') no-repeat center;
}

#project-controls .bug-report .button-separator {
	width: 2px;
	background: orange url('/images/report-bug-button-separator.png') no-repeat center;
}

#project-controls .bug-report .drop-down,
#header #issue_submit {
	float: right;
	background: orange url('/images/report-bug-button-bg.png') repeat-x center;
	height: 30px;
	border: none;
	padding: 0 12px;
	color: white;
	font: bold 14px Arial;
	margin-top: -1px;
}

#project-controls .bug-report .drop-down {
	line-height: 24px;
}

/* @end */

/* @group quick search */

#quick-search {
	position: absolute;
	bottom: 27px;
	right: 9px;
	height: 42px;
}

#quick-search .search {
	position: relative;
	height: 28px;
	padding: 8px;
	background: transparent url('/images/quick-search-bg.png');
}

#quick-search input.text {
	height: 20px;
	padding: 4px;
	color: #49b1d6;
	font: 14px Arial;
	border: none;
	float: left;
}

#quick-search img.curve {
	position: absolute;
	top: 0px;
}

#quick-search img.left.curve {
	left: -8px;
}

#quick-search img.right.curve {
	right: -8px;
}

#quick-search input.submit {
	position: absolute;
	right: 2px;
	top: 10px;
}

/* @end */

/* @end */

/* @group column */

#column {
	width: 250px;
	background-color: #fbfbfb;
	border-left: 1px solid #eaeaea;
	position: absolute;
	right: 0;
	padding-bottom: 12px;
}

body.users.my_issues #side-bar .title,
body.users.my_projects #side-bar .title,
body.users.profile #side-bar .title,
#project-management #column .title,
#column #tab-selector {
	height: 54px;
	background: orange url('/images/right-column-top-bg.png') repeat-x top;
}

/* @group selector */

#column #tab-selector li {
	float: left;
	width: 76px;
	text-align: center;
	height: 22px;
	padding-top: 8px;
	margin-top: 24px;
	color: white;
	font: bold 11px Georgia;
}

#column #tab-selector li.users {
	margin-left: 8px;
}

#column #tab-selector li.current {
	background: white url('/images/column-tab-top.png') no-repeat top center;
	color: black;
}

/* @end */

/* @group content */

#column #tab-content ul {
	display: none;
}

#column #tab-content ul.current {
	display: block;
}

#column #tab-content ul.files li,
#column #tab-content ul.tags span.tag,
#column #tab-content ul.tags a,
#column #tab-content ul.users .username {
	color: #454545;
	font: 11px Arial;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: white;
}

/* @group tags */

#column #tab-content ul.tags span.tag,
#column #tab-content ul.tags a,
#column #tab-content ul.users .username,
#column #tab-content ul li {
	padding: 4px 8px;
}

#column #tab-content ul.tags li.disable {
	margin-bottom: 16px;
}

#column #tab-content ul.tags li.untagged {
	margin-top: 16px;
}

#column #tab-content ul.tags li:hover a.delete {
	display: inline;
}

#column #tab-content ul.tags li a.delete {
	float: right;
	display: none;
}

#column #tab-content ul.tags li a.delete:hover {
	color: red;
	background-color: white;
}

#column #tab-content ul.users .user a:hover span,
#column #tab-content ul.tags li a:hover {
	background-color: #fc5;
}

#column #tab-content ul.users .user.in-filter a:hover span,
#column #tab-content ul.tags li.in-filter a:hover {
	background-color: #ddd;
}

#column #tab-content ul.users .user.in-filter a span,
#column #tab-content ul.tags li.in-filter a {
	background-color: orange;
	font-weight: bold;
}

/* @end */

/* @group users */

#column #tab-content ul.users,
#column #tab-content ul.tags {
	margin-top: 4px;
}

#column #tab-content ul.users .user a:hover {
	text-decoration: none;
}

#column #tab-content ul.users .user img.avatar {
	height: 24px;
	vertical-align: middle;
	margin-right: 6px;
}

#column #tab-content ul.users .user .username {
	display: block;
	float: left;
	padding: 4px 8px 4px 4px;
}

#column #tab-content ul.users .invite-more {
	margin-top: 16px;
	text-align: center;
}

#column #tab-content ul.users .invite-more a {
	padding: 4px 6px;
	font: bold 12px Arial;
	background-color: #cef;
	color: #4ac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#column #tab-content ul.users .invite-more a:hover {
	background-color: #f80;
	color: white;
	text-decoration: none;
}

/* @end */

/* @group files */

#column #tab-content ul.files li {
	margin: 8px;
	padding: 4px;
}

#column #tab-content ul.files li img {
	width: 48px;
	height: 48px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
}

#column #tab-content ul.files li a.remove {
	color: #0066cc;
}

#column #tab-content ul.files li.upload {
	border: none;
	margin-top: 32px;
}

#column #tab-content ul.files li.upload input {
	display: block;
	margin-top: 8px;
}

/* @end */

#column #tab-content ul.tags li.blank-text,
#column #tab-content ul.files li.blank-text {
	border: none;
	margin: 16px;
	text-align: center;
	background-color: #cef;
	padding: 6px;
	font: 12px Arial;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #fc8901;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group project */

#project-management #data,
#the-issue #data,
#the-project #data {
	margin-right: 250px;
	border-right: 1px solid #eaeaea;
}

body.projects.search #the-project #data {
	margin-right: 0;
	border-right: none;
}

body.projects.search #the-project #data li.project {
	padding: 4px 8px;
	background-color: #fd9501;
	color: white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 3px solid white;
}

body.projects.search #the-project #data li.project .name {
	font-weight: bold;
	font-size: 20px;
	text-shadow: black 1px 1px 3px;
}

body.projects.search #the-project #data li.project .count {
	font-size: 12px;
	margin-left: 20px;
}

body.projects.search #the-project #data li.project .tip {
	font-size: 14px;
	float: right;
	margin: 4px 8px 0 0;
	display: none;
}

body.projects.search #the-project #data li.project:hover .tip {
	display: inline;
}

#project-management #data table {
	width: 100%;
}

/* @group header */

#the-project ul#data li.header div.main {
	padding: 0 8px;
}

#the-project ul#data li.header div.main.left {
	float: left;
}

#the-project ul#data li.header div.main.right {
	float: right;
}

#the-project ul#data li.header div.up a {
	padding-right: 16px;
	background: transparent url('/images/top-bar-blue-sort-up.gif') no-repeat right center;
}

#the-project ul#data li.header div.down a {
	padding-right: 16px;
	background: transparent url('/images/top-bar-blue-sort-down.gif') no-repeat right center;
}

#the-project ul#data li .identifier {
	width: 42px;
}

#the-project ul#data li .priority {
	width: 70px;
}

#the-project ul#data li .updated-at,
#the-project ul#data li .due-date,
#the-project ul#data li div.status,
#the-project ul#data li.header .status .dropdown,
#the-project ul#data li.header .status .filter {
	width: 80px;
}

#the-project ul#data li .issue.main {
	margin-left: 148px;
}

ul#data li.header div.issue .my-filters,
ul#data li.header div.issue .user-filters,
#the-project ul#data li .issue.main {
	margin-right: 294px;
}

#the-project ul#data li.header .issue.main {
	text-align: left;
	padding-left: 16px;
}

body.users.my_projects #top-bar,
body.users.profile #top-bar,
#data table th,
ul#data li.header {
	background: silver url('/images/top-bar-bg.png') repeat-x top;
	color: #666666;
	font: bold 11px Georgia;
	text-align: center;
}

body.users.my_projects #top-bar,
body.users.profile #top-bar,
ul#data li.header div.main,
#data table th {
	padding: 0 8px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #fcfcfc;
}

/* @end */

/* @group header dropdown + sort */

body.users.my_projects #top-bar,
body.users.profile #top-bar,
#data table th .wrap,
ul#data li.header .wrap,
ul#data li.header {
	height: 55px;
	position: relative;
	line-height: 55px;
	display: block;
}

body.projects.list #data table th {
	height: 55px;
}

#data table th .sort,
ul#data li.header .sort {
	display: block;
}

#data table th .sort,
#data table th .filter,
ul#data li.header .sort,
ul#data li.header .filter {
	position: absolute;
	bottom: 4px;
	width: 100%;
	cursor: default;
	line-height: 1em;
}

#data table th .filter,
ul#data li.header .filter {
	display: none;
	padding-top: 40px;
	color: #3EA1CB;
	cursor: pointer;
}

#data table th .filter:hover,
ul#data li.header .filter:hover {
	text-decoration: underline;
}

#data table th .sort.selecting,
#data table th .sort.sorting,
#data table th:hover .sort,
#data table th .filter.filtering,
#data table th .filter.selecting,
#data table th:hover .filter,
ul#data li.header .sort.selecting,
ul#data li.header .sort.sorting,
ul#data li.header div:hover .sort,
ul#data li.header .filter.filtering,
ul#data li.header .filter.selecting,
ul#data li.header div:hover .filter {
	display: block;
}

#data table th .dropdown,
ul#data li.header .dropdown {
	top: 100%;
	position: absolute;
	background-color: white;
	text-align: left;
	width: 100%;
	z-index: 2000;
}

ul#data li.header div.issue .dropdown {
	left: -1px;
	z-index: 2000;
}

#data table th .dropdown li a,
ul#data li.header .dropdown li a {
	display: block;
	padding: 2px 4px;
}

#data table th .dropdown li a:hover,
ul#data li.header .dropdown li a:hover {
	color: #154DBE;
	background-color: #FCB61E;
	text-decoration: none;
}

ul#data li.header div.issue .my-filters p.current {
	font-weight: bold;
}

ul#data li.header div.issue .my-filters,
ul#data li.header div.issue .user-filters {
	background-color: white;
	border: 1px solid silver;
	position: absolute;
	padding: 4px;
	line-height: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	right: 6px;
	top: 4px;
}

ul#data li.header div.issue .my-filters {
	font-weight: normal;
	text-align: center;
	top: 8px;
	right: 2px;
}

ul#data li.header div.issue .my-filters a {
	padding: 1px 4px;
}

ul#data li.header div.issue .my-filters p.top {
	border-bottom: 1px dashed #eaeaea;
	margin-bottom: 2px;
	padding-bottom: 4px;
}

ul#data li.header div.issue .user-filters .assignee {
	margin-bottom: 4px;
}

ul#data li.header div.issue .user-filters label {
	text-align: right;
	width: 82px;
	margin-right: 4px;
}

ul#data li.header div.issue .user-filters .fake-select {
	width: 190px;
	font: 11px Arial;
}

ul#data li.header div.issue .user-filters .fake-select .current {
	background-image: url('/images/little-blue-down-arrow.gif');
	background-position: 98% center;
	overflow: hidden;
	height: 1.2em;
	background-repeat: no-repeat;
}

ul#data li.header div.issue .user-filters .fake-select .current:hover {
	background-color: #9ef;
}

ul#data li.header div.issue .user-filters .fake-select,
ul#data li.header div.issue .user-filters label {
	float: left;
}

/* @end */

body.users.chart .status-bar,
body.projects.priority_chart .status-bar,
body.projects.tag_chart .status-bar,
ul#data li.status-bar,
#project-management #data tr.status-bar td {
	color: #454545;
	font: 11px Arial;
	padding: 8px;
	border-bottom: 1px solid #f4f4f4;
}

/* @group legend */

body.projects.show #data li.legend {
	padding: 4px;
}

body.projects.show #data li.legend span.separator,
body.projects.show #data li.legend a {
	font: bold 12px "Courier New", Courier, mono;
	padding: 2px 4px;
	margin: 2px 6px 2px 2px;
}

body.projects.show #data li.legend a.frozen,
body.projects.show #data li.legend a.low,
body.projects.show #data li.legend a.normal,
body.projects.show #data li.legend a.high {
	color:  white;
}

body.projects.show #data li.legend a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

body.projects.show #data li.legend small {
	color: gray;
	display: none;
}

body.projects.show #data li.legend:hover small {
	display: inline;
}

body.projects.show #data li.legend a.current {
	margin: 0 4px 0 0;
	border: 2px solid black;
}

body.projects.show #data li.legend a:hover {
	margin: 0 4px 0 0;
	border: 2px solid silver;
	text-decoration: none;
}

body.projects.show #data li.legend a.current:hover {
	border-color: black;
}

/* @end */

#the-project ul#data li.issue {
	margin-bottom: 1px;
	position: relative;
}

/* @group mark as read */

#the-project ul#data li.issue .mark-as-read {
	display: none;
	position: absolute;
	bottom: 8px;
	left: 8px;
}

#the-project ul#data li.issue .mark-as-read a {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 2px 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font: bold 10px Arial;
	color: #333;
}

#the-project ul#data li.issue .mark-as-read a:hover {
	text-decoration: none;
	background-color: #ccc;
	border-color: #aaa;
	color: #000;
}

#the-project ul#data li.issue.updated .mark-as-read {
	display: block;
}

/* @end */

#the-project ul#data li.flash .notice {
	margin: 16px auto 8px;
}

body.projects.show #data li.legend a.updated,
#the-project ul#data li.issue.updated {
	background-color: #ffecb2;
}

body.projects.show #data li.legend a.over-due,
#the-project ul#data li.issue.over-due {
	background-color: #fa7;
}

body.projects.show #data li.legend a.resolved,
#the-project ul#data li.issue.resolved {
	background-color: #af7;
}

body.projects.show #data li.legend a.rejected,
#the-project ul#data li.issue.rejected {
	background-color: #eee;
}

#the-project ul#data li.issue.frozen {
	background-color: #7ef;
}

body.projects.show #data li.legend a.closed,
#the-project ul#data li.issue.closed {
	background: transparent url('/images/checkerboard.gif') repeat;
}

#the-project ul#data li.issue .identifier {
	text-align: right;
	font: 11px Arial;
}

#the-project ul#data li.issue div.main.right {
	float: right;
}

#the-project ul#data li.issue div.main.left {
	float: left;
}

#the-project ul#data li.issue div.main {
	vertical-align: top;
	padding: 12px 8px 10px;
}

#the-project ul#data li.issue div.other-issue.main {
/*	width: 300px; */
  padding:10px 0px;
}

/* @group flag */

#the-project ul#data li.issue .priority {
	text-align: left;
}

#the-project ul#data li.issue .priority div .dropdown {
	position: absolute;
	top: 100%;
	z-index: 4;
	left: -1px;
}

#the-project ul#data li.issue .priority div .dropdown li a {
	display: block;
}

/* @end */

/* @group issue */

#the-project ul#data li.issue .assignee,
#the-project ul#data li.issue .tags,
#the-issue ul.tags {
	color: #666666;
	margin: 2px 0;
}

#the-project ul#data li.issue .assignee
{
    float:right;
    margin-right:18px;
}

#the-project ul#data li.issue .assignee label {
	float: left;
	border: 1px solid #e1dcb4;
	background-color: #f7f6ec;
	padding: 1px 4px;
}

/* @group tags */

#the-issue ul.tags label,
#the-project ul#data li.issue .tags label {
	padding-left: 2px;
}

#the-issue ul.tags,
#the-project ul#data li.issue .tags {
	margin-top: 2px;
}

#the-issue ul.tags .tag,
#the-issue ul.tags .add-tags,
#the-project ul#data li.issue .tags .add-tags,
#the-project ul#data li.issue .tags .tag {
	float: left;
	margin-bottom: 1px;
}

#the-issue ul.tags .tag,
#the-project ul#data li.issue .tags .tag {
	border: 1px solid #eaeaea;
	padding: 2px 4px;
	background-color: #f9f9f9;
	margin-right: 1px;
	margin-bottom: 2px;
	height: 13px;
	white-space: nowrap;
}

#the-issue ul.tags .tag .delete img,
#the-project ul#data li.issue .tags .tag .delete img {
	height: 7px;
	width: 8px;
	background: transparent url('/images/x-sprite.gif') no-repeat top;
}

#the-issue ul.tags .tag .delete:hover img,
#the-project ul#data li.issue .tags .tag .delete:hover img {
	background-position: bottom;
}

#the-issue ul.tags .add-tags,
#the-project ul#data li.issue .tags .add-tags {
	border: 1px solid #e1dcb4;
	background-color: #f7f6ec;
	padding: 1px 2px 2px;
	margin-right: 4px;
}

#the-issue ul.tags .add-tags input.submit,
#the-project ul#data li.issue .tags .add-tags input.submit {
	background: transparent url('/images/little-blue-edit-pen.gif') no-repeat right center;
	height: 12px;
	width: 16px;
}

#the-issue ul.tags .add-tags input,
#the-project ul#data li.issue .tags .add-tags input {
	background-color: inherit;
	border: none;
}

#the-issue ul.tags .add-tags input:focus,
#the-issue ul.tags .add-tags input:hover,
#the-project ul#data li.issue .tags .add-tags input:focus,
#the-project ul#data li.issue .tags .add-tags input:hover {
	background-color: white;
}

/* @end */

#the-project ul#data li.issue .priority .fake-select .current,
#the-project ul#data li.issue .status .fake-select .current,
#the-project ul#data li.header .user-filters .fake-select .current,
#the-project ul#data li.issue .assignee label,
#the-project ul#data li.issue .assignee .fake-select .current,
#the-issue ul.tags .add-tags,
#the-issue ul.tags .tag,
#the-project ul#data li.issue .tags .add-tags,
#the-project ul#data li.issue .tags .tag {
	border-top: none;
	border-left: none;
}

#the-project ul#data li.issue .issue .posted-by {
	color: #666666;
	float: left;
    font:normal 11px Arial,sans-serif;
    margin:3px 8px 0px 0px;
}

#the-project ul#data li.issue .issue img.attachment-icon {
	float: left;
	margin-right: 4px;
}

#the-project ul#data li.issue .issue .subject {
	font:bold 16px Arial,sans-serif;
/*	margin-bottom: 16px; */
	float:left;
}

#the-project ul#data li.issue .issue .subject p{
  float:left;
}
#the-project #data table td.issue .posted-by,
#the-project #data table td.issue .subject {
	line-height: 16px;
}

/* @group comments */

#the-project ul#data li.issue .issue .comments form {
	margin-top: 4px;
}

#the-project ul#data li.issue .issue .comments form input {
	border: none;
	border-bottom: 1px dashed silver;
	padding: 2px 2px 0;
	margin-right: 4px;
}

#the-project li.status-bar a.button,
#project-management #data td.project a.button,
#project-management #column form .submit input,
#project-management #column #archived-projects li a,
#the-project ul#data li.issue .issue .comments form input.submit,
#the-project ul#data li.issue .identifier a.button {
	border: none;
	background: orange url('/images/orange-button-bg.png') repeat-x center;
	height: 19px;
	color: white;
	font: bold 11px Arial;
	padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#the-project li.status-bar a.button {
	height: auto;
	float: right;
	margin-top: -3px;
	margin-left: 8px;
}

#the-project ul#data li.issue .issue .comments .comments-count {
	font-weight: bold;
	float: left;
}

#the-project ul#data li.issue .issue .comments ul.comments-list li.comment {
	margin-right: 12px;
}

#the-project ul#data li.issue .issue .comments form input,
#the-project ul#data li.issue .issue .comments .comment {
	font: italic 11px Arial;
	color: #454545;
}

#the-project ul#data li.issue .issue .comments form span,
#the-project ul#data li.issue .issue .comments .comment span {
	font-weight: bold;
	font-style: normal;
}

/* @end */

/* @end */

/* @group fake select */

#the-project ul#data li.header .issue .user-filters .fake-select,
#the-project ul#data li.issue .fake-select {
	position: relative;
	cursor: default;
	float: left;
}

#the-project ul#data li.header .fake-select .current,
#the-project ul#data li.issue .fake-select .current {
	border: 1px solid #eaeaea;
	padding: 1px 4px;
	background-color: #f9f9f9;
}

#the-project ul#data li.issue .other-issue .assignee .fake-select .current {
	margin-left: 2px;
}

#the-project ul#data li.issue .fake-select .dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	background-color: white;
	z-index: 4;
}

#the-project ul#data li.header .status.fake-select {
	font: bold 11px Georgia;
	line-height: 55px;
}

#the-project ul#data li.header .status.fake-select ul.dropdown li a,
#the-project ul#data li.issue .status .fake-select ul.dropdown li.status {
	padding-left: 16px;
	background-position: 4px center;
	background-repeat: no-repeat;
}

#the-project ul#data li.header .status.fake-select ul.dropdown li {
	font: normal 10px Arial;
}

#the-project ul#data li.header .status.fake-select ul.dropdown li.resolved a {
	background-image: url('/images/issue-resolve-gray.gif');
}

#the-project ul#data li.header .status.fake-select ul.dropdown li.closed a {
	background-image: url('/images/issue-close-gray.gif');
}

#the-project ul#data li.header .status.fake-select ul.dropdown li.rejected a {
	background-image: url('/images/issue-reject-gray.gif');
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status.resolve {
	background-image: url('/images/issue-resolve-blue.gif');
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status.reject {
	background-image: url('/images/issue-reject-blue.gif');
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status.close {
	background-image: url('/images/issue-close-blue.gif');
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status.reopen {
	background-image: url('/images/issue-reopen-blue.gif');
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status.delete {
	background-image: url('/images/issue-delete-blue.gif');
}

#the-project ul#data li.header .fake-select li,
#the-project ul#data li.issue .priority .fake-select ul.dropdown li,
#the-project ul#data li.issue .other-issue .assignee .fake-select ul.dropdown li.user,
#the-project ul#data li.issue .status .fake-select ul.dropdown li.status {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-left: none;
}

.fake-select li.current {
	font-weight: bold;
}

.fake-select li a:hover {
	text-decoration: none;
}

#the-project ul#data li.issue .priority img.flag {
	vertical-align: top;
	height: 1em;
	margin-right: 4px;
}

#the-project ul#data li.issue .other-issue .assignee .fake-select ul.dropdown,
#the-project ul#data li.issue .status .fake-select ul.dropdown {
	border: none;
	margin-top: 1px;
	margin-left: 1px;
}

#the-project ul#data li.issue .other-issue .assignee .fake-select ul.dropdown {
	margin-left: 3px;
}

#the-project ul#data li.issue .status .fake-select ul.dropdown li.status a {
	font-weight: normal;
}

#the-project ul#data li.issue label,
#the-project ul#data li.issue .status .fake-select .current,
#the-project ul#data li.issue .status .fake-select ul.dropdown a {
	color: #154DBE;
}

#the-project ul#data li.issue .priority .fake-select .current,
#the-project ul#data li.issue .status .fake-select .current {
	width: 60px;
}

#the-project ul#data li.issue .priority .fake-select .current img.arrow,
#the-project ul#data li.issue .status .fake-select .current img.arrow {
	position: absolute;
	right: 4px;
	top: 5px;
}

.fake-select ul.dropdown li a:hover,
.fake-select ul.dropdown li:hover,
#the-project ul#data li.issue .status .fake-select ul.dropdown li.status:hover {
	background-color: #FCB61E;
}

#the-project ul#data li.issue .fake-select .dropdown li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
}

#the-project ul#data li.issue .issue .fake-select .dropdown p,
#the-project ul#data li.issue .issue .fake-select .dropdown .name {
	text-align: right;
	border-bottom: 2px solid silver;
	padding-right: 4px;
}

/* @end */

#the-project ul#data li.issue .status {
	font-weight: bold;
}

#the-project ul#data li.issue {
	color: #333333;
	font: 11px Arial;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid white;
	padding:5px 0px;
}

#the-project ul#data li.issue .many-data.main {
	border-top: none;
	padding: 0;
}

#the-project ul#data li.issue .due-date,
#the-project ul#data li.issue .updated-at,
#the-project ul#data li.issue .status {
	border-bottom: none;
}

/* @group pagination */

#the-project li.pagination {
	font: bold 12px Arial;
	padding: 6px;
	text-align: right;
}

#the-project li.pagination span,
#the-project li.pagination a {
	padding: 4px 8px;
	background-color: #cef;
	color: #4ac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left: 4px;
}

#the-project li.pagination span.gap,
#the-project li.pagination span.disabled {
	color: #999;
	background-color: #ddd;
}

#the-project li.pagination span.current,
#the-project li.pagination a:hover {
	background-color: #f80;
	color: white;
	text-decoration: none;
}

/* @end */

/* @end */

/* @group issue */

#the-issue #data {
	margin-right: 280px;
}

/* @group navigation bar */

#the-issue #data .navigation-bar {
	height: 46px;
	background: silver url('/images/top-bar-bg.png') repeat-x top;
	padding: 9px 0 0 9px;
}

#the-issue #data .navigation-bar .links {
	background-color: white;
	border: 1px solid #eaeaea;
	line-height: 34px;
	height: 34px;
	width: 200px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#the-issue #data .navigation-bar a {
	font: 11px Arial;
	padding: 6px 16px 6px 10px;
	margin: 0 2px;
	color: #666666;
	border-right: 1px dashed #dadada;
}

#the-issue #data .navigation-bar a:hover {
	color: #0066cc;
}

#the-issue #data .navigation-bar span.identifier {
	font: normal 24px Georgia;
}

/* @end */

#the-issue #subject-and-comments,
#the-issue #attributes {
	padding: 16px 20px;
}

#the-issue #attributes,
#the-issue #attachments {
	font: 11px Arial;
	padding-bottom: 4px;
}

#the-issue #attachments {
	float: right;
}

/* @group attachments */

#the-issue ul#attachments li.empty,
#the-issue ul#attachments li.attachment {
	float: left;
	padding: 2px 4px;
	margin-top: 2px;
	font: 11px Arial;
}

#the-issue ul#attachments li.attachment {
	clear: left;
	margin-left: 125px;
}

#the-issue ul#attachments li.empty {
	margin-top: 6px;
}

#the-issue ul#attachments li.empty,
#the-issue ul#attachments li.attachment.first {
	clear: none;
	margin-left: 5px;
}

#the-issue ul#attachments li.title {
	float: left;
}

#the-issue ul#attachments li.title b.label {
	margin-top: 8px;
}

/* @end */

/* @group attributes */

#the-issue #attributes div.priority,
#the-issue #attributes div.status,
#the-issue #attributes p.time-consumed,
#the-issue #attributes p.due-date,
#the-issue #attributes div.assignee,
#the-issue #attributes ul.tags {
	margin-bottom: 4px;
}

#the-issue #attributes p.time-consumed b.label,
#the-issue #attributes p.due-date b.label {
	margin-right: 10px;
}

#the-issue #attachments b.label,
#the-issue #attributes b.label {
	width: 120px;
	text-align: right;
}

#the-issue #attributes p.due-date span.distance {
	color: white;
	background-color: #fc8901;
	padding: 2px 6px;
}

#the-issue #attributes ul.tags {
	margin-top: 12px;
}

/* @end */

#the-issue #subject {
	padding: 8px;
	border: 1px solid #f4f4f4;
}

#the-issue #subject .posted-by {
	font: 11px Arial;
	color: #666666;
}

#the-issue #subject-of-issue {
	padding-top: 8px;
	color: #333333;
	font: 16px Georgia;
}

#the-issue #subject-of-issue p.with-the-textarea {
	padding-right: 6px;
}

#the-issue #comments-form textarea,
#the-issue #subject-of-issue textarea {
	margin: 4px 0;
	padding: 2px;
	width: 100%;
}

/* @group fake select */

#the-issue b.label,
#the-issue .fake-select {
	float: left;
}

#the-issue .fake-select {
	position: relative;
	cursor: default;
	margin-left: 8px;
}

#the-issue .fake-select .current {
	border: 1px solid #eaeaea;
	padding: 1px 4px;
	background-color: #f9f9f9;
}

#the-issue .fake-select .current {
	border-left: none;
	border-top: none;
}

#the-issue .fake-select .dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	background-color: white;
	z-index: 4;
}

#the-issue .status.fake-select ul.dropdown li a,
#the-issue .status .fake-select ul.dropdown li.status {
	padding-left: 16px;
	background-position: 4px center;
	background-repeat: no-repeat;
}

#the-issue .status.fake-select ul.dropdown li {
	font: normal 10px Arial;
}

#the-issue .status .fake-select ul.dropdown li.status.resolve {
	background-image: url('/images/issue-resolve-blue.gif');
}

#the-issue .status .fake-select ul.dropdown li.status.reject {
	background-image: url('/images/issue-reject-blue.gif');
}

#the-issue .status .fake-select ul.dropdown li.status.close {
	background-image: url('/images/issue-close-blue.gif');
}

#the-issue .status .fake-select ul.dropdown li.status.reopen {
	background-image: url('/images/issue-reopen-blue.gif');
}

#the-issue .status .fake-select ul.dropdown li.status.delete {
	background-image: url('/images/issue-delete-blue.gif');
}

#the-issue .priority .fake-select ul.dropdown li,
#the-issue .status .fake-select ul.dropdown li.status {
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-left: none;
}

#the-issue .priority img.flag {
	vertical-align: top;
	height: 1em;
	margin-right: 4px;
}

#the-issue .status .fake-select ul.dropdown {
	border: none;
	margin-top: 1px;
	margin-left: 1px;
}

#the-issue .status .fake-select ul.dropdown li.status a {
	font-weight: normal;
}

#the-issue .status .fake-select .current,
#the-issue .status .fake-select ul.dropdown a {
	color: #154DBE;
}

#the-issue .priority .fake-select .current,
#the-issue .status .fake-select .current {
	width: 60px;
}

#the-issue .priority .fake-select .current img.arrow,
#the-issue .status .fake-select .current img.arrow {
	position: absolute;
	right: 4px;
	top: 5px;
}

.fake-select ul.dropdown li a:hover,
.fake-select ul.dropdown li:hover,
#the-issue .status .fake-select ul.dropdown li.status:hover {
	background-color: #FCB61E;
}

#the-issue .fake-select .dropdown li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
}

/* @end */

/* @group comments */

#the-issue #comments {
	padding: 8px;
	background-color: #f4f4f4;
	margin-top: 6px;
	border: 1px solid #eeeeee;
}

#the-issue #comments .comment {
	border-bottom: 1px dashed #dadada;
	padding: 12px 0 4px;
}

#the-issue ul#attachments li.attachment,
#the-issue #comments .comment .attachment {
	font: 12px Arial;
	color: gray;
}

#the-issue #comments .comment .attachment {
	margin-right: 8px;
	float: right;
	clear: right;
	width: 200px;
	text-align: right;
}

#the-issue #comments .comment.log .attachment {
	margin-right: 4px;
	float: right;
	clear: right;
	width: 300px;
	margin-bottom: 4px;
}

#the-issue ul#attachments li.attachment img,
#the-issue #comments .comment .attachment img {
	height: 2em;
	vertical-align: middle;
	margin-right: 4px;
}

#the-issue #comments .comment .date,
#the-issue #comments .comment .posted-by {
	font: 11px Arial;
	color: #666666;
	padding-left: 8px;
}

span.new {
	padding: 2px 4px;
	color: white;
	background-color: #fc8901;
}

/* @group log */

#the-issue #comments .comment.log {
	background-color: white;
	padding: 8px 8px 0;
}

#the-issue #comments .comment.log .posted-by,
#the-issue #comments .comment.log .body {
	float: left;
}

#the-issue #comments .comment.log .posted-by {
	padding-left: 0;
}

#the-issue #comments .comment.log .date {
	float: right;
}

/* @end */

/* @group body */

#the-issue #comments .comment.log .body {
	margin-top: 0;
	padding-left: 8px;
	font-family: monospace;
}

#the-issue #comments .comment .body {
	padding-left: 24px;
	color: #333333;
	font: 12px Arial;
	margin-top: 8px;
}

#the-issue #comments .comment .body p {
	margin-bottom: 8px;
}

#the-issue #comments .comment .body table th,
#the-issue #comments .comment .body table td {
	padding: 2px 4px;
	border: 2px dashed #ccc;
}

#the-issue #comments .comment .body table th {
	background: transparent;
	border: none;
	color: black;
	font: bold;
	text-align: center;
}

#the-issue #comments .comment .body ol,
#the-issue #comments .comment .body ul {
	padding-left: 16px;
}

#the-issue #comments .comment .body ol li {
	list-style-type: decimal;
}

#the-issue #comments .comment .body ol ol li {
	list-style-type: lower-greek;
}

#the-issue #comments .comment .body ul li {
	list-style-type: disc;
}

#the-issue #comments .comment .body ul ul li {
	list-style-type: circle;
}

/* @end */

/* @group tools */

#the-issue #subject .tools,
#the-issue #comments .comment .tools {
	float: right;
	display: none;
	margin-right: 8px;
}

#the-issue #subject:hover .tools,
#the-issue #comments .comment:hover .tools {
	display: block;
}

#the-issue #subject .tools a,
#the-issue #comments .comment .tools a {
	color: #0066cc;
	font: 11px Arial;
}

#the-issue #subject .tools a:hover,
#the-issue #comments .comment .tools a:hover {
	color: red;
}

/* @end */

#comments-blank-text {
	font-size: 12px;
	padding: 0;
}

#comments-blank-text p {
	margin-top: 10px;
	width: 300px;
	padding: 8px;
}

#comments-blank-text .title {
	font-size: 14px;
}

/* @group form */

#the-issue #alert {
	margin: 16px auto 0;
}

#the-issue #comments-form {
	padding-top: 8px;
}

#the-issue #comments-form label {
	font: bold 12px Arial;
	color: #282828;
	padding-left: 2px;
}

#the-issue #comments-form .body {
	padding-right: 2px;
}

#the-issue #comments-form .attachment {
	margin: 4px 0 8px;
}

#the-issue #comments-form .attachment input {
	font-size: 12px;
}

#the-issue #comments-form #add-another {
	font: 14px bold Arial;
	margin-left: 105px;
}

#the-issue #comments-form #add-another a {
	padding-left: 20px;
	background: transparent url('/images/add.png') no-repeat left center;
}

#the-issue #comments textarea {
	border: 1px solid #ebebeb;
	width: 100%;
}

#the-issue #subject-of-issue p.buttons input,
#the-issue #comments-form .submit input {
	border: none;
	color: white;
}

#the-issue #comments-form .submit {
	float: right;
	margin: 8px 4px 0 0;
}

#the-issue #comments-form .submit input {
	background: orange url('/images/report-bug-button-bg.png') repeat-x center;
	height: 28px;
	font: bold 14px Arial;
	padding: 0 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#the-issue #subject-of-issue p.buttons input {
	background: orange url('/images/orange-button-bg.png') repeat-x center;
	color: white;
	font: bold 11px Arial;
	padding: 2px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* @end */

/* @end */

/* @group column */

body.issues #column {
	width: 280px;
}

body.issues #column .title {
	background: orange url('/images/right-column-top-bg.png') repeat-x top;
	color: white;
	font: bold 14px Georgia;
	padding: 24px 0 0 12px;
	height: 31px;
	position: relative;
}

body.issues #column .explain {
	font: 11px Arial;
	color: #333333;
	padding: 4px;
}

body.issues #column .explain,
body.issues #column #issues-list li {
	border-bottom: 1px dashed #aeaeae;
}

body.issues #column #issues-list li a {
	padding: 8px 0;
	display: block;
	position: relative;
	overflow: hidden;
}

body.issues #column #issues-list li a:hover {
	text-decoration: none;
	background-color: #ff8;
}

body.issues #column #issues-list li.current {
	background-color: #ffc;
}

body.issues #column #issues-list .id {
	color: white;
	font: bold 11px Arial;
	padding: 8px 6px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

body.issues #column #issues-list .status {
	color: gray;
	font: normal 10px Arial;
	height: 13px;
	display: block;
	position: absolute;
	top: 0px;
	right: 3px;
}

body.issues #column #issues-list .new {
	position: absolute;
	bottom: 0;
	right: 0;
	font: normal 8px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: none;
}

body.issues #column #issues-list .issue.updated .new {
	display: block;
}

body.issues #column #issues-list .subject {
	font: bold 11px Arial;
	color: #333333;
	display: block;
	margin: 0 48px 0;
}

/* @end */

/* @end */

/* @group login & register */

body.amnesia #wrapper,
body.reset_pass #wrapper,
body.register #wrapper,
body.login #wrapper {
	background: #80dfff url('/images/login-bg.png') repeat-y 23px;
}

/* @group login column */

#login-column {
	width: 300px;
	background: #80dfff url('/images/login-column-bg.png') repeat-x 0 304px;
	float: left;
	margin: 0 32px;
	height: 630px;
}

#login-column .logo {
	height: 304px;
	background: transparent url('/images/login-logo.png') no-repeat 0 0;
	display: block;
}

#login-column .password input,
#login-column .password,
#login-column .username input,
#login-column .username {
	height: 28px;
	width: 172px;
}

#login-column .password,
#login-column .username {
	margin: 0 auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	padding: 8px 20px;
}

#login-column .password,
#login-column .username {
	margin: 0 auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	padding: 8px 20px;
}

#login-column .username {
	background-image: url('/images/username-bg.png');
	margin-top: 15px;
}

#login-column .password {
	background-image: url('/images/password-bg.png');
	margin-top: 6px;
}

#login-column .password input,
#login-column .username input {
	border: none;
	background: transparent;
	color: #49b1d6;
	font: 14px Arial;
	height: 16px;
	padding: 6px 0;
}

#login-column .stay-logged {
	margin: 12px 0 20px;
	padding-left: 48px;
}

#login-column .stay-logged label {
	color: white;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 4px;
}

#login-column input.active {
	background: white;
}

#login-column .submit {
	margin: 11px auto 0;
	width: 214px;
}

#login-column .submit input {
	height: 36px;
	width: 97px;
	background: orange url('/images/login-button.png') no-repeat 0 0;
	border: none;
}

#login-column .amnesia {
	margin-top: 28px;
	padding-left: 44px;
}

#login-column .amnesia a {
	text-decoration: underline;
	color: #0066cc;
	font: 12px Arial;
}

/* @end */

#what-this-is {
	margin: 145px 0 0 430px;
	min-width: 570px;
}

#what-this-is p.big-text {
	font: bold 23px Arial;
	color: #46aace;
}

#what-this-is p.big-text .orange {
	color: #fc8901;
}

body.login #what-this-is ul.benefits {
	margin-top: 32px;
}

body.login #what-this-is ul.benefits li {
	font: 16px Arial;
	color: white;
	background: #49b1d6 url('/images/tick.png') no-repeat 6px center;
	padding: 7px 2px 7px 28px;
	margin-bottom: 6px;
}

body.login #what-this-is a.sign-up {
	background: orange url('/images/signup-button.png') no-repeat 0 0;
	display: block;
	height: 66px;
	width: 207px;
	margin: 32px 0 0 128px;
}

body #what-this-is form {
	margin-top: 34px;
}

body #what-this-is form p {
	width: 520px;
	height: 46px;
	margin-bottom: 9px;
	clear: right;
}

body #what-this-is form label {
	font: 16px Arial;
	color: white;
	background-color: #49b1d6;
	padding: 6px 8px;
	margin-right: 6px;
	-webkit-border-radius: 2px;
	float: right;
	position: relative;
	top: 8px;
}

body #what-this-is form input {
	width: 294px;
	height: 24px;
	border: none;
	font: 18px Arial;
	padding: 2px;
}

body #what-this-is form .field {
	padding: 9px;
	background: transparent url('/images/register-field-bg.png') no-repeat center;
	float: right;
	width: 298px;
	height: 28px;
	display: block;
}

body #what-this-is form p.submit {
	width: auto;
	margin-top: 16px;
}

body #what-this-is form p.submit input {
	background-color: orange;
	margin-left: 204px;
}

/* temporary till it gets styled */

body.reset_pass #what-this-is form p.submit input,
body.amnesia #what-this-is form p.submit input {
	width: auto;
	padding: 4px 8px;
	height: auto;
	-webkit-border-radius: 4px;
	color: white;
}

body.register #what-this-is form p.submit input {
	width: 146px;
	height: 36px;
	background: orange url('/images/sign-me-up-button.png') no-repeat 0 0;
}

/* @end */

/* @group project management */

#project-management #data {
	margin-right: 300px;
}

#project-management #column {
	width: 300px;
}

/* @group data */

#project-management #data .progress-bar {
	background: #ffaf04 url('/images/progress-bar-orange.png') repeat-x top;
	border: 1px solid silver;
}

#project-management #data .progress-bar .progress {
	height: 17px;
	background: #70d1f0 url('/images/progress-bar-blue.png') repeat-x top;
}

#project-management #data table td {
	padding-top: 12px;
	font: 11px Arial;
	color: #454545;
	border-bottom: 1px solid #f4f4f4;
}

#project-management #data table td.id {
	font: 11px Arial;
	color: #333333;
	text-align: center;
	vertical-align: top;
}

#project-management #data table td.project {
	padding-top: 8px;
	padding-bottom: 8px;
}

#project-management #column #archived-projects li .name,
#project-management #data table td.project .name {
	font: 16px Georgia;
	color: #333333;
}

#project-management #data table td.project .tagline {
	font: 11px Arial;
	color: #454545;
}

#project-management #data table td.project .leader {
	font: bold 11px Arial;
	margin: 12px 0;
}

#project-management #data table td.project .leader label {
	color: #454545;
	margin-right: 4px;
}

#project-management #data table td.project .leader .user {
	color: #666666;
}

#project-management #data table td.project .red.button {
	background-image: none;
	background-color: #d11;
	margin-left: 16px;
}

#project-management #column #archived-projects {
	margin-top: 16px;
}

#project-management #column #archived-projects h5 {
	padding: 12px 8px;
	margin-bottom: 8px;
}

#project-management #column #archived-projects li {
	height: 20px;
	padding: 4px;
	border-bottom: 1px dashed silver;
}

#project-management #column #archived-projects li a {
	background-color: green;
	background-image: none;
	float: right;
	display: block;
	height: 12px;
}

#project-management #data table td.open-issues,
#project-management #data table td.total-issues {
	text-align: right;
	padding-right: 12px;
}

#project-management #data table td.progress {
	padding-left: 8px;
	padding-right: 8px;
}

#project-management #data table td.progress .time-consumed {
	text-align: center;
	margin-top: 8px;
}

/* @end */

/* @group column */

#project-management #column form {
	padding: 12px;
}

#project-management #column form label {
	margin: 8px 0 4px;
}

#project-management #column form label {
	font: bold 11px Arial;
	color: #333333;
	display: block;
	padding-left: 2px;
}

#project-management #column form textarea,
#project-management #column form input {
	border: 1px solid #eeeeee;
	width: 266px;
	padding: 4px 4px 0;
}

#project-management #column form textarea {
	height: 75px;
	font: 12px Arial;
}

#project-management #column form input {
	height: 24px;
}

#project-management #column form .submit {
	margin-top: 16px;
}

#project-management #column form .submit input {
	width: auto;
	border: none;
}

/* @end */

#project-management #data table tr td.has-blank-text {
	border-bottom: none;
}

/* @end */

/* @group personal user pages */

/* @group side bar */

body.users.my_issues #side-bar,
body.users.my_projects #side-bar,
body.users.profile #side-bar {
	width: 280px;
	float: right;
	background-color: #fbfbfb;
}

#project-management #column #archived-projects h5,
#project-management #column .title,
body.users.my_issues #side-bar .title,
body.users.my_projects #side-bar .title,
body.users.profile #side-bar .title {
	background-color: orange;
	color: white;
	font: bold 14px Georgia;
	position: relative;
}

#project-management #column .title,
body.users.my_issues #side-bar .title,
body.users.my_projects #side-bar .title,
body.users.profile #side-bar .title {
	padding: 24px 0 0 12px;
	height: 31px;
}

body.users.my_issues #side-bar .date,
body.users.my_projects #side-bar .date,
body.users.profile #side-bar .date {
	font: 14px Georgia;
	color: #666666;
	border-bottom: 1px dashed #aeaeae;
	padding: 10px 0;
}

body.users.my_issues #side-bar li,
body.users.my_projects #side-bar li,
body.users.profile #side-bar li {
	margin: 0 10px;
}

body.users.my_issues #side-bar li.invitation,
body.users.my_projects #side-bar li.invitation,
body.users.profile #side-bar li.invitation {
	font: bold 11px Arial;
	color: #333333;
	margin: 10px;
	position: relative;
	padding-bottom: 16px;
}

body.users.my_issues #side-bar li.invitation p.actions,
body.users.my_projects #side-bar li.invitation p.actions,
body.users.profile #side-bar li.invitation p.actions {
	position: absolute;
	bottom: 0;
	right: 0;
	color: white;
	font-size: 9px;
}

body.users.my_issues #side-bar li.invitation p.actions a,
body.users.my_projects #side-bar li.invitation p.actions a,
body.users.profile #side-bar li.invitation p.actions a {
	padding: 2px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

body.users #side-bar li.invitation p.actions .accept {
	background-color: lightgreen;
}

body.users #side-bar li.invitation p.actions .accept:hover {
	background-color: green;
}

body.users #side-bar li.invitation p.actions .reject {
	background-color: pink;
}

body.users #side-bar li.invitation p.actions .reject:hover {
	background-color: red;
}

#side-bar #invitations-blank-text {
	padding-top: 20px;
}

#side-bar #invitations-blank-text p {
	width: 240px;
	font-size: 14px;
	padding: 8px;
}

/* @end */

#my-projects,
#my-profile {
	margin-right: 280px;
	border-right: 1px solid silver;
	min-width: 700px;
}

#my-issues,
#open-issues {
	min-width: 980px;
}

/* @group my profile */

#my-profile form {
	padding: 10px;
	border: 1px solid #f4f4f4;
	margin: 16px 12px;
}

#my-profile form fieldset {
	padding-top: 4px;
}

#my-profile form fieldset.options {
	margin-top: 24px;
}

#my-profile form label {
	font: bold 11px Arial;
	color: #333333;
	display: block;
	margin: 12px 0 4px 2px;
}

#my-profile form input {
	display: block;
	font: 14px Arial;
}

#my-profile form #left-part input {
	height: 19px;
	border: 1px solid #efefef;
	padding: 4px;
	margin-left: 2px;
	width: 80%;
}

#my-profile form #right-part .current {
	padding: 12px 12px 8px 4px;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 8px 0;
	float: left;
}

#my-profile form #right-part .current img {
	margin-left: 8px;
}

/* @end */

/* @group my projects */

#my-projects ul#projects {
	margin: 16px;
}

#open-issues ul#issues li.issue,
#my-issues ul#issues li.issue,
#my-projects ul#projects li.project {
	font: 20px Georgia;
	color: #999;
	padding: 8px;
	border: 1px solid silver;
	margin-bottom: 8px;
	position: relative;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
}

#my-projects ul#projects li.project a.leave {
	font: bold 12px Arial;
	padding: 2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: absolute;
	right: 4px;
	top: 4px
}

#my-projects ul#projects li.project a.leave {
	background-color: pink;
	color: white;
}

#my-projects ul#projects li.project .stats {
	margin-left: 16px;
	font: 12px Arial;
	color: black;
}

#my-projects ul#projects li.project a.leave:hover {
	background-color: red;
}

/* @end */

body.users.my_projects #top-bar,
body.users.profile #top-bar {
	font: bold 14px Georgia;
	color: black;
}

/* @group top bar */

body.users #top-bar li {
	height: 31px;
	margin-top: 10px;
	padding: 14px 14px 0 14px;
	margin-right: 20px;
	text-align: left;
	float: left;
}

body.users #top-bar li a {
	padding: 8px;
}

body.users #top-bar li:hover,
body.users #top-bar li.current {
	background-color: white;
	border: 2px solid silver;
	border-bottom: none;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	padding: 12px 12px 0 12px;
}

body.users #top-bar li:hover {
	background-color: #eeeeee;
}

/* @end */

#my-profile #right-part,
#my-profile #left-part {
	float: left;
	width: 50%;
}

#my-profile #bottom-part {
	margin-top: 24px;
	padding: 16px 0 4px;
	border-top: 1px dashed silver;
}

#my-profile #bottom-part input.submit {
	background-color: #fc8901;
	border: 1px solid #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 4px 8px;
	color: white;
	font: bold 11px Arial;
}

/* @group avatars */

#abstract-avatars li {
	float: left;
	padding: 2px;
}

#abstract-avatars li a {
	padding: 4px;
	display: block;
	height: 32px;
}

#abstract-avatars li a:hover {
	background-color: #fc8901;
}

#abstract-avatars li.selected a {
	background-color: #46aace;
}

/* @end */

/* @end */

/* @group projects edit */

body.projects.edit #project-details,
body.projects.edit #leaders,
body.projects.edit #invitations {
	padding: 10px;
	border: 1px solid #f4f4f4;
	margin: 16px 12px;
	width: 45%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

body.projects.edit #project-details {
	float: left;
}

body.projects.edit #leaders,
body.projects.edit #invitations {
	float: right;
	clear: right;
}

body.projects.edit fieldset {
	padding-top: 2px;
	margin-bottom: 16px;
}

#my-profile form legend,
body.projects.edit p.title,
body.projects.edit legend {
	font: bold 14px Georgia;
	color: #49b1d6;
}

body.projects.edit #project-details form .field.checkbox {
	margin: 8px 0;
}

body.projects.edit #project-details form .field.checkbox input {
	float: left;
	width: 24px;
}

body.projects.edit form.edit_project .field.number {
	padding-left: 26px;
}

body.projects.edit form.edit_project .field.number input {
	width: 5%;
	text-align: right;
	display: inline;
	margin-left: 8px;
}

body.projects.edit #project-details form .field.number label,
body.projects.edit #project-details form .field.checkbox label {
	font-size: 12px;
	margin: 0;
}

body.projects.edit #project-details form .field.number label {
	display: inline;
}

/* @group links */

body.projects.edit #project-details .links {
	margin-top: 38px;
	border-top: 1px dashed #e2e2e2;
	padding-top: 28px;
}

body.projects.edit #project-details .links a {
	display: block;
	float: left;
	clear: left;
}

body.projects.edit #project-details .links a.fake-button {
	margin-bottom: 14px;
}

body.projects.edit #project-details .links a.blue {
	padding-left: 8px;
	background: transparent url('/images/little-blue-right-arrow.gif') center left no-repeat;
	color: #0066cc;
	font: 11px Arial;
	margin-bottom: 8px;
	margin-left: 4px;
}

/* @end */

/* @group invitations */

body.projects.edit #invitations form label,
body.projects.edit form.edit_project label {
	font: bold 11px Arial;
	color: #333333;
	margin: 12px 8px 4px 2px;
}

body.projects.edit #invitations form p.email {
	margin-bottom: 8px;
}

body.projects.edit #invitations form p.email label {
	margin-bottom: 8px;
}

body.projects.edit #invitations form .checkbox {
	padding-left: 2px;
}

body.projects.edit #invitations form .checkbox label {
	margin-left: 8px;
}

body.projects.edit #invitations form .field label,
body.projects.edit form.edit_project .field label,
body.projects.edit form.edit_project .field small,
body.projects.edit #invitations form .field input,
body.projects.edit form.edit_project .field input,
body.projects.edit form.edit_project .field textarea {
	display: block;
}

body.projects.edit #invitations form .field input,
body.projects.edit form.edit_project .field input,
body.projects.edit form.edit_project .field textarea {
	font: 14px Arial;
	border: 1px solid #efefef;
	padding: 4px;
	margin-left: 2px;
	width: 90%;
}

body.projects.edit #invitations form .field input,
body.projects.edit form.edit_project .field input {
	height: 19px;
}

body.projects.edit form.edit_project .field textarea {
	height: 120px;
}

body.projects.edit form.edit_project .field small {
	font-size: 12px;
	padding: 4px;
}

body.projects.edit form.edit_project .submit,
body.projects.edit #invitations form .submit {
	margin-top: 12px;
}

body.projects.edit #invitations form {
	margin-bottom: 24px;
}

body.projects.edit p.blank-text {
	margin: 12px;
	text-align: center;
	background-color: #cef;
	padding: 8px;
	font: 16px Arial;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #fc8901;
	font-weight: bold;
}

body.projects.edit #invitations #last-invitations-title {
	color: #666666;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 14px;
}

body.projects.edit #invitations #last-invitations-title a {
	margin-left: 32px;
	color: #333;
}

body.projects.edit #invitations li .wrapper,
body.projects.edit #leaders li.user {
	border-top: 1px dashed #e2e2e2;
	padding: 6px 2px;
	font: 11px Arial;
}

body.projects.edit #invitations li.invitation {
	font-size: 12px;
}

body.projects.edit #invitations li.invitation .info {
	position: relative;
	padding-left: 24px;
}

body.projects.edit #invitations li.invitation .invitee {
	color: #333333;
}

body.projects.edit #invitations li.invitation .invitee img.avatar {
	position: absolute;
	left: 2px;
	top: 2px;
}

body.projects.edit #invitations li.invitation .inviter {
	font-weight: bold;
}

body.projects.edit #invitations li.invitation .other-info {
	color: #666666;
}

body.projects.edit #invitations li.invitation .time {
	border-left: 1px solid #666666;
	padding-left: 3px;
	margin-left: 3px;
}

body.projects.edit #invitations li .status {
	margin-left: 8px;
}

body.projects.edit #invitations li .status.new {
	color: blue;
	border-color: blue;
	background-color: lightblue;
}

body.projects.edit #invitations li .status.rejected {
	color: red;
	border-color: red;
	background-color: pink;
}

body.projects.edit #invitations li .status.accepted {
	color: green;
	border-color: green;
	background-color: lightgreen;
}

body.projects.edit #invitations li .cancel:hover {
	border-color: pink;
	background-color: red;
}

body.projects.edit #invitations li .cancel:hover {
	color: white;
	text-decoration: none;
}

body.projects.edit #invitations li .cancel,
body.projects.edit #invitations li .status {
	border: 1px solid;
	padding: 2px 4px;
	font: bold 10px arial;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	bottom: 2px;
	float: right;
	margin-right: 2px;
	z-index: 5;
}

/* @end */

body.projects.edit #alert,
body.projects.edit #notice {
	margin: 12px;
	width: auto;
}

/* @group leaders */

body.projects.edit #leaders li.user .name {
	font: 11px Arial;
	color: #333333;
}

body.projects.edit #invitations li.invitation .invitee img.avatar,
body.projects.edit #leaders li.user .name img.avatar {
	border: 1px solid #eaeaea;
	height: 16px;
	width: 16px;
}

body.projects.edit #leaders li.user .name img.avatar {
	vertical-align: top;
}

body.projects.edit #leaders li.user .fake-select {
	float: right;
}

body.projects.edit #leaders li.user .fake-select .current {
	background-color: #f7f6ec;
	border-color: #e1dcb4;
}

body.projects.edit #leaders li.user .fake-select ul.dropdown {
	right: 0px;
	left: auto;
}

/* @end */

/* @end */

/* @group project timeline */

#the-timeline-wrapper {
	padding: 30px 8% 30px 12%;
}

#the-timeline {
	padding-top: 34px;
	position: relative;
	width: 100%;
}

/* @group day spans */

#the-timeline .days-label,
#the-timeline .days-span {
	color: #49b1d6;
}

#the-timeline .days-span {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 4%;
	z-index: -1;
	border-left: 1px solid #eaeaea;
	padding-bottom: 8px;
}

#the-timeline .five.days-span {
	border-color: #49b1d6;
}

#the-timeline .days-span .label {
	padding-right: 5px;
	font: bold 10px Georgia;
	line-height: 20px;
	vertical-align: bottom;
}

#the-timeline .days-label,
#the-timeline .five.days-span .label {
	font: bold 14px Georgia;
	padding-left: 6px;
}

#the-timeline .days-label {
	position: absolute;
	right: 100%;
	top: 0;
	padding-right: 16px;
}

#the-timeline .one.days-span .label {
	position: relative;
	width: 16px;
	text-align: center;
	background-color: white;
	right: 8px;
}

/* @end */

/* @group issues */

#the-timeline #issues .issue {
	font: 11px Arial;
	color: white;
	background-color: #fc8901;
	white-space: nowrap;
	position: relative;
	right: 8%;
	height: 24px;
	vertical-align: middle;
	line-height: 24px;
	margin-bottom: 8px;
}

#the-timeline #issues .issue.over {
	background-color: #fc2901;
}

#the-timeline #issues .issue .subject {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 4px;
}

#the-timeline #issues .issue .subject img.flag {
	height: 1.2em;
}

#the-timeline #issues .issue .days-left {
	float: right;
	text-align: right;
	color: #ffd143;
	font: bold 14px Arial;
	line-height: 24px;
	padding-right: 6px;
}

#the-timeline #issues .issue:hover .days-left,
#the-timeline #issues .issue.over .days-left,
#the-timeline #issues .issue.due-today .days-left {
	display: none;
}

#the-timeline #issues .issue .today {
	display: none;
}

#the-timeline #issues .issue.due-today .today {
	display: block;
	position: absolute;
	left: 100%;
	color: white;
	margin-left: 8px;
	background-color: red;
	padding: 0 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#the-timeline #issues .issue .identifier {
	position: absolute;
	top: 0px;
	right: 100%;
	background-color: #49b1d6;
	height: 100%;
	padding: 0 6px;
	border-right: 1px solid white;
}

#the-timeline #issues .issue .due-date-control {
	position: absolute;
	top: 3px;
	right: 4px;
	display: none;
}

#the-timeline #issues .issue:hover .due-date-control {
	display: block;
}

/* @end */

/* @end */

/* @group plugin */

body.plugin #wrapper {
	background-color: #cef;
}

body.plugin #center-me {
	width: 600px;
	margin: auto;
	text-align: center;
}

body.plugin #center-me div.notice {
	margin: 50px auto 10px;
}

/* @group blank text */

body.plugin #center-me .redirects {
	font: 18px Arial;
	color: #46aace;
	margin-top: 40px;
}

body.plugin #center-me .redirects a {
	color: #fc8901;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group users chart */

#open-issues #chart .project-wrapper,
#my-issues #chart .project-wrapper,
body.users #chart .user-wrapper {
	width: 50%;
	margin: 28px 0 22px;
}

#open-issues #chart .project-wrapper.left,
#my-issues #chart .project-wrapper.left,
body.users #chart .user-wrapper.left {
	float: left;
}

#open-issues #chart .project-wrapper.right,
#my-issues #chart .project-wrapper.right,
body.users #chart .user-wrapper.right {
	float: right;
}

#open-issues #chart .project,
#my-issues #chart .project,
body.users #chart .user {
	margin: 0 74px 0 10px;
}

/* @group user id */

body.users #chart .user .id .has-avatar {
	float: left;
	margin-right: 10px;
}

body.users #chart .user .id .has-avatar img {
	border: 1px solid #eaeaea;
}

#open-issues #chart .project .id .has-title,
#my-issues #chart .project .id .has-title,
body.users #chart .user .id .has-name {
	font: bold 14px Georgia;
	color: #282828;
}

body.users #chart .user .id .has-email a {
	color: #49b1d6;
}

body.users #chart .user .id .has-email {
	font: 12px Arial;
}

body.users #chart .user .id .time-consumed {
	float: right;
	text-align: right;
	font: 20px Georgia, "Times New Roman", Times, serif;
	padding-top: 3px;
}

/* @end */

/* @group issues */

#open-issues #chart .project ul.issues,
#my-issues #chart .project ul.issues,
body.users #chart .user ul.issues {
	clear: left;
	margin-top: 8px;
}

#open-issues #chart .project ul.issues li,
#my-issues #chart .project ul.issues li,
body.users #chart .user ul.issues li {
	border: 1px solid #eaeaea;
	margin-bottom: 3px;
	font: bold 11px Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: white;
}

body.users #chart .user ul.issues li {
	cursor: move;
}

body.users #chart .user ul.issues li.blank-text {
	cursor: default;
}

#open-issues #chart .project ul.issues li a,
#my-issues #chart .project ul.issues li a,
body.users #chart .user ul.issues li div {
	padding: 6px;
	color: #333333;
	display: block;
	line-height: 1.5em;
}

#open-issues #chart .project ul.issues li a:hover,
#my-issues #chart .project ul.issues li a:hover,
body.users #chart .user ul.issues li div:hover {
	text-decoration: none;
	background-color: #eaeaea;
}

#open-issues #chart .project ul.issues li a .identifier,
#my-issues #chart .project ul.issues li a .identifier {
	color: white;
	background-color: #fc8901;
	padding: 2px 6px;
	margin-right: 4px;
}

#open-issues #chart .project ul.issues li img.flag,
#my-issues #chart .project ul.issues li img.flag,
body.users #chart .user ul.issues li img.flag {
	float: right;
	margin-left: 8px;
}

#my-issues #chart .project ul.issues li a .has-updates,
#open-issues #chart .project ul.issues li a .last-updated-at {
	color: grey;
	float: right;
	font-weight: normal;
}

#open-issues #chart .project ul.issues li.blank-text,
#my-issues #chart .project ul.issues li.blank-text,
body.users #chart .user ul.issues li.blank-text {
	color: silver;
	padding: 8px;
}

/* @end */

/* @end */

/* @group priority + tag chart */

#tag-chart ul.priority,
#priority-chart ul.priority {
	float: left;
	width: 23%;
	margin: 18px 1% 8px;
}

#tag-chart h3,
#priority-chart ul.priority li.title {
	color: #49b1d6;
	font: bold 14px Georgia;
	margin-bottom: 16px;
}

#tag-chart h3 .time-consumed {
	color: #333;
	margin-right: 16px;
	width: 50px;
	display: block;
	float: left;
	text-align: right;
	font-weight: normal;
}

#tag-chart h3 {
	padding-left: 30px;
	padding-bottom: 4px;
	margin-top: 24px;
	border-bottom: 1px solid #49b1d6;
}

#tag-chart ul.priority li.issue,
#priority-chart ul.priority li.issue {
	color: #333333;
	font: 11px Arial;
	line-height: 16px;
	position: relative;
}

#tag-chart ul.priority li.issue .higher-priority,
#tag-chart ul.priority li.issue .lower-priority,
#priority-chart ul.priority li.issue .higher-priority,
#priority-chart ul.priority li.issue .lower-priority {
	position: absolute;
	display: none;
	font-size: 16px;
	top: 4px;
	padding: 4px 6px;
	color: white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid gray;
}

#tag-chart ul.priority li.issue .higher-priority:hover,
#tag-chart ul.priority li.issue .lower-priority:hover,
#priority-chart ul.priority li.issue .higher-priority:hover,
#priority-chart ul.priority li.issue .lower-priority:hover {
	border-color: black;
}

#tag-chart ul.priority li.issue .lower-priority,
#priority-chart ul.priority li.issue .lower-priority {
	right: -8px;
}

#tag-chart ul.priority li.issue .higher-priority,
#priority-chart ul.priority li.issue .higher-priority {
	left: -8px;
}

#tag-chart ul.priority li.issue:hover .higher-priority,
#tag-chart ul.priority li.issue:hover .lower-priority,
#priority-chart ul.priority li.issue:hover .higher-priority,
#priority-chart ul.priority li.issue:hover .lower-priority {
	display: block;
}

#tag-chart ul.priority li.issue a {
	display: block;
}

#tag-chart ul.priority li.issue a,
#priority-chart ul.priority li.issue div {
	border: 1px solid #eaeaea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#tag-chart ul.priority li.blank-text,
#tag-chart ul.priority li.issue a,
#priority-chart ul.priority li.issue div {
	margin-bottom: 3px;
	padding: 8px;
}

#tag-chart ul.priority li.issue a:hover,
#priority-chart ul.priority li.issue:hover div {
	background-color: #eaeaea;
	text-decoration: none;
}

body.projects.show #data .issue .identifier a,
#tag-chart ul.priority li.issue .identifier,
#priority-chart ul.priority li.issue .identifier,
body.users #chart .user ul.issues li a.identifier {
	color: white;
	font-weight: bold;
	padding: 3px 6px;
	margin-right: 2px;
}

body.projects.show #data li.legend a.high,
body.projects.show #data .issue.high .identifier a,
body.issues #column #issues-list .issue.high .id,
body.users.chart li.issue.high .identifier,
#tag-chart ul.priority.normal li.issue .higher-priority,
#tag-chart ul.priority.high li.issue .identifier,
#priority-chart ul.priority.normal li.issue .higher-priority,
#priority-chart ul.priority.high li.issue .identifier {
	background-color: #ff4b44;
}

body.projects.show #data li.legend a.normal,
body.projects.show #data .issue.normal .identifier a,
body.issues #column #issues-list .issue.normal .id,
body.users.chart li.issue.normal .identifier,
#tag-chart ul.priority.normal li.issue .identifier,
#priority-chart ul.priority.low li.issue .higher-priority,
#priority-chart ul.priority.high li.issue .lower-priority,
#tag-chart ul.priority.low li.issue .higher-priority,
#tag-chart ul.priority.high li.issue .lower-priority,
#priority-chart ul.priority.normal li.issue .identifier {
	background-color: #e6be32;
}

body.projects.show #data li.legend a.low,
body.projects.show #data .issue.low .identifier a,
body.issues #column #issues-list .issue.low .id,
body.users.chart li.issue.low .identifier,
#tag-chart ul.priority.low li.issue .identifier,
#priority-chart ul.priority.frozen li.issue .higher-priority,
#priority-chart ul.priority.normal li.issue .lower-priority,
#tag-chart ul.priority.frozen li.issue .higher-priority,
#tag-chart ul.priority.normal li.issue .lower-priority,
#priority-chart ul.priority.low li.issue .identifier {
	background-color: #66c759;
}

body.projects.show #data li.legend a.frozen,
body.projects.show #data .issue.frozen .identifier a,
body.issues #column #issues-list .issue.frozen .id,
body.users.chart li.issue.frozen .identifier,
#tag-chart ul.priority.frozen li.issue .identifier,
#priority-chart ul.priority.low li.issue .lower-priority,
#tag-chart ul.priority.low li.issue .lower-priority,
#priority-chart ul.priority.frozen li.issue .identifier {
	background-color: #50b1fb;
}

/* @end */

/* @group footer */

#footer {
	font: 11px Tahoma,Geneva,sans-serif;
	color: #8A837D;
	background-color: #80dfff;
	padding: 8px 80px 8px 8px;
	text-align: right;
}

#footer a {
	color: #8A837D;
	text-decoration: none
}

#footer a:hover {
	color: #ffffff;
}

#footer .logo {
	background: transparent url('/images/atcom.gif') no-repeat;
	height: 13px;
	margin: 0 5px;
	width: 12px;
	vertical-align: bottom;
}

#footer a:hover .logo {
	background: transparent url('/images/atcom_hover.gif') no-repeat;
}

/* @end */

/* @group search */

body.search #results .result {
	width: 25%;
	float: left;
	height: 100px;
	padding: 4px 0;
}

body.search #results .result div.wrapper {
	border: 1px dashed orange;
	margin: 0 4px;
	height: 100%;
	background-color: white;
	overflow: hidden;
	position: relative;
}

body.search #results .result div.wrapper .time {
	position: absolute;
	bottom: 0;
	right: 0;
	font: 10px Arial;
	background-color: #333;
	padding: 2px 4px;
	color: white;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
}

body.search #results .result div.wrapper .title {
	background-color: #eee;
	border-bottom: 1px solid #999;
	padding: 2px 0;
	font: 14px Arial;
}

body.search #results .result div.wrapper .class {
	background-color: #333;
	color: white;
	padding: 2px 4px;
	font-family: Georgia;
}

body.search #results .result:hover div.wrapper {
	background-color: silver;
}

body.search #results .result span.key {
	background-color: yellow;
}

body.search #results .result .lower,
body.search #results .result ul li {
	font-size: 12px;
	padding-left: 12px;
}

body.search #results .attachment .lower {
	padding: 0;
	height: 100%;
}

body.search #results .attachment img {
	width: 100%;
}

/* @end */

/* @group projects history */

/* @end */