@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; margin:auto;}
caption, th, td {color:#666; text-align:right; font-weight: normal; padding-bottom:15px; font-weight:bold; width:50%}
td span{color:#666; font-weight:normal; float:left; text-align:left; padding-left:25px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold; font-size:1em;}
img {margin:0;}
input{background:#f8f6f6; border:1px solid #cccccc; width:262px;}
/*------------------------------Reset style Ends-------------------------------*/

/*-----------------------------------float start-------------------------------*/
.fltrt {float: right; padding-right:7px;}
.fltlft {float: left;}
.clear {clear:both;	height:1px;}
.clearfix{clear:both;}
.ptop{ padding-top:20px;}
/*-----------------------------------float ends--------------------------------*/

/*---------------------body starts here ---------------------------------------*/
body {background:url(../images/body-bg.jpg) no-repeat center top; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
/*---------------------body ends here ---------------------------------------*/

/*---Common Wrapper Style Starts ----*/  
a {	text-decoration:none;	border:0;	color:#ae275f;	cursor:pointer;}
a:hover {text-decoration : underline;	border : 0;	color : #ae275f;	cursor:pointer;}
a img, a:hover img {text-decoration : none;	border : 0;	cursor:pointer;}
p	{font-family:Arial, Helvetica, sans-serif; float:left; padding:0 20px 0 21px;}
span{color:#666; float:right; padding-right:20px; text-align:right; width:auto; clear:both}
/*---Common Wrapper Style Ends ----*/

/* Main CSS Starts */
.wrapper{margin:0; width:100%;}
.topLink{margin:auto; padding:10px 0 20px; width:765px; }
.link{float:right;}
.headerWrapper{ height:90px; margin:auto; width:800px;} /* background:url(../images/header-bg.jpg) left top;width:765px;*/
.progess{ padding:40px 0 0 20px}
.bannerWrapper{margin:auto; padding-left:2px; width:803px;}
.boadyContainer{margin:auto; width:803px;}
.top{background:url(../images/top-bg.jpg) no-repeat left top; float:left; height:23px; width:100%;}
.middle{background:url(../images/middle-bg.jpg) repeat-y 0 0; float:left; position:relative; width:100%;}
.bottom{background:url(../images/bottom-bg.jpg) repeat-y 0 0; float:left; height:23px; width:100%;}
.midleContainer{background:#fefefe url(../images/bg.jpg) repeat-x left bottom; float:left; margin-left:23px; width:755px;}
.midleContainer p{padding:20px 20px 0 21px;}
.midleContainer .step{float:left; padding:20px 0 0 21px; width:748px;}
.midleContainer .step li{background:url(../images/graey-bg.jpg) no-repeat; color:#666; float:left; font-family:'futura_md_btmedium'; font-size:1.4em; padding:20px 0 20px 20px; width:353px; margin-right:5px;}
.midleContainer .step li.sel{background: url(../images/step-bg.jpg) no-repeat; color:#FFF; float:left; width:321px;}
.formContainer, .greay{float:left; padding:20px 0 0 0px; width:100%}
div.selectBox {background:url(../images/slect-drop-bg.gif) no-repeat 0 0; float:left; height:22px; position: relative; width:262px; }
div.selectBox div.box {position: absolute; left: 3px; top: 3px; width: 124px; height: 16px; line-height: 16px; font-family: arial; font-size: 11px;	color:#000; overflow: hidden;}
div.selectBox select {cursor: pointer; filter: alpha(Opacity=0);  height: 24px; left: -1px; opacity: 0;-moz-opacity: 0;	position: absolute; top: -1px; width:262px !important; z-index:100;}
div.selectBox select option{float:left; padding:4px; font-size:11px; cursor:pointer; width:260px !important;}
div.selectBox select option.ultimo{border-bottom: 0px none;}
#divmainForm{ float:left; padding-top:27px; /*margin-left:100px;*/ margin-left:20px; width:702px;}
/** ADDED ON 16TH JAN 2013 STARTS **/
.purpose_remittance {width:684px!important;}
.purpose_remittance .selectBox {background-image:url(../images/slect-drop-bg-big.gif);}
.purpose_remittance .selectBox, .purpose_remittance .selectBox .box {width:484px;}
.purpose_remittance .selectBox #ddlRetailPurposes, .purpose_remittance .selectBox #ddlRetailPurposes option {width:484px!important;}
/** ADDED ON 16TH JAN 2013 ENDS **/
#divAcNo{float:left;}
label{float:left; clear:both; color:#666666; padding-right:20px; text-align:right;}
.errormsg{color:#C00; font-size:0.9em; font-weight:normal !important; float:left; margin-left:202px; padding-top:3px; text-align:left; width:270px;}
.beneficiary{float:left; width:100%;}
.button, .printButton, .printButton2{float:left; height:26px; margin-left:220px; *margin-left:110px; padding-bottom:10px; width:76px;}
.printButton{ position:absolute; right:0; top:-10px; width:54px;}
.printButton2{ position:absolute; right:19px; top:21px; width:54px;}
.button input, .printButton input{ background:url(../images/submit-button.png) no-repeat 0 0; border:0; float:left; cursor:pointer; height:26px; width:76px; }
.printButton input{background:url(../images/print-button.gif) no-repeat 0 0; }
.greay{background:#ebeaeb; float:left; margin-bottom:10px; /*width:490px;*/width:703px;}
.greay .text span{font-weight:bold;}
.greay p{color:#666; float:left; font-weight:bold; padding:0px 0 10px 18px; width:100%;}
.text{float:left; padding-bottom:15px; width:619px; }
.text textarea { float:left; width:260px;}
.beneficiary .text span{ clear:none; float:left; padding:0 20px 8px 28px; text-align:left; width:257px;}
.beneficiary .text label{float:left; font-weight:bold; padding:0; width:270px;}
.printContainer{float:left;margin-left:107px; width:619px; }
.tooltip{position:absolute; top:0; left:0;display:none; width:239px; height:100px; z-index:6;}
.tooltip .topCurve{float:left; height:6px; margin-left:1px; width:239px;}
.tooltip .midCurve{float:left; background:url(../images/tooltip_center_curve.png) repeat-y left top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-left:1px; padding:12px 20px 10px 15px; line-height:normal; width:209px;}
.tooltip .bottomCurve{ float:left; margin-left:1px; width:239px;}

.footer_wrap{float:left; width:100%;}
.footer_container{background:url(../images/footer_bg.jpg) left top repeat-x; height:20px; width:987px; margin:0 auto; font-size:0.9em; color:#666; font-family:Arial, Helvetica, sans-serif; padding:10px 0 0 0;}
.fl{ float:left; padding-left:100px}
.fr{ float:right; padding-right:108px}
.footer_container a{ color:#666;}
.terms{color:#666; float:left; padding-bottom:10px; width:100%;}
.terms a{float:left; color:#666; padding:10px 0 15px 16px;}
.textContainer{float:left; padding:0px 0 20px 0; position:relative; width:726px;}
.step2TopBg{background:url(../images/step-2-border.jpg) no-repeat 0 0; float:left; height:10px; width:756px;}
.step2MiddleBg{background:url(../images/step-middle-bg.jpg) repeat-y left top; float:left; width:756px;}
.notification{border-top:1px solid #CCC; float:left; padding:20px 0 20px 0; margin-left:23px; clear:both; position:relative; width:703px;}
.notice{background:#d42868; float:left; width:512px;}
.notice p{color:#FFF; padding:10px 0 10px 10px; font-size:1em; font-weight:bold;}
.labelName{float:left; width:200px;}

/* New Header */
.headerNew.ipl {
    border-top: 30px solid #97144d;
}
.ipl .LogoPart {
    position: relative;
    top: -10px;
    background: #97144d;
    padding: 0;
    font-family: Arial;
    font-size: 36px;
    display: inline-block;
    height: 68px;
    vertical-align: middle;
}
.ipl .LogoPart a {
    color: #fff;
    text-decoration: none;
}
.ipl .LogoPart img{
    width: 80%;
    float: right;
    position: relative;
    z-index: 2;
    right: 10px;
}
.ipl .LogoPart::after {
    content: '';
    background: #97144d;
    position: absolute;
    height: 120%;
    width: 50px;
    border-radius: 0 0 20px 0;
    right: 0;
    top: -13px;
    margin-right: -37px;
    transform: rotate(35deg);
}
.ipl .LogoPart span {
    position: absolute;
    top: 10px;
    left: 100%;
    width: 15px;
    height: 15px;
    margin-left: 50px;
    transform: rotate(20deg);
}
.ipl .LogoPart span::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -20px;
    z-index: -1;
    background: #97144d;
    width: 100%;
    height: 100%;
}
.ipl .LogoPart span::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f1f4f5;
    top: 0;
    left: 0;
    border-top-left-radius: 30px;
}