/* main content styles */
/* global styles */
.alt {
  background: #92C7C7;
}

.block {
  display: block;
}

.padding {
  padding: 5px;
}

.vertical-padding {
  padding: 15px 0;
}

.horizontal-padding {
  padding: 0 15px;
}

.spacer {
  padding: 10px 0;
}

.padding-top {
  padding-top: 5px;
}

.padding-left {
  padding-left: 5px;
}

.padding-right {
  padding-right: 5px;
}

.padding-bottom {
  padding-bottom: 5px;
}

.margin-bottom {
  margin-bottom: 5px;
}

.margin-top {
  margin-top: 5px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.strong {
  font-weight: bold;
}

.label {
  float: left;
  width: 200px;
}

.divider {
  padding-left: 5px;
  padding-right: 5px;
}

.small {
  font-size: 11px;
}

.medium {
  font-size: 14px;
}

.large {
  font-size: 15px;
}

.big {
  font-size: 110%;
}

.bigger {
  font-size: 130%;
}

.center {
  text-align: center;
}

.pointer {
  cursor: pointer;
}

ul.inline {
  list-style-type: none
}

ul.inline li {
  display: inline;
  padding-right: 5px;
}

ul.inline span {
  padding-left: 2px;
}

/* lists */
ol.eventlist {
  font-size: 0.9em;
  list-style-type: decimal;
  margin: 0;
  margin-top: 1.5em;
  padding: 0;
}

#left ul {
  width: 130px;
}

ul.dashboard {
  padding-left: 0;
}

ul.dashboard li {
  padding-top: 10px;
}

ul.size li {
  display: inline;
  padding-right: 10px;
}

ul.size a {
  text-decoration: none;
  color: #000;
}

p.help-text {
  padding: 0 10px 10px 0;
  font-size: 90%;
}

.page-title {
  margin-top: 11px;
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
  color: #3c9acd;
}

/* specific styles */
.logo {
  float: left;
  padding: 15px 0 0 15px;
}

.logo img {
  border: none;
}

#nav-links {
  float: right;
  padding: 10px;
  color: #fff;
}

#nav-links a {
  color: #fff;
  text-decoration: none;
}

.project {
  padding: 10px;
  margin-right: 10px;
}

.project-title {
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 30px;
}

.project-title h3 {
  font-weight: normal;
}

.backlog-item {
  padding: 5px 10px;
  margin-right: 10px;
}

.task-item {
  padding: 5px 10px;
  margin-right: 10px;
}

.task-item-header {
  border-bottom: 1px dotted #aaa;
  padding-bottom: 5px;
}

.task-item-title {
  width: 60%;
  overflow: hidden;
}

.task-item-body {
  width: 100%;
  overflow: hidden;
  margin-top: 2px;
}

.task-item-body a {
  text-decoration: none;
  color: black;
}

.task-item-events {
  margin-top: 15px;
  margin-bottom: 10px;
}

.task-item-comments {
  margin-top: 10px;
  margin-bottom: 10px;
}

.task-item-details {
  margin-top: 15px;
  margin-bottom: 10px;
}

.task-item-detail-row {
  padding: 3px 0;
}

.lightgray-background {
  background-color: lightgray;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
}

.editor_field {
}

.editor_ok_button {
  background: url(../images/check_on.gif) no-repeat right top;
  width: 18px;
  height: 18px;
  border: none;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
}

.editor_cancel_button {
  background: url(../images/cancel_on.gif) no-repeat right top;
  width: 18px;
  height: 18px;
  border: none;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
}

.pdf_icon {
  background: url(../images/pdf_icon.gif) no-repeat right top;
  width: 28px;
  height: 28px;
  border: none;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  text-decoration: none;
  cursor: pointer;
}

.in_place_editor_field {
  cursor: pointer;
}

.new_form {
  width: 545px;
  background-color: lightblue;
  padding: 10px;
  margin-bottom: 5px;
}

.new_sidebar_form {
  width: 118px;
  background-color: lightblue;
  padding: 10px 5px 1px 5px;
}

input.sexy {
  background: #FFFFFF url(../images/login-bg.gif) no-repeat scroll 0 50%;
  color: #000000;
  padding-left: 18px;
}

.calendar-date {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.calendar img {
/* The calendar icon is hidden*/
  height: 0.06em;
  width: 0.06em;
  visibility: hidden;
}

#console {
  background-color: #82c422;
  position: fixed;
  text-align: center;
  left: 40%;
  width: 20%;
  white-space: nowrap;
  z-index: 1;
}

