/* Elite Page */

.elite#content {
   margin: 30px auto;
}

.elite #mainColumn {
   width: 640px;
   margin-right: 30px;
   float: left;
}

.elite #rightColumn {
   width: 300px;
   float: left;
}

div.requiredText {
   float: right;
   display: inline;
   color: #666;
   font-size: 11px;
   font-weight: normal;
   position: relative;
   top: 4px;
}

#content.elite #creditCardFormContainer h3 {
   font-size: 18px;
   text-align: left;
}

#creditCardFormContainer h2 {
   margin: 20px 0 15px;
   padding: 4px;
   background: #CCC;
}

.creditCardFormRow {
   margin: 8px 0;
   width: 284px;
}

.ccInfoFormAction {
   border-top: 1px solid #CCC;
   padding-top: 5px;
   margin-top: 15px;
}

.ccInfoFormAction .footnote {
   color: #333;
   font-size: 11px;
   text-align: center;
}

.creditCardFormRow label {
   float: left;
   font-size: 13px;
   color: #333;
   position: relative;
   top: 3px;
   margin-right: 6px;
   width: 106px;
   text-align: right;
}

.creditCardFormRow#ccTypeRow label,
.creditCardFormRow#expRow label,
.creditCardFormRow#countryRow label,
.creditCardFormRow#stateRow label {
   top: 9px;
}

.creditCardFormRow input[type="text"] {
   float: left;
   width: 160px;
}

.creditCardFormRow#cvvRow input[type="text"] {
   width: 40px;
}

.creditCardFormRow#zipRow input[type="text"] {
   width: 70px;
}

.creditCardLogos {
   position: relative;
   left: 116px;
}

.creditCardFormRow .tag {
   float: left;
   font-size: 11px;
   position: relative;
   top: 2px;
   margin-left: 6px;
}

.creditCardFormRow span.tag {
   color: #666;
}

#creditCard-submit {
   width: 180px;
   margin: 10px auto;
   float: none;
}

#creditCardFormContainer h3 .icon {
   float: left;
   margin-right: 8px;
   position: relative;
   top: 1px;
}

.subscriptionSelectBox div.radio,
.subscriptionSelectBox div.checker {
   float: left;
   margin-left: 4px;
}

.subscriptionSelectBox div.checker {
   margin-right: 10px;
}

.subscriptionSelectBox .subscriptionTypeContent {
   float: left;
   width: 247px;
}

.subscriptionSelectBox .creditCardFormRow {
   margin: 15px auto;
}

.subscriptionSelectBox .subscriptionTypeContent .mainText {
   color: #555;
   font-size: 12px;
}

.subscriptionSelectBox .subscriptionTypeContent .mainText span {
   color: #000;
   font-size: 16px;
   font-weight: bold;
}

.subscriptionSelectBox .subscriptionTypeContent .subText {
   color: #333;
   font-size: 11px;
   margin-top: 4px;
}

.reportsAgreeTOS {
   margin: 15px 0 30px;
}

.reportsAgreeTOS label {
   color: #333;
   position: relative;
   top: 5px;
   font-weight: bold;
}

#paypalExpressForm {
   border-top: 1px solid #CCC;
   padding-top: 5px;
   margin-top: 15px;
   display: none;
}

#paypalExpressForm input[type="image"] {
   width: 145px;
   margin: 10px auto;
   display: block;
}

#payPalToggle {
   position: relative;
   top: -10px;
   height: 20px;
}

#payPalToggle.cc {
   position: relative;
   top: 0;
}

#payPalToggle img {
   position: relative;
   top: 5px;
}

#paymentTypeRow {
   padding: 12px 0;
}

.creditCardFormRow .label {
   float: left;
   color: #333;
   font-weight: bold;
   font-size: 14px;
   margin: 0 6px 12px 12px;
   position: relative;
   top: 7px;
}

label.hasError {
   color: red;
}

.creditCardFormRow #paymentSelector {
   float: left;
}

#content.elite h3 { 
   border-bottom: none;
   font-size: 30px;
   text-align: center;
   margin-bottom: 20px;
}

.featureBox {
   border-top: 1px solid #DDD;
   padding: 40px 0;
   width: 630px;
   margin: 0 auto;
}

.featureBox#eliteFitnessReports .icon {
   float: left;
   margin-right: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.featureBox#eliteFitnessReports .contentBox {
   float: left;
   width: 460px;
}

.featureBox#eliteRunkeeperLive .icon {
   float: left;
   margin-right: 20px;
   width: 150px;
   height: 197px;
   position: relative;
}

.featureBox#eliteRunkeeperLive .contentBox {
   float: right;
   width: 460px;
}

.featureBox#eliteRunkeeperLive .contentBox .logo {
   position: relative;
   left: -4px;
   top: 4px;
}

.featureBox#eliteRunkeeperRacesLive .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.featureBox#eliteRunkeeperRacesLive .contentBox {
   float: right;
   width: 460px;
}

.featureBox#eliteRunkeeperRacesLive .contentBox .logo {
   position: relative;
   left: -4px;
   top: 4px;
}

.featureBox#eliteFitnessAlerts .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.featureBox#eliteFitnessAlerts .contentBox {
   float: left;
   width: 460px;
}

.featureBox#eliteFitnessClasses .icon {
   float: right;
   margin-left: 20px;
   width: 150px;
   height: 150px;
   position: relative;
}

.featureBox#eliteFitnessClasses .contentBox {
   float: left;
   width: 460px;
}

#content.elite .featureBox .contentBox h3 {
   font-size: 26px;
   border-bottom: none;
   text-align: left;
   margin-bottom: 10px;
}

.featureBox .contentBox p {
   font-size: 14px;
   line-height: 140%;
   color: #666;
}

.featureBox .contentBox p span {
   font-weight: bold;
   color: #000;
}

#content.elite .featureBox#eliteMoreFeatures p {
   font-size: 24px;
   color: #666;
   font-weight: 100;
   text-align: center;
   position: relative;
   top: -20px;
}