/* CSS Document */

input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
}

.noBottomMargin {
  margin-bottom: 0 !important; /* override for .fieldset-bg div {margin-bottom: 15px;} in style.css DS */
}
.standardFormRow {
  padding-bottom: 10px;
}

/* 'Registration Choice' section */
#rewardsRegistrationChoiceContainer, #rewardsRegistrationChoiceContainerNonJS {
  width: 75%;
}
#rewardsRegistrationChoiceBtnsArea {
  margin-top: 20px;
}
#rewardsRegistrationChoiceContainer .registerBullets, #rewardsRegistrationChoiceContainerNonJS .registerBullets {
  color: #6C6752;
  margin-top: 10px;
}
#rewardsRegistrationChoiceBtnsArea .twoColColumn {
  float: left;
  width: 50%;
  text-align: center;
}
#rewardsRegistrationChoiceBtnsArea .twoColColumn input {
  float: left;
}
#rewardsRegistrationChoiceBtnsArea .twoColColumn label.standardFormLabel {
  padding-left: 20px;
}

#registrationChoice_submitBtnContainer, #registrationChoice_submitBtnContainerNonJS {
  clear: left;
  width: 476px;
}
#registrationChoice_submitBtnContainer .btnYellowSm, #registrationChoice_submitBtnContainerNonJS .btnYellowSm {
  float: right;
}

/* 'About You' section */
#customerDetailsAreaContainer .fieldset-bg, #preferencesAreaContainer .fieldset-bg {
  width: 900px;
  padding: 20px 15px 0px 15px;
}

#customerDetailsAreaContainer #customerDetailsAreaContainerLHSCol {
  float: left;
  width: 450px;
}
#customerDetailsAreaContainer #customerDetailsAreaContainerRHSCol {
  float: left;
  width: 450px;
}

.preferencesArea_row {
  padding-bottom: 10px;
}

/* 'Your Preferences' section */
.preferencesArea_row .preferenceRowTitle {
  font-weight: bold;
  color: #363329;
  padding-bottom: 10px;
}

.preferencesArea_row_column {
  width: 300px; /* Assuming 3 columns in this row DS nb using % causes jQuery 'snap back' bug */
  float: left;
}
.preferencesArea_row_column_full{
  width: auto; /* Full width row */
}

.preferencesArea_row_column_full .radioCol{
  width: 570px;
  float: right;
}

.preferencesArea_row_column_full .radioCol label{
  margin-right: 17.290%;
  font-size: 1em;
  font-weight: bold;
  float: left;
  width: auto !important;
  margin-top: 20px;
  margin-bottom: 10px;
}

.preferencesArea_row_column_full .radio{
  margin-right: 90px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.preferencesArea_row_column_full .labelCol label{
  margin-bottom: 17px;
  margin-top: 7px;
  clear: both !important;
}

.preferencesArea_row_column_full .standardFormLabel{
  width: 270px;
  text-align: right;
  font-weight: bold;
}

.preferencesArea_row_column .checkboxCol {
  float: left;
  width: 15%;
  text-align: right;
}
#preferencesArea_row_1 #preferencesArea_row_1_furtherDetail {
  padding-top: 15px;
}

.preferencesArea_row_column .labelCol {
  float: left;    
  padding-left: 10%;
  width: 70%; 
}
.preferencesArea_row_column .labelCol label {
  font-size: 1em;
  line-height: 1.7; /* To level up with checkbox DS */
}

#preferencesAreaContainer .fieldset-bg div {
  margin-bottom: 5px; /* overriding from style.css DS */
}
#preferencesAreaContainer .rowSeperator {
  height: 20px;
  border-top: solid #ccc 1px;
}

/* */

#submitContainer, #submitContainerNonJS {
  padding-bottom: 10px;
}
#submitContainer .submitContainer_leftCol, #submitContainerNonJS .submitContainer_leftCol {
  float: left;
  text-align: justify;
  width: 75%;
}
#submitContainer .submitContainer_rightCol, #submitContainerNonJS .submitContainer_rightCol {
  float: right;
}



/* Rewards overwrite styles #rewards-three-col-form styles (For Account page/ Update details) */

#rewards-three-col-form{ width: 690px; overflow: hidden;}

#rewards-three-col-form .preferencesArea_row_column{ width: 200px !important;}

#rewards-three-col-form .preferencesArea_row_column .standardFormLabel{width: 110px !important; text-align: left !important; padding-top: 0 !important;}

#rewards-three-col-form .preferenceRowTitle{width: 650px !important;}

#rewards-three-col-form .rowSeperator{width: 660px !important;}

#rewards-three-col-form .preferencesArea_row_column_full .standardFormLabel{width: 200px !important;}

#rewards-three-col-form .preferencesArea_row_column_full .radio{margin-right: 73px !important;}

#rewards-three-col-form .preferencesArea_row_column_full .radioCol{ float: left !important;}

#rewards-three-col-form .preferencesArea_row_column_full .radioCol label{margin-left: 9.1% !important;margin-right: 0 !important; float: left !important;}

.ie7 #rewards-three-col-form .preferencesArea_row_column_full .radioCol label{margin-left: 10.5% !important;}

.ie7 #rewards-three-col-form .preferencesArea_row_column_full .scale{margin-left: 170px !important;}

#rewards-three-col-form .preferencesArea_row_column_full .scale{margin-left: 180px !important; margin-right: 0 !important;}

#rewards-three-col-form .row{width: auto !important;}

#rewards-three-col-form .row label{width: 100px !important; text-align: left !important;}

#rewards-three-col-form .row input{width: auto !important;}

#rewards-three-col-form div.fieldset-bg fieldset.clearfix div span.txtBiegeLight input.txtBx { padding: 5px; width: 175px; border: 1px solid #a5acb2;}

.link-list{text-align: left !important;}

#rewards-three-col-form #submitContainer .submitContainer_leftCol, #submitContainerNonJS .submitContainer_leftCol{width: 64% !important;}