/*
elections.css
City of Boulder Elections finance application.

Steve Clason
steve@steveclason.com

Revisions:
  25 Mar 09: create date.

*/

body {
  font-size: 100%;
  font-family: arial, helvetica, sans-serif;
  width: 615px;
  /*border: 1px solid #ccc;*/
}
#screen {
  display: none;
  font-size: 86%;
  padding: 15px 20px;
}

#noScript {
  display: block;
}

h1 {
  font-size: 200%;
  text-align: center;
}

h3 {
  text-align: left;
}

td, th {
  vertical-align: top;
}

input {
  border: 1px solid #ccc;
}

a, a:link, a:visited, a:active {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* Login Screen */
div#login {
  width: 50ex;
  margin: auto;
}

div#login .label {
  text-align: right;
}

#siteSeal {
  text-align: center;
}

/* Default Committee Page */
#stateOfOrg th, #stateOfOrg td {
  padding: .3em .5em;
}

#stateOfOrganization table {
  margin-bottom: 1em;
  width: 100%;
}
#stateOfOrganization th, #stateOfOrganization td {
  padding: .3em .5em;
  
}

#committeeMemberList th, #committeeMemberList td {
  padding: .1em .5em
}

div#reqFilingList, div#statementStatus {
  margin-top: 1em;
}

#reqFilingList th, #reqFilingList td {
  padding: .3em .5em;
}

#statementStatus th, #statementStatus td {
  padding: .3em .5em;
}

#contribution th, #contribution td, #expenditure th, #expenditure td {
  padding: .3em .5em;
  border: 1px solid silver;
}
#contributionSummary th, #contributionSummary td {
  border: 1px solid silver;
  padding: .3em .5em;
}

#balance td {
  border: 1px solid silver;
  padding: .3em .5em;
}

#selectReport th, #selectReport td {
  padding: .3em .5em;
}
/* Add Committee Officer Form */

#addCommitteeOfficerForm th, #addCommitteeOfficerForm td {
  padding: .3em .5em;  
}

.contSubButton { /* Submit button on Contributions form. */
  width: 20em;
}

a#convertToAdditional,
a#convertToMajor {
  color: blue;
}

a#convertToAdditional:hover,
a#convertToMajor:hover {
  cursor: pointer;
}

td.convertToAdditional,
td.convertToMajor {
  padding: .6em 0;
}
/**************************************************
 *                   REPORTS
 *************************************************/
body#report {
  width: auto;
  border: none;
}

#candidateList h1 {
  text-align: left;
  font-size: 150%;
}

#candidateList table {
  border-top: 3px solid #000;
  border-spacing: 0;
}

#candidateList th, #candidateList td {
  margin: 0;
  padding: .3em .6em;
  border-bottom: 1px solid #000;
}

table.report th, table.report td {
  padding: .3em .5em; 
  text-align: left; 
  border-spacing: 0;
}

table.report th {
  border-bottom: 2px solid #000;
}

table.report td {
  border-bottom: 1px solid #000;
}

#summaryReport td {
  padding: .3em .5em;
}

#summaryReports table {
  margin-bottom: 1em;
}

#CandESummary table{
  margin-bottom: 2em;
}

/**************************************************
 *                   FOOTER
 *************************************************/

#footer {
  font-size: 80%;
  color: gray;
  padding-top: 3em;
}

/**************************************************
 *                   UTILITY
 *************************************************/
.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}

.red {
  color: red;
}

.green {
  color: green;
}

.bold {
  font-weight: bold;
}

.required {
  color: red;
}

p.error {
  color: black;
  background-color: red;
  padding: .3em;
}

td.error, label.error {
  color: red;
  border-color: red;
}

.strikethrough {
  text-decoration: line-through;
}

a.button,
.button,
.contSubButton {
  background-color: #D4D0C8;
  border: 1px solid blue;
  padding: .2em .5em;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
}

input.button:hover {
  border: 1px solid black;
}

a.button:hover {
  border: 1px solid black;
}

.hidden {
  display: none;
}