#user-page .user-sidebar{
width:235px;
height:auto;
margin:10px 0 0;

 border:none;
}

#user-page .user-sidebar{
float:left;
position:static;
 background-color:inherit;
 padding:8px 3px 8px 3px;
}

#sidebar-bar{display:none}
#sidebar-bar-exposed{display:none}


@media all and (min-device-width:769px),all and (min-width:769px)
{
 #user-page .user-sidebar 
{
position:static;
 float:left;
 background-color:inherit;
 padding:8px 3px 8px 3px;
 }
 
 #sidebar-bar{display:none}
#sidebar-bar-exposed{display:none}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
 #user-page .user-sidebar{
 position:absolute;
 left:0;
 top:-20px;
 z-Index:5;
 background-color:#fff;
 border-top-right-radius:6px;
 border-bottom-right-radius:6px;
 
 -webkit-box-shadow:1px 1px 1px 2px #525252;
 box-shadow:1px 1px 1px 2px #525252;
 padding:8px 8px 8px 8px;
 }
 
 #sidebar-bar{
 position:absolute;
 z-Index:3;
 left:-5px;
 top:0px;
 border-left:solid 2px #38478a;
 height:40px;
 display:inline;
 padding-top:5px;
 vertical-align:middle;
 background:#fff;
 -moz-opacity:.7;
 opacity:.70;
 filter:alpha(opacity=70);
 color:#39488c;

 border-top-right-radius:8px;
 border-bottom-right-radius:8px;
 
 }
 
 #sidebar-bar-exposed
{
 margin:0;
 border-bottom:2px solid #525252;
 border-top-right-radius:8px;
 border-bottom-right-radius:8px;
 width:34px;
 height:34px;
 padding:0px 0px;
 z-index:-1;
 left:243px;
 top:2px;
 position:relative;
 display:block;
 }
 
 #sidebar-bar img{
 width:14px;
 height:auto;
 margin:0 auto;
 }
 
 #sidebar-bar-exposed img 
{
width:34px;height:auto;
 } 
}

#user-page .user-sidebar .welcome-user{
width:194px;
min-height:49px;
height:auto;
padding:12px 10px 12px 25px;
margin:0 0 14px;
float:right;
border:1px solid #e8e8e8;
 border-right:0;
border-top-left-radius:10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}

#user-page .user-sidebar .welcome-user img{
float:left;
margin:0 8px 0 0;
}

#user-page .user-sidebar .welcome-user p{
font-size:14px;
font-weight:700;
color:#565656;
margin:10px 0 0;
}

#user-page .user-sidebar .user-menus ul{
list-style:none;
padding:0;
margin:0;
}

#user-page .user-sidebar .user-menus ul li{
text-align:right;
margin:4px 0 4px;
float:right;
}

#user-page .user-sidebar .user-menus > ul > li{
margin-bottom:8px;
}

#user-page .user-sidebar .user-menus > ul > li > a,
#user-page .user-sidebar .user-menus > ul > li > span{
 font-size:14px;
 margin-bottom:2px;
}

#user-page .user-sidebar .user-menus ul > li > a,
#user-page .user-sidebar ul > li > span{
width:225px;
font-weight:bold;
background:#38478a;
color:#fff;
display:block;
float:right;
padding:8px 5px 8px 0;
border-top-left-radius:15px;
-moz-border-top-left-radius:15px;
-webkit-border-top-left-radius:15px;
border-bottom-left-radius:15px;
-moz-border-bottom-left-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-box-shadow:-1px 1px 1px 1px #525252;
box-shadow:-1px 1px 1px 1px #525252;
}

#user-page .user-sidebar .user-menus ul > li > ul > li > a{
width:201px;
color:#fff;
background:#60c0c7;
}



.user-home-msg{


height:65px;
font-size:15px;
font-weight:bold;
color:#39488c;
text-align:center;
background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 8px 2px #525252;
box-shadow:0px 0px 8px 2px #525252;
vertical-align:middle;
}

.user-home-msg p 
{
width:100%;
font-weight:bold;
color:#39488c;
}

.sidebar-info{width:742px}
.page-info 
{
width:742px;
margin:15px 0 0 1.005%;
}

.user-home{
 width:742px;
 height:315px;
 margin:85px 0 0 12px;
 position:relative;
 float:left;
}

.user-home-msg{
 width:370px;
 display:table-cell;
}

