openproject/app/assets/stylesheets/default/main.css.erb

/*-- copyright
OpenProject is a project management system.
Copyright (C) 2012-2014 the OpenProject Foundation (OPF)

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License version 3.

OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
Copyright (C) 2006-2013 Jean-Philippe Lang
Copyright (C) 2010-2013 the ChiliProject Team

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See doc/COPYRIGHT.rdoc for more details.

++*/

input#openid_url { background: url(<%= asset_path 'openid-bg.gif' %>) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/***** Tables *****/
table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th {  background-color: #E6E6E6; padding: 4px; white-space: nowrap; }
table.list td { vertical-align: top; }
table.list td.id { width: 2%; text-align: center;}
table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
table.list td.checkbox input {padding: 0px;}
table.list td.buttons { width: 15%; white-space: nowrap; text-align: right; }
table.list td.buttons a { padding-right: 0.6em; }
table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }

table.work-package-data-table { margin-top: 5px; }
table.work-package-data-table.hidden { display: none; }
table.work-package-data-table td { text-align: left; padding: 3px 6px; }

tr.project td.name a { white-space: nowrap; }

tr.project.idnt td.name span {background: url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 0 50%; padding-left: 16px;}
tr.project.idnt-1 td.name {padding-left: 0.5em;}
tr.project.idnt-2 td.name {padding-left: 2em;}
tr.project.idnt-3 td.name {padding-left: 3.5em;}
tr.project.idnt-4 td.name {padding-left: 5em;}
tr.project.idnt-5 td.name {padding-left: 6.5em;}
tr.project.idnt-6 td.name {padding-left: 8em;}
tr.project.idnt-7 td.name {padding-left: 9.5em;}
tr.project.idnt-8 td.name {padding-left: 11em;}
tr.project.idnt-9 td.name {padding-left: 12.5em;}

tr.issue { text-align: center; white-space: nowrap; }
tr.issue.sum { font-weight: bold; }
tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
tr.issue td.subject { text-align: left; }
tr.issue td.done_ratio table.progress { margin-left: auto; margin-right: auto;}

tr.issue.idnt td.subject a {background: url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 0 50%; padding-left: 16px;}
#content tr.issue.idnt-1 td.subject {padding-left: 0.5em;}
#content tr.issue.idnt-2 td.subject {padding-left: 2em;}
#content tr.issue.idnt-3 td.subject {padding-left: 3.5em;}
#content tr.issue.idnt-4 td.subject {padding-left: 5em;}
#content tr.issue.idnt-5 td.subject {padding-left: 6.5em;}
#content tr.issue.idnt-6 td.subject {padding-left: 8em;}
#content tr.issue.idnt-7 td.subject {padding-left: 9.5em;}
#content tr.issue.idnt-8 td.subject {padding-left: 11em;}
#content tr.issue.idnt-9 td.subject {padding-left: 12.5em;}

/* Work Package hierarchy layout */
tr.work-package{ text-align: center; white-space: nowrap; }
tr.work-package.sum { font-weight: bold; }
tr.work-package td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
tr.work-package td.subject { text-align: left; }
tr.work-package td.done_ratio table.progress { margin-left: auto; margin-right: auto;}

tr.work-package.idnt td.subject a {background: url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 0 50%; padding-left: 16px;}
#content tr.work-package.idnt-1 td.subject {padding-left: 0.5em;}
#content tr.work-package.idnt-2 td.subject {padding-left: 2em;}
#content tr.work-package.idnt-3 td.subject {padding-left: 3.5em;}
#content tr.work-package.idnt-4 td.subject {padding-left: 5em;}
#content tr.work-package.idnt-5 td.subject {padding-left: 6.5em;}
#content tr.work-package.idnt-6 td.subject {padding-left: 8em;}
#content tr.work-package.idnt-7 td.subject {padding-left: 9.5em;}
#content tr.work-package.idnt-8 td.subject {padding-left: 11em;}
#content tr.work-package.idnt-9 td.subject {padding-left: 12.5em;}


tr.entry { border: 1px solid #f8f8f8; }
tr.entry td { white-space: nowrap; }
tr.entry td.filename { width: 30%; }
tr.entry td.size { text-align: right; font-size: 90%; }
tr.entry td.revision, tr.entry td.author { text-align: center; }
tr.entry td.age { text-align: right; }
tr.entry.file td.filename a { margin-left: 16px; }

tr span.expander {cursor: pointer;}
tr.open span .expand { display:none; }
tr.closed span .collapse { display:none; }

tr.changeset td.author { text-align: center; width: 15%; }
tr.changeset td.committed_on { text-align: center; width: 15%; }

table.files tr.file td { text-align: center; }
table.files tr.file td.filename { text-align: left; padding-left: 24px; }
table.files tr.file td.digest { font-size: 80%; }

table.members td.roles, table.memberships td.roles { width: 45%; }

tr.message { height: 2.6em; }
tr.message td.created_on { white-space: nowrap; }
tr.message td.last_message { white-space: nowrap; }

tr.version td.closed, tr.version td.closed a { text-decoration: line-through; }
tr.version td.name { padding-left: 20px; }
tr.version.shared td.name { background: url(<%= asset_path 'link.png' %>) no-repeat 0% 70%; }
tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space: nowrap; }

