/* First draft of style sheets for SERS.  Needs to be streamlined */

/* these are found in http://www.fec.gov/stylesheets/fec_sitestyles.css
   however having local cache so that if the site is not accessible, still we have these */
*{
/* border: thin solid #3333CC;*/
}

.jointcommenter {
  display: none;
}

div#jointCommenter1 {
  display: none;
}

span.show_red {
  color: #FF0000;
}

.right50 {
  position: relative;
  left: 50%;
}

.bordered {
  padding-left: 5em;
  padding-bottom: 0.25in;
}

.floating{
  float: left;
}

a img {
  border: none;
}

div#fec_mainContent {
  margin-left: 159px;
}

div#maincontent_edit {
  font-family: "Times New Roman", serif;
  width: 95%;
  margin-left: 125px;
}

div#maincontent {
  font-family: "Times New Roman", serif;
  width: 95%
}

div#split_content {
  height: 100%;
}

.fielderror {
  vertical-align: middle;
  font-size: .85em;
  color: red;
  text-align: center
}

.fielderror2 {
  vertical-align: middle;
  font-size: .85em;
  color: red;
  text-align: center
}

.error_display {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 12em;
  color: red;
  font-weight: bold
}

.good_display {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 12em;
  color: green;
  font-weight: bold
}

.left_align_long {
  margin-left: 125px;
}

.left_align_small {
  margin-left: 200px;
}

.bolder {
  font-weight: bold;
}

/*
 *
 * Header Section
 *
 */
.header_section {
  font-size: 1.3em;
  text-align: left;
  font-weight: bold;
  margin-top: 45px;
  padding-bottom: 5px
}
/* End Header Section */

/*
 *
 * Login Section
 *
 */
.login_section {
  padding: 15px;
  float: left;
  white-space: nowrap;
  background: #e2e9f3;
  border: thin outset #edf0f9;
  margin-top: 2em;
}

.login_heading_text {
  font-size: small;
  color: #004477;
  padding-top: 1em;
}

.login_button {
  padding-top: 15px;
  padding-left: 45px;
}
/* End Login Section */

.smalltext_format {
  font-size: small;
  padding-top: 5px;
}

/*
 *
 * Text Section
 *
 */
.text_section {
  margin-top: 2em;
  margin-left: 2em;
  white-space: nowrap;
  padding-bottom: 2em;
}

.text_section_text {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 15px;
}

.text_section_count {
  padding-top: .5em;
}

.left_justify {
  padding-left: 12em;
}

textarea {
  border: ridge;
}
/* Text Section End */


/*------------------edit-------------------------*/
div#maincontent_edit {
  font-family: "Times New Roman", serif;
  width: 50em;
  margin-left: 10em;
  margin-top: 1em;
}

.user_section_edit {
  margin-left: 2em;
}

.userinfo_represent_title_edit {
  float: left;
  width: 7em;
}

.represent_section_edit {
  margin-left: 2em;
}

.userinfo_represent_edit {
  margin-left: 2em;
  font-size: .9em;
}

.login_section_edit {
  margin-left: 2em;
}

.login_heading_text_edit {
  font-size: small;
  padding-bottom: .3em;
  float: left;
}

.login_heading_field_edit {
  padding-bottom: .3em;
  margin-left: 11em;
}

.userinfo_title_edit {
  float: left;
  white-space: nowrap;
  width: 7em;
  vertical-align: middle;
  padding-bottom: .3em;
}

.userinfo_field_edit {
  white-space: nowrap;
  vertical-align: middle;
  padding-bottom: .3em;
}

.edit_format {
  margin-top: 1em;
  padding-bottom: .5em;
}

.reqtext {
  text-align: left;
  vertical-align: middle;
  font-size: .7em;
  margin-left: 1em;
  color: red;
}


.opttext {
  text-align: left;
  vertical-align: middle;
  font-size: .7em;
  margin-left: 1em;
  color: green;
}

.infotext {
  text-align: left;
  vertical-align: top;
  font-size: .9em;
  margin-left: .2em;
  color: #6f6f6f;
}

/*------------------edit-------------------------*/


/*------------------------------*/
.user_section {
  margin-left: 12em;
  margin-top: 1em;
}

