/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 *
 * This Source Code Form is "Incompatible With Secondary Licenses", as
 * defined by the Mozilla Public License, v. 2.0.
 */

/* describecomponents.cgi */

.product_desc {
  /* This is padding instead of margin because it looks better 
   * with the scrollbar. */
  padding: 0 2em;
  font-style: italic;
  max-height: 8em;
  overflow: auto;
}

.component_table th {
  padding-right: 1em;
  text-align: left;
}

.component_table td {
  border-bottom: 1px dotted gray;
}

.component_table td.component_assignee,
.component_table td.component_qa_contact
{
  border: none;
  padding-top: 0.5em;
}

.component_name {
  font-size: 115%;
  font-weight: bold;
  padding-right: 1em;
  vertical-align: middle;
  min-width: 8em;
}

.component_description {
  padding-bottom: 0.5em;
  color: #333;
}

.t1 {
  background-color: #ffffff; /* white */
}

.t2 {
  background-color: #dfefff;  /* light blue */
}

.t3 {
  background-color: #dddddd;  /* grey */
}

.t4 {
  background-color: #c3d3ed; /* darker blue */
}

.ttotal, .ttotal td {
  background-color: #cfffdf; /* light green */
}

.tabular_report_container {
  /* Force tables to be horizontally centered */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tabular_report {
  border: 1px dotted black;
  border-collapse: collapse;
  text-align: center;
}

.tabular_report th, .tabular_report td {
  border: 1px dotted;
  padding: 0.2em;
}

#graphical_report {
  max-width: 100%;
  height: auto;
}

.extra_info {
  font-size: smaller;
  font-style: italic;
}

#edit_series th, #create_chart th, #edit_charts th {
    text-align: center;
}

#edit_series th, #edit_series td,
#create_chart th, #create_chart td {
    vertical-align: top;
    padding: 0.5em;
}

#edit_series select, #create_chart select {
    width: 15em;
}

#edit_series input {
    width: 95%;
}

#edit_series input#frequency {
    width: 3em;
}

#edit_charts input#action-sum, #edit_charts input#action-remove {
    width: 7em;
}