tr.user td { width: 13%; }
tr.user td.email { width: 18%; }
tr.user td { white-space: nowrap; }
tr.user.locked, tr.user.registered { color: #aaa; }
tr.user.locked a, tr.user.registered a { color: #aaa; }

tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align: center;}

tr.time-entry { text-align: center; white-space: nowrap; }
tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
td.hours .hours-dec { font-size: 0.9em; }

table.plugins td { vertical-align: middle; }
table.plugins td.configure { text-align: right; padding-right: 1em; }
table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
table.plugins span.description { display: block; font-size: 0.9em; }
table.plugins span.url { display: block; font-size: 0.9em; }

table.list tbody tr.group td { padding: 0.8em 0 0.5em 0.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
table.list tbody tr.group span.count { color: #aaa; font-size: 80%; }
tr.group a.toggle-all { color: #aaa; font-size: 80%; font-weight: normal; display: none;}
tr.group:hover a.toggle-all { display: inline;}
a.toggle-all:hover {text-decoration: none;}

table.list tbody tr:hover, table.list tr.keyboard_hover { background-color: #ffff99 !important; }
table.list tbody tr.group:hover, table.list tr.group.keyboard_hover { background-color: inherit !important; }
table td {padding: 2px;}
table p {margin: 0;}

table.attributes { width: 100% }
table.attributes th { vertical-align: top; text-align: left; }
table.attributes td { vertical-align: top; }

td.center, th.center {text-align: center;}

#watchers ul {margin: 0;  padding: 0;}
#watchers li {list-style-type: none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;float: left;}
#watchers select {width: 200px; display: block;float: left;margin-right: 10px;}
#watchers a.delete {opacity: 0.4;}
#watchers a.delete:hover {opacity: 1;}
#watchers img.gravatar {vertical-align: middle;margin: 0 4px 2px 0;}

.highlight { background-color: #FCFD8D;}
.highlight.token-1 { background-color: #faa;}
.highlight.token-2 { background-color: #afa;}
.highlight.token-3 { background-color: #aaf;}

.box{
  padding: 6px;
  margin-bottom: 10px;
  line-height: 1.5em;
  border: 1px solid #e4e4e4;
}

div.square {
  border: 1px solid #999;
  float: left;
  margin: .3em .4em 0 .4em;
  overflow: hidden;
  width: .6em; height: .6em;
}
.contextual {float: right; white-space: nowrap; line-height: 1.4em;margin-top: 8px; padding-left: 10px;}
.contextual input, .contextual select {font-size: 0.9em;}
.message .contextual { margin-top: 0; }

.splitcontentleft{float: left; width: 49%;}
.splitcontentright{float: right; width: 49%;}
form {display: inline;}
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
fieldset {border: 1px solid #e4e4e4; margin: 0}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
blockquote blockquote { margin-left: 0;}
.news label.timestamp  { border-bottom: 1px dotted; cursor: help; }
textarea.wiki-edit { width: 99%; }
li p {margin-top: 0;}
p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }

div.issue div.subject div div { padding-left: 16px; }
div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
div.issue div.subject>div>p { margin-top: 0.5em; }

#issue_tree table.issues { border: 0; }
#issue_tree td.checkbox, th.hidden {display: none;}

#content fieldset#filters {
  padding-bottom: 10px;
}
#content fieldset.collapsible.header_collapsible {
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
  margin: 0px;
  margin-right: 10px;
  margin-left: 1px;
}
fieldset.collapsible.header_collapsible > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
fieldset.collapsible.header_collapsible > * {
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
  padding-left: 6px;
}
fieldset.collapsible.header_collapsible legend {
  background: #E6E6E6 url(<%= asset_path 'projectnavi_arrow_up.png' %>) no-repeat 99% 50%; cursor: pointer;
  width: 100%;
  height: 23px;
  line-height: 24px;
}

fieldset.collapsible.header_collapsible legend:hover {
  background-color: #d8d8d8;
}
fieldset.collapsible.collapsed.header_collapsible legend {
  background-image: url(<%= asset_path 'projectnavi_arrow_down.png' %>);
}
fieldset.collapsible { border-width: 1px 0 0 0; }
fieldset.collapsible.borders { border-width: 1px; }
fieldset.collapsible.collapsed.borders { border-width: 1px 0 0 0; }
fieldset.collapsible legend { padding-left: 16px; cursor: pointer; }

fieldset#date-range p { margin: 2px 0 2px 0; }
fieldset#filters table { border-collapse: collapse; }
fieldset#filters table td { padding: 0; vertical-align: middle; }
fieldset#filters tr.filter { height: 2em; }
fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
.buttons { margin-bottom: 1.4em; margin-top: 1em; }

div#work_package-changesets {
  float:right;
  width:45%;
  margin: 1em 0 1em 1em;
  background: #fff;
  padding-left: 1em;
}
div#work_package-changesets h3 {
  margin-top: 0;
}
div#work_package-changesets div.changeset { padding: 4px;}
div#work_package-changesets div.changeset { border-bottom: 1px solid #ddd; }
div#work_package-changesets p { margin-top: 0; margin-bottom: 1em;}

div#activity dl, #search-results { margin-left: 2em; }
div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
div#activity dt.me .time { border-bottom: 1px solid #999; }
div#activity dt .time { color: #777; font-size: 80%; }
div#activity dd .description, #search-results dd .description { font-style: italic; }
div#activity span.project:after, #search-results span.project:after { content: " -"; }
div#activity dd span.description, #search-results dd span.description { display: block; color: #808080; }

#search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left: 0px; }

div#search-results-counts {float: right;}
div#search-results-counts ul { margin-top: 0.5em; }
div#search-results-counts  li { list-style-type: none; float: left; margin-left: 1em; }

.search-pagination { text-align: center; }
.search-pagination a {padding: 0 5px; }

#project-search-container .select2-container {
  display: block;
}

div#roadmap .related-issues {
  border: 0;
  margin-bottom: 1em;
}
div#roadmap .related-issues td.checkbox { display: none; }
div#roadmap .wiki h1:first-child { display: none; }
div#roadmap .wiki h1 { font-size: 120%; }
div#roadmap .wiki h2 { font-size: 110%; }

div#version-summary { float: right; width: 380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
div#version-summary fieldset { margin-bottom: 1em; }
div#version-summary .total-hours { text-align: right; }

table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
table#time-report tbody tr { font-style: italic; color: #333; }
table#time-report tbody tr.last-level { font-style: normal; color: #555; }
table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color: #EEEEEE; }
table#time-report .hours-dec { font-size: 0.9em; }

form .attributes {
  margin-bottom: 8px;
  overflow: auto;
}
form .attributes p { padding-top: 1px; padding-bottom: 2px; }
form .attributes select { min-width: 50%; }

ul.projects { margin: 0; padding-left: 1em; }
ul.projects.root { margin: 0;  padding: 0; }
ul.projects ul {border: none; }
ul.projects ul.projects { border-left: 3px solid #e0e0e0; }
ul.projects li.root { list-style-type: none; margin-bottom: 1em; }
ul.projects li.child { list-style-type: none; margin-top: 1em;}
ul.projects div.root a.project { font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }

#type_project_ids ul { margin: 0;  padding-left: 1em; }
#type_project_ids li { list-style-type: none; }

ul.properties {padding: 0; font-size: 0.9em; color: #333;}
ul.properties li {list-style-type: none;}
ul.properties li span {font-style: italic;}

.total-hours { font-size: 110%; font-weight: bold; }
.total-hours span.hours-int { font-size: 120%; }

.autoscroll {overflow-x: auto; padding: 1px; margin-bottom: 1.2em;}
#user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }

#workflow_copy_form select { width: 200px; }

textarea#custom_field_possible_values {width: 99%}

.pagination {font-size: 90%}
p.pagination {margin-top: 8px;}

/***** Tabular forms ******/
.tabular p {
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 180px; /*width of left column containing the label elements*/
  height: auto;
  clear: left;
}

html>body .tabular p {overflow: hidden;}

.tabular label {
  font-weight: bold;
  float: left;
  text-align: right;
  margin-left: -180px; /*width of left column*/
  width: 175px; /*width of labels. Should be smaller than left column to create some right
  margin*/
}

.tabular td label {
  font-weight: normal;
  float: none;
  text-align: left;
  margin-left: 0; /*width of left column*/
  width: auto; /*width of labels. Should be smaller than left column to create some right
  margin*/
}

p.email_notification {
  margin: 18px 10px 6px;
  padding: 87px;
}

.tabular label.floating{
  font-weight: normal;
  margin-left: 0px;
  text-align: left;
  width: 270px;
}

.tabular label.block{
  font-weight: normal;
  margin-left: 0px !important;
  text-align: left;
  float: none;
  display: block;
  width: auto;
}

.tabular label.inline{
  float: none;
  margin-left: 5px !important;
  width: auto;
}

label.no-css {
  font-weight: inherit;
  float: none;
  text-align: left;
  margin-left: 0px;
  width: auto;
}
input#time_entry_comments { width: 90%;}

#preview fieldset {margin-top: 1em; background: url(<%= asset_path 'draft.png' %>)}

.tabular.settings p{ padding-left: 300px; }
.tabular.settings label{ margin-left: -300px; width: 295px; }
.tabular.settings textarea { width: 99%; }

fieldset.settings label { display: block; }
fieldset#notified_events .parent { padding-left: 20px; }

.required {color: #bb0000;}
.summary {font-style: italic;}

input.attachment_choose_file {
  float: left;
  margin-right: 10px;
}
div.attachment_field {
  height: 30px;
}
#attachments {font-size: 1em; }
#attachments_fields input[type=text] {margin-left: 8px; }

div.attachments { margin-top: 12px; }
div.attachments p { margin: 4px 0 2px 0; }
div.attachments img { vertical-align: middle; }
div.attachments span.author { font-size: 0.9em; color: #888; }

p.other-formats { font-size: 0.9em; color: #666; }
.other-formats span + span:before { content: "| "; }

/* Project members tab */
div#tab-content-members .splitcontentleft,
div#tab-content-memberships .splitcontentleft,
div#tab-content-users .splitcontentleft { margin-right: 1em; }
div#tab-content-members .splitcontentleft,
div#tab-content-memberships .splitcontentleft,
div#tab-content-users .splitcontentleft,
div#tab-content-members .splitcontentright,
div#tab-content-memberships .splitcontentright,
div#tab-content-users .splitcontentright { margin-bottom: 1em; }
div#tab-content-members fieldset,
div#tab-content-memberships fieldset,
div#tab-content-users fieldset { padding: 1em; }
div#tab-content-members fieldset,
div#tab-content-memberships fieldset,
div#tab-content-users fieldset,
div#tab-content-members fieldset p { margin-bottom: 1em; }
div#tab-content-info fieldset legend,
div#tab-content-members fieldset legend,
div#tab-content-memberships fieldset legend,
div#tab-content-users fieldset legend { font-weight: bold; }
div#tab-content-members .user.status_registered, div#tab-content-members label.status_registered { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -moz-opacity: 0.8; }

input#user_search {width: 100%}

* html div#tab-content-members fieldset div { height: 450px; }

div#tab-content-members fieldset div.select-boxes label,
div#tab-content-members fieldset div#principal_results div.roles,
div#tab-content-members fieldset div#principal_results div.principals {
  display: inline-block;
  width: 350px; /* max-width of select2boxes */
}
div#tab-content-members fieldset div.select-boxes .select2-container {
  float: left;
  font-weight: normal;
}

/***** Form error messages ****/

span.errorSpan {
  font-weight: bold;
}

span.errorSpan textarea {
  border: 2px solid red;
}
span.errorSpan select {
  border: 2px solid red;
}
span.errorSpan input {
  border: 2px solid red;
}


/***** Ajax indicator ******/
#ajax-indicator {
  position: absolute; /* fixed not supported by IE */
  background-color: #eee;
  border: 1px solid #bbb;
  top: 35%;
  left: 40%;
  width: 20%;
  font-weight: bold;
  text-align: center;
  padding: 0.6em;
  z-index: 100;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

html>body #ajax-indicator { position: fixed; }

#ajax-indicator span, .ajax-indicator {
  background-position: 0% 40%;
  background-repeat: no-repeat;
  background-image: url(<%= asset_path 'loading.gif' %>);
  padding-left: 26px;
  vertical-align: bottom;
}

.ajax_appended_information.loading .ajax-indicator {
  padding-left: 22px;
  display: block;
  width: 0em;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}


/***** Tooltips ******/
.tooltip{position: relative;z-index: 24;}
.tooltip.hover, .tooltip:hover {
  z-index: 25;color: #000;
}
.tooltip span.tip{display: none; text-align: left;}

div.tooltip:hover span.tip, div.tooltip.hover span.tip {
  display: block;
  position: absolute;
  top: 12px; left: 24px; width: 270px;
  border: 1px solid #555;
  background-color: #fff;
  padding: 4px;
  font-size: 0.8em;
  color: #505050;
}

/***** Progress bar *****/
#content table.progress {
  border-spacing: 0pt;
  empty-cells: show;
  text-align: center;
  float: left;
  margin: 1px 6px 1px 0px;
  border: 1px solid #BBBBBB;
  border-collapse: separate;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#content table.progress td { height: 0.9em; }
#content table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
#content table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
#content table.progress td.open { background: #FFF none repeat scroll 0%; }
p.pourcent {font-size: 80%;}
p.progress-info {clear: left; font-style: italic; font-size: 80%;}

/***** Tabs *****/
#content .tabs {
  position: relative;
  height: 2.6em;
  margin-bottom: 1.2em;
  z-index: 1;
  overflow: hidden;
}
#content .tabs ul {
  position: absolute;
  left: 0px;
  right: 60px;
  margin: 0;
  bottom: 0;
  padding-left: 1em;
  width: 2000px;
  border-bottom: 1px solid #bbbbbb;
  overflow: hidden;
}
#content .tabs ul li {
  float: left;
  list-style-type: none;
  white-space: nowrap;
  margin-right: 8px;
  background: #fff;
  margin-bottom: -1px;

}
#content .tabs ul li a{
  display: block;
  font-size: 0.9em;
  text-decoration: none;
  line-height: 1.3em;
  padding: 4px 6px 4px 6px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbbbbb;
  background-color: #eeeeee;
  color: #333;
  font-weight: bold;
}

#content .tabs ul li a:hover {
  background-color: #ffffdd;
  text-decoration: none;
}

