/* Controls the overall body of the page. */
body.ppsd2 {
  color: #222;
  font-family: arial, verdana;
  margin: 30px;
}

/* Controls errors */
.reg_error {
  font-weight: bold;
  color: #cc0000;
  margin: 0 0 0 10px;
}

/* Controls field names on pages such as the registration page. */
.reg_field_name {
  font-weight: bold;
}

/* Controls all fieldsets. For example, fields on a registration page
are displayed within fieldsets. */
fieldset.ppsd2 {
  border: 0px;
  margin: 0 0 15px 0;
  background-color: #EFF7FF;
}

/* Controls the heading text listed at the top of fieldsets. */
legend.ppsd2 {
  color: #555;
  font-size: 1.1em;
  font-weight: normal;
  padding: 0 5px 0 5px;
}

/* Primary padding within fieldsets. */
.fs_pad {
  padding: 10px;
}

/* Controls various headers used on the templates. Example:
"Account Renewal Complete" / "Payment Required to Complete Registration" */
.ppsd2_header {
  background-color: #CFE8FF;
}

/* Controls styles for all tables used on the ppSD2 templates. */
.reg_table {
  font-size: 0.8em;
}

/* Controls the default footer which contains the "Powered by ppSD2" text */
#ppsd2_footer {
  margin: 10px 0 0 0;
  font-size: 0.7em;
  color: #666;
  text-align: center;
}

/* Controls the DIVS that hold the submit buttons on various forms. */
#ppsd2_submit {
  text-align: center;
  margin: 10px 0 5px 0;
}

/* Controls various descriptive DIVs found on registration pages and other
templates, such as the "Congratulations, the registration process has been completed" text. */
.reg_fieldset_desc {
  padding: 0 0 12px 0;
  margin: 10px 0 25px 0;
  font-size: 0.8em;
  border-bottom: 1px dotted #999;
}

/* Controls various DIVs that appear near the bottom of success screens,
such as the "Click here to login" or "Have an account? Login" */
.reg_fieldset_bottom {
  padding: 12px 0 0 0;
  margin: 25px 0 10px 0;
  font-size: 0.8em;
  border-top: 1px dotted #999;
}

/* On a registration page, this controls the field description style. */
.field_description {
  padding: 5px 0 10px 0;
  color: #666;
  font-size: 0.8em;
}

/* Controls various headers, such as the "User Control Panel: Update Account" or
"User Control Panel" headers. */
h1.ppsd2 {
  font-size: 1.5em;
  color: #474747;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* Controls the style of the DIVs into which the above headers are placed. */
#top_ppsd2 {
  margin-bottom: 20px;
}

/* Top left section of various pages, such as where the registration form name appears. */
#top_left_ppsd2 {
  float: left;
  width: 50%;
}

/* Top right section of various pages, such as where the user control panel links appear,
or where the current page number appears for the registration forms. */
#top_right_ppsd2 {
  margin-left: 50%;
  text-align: right;
  font-size: 0.8em;
}

/* Controls CSS clears. No need to edit this. */
.clear_ppsd2 {
  clear: both;
}

/* User control panel: page box, not current page */
span.ppsd_pg_insert_off {
  border: 1px solid #666;
  padding: 2px;
  margin-left: 4px;
}

/* User control panel: page box, current page */
span.ppsd_pg_insert_on {
  border: 1px solid #000;
  padding: 2px;
  font-weight: bold;
  margin-left: 4px;
}

/* User control panel: edits on a converted affiliate commission */
.affiliate_edit_entry {
  
}

/* User control panel: Affiliate Clicks: Style for converted table TD */
.click_converted_Yes, .converted_payment_sent_Yes {
  background-color: #C7FFA1;
}

/* User control panel: Affiliate Clicks: Style for unconverted table TD */
.click_converted_No, .converted_payment_sent_No {
  background-color: none;
}

/* All of the following control the various form field styles. */
input[type=text], input[type=password] {
  border: 1px solid #999;
  padding: 4px 2px 4px 2px;
}

textarea {
  border: 1px solid #999;
  padding: 4px 2px 4px 2px;
}

select {
  border: 1px solid #999;
  padding: 4px 2px 4px 2px;
}