.user-home-msg p 
{
margin-left:15px;
 font-size:22px;
text-align:left;
}

#div_home_img{
position:absolute;
top:63px;
left:95px;
z-index:-2;
border:0;
outline:0;
}

.joiner{
width:50px;
height:56px;
position:absolute;
background:url(images/dialogbox-joiner.png) no-repeat;
top:42px;

left:347px;

}

.user-home-options{
width:460px;
height:205px;
background:#fff;
position:absolute;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 8px 2px #525252;
box-shadow:0px 0px 8px 2px #525252;
bottom:32px;

left:377px;

}

.user-home-options li a{
font-size:24px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{

.sidebar-info{width:742px}
.page-info 
{
 
margin:15px 0 0 1.005%;
}

 .user-home{
 width:742px;
 height:315px;
 margin:85px 0 0 12px;
 position:relative;
 float:left;
 }
 
 .user-home-msg{
 width:370px;
 display:table-cell;
 }
 
 .user-home-msg p 
{
margin-left:15px;
 font-size:22px;
text-align:left;
 }

#div_home_img{
position:absolute;
top:63px;
left:95px;
z-index:-2;
border:0;
outline:0;
}

 .joiner{
 width:50px;
 height:56px;
 position:absolute;
 background:url(images/dialogbox-joiner.png) no-repeat;
 top:42px;
 
 left:347px;
 
 }

 .user-home-options{
 width:460px;
 height:205px;
 background:#fff;
 position:absolute;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -webkit-box-shadow:0px 0px 8px 2px #525252;
 box-shadow:0px 0px 8px 2px #525252;
 bottom:32px;
 
 left:377px;
 
 }

.user-home-options li a{
font-size:24px;
}

}


@media all and (max-device-width:768px),all and (max-width:768px)
{

.sidebar-info{width:100%}

.page-info{width:100%}

 .user-home{
 width:370px;
 height:auto;
 margin:50px auto;
 position:static;
 }
 
 .user-home-msg{
 width:90%;
display:table-cell;
margin:0 auto;
 }
 
 .user-home-msg p 
{
 font-size:20px;
text-align:center;
margin:0 auto;
 } 

 #div_home_img 
{
position:static;
width:100%;
height:auto;
text-align:center;
 border:0;
 outline:0;
margin:0 auto;
margin-top:3px;
float:left;
 }

.joiner{
display:none;
}

 .user-home-options 
{
position:static;
 width:99%;
 height:205px;
 background:#fff;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -webkit-box-shadow:0px 0px 8px 2px #525252;
 box-shadow:0px 0px 8px 2px #525252;
display:table-cell;
float:left;
 }

.user-home-options ul{
padding:0 10px 0 10px;
}

.user-home-options li a{
font-size:20px;
}
}

.user-home-options ul{
list-style:none;
margin:35px auto;
}

.user-home-options li{
margin:10px 0 10px;
}

.user-home-options li img 
{
width:50px;
height:40px;
vertical-align:middle;
cursor:pointer;
}

.user-home-options li a{
text-decoration:none;
font-weight:bold;
color:#39488c;
margin-left:15px;
}

.user-option-list{
width:80px;
height:157px;
background:url(images/user-option-list.png) no-repeat;
float:left;
margin:25px 20px 0;
}

table td{
color:#666565;
}



.page-info{


height:auto;
float:left;
}

.page-info h2{
font-size:18px;
color:#60c0c7;
}

.page-info p{
color:#767676;
}

.required{
color:#f90a0a;
}

.next-back-btn{
width:164px;
height:15px;
color:#fff;
font:14px Arial,sans-serif;
font-weight:bold;
text-align:center;
padding:7px 0 8px;
float:left;
background:url(images/next-back-btn.png) no-repeat;
}

.grid_footer
{
border:0;width:100%;padding:0px 0px;margin:0px 0px;height:22px;background:Transparent;
}

.pagination{
min-width:100px;
height:20px;
float:right;
color:#6ec9cf;
position:relative;
}

.pagination ul{
min-width:50px;
position:relative;
list-style:none;
float:left;
margin:0;
padding:0;
}

.pagination li{
display:inline;
padding:2px 3px;
}

.pagination li.current{
background-color:#6ec9cf;
}

.pagination li.current a{
color:#fff;
}