#content .tabs ul li a.selected {
  background-color: #fff;
  border: 1px solid #bbbbbb;
  border-bottom: 1px solid #fff;
}

#content .tabs ul li a.selected:hover {
  background-color: #fff;
}

div.tabs-buttons { position: absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }

button.tab-left, button.tab-right {
  font-size: 0.9em;
  cursor: pointer;
  height: 24px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbbbbb;
  position: absolute;
  padding: 4px;
  width: 20px;
  bottom: -1px;
}

button.tab-left {
  right: 20px;
  background: #eeeeee url(<%= asset_path 'bullet_arrow_left.png' %>) no-repeat 50% 50%;
}

button.tab-right {
  right: 0;
  background: #eeeeee url(<%= asset_path 'bullet_arrow_right.png' %>) no-repeat 50% 50%;
}

/***** Auto-complete *****/
div.autocomplete {
  position: absolute;
  width: 400px;
  margin: 0;
  padding: 0;
  z-index: 500;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: -1px 0 0 0;
  padding: 2px;
  cursor: pointer;
  font-size: 90%;
  border: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li span.informal {
  font-size: 80%;
  color: #aaa;
}

#parent_issue_candidates ul li {width: 500px;}
#related_issue_candidates ul li {width: 500px;}

/***** Diff *****/
img.diff, div.diff, table.diff, blockquote.diff, address.diff, h1.diff, h2.diff, h3.diff, h4.diff, h5.diff, h6.diff, hr.diff, p.diff, pre.diff, table.diff, ul.diff, ol.diff {
  padding: 3px;
  margin: 3px;
}

del.diffmod, del.diffdel { background: #fcc; }
ins.diffmod, ins.diffins { background: #cfc; }

.text-diff {
  padding: 1em;
  background-color: #f6f6f6;
  color: #505050;
  border: 1px solid #e4e4e4;
}

/***** Work Package quick info *****/

.quick_info {
  padding-bottom: 0.5em;
}

.quick_info.attributes .label {
  font-weight: bold;
}

/***** My page layout *****/
img.gravatar {
  border: solid 1px #d5d5d5;
  background: #fff;
}

div.issue img.gravatar {
  float: right;
  margin: 0 0 0 1em;
  padding: 5px;
}

div.issue table img.gravatar {
  height: 14px;
  width: 14px;
  padding: 2px;
  float: left;
  margin: 0 0.5em 0 0;
}

h2 img.gravatar {
  margin: -2px 4px -4px 0;
  vertical-align: top;
}

h4 img.gravatar {
  margin: -6px 0 -4px 0;
  vertical-align: top;
}

td.username img.gravatar {
  margin: 0 0.5em 0 0;
  vertical-align: top;
}

#activity dt img.gravatar {
  float: left;
  margin: 0 1em 1em 0;
}

/* Used on 12px Gravatar img tags without the icon background */
.icon-gravatar {
  float: left;
  margin-right: 4px;
}

#activity dt,
.journal {
  clear: left;
}

.journal-link {
  float: right;
}

h2 img { vertical-align: middle; }

/* Merged from the new layout #263 */
/**
 * ToC
 * 00 - Base Typography
 * 01 - Header
 * 02 - Main Menu
 * 03 - Main Content
 * 04 - Issue Tables
 * 05 - Single Issue Page
 * 06 - Projects Page
 * 07 - Behavior Styles
 * 08 - Reusable classes
 * 09 - New Issue Form
 * 10 - Plugins and misc
 * 11 - Appended from staging
 */

/*-------------------------------------------------------------------------------
 * =00 - Base Typography
 *
 * This section includes the typography base for the body and heading elements.
 ------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
h1 {
  font-size: 21px;
}
h2, .wiki h1 {
  font-size: 18px;
  padding: 2px 10px 1px 0px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #bbbbbb;
}
h3 {
  font-size: 16px;
  margin-bottom: 16px;
}
h4 {
  font-size: 14px;
  margin-bottom: 16px;
}
h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
a:hover {
  text-decoration: underline;
}



/*-------------------------------------------------------------------------------
 * =03 - Main Content
 *
 * This section includes the layout and styles for the main content area.
 ------------------------------------------------------------------------------*/

h1.title {
  margin: 12px 24px 9px;
}
#content .title-bar {
  position: relative;
}

.title-bar h2 span {
  font-weight: bold;
}

/* .button-large was too generic and targeted other pages with it's positioning */
.title-bar .button-large {
  position: absolute;
  top: 8px;
}

.button-large a {
  padding: 3px 9px;
  display: block;
  color: #6a0406;
}
.title-bar .add-filter {
  right: 155px;
}

fieldset#filters div.add-filter {
  text-align: right;
}