.flash {
}

.flash_notice {
  color: green;
  text-align: center;
  padding-top: 5px;
}

.flash_error {
  color: red;
  text-align: center;
  padding-top: 5px;
}

.green {
  color: green;
}

.red {
  color: red;
}

.lightgray {
  color: lightgray;
}

.strong {
  font-weight: bold;
}

#breadcrumbs {
  padding: 6px 6px 0 20px;
}

/*************************************
 +Comments
 *************************************/
.commentsblock {
  margin: 0.5em;
  padding: 1em;
}

.commentsblock textarea {
  width: 35em;
}

.commentsblock input, .commentsblock textarea {
  border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
  background: #eee;
  border: 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
  background: #eee;
  border: 1px solid #a1a1a1;
}

.commentauthor {
  display: block;
  font-size: 1.5em;
}

ol.commentlist {
  font-size: 0.9em;
  list-style-postion: inside;
  margin: 0;
  padding: 0;
}

.commentlist li {
  margin-bottom: 0.5em;
  margin-left: 1.5em;
  padding: 0.5em 1em;
}

h3#comments {
  font-size: 1.6em;
}

#contentWrap ol, #contentWrap ul {
  margin: 3px 0 5px 35px;
}

#contentWrap ol#project_comments_list {
  margin: 3px 0 5px 0px;
}

#contentWrap li {
  padding-bottom: 2px;
}

#right ul {
  list-style: none;
  padding-bottom: 2px;
  margin-left: 0;
  padding-left: 15px;
}

#right li {
  padding-bottom: 3px;
  margin: 2px;
}

/******************
   Miscellaneous
******************/

.forgot_password_header {
  width: 34em;
  margin: 0 auto;
  padding-bottom: 3em;
  text-align: center;
  font-size: 107%;
  color: #3C9340;
}

.forgot_password_table {
  width: 24em;
  margin: 0 auto;
  padding-right: 4em;
}

.forgot_password_label {
  margin: 0.2em 0;
  color: #000099;
}

.change_password_button {
  width: 24em;
  margin: 0 auto;
  padding-top: 5em;
  padding-right: 4em;
}

.change_password_button input {
  color: #000099;
}

.some_left_padding {
  padding-left: 1em;
}

.some_right_padding {
  padding-right: 1em;
}

.some_bottom_padding {
  padding-bottom: 1em;
}

.some_top_padding {
  padding-top: 1em;
}

.search_results {
  width: 10em;
  margin: 0 auto;
  font-size: 110%;
  font-weight: bold;
  padding: 1.2em 0;
}

.search {
  float: right;
}

.search-box {
  font-size: larger;
  border-bottom: 0;
  border-right: 0;
  padding: 1px;
}

.search-button {
  font-size: 110%;
  font-weight: normal;
  background-color: gainsboro;
  border: 2px solid gainsboro;
  cursor: pointer;
}

.search_item {
  border: 1px dotted #AAAAAA;
  font-size: 110%;
}

.hl3 {
  background: #FFFF99 none repeat scroll;
}

/* Inbox */
#inbox {
  padding-right: 15px;
}

.inbox-item {
  padding: 5px;
}

/* CSS BUTTONS */
.button_clear {
/* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}

a.button {
  background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
}

a.button span {
  background: transparent url('../images/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
  background-position: bottom left;
  padding: 6px 0 4px 18px; /* push text down 1px */
}

.cell.project-title {
  width: 200px;
}

.row {
  display: table-row;
  vertical-align: inherit;
  border: 1px solid inherit;
}

.gray div {
  background-color: #ccc;
}

/* profile */
.person_card {
  color: rgb(102, 102, 102)
}

.person_name {
  font-size: 18px;
}

a.display_name_link {
  color: darkblue;
  text-decoration: underline;
}

a.display_name_link:hover {
  color: blue;
  text-decoration: none;
}

.table-cell {
  display: table-cell;
  padding: 5px;
}

.handle {
  cursor: move;
  color: #777;
}

.title-text-area {
  overflow: hidden;
  height: 15px;
}

.body-text-area, .title-text-area {
  width: 540px;
}

#project_list th, #attachment_list th {
  padding: 6px;
}

#project_list td, #attachment_list td {
  padding: 6px;
}

.project-color {
  height: 1em;
  width: 1em;
  margin-bottom: -1px;
  display: inline-block;
}