[selectricity] / public / stylesheets / main.css

body    {       
        font-size:      1em;
        font-weight:    normal;
        word-spacing:   normal;
        letter-spacing: normal;
        text-transform: none;
        font-family:    Myriad Web, Geneva, Arial, Helvetica, sans-serif;
        font-size-adjust:       .48;
}       
p, blockquote, ul, ol, dl, dd, li, dir, menu {}

h1, h2, h3, h4 {
    border-bottom: 1px solid #4D801A;
    text-shadow: #4D801A 0.2em 0.2em 3px;

}
#headertext a {color: #FFFFFF; text-decoration: none;}

a:link { font-weight: bold; color: #4D801A; text-decoration: underline; } 
a:visited { font-weight: bold; color: #4D801A; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }

#loginbox {
  padding: 10px;
  border: 1px solid;
  width: 400px;
  text-align: left;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid 'red';
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#top { padding-left: 10px;
       padding-right: 10px;
       padding-top: 5px;
       padding-bottom: 5px;
       font-weight: normal;
       background: #73BF26;
       color: #FFFFFF;
}

#top h3 {
  border-bottom: 0px;
  font-size: 30px; }

#links { text-align : right; }
#links a { color: #FFF; font-weight: bold; }
#links a:visited { color: #FFF; font-weight: bold; }

.ListLine0 {
        background:  #e0f8f8;
        
}
.ListLine1 {
        background: #cccccc;
        
}

#main { margin: 30px; }

#notice { background: #FFFBB3; 
                        text-align: left;
                        font-weight: bold;
                        border: 2px dotted 'red';
                        margin-top: 10px;
                        margin-left: 50px;
                        padding: 5px 5px 5px 15px;
                        width: 400px; }

#status {
  width: 400px;
  border: 1px solid #0000FF;
  border-width: 1px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#footer { text-align: center;
          font-size: 12px;
          color: #464646;
          clear: both;}

#footer a { font-weight: normal; }
        
#subtext { 
        text-align: center;
        font-size: 12px;
        font-weight: bold; }

.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}



#xxErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#xxErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#xxErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.mainresultbox {
  text-align: center;
  width: 850px;
  border-width: 2px;
  border-style: solid;
  border-color: #4D801A;
  padding: 7px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mainresultbox h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #73BF26;
  color: #fff;
  border-bottom: 0px;
}

.resultbox {
  text-align: center;
  width: 400px;
  float: left;
  border-width: 2px;
  border-style: solid;
  border-color: #4D801A;
  padding: 7px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.resultbox h3 {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #73BF26;
  color: #fff;
  border-bottom: 0px;
}
.clearbox {
   clear: both;
   margin: 30px;
}

li.moveable {
  background-color: #E5FFCC;
  border:1px solid #4D801A;
  cursor: move;
  padding: 4px;
  margin: 4px;
}

#sortable_list {
  font-size: 24pt;
  display: float;
  float: left;
}

.voterbox {
  border-spacing: 0px;
  border-width: 2px;
  border-color: #4D801A;
  border-style: solid;
}

.voterbox th {
  border-width: 2px;
  border-color: #73BF26;
  border-style: solid;
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  background-color: #73BF26;
  color: #fff;
}

.voterbox td {
  border-collapse: collapse;
  border-width: 1px;
  border-color: #4D801A;
  border-style: solid;

  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
}

.rbmoreinfo hr {
  width: 100%;
  height: 10px;
  color: #4D801A;
}
.rbmoreinfo h4 {
  border: 0px;
  font-style: italic;
  text-align: center;
  font-size: 0.9em;
}

.rbmoreinfo p {
  font-size: 0.8em;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}

.example {
  width: 400px;
  border-width: 2px;
  border-style: solid;
  border-color: #73BF26;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

.example h4 {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #73BF26;
  color: #fff;
  border-bottom: 0px;
}
                                
.example p {
  margin-bottom: 0;
  padding: 5px;
}


.warning {
  width: 400px;
  border-width: 2px;
  border-style: solid;
  border-color: #4D801A;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

.warning h4 {
  text-align:
  center;
  font-weight:
  bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #4D801A;
  color: #fff;
  border-bottom: 0px;
}

.warning p {
  margin-bottom: 0;
  padding: 5px;
}