/*Mass Pay Overviw*/

.layout2d {overflow:auto}
.layout2d div.last {width:310px;}

.mpSprite { background-image:url(/en_US/i/scr/PI_MP_OV_sprite3.GIF); background-repeat:no-repeat; }
.mpOverview a .btnSt, a .btnEnd {float:left; display:block;  height:30px; padding:8px;  color:#000; font-weight:bold;  text-decoration:none;}
.mpOverview a:hover .btnSt {background-position:-17px -338px;}
.mpOverview a:hover .btnEnd {width:20px; background-position:-499px -338px;}
.mpOverview a .btnSt {background-position:-17px -285px; font-weight:bold;}
.mpOverview a .btnEnd {width:20px; background-position:-499px -285px;}
.mpOverview .feeCal {min-height:25px; padding:15px 5px 10px 10px; background-color:#CFDFEE;  background-image:url(/en_US/i/scr/PI_MP_OV_sprite3.GIF); background-repeat:no-repeat; background-position:274px -384px; font-weight:bold; text-align:center;}

.firstSec {height:250px; width:620px; background-position:-12px -15px; position:relative;}
.how.mpSprite{ background-position:-167px -379px; padding-left:12px;}
.stepsSec {overflow:auto; margin-top:10px; width:610px; border:1px solid #D5D4D5; padding:8px 8px 8px 0px; background-color:#e7eff6;}
.stepsSec ul {width:100%; margin:0; padding:0;}
.stepsSec #manualSteps li, .stepsSec #autoSteps li{ float:left; width:144px; list-style:none; padding:0; margin:0; margin-left:8px; padding-right:10px; background-color:#e7eff6; background-image: url(/en_US/i/scr/PI_MP_OV_sprite3.GIF); background-repeat:no-repeat; background-position:-488px -310px;}
.stepsSec #manualSteps li.last, #autoSteps li.last { padding-right:0; background:none;}
.stepsSec li span {display:block; height:80px; padding:12px 5px 0 12px; color:#395168; background-color:#f4f8fb; font-family: arial; font-weight:bold; font-size:12px;}
.stepsSec li span.step1 {background-image: url(/en_US/i/icon/icon_pi_number1_59x53.gif); background-repeat:no-repeat; background-position:right bottom;}
.stepsSec li span.step2 {background-image: url(/en_US/i/icon/icon_pi_number2_59x53.gif); background-repeat:no-repeat; background-position:right bottom;}
.stepsSec li span.step3 {background-image: url(/en_US/i/icon/icon_pi_number3_59x53.gif); background-repeat:no-repeat; background-position:right bottom;}
.stepsSec a.active { border:none; outline:none; color:#000; text-decoration:none;  }

.hItWork {float:left; width:110px; padding:3px 10px;}
.hItWork h4 {font-size:14px; margin-bottom:15px;}
p#mSteps, p#apiSteps {margin:0 0 5px;  font-size:12px; }

.stepsDes {float:left; width:480px;}
.mpOverview .cont.grey_grad_tall {overflow:auto; padding-top:18px;}
.mpOverview .feePay {margin-top:20px;}
.mpOverview .cStack {padding-top:10px;}

.mpOverview span.yui-carousel-button, div.yui-carousel-nav {display:none;}
.mpOverview .test {color: #000000 !important;}
.mpOverview #container {top:3px; left:4px; position: absolute;}
h3.fades {position: absolute; z-index: 2; top: 127px; left: 213px; font-family: Arial; font-size: 18px; font-style: bold; color: #4968B5; background-color:#f4f4f4; width:390px; text-align:left;}
.firstSec #container ul {margin:0;}
#li-1 {left: 0px; top: 0px;list-style:none; margin:0; padding:0;}
#li-2 {left: 612px; top: 0px; opacity: 1; ;list-style:none; display: none; padding:0;}
#fader{display: none;}
.pSignbutton {float:right;margin:0; position: absolute; z-index: 2; top: 198px; left: 213px; }
.mpOverview .yui-carousel{visibility:hidden;overflow:hidden;position:relative;text-align:left;zoom:1;}
.mpOverview .yui-carousel.yui-carousel-visible{visibility:visible;}
.mpOverview .yui-carousel-element li{margin:0px;overflow:hidden;padding:0;position:absolute;text-align:center; font-size: 0; line-height: 0;}
.mpOverview .yui-carousel-min-width{min-width:115px;}
.mpOverview .yui-carousel-element{overflow:hidden;position:relative;margin:0 auto;padding:0;text-align:left;*margin:0;}
.mpOverview .yui-carousel-horizontal .yui-carousel-element{width:320000px;}
#stdpage .layout2b div.first, #stdpage .mpOverview .layout2d div.last {width:308px;}

.mpOverview ul.descInside li{ list-style-position:inside;}
#expManualSteps, #expAPISteps { padding-left:20px; background:transparent url(/en_US/i/icon/sprite_expand_collapse_11x42.gif) no-repeat 2px 2px; }
#expManualSteps.opened, #expAPISteps.opened { background-position:2px -29px; }
.dottedGrey {background:#fff url(/en_US/i/scr/scr_inv_grey_30.gif) repeat-x scroll left bottom; border-top:1px dotted #ccc; padding:5px 0 6px 5px;}
.dottedGrey a{text-decoration:none; color:#333;}

.cardstack.stacked.vertical {background:none; padding:0px; border:none; margin:5px 0 0;}
.cardstack.stacked.vertical .top .body {border:1px solid #ccc; padding:15px 15px 5px 25px;}
.cardstack.vertical ol.tabs {font-size:11px; color:#084482; *left:1px;}
.cardstack.vertical ol.tabs li{margin:0 7px 0 0; }
.cardstack.vertical ol.tabs li.first {border-top:1px solid #ccc;}
.cardstack.vertical ol.tabs li.next, .cardstack.vertical ol.tabs li.last {border-bottom:1px solid #ccc;}
.cardstack.vertical ol.tabs li.top {border-top:1px solid #ccc; background-image:none; border-bottom:1px solid #CCCCCC; margin:0;}
.cardstack.stacked.vertical .card.top {margin-left:-1px;}
.cardstack .body h3.subhead {margin:.9em;}
.cardstack .body h3.subsubhead {margin:1em; font-size:12px;}
.cardstack.stacked .top .body ol {margin-left:15px;}
.cardstack.stacked .top .body ol li p{margin-left:0}
.cardstack.stacked .top .body ol ul.customList, .cardstack.stacked .top .body div {margin:0}
.cardstack.stacked .top .body ul.customList{margin:1em;}
.cardstack.stacked .top .body ul.customList li{list-style-type:none; margin:0;padding:0}
.cardstack.stacked .top .body table, .cardstack.stacked .top .body p {margin:1em;}
.cardstack.stacked .top .body p.eligibilityNotify {margin: 0 0 10px;}
.cardstack.stacked div.card  {height:100% !important;}
#stdpage .layout2b div.first, #stdpage .layout2d div.last {width:308px;}
.mpOverview .mpBlack {color:#000;}
p.btnSignup {float:right; margin:0;}
.pSignbutton a, .btnSignup a{text-decoration:none;}
p.newBtn {margin:20px 0 10px;}
p.newBtn a {margin:0; padding:7px;}

/* RTL SUPPORT */
.rtl .mpOverview {overflow:hidden}
/*card stack section*/
.rtl  .cardstack.vertical ol.tabs {float:right}
.rtl  .cardstack.vertical ol.tabs li {margin: 0 0 0 7px;}
.rtl  .cardstack.vertical ol.tabs li.top {margin:0;}
.rtl  .cardstack.stacked.vertical .card {float:right;}
.rtl  .cardstack.stacked.vertical .card.top {margin-right: -1px; margin-left: 0px; *margin-right: -2px; float:right;}
.rtl #expManualSteps, .rtl #expAPISteps { padding-left:0; padding-right:20px; background-position:right 2px; *display:inline-block;}
.rtl #expManualSteps.opened, .rtl #expAPISteps.opened { background-position:right -29px;}
/*for slide*/
.rtl  .firstSec #container ul {left:612px;}
.rtl  #li-1 {right: 612px; left:auto;}
.rtl  #li-2 {right: 0px; left:auto;}
.rtl  h3.fades{text-align:right; left:auto; right:70px;}
.rtl  .pSignbutton {left: auto; right:65px;}
.rtl  p.btnSignup{float:left;}

/*for steps section*/
.rtl  .stepsSec{padding:8px 0px 8px 8px;}
.rtl  .stepsSec #manualSteps li, .rtl  .stepsSec #autoSteps li {float:right; margin:0 8px 0 0; padding:0 0 0 10px; background-position:-613px -310px;}
.rtl  .stepsSec #manualSteps li.last, .rtl  .stepsSec #autoSteps li.last{padding-left:0px}
.rtl  .hItWork, .rtl  .stepsDes {float:right;}
.rtl  .how.mpSprite {padding-left:0; padding-right:12px; background-position:-52px -379px;}