.title-bar-extras {
  color: #333333;
}
.title-bar-extras ul {
  padding: 10px;
  overflow: auto;
}
.title-bar-extras li {
  padding-bottom: 5px;
}
.title-bar-extras select {
  margin-right: 10px;
}
.extras-actions {
  padding: 5px 10px;
  position: relative;
}
.extras-actions a {
  border: 0;
  color: #000;
  padding-left: 18px;
  margin-right: 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 11px;
}

/*-------------------------------------------------------------------------------
 * =04 - Issue Table
 *
 * This section includes the layout and styles for the main issues table.
 ------------------------------------------------------------------------------*/

form#issue-list {
  position: relative;
}
#content table.issues {
  width: 100%;
}
#content table th {
  font-weight: normal;
}
#content table.issues td, #content table th {
  border: 0 none;
  padding: 3px 6px;
  text-align: left;
  position: relative;
  vertical-align: top;
}
#content table th a {
  color: #111;
  text-decoration: none;
}
#content table th a:hover {
  color: #6a0406;
  text-decoration: underline;
}
#content table th.current-sort {
  background: #fff url(<%= asset_path 'gradient-up.png' %>) repeat-x;
}

#content table th.current-sort a {
  background: url(<%= asset_path 'sort_desc.png' %>) no-repeat right center;
  padding-right: 16px;
  display: block;
}
#content table tr.odd {
  background-color: white;
}
#content table tr.even {
  background-color: #f6f7f8;
}
#content table tr.even:hover, #content table tr.odd:hover {
  background-color: #FFD;
}
#content table tr.context-menu-selection, #content table tr.context-menu-selection:hover {
  background-color: #FFFFB2;
}
#content table td.issue {
  background: url(<%= asset_path 'arrow-bottom-right.png' %>) no-repeat right bottom;
  width: 42px;
  cursor: context-menu;
}
#content table td.updated {
  width: 80px;
}
#multiple-action-buttons {
  float: left;
  margin: 10px 0;
}
#multiple-action-buttons li {
  float: left;
  margin-right: 10px;
}
.pagination, .other-formats {
  margin: 10px 0;
}
.pagination a {
  padding: 1px 2px;
}