.pagination-first{
width:28px;
height:20px;
background:url(images/pagination-first.png) no-repeat;
float:left;
}
.pagination-prev{
width:17px;
height:20px;
background:url(images/pagination-prev.png) no-repeat;
float:left;
margin:0 5px;
}
.pagination-next{
width:17px;
height:20px;
background:url(images/pagination-next.png) no-repeat;
float:left;
margin:0 5px;
}
.pagination-last{
width:28px;

height:20px;
background:url(images/pagination-last.png) no-repeat;
float:left;
}

.button{
font-weight:bold;
color:#fff;
border:none;
padding:6px 15px;
margin:2px;
float:right;
background:url(images/button-bg.jpg) repeat-x;
outline:none;
cursor:pointer;
}

a.button{
padding:6px 15px 7px;
outline:none;
}


.user-send-remittance{
overflow:hidden;
}
.user-send-remittance #navigation{
width:100%;
height:57px;
position:relative;
}
.user-send-remittance #navigation ul{
list-style:none;
margin:0;
padding:0;
}

.user-send-remittance #navigation ul > li{
 width:183px;
}

.user-send-remittance ul > li > a{
width:183px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
.user-send-remittance #navigation ul > li{
 width:183px;
}
 
.user-send-remittance ul > li > a{
 width:183px;
}
 
.user-send-remittance #btnSubmit{float:right}
#div-btnAddNew{float:right;margin:0 10px 8px 0}
#divSubmitACH{float:right}
#divSubmitACH-dynamic{float:right}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
.user-send-remittance #navigation ul > li{
 width:32%;
}

.user-send-remittance #navigation ul > li > a{
 width:32%;
} 
 
.user-send-remittance #btnSubmit{float:left}
 #div-btnAddNew{float:left;margin:0 10px 8px 0}
 #divSubmitACH{float:left} 
 #divSubmitACH-dynamic{float:left} 
}

.user-send-remittance #navigation ul > li{
height:57px;
margin:0 1px;
float:left;
text-align:center;
position:relative;
}
.user-send-remittance #navigation ul > li.selected{
background:url(images/nav_hover.png) repeat-x !important;
}
.user-send-remittance #navigation ul > li.selected > a{
color:#fff;
text-shadow:none;
}
.user-send-remittance #navigation ul > li > a{
height:57px;
padding:0;
display:table-cell;
vertical-align:middle;
text-shadow:1px 1px 1px #fff;
color:#666;
font-size:13px;
font-weight:bold;
}
.user-send-remittance #navigation ul > li > span.checked{
width:20px;
height:20px;
background:url(images/checked.png) no-repeat;
position:absolute;
top:0;
left:0;
}
.user-send-remittance #navigation ul > li > span.error{
width:20px;
height:20px;
background:url(images/error.png) no-repeat;
position:absolute;
top:0;
left:0;
}
.user-send-remittance #navigation .arrow{
width:23px;
height:23px;
background:url(images/arrow.png) no-repeat;
position:absolute;
top:17px;
}

.user-send-remittance #navigation #arrow1{
left:172px;
}
.user-send-remittance #navigation #arrow2{
left:359px;
}
.user-send-remittance #navigation #arrow3{
left:545px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
 .user-send-remittance #navigation #arrow1{
 left:172px;
 }
 .user-send-remittance #navigation #arrow2{
 left:359px;
 }
 .user-send-remittance #navigation #arrow3{
 left:545px;
 }
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
 .user-send-remittance #navigation #arrow1{
 left:29%;
 }
 .user-send-remittance #navigation #arrow2{
 left:62%;
 }
 .user-send-remittance #navigation #arrow3{
 left:94%;
 }
}

.user-send-remittance p{
color:#767676;
}
.user-send-remittance .note{
color:#767676;
padding:4px 4px 10px;
font-weight:bold;
}

.user-send-remittance .step{
width:742px;
float:left;
border:none;
padding:0;
margin:0;
}
.user-send-remittance #steps{
margin:8px 0 0;
}
.user-send-remittance #steps .fields{
float:left;
margin:0 10px 8px 0;
}
.user-send-remittance #steps .fields-right{
float:right;
margin:0 10px 8px 0;
}
.user-send-remittance #steps .fields.last{
margin:0 0 8px;
}

.user-send-remittance #steps select,.user-send-remittance #steps input[type="text"]{
background:#fff;
border:1px solid #b2b2b2;
outline:none;
}

.user-send-remittance #steps select{
width:364px;
padding:2px 2px 2px 4px;

}

