/*body { margin: 25px 0; padding: 0; font-family: arial; font-size: 12px; color: #333; background: #fff; direction: rtl; }*/

.direction {float: right}
.align {text-align:right}

input{text-align: right;}

#not-logged-in{display:none}


img { border: 0px; }
#my-account { xwidth: 864px; width: 954px; margin: 0 auto; position: relative; }
.wrapper-top { height: 60px; overflow: hidden; }
.report-header { color: #336699; font-weight: bold; font-size: 12px; font-family: arial; height: 20px; margin-top: 26px; }
.report-sub-header { color: #666; font-weight: bold; font-size: 12px; font-family: arial; height: 24px; line-height: 24px; padding-right: 12px; }
.user-details-cell { color: #666; height: 40px; line-height: 40px; float: right; }
.user-details-cell-context { color: #333; font-weight: bold; margin-left: 12px; margin-right: 12px; float: right; height: 40px; line-height: 40px; }
.account-balance-box { width: 193px; float: right; height: 54px; text-align: center; background: url(../images/month-report-sep.gif) no-repeat left; }
.account-balance-box div { padding-top: 10px; line-height: 18px; }
.monthly-report-account-balance-box { width: 155px; float: right; height: 54px; text-align: center; background: url(../images/month-report-sep.gif) no-repeat left; }
.monthly-report-account-balance-box div { padding-top: 10px; line-height: 18px; }
.month-begin-account-balance-box { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(../images/month-report-sep.gif) no-repeat scroll right center; float: left; height: 54px; text-align: center; width: 193px; }
.month-begin-account-balance-box div { line-height: 18px; padding-top: 10px; }
.last-box { background: none; }
.green-line-bg { background: url(../images/top_line_bg_green.gif) repeat-x; height: 40px; line-height: 40px; }

#rigth-box { width: 400px; height: 60px; position: absolute; top: 0; xright: 564px; right: 537px; direction: rtl; }
#rigth-box .login { height: 36px; width: 400px; float: left; xbackground: blue; }
#rigth-box .login .account div { float: left; height: 18px; }
#rigth-box .login .account #user { padding-left: 6px; padding-right: 5px; color: #336699; font-weight: bold; }
#rigth-box .login .account span { font-weight: bold; color: #336699; padding-left: 8px; padding-right: 8px; display: inline-block; display: -moz-inline-box; }
#rigth-box .login .account a { font-weight: bold; text-decoration: none; color: #336699; padding-right: 8px; xpadding-left: 8px; _padding-left: 8px; _padding-right: 0px; display: inline-block; display: -moz-inline-box; background: url(../images/green_sep.png) no-repeat right; }
#rigth-box .login .options { clear: both; height: 18px; }
#rigth-box .login .options ul { margin: 0; padding: 0; }
#rigth-box .login .options ul li { display: block; float: left; background: url(../images/green_sep.png) no-repeat left 4px; padding-left: 6px; padding-right: 6px; }
#rigth-box .login .options ul li.last { background: none; padding-left: 0px !important; }
#rigth-box .login .options ul li a { color: #336699; text-decoration: none; }
#rigth-box .login .options ul li.first { padding-right: 0px !important; }

.deal-details-row { height: 22px; line-height: 22px; }
.deal-details-row span { color: #333; }
#my-statement .top-child-line-header { height: 40px; line-height: 40px; }
#my-statement .top-child-line-header .cell { float: right; }
#my-statement .top-child-line-header h4 { padding-right: 12px; }
.button-show-position { margin-top: 12px; }
.refresh-box { float: left; }
.refresh { background: url(../images/green_sep.png) no-repeat right 4px; padding-right: 8px; float: left; }
.refresh a { color: #336699; text-decoration: none; }
.refresh-title { float: left; margin-left: 8px; }

.wrapper-main { }
.wrapper-main .side-menu { width: 160px; float: right; padding-top: 12px; padding-bottom: 22px; }
.wrapper-main .side-menu .trade-zone-btn { padding-bottom: 35px; }
.wrapper-main .side-menu .side-menu-item { background: url(../images/green_sep.png) no-repeat right 9px; padding-right: 8px; padding-top: 5px;  margin-right:15px; xmargin-bottom: 5px;}
.wrapper-main .side-menu h5 { font-family: arial; font-size: 12px; color: #336699; margin: 0px; padding: 0px; font-weight: normal; margin-top: 22px; margin-bottom: 2px; }
.wrapper-main .side-menu a { color: #333; text-decoration: none; }
.wrapper-main .main-frame { width: 775px; /*float: right;*/ }

.wrapper-main .main-frame .main-frame-header { height: 38px; overflow: hidden; margin-top: 10px; }
.wrapper-main .main-frame h6 { font-family: arial; font-size: 18px; color: #336699; margin: 0px; padding: 0px; font-weight: normal; float: right; }
.wrapper-main .main-frame .title-description { float: right; color: #336699; font-size: 12px; font-weight: bold; margin-top: 4px; margin-right: 8px; background: url(../images/greenline.gif) no-repeat right; padding-right: 8px; }
.wrapper-main .main-frame .title-description a { font-size: 12px; color: #336699; text-decoration: none; }
.wrapper-main .main-frame .main-frame-context { clear: both; }

.wrapper-footer { clear: both; }
.wrapper-footer h6 { margin: 0; padding: 0; font: 400 12px arial; margin-right: 160px; }
.wrapper-footer h6 a { color: #369; text-decoration: none; }

#setting { }
.first-box { float: right; }
.second-box { float: left; }
.second-box a.first { background: none !important; }
.second-box a { display: -moz-box; display: inline-block; color: #336699; text-decoration: none; font-weight: bold; cursor: pointer; background: url(../images/green_sep.png) no-repeat right; padding-left: 6px; padding-right: 8px; }
.second-box a.last { padding-left: 0px !important; }
#setting .top-parent-line-header { height: 26px; line-height: 26px; }
#setting .top-child-line-header { height: 40px; background: url(../images/top_line_bg.gif) repeat-x; line-height: 40px; }
#setting .top-child-line-header h4 { padding-right: 12px; }

#my-close-position .top-parent-line-header { height: 26px; line-height: 26px; }
#my-close-position .top-parent-line-header .second-box { float: right; margin-right: 60px; width: 400px; }
#my-close-position .top-parent-line-header .third-box {text-align:left; float: left; width: 165px; _width: 185px; }
#my-close-position .top-child-line-header { height: 40px; background: url(../images/top_line_bg.gif) repeat-x; line-height: 40px; }
#my-close-position .top-child-line-header .cell { float: right; }
#my-close-position .top-child-line-header h4 { padding-right: 12px; }
.cell-first { margin-left: 10px; margin-right: 14px; }

h4 { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
h5 { color: #336699; font-size: 14px; font-family: arial; font-weight: normal; padding: 0px; margin: 0px; }
h3 { /*color: #666 ; font-size: 18px; font-family: arial; font-weight: normal; padding: 0px; margin: 0px; */}
.print { color: #336699; cursor: pointer; background: url(../images/icon_print_17x16.gif) no-repeat left; xwidth: 48px; float: left; text-align: left; padding-right: 20px; }
.print a { display: inline-block; padding-left: 24px; }
.excel { color: #336699; cursor: pointer; background: url(../images/icon_exel_17x16.gif) no-repeat left; xwidth: 48px; float: left; text-align: left; }
.excel a { display: inline-block; padding-left: 24px; }

.switch { color:#336699 !important;font-weight:bold;}
.block { display: block; overflow: hidden; clear: both; }
/*.row { clear: both; height: 20px; margin-bottom: 10px; line-height: 18px; }*/
.row .cell-1, .cell-2, .cell-3, .cell-4,  .cell-5, .cell-6, .cell-7, .cell-8, .cell-9, .cell-10 { float: right; height: 20px; }

.row-other { clear: both; xheight: 20px; margin-bottom: 10px; xline-height: 18px; padding-right: 16px; }
.label { xpadding-right: 16px; color: #666; xfloat: right; xpadding-left: 12px; }
.label-context { margin-right: 8px; color: #333; float: right; }
.label-description { color: #666; }
.label-simple { color: #666; margin-left: 10px; }
.separator { overflow: hidden; height: 1px; background: url(../images/prd_green_dot.png) repeat-x; }
.input-container { width: 170px; height: 18px; border: 1px solid #336699; Xbackground: #f4fbe8; }
.input-email { width: 160px; border: none; font-family: arial; font-size: 12px; padding-right: 2px; background: none; }

.input-container-small { width: 120px; height: 18px; border: 1px solid #336699; Xbackground: #f4fbe8; }
.input-sms-code { width: 70px; border: none; font-family: arial; font-size: 12px; color: #333; padding-right: 2px; background: none; }

#my-summary { }
.first-box { float: right; }
.second-box { float: left; }
#my-summary .top-parent-line-header { height: 26px; line-height: 26px; }
.green-line { background: url(../images/blue-line.gif) repeat-x; _overflow: hidden; height: 2px; }
.blue-line { background: url(../images/blue-line.gif) repeat-x; overflow: hidden; height: 2px; }
.block-bottom-line { background: url(../images/block-bottom-line.gif) repeat-x; height: 6px; }
.blue-row { background: #f2f7fb; height: 26px; line-height: 26px; }
.white-row { background: #fff; height: 26px; line-height: 26px; }
.green-row { background: #f4fbe8; height: 26px; line-height: 26px; }

.description-row { color: #666; padding-right: 8px; }
.grey-doted-line { background: url(../images/grey_doted_line.gif) repeat-x; _overflow: hidden; height: 1px; }
.black-doted-line { background: url(../images/black_doted_line.gif) repeat-x; overflow: hidden; height: 1px; }
.label-grid { padding-right: 12px; color: #333; float: right; width: 298px; }
.label-total { background: url(../images/blue-sep.gif) no-repeat right; float: right; text-align: center; width: 126px; direction: ltr; }

.column-1 { float: right; height: 26px; line-height: 26px; color: #666; width: 156px; padding-right: 12px; }
.column-2 { float: right; height: 26px; line-height: 26px; color: #666; width: 177px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }
.column-3 { float: right; height: 26px; line-height: 26px; color: #666; width: 68px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }

.grid-column-1 { float: right; height: 26px; line-height: 26px; color: #333; width: 156px; padding-right: 12px; direction: ltr; text-align: right; }
.grid-column-2 { float: right; height: 26px; line-height: 26px; color: #333; width: 177px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }
.grid-column-3 { float: right; height: 26px; line-height: 26px; color: #333; width: 68px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }

.context-header { padding-left: 14px; font-weight: bold; color: #336699; padding-right: 14px; padding-top: 8px; }
.context-body { padding-left: 14px; font-weight: normal; color: #666; padding-right: 14px; padding-top: 2px; padding-bottom: 2px; }
.context-description { padding-left: 14px; font-weight: bold; color: #336699; padding-right: 14px; height: 18px; }
.context-background { background: none repeat scroll 0% 0%;}
 
.oposite-direction { float: left; }
.anchor { color: #336699; text-decoration: none; }
.anchor-container { background: url(../images/green_sep.png) right no-repeat 14px; padding-right: 8px; }

.render-middle-button-start { background: url(../images/butt_18px_hight_.gif); cursor: pointer; display: -moz-inline-block; display: inline-block; margin:0 1px;}
.render-middle-button-end { Xcolor: #587F2D; line-height: 18px; padding: 0px 12px 0px 12px; cursor: pointer; background: url(../images/butt_18px_hight_.gif) repeat scroll right -54px; display: inline; display: -moz-inline-box; }

.render-middle-button-start:active { position:relative;top:1px;left:1px;}

.render-middle-gray-button-start { background: url(../images/butt_18px_hight_gray.gif); cursor: pointer; display: -moz-inline-block; display: inline-block; }
.render-middle-gray-button-end { color: #999; line-height: 18px; padding: 2px 12px 2px 12px; cursor: pointer; background: url(../images/butt_18px_hight_gray.gif) repeat scroll right -54px; display: inline; display: -moz-inline-box; }


.sep-link { color: #336699; text-decoration: none; background: url(../images/green_sep.png) right no-repeat 6px; padding-right: 10px; display: -moz-inline-box; display: inline-block; }

.box-1 { width: 210px; float: right; height: 196px; }
.box-2 { width: 210px; float: right; margin-right: 116px; height: 196px; }
.box-3 { width: 210px; float: right; height: 196px; }
.box-4 { width: 210px; float: right; margin-right: 116px; height: 196px; }

.logo-1 { height: 26px; background: url(../images/icon_mini_65x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-2 { height: 26px; background: url(../images/icon_platinum_104x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-3 { height: 26px; background: url(../images/icon_gold_66x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-4 { height: 26px; background: url(../images/icon_vip_55x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }

.box-header { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; border-top: 1px #336699 solid; padding-top: 12px; padding-bottom: 12px; }
.blue-header { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
.top-panel-settings { background: #f4fbe8; height: 32px; border-top: 1px #336699 solid; border-bottom: 2px #666 solid; }

.panel-cell-1 { float: right; width: 580px; padding-right: 12px; line-height: 32px; }
.panel-cell-1 span { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
.panel-cell-2 { float: left; margin-left: 12px; margin-top: 7px; }
.green-arrow { background: url(../images/arrow_green_6x9.gif) no-repeat 5px; width: 26px; height: 20px; margin-left: 8px; }
.deferent { margin-top: 3px !important; }
.re-coordination { direction: rtl; }
.right-to-left {direction:ltr; }
.data-table-top-sep { height: 8px; _overflow: hidden; background: url(../images/data_table_top_sep.gif) repeat-x; }
.data-table-container { clear: both; }
.totalturnover-box div { float: right; font-size: 12px; font-weight: bold; font-family: arial; color: #333; text-align: left; direction: ltr; }
.totalturnover-box .totalturnover-label { direction: rtl; }
.tbGreen { border: #336699 1px solid; font-size: 12px; color: #666666; font-family: Arial; background-color: #f4fbe8; padding: 2px; _padding: 2px; height: 14px; _height: 14px; }
.tbGreenBorder { border: #336699 1px solid; font-size: 12px; color: #333; font-family: Arial; float: left; xmargin-left: 12px; _xmargin-left: 12px; padding: 2px; _padding: 2px; height: 14px; _height: 14px; width: 134px; _width: 134px; }
div.buttonLeave { width: 112px; height: 23px; _width: 112px; _height: 23px; background-image: url(../images/butt_leaveunchanged_110x18.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
div.buttonSubbmit { width: 112px; height: 23px; _width: 112px; _height: 23px; background-image: url(../images/butt_submitchanges_110x18.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.button-04-start { background: url(../images/button_04.gif) no-repeat left top; padding: 3px 0px 5px; }
.button-04-end { background: url(../images/button_04.gif) no-repeat right -21px; color: #336699; cursor: pointer; display: inline; font-weight: bold; padding: 3px 21px 5px; text-align: center; text-decoration: none; }
.button-04-start:active {position: relative;top: 1px;left: 1px;}

.branch-seperator
{
    background-image: url("../images/grey-sep-header.gif");background-position:left;
}



/*buttons*/



/**

button-03

*/

.button-03-start { background: url(../images/button_03.gif) no-repeat top left; padding: 8px 0px 8px 0; }

.button-03-end { color: #336699; font-size: 18px; text-align: center; background: url(../images/button_03.gif) no-repeat right -27px; cursor: pointer; display: inline; text-decoration: none; padding: 2px 27px 4px 27px; }


/**

button-18 - 18px height

*/



.button-18-start { background: url(../images/butt_18px_hight.gif) no-repeat top left; xpadding: 3px 0px 5px 0px; display: -moz-inline-box; padding: 1px 0px 0px 0px; }



/**
*@fix
*/
.button-23-start { background: url(../images/butt_18px_hight.gray.gif) no-repeat top left; display: -moz-inline-box; padding: 1px 0px 3px; }
.button-23-end-bold { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gray.gif) no-repeat right -19px; display: inline; text-decoration: none; padding: 2px 9px 0px; display: -moz-inline-box; }
/*
.button-23-end-bold {color: #336699; text-align: center; background: url(../images/butt_18px_hight.gray.gif) no-repeat right -19px; display: inline; text-decoration: none; padding: 2px 12px 7px; display: -moz-inline-box;}
*/


.button-18-end-bold { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gif) no-repeat right -19px; cursor: pointer; display: inline; text-decoration: none; xpadding: 2px 21px 5px 21px; display: -moz-inline-box; padding: 2px 12px 7px; }
.button-18-end { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gif) no-repeat right -19px; cursor: pointer; display: inline; text-decoration: none; padding: 2px 21px 5px 21px; }
#credit-card-popup { width: 296px; height: 200px; background: url(../images/creditcard.gif) no-repeat; position: absolute; margin-right: 486px; margin-top: 13px; }
.credit-card-popup-close-button { background: url(../images/close_button.gif); width: 15px; height: 15px; overflow: hidden; cursor: pointer; margin-right: 267px; margin-top: 16px; }
.credit-card-popup-content { padding-right: 34px; }
#trade-zone-btn { text-decoration: none; }

.epay-deposit-section { color: #666; font-family: arial; font-size: 12px; }
.epay-deposit-section .row { height: 30px; clear: both; margin: 0px; }
.epay-deposit-section .row .cell { float: right; height: 22px; line-height: 18px; }
.epay-deposit-section .field { border: 1px solid #336699 !important; background: #fff; font-size: 12px; font-family: Arial; }
.epay-deposit-section .row .cell select { font-family: arial !important; font-size: 12px; color: #333; background: #fff; border: 1px #336699 solid !important; }
.epay-deposit-section .ORB_BUTTON { cursor: pointer; width: 84px; height: 18px; xpadding-bottom: 2px; color: #587F2D !important; font-size: 12px; font-family: Arial; font-weight: normal !important; background: url(../images//public_green_button.gif) no-repeat 0 0 !important; border: 0px !important; }
.epay-deposit-section .seperator { height: 10px; border-top: 1px dotted #336699; }
.public-gray-button { color: #999; cursor: pointer; width: 84px; height: 18px; font-weight: normal !important; border: 0px !important; background: url(../images/public_gray_button.gif) no-repeat 0 0 !important; font-size: 12px; font-family: Arial; }
.star { font-size: 12px; color: #cc0000; padding-left: 4px !important; display: inline-block; }
.password-explain{ font-size: 12px; color: Green;display: inline-block;  }
/* Pricing */

.pricingDetails table td h4 {
    
    text-align: right;
}

.none {display:none;}
.note {
    padding-bottom: 23px;
    padding-top: 10px;
}
#excel-container
{
     right: 420px;
}
.paging_simple_numbers
{
    position: relative;
    margin-bottom: -21px;
}
.paginate_button.previous
{   
    position: absolute;   
    z-index: 3;
    padding: 4px 6px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #c7c7c7;
    border-radius: 3px;
    left:0;
    cursor:pointer;

}
.paginate_button.next
{   
    position: absolute;   
    z-index: 3;
    padding: 4px 6px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #c7c7c7;
    border-radius: 3px;
    cursor:pointer;
     right: 0;
    top: 0;
}

.dataTables_paginate.paging_simple_numbers span
{
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;


}
.paginate_button.current
{
    vertical-align: middle;
    background-color: transparent;
    border: none;
    font-size: 12px;
    padding: 0 2px;
    font-size: 14px;
    color: #000;
}
span a.paginate_button
{
    background-color: transparent;
    border: none;
    font-size: 12px;
    padding: 0 2px;
    color: #c7c7c7;
    /*display: inline-block;*/
}