/* Membership purchase flow (Register / Renew / Gift / Activate / Payments) - legacy Club_v8 look.
   Layout mimics MembersForm.aspx: 320px left column + 610px right column inside #content (980px). */
.mf-left{width:320px;float:left;padding-left:15px}
.mf-left.wide{width:370px;padding-left:10px}
.mf-left img{display:block;border:0}
.mf-left .main-title{padding:10px 0}
.mf-left p.norm-14{margin:0 0 8px}
.mf-left .perks{list-style:none;margin:6px 0 10px 30px;padding:0;font-size:16px;font-weight:bold;color:#154397}
.mf-left .perks li{background:url('/images/bulletGreen.gif') no-repeat 0 8px;line-height:26px;padding-left:15px;color:#333}
.mf-left .perk-text{margin-left:30px !important}
.mf-right{float:right;width:610px;padding-right:15px}
.mf-right.narrow{width:560px;padding-right:10px}
.mf-clear{clear:both;height:1px;overflow:hidden}
.mf-right .main-title{padding:0 0 10px 4px}
.mf-right .validation_error{margin:0 0 6px}
.mf-right .validation_error ul{margin:0;padding:5px 0 3px 10px}
.mf-right .validation-summary-valid{display:none}
.mf-right .form_tables{width:100%;border-collapse:collapse}
.mf-right .form_tables td{vertical-align:middle}
.mf-right .form_tables select.inputfield{padding:3px 4px}
.mf-right input.inputfield[readonly],.mf-right select.inputfield[disabled]{background-color:#dedede;color:#555}
.mf-right .input-validation-error{border:1px solid #c00;background-color:#fff3f3}
.mf-right .field-validation-error,.mf-right .text-danger{color:#c00;font-size:12px;display:block;margin:0 0 0 8px}
.mf-right .dashed-note{margin:6px;padding-bottom:5px;border-bottom:1px dashed #ccc}
.mf-right .lbl-row{margin:0 0 5px 8px}
.mf-right .box-offer{background-color:#154397;overflow:hidden;padding:8px;margin:2px 0 2px 4px}
.mf-right .box-offer p{color:#fff}
.mf-right .box-offer .inputfield{margin:0 5px;width:96px}
.mf-right .box-terms{background-color:#ddd;overflow:hidden;padding:8px;margin:2px 0 2px 4px}
.mf-right .box-price{background-color:#fbba00;overflow:hidden;padding:8px;margin:2px 0 2px 4px}
.mf-right .box-price p{color:#083f88}
.mf-right .center{text-align:center}
.mf-right .check-row{margin:6px 0 6px 8px;font-size:14px;line-height:22px;color:#333}
.mf-right .check-row input{margin-right:6px;vertical-align:middle}
.mf-right .locked-note{margin:6px 0;padding:4px 8px;font-size:12px;background-color:#ffffcc;border:1px solid #ffd800}
.mf-right .pay-table{margin:20px 0;border-collapse:collapse}
.mf-right .pay-table td{padding:0 0 10px;font-size:14px;color:#333;vertical-align:middle}
.mf-right .pay-table input{margin-right:6px;vertical-align:middle}
.mf-right .pay-table label{cursor:pointer}
.mf-right .pay-table img{margin-left:5px;vertical-align:middle}
.mf-right .readonly-val{font-size:14px;color:#333;padding:4px}
.mf-right .actions-row{text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-bottom:10px;margin-top:16px}
.mf-right .actions-row button.button-link-big{cursor:pointer;margin-top:10px;font-family:Arial,Helvetica,sans-serif}
.mf-right .survey-grid{font-size:12px;width:100%}
.mf-right .survey-grid label{display:inline-block;margin:2px 14px 2px 4px;font-size:12px}
.mf-result{padding:0 15px 20px}
.mf-result .main-title{padding-left:0}
.mf-result p.norm-14{margin:8px 0}
.mf-result .back{margin-top:16px}