.user-send-remittance #steps select#payment{
width:240px;
}

.user-send-remittance #steps input[type="text"]{
width:231px;
padding:3px;
}

.user-send-remittance #steps #divAccountNo input[type="text"]{
 background-color:silver;
 color:black;
 width:450px;
}

.user-send-remittance #steps input[type="text"]#amount_can{
background:#797979 !important;
color:#fff;
}

.user-send-remittance #compute .fields{
width:100%;
float:none;
margin:0 0 10px;
}

.user-send-remittance #compute .fields .field-name{
width:166px;
height:28px;
float:left;
margin:0 5px 0 0;
}

.user-send-remittance #compute .fields .field-name p{
font-weight:bold;
color:#535353;
padding:0;
line-height:28px;
}

.user-send-remittance .ccard-info-left
{
 float:left;
 width:333px;
}

.user-send-remittance .ccard-info-right 
{
 float:right;
 width:333px;
}

.user-send-remittance #compute .fields .type{
width:176px;
height:28px;
background:#bbbaba;
float:left;
margin:0 5px 0 0;
}

.user-send-remittance #compute .fields .type p{
color:#fff;
padding:0 0 0 8px;
line-height:28px;
}

.user-send-remittance #compute .fields input[type="text"]{
width:372px;
height:16px;
background:#fff;
border:1px solid #bbbaba;
margin:0;
padding:5px;
float:left;
}

.user-send-remittance #ach-checking-account h3{
text-align:center;
font-size:18px;
color:#60c0c7;
padding:8px 0 15px;
}

.user-send-remittance #ach-checking-account .fields{
float:none;
margin:0 0 10px;
}

.user-send-remittance #ach-checking-account .fields .ach-field-name{
width:25%;
height:30px;
float:left;
}

.user-send-remittance #ach-checking-account .fields .ach-field-name p{
font-weight:bold;
line-height:30px;
color:#535353;
}

.user-send-remittance #ach-checking-account .fields .ach-fields{
width:75%;
height:30px;
float:left;
}

.user-send-remittance #ach-checking-account .fields .ach-fields input{
width:540px;
height:20px;
padding:1%;
}

.user-send-remittance #ach-checking-account-dynamic h3{
text-align:center;
font-size:18px;
color:#60c0c7;
padding:8px 0 15px;
}
.user-send-remittance #ach-checking-account-dynamic .fields{
float:none;
margin:0 0 10px;
}
.user-send-remittance #ach-checking-account-dynamic .fields .ach-field-name{
width:25%;
height:30px;
float:left;
}
.user-send-remittance #ach-checking-account-dynamic .fields .ach-field-name p{
font-weight:bold;
line-height:30px;
color:#535353;
}
.user-send-remittance #ach-checking-account-dynamic .fields .ach-fields{
width:75%;
height:30px;
float:left;
}
.user-send-remittance #ach-checking-account-dynamic .fields .ach-fields input{
width:540px;
height:20px;
padding:1%;
}

.user-send-remittance #success h3{
text-align:center;
font-size:18px;
color:#60c0c7;
padding:8px 0 15px;
}

.user-send-remittance #success .top-info{
width:333px;
float:left;
margin:0;
padding:0 10% 20px 0;
}

.user-send-remittance #success .top-info.last{
width:333px;
float:right;
padding:0 0 20px;
}

.user-send-remittance #success .bottom-info{
width:330px;
float:left;
margin:20px 0 0;
padding:20px 10% 0 0;
border-top:1px solid #adadad;
}

.user-send-remittance #success .bottom-info.last{
 width:330px;
 float:right;
padding:20px 0 0;
}

@media all and (min-device-width:769px),all and (min-width:769px)
{
.user-send-remittance #success .top-info.last{
width:333px;
}

.user-send-remittance #success .bottom-info{
width:330px;
}

.user-send-remittance #success .bottom-info.last{
width:330px;
}
}

@media all and (max-device-width:768px),all and (max-width:768px)
{
.user-send-remittance #success .top-info.last{
width:315px;
}

.user-send-remittance #success .bottom-info{
width:305px;
}

.user-send-remittance #success .bottom-info.last{
width:320px;
}
}

