@import "generics.css";

/* base styles
----------------------------*/
body { font: 11px/14px verdana, sans-serif; color: #666; background: #8A673D; text-align: center; margin: 0 0 30px; }

a { color: #811F26; }
a:hover { text-decoration: none; }

sup { line-height: .5em; vertical-align: top; }

/* page content
----------------------------*/
.pageContainer { width: 780px; text-align: left; background: #fff; border: 0px solid #c4c2b5; margin: 0 auto; }

.column { float: left; }

.banner { position: relative; width: 780px; height: 57px; background: #d8d6c9 url(/img/banner.gif) top left no-repeat; }
.banner a.button { position: absolute; top: 12px; left: 604px; width: 105px; height: 25px; }
.banner a.button img { display: block; }

.banner .icons { position: absolute; top: 16px; right: 4px; width: 44px; height: 16px; }
.banner .icons a { float: left; width: 16px; margin-right: 6px; }
.banner .icons img { display: block; }


.contentContainer { padding: 5px 10px 10px 20px; }
.contentInner { min-height: 400px; _height: 400px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.formContent .contentInner { padding-bottom: 0; border-bottom: none; }
.contentInner h1 { font: bold 24px arial, helvetica, sans-serif; color: #017cc0; padding: .5em 0 0; }
.contentInner h2 { font-size: 11px; padding: .5em 0; }
.contentInner p { padding: .5em 0; }
.contentInner .breadcrumb { font-size: 10px; }

.contentContainer .columnContainer { padding: 15px 0 0; }
.columnContainer .formContainer { width: 463px; margin-right: 12px; }
.columnContainer .isi { width: 275px; }

.formContainer {  }
.formControl { padding: 10px 0; }
.formControl label, .formControl .fauxLabel { display: block; padding: 0 0 5px; }
.formControl input {  }
.formControl textarea {  }

.formContainer .required { font-size: 9px; }
.formContainer .indicator, .formContainer .errMsgs { color: #f33; }
.formContainer .errMsgs { padding: 0; }
.formContainer .formDisclaimer { font-size: 9px; line-height: 1.3; color: #999; padding: 0 8px 15px 11px; }
.formControl .note { font-size: 9px; }
.errorContainer {color: #f33; }

.registerForm { padding: 0 0 11px; border: 2px solid #d3e3ed; }
.registerForm h2 { font-size: 12px; color: #fff; background: #4b94c9; padding: 3px 12px 4px; }
.registerForm h3 { font-size: 11px;padding: 0 0 10px; }
.registerForm fieldset { padding: 5px 8px 0 11px;  }
.registerForm fieldset fieldset { padding: 15px 0; border-top: 1px solid #bfd6e7; }
.registerForm fieldset .formControl { padding: 5px 0; }
.registerForm .formControl label, .registerForm .fauxLabel { float: left; width: 100px; }
.registerForm .radioCheckbox label { float: none; display: inline; width: auto; margin-right: 15px; }
.registerForm .formControl input { width: 290px; }
.registerForm .radioCheckbox input, .registerForm .formControl input.widthAuto { width: auto !important; }
.registerForm .formControl select { width: 170px; font: 11px arial, sans-serif; color: #333; }
.registerForm .formButtons { padding: 0 8px 0 11px; }

.thankyouForm { padding: 0 0 11px; border: 2px solid #d3e3ed; }
.thankyouForm h2 { font-size: 12px; color: #fff; background: #4b94c9; padding: 3px 12px 4px; }
.thankyouForm fieldset { padding: 5px 8px 0 11px;  }
.thankyouForm .formControl input { width: 430px; }
.thankyouForm .formControl textarea { width: 430px; }
.thankyouForm fieldset fieldset { padding: 10px 0; border-top: 1px solid #bfd6e7; border-bottom: 1px solid #bfd6e7; }
.thankyouForm fieldset fieldset .formControl { padding: 5px 0; }
.thankyouForm fieldset fieldset .formControl label { float: left; width: 100px; }
.thankyouForm fieldset fieldset .formControl input { width: 288px; }
.thankyouForm .formButtons { padding: 0 8px 0 11px; }

.tmDisclaimer { font-size: 9px; }

.isi img { display: block; }

.footerContainer { font: 10px arial, sans-serif; color: #727272; background: #e1ddc6; }
.footerInner { min-height: 135px; _height: 135px; background: url(/img/bg_footer_borders.gif) top left repeat-y; border-bottom: 1px solid #d5d3ca; }

.footerInner p { padding: 10px 0 0; }

.footerContainer .copyright { width: 328px; padding: 20px 11px 10px; }
.footerContainer .partnership { width: 202px; padding: 15px; }
.footerContainer .partnership a { color: #666; }
.footerContainer .links { width: 168px; font: 10px verdana, sans-serif; padding: 20px 15px 10px; }
.footerContainer .links li { padding: 0 0 5px; }