/*-------------------------------------------------------------------------------
 * =05 - Single Issue Page
 *
 * This section includes the layout and styles for the single issues page.
 ------------------------------------------------------------------------------*/

div.issue hr {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
#content div.issue h3, div.issue h3 {
  border: 0px;
  margin-top: -6px;
  margin-bottom: 0px;
}
#content div.issue table td, #content div.issue table th {
  background: none;
  border: 0 none;
  padding: 0 3px;
  padding-left: 0px;
}
#content div.issue table th {
  font-weight: bold;
}
.gravatar {
  border: 1px solid #aaa;
}
.issue p {
  margin-bottom: 5px;
}
.attachments h4 {
  margin-bottom: 6px;
  background: url(<%= asset_path 'files-showhide.png' %>) no-repeat right bottom;
  cursor: pointer;
}
.attachments h4.closed {
  background-position: right 5px;
}

table.files {
  display: table;
}
#content table.files td, #content table.files th, #content table.files {
  border: 0;
  background: none;
}
#content table.files th {
  font-weight: bold;
  padding: 1px;
}
#content table.files td {
  color: #555;
  padding: 1px;
}
#content table.files .opt-desc {
  width: 60%;
}
#content table.files td a {
  position: relative;
}
#history {
  margin-top: 1em;
  margin-bottom: 0px;
}
#history h3 {
  margin-bottom: 20px;
}
#history .journal {
  position: relative;
  margin: 0 0 15px;
  margin-bottom: 20px;
  min-height: 40px;
  clear: left;
  margin-left: 3px;
}
.journal .profile-wrap {
  float: left;
  position: relative;
  left: 0;
  top: 0;
  padding-left: 4px;
  padding-right: 4px;
}
.journal h4 {
  padding-right: 5px;
  font-size: 12px;
  font-weight: normal;
  position: relative;
  z-index: 5;
  border: 0;
  margin-bottom: 0px;
}
.journal h4 .history-id {
  float: right;
  color: #999;
}
.journal .wiki {
  padding: 0;
  overflow: auto;
  margin-left: 50px;
}
.journal .contextual {
  float: right;
}
.journal .contextual a {
  float: left;
  display: block;
  margin: 0 0 0 5px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.question-line {
  display: block;
}
#content blockquote, .wiki ol, .wiki ul {
  padding-left: 9px;
}
.wiki p {
  margin-bottom: 5px;
}
blockquote {
  font-style: italic;
  background: url(<%= asset_path 'blockquote-bg.png' %>) no-repeat 25px 3px;
}
.wiki ul li {
  list-style: disc inside none;
}
.file-thumbs {
  margin: 20px 0 0;
  overflow: hidden;
  float: left;
}
.file-thumbs a {
  display: block;
  float: left;
  margin-right: 10px;
  text-align: center;
}
.file-thumbs a img {
  display: block;
  margin: 0 auto 5px;
  border: 1px solid #226D81;
}
.file-thumbs a img.pdf {
  border: 0;
}

