.reg {
position: relative;
padding: 5px 5px 5px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
}

.reg input[type=text], .reg input[type=password], .reg textarea {
border: 1px solid #C3C3C3;
padding: 2px;
}

.reg select {
border: 1px solid #C3C3C3;
padding: 1px;
font-size: 12px;
line-height: 16px;
min-width: 59px;
}

.reg .clear {
clear: both;
}

.reg span {
display: inline;
background: none;
padding: 0;
}

.reg h1 {
font-size: 24px;
line-height: 30px;
font-weight: bold;
}

.reg h2 {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
font-weight: bold;
}

.reg h3 {
font-size: 18px;
line-height: 24px;
margin: 25px 0 12px 0;
}

.reg h4 {
font-size: 16px;
line-height: 22px;
margin: 18px 0 18px 0;
}

.reg p {
margin: 0.5em 0 0.5em 0;
}

.reg label {
display: block;
}

.reg .star {
font-weight: bold;
color: #b70024;
}

.reg .placeholder {
font-weight: bold;
color: #999;
font-style: italic;
font-size: 10px;
line-height: 16px;
}

.reg .error {
color: #b43c53;
}

.reg .error input, .reg .error select, .reg .error textarea {
border: 2px solid #b43c53;
}

.reg .big-link {
font-size: 16px;
color: #0154BA;
font-weight: bold;
text-decoration: none;
border-bottom: 2px dotted #0154BA;
padding-bottom: 4px;
}

.reg-information {
word-wrap: break-word;
width: 100%;
table-layout: fixed;
margin: 25px 0 25px 0;
}

.reg-information td {
padding: 5px 8px;
border-bottom: 4px solid #fff;
}

.reg-information .col1 {
width: 210px;
background: #333333;
color: #fff;
font-weight: bold;
text-align: right;
}

.reg-information .col2 {
background: #d8d8d8;
color: #333;
font-weight: bold;
}

.reg .hr {
margin: 25px 0;
border-top: 1px solid #D8D8D8;
}

.reg a.dotted {
color: #216ac3;
padding-bottom: 1px;
border-bottom: 2px dotted #216ac3;
text-decoration: none;
}

/* Submit and Cancel buttons */

.reg .buttons {
text-align: right;
padding-right: 40px;
padding-top: 20px;
}

.reg button {
position: relative;
background: url('../images/btn-c.png') repeat-x;
height: 24px;
border: none;
padding: 0 18px;
margin-left: 5px;
font-size: 14px;
cursor: pointer;
padding-bottom: 4px;
vertical-align: baseline;
}

.oldie .reg button {
overflow: visible;
}

.reg button .l, .reg button .r {
position: absolute;
display: block;
top: 0;
width: 12px;
height: 24px;
}

.reg button .l {
left: 0;
background: url('../images/btn-l.png');
}

.reg button .r {
right: 0;
background: url('../images/btn-r.png');
}

.reg button.enabled {
color: #000;
}

.reg button:disabled {
color: #9f9f9f;
}

/* Validation */

.reg .reg-errors {
margin: 10px 13px 25px -13px;
padding: 0 0 19px 36px;
list-style: none;
background: #FFE6E6;
border: 1px solid #C32644;
}

.reg .reg-errors ul {
margin: 0;
padding: 0;
}

.reg .reg-errors li {
color: #333;
margin: 0 0 4px 0;
padding-left: 19px;
height: 21px;
list-style: none;
line-height: 26px;
font-size: 12px;
}

.reg .reg-errors strong {
font-size: 14px;
color: #c32644;
}


/* Step 1 of the form */
.reg-step1 h3 {
margin-bottom: 22px;
}

.reg-step1 .col1 {
float: left;
width: 158px;
padding: 0 14px;
}

.reg-step1 .col2 {
float: left;
width: 60%;
}

.reg-step1 select {
width: 348px;
}

.reg .reg-progress-step1,
.reg .reg-progress-step2,
.reg .reg-progress-step3 {
width: 621px;
height: 40px;
margin-top: 18px;
margin-bottom: 22px;
background: url('https://www.preventionweb.net/posthfa/dialogue/themes/default/images/step1.png');
}

.reg .reg-progress-step2 {
background: url('https://www.preventionweb.net/posthfa/dialogue/themes/default/images/step2.png');
}

.reg .reg-progress-step3 {
background: url('https://www.preventionweb.net/posthfa/dialogue/themes/default/images/step3.png');
}

.reg-step1 label {
margin-bottom: 5px;
}

.reg-step1 label.radio {
font-weight: bold;
}

.reg-step1 input[type=checkbox] {
margin: 5px 9px 9px 0;
float: left;
}

.reg .gov-select {
padding-left: 22px;
width: 370px;
}

/* Step 2 of the form */
.reg-step2 {
width: 545px;
}

.reg-step2 label {
display: inline-block;
font-weight: bold;
margin: 0 0 27px 0;
}

.reg-step2 label.radio {
font-weight: normal;
margin: 0 0 11px 0;
}

.reg-step2 label.gp-checkbox {
font-weight: normal;
margin: 0 0 7px 25px;
}

.reg-step2 label.inline {
font-weight: normal;
margin: 7px 11px 2px 10px;
}

.reg-step2 .hint {
font-size: 10px;
color: #A6A6A6;
margin-left: 198px;
margin-bottom: -7px;
}

.reg-step2 .information {
font-size: 12px;
line-height: 16px;
color: #999;
margin-bottom: 30px;
margin-top: 8px;
}

.reg-step2 .information a {
text-decoration: none;
color: #226dae;
font-weight: bold;
}

.reg-step2 input[type="text"]{
line-height: 18px;
height: 18px;
}

.ie7 .reg-step2 input[type="text"]{
font-size: 12px;
}

.reg-step2 input[type="text"], .reg-step2 input[type="password"], .reg-step2 textarea {
width: 335px;
}

.reg-step2 select {
width: 341px;
}

.gpr_salutation_select {
width: auto !important;
}

.birth_day_select, .birth_mo_select, .birth_year_select {
width: auto !important;
margin-right: 15px;
}

.gpr_language_select {
width: 194px !important
}

.reg-step2 .col1 {
display: inline-block;
width: 180px;
text-align: right;
margin: 0 15px 0 0;
vertical-align: top;
}

.reg-step2 .col2 {
width: 342px;
float: right;
}

/* Confirmation Screen */

.reg-confirmation p {
margin: 18px 0 18px 0;
}

.reg-confirmation .duplication {
color: #b70024;
}

.reg-status-line td {
padding-top:3px;
padding-bottom:0;
}

/*
• In Progress - circle
• Registration Confirmed! - green
• Registration Not Approved (="Rejected" in our internal Registration Management System) - red
• More Details Required - orange
• Awaiting Approval from Permanent Mission - circle
• Registration Confirmed, but More Information Required
(=More Details Required+'Pre-approved' attribute in our internal Registration Management System) - orange
*/

.reg-status {
font-weight: bold;
}
span.reg-icon {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
margin-right: 3px;
background: url('https://www.preventionweb.net/posthfa/dialogue/themes/default/images/status-icons') no-repeat;
}
.reg-icon.green {
background-position: -174px -5px;
}
.reg-icon.red {
background-position: -133px -7px;
}
.reg-icon.orange {
background-position: -50px -7px;
}
.reg-icon.orange-circle {
background-position: -9px -7px;
}