.user-send-remittance #success .bottom-info .info-name{
width:40%;
float:left;
margin:0 0 8px;
}
.user-send-remittance #success .bottom-info .info-name p{
font-weight:bold;
padding:2px;
}
.user-send-remittance #success .bottom-info .info-value{
width:60%;
float:left;
background:#bbbaba;
margin:0 0 8px;
}
.user-send-remittance #success .bottom-info .info-value p{
color:#fff;
font-weight:bold;
padding:2px;
}
.user-send-remittance #success .bottom-info .info-value p span{
float:right;
}




.transaction-history{
width:718px;
height:auto;
float:left;
margin:20px 0 0 25px;
}

div#tranhistory{
margin:20px 0 0 25px;
}

div#tranhistory #tran_history{
margin:20px 0 0 25px;
}

@media all and (min-device-width:769px),all and (min-width:769px)
{
.transaction-history{
width:718px;
height:auto;
float:left;
margin:20px 0 0 25px;
}

div#tranhistory{
margin:20px 0 0 25px;
}

div#tranhistory #tran_history{
margin:20px 0 0 25px;
}
}

@media all and (max-device-width:768px),all and (max-width:768px)
{
.transaction-history{
width:718px;
height:auto;
float:left;
margin:20px 0 0 0px;
}

div#tranhistory{
margin:20px 0 0 0px;
}

div#tranhistory #tran_history{
margin:20px 0 0 0px;
}
}

.transaction-history h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#60c0c7;
margin:0 0 15px;
}

.transaction-history table{
margin:0 0 10px;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
}

.transaction-history th{
color:#fff;
padding:5px 10px;
}

.transaction-history td{
min-width:90px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}

.transaction-history tr > th:nth-child(even){
background:#5db6bc;
}

.transaction-history tr > th:nth-child(odd){
background:#6ec9cf;
}

.transaction-history tr > td:nth-child(even){
background:#e0e0e0;
}

.transaction-history tr > td:nth-child(odd){
background:#ededed;
}


#tranhistory h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#737373;
margin:0 0 15px;
text-align:center;
}

#tranhistory h5{
font-size:15px;
color:#60c0c7;
margin:15px 0 5px;
}

#tranhistory table{
margin:0 0 10px;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
}

#tranhistory #tran_history table{
margin:0 0 10px;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
}

#tranhistory th{
color:#fff;
padding:5px 10px;
}

#tranhistory #tran_history th{
color:#fff;
padding:5px 10px;
}

#tranhistory td{

min-width:30px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}

#tranhistory #tran_history td{

min-width:30px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}

#tranhistory tr > th:nth-child(even){
background:#5db6bc;
}

#tranhistory #tran_history tr > th:nth-child(even){
background:#5db6bc;
}

#tranhistory tr > th:nth-child(odd){
background:#6ec9cf;
}

#tranhistory #tran_history tr > th:nth-child(odd){
background:#6ec9cf;
}

#tranhistory tr > td:nth-child(even){
background:#e0e0e0;
}

#tranhistory #tran_history tr > td:nth-child(even){
background:#e0e0e0;
}

#tranhistory tr > td:nth-child(odd){
background:#ededed;
}

#tranhistory #tran_history tr > td:nth-child(odd){
background:#ededed;
}

#tranhistory .refno{

width:130px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory #tran_history .refno{

width:130px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory .trandate{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory #tran_history .trandate{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory .remitamount{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory #tran_history .remitamount{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory .currency{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory #tran_history .currency{

width:80px;
color:#737373;
border:0;background-color:transparent;
}

#tranhistory .benefname{
width:150px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}

#tranhistory #tran_history .benefname{
width:150px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}

#tranhistory .status{
width:120px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}

#tranhistory #tran_history .status{
width:120px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}



div#my-accounts{
margin:20px 0 0 25px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
div#my-accounts{
margin:20px 0 0 25px;
}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
div#my-accounts{
margin:20px 0 0 0;
}
}

#my-accounts h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#737373;
margin:0 0 15px;
text-align:center;
}

#my-accounts .fields-container 
{
width:333px;
padding-left:50px;
}

#my-accounts .buttons-container 
{
width:740px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
#my-accounts .fields-container 
{
padding-left:50px;
}
#my-accounts .buttons-container 
{
width:740px;
}
} 


@media all and (max-device-width:768px),all and (max-width:768px)
{
#my-accounts .fields-container 
{
padding-left:0px;
}
#my-accounts .buttons-container 
{
width:333px;
}
} 


#my-accounts .fields 
{
float:left;
margin:0 5px 0;
}

