#pp-wrapper .field-sm{width:40px;}
#pp-wrapper .field-mm{width:80px;}
#bdapi #pp-wrapper {font-family:Arial; font-size:12px;}
#bdapi #pp-wrapper label, #pp-wrapper input { font-size:12px;}
.datahighlight{font-size:14px;font-weight:bold;color:#444;}
.amounthighlight{font-size:1.3em;font-weight:bold;}

#payment-options-listing, #bills-listing{ float:none; clear:both; margin-left:10px;}
.logincreate-options-listing{ float:none; clear:both; display:block}
#payment-options-listing-auto .payment-option-option{ width:auto;}
.payment-option-option{ width:105px; height:40px; float:left;}
.payment-option-option input{float:left; position:relative; top:7px;}
.payment-option-option label{ float:left; border:1px solid #eee; margin:0 3px; display:inline; padding:0px; width:auto}
.logincreate-options-listing label{ float:left; margin:0 3px; display:inline; padding:0px; width:auto}
.logincreate-options-listing input{float:left; position:relative;}
.payment-option-option img{ padding:2px; width:70px; height:30px;}
.clr{ clear:both; height:1px;}

.instruction_summary span{font-size:1.1em;font-weight:bolder;}
.instruction_summary span.schools{font-size: 1.2em;color:#1061a3;}
.instruction_summary{padding:5px 10px;background:#f0f0f0;}
.logincreate-label{padding:5px 10px;background:#f0f0f0; margin-top:10px; overflow:hidden}
fieldset .instruction_summary{margin:10px 0;}
#instruction_details div.left{width:300px;float:left;}
#instruction_details div.right{border-left:1px dotted #888;position:absolute;left:350px;margin-top:20px;padding-left:15px;color:#666;}

.controls{ position:relative;}
#PhoneNumber,#SecureAcceptancePhoneNumber,#MobileNumber,#PhoneNumberForCreditCard,#SecureAcceptancePhoneNumberForCreditCard,#BuyerRecipientPhoneNumber,#MCardMobileNumber{width:149px; margin-left:57px;}
.logincreate-options-listing #PhoneNumber {margin-left:0px;}
.flfld{position:absolute; left:0px; top:0px;}
.frfld{position:absolute; right:0px; top:0px;}
.input-lsmall{ width:94px;}
.input-lsmall.margl{position:absolute; left:112px;top:0px;}
/*.countrycode{width:42px !important;}
.phonenumber{width:145px !important;}
.verificationcode{width:100px !important;}
.credit-card-country-list, .country-list{}*/

.secure-message{ border:1px dashed #dfdfdf; font-size:0.9em; background:#fafafa; padding:5px; margin:0 0 5px 0;}
.secure-message img{float: right; margin: 10px 0 20px 20px !important; border:0 !important;}
fieldset .secure-message{margin: 0 0 5px 0;}
fieldset .secure-message div{margin-top:5px;}
fieldset .secure-message img{padding: 0 !importatnt; margin-top:0 !important;}
.paymentForm .span7{background:#fff;}
.demo-msg{ color:#a81414;}
/*Generic styling from old design - need to preserve it in forms*/
fieldset{color: #333;}
fieldset p{margin: 2px 0px 4px 0px;}
fieldset ol li{list-style: decimal; margin:5px 0 7px 0;}
#pp-wrapper .plTitle{ margin-top:0px; line-height:24px;}
.wrapper{margin:10px auto; padding:0 10px;}
.paymentsubmit{margin:10px 0 0}
.accordion-toggle{text-decoration:none!important}
.accordion-toggle span{font-weight:700;position:relative;left:5px;color:#333;top:3px;font-size:125%}
.active{background:#eee}
.control-label{font-weight:bold;}

#bdapi #Cvv2Number, #bdapi #SecureAcceptanceCvv2Number, #bdapi #card_cvn{width:136px;}
/*Hint*/
.hover {
   position:relative;
   font-size:0.9em;
}
.tooltip {
  top:-30px;
  left:70px;
  background:#fff;
  opacity:0;
  position:absolute;
  -webkit-transition: all 0.5s;
  -moz-transition:  all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition:  all 0.5s;
  transition:  all 0.5s;
  visibility:hidden;
}

.hover:hover .tooltip {
    opacity:1;
    visibility:visible;
}

@media (max-width: 480px) {
.tooltip {
  top:25px;
  left:-150px;
}
}  
@media (max-width: 767px) {
.tooltip {
  top:25px;
  left:-70px;
}
@media (min-width: 980px) {
.tooltip {
  top:-30px;
  left:70px;
}	  
