﻿/* Common Settings */
.fieldset label { font-size: 11px; }
.fieldset .title, .fieldset .fsbc { background: #E6DDCC; }

/* Normal fieldset styling */
.fieldset { position: relative; background: url(../images/fieldset/border1.gif) right repeat-y; padding-right: 16px; }
.fieldset .fsbt { background: url(../images/fieldset/border2.gif) top repeat-x; height: 16px; margin-right: -16px; }
.fieldset .fsbtl { background: url(../images/fieldset/border2.gif) center left no-repeat; height: 16px; width: 16px; float: left; }
.fieldset .fsbtr { background: url(../images/fieldset/border1.gif) top center no-repeat; height: 16px; width: 16px; float: right; }
.fieldset .fsbl { background: url(../images/fieldset/border1.gif) left repeat-y; padding-left: 16px; }
.fieldset .fsbc { padding: 6px 5px 20px 5px; }
.fieldset .fsbb { background: url(../images/fieldset/border2.gif) bottom repeat-x; height: 16px; margin-right: -16px; }
.fieldset .fsbbl { background: url(../images/fieldset/border1.gif) bottom center no-repeat; height: 16px; width: 16px; float: left; }
.fieldset .fsbbr { background: url(../images/fieldset/border2.gif) center right no-repeat; height: 16px; width: 16px; float: right; }

/* Tables within field sets */
.fieldset table { border-collapse: collapse; padding: 0; background: #DAD2C2; }
.fieldset table tr.odd { background: #CFC7B8; }
.fieldset table td { padding: 0; }
.fieldset .field table { background: transparent; }

/* Fieldset field styling */
.fieldset .title { position: absolute; top: -0.5em; left: 16px; padding: 0em 0.25em; }
.fieldset .field, .errorSummary { margin: 0 0 5px 0; padding: 5px; display: block; }
.fieldset .field a { font-weight: bold; }
.fieldset .field label { font-weight: bold; display: block; padding: 0; margin: 0; }
.fieldset .field label em { font-weight: normal; color: #70736A; }
.fieldset .field input.tbsl, .fieldset .field textarea.tbml { padding: 2px; border: #70736A solid 1px; }
.fieldset .field input.tbsl { width: 223px; }
.fieldset .halfField .field input.tbsl { width: 101px; }
.fieldset .field textarea.tbml { width: 492px; height: 100px; }
.fieldset .indent .field textarea.tbml { width: 472px; }
.fieldset .field .rbl label, .fieldset .field .cbl label, .fieldset .field label.cb { display: inline; font-weight: normal; }
.fieldset .invalid label { color: #9E2629; }
.fieldset .invalid .rbl label, .fieldset .invalid .cbl label { color: #262626; }
.fieldset .indent { margin-left: 20px; }
.fieldset .info { padding: 0 5px; }
.fieldset .iconField label { position: relative; }
.fieldset .iconField label img { position: absolute; right: 0; bottom: 2px; }

/* Special Formatting for City/State/Zip */
.fieldset .rowCSZ { margin-bottom: 5px; }
.fieldset .rowCSZ .field { margin-top: 0; margin-bottom: 0; }
.fieldset .rowCSZ .field1 { width: 117px; float: left; margin-right: 5px; }
.fieldset .rowCSZ .field1 input.tbsl { width: 101px; }
.fieldset .rowCSZ .field2 { width: 56px; float: left; margin-right: 5px; }
.fieldset .rowCSZ .field2 input.tbsl { width: 40px; }
.fieldset .rowCSZ .field3 { width: 56px; float: left; }
.fieldset .rowCSZ .field3 input.tbsl { width: 40px; }

/* Special Formatting for First/Last Names */
.fieldset .rowFLN { margin-bottom: 5px; }
.fieldset .rowFLN .field { margin-top: 0; margin-bottom: 0; }
.fieldset .rowFLN .field1 { width: 117px; float: left; margin-right: 5px; }
.fieldset .rowFLN .field1 input.tbsl { width: 101px; }
.fieldset .rowFLN .field2 { width: 117px; float: left; }
.fieldset .rowFLN .field2 input.tbsl { width: 101px; }

/* Special Formatting for Expiration/Security Code */
.fieldset .rowCCESC { margin-bottom: 5px; }
.fieldset .rowCCESC .field { margin-top: 0; margin-bottom: 0; }
.fieldset .rowCCESC .field1 { width: 134px; float: left; margin-right: 5px; }
.fieldset .rowCCESC .field1 select.dsm { width: 58px; margin-right: 2px; }
.fieldset .rowCCESC .field1 select.dsy { width: 64px; }
.fieldset .rowCCESC .field2 { width: 100px; float: left; }
.fieldset .rowCCESC .field2 input.tbsl { width: 84px; }

/* Radio Button/Checkbox Flow Layout */
.fieldset .rbl input, .fieldset .cbl input { margin: 3px 3px 0 0; }
.fieldset .rbl label, .fieldset .cbl label { margin-right: 10px; }

/* Datetime formatting */
.fieldset .field .dsm, .fieldset .field .dsd { margin-right: 5px; }

/* Misc Styling */
.navigation { margin-top: 1em; }
.navigation a { font-weight: bold; }
.navigation .prev { float: left; }
.navigation .next { float: right; }
.errorSummary { font-size: 11px; color: #9E2629; font-weight: bold; }
.errorSummary ul { font-size: 11px; font-weight: normal; list-style-type: disc; padding-left: 40px; }
.twoColumn { position: relative; }
.twoColumn .column { position: relative; width: 239px; float: left; margin-right: 20px; }
.twoColumn .columnLast { margin-right: 0; }