.journal-attributes {
  color: #333333;
  font-size: 11px;
}
ul.journal-attributes {
  list-style-type: disc;
  margin-bottom: 10px;
}
ul.journal-attributes li {
  margin-left: 75px;
}

/*-------------------------------------------------------------------------------
 * =06 - Projects Page
 *
 * This section defines the styles for the projects "home" page.
 ------------------------------------------------------------------------------*/

#project-links {
  right: 30px;
  color: #ccc;
  font-weight: bold;
}
.nosidebar blockquote {
  margin: 1em 0;
}
.nosidebar p {
  margin-bottom: 1em;
}
li.root {
  font-size: 18px;
  margin-bottom: 24px;
}
li.child {
  font-size: 14px;
}
.nosidebar ul.projects {
  margin: 24px 0 0;
}
.nosidebar ul.projects ul {
  margin: 0;
}
ul.projects .description {
  font-size: 12px;
}
.nosidebar ul.projects li {
  list-style: none outside none;
  background: none;
}
ul.projects a {
  font-weight: bold;
}
ul.projects li div.root {
  margin-bottom: 12px;
}
.nosidebar ol li {
  list-style: decimal outside none;
  margin-left: 24px;
}
.nosidebar ol, .nosidebar ul {
  margin: 0 0 12px 18px;
}


/*-------------------------------------------------------------------------------
 * =07 - Behavior Styles
 *
 * This section defines the styles for handling behaviors - popups, flyouts, etc.
 ------------------------------------------------------------------------------*/

.profile-wrap {
  float: right;
  position: relative;
  width: 42px;
  height: 42px;
  top: 7px;
  right: 14px;
}
.profile-box {
  position: absolute;
  right: 0;
  top: 45px;
  width: 205px;
  display: none;
  z-index: 10;
}
.issue .profile-box ul, .journal .profile-box ul {
  background: url(<%= asset_path 'profile-arrow-up.png' %>) no-repeat 175px top;
  position: relative;
  z-index: 11;
  top: -8px;
  padding-top: 8px;
  margin-bottom: -8px;
}
.journal .profile-box {
  right: auto;
  left: 0;
}
.journal .profile-box ul {
  background-position: 13px top;
}
.profile-box ul li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
}
.profile-box ul li:first-child {
  border-top: 0;
}
.profile-box ul li:last-child {
  border-bottom: 0;
}
.profile-box .gravatar {
  border: 0;
  float: left;
  margin-right: 6px;
}

/* file table hovers */
a.has-thumb img {
  position: absolute;
  display: none;
  border: 1px solid #a6c6cf;
  padding: 4px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}
a.has-thumb.active {
  left: -10px;
  background: url(<%= asset_path 'thumb-arrow-right.png' %>) no-repeat left center;
  padding-left: 10px;
  margin-right: -10px;
}

td.issue div.issue-wrap-outer {
  position: relative;
}

.button-large ul {
  position: absolute;
  right: -1px;
  top: 20px;
  z-index: 5;
  display: none;
}
.button-large ul li {
  padding: 0;
  white-space: nowrap;
}
.title-bar .button-large ul li a {
  background-image: none;
  padding: 6px 12px;
}
.title-bar .button-large ul li a:hover {
  background-color: #fff;
}

/*-------------------------------------------------------------------------------
 * =08 - Reusable Classes
 *
 * This section defines reusable classes for menus, etc.
 ------------------------------------------------------------------------------*/