#my-accounts .fields label{
 width:200px;
 float:left;
 font-weight:bold;
color:#737373;
 vertical-align:middle;
}

#my-accounts .fields .field-info
{
 padding-bottom:10px;
}

#my-accounts .fields input[type="text"]{
width:250px;
height:18px;
padding:2px 6px;
outline:none;
}
 
#my-accounts .fields select{
width:250px;
padding:2px 6px;
margin:0;
outline:none;
}

#my-accounts .button-fields 
{
width:150px;
float:left;
 margin:20px 0px 0 50px;
}




div#my-debitcards{
margin:20px 0 0 25px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
div#my-debitcards{
margin:20px 0 0 25px;
}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
div#my-debitcards{
margin:20px 0 0 0;
}
}

#my-debitcards h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#737373;
margin:0 0 15px;
text-align:center;
}

#my-debitcards .fields-container 
{
width:333px;
padding-left:50px;
}

#my-debitcards .buttons-container 
{
width:740px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
#my-debitcards .fields-container 
{
padding-left:50px;
}
#my-debitcards .buttons-container 
{
width:740px;
}
} 


@media all and (max-device-width:768px),all and (max-width:768px)
{
#my-debitcards .fields-container 
{
padding-left:0px;
}
#my-debitcards .buttons-container 
{
width:333px;
}
} 


#my-debitcards .fields 
{
float:left;
margin:10px;
}

#my-debitcards .fields label{
 width:200px;
 float:left;
 font-weight:bold;
color:#737373;
 vertical-align:middle;
}

#my-debitcards .fields .field-info
{
 padding-bottom:10px;
}

#my-debitcards .fields input[type="text"]{
width:250px;
height:18px;
padding:13px 0px 0px 0px;
outline:none;
 font-size:14px;
 font-family:helvetica,tahoma,calibri,sans-serif;
 color:#500;


}
 
#my-debitcards .fields select{
width:75px;
padding:2px 6px;
margin:0;
outline:none;
}

#my-debitcards .button-fields 
{
width:150px;
float:left;
 margin:20px 0px 0 50px;
}








#add-account h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#737373;
margin:0 0 15px;
text-align:center;
}
#add-account h5{
font-size:15px;
color:#60c0c7;
margin:15px 0 5px;
}
#add-account table{
margin:0;
background-color:inherit;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
}
#add-account th{
color:#fff;
padding:5px 10px;
}
#add-account td{

min-width:30px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}
#add-account tr > th:nth-child(even){
background:#5db6bc;
}

#add-account tr > th:nth-child(odd){
background:#6ec9cf;
}

#add-account tr > td:nth-child(even){
background:#e0e0e0;
}

#add-account tr > td:nth-child(odd){
background:#ededed;
}

#add-account #moderem tr > td:nth-child(odd){
background:#ededed;
}

#add-account .acctno{

width:100px;
color:#737373;
border:0;background-color:transparent;
}

#add-account .bankname{

width:220px;
color:#737373;
border:0;background-color:transparent;
}

#add-account .routingno{

width:90px;
color:#737373;
border:0;background-color:transparent;
}

#add-account .accttype{

width:120px;
color:#737373;
border:0;background-color:transparent;
}

#add-account .status{

width:100px;
color:#737373;
border:0;background-color:transparent;
}

#add-account .action .edit{
width:24px;
height:20px;
background:url(images/edit-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
#add-account .action .delete{
width:24px;
height:20px;
background:url(images/remove-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}

#add-account .CardLastDigit{

width:220px;
color:#737373;
border:0;background-color:transparent;
}
#add-account .DateCreated{
width:220px;
color:#737373;
border:0;background-color:transparent;
}



div#beneficiary{
margin:20px 0 0 25px;
}

#beneficiary #moderem div{
margin:20px 0 0 25px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
div#beneficiary{
margin:20px 0 0 25px;
}

#beneficiary #moderem div{
margin:20px 0 0 25px;
}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
div#beneficiary{
margin:20px 0 0 0;
}

#beneficiary #moderem div{
margin:20px 0 0 0;
}
}


#beneficiary h3{
font:20px Arial,sans-serif;
font-weight:bold;
color:#737373;
margin:0 0 15px;
text-align:center;
}

#beneficiary h5{
font-size:15px;
color:#60c0c7;
margin:15px 0 5px;
}