.even {
  background: #edf0f9;
  border: thin outset #edf0f9;
  width: 30em;
  padding-top: 0.5em;
}

.note_format {
  margin-top: 2em;
  margin-left: 12em;
}

.userinfo {
  white-space: nowrap;
  padding-left: .5em;
  padding-bottom: .5em;
}

.checkbox {
  float: left;
}

.checkboxpage {
}

.checkboxtext {
  padding-bottom: 1em;
  font: small;
  margin-left: 2em;
}

.joint_section_checkbox {
  margin-left: 0;
  float: left;
}

.joint_section {
  margin-left: 12em;
  margin-top: 2em;
  white-space: nowrap;
  padding-bottom: 2em;
}

.charcount {
  background: #e2e9f3;
  border: 0px none #e2e9f3;
}

.userinfo_title {
  float: left;
  white-space: nowrap;
  width: 7em;
  vertical-align: middle;
  padding-bottom: .3em;
  margin-left: 3em;
}

.userinfo_field {
  white-space: nowrap;
  vertical-align: middle;
  padding-bottom: .3em
}

/*------------------------------*/


/*
 *
 * Upload Section
 *
 */
.upload_section {
  margin-left: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.uploadtext {
  text-align: left;
}

.jccount_display {
  padding-bottom: 1em;
  text-align: left;
}

.uploadtextsmall {
  font-size: smaller;
}
/* Upload Section End */

.represent_section {
  margin-top: 2em;
  margin-left: 7em;
  white-space: nowrap;
  padding-bottom: 2em;
}

.represent_section_radio {
  font-size: .9em;
}

.represent_section_text {
  text-align: center;
}

.represent_info_section {
  margin-top: 2em;
  white-space: nowrap;
}

.userinfo_represent_title {
  float: left;
  white-space: nowrap;
  vertical-align: middle;
  width: 7em;
}

.userinfo_represent_field {
  vertical-align: middle;
  padding-bottom: .3em;
}

.prev_button {
  float: left;
  margin-left: 3em;
}

.next_button {
  margin-bottom: 2em;
  margin-left: 20em;
}

.submit_button {
  float: left;
  margin-left: 4.5em;
}

.update_button {
  padding-left: 3em;
  float: left;
}

.noupdate_button {
  margin-bottom: 2em;
  margin-left: 28.5em;
}

.reset_button {
  margin-left: 35em;
  margin-bottom: 2em;
}

.jcadd_button {
  margin: 0;
  left: 15em;
  float: left;
  padding: 1em 1em;
}

.jcrem_button {
  margin: 0;
  left: 35em;
  padding: 1em 1em;
}

.submit_section {
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}


.fraps_login {
  margin-left: 2em;
}

.fraps_login_enter{
  margin-left: 5em;
  padding-top: 1em;
  padding-bottom: 3em;
}

.manage_add{
  float: left;
}

.manage_buttons{
  float: left;
  padding-left: 1em;
}

.zero_lpadding{
  padding-left: 2em;
}

.fraps_text_edit {
  padding-bottom: .3em;
  float: left;
}

.fraps_field_edit {
  padding-bottom: .3em;
  margin-left: 8em;
}

.frapsaccount_format{
  padding-bottom: .5em;
  margin-left: 12em;
}

.fraps_account_edit{
  float: left;
}

.fraps_account_users{
  white-space: nowrap;
  background: #e2e9f3;
  border: thin outset #edf0f9;
  padding-top: .5em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  margin-left: 26em;
  width: 15em;
}

.zero_padding{
  padding-left: 0em;
}

.create_gap{
  height: 100px;
}

.fraps_field{
  padding-left: 2em;
  float: left;
}

.fraps_field2{
  padding-top: 1em;
  padding-left: 25em;
  padding-bottom: 1em;
}

#fraps_table{
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#fraps_table th{
	padding: .5em;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #047;
}

#fraps_table td{
	padding: .5em;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* idea from http://www.quirksmode.org/dom/inputfile.html */

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

div.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

s {
      color: red;
  }
  
input.groovybutton
  {
     font-size:0.7em;
     font-style:italic;
     color:#330000;
     background-color:#FFFF33;
  }


/* doesn't work with JSP
#fraps_table tbody tr:hover td{
	background: blue;
}
*/