/* CreditCardEntry.cml */
fieldset#payment-type {
	margin: 0;
	padding: 2px;
}
/* This CSS addition breaks standard WPS Billing layout. (PPSCR00839225)
If this is needed for some other flow, PLEASE TEST the standard flow for US
fieldset#ccdetails {
	margin-top: -18px;
}
*/
fieldset#payment-type:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
fieldset#payment-type input {
	float: left;
	width: auto;
	margin: 3px 2px 0 0;
	_margin: 0;
}
fieldset#payment-type label {
	height: 23px;
	width: 37px;
	text-indent: -12345px;
	margin: 0 5px 0 0;
	_margin: 0 1px 0 0;
	padding: 0;
}
.rtl fieldset#payment-type label {text-indent:1234px; white-space:nowrap; overflow:hidden;}
fieldset#payment-type select {
	margin-left: -2.5px !important;
	_margin-left: -1px !important;
}

/* For Opera */
@media all and (min-width: 0) {
	fieldset#payment-type {
		margin: 0;
		padding: 0;
	}
	fieldset#payment-type input {
		margin-right: 2.5px;
	}
	fieldset.payment-type label {
		margin-right: 6px;
	}
}

fieldset#payment-type label#pm-maestro {
	background: url(/en_US/i/logo/logo_ccMaestro.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-visa {
	background: url(/en_US/i/logo/logo_ccVisa.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-amex {
	background: url(/en_US/i/logo/logo_ccAmex.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-mastercard {
	background: url(/en_US/i/logo/logo_ccMC.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-jcb {
	background: url(/en_US/JP/i/icon/logo_cc_jcb.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-discover {
	background: url(/en_US/i/logo/logo_ccDiscover.gif) no-repeat 0;
	width: 37px;
	margin-right: .4em; 
}
fieldset#payment-type label#pm-postepay {
	background: url(/en_US/i/logo/logo_ccPostepay.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-electron {
	background: url(/en_US/i/logo/logo_ccElectron.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-hipercard {
	background: url(/en_US/i/logo/logo_ccHiperCard.gif) no-repeat 0;
	margin-right: .4em;
	width:51px;
}
fieldset#payment-type label#pm-elo {
	background: url(/en_US/i/logo/logo_ccElo.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#payment-type label#pm-hiper {
	background: url(/en_US/i/logo/logo_ccHiper.gif) no-repeat 0;
	margin-right: .4em;
}
fieldset#cardIssueInformation {
	clear: both;
	float: none;
	width: 100% !important;
}
div.exp-date {
	clear: both;
	float: left;
}
/* expiration input option vs select */
div.exp-date input#expdate_month, div.exp-date input#expdate_year,
div.exp-date input#start-month, div.exp-date input#start-year,
div.dob input#dob_date, div.dob input#dob_month, div.dob input#dob_year {
	width: 3em;
	text-align: center;
	margin-right: 5px;
	color: #cccccc;
}
div.exp-date input#expdate_year, div.exp-date input#start-year {
	margin-left: 5px;
}
div.exp-date select {
	margin-right: 2px;
	width: auto !important;
}
fieldset.payment-type input.hidden {
	display: none;
}
div.issue-number {
	float: left;
	text-align: right;
	width: 11.4em !important;
	_width: 11.1em !important;
}
div.issue-number label {
	margin: 0;
	width: 8em !important;
	_width: 7.5em !important;
}
div.issue-number input {
	_float: right;
	margin: 0 !important;
	padding: 1px 0 1px 1px;
	width: 2em !important;
}
div.csc {
    float:left;
	margin-right: 0;
	text-align: right;
	width:11.2em !important;
}

div.csc-newline { clear:left; width:auto !important; margin:2px 0; text-align:left; float:none;}

div.csc label {
	margin: 0 !important;
	padding-top: 5px;
	width: 2.7em !important;
}

div.csc-newline label, form div.csc-newline label {width:14.2em !important;}
#is_cvv_optional {margin-right:.3em;}

div.csc-newline #cvv2_number { margin-left:5px; _margin-left:5px !important; float:none;}

div.csc input {
	float:left;
	_margin: 0 !important;
	margin-right: 2px;
	padding: 1px;
	width: 2em !important;
}
div.csc a {
	font-size: .75em;
	padding: 0;
	vertical-align: 5%;
	_vertical-align: 2.5%;
}
#fieldrowCSCOptional {margin-left:14.8em;}
div.bankonlineaccess {
	clear: both;
}
div.bankonlineaccess div {
   width: 18em;
	padding-left: 14.8em;
	_padding-left: 15em;
}
div.bankonlineaccess input {
	width: 2em;
}

.dottedline{
	border-bottom: 1px dashed #0033cc;
	color: #0033cc;
}

/* HOVER EFFECT - With links */
div.tooltip {
	background: url(/en_US/i/scr/scr_tooltip_bottom_left.gif) no-repeat left bottom;
	font: 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #000;
	width: 250px;
}

div.tooltip-onlycard {
	background: url(/en_US/i/scr/scr_tooltip_bottom_left.gif) no-repeat left bottom;
	font: 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #000;
	width: 250px;
}

div.tooltipCCHover {
	background: url(/en_US/i/scr/scr_tooltip_bottom_left.gif) no-repeat left bottom;
	font: 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #000;
	width: 250px;
	bottom: -25px;
	position: relative;
}

/* cc2/3 used to position differently when there's 2 or 3 cards present */
div.cc2 {
	bottom: 5px;
}

div.cc3 {
	bottom: 50px;
}

div.tooltip div.content, div.tooltipCCHover div.content, div.tooltip-onlycard div.content  {
	padding: 5px 20px 15px 5px;
	background: url(/en_US/i/scr/scr_tooltip_right_6x500.gif) no-repeat 100% 100%;
	position: relative;
	right: -5px;
	text-align: left;
}
div.tooltip div.content p, div.tooltip div.content li, div.tooltipCCHover div.content p, div.tooltipCCHover div.content li {
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	font: 11px Arial, sans-serif;
}

div.tooltip-onlycard div.content p, div.tooltip-onlycard div.content li {
	margin: 0 0 -2px 0 !important;
	padding: 0 !important;
	font: 11px Arial, sans-serif;
}

dl.quick-faq, dl.quick-faq-hover {
	position: relative;
	display: inline;
	z-index: 100;
}
dl.ccOnFileNoHover, dl.ccOnFileHover, dl.prePaidCardNoHover, dl.prePaidCardHover {
	position: relative;
	display: inline;
	cursor: default;
}
dl.quick-faq, dl.quick-faq dt, dl.quick-faq dd, dl.quick-faq-hover, dl.quick-faq-hover dt, dl.quick-faq-hover dd, dl.ccOnFileNoHover, dl.ccOnFileNoHover dt, dl.ccOnFileNoHover dd, dl.ccOnFileHover, dl.ccOnFileHover dt, dl.ccOnFileHover dd, dl.prePaidCardNoHover, dl.prePaidCardNoHover dt, dl.prePaidCardNoHover dd, dl.prePaidCardHover, dl.prePaidCardHover dt, dl.prePaidCardHover dd {
	margin: 0;
	padding: 0;
}
dl.quick-faq:hover dd, dl.quick-faq.hover dd, dl.quick-faq-hover:hover dd, dl.quick-faq-hover.hover dd, dl.ccOnFileNoHover:hover dd, dl.ccOnFileNoHover.hover dd, dl.ccOnFileHover:hover dd, dl.ccOnFileHover.hover dd, dl.prePaidCardNoHover:hover dd, dl.prePaidCardNoHover.hover dd, dl.prePaidCardHover:hover dd, dl.prePaidCardHover.hover dd {		
	display: block;
}
dl.quick-faq dt, dl.quick-faq-hover dt, dl.ccOnFileNoHover dt, dl.ccOnFileHover dt, dl.prePaidCardNoHover dt, dl.prePaidCardHover dt {	
	display: inline;
}
dl.quick-faq dd, dl.ccOnFileNoHover dd, dl.prePaidCardNoHover dd {	
	display: none;
	position: absolute;
	bottom: 1em;
	top: -9em;
	left: 30%;
	_left: 10%;
	width: 100%;
}
dl.quick-faq-hover dd, dl.ccOnFileHover dd, dl.prePaidCardHover dd {	
	display: block;
	position: absolute;
	bottom: 1em;
	top: -9em;
	left: 30%;
	_left: 5%;	
	width: 100%;
}
/* END OF HOVER EFFECT */

/* Used to disable fields on page load */
fieldset.disabled, span.disabled, input#cc_number.disabled, label#pm-M.disabled {
	display: none;
}
div#fieldrowCCNumber p {
	clear: both;
	margin: 0 0 0 14.8em;
	padding: 0.4em 0 0 0;
	font-size: 1em;
}
/* Used to disable fields on page load */

/* Additions specific to ManageCC.aml, which calls CreditCardEntry */
.noteDotted {
	margin: 0;
	font-size: 1em;
	border: none;
	border-bottom: 1px dashed #30c;
	cursor: pointer;
	_cursor: hand;
}
div.prePaidCard {
	padding-left: 180px; /* Fix for Bug ID: 553532 */
	position: relative;
	display: inline;
}
div#addCardSection p {
	padding: 0 0 0 178px !important;
}
p.addCardLink {
	clear: both;
	margin: 0 !important;
	font-size: 12px;
	display: none;
}
div.dob span.mmhelp {
        margin-left:112px;
        float: left;
}
div.dob span.ddhelp{
        margin-left: 30px;
        float:left;
}
div.dob span.yyhelp {
        margin-left:28px;
        float:left;
}
div.dob { clear: both; }

#cowp-wrapper #pageHeader span#CCTitle { /* fix for Bug ID: 733265 */
	display:block;
	width:540px;
}

/* END: Additions specific to ManageCC.aml, which calls CreditCardEntry */

#exp-date-input {display: inline;}
.rtl fieldset#payment-type label#pm-visa {margin-left:0.4em; margin-right:0;}
.rtl fieldset#payment-type label#pm-mastercard {margin-left:0.4em; margin-right:0;}
.rtl fieldset#payment-type label#pm-amex {margin-left:0.4em; margin-right:0;}
.rtl fieldset#payment-type label#pm-discover {margin-left:0.4em; margin-right:0em;}
.rtl div.exp-date {float:right; width: 283px;}
.rtl #fieldrowCCExpDate label {*float:none;}
.rtl div.exp-date input#expdate_month, .rtl div.exp-date input#expdate_year, .rtl div.dob input#dob_date, .rtl div.dob input#dob_month, .rtl div.dob input#dob_year {margin-left:5px; margin-right:0;}
.rtl div.exp-date input#expdate_year, .rtl div.exp-date input#start-year {margin-right:5px;}
.rtl div.csc label {width:5em !important;}
.rtl div.csc {float:right; *float:none; display:inline !important; zoom:1;}
.rtl div.csc input {float:right; margin-left:2px; margin-right:0;}
.rtl #exp-date-input {margin-top: -18px; display: inline; float: left;}