.form-header { float: left; width: 100%; margin: 0 0 10px 0; }
.form-header .required { font-weight: bold; color: #44a531; }
.form-header .hr { visibility: hidden; padding: 20px 0 0 0; }
.form-header ol,
.form-header ul { padding: 0 0 0 30px; }
 
.form-main { float: left; width: 100%; margin: 0 0 20px 0; }

.form-footer { float: left; width: 100%; margin: 0 0 20px 0; }

.form-info { clear: both; margin: 0 0 20px 0; padding: 10px; border: 1px solid #1b3e94; background: #eceef6; }
.form-info ul { list-style: none; font-weight: bold; }
.form-info ul li { margin: 5px 0; }
.form-info ul.messages { margin: 0; padding: 0 0 0 20px; }
.form-info ul.errors { margin: 0; padding: 0 0 0 20px; color: red; }
.form-info p { font-weight: bold; padding: 0 0 0 20px; }

.xform { float: left; width: 698px; border: 1px solid #1b3e94; background: white; border-top: none; }
.xform .required { font-weight: bold; color: #44a531; }
.xform .error { color: #DE0000; }

.xform .section { float: left; width: 698px; padding: 0 0 20px 0; }

.xform .columns { float: left; clear: both; width: 698px; }
.xform .column { float: left; }

.xform .buttons { padding: 10px 0 15px 0; background: #e0f0dd; border-top: 1px solid #1b3e94; text-align: center; }
.xform .buttons button { margin: 0 3px; padding: 3px 10px; } 
.xform .buttons .info { padding-top: 0; }

.xform .button-login { padding: 0 0 10px 0; text-align: center; }
.xform .button-login button { padding: 0 10px; } 

.xform .header { float: left; clear: both; width: 678px; padding: 6px 10px; margin: 0 0 10px 0; font-weight: bold; color: white; background: #1b3e94; }
.xform .info { float: left; clear: both; width: 678px; padding: 10px; }
.xform .info a { float: none; position: static; display: inline; }

.xform .field { display: block; float: left; clear: both; width: 100%; min-height: 20px; padding: 10px 0 0 0; position: relative; } 
.xform .field a { position: static; float: left; position: relative; left: 20px; }
.xform .field label { display: block; float: left; position: relative; width: 140px; padding: 0 20px 0 0; text-align: right; font-weight: black; }
.xform .field label a { float: none; position: static; display: inline; }
.xform .field label span { position: static; }
.xform .field input { display: block; float: left; position: relative; width: 240px; top: -2px; } 
.xform .field input.small { width: 150px; }
.xform .field input.checkbox { width: auto !important; top: 0; }
.xform .field select { display: block; float: left; position: relative; width: 244px; top: -2px; } 
.xform .field select.small { width: 154px; }
.xform .field span.value { position: static; float: left; width: auto; font-weight: bold; }
.xform .field button { display: block; float: left; position: relative; top: -4px; left: 20px; height: 22px; padding: 0 10px; }
.xform .field .help { display: block; float: left; position: relative; top: -2px; width: 18px; height: 18px; background: url('../images/form-button-tooltip.png') 0 0 no-repeat; cursor: pointer; }
.xform .field .tooltip { display: none; width: 309px; padding: 0 0 24px 0; font-size: 12px; color: #fff; background: transparent url('../images/tooltip-bottom.png') 0 100% no-repeat; }
.xform .field .tooltip .content { display: block; width: auto; padding: 20px 20px 10px 20px; color: #fff; background: transparent url('../images/tooltip-top.png') 0 0 no-repeat; }
.xform .field .tooltip .content img { margin: 10px auto; background: white; }
.xform .field .tooltip.wide { display: none; width: 509px; background-image: url('../images/tooltip-wide-bottom.png'); }
.xform .field .tooltip.wide .content { background-image: url('../images/tooltip-wide-top.png'); }

.xform .iijf { height: auto; padding: 20px 0 0 20px; }
.xform .iijf input { display: inline; position: static; width: auto; }
.xform .iijf label { display: block; width: auto; font-weight: bold; padding: 0 0 7px 0; }
.xform .iijf div { display: block; clear: both; margin: 0; width: 500px; height: 150px; overflow-y: scroll; overflow-x: hidden; background: white; border: 1px solid buttonshadow; }
.xform .iijf div table { width: 100%; }
.xform .iijf div table td { padding: 2px 3px; text-align: left; vertical-align: middle; }
.xform .iijf div table td.checkbox { width: 1px; }
.xform .iijf div table td.label { width: auto; }
.xform .iijf div table tr.odd td { background: #F7F7F7; } 
.xform .iijf div table label { font-weight: normal; padding: 0; float: none; position: static; text-align: left; width: auto; display: inline; } 

.xform .login { background: #eceef6; }
.xform .login .enter { padding-left: 50px; }

.xform .remind-password { }
.xform .remind-password .enter { padding-left: 50px; }

.xform .not-a-member { background: #eeeded; }
.xform .not-a-member .field a { padding: 0; font-weight: bold; }

.xform .account-login-password { background: #eceef6; padding: 0 0 20px 0; }
.xform .account-login-password .header { margin: 0 0 10px 0; } 

.xform .account-email { background: #eceef6; }
.xform .account-email .field label { float: left; }
.xform .account-email .field span { position: static; float: left; font-weight: bold; }

.xform .account-info { background: url('../images/form-section-account-info.png') 50% 0 repeat-y; }
.xform .account-info .header { width: 329px; } 
.xform .account-info .personal-info { width: 349px; } 
.xform .account-info .contact-address { width: 349px; }
.xform .account-info .field label.phone-ext { left: 0; width: 26px; padding: 0 10px 0 0; }
.xform .account-info .field input { width: 140px; }
.xform .account-info .field input.wt { width: 116px; }
.xform .account-info .field input.zip { width: 116px; }
.xform .account-info .field input.fax { width: 106px; }
.xform .account-info .field input.phone { width: 70px; }
.xform .account-info .field input.phone-ext { width: 30px; left: 0; } 
.xform .account-info .field select { width: 144px; }
.xform .account-info .field select.pt { width: 64px; }
.xform .account-info .field select.wt { width: 120px; }
.xform .account-info .field .help { left: 6px; }

.xform .account-preferences { background: #eeeded; }
.xform .account-preferences .header { margin: 0 0 10px 0; }
.xform .account-preferences .column { width: 349px; }
.xform .account-preferences .info { padding: 5px 0 5px 10px; text-align: left; }
.xform .account-preferences .terms { padding: 0 85px 0 0; text-align: right; }
.xform .account-preferences .field select { width: 104px; } 

.xform .account-interests { padding: 0 0 30px 0; }
.xform .account-interests .info { padding: 10px 10px 20px 10px; }

.xform .change-email { }
.xform .change-email .field a.cancel { font-weight: bold; }

.xform .email-verify { background: #eceef6; }

.xform .not-this-user { margin: -20px 0 0 0; background: #eceef6; }
.xform .not-this-user .field { text-align: right; width: 400px; }
.xform .not-this-user .field a { float: none; left: 0; }

.xform .email-updates-preferences .header { margin: 0 0 10px 0; }
.xform .email-updates-preferences .field label { width: 400px; font-weight: bold; }
.xform .email-updates-preferences .field select { }  

.xform .email-updates-login-password { }
.xform .email-updates-login-password .field label { width: 160px; }
.xform .email-updates-login-password .field input { width: 340px; }

.xform .email-updates-account-info { background: none; }
.xform .email-updates-account-info .header { width: 678px; }
.xform .email-updates-account-info .field label { width: 160px; }
.xform .email-updates-account-info .field input { width: 340px; }
.xform .email-updates-account-info .field select.pt { }

.xform .conferences { padding: 8px 0 10px 0; border-top: 1px solid #1b3e94; }
.xform .conferences label { width: 70px; }
.xform .conferences select { width: 180px; }

.xform .change-password { }
.xform .change-password label { width: 180px; }

.xform.tell-a-friend { }
.xform.tell-a-friend .colleague { font-weight: bold; }
.xform.tell-a-friend .field label { width: 100px; }
.xform.tell-a-friend .field input { width: 320px; }
.xform.tell-a-friend .field textarea { display: block; float: left; position: relative; width: 490px; height: 100px; top: -2px; } 
.xform.tell-a-friend .field label.name { width: 100px; }
.xform.tell-a-friend .field label.address { width: 140px; }
.xform.tell-a-friend .field input.friend { width: 160px; }
.xform.tell-a-friend .field span.your-data { display: block; float: left; font-weight: bold; position: relative; width: 160px; }
.xform.tell-a-friend .captcha { display: block; float: left; clear: both; padding: 20px 80px 0 120px; text-align: center; } 
.xform.tell-a-friend .captcha label { display: block; float: left; position: relative; width: 330px; padding: 0 20px 0 0; text-align: left; }
.xform.tell-a-friend .captcha input { display: block; float: left; position: relative; width: 140px; top: -2px; }
.xform.tell-a-friend .captcha img { clear: both; margin: 0; margin: 5px 0 0 0; }

.messages { margin: 20px 0 0 0; }
.messages table { width: 100%; border: 1px solid #1b3e94; }
.messages table thead th { padding: 5px 3px; font-weight: bold; color: white; background: #1b3e94; border-left: 1px solid white; }
.messages table thead th.no { border-left: none; }
.messages table thead th a { color: white; font-weight: bold; }
.messages table tbody tr { cursor: pointer; }
.messages table tbody tr.hover td { background: #eceef6; }
.messages table td { padding: 5px 3px; border-bottom: 1px solid #1b3e94; text-align: left; vertical-align: middle; } 
.messages table tbody td.no { width: 40px; text-align: right; }
.messages table tbody td.from { width: 200px; }
.messages table tbody td.date { width: 120px; text-align: center; }
.messages table tbody td.option { width: 17px; text-align: center; }
.messages table tbody td.option a { display: block; width: 17px; height: 13px; text-indent: -10000px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; } 
.messages table tbody td.view a { background-image: url('../images/icon-message.gif'); }
.messages table tbody td.delete a { background-image: url('../images/icon-trash.gif'); }
.messages table tfoot td.buttons { padding: 5px 3px; background: #e0f0dd; text-align: right; }
.messages table tfoot td.sorting { font-weight: bold; border: none; }
.messages table tfoot td.number { text-align: right; font-weight: bold; border: none; } 

.xform .download-questions .field label { width: 360px; }
.xform .download-questions .field select { width: auto; }
.xform .download-questions .how-many  { padding: 30px 10px 10px 30px; }

.registration { }
.registration .field label { width: 200px; }
.registration .field label.phone-ext { width: 26px; padding: 0 10px 0 0; }
.registration .field input { width: 300px; }
.registration .field input.wt { width: 276px; }
.registration .field input.zip { width: 276px; }
.registration .field input.fax { width: 266px; }
.registration .field input.phone { width: 70px; }
.registration .field input.phone-ext { width: 30px; left: 0; } 
.registration .field select { width: 304px; }
.registration .field select.pt { width: 64px; }
.registration .field select.wt { width: 280px; }
.registration .field .help { left: 6px; }
.registration .field .small { width: 142px; }

.registration .update-account { margin-top: -20px; } 
.registration .update-account .field { padding-left: 220px; }
.registration .update-account .field label { width: 264px; padding: 0 0 0 10px; text-align: left; }

.registration .link-remind-password { width: auto; padding-left: 140px; }
.registration .info-account-preferences { padding-top: 20px; }

.registration .priority-code label { width: 300px; }

.registration .products { padding: 0 20px; }
.registration .products ul { list-style: none; margin: 0; padding: 0 }
.registration .products ul li { padding: 10px 0 0 0; clear: both; float: left; }
.registration .products ul li input { width: auto; top: 0; }
.registration .products ul li label { width: 490px; padding: 0 0 0 10px; text-align: left; }
.registration .products ul li .price { width: 150px; float: right; text-align: right; font-weight: bold; }
.registration .products ul li .expire { width: 150px; float: right; text-align: right; clear: right; }

.registration .registration-product-options { padding: 0; }

.registration .product-options { padding: 0 20px 20px 20px; }
.registration .product-options ul { list-style: none; margin: 0; padding: 0 }
.registration .product-options ul li { padding: 10px 0 0 0; clear: both; float: left; }
.registration .product-options ul li input { width: auto; top: 0; }
.registration .product-options ul li label { width: 490px; padding: 0 0 0 10px; text-align: left; }

.registration .additional-information { }
.registration .additional-information label { width: 335px; }
.registration .additional-information select { width: auto; } 

.registration .second-offer { padding: 0 20px; }
.registration .second-offer ul { list-style: none; margin: 0; padding: 0; }
.registration .second-offer ul li { padding: 10px 0 0 0; clear: both; float: left; }
.registration .second-offer ul li .name { display: block; float: left; width: 510px; padding: 0; text-align: left; }
.registration .second-offer ul li .price { width: 150px; float: right; text-align: right; font-weight: bold; }
.registration .second-offer ul li .inputs { width: 100%; margin: 5px 0 0 0; background: #eceef6; float: left; clear: both; }
.registration .second-offer ul li .inputs ul { padding: 10px; float: left; } 
.registration .second-offer ul li .inputs ul li { padding: 3px 0; float: left; }
.registration .second-offer ul li .inputs ul li input { width: auto; top: 0; }
.registration .second-offer ul li .inputs ul li label { width: auto; padding: 0 0 0 10px; text-align: left; }

.xform .create-account { }
.xform .create-account a { float: none; left: 160px; }
.xform .create-account button { float: none; left: 0; margin: 0 auto; }

.fb { border: 1px solid #1b3e94; }
.fb .header { margin: 20px 0 10px 0; }
.fb .header.first { margin-top: 0; }
.fb .field { vertical-align: middle; }
.fb .field label { width: 240px; min-height: 1px; }
.fb .field input { height: 13px; }
.fb .field select{ width: auto; }
.fb .field textarea { display: block; float: left; position: relative; width: 400px; height: 100px; top: -2px; } 
.fb .field table.fbc_checkbox { float: left; position: relative; width: 400px; }
.fb .field table.fbc_checkbox td { padding: 0 5px 5px 0; }
.fb .field table.fbc_checkbox td.fbc_checkbox_c1 { width: auto; }
.fb .field table.fbc_checkbox td.fbc_checkbox_c1 input { width: auto; top: 0; }
.fb .field table.fbc_checkbox td.fbc_checkbox_c2 { width: auto; }
.fb .field table.fbc_checkbox td.fbc_checkbox_c2 label { text-align: left; }
.fb .field table.fbc_radio { float: left; position: relative; width: 400px; }
.fb .field table.fbc_radio td { padding: 0 5px 5px 0; }
.fb .field table.fbc_radio td.fbc_radio_c1 { width: 20px; }
.fb .field table.fbc_radio td.fbc_radio_c1 input { width: auto; top: 0; }
.fb .field table.fbc_radio td.fbc_radio_c2 { width: auto; }
.fb .field table.fbc_radio td.fbc_radio_c2 label { text-align: left; width: auto; }

.fb .field table.fbc_radio_other { margin: 0 0 0 260px; }
.fb .field table.fbc_radio_other td.fbc_radio_c2 label { width: auto; top: 2px; }
.fb .field table.fbc_radio_other td.fbc_radio_c2 input { top: 0; width: 150px; }