.menu li {
  position: relative;
  padding: 6px;
}
.menu li:first-child {
  border-top: 0;
}
.menu li:last-child {
  border-bottom: 0;
}
.inline {
  display: inline;
}

/*-------------------------------------------------------------------------------
 * =11 - Appended from staging
 ------------------------------------------------------------------------------*/
/* tooltip fix */
form#issue-list {
  display: block;
}
.js-tooltip, .js-tooltip-inner {width: 100%;}
.js-tooltip-inner {
  max-height: none;
}
.js-tooltip .issue-tooltip-description {
  max-height: 200px;
  overflow: hidden;
}

/* roadmap breathing */
#roadmap h3 {
  margin: 21px 0 12px;
}
div#roadmap fieldset.related-issues {
  margin: 12px 0;
  padding: 6px 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#roadmap fieldset legend {
  font-style: italic;
}

tr.context-menu-selection td.priority {
  background: none !important;
}

.nomenus #content {
  margin: 0px;
  padding: 0px;
}

.nomenus #main {
  padding-bottom: 0px;
}

/* Blue dots killed */
.nosidebar ul li {
  background: none;
  list-style: disc outside none;
}
.nosidebar ul {
  margin: 12px 0 12px 18px;
}

ul.projects div.root a.project {
  font-family: inherit;
}

/* tables don't all need border you know */
#relations table td, #relations table th {
  border: 0 none;
}

div.issue div#relations {
  margin-top: 25px;
}

/* custom query page */
#content .box fieldset {
  border: 1px solid #ddd;
  margin: 18px 10px 6px;
  padding: 10px;
}
#content .box fieldset legend {
  font-weight: bold;
}
.box fieldset li.filter {
  padding-top: 6px;
  overflow: hidden;
}
.box fieldset select {
  margin-right: 6px;
}
.box fieldset #add_filter_select {
  margin-bottom: 6px;
}
.box li.filter label {
  clear: left;
  float: left;
  width: 170px;
}
.box li.decorated {
  margin-left: 20px;
  list-style: disc outside none;
}
fieldset#columns table {
  width: auto;
}
fieldset#columns td {
  border: 0;
  vertical-align: middle;
}

/* all kinds of wonderful tweaks */

.question pre {
  color: #111;
}
.box p {
  padding-top: 5px;
  padding-bottom: 8px;
}
#content .box h3 {
  margin-top: 3px;
}
div.issue hr {
  width: auto;
}
.question .wiki {
  margin: 0;
}
.wiki ol, .wiki ul {
  margin-bottom: 6px;
}
#content h3, #history h3 {
  margin: 12px 0 6px;
}
#content h2 + h3 {
  margin-top: 12px;
}
div.issue img.gravatar, #history img.gravatar {
  float: none;
  margin: 0;
  padding: 0;
}
p.author {
  margin-bottom: 15px;
  font-style: italic;
}
/* add filter select box on non-issue pages */
fieldset#filters div.add-filter {
  text-align: left;
  margin: 0 0 6px 0;
}
.nosidebar #add_filter_select {
  margin-bottom: 6px;
}
.nosidebar .box fieldset {
  line-height: 1.5;
  margin: 0 0 12px 180px;
}
.nosidebar .box fieldset legend {
  margin-bottom: 6px;
}
.nosidebar fieldset ul li {
  background: none;
}
.title-bar .add-filter.button-large {
  background: none;
  border: none;
}
.title-bar .contextual {
  padding: 0 0 0 12px;
  position: absolute;
  right: 10px;
  top: 0;
  margin: 0;
}
.title-bar .contextual a.icon {
  line-height: 3.5;
  margin-right: 16px;
}
.title-bar .grouping {
  padding: 0 10px 10px;
}
.title-bar-extras ul {
  border-bottom: none;
}
.extras-actions {
  border-top: none;
}
.nosidebar fieldset ul {
  margin-left: 0;
}
.nosidebar ol.ui-sortable li {
  list-style: none outside none;
}
tr.time-entry {
  white-space: normal;
}

/*===== Replacement Images =====*/

.journal .contextual a[title=Edit] img {
  display: none;
}

/* comments */
.wiki ol li {
  list-style: decimal inside;
}

/* scm */
#content table .changeset td.id a:hover {
  text-decoration: underline;
}

/* issue updates */
#update fieldset .box {
  padding: 0;
  border: 0 none;
}
#update .tabular label {
  width: 140px;
  margin-left: -147px;
}
#update .tabular p {
  padding-left: 140px;
}

/* clearfix */
#content table.files .opt-desc {
  width: 45%;
}

/* member settings [pc] */

select#member_role_id {
  width: 75px;
}

/* fix for thumbnail jankiness */
a.has-thumb.active {
  left: auto;
  margin-left: -10px;
  margin-right: 0;
  *left: -10px;    /* IE6 & 7 hacks */
  *margin-left: 0;
}
a.has-thumb img {
  z-index: 1001;
}

#more-menu.drop-down ul li a.projects { border-top: 1px solid #555; }


.reorder-icons img {
  padding-right: 3px;
  padding-left: 3px;
}


/* Accessibility specific styles */
.hidden-for-sighted {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Cut of text with '...' - working on all major browsers and IE6+
 * not working for Firefox < 7 */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

label.label-with-input {
  display: block;
  white-space: nowrap;
  zoom: 1;
  margin-left: 0px;
  float: none;
}

fieldset#attachments input, fieldset#attachments span.add_another_file {
  zoom: 1;
  margin-left: 10px;
  margin-right: 10px;
}