#beneficiary table{
margin:0;
background-color:inherit;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;

}

#beneficiary #moderem table{
margin:0;
border-collapse:collapse;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
background-color:Transparent;
}

#beneficiary th{
color:#fff;
padding:5px 10px;
}

#beneficiary #moderem th{
color:#fff;
padding:5px 10px;
}

#beneficiary td{

min-width:30px;
padding:2px 2px;
border-bottom:1px solid #b6b6b6;
}

#beneficiary #moderem td{

min-width:30px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}

#beneficiary tr > th:nth-child(even){
background:#5db6bc;
}

#beneficiary #moderem tr > th:nth-child(even){
background:#5db6bc;
}

#beneficiary tr > th:nth-child(odd){
background:#6ec9cf;
}

#beneficiary #moderem tr > th:nth-child(odd){
background:#6ec9cf;
}

#beneficiary tr > td:nth-child(even){
background:#e0e0e0;
}

#beneficiary #moderem tr > td:nth-child(even){
background:#e0e0e0;
}

#beneficiary tr > td:nth-child(odd){
background:#ededed;
}

#beneficiary #moderem tr > td:nth-child(odd){
background:#ededed;
}

#beneficiary .id{

width:100px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary #moderem .id{

width:100px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary .name{

width:200px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary #moderem .name{

width:200px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary .prod{

width:190px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary #moderem .prod{

width:190px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary .accnt-info{

width:120px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary #moderem .accnt-info{

width:100px;
color:#737373;
border:0;background-color:transparent;
}

#beneficiary .currency{
width:64px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}

#beneficiary #moderem .currency{
width:64px;
color:#737373;
border:0;background-color:transparent;
text-align:center;
}

#beneficiary .action{
width:27px;
text-align:center;
}
#beneficiary .action a.edit{
width:24px;
height:20px;
display:block;
background:url(images/edit-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 18px;
}
#beneficiary .action .edit{
width:24px;
height:20px;
background:url(images/edit-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
#beneficiary .action .delete{
width:24px;
height:20px;
background:url(images/remove-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
#beneficiary .button{
min-width:100px;
text-align:center;
float:left;
margin:10px 4px 0;
}
#beneficiary #cancel.button,
#beneficiary #save.button{
float:right;
}

#beneficiary label{
font-weight:bold;
color:#737373;
}
#beneficiary .fields{
float:left;
margin:0 5px 0;
}
#beneficiary #moderem .fields{
float:left;
margin:0 5px 0;
}

#beneficiary .fields input[type="text"]{
width:152px;
height:18px;
padding:2px 6px;
outline:none;
}

#beneficiary .fields #txtmobicode 
{
width:33px;
text-align:right;
}

#beneficiary .fields-long 
{
width:340px;
float:left;
margin:0 5px 0;
}

#beneficiary .button-container 
{
width:350px;
float:right;
}

#beneficiary #moderem .fields input[type="text"]{
width:152px;
height:18px;
padding:2px 6px;
outline:none;
}

#beneficiary .fields select#mode,
#beneficiary .fields select#currency,
#beneficiary .fields select#other-bank,
#beneficiary .fields select#brach-code,
#beneficiary .fields select#accnt_type,
#beneficiary .fields select#accnt_stat{
width:348px;
padding:3px 6px;
margin:0;
outline:none;
}
#beneficiary .fields #accnt_no{
width:332px;
}




#beneficiary .add-remittance-mode table{
width:100%;
}
#beneficiary #moderem .add-remittance-mode table{
width:100%;
}

#beneficiary #moderem .add-remittance-mode .id,
#beneficiary #moderem .add-remittance-mode .name,
#beneficiary #moderem .add-remittance-mode .prod,
#beneficiary #moderem .add-remittance-mode .accnt-info,
#beneficiary #moderem .add-remittance-mode .currency{
width:20%;
}
#beneficiary .add-remittance-mode .button{
float:right;
}

#beneficiary .add-remittance-mode #remittance-mode-form{
border-bottom:1px solid #c0c0c0;
padding:0 0 20px;
margin:0 0 15px;
}

.beneficiary_edit{
width:24px;
height:20px;

background:url(images/edit-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
.beneficiary_delete{
width:24px;
height:20px;
background:url(images/remove-icon.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
.tranhistory_print{
width:32px;
height:32px;
background:url(images/print.png);
border:none;
text-indent:-9999999px;
cursor:pointer;
float:left;
margin:0 0 0 5px;
}
#beneficiary_td_action{

min-width:20px;
padding:5px 10px;
border-bottom:1px solid #b6b6b6;
}







#personal-info{
 overflow:hidden;
}

#personal-info h3{
color:#60c0c7;
padding:4px 0 20px;
}
#personal-info h4{
 color:#5cb8be;
 font-size:18px;
 margin:5px 0 2px;
 font-weight:normal;
}
#personal-info p{
color:#767676;
}

#personal-info #navigation{
width:100%;
height:57px;
position:relative;
}
#personal-info #navigation ul{
list-style:none;
margin:0;
padding:0;
}
#personal-info #navigation ul > li{
 width:368px;
}

#personal-info #navigation ul > li > a{
width:368px;
}


@media all and (min-device-width:769px),all and (min-width:769px)
{
 #personal-info #navigation ul > li{
 width:368px;
 }
 
 #personal-info #navigation ul > li > a{
 width:368px;
 }
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
 #personal-info #navigation ul > li{
 width:49%;
 }
 #personal-info #navigation ul > li > a{
 width:49%;
 } 
}

#personal-info #navigation ul > li{
height:57px;
margin:0 1px;
float:left;
text-align:center;
position:relative;
}
#personal-info #navigation ul > li.selected{
background:url(images/nav_hover.png) repeat-x !important;
}
#personal-info #navigation ul > li.selected > a{
color:#fff;
text-shadow:none;
}
#personal-info #navigation ul > li > a{
height:57px;
padding:0;
display:table-cell;
vertical-align:middle;
text-shadow:1px 1px 1px #fff;
color:#666;
font-size:13px;
font-weight:bold;
}
#personal-info #navigation ul > li > span.checked{
width:20px;
height:20px;
background:url(images/checked.png) no-repeat;
position:absolute;
top:0;
left:0;
}
#personal-info #navigation ul > li > span.error{
width:20px;
height:20px;
background:url(images/error.png) no-repeat;
position:absolute;
top:0;
left:0;
}
#personal-info #navigation .arrow{
width:23px;
height:23px;
background:url(images/arrow.png) no-repeat;
position:absolute;
top:17px;
}

#personal-info #navigation #arrow1{
left:50%;
 margin-left:-13px;
}
#personal-info p{
color:#767676;
}
#personal-info .note{
color:#767676;
padding:4px 4px 10px;
font-weight:bold;
}

#personal-info .step{
width:742px;
float:left;
border:none;
padding:0;
margin:0;
}
#personal-info #steps{
margin:8px 0 0;
}
#personal-info #steps .fields{
float:left;
margin:0 10px 7px 0;
}
#personal-info #steps .fields.last{
margin:0 0 8px;
}
#personal-info #steps select#payment{
width:240px;
}
#personal-info #steps .column_1{
width:100%;
}
#personal-info #steps .column_2{
 width:362px;
}
#personal-info #steps .column_3{
 width:240px;
} 
#personal-info #steps .column_4{
 width:177px;
}
#personal-info #steps .column_4.dob input#date{
 width:20%;
 float:left;
}
#personal-info #steps .column_4.dob input#month{
 width:20%;
 float:left;
}
#personal-info #steps .column_4.dob input#year{
 width:50%;
 float:left;
}
#personal-info #steps input[type="text"],
#personal-info #steps select{
 width:97%;
 height:18px;
 padding:2% 1%;
 background:#fff;
border:1px solid #b2b2b2;
outline:none;
 margin:0;
}

#personal-info .button{
 padding:5px 15px;
 background:url(images/button-bg.jpg) repeat-x;
 margin:0 0 0 10px;
 float:right;
}

@media all and (min-device-width:769px),all and (min-width:769px)
{
#personal-info .button{
float:right;
}
}

@media all and (max-device-width:768px),all and (max-width:768px)
{
#personal-info .button{
float:left;
}
}

#personal-info #steps input[type="text"],
#personal-info #steps select{
 width:98%;
 height:18px;
 padding:2% 1%;
 background:#fff;
border:1px solid #b2b2b2;
outline:none;
 margin:0;
}





#user-changepass{

}






#user-toc{

}

#user-toc h3{
margin:10px 0 20px;
color:#737373;
text-align:center;
}

#user-toc p{
margin:0 0 12px;
padding:0 5px;
text-align:justify;
}