/* General styles for the progress bars */
.progress_bar_holder
{
 padding-top: 0.5em;
 width: 90%;
 background: #fff;
 margin-left: 0.8em;
}

.progress_bar
{
 border: 1px solid #949494;
 background: #333333;
}

.progress_bar_interval
{
 background: #fff;
 border-spacing: 0;
 margin: 0;
 padding: 0;
 font-weight: bold;
}

.progress_bar_interval .new { background: #333333; }
.progress_bar_interval .assigned { background: #777777; }
.progress_bar_interval .sized { background: #ffe1e6; }
.progress_bar_interval .unsized { background: #333333; }
.progress_bar_interval .partially_sized { background: #777777; }
.progress_bar_interval .accepted { background: #ffdee3; }
.progress_bar_interval .test { background: #ffba74; }
.progress_bar_interval .doc { background: #f5f5b5; }
.progress_bar_interval .closed { background: #bae0ba; }

.legend_swatch
{
 border: 1px solid #acacac;
 background: #fff;
 border-spacing: 0;
 margin: 0;
 padding: 0;
 display: inline;
}

.legend_swatch .new      { background: #333333; }
.legend_swatch .assigned { background: #777777; }
.legend_swatch .sized { background: #ffe1e6; }
.legend_swatch .partially_sized { background: #777777; }
.legend_swatch .unsized { background: #333333; }
.legend_swatch .accepted { background: #ffdee3; }
.legend_swatch .test     { background: #ffba74; }
.legend_swatch .doc      { background: #f5f5b5; }
.legend_swatch .closed   { background: #bae0ba; }

.empty_cell { display: table-cell; width: 1em; }

.completion
{
 border: 1px solid #acacac;
 background: #fff;
 border-spacing: 0;
 margin: 0;
 padding: 0;
 display: inline;
}

.completion .done { background: #61e161; }
.completion .not_done { background: #e64957; }
.completion .complete { background: #d5ecd5; }
.completion .not_complete { background: #ffe1e6; }
.completion .not_applicable{ background: #ffffff; }
.completion .not_defined { background: #333333; }

.completion_stage {}
.completion_details { width: 4em; }

.id { width: 4em; }
.size { width: 4em; }
.done { width: 4em; }

.hint { color: #666; font-size: 85%; font-style: italic; margin: 0;
  padding-right: 0.5em;
}

table.progress {
 border: 3px solid #d7d7d7;
 border-collapse: collapse;
 border-spacing: 0;
 float: left;
 margin: 0;
 padding: 0;
 empty-cells: show;
}
table.progress a, table.progress :link, table.progress :visited,
table.progress :link:hover, table.progress :visited:hover {
 border: none;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0;
 text-decoration: none
}
table.progress td { background: #fff; padding: 0 }
table.progress td.accepted { background: #ff7b7b }
table.progress td.test { background: #ffba74 }
table.progress td.doc { background: #f5f5b5 }
table.progress td.closed { background: #bae0ba }
table.progress td :hover { background: none }
p.percent { font-size: 10px; line-height: 1.2em; }

/* Styles for the roadmap view */
ul.iterations { margin: 2em 0 0; padding: 0 }
li.iteration { list-style: none; margin-bottom: 4em }
.iteration .info { white-space: nowrap }
.iteration .info h2 {
 background: #f7f7f7;
 border-bottom: 1px solid #d7d7d7;
 margin: 0;
}
.iteration .info h2 :link, .iteration .info h2 :visited {
 color: #b00;
 border-bottom: 1px dotted #bbb;
}
.iteration .info h2 :link:hover, .iteration .info h2 :visited:hover {
 background-color: #eee; color: #555
}
.iteration .info h2 em { color: #b00; font-style: normal }

.iteration .info .iteration_date {
 background: #f7f7f7;
}

.iteration .info .date {
 color: #888;
 font-size: 11px;
 font-style: italic;
 margin: 0;
}
.iteration .info .progress { margin: 1em 1em 0; width: 40em; max-width: 70% }
.iteration .info dl {
 font-size: 10px;
 font-style: italic;
 margin: 0 1em 2em;
 white-space: nowrap;
}
.iteration .info dt { display: inline; margin-left: .5em }
.iteration .info dd { display: inline; margin: 0 1em 0 .5em }
.iteration .description { margin-left: 1em }

/* Styles for the iteration view */
.iteration .date { color: #888; font-style: italic; margin: 0 }
.iteration .description { margin: 1em 0 2em }

/* Styles for the iteration statistics table */
#stats { float: right; margin: 0 0 2em 2em; width: 400px; max-width: 40% }
#stats legend { white-space: nowrap }
#stats table { border-collapse: collapse; width: 100% }
#stats th, #stats td { font-size: 10px; padding: 0; white-space: nowrap }
#stats th { text-align: right; }
#stats th :link, #stats th :visited { border: none }
#stats td { padding-left: 0.5em; width: 100% }
#stats td table.progress { margin: 3px 4px 3px 0 }
#stats td table.progress td { padding: 0 }
#stats td p.percent { line-height: 1.2em; margin-top: 3px }

/* Styles for the iteration edit form */
#edit fieldset { margin: 1em 0 }
#edit em { color: #888; font-size: smaller }
#edit .disabled em { color: #d7d7d7 }
#edit .field { margin-top: 1.3em }
#edit label { padding-left: .2em }
#edit textarea#description { width: 97% }