#query_form_content {
  padding-top: 10px;
}
#lower-title-bar div.contextual {
  margin-top: -8px;
}
#lower-title-bar {
  margin-top: 30px;
  margin-left: 10px;
}
#watchers .contextual {
  margin-top: 0px;
}

div.work_package_part {
  margin-top: 15px;
}

div.work_package_part strong {
  text-decoration: underline
}

h4.overview {
  margin-bottom: 0px;
  border: 0;
}
#content .additional-information {
  font-size: 11px;
}
div.issues.box > p, div.mypage-box p {
  margin-top: 15px;
}

div.news.box > p {
  margin-top: -15px;
}
div.news {
  margin-bottom: 30px;
}
div.overview {
  padding: 6px;
  margin-bottom: 10px;
  line-height: 1.5em;
}
td.table-buttons {
  vertical-align: middle;
}
select#available_columns {
  margin-right: 0px;
}
.pages-hierarchy {
  padding-left: 10px;
  list-style-type: disc;
  list-style-position: inside;
}

.pagination .previous_page {
  width: 100%;
  height: 15px;
  padding-left: 18px;
}

.pagination .next_page {
  width: 100%;
  height: 15px;
  padding-right: 18px;
}

.pagination .next_page.disabled,
.pagination .previous_page.disabled {
  display: none;
}

.pagination .range,
.pagination .per_page_options {
  padding-left: 0.5em;
}

.pagination .per_page_options {
  border-left: 1px solid #4B4B4B;
  margin-left: 0.5em;
}

#menu-sidebar.hidden {
  display: none;
}
div#history div.journal div.journal-notes {
  overflow: visible;
}


div#watchers{
  margin-top: 25px;
}

div#watchers > form > p {
  margin-top: 5px;
}

a > img.imgtag-icon {
  float: left;
  margin-right: 3px;
}

th.checkbox img {
  margin-left: 3px;
  margin-top: 3px;
}

p.buttons {
  margin-left: 10px;
}
div.contextual > a.icon, p.buttons > a, ul.action_menu_main > li {
  padding-right: 10px;
}
strong.related-issues-heading {
  display: block;
  margin-top: 10px;
}
div.indent {
  padding-left: 10px;
}

/* Menu item configuration */

.menu-item-form p {
  padding-left: 0px;
}
.menu-item-form label {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0px;
  width: auto;
  font-weight: bold;
}
.menu-item-form select#parent_wiki_menu_item {
  margin-left: 7px;
  margin-top: -1px;
}
.menu-item-form #item-name {
  float: left;
  padding-left: 3px;
  margin-right: 4px;
  line-height: 21px;
}
.menu-item-form label#with-select {
  margin-left: 0px;
}
.menu-item-form select#parent_wiki_menu_item_wiki_page {
  margin-bottom: 10px;
}
.menu-item-form p input {
}
.menu-item-form fieldset#wiki_menu_item_setting {
  margin-top: 10px;
}
.menu-item-form p.item-name {
  padding-top: 10px;
}
.menu-item-form p.main_item {
  padding-bottom: 0px;
}
.menu-item-form p.wiki_menu_item_optional_links {
  margin-left: 10px;
  padding-top: 0px;
}

/* Open Project Design generated by theme-generator */


content {
  font-size: 12px;
}
/***** Links *****/  /* TODO */

#content #history {
  background: url(<%= asset_path 'dotted-separator.gif' %>) repeat-x scroll 0 bottom   transparent;
  padding-bottom: 11px;
}

#history .journal, #content .wiki-content p, #content .wiki-content li {
  width: 700px;
}

.required {color: #008BD0;}

/* Disable the css-override for the edit links in issue journals */
.journal .contextual a[title=Edit] {background: none;}
.journal .contextual a[title=Edit] img {display: inline;}

/***** Ajax indicator ******/
#ajax-indicator {
  position: absolute; /* fixed not supported by IE */
  background-color: #d9d9d9;
  border: 1px solid #8f8f8f;
  top: 35%;
  left: 40%;
  width: 20%;
  font-weight: bold;
  text-align: center;
  padding: 0.6em;
  z-index: 100;
  filter: alpha(opacity=70);
  opacity: 0.7;
}


/*Gannt chart fix IE 6*/
.task {
  line-height: 1em;
}

/*Cost-Plugin specific styles*/
.icon-pieces {
  background-image: url(<%= asset_path 'webalys/units.png' %>) !important;
}

.icon-pieces-time {
  background-image: url(<%= asset_path 'webalys/time.png' %>) !important;
}

body.theme-Bsp .buttons .apply,
body.theme-Dtag .buttons .apply {
  background-color:  #24b3e7;
}

input::-webkit-input-placeholder {
  color: #000000;
}
:-moz-placeholder {
  color:    #000000;
}

.ui-dialog { overflow: visible; }

#ui-dialog-closer {
    background-image: url(<%= asset_path 'modal_close.png' %>);
    cursor: pointer;
    height: 33px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 33px;
    z-index: 5000;
}

.ui-datepicker .ui-priority-secondary {
  opacity: 1;
  filter:Alpha(Opacity=100);
  font-weight: bold;
}

h4.comment {
  margin-bottom: 8px;
  margin-top: 18px;
}

h4.comment img {
  margin-right: 3px;
}

.bold {
  font-weight: bold;
}

.action-report table.list {
  display: block;
  overflow: auto;
}

.atwho-view {
  z-index: 25;
}

.atwho-view .cur {
  background: #FFFFBB;
  color: #4B4B4B;
}