Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 09:53
    Ravindra
    0

    Uploading images dynamically in styles classes

    Hii everybody..

    I have a style class in umbraco i want to give image url dynamically...as follows

     

    <style>

    .top_banner a, .top_bannerDemo a, .top_bannerReal a, .top_bannerDeposit  a 

    {

        display:block;

        background:url(@CurrentPage.image) no-repeat center 0;

        width:290px;

        height:92px;

        float:right;

        margin-top:13px;

        margin-right:13px;

    }

    </style>

     

    but its not working please help me

     

    Regards..

    Ravindra

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 11:08
    Jeavon Leopold
    0

    Hi Ravindra,

    There is nothing specifically wrong with this code. What is not working for you?

    Jeavon

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 11:56
    Ravindra
    0

    .top_banner, .top_bannerDemo, .top_bannerReal, .top_bannerDeposit 

    {

        background:url(@CurrentPage.AncestorOrSelf(2).Gcmasiatradingplatformshome1.First().MetaTrader4Image) no-repeat; 

        width:973px;

        height:116px;

        margin:0 auto;

    }

    not working couldn't find the file

     

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 11:58
    Jeavon Leopold
    0

    Perhaps this "Gcmasiatradingplatformshome1" should be pluralised (add a s) as you are requesting a collection? e.g.

    @CurrentPage.AncestorOrSelf(2).Gcmasiatradingplatformshome1s.First().MetaTrader4Image
    
  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:01
    Ravindra
    0

    no jeavon its working fine in my razor(vies)

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:03
    Jeavon Leopold
    0

    Please confirm "Gcmasiatradingplatformshome1" is the document type alias of some nodes that are the children of the first level 2 ancestor?

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:03
    Ravindra
    0

    Its Image of stylesheet that i want to place a image dynamically

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:05
    Jeavon Leopold
    0

    ah ok, it's a issue with your braces, can you please post the entire script?

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:13
    Ravindra
    0

    /********************* clearfix ***********************/

    .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

    .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }

    * html .clearfix { height: 1%; }

    /********************* end clearfix ***********************/

    /********************* Master Layout ***********************/

    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,

    b, u, i, center,

    dl, dt, dd, ol, ul, li,

    fieldset, form, label, legend,

    table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    }

    body {

    line-height: 1;

    }

    ol, ul {

    list-style: none;

    }

    blockquote, q {

    quotes: none;

    }

    blockquote:before, blockquote:after,

    q:before, q:after {

    content: '';

    content: none;

    }

    table {

    border-collapse: collapse;

    border-spacing: 0;

    }

    body

    {

    font-size:12px;

    color:#4a4949;

    font-family:Arial, Helvetica, sans-serif;

    direction:ltr;

    line-height: 1;

    margin:0;

    padding:0;

    }

     

    li.disabled a

    {

        cursor:default;

        color:#888 !important;

    }

    .WrapHeader

    {

    height:128px;

    background:url(../images/wrapheader.jpg) repeat-x;

    width:100%;

    }

    .Header

    {

    width:1149px;

    height:128px;

    margin:0 auto;

    background:url(../images/wrapheader.jpg) repeat-x;

    }

    .content_width

    {

    margin: 0 auto; 

    width:980px;

    padding-bottom:20px;

    }

    #forex_content_total

    {

    background-image:url(../images/body_bg.jpg);

    background-repeat:repeat-x; 

    background-position:top center;

    }

    #forex_content_bg

    {

    background-image:url(../images/content_bg.jpg);

    background-repeat:no-repeat;

    background-position:top center;

    width:1149px;

    margin:0 auto;

    }

    #forex_content

    {

    display:block;

    margin:0;

    padding:0;

    height:auto;

    }

    #content_bottom

    {

    display:block;

    height:auto;

    margin:20px 0 0 0;

    padding-bottom:25px;

    }

    #forex_footer

    {

    background-image:url(../images/footer_bg.jpg);

    background-repeat:repeat-x;

    background-position:top center;

    height:259px;

    width:100%;

    }

    #footer

    {

    width:1149px;

    height:259px;

    background-image:url(../images/footer_bg.jpg);

    background-repeat:repeat-x;

    background-position:top center;

    margin:0 auto;

    }

    /********************* Content ***********************/

    .content_head {color:#2A2A2A;font-size:20px;height:30px;}

    .content_title {color:#000;font-size:14px;height:20px;}

    .content_text {line-height:16px;margin-top:5px;padding-right:30px;color:#3f3f3f;}

    .content_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .content_text ol {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .content_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .content_text img {float:left;padding-right:20px;}

    /********************* Content bottom ***********************/

    #content_bottom_left

    {

    float:left;

    width:690px;

    height:58px;

    background:url(../images/bottom_left.png) no-repeat;

    }

    #content_bottom_right

    {

    float:left;

    width:284px;

    height:58px;

    background:url(../images/partners.png) no-repeat;

    }

    #content_bottom_right a {width:284px;height:58px;display:block;}

    /********************* Footer ***********************/

    #footer_menu

    {

    height:40px;

    vertical-align:middle;

    text-align:left;

    line-height:38px;

     

    }

    #footer_menu a {color:#636361; font-weight:bold;margin-right:43px;display:inline-block;}

    #footer_menu a:hover {color:#202020;}

    #footer_link

    {

    vertical-align:middle;

    text-align:left;

    margin-top:20px;

    }

    #footer_link h3 {height:30px;line-height:20px;font-weight:bold;color:#202020;}

    #footer_link ul.inner {display:inline-block;float:left;vertical-align:top;margin-right:22px;}

    #footer_link li {height:18px;}

    #footer_link li a {color:#505050;}

    #footer_link li a:hover {color:#202020;}

    .content {width:974px;margin:0 auto;}

    .logo {background:url(../images/logo.png) no-repeat;width:263px;height:66px;float:left;margin-top:2px;}

    .logo a {width:263px;height:66px;display:block;}

    .logo2 {background:url(../images/logo.jpg) no-repeat;width:260px;height:48px;float:left;margin:10px 0 10px 30px;}

    .phone {float:left;height:48px;color:#929292;line-height:64px;}

    .home_text {float:left;width:45px;text-align:left;margin-left:30px;display:none;}

    .logout { width:333px;height:68px;background-image:url(../images/logout.png);background-repeat:no-repeat; float:right;}

    .logout .input {background:url(../images/user_field.png) no-repeat right;border:none;font-family:Arial;width:109px;height:22px;line-height:22px;float:right;margin-top:15px;text-align:left;color:#6f6f6f;direction:ltr;text-indent:5px;}

    .logout img {float:right;margin-top:22px;margin-right:5px;cursor:help;}

    .logout .chk {float:left;color:#bcbcbc;text-align:left;direction:ltr;margin-left:15px;font-size:10px;}

    .logout .lnk {float:right;color:#bcbcbc;direction:ltr;margin-top:7px;margin-right:100px;text-decoration:underline;font-size:10px;}

    .login {background:url(../images/login.png) no-repeat; width:317px;height:68px; float:right; }

    .lblName {float:left;color:#6c6c6c;margin-top:20px;line-height:20px;margin-left:10px;}

     

    .MainMenu {float:left;height:43px;margin-top:17px;width:540px;}

    .MainMenu li {float:left;height:43px;color:#2a445d;}

    .MainMenu li a {color:#2a445d;font-size:12px;line-height:43px;font-weight:bold;float:left;}

    .MainMenu .li1 {background:url(../images/menu1_button.png) no-repeat center -86px;width:118px;}

    .MainMenu .li1 a {width:118px;text-align:center;}

    .MainMenu .li1 a span {width:118px;}

    .MainMenu .li1:hover {background:url(../images/menu1_button.png) no-repeat center -43px;}

    .MainMenu .li1.Selected {background:url(../images/menu1_button.png) no-repeat center 0;}

    .MainMenu .li1.Selected a span {color:#fff;}

    .MainMenu .li2 {background:url(../images/menu2_button.png) no-repeat center -86px;width:155px;margin-left:3px;}

    .MainMenu .li2 a {width:155px;text-align:center;}

    .MainMenu .li2 a span {width:155px;}

    .MainMenu .li2:hover {background:url(../images/menu2_button.png) no-repeat center -43px;}

    .MainMenu .li2.Selected {background:url(../images/menu2_button.png) no-repeat center 0;}

    .MainMenu .li2.Selected a span {color:#fff;}

    .MainMenu .li3 {background:url(../images/menu3_button.png) no-repeat center -86px;width:146px;margin-left:3px;}

    .MainMenu .li3 a {width:146px;text-align:center;}

    .MainMenu .li3 a span {width:146px;}

    .MainMenu .li3:hover {background:url(../images/menu3_button.png) no-repeat center -43px;}

    .MainMenu .li3.Selected {background:url(../images/menu3_button.png) no-repeat center 0;}

    .MainMenu .li3.Selected a span {color:#fff;}

    .MainMenu .li4 {background:url(../images/menu4_button.png) no-repeat center -86px;width:107px;margin-left:3px;}

    .MainMenu .li4 a {width:107px;text-align:center;}

    .MainMenu .li4 a span {width:107px;}

    .MainMenu .li4:hover {background:url(../images/menu4_button.png) no-repeat center -43px;}

    .MainMenu .li4.Selected {background:url(../images/menu4_button.png) no-repeat center 0;}

    .MainMenu .li4.Selected a span {color:#fff;}

     

    .MidMenu {float:left;height:43px;width:325px;}

    .MidMenu li {float:left;height:36px;background:url(../images/menu_sep.jpg) no-repeat right;line-height:36px;margin-left:8px;padding-right:8px;}

    .MidMenu li.last {background:none;}

    .MidMenu li a {color:#525252;font-size:12px;}

    .MidMenu li a:hover {color:#202020;}

    .MidMenu li a.Selected {color:#2a445d;font-weight:bold;}

     

    .LastMenu {float:right;height:30px;margin-top:22px;width:107px;}

    .LastMenu li {float:left;/*background:url(../images/menu_last.png) no-repeat center 0;width:107px;height:30px;*/}

    .LastMenu li:hover {/*background:url(../images/menu_last.png) no-repeat center -30px;*/}

    .LastMenu li a {color:#d2f1ff;font-size:12px;line-height:30px;font-weight:bold;float:left;}

    .LastMenu li a span {width:107px;text-align:center;display:block;}

     

    .home_banner {width:973px; height:387px; margin:0 auto;}

    .home_banner1 {background:url(../images/index_banner_1.jpg) no-repeat; width:973px; height:387px; margin:0 auto;}

    .home_banner2 {background:url(../images/index_banner_2.jpg) no-repeat; width:973px; height:387px; margin:0 auto;}

    .home_banner3 {background:url(../images/index_banner_3.jpg) no-repeat; width:973px; height:387px; margin:0 auto;}

    .pnlRegister {background:url(../images/register_demo.png) no-repeat; width:343px; height:250px; float:right; *margin-left:-90px;}

    .pnlRegister2 {background:url(../images/register_demo2.png) no-repeat; width:301px; height:217px; float:right; margin-bottom:20px;}

    .demo {float:left;margin-top:245px;margin-left:30px;width:315px;height:109px;}

    .demo a {display:block;background:url(../images/home_demo.png) no-repeat center 0;width:315px;height:109px;}

    .demo a:hover {display:block;background:url(../images/home_demo.png) no-repeat center -109px;}

    .real {float:left;margin-top:245px;width:252px;height:109px;}

    .real a {display:block;background:url(../images/home_real.png) no-repeat center 0;width:252px;height:109px;}

    .real a:hover {display:block;background:url(../images/home_real.png) no-repeat center -109px;}

     

    .top_banner, .top_bannerDemo, .top_bannerReal, .top_bannerDeposit 

    {

        background:url(@CurrentPage.AncestorOrSelf(2).Gcmasiatradingplatformshome1s.First().MetaTrader4Image) no-repeat; 

        width:973px;

        height:116px;

        margin:0 auto;

    }

     

    .top_bannerDemo

    {

        background:url(../images/top_banner_Demo.png) no-repeat;  

    }

     

    .top_bannerReal

    {

        background:url(../images/top_banner_Real.png) no-repeat;  

    }

     

    .top_bannerDeposit

    {

        background:url(@CurrentPage.AncestorOrSelf(2).Gcmasiatradingplatformshome1.First().MetaTrader4Image) no-repeat;  

    }

     

    .top_banner a, .top_bannerDemo a, .top_bannerReal a, .top_bannerDeposit  a 

    {

        display:block;

        background:url(../images/btn_chat2.png) no-repeat center 0;

        width:290px;

        height:92px;

        float:right;

        margin-top:13px;

        margin-right:13px;

    }

     

    .top_banner a:hover, .top_bannerDemo a:hover, .top_bannerReal a:hover, .top_bannerDeposit a:hover 

    {

        background:url(../images/btn_chat2.png) no-repeat center -92px;

    }

     

    .demo_form {float:left; width:649px; margin-top:30px;}

    .change_form {float:right; width:729px; margin-top:30px;}

    .upload_bg {background:url(../images/upload_bg.png) no-repeat; float:right; width:728px; height:411px; margin-top:29px;}

    .monetary_form {float:right; width:728px; margin-top:30px;}

    .platforms_main {float:left; width:649px; margin-top:30px;}

    .partners_main {float:left; width:648px; margin-top:30px;}

    .products_main {float:right; width:728px; margin-top:30px; text-align:left; direction:ltr;}

    .change_content {display:block;padding:0;margin:0 auto;}

    .real_form {float:left; width:649px;margin-top:30px;}

    .real_form2 {float:left; width:649px; margin-top:30px;}

    .demo_right {float:right;width:301px;margin-top:30px;}

    .contact_cube {background:url(../images/contact_cube.png) no-repeat; float:right; width:301px; height:158px; margin-top:30px;}

    .call_back {background:url(../images/call_back.png) no-repeat; float:right; width:301px; height:345px;}

    .call_back_send {background:url(../images/call_back_b.png) no-repeat; float:right; width:301px; height:345px;}

    .call_you_back {background:url(../images/call_back_small.png) no-repeat; float:left; width:230px;height:347px; margin-top:20px;}

    .call_you_back_send {background:url(../images/call_back_small_b.png) no-repeat; float:left; width:230px;height:347px; margin-top:20px;}

    .Item {margin:0 0 0 120px;float:left;direction:ltr;width:460px;*height:30px;}

    .Item .span6 {color:#616161;width:163px;display:inline-block;height:20px;line-height:20px;}

    .Item span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;*float:left;}

    .Item .img {cursor:help;width:14px;display:inline-block;}

    .Item .span2 {color:#616161;width:160px;display:inline-block;}

    .Item .kohav {display:inline-block;width:8px;color:red;}

    .Item .input {width:228px;border:0;background:url(../images/field_bg.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item .label {height:31px;font-family:Arial;color:#929292;}

    .Item .inputsmall {width:52px;height:31px;border:0;background:url(../images/field_small.png) no-repeat right; margin-right:1px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item .inputmedium {width:107px;height:31px;border:0;background:url(../images/field_medium.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item .inputcc {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;margin-right:7px;float:left;}

    .Item .inputcc2 {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    /*.Item select {width:225px;border:0;background:none;*/}

    .Item .lblPsw {color:Red;font-size:10px;line-height:10px;width:390px;height:8px;text-align:left;margin-left:8px;}

    .Item2 .lblPsw {color:Red;font-size:10px;line-height:10px;width:390px;height:8px;text-align:left;margin-left:8px;}

    .Item2 {margin:0 0 0 50px;float:left;direction:ltr;width:600px;*height:30px;}

    .Item2 span {color:#616161;width:300px;display:inline-block;height:26px;line-height:28px;*float:left;}

    .Item2 .img {cursor:help;width:14px;display:inline-block;}

    .Item2 .span2 {color:#616161;width:160px;display:inline-block;}

    .Item2 .span3 {color:#616161;width:400px;display:inline-block;height:26px;line-height:28px;}

    .Item2 .kohav {display:inline-block;width:8px;color:red;}

    .Item2 .input {width:228px;border:0;background:url(../images/field_bg.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item2 .label {height:31px;font-family:Arial;color:#929292;}

    .Item2 label {width:350px;margin-top:12px;}

    .Item2 .inputsmall {width:52px;height:31px;border:0;background:url(../images/field_small.png) no-repeat right; margin-right:1px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item2 .inputmedium {width:107px;height:31px;border:0;background:url(../images/field_medium.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    /*.Item2 select {width:225px;border:0;background:none;}*/

    .Item3 {margin:0 0 0 120px;float:left;direction:ltr;width:460px;}

    .Item3 .input {width:144px;border:0;background:url(../images/amount_field.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .Item3 span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .Item3 .label {width:80px;color:#53751a;font-weight:bold;height:31px;line-height:32px;padding-left:5px;}

    .Item4 {margin:0 0 0 100px;float:left;direction:ltr;width:500px;}

    .ItemContact {margin:0 0 0 30px;float:left;direction:ltr;width:430px;}

    .ItemContact span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .ItemContact .img {cursor:help;width:14px;display:inline-block;}

    .ItemContact .span2 {color:#616161;width:160px;display:inline-block;}

    .ItemContact .kohav {display:inline-block;width:8px;color:red;}

    .ItemContact .input {width:228px;border:0;background:url(../images/field_bg.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemContact .label {height:31px;font-family:Arial;color:#929292;}

    .ItemContact .textArea {height:135px;width:228px;background:url(../images/text_field.png) no-repeat right;border:none;font-family:Arial;color:#929292;text-indent:5px;text-align:left;font-size:12px;line-height:18px;}

    .ItemContact .inputsmall {width:52px;height:31px;border:0;background:url(../images/field_small.png) no-repeat right; margin-right:1px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemContact .inputmedium {width:107px;height:31px;border:0;background:url(../images/field_medium.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemContact .inputcc {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;margin-right:5px;}

    .ItemContact .inputcc2 {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemContact select {width:225px;border:0;background:none;}

    .account_main {float:left;background:url(../images/account_main.png) no-repeat;width:649px;height:406px;margin-top:29px;}

    .lnk_real {display:block;margin-left:35px;margin-top:10px;float:left;width:266px;height:117px;background:url(../images/btn_open_real.png) no-repeat center 0;}

    .lnk_real:hover {background:url(../images/btn_open_real.png) no-repeat center -117px;}

    .lnk_demo {display:block;margin-left:50px;margin-top:10px;float:left;width:266px;height:117px;background:url(../images/btn_open_demo.png) no-repeat center 0;}

    .lnk_demo:hover {background:url(../images/btn_open_demo.png) no-repeat center -117px;}

    .demo_main {float:left;background:url(../images/demo_thank.png) no-repeat;width:649px;height:406px;margin-top:28px;}

    .btn_open_real {margin-top:150px;margin-right:470px;position:absolute;}

    .btn_open_real_big {margin-top:30px;margin-left:20px;float:left;width:164px;height:33px;}

    .btn_open_real_big a {display:block;background:url(../images/btn_fund_real.png) no-repeat center 0;width:164px;height:33px;}

    .btn_open_real_big a:hover {background:url(../images/btn_fund_real.png) no-repeat center -33px;}

    .btn_open_real_big2 {margin-top:30px;margin-left:60px;float:left;width:164px;height:34px;}

    .btn_open_real_big2 a {display:block;background:url(../images/btn_open_real2.png) no-repeat center 0;width:164px;height:34px;}

    .btn_open_real_big2 a:hover {background:url(../images/btn_open_real2.png) no-repeat center -34px;}

    .btn_my_account {margin-top:150px;margin-right:400px;position:absolute;}

    .btn_my_account_big {margin-top:30px;margin-left:10px;float:left;}

    .btn_my_account2 {margin-top:335px;margin-right:440px;position:absolute;}

    .btn_download {margin-top:150px;margin-right:260px;position:absolute;}

    .btn_download_big {margin-top:30px;margin-left:10px;float:left;width:320px;height:34px;}

    .btn_download_big a {width:320px;height:34px;display:block;background:url(../images/btn_download.png) no-repeat center 0;}

    .btn_download_big a:hover {background:url(../images/btn_download.png) no-repeat center -34px;}

    .btn_login_web {margin-top:150px;margin-right:93px;position:absolute;}

    .btn_login_web_big {margin-top:30px;margin-left:10px;float:left;width:167px;height:34px;}

    .btn_login_web_big a {width:167px;height:34px;display:block;background:url(../images/btn_login_real.png) no-repeat center 0;}

    .btn_login_web_big a:hover {background:url(../images/btn_login_real.png) no-repeat center -34px;}

    .btn_fund {margin-top:30px;margin-right:410px;position:absolute;}

     

    .account_popup {width:174px;position:absolute;margin-top:40px;margin-left:148px;z-index:1;}

    .account_popup_top {width:174px;background:url(../images/popup_top.png) no-repeat;height:8px;float:left;}

    .account_popup_m {width:174px;background:url(../images/popup_m.png) repeat-y;float:left;}

    .account_popup_bottom {width:174px;background:url(../images/popup_bottom.png) no-repeat;height:8px;float:left;}

    .account_popup_m ul {width:168px;text-align:left;margin:0 auto;}

    .account_popup_m ul li {height:21px;width:168px;color:#929292;line-height:20px;}

    .account_popup_m ul li:hover {background-color:#f3f3f3;}

    .account_popup_m ul li a {color:#929292;}

    .account_popup_m ul li a:hover {color:#929292;color:#2a445d;}

    .open_account_content {display:block;margin:0 auto;padding:0;}

    .platforms_content {display:block;margin:0 auto;padding:0;}

    .products_content {display:block;margin:0 auto;padding:0;}

    .partners_content {display:block;margin:0 auto;padding:0;}

    .open_account_content2 {display:block;margin:0 auto;padding:0;}

    .open_demo_account_content {display:block;margin:0 auto;padding:0;}

    .open_real_account_content {display:block;margin:0 auto;padding:0;}

    .personal_details_content {display:block;margin:0 auto;padding:0;}

    .deposit_content {display:block;margin:0 auto;padding:0;}

    .withdrawal_content {display:block;margin:0 auto;padding:0;}

    .thank_you_content {display:block;margin:0 auto;padding:0;}

    .personal_details {float:right; width:728px;margin-top:30px;}

    .my_account_menu {float:left;background:url(../images/my_account.png) no-repeat;width:230px;height:410px;margin-top:29px;}

    .my_account_menu ul {margin-top:42px;margin-right:4px;}

    .my_account_menu ul li {background:url(../images/li_account.png) no-repeat;width:222px;height:42px;line-height:40px;margin-bottom:1px;text-align:left;}

    .my_account_menu ul li.Selected {background:url(../images/li_account_selected.png) no-repeat;}

    .my_account_menu ul li a {color:#2a445d;padding-left:10px;font-size:14px;font-weight:bold;width:212px;height:42;display:inline-block;}

    .my_account_menu ul li.Selected a {color:#f1f1f1;}

    .my_account_top {float:left;background:url(../images/my_account_top.png) no-repeat; width:228px;height:39px;margin-top:30px;}

    .my_account_m {float:left;background:url(../images/my_account_m.png) repeat-y; width:228px;}

    .my_account_b {float:left;background:url(../images/my_account_b.png) no-repeat; width:228px; height:18px;}

    .my_account_m ul {margin-top:1px;margin-left:3px;}

    .my_account_m ul li {background:url(../images/li_account.png) no-repeat;width:222px;height:42px;line-height:40px;margin-bottom:1px;text-align:left;}

    .my_account_m ul li.Selected {background:url(../images/li_menu_over.png) no-repeat;}

    .my_account_m ul li:hover {background:url(../images/li_menu_over.png) no-repeat;}

    .my_account_m ul li.First {background:url(../images/about_menu_first.png) no-repeat;width:222px;height:42px;line-height:40px;margin-bottom:1px;text-align:left;}

    .my_account_m ul li.First.Selected {background:url(../images/li_account_selected.png) no-repeat;}

    .my_account_m ul li.First:hover {background:url(../images/li_account_selected.png) no-repeat;}

    .my_account_m ul li.Last {background:url(../images/about_menu_last.png) no-repeat;width:222px;height:42px;line-height:40px;margin-bottom:1px;text-align:left;}

    .my_account_m ul li.Last.Selected {background:url(../images/li_menu_over.png) no-repeat;}

    .my_account_m ul li.Last:hover {background:url(../images/li_menu_over.png) no-repeat;}

    .my_account_m ul li a {color:#2a445d;padding-left:10px;font-size:14px;width:212px;height:42;display:inline-block;}

    .my_account_m ul li.Selected a {color:#f1f1f1;}

    .my_account_m ul li a:hover {color:#f1f1f1;}

    .welcome_left {float:left;width:228px;}

    .welcome_demo {float:right;width:728px;margin-top:30px;}

    .thank_demo {float:left;background:url(../images/thank_you.png) no-repeat;width:649px;height:406px;margin-top:29px;}

    .lblDemoText {text-align:left;direction:ltr;margin-top:30px;padding-right:20px;padding-left:20px;line-height:14px;float:left;width:680px;}

    .lblDemoDetails {text-align:left;direction:ltr;margin-top:30px;margin-left:20px;font-size:16px;color:#364F67;float:left;width:700px;}

    .lblDemoDetails span {height:20px;line-height:20px;}

    .deposit_founds {float:right;background:url(../images/deposit_bg.png) no-repeat;width:728px;height:442px;margin-top:30px;}

    .deposit_thank {float:right;background:url(../images/deposit_thank.png) no-repeat;width:730px;height:359px;margin-top:30px;}

    .deposit_thanks {float:left;background:url(../images/deposit_thanks.png) no-repeat;width:500px;height:58px;margin-top:20px;margin-left:105px;}

    .deposit_title {float:left;width:680px;color:#53751a;text-align:left;direction:ltr;font-size:14px;font-weight:bold;height:50px;line-height:40px;margin-top:60px;margin-left:30px;}

    .deposit_item {float:left;background:url(../images/deposit_border.png) no-repeat center top;widows:700px;height:50px;width:680px;margin-left:30px;text-align:left;line-height:50px;}

    .deposit_name {float:left;color:#226087;width:150px;font-size:16px;font-weight:bold;text-decoration:underline;}

    .deposit_name a {color:#226087;font-size:16px;font-weight:bold;text-decoration:underline;}

    .deposit_text {float:left;color:#303030;width:350px;background:url(../images/deposit_info.png) no-repeat left center;padding-left:25px;}

    .deposit_msg {float:left;width:600px;text-align:left;direction:ltr;font-size:16px;line-height:18px;margin-top:40px;margin-left:30px;}

    .deposit_img {float:left;width:100px;padding-top:12px;}

    .deposit_img2 {float:left;width:400px;margin-top:20px;margin-left:150px;text-align:center;}

    .deposit_head_right {background:url(../images/rapidssl_ssl_certificate.gif) no-repeat;width:90px;height:50px;float:right;margin-right:25px;margin-top:10px;}

    .deposit_head_left {float:left;text-align:left;direction:ltr;margin-left:17px;color:#53751a;font-weight:bold;height:40px;line-height:40px;}

    .payment_back1 {float:left;background:url(../images/payment_bg_.png) no-repeat;width:691px;height:800px;margin-left:17px;}

    .payment_back2 {float:left;background:url(../images/payment_bg2_.png) no-repeat;width:691px;height:800px;margin-left:17px;}

    .payment_back3 {float:left;background:url(../images/payment_bg3_.png) no-repeat;width:691px;margin-left:17px;}

    .payment_back4 {float:left;background:url(../images/payment_bg4.png) no-repeat;width:691px;height:666px;margin-left:17px;}

    .payment_tabs {float:left;width:600px;}

    .tab_1 {float:left;width:110px;text-align:center;height:30px;line-height:30px;cursor:pointer;color:#364f67;font-weight:bold;}

    .tab_2 {float:left;width:120px;text-align:center;height:30px;line-height:30px;cursor:pointer;color:#364f67;font-weight:bold;}

    .tab_3 {float:left;width:140px;text-align:center;height:30px;line-height:30px;cursor:pointer;color:#364f67;font-weight:bold;}

    .tab_4 {float:left;width:140px;text-align:center;height:30px;line-height:30px;cursor:pointer;color:#364f67;font-weight:bold;}

    .left {float:left;width:230px;}

    .deposit_back {float:right;width:728px;margin-top:30px;}

    .user_popup {position:absolute;background:url(../images/user_popup.png) no-repeat; width:141px;height:40px;margin-top:38px;margin-left:4px;}

    .user_popup2{position:absolute;background:url(../images/password_popup.png) no-repeat; width:141px;height:69px;margin-left:270px;}

    .user_popup3{position:absolute;background:url(../images/password_popup.png) no-repeat; width:141px;height:69px;margin-left:290px;}

    .register_real_text {float:left;width:280px;margin-left:35px;text-align:left;direction:ltr;margin-top:20px;}

    .register_real_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .register_real_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .register_demo_text {float:left;width:280px;margin-left:38px;text-align:left;direction:ltr;margin-top:20px;}

    .register_demo_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .register_demo_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .register_demo_text2 {float:left;width:600px;text-align:left;direction:ltr;margin:20px 0 20px 20px; line-height:16px;}

    .register_demo_text3 {float:left;width:600px;text-align:left;direction:ltr;margin:20px 0 20px 20px; line-height:16px;}

    .lblWelcome {float:left;width:700px;height:39px;color:#364F67;text-align:left;direction:ltr;font-size:16px;font-weight:bold;line-height:39px;margin-left:20px;}

    .about_menu_top {float:left;width:228px;height:5px;background:url(../images/about_menu_top.png) no-repeat;}

    .about_menu_m {float:left;width:228px;background:url(../images/about_menu_m.png) repeat-y;float:left;}

    .about_menu_b {float:left;width:228px;height:19px;background:url(../images/about_menu_b.png) no-repeat;float:left;}

    .about_menu_m ul {margin-top:1px;margin-left:3px;}

    .about_menu_m ul li {background:url(../images/about_menu_li.png) no-repeat;width:222px;line-height:42px;margin-bottom:1px;text-align:left;}

    .about_menu_m ul li.Selected {background:url(../images/li_menu_over.png) no-repeat;}

    .about_menu_m ul li:hover {background:url(../images/li_menu_over.png) no-repeat;}

    .about_menu_m ul li.First {background:url(../images/about_menu_first.png) no-repeat;}

    .about_menu_m ul li.First:hover {background:url(../images/li_account_selected.png) no-repeat;}

    .about_menu_m ul li.First.Selected {background:url(../images/li_account_selected.png) no-repeat;}

    .about_menu_m ul li.Last {background:url(../images/about_menu_last.png) no-repeat;}

    .about_menu_m ul li.Last:hover {background:url(../images/li_menu_over.png) no-repeat;}

    .about_menu_m ul li.Last.Selected {background:url(../images/li_menu_over.png) no-repeat;}

    .about_menu_m ul li a {color:#2a445d;padding-left:10px;font-size:14px;width:212px;height:42;display:inline-block;}

    .about_menu_m ul li.Selected a {color:#f1f1f1;}

    .about_menu_m ul li a:hover {color:#f1f1f1;}

    .about_menu_m ul li.li_sub_menu {background:url(../images/menu_sub.jpg) no-repeat; width:222px; height:62px;}

    .about_menu_m ul li.li_sub_menu p {height:32px;line-height:32px;padding-left:10px;}

    .about_menu_m ul li.li_sub_menu p a {color:#3f3f3f}

    .forgot_password {float:left;width:649px;margin-top:30px;}

     

    .btnStartDemo {float:left;margin-top:7px;margin-left:34px;width:279px;height:48px;background:url(../images/btn_start_demo.png) no-repeat center 0;}

    .btnStartDemo:hover {background:url(../images/btn_start_demo.png) no-repeat center -48px;}

    .btnStartDemo2 {float:left;margin-top:8px;margin-left:12px;width:279px;height:48px;background:url(../images/btn_start_demo.png) no-repeat center 0;}

    .btnStartDemo2:hover {background:url(../images/btn_start_demo.png) no-repeat center -48px;}

    .btnSpDemo {float:left;margin-top:32px;margin-left:11px;width:299px;height:48px;background:url(../images/btn_spdemo.png) no-repeat center 0;}

    .btnChat {float:right;margin-right:18px;margin-top:-8px;*margin-left:-68px;}

    .btnChat a {display:block;width:305px;height:112px;background:url(../images/btn_chat.png) no-repeat center 0;}

    .btnChat a:hover {background:url(../images/btn_chat.png) no-repeat center -112px;}

    .tpaccount_top {background:url(../images/account_top.png) no-repeat;width:692px;height:57px;float:left;text-align:left;direction:ltr;margin-left:20px;margin-top:20px;}

    .tpaccount_item {background:url(../images/account_item.jpg) no-repeat;width:692px;height:35px;float:left;text-align:left;direction:ltr;margin-left:20px;}

    .tpaccount_alt {background:url(../images/account_alt.jpg) no-repeat;width:692px;height:35px;float:left;text-align:left;direction:ltr;margin-left:20px;}

    .account_top_item {color:#616161;width:138px;float:left;text-align:center;direction:ltr;font-weight:bold;height:57px;line-height:55px;}

    .account_item {color:#616161;width:138px;float:left;text-align:center;direction:ltr;font-weight:bold;height:35px;line-height:35px;}

    .tpaccount_bottom {background:url(../images/account_bottom.png) no-repeat;width:692px;height:9px;float:left;text-align:left;direction:ltr;margin-left:20px;}

     

    .platform_item {float:left;width:646px;margin-left:1px;}

    .platform_title {float:left;text-align:left;direction:ltr;background:url(../images/tp_title.png) no-repeat;width:631px;height:52px;color:#fefefe;padding-left:15px;font-size:14px;font-weight:bold;line-height:34px;}

    .platform_img {float:left;width:220px;}

    .platform_text {float:left;width:400px;text-align:left;direction:ltr;margin-left:10px;line-height:16px;}

    .platforms_text {float:left;width:600px;text-align:left;direction:ltr;margin-left:10px;line-height:16px;padding:20px 0 20px 20px;}

    .platforms_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .platforms_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .platforms_down {float:left;width:600px;margin-left:200px;}

    .btn_mobile_login {width:228px;height:30px;background:url(../images/btn_platform_login2.png) no-repeat center 0;display:block;float:left;margin-left:10px;margin-top:2px;}

    .btn_mobile_login:hover {background:url(../images/btn_platform_login2.png) no-repeat center -30px;}

    .platform_btn {float:right;width:400px;text-align:left;direction:ltr;margin-right:20px;margin-top:20px;margin-bottom:20px;}

     

    .btn_read_more {width:150px;height:34px;display:block;background:url(../images/btn_readmore.png) no-repeat center 0;float:left;}

     

    .btn_read_more2 {width:150px;height:31px;display:block;background:url(../images/btn_read_more2.png) no-repeat center 0;float:left;}

    .btn_read_more2:hover {background:url(../images/btn_read_more2.png) no-repeat center -31px;}

    .btn_signup {width:152px;height:34px;display:block;background:url(../images/btn_signup.png) no-repeat center 0;float:left;margin-left:10px;}

    .btn_signup:hover {background:url(../images/btn_signup.png) no-repeat center -34px;}

    .btn_platform_login {width:228px;height:30px;background:url(../images/btn_platform_login.png) no-repeat center 0;display:block;float:left;margin-left:10px;margin-top:2px;}

    .btn_platform_login:hover {background:url(../images/btn_platform_login.png) no-repeat center -30px;}

    .btn_platform_login2 {width:228px;height:30px;background:url(../images/btn_platform_login2.png) no-repeat center 0;display:block;float:left;margin-left:10px;margin-top:2px;}

    .btn_platform_login2:hover {background:url(../images/btn_platform_login2.png) no-repeat center -30px;}

    .btn_call_back {float:left;margin-top:15px;margin-left:17px;width:268px;height:58px;background:url(../images/btn_call_back.png) no-repeat center 0;display:block;}

    .btn_call_back:hover {background:url(../images/btn_call_back.png) no-repeat center -58px;}

    .btn_call_back_small {float:left;margin-top:12px;margin-left:12px;width:204px;height:58px;background:url(../images/btn_call_back_small.png) no-repeat center 0;display:block;}

    .btn_call_back_small:hover {background:url(../images/btn_call_back_small.png) no-repeat center -58px;}

    .pnlRegister_main {float:right;width:343px;height:387px;}

    .pnlRegister .txtFname {float:left;margin-top:71px;margin-left:36px;width:134px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .txtLname {float:left;margin-top:71px;margin-left:7px;width:134px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .txtCountryCode {float:left;margin-top:8px;margin-left:36px;width:60px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .txtAreaCode {float:left;margin-top:8px;margin-left:9px;width:64px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .txtPhone {float:left;margin-top:8px;margin-left:8px;width:134px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .txtEmail {float:left;margin-top:7px;margin-left:36px;width:276px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister .rev_email {float:left;margin-top:7px;margin-left:3px;}

    .pnlRegister2 .txtFname {float:left;margin-top:44px;margin-left:13px;width:134px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .txtLname {float:left;margin-top:44px;margin-left:7px;width:135px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .txtCountryCode {float:left;margin-top:7px;margin-left:13px;width:62px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .txtAreaCode {float:left;margin-top:7px;margin-left:7px;width:65px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .txtPhone {float:left;margin-top:7px;margin-left:7px;width:135px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .txtEmail {float:left;margin-top:7px;margin-left:13px;width:277px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .pnlRegister2 .rev_email {float:left;margin-top:7px;margin-left:3px;}

    .btn_confirm {background:url(../images/btnconfirm.png) no-repeat center 0;width:111px;height:39px;}

    .btn_confirm:hover {background:url(../images/btnconfirm.png) no-repeat center -39px;}

    .btn_next {background:url(../images/btnnext.png) no-repeat center 0;width:123px;height:39px;}

    .call_back .txtFname {float:left;margin-top:155px;margin-left:17px;width:130px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .txtLname {float:left;margin-top:155px;margin-left:8px;width:130px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .txtEmail {float:left;margin-top:7px;margin-left:17px;width:268px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .txtCountryCode {float:left;margin-top:8px;margin-left:17px;width:52px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .txtAreaCode {float:left;margin-top:8px;margin-left:8px;width:53px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .txtPhoneNum {float:left;margin-top:8px;margin-left:7px;width:148px;background:none;border:0;height:24px;direction:ltr;color:#616161;font-family:Arial;line-height:24px;}

    .call_back .rev_email {float:left;margin-top:7px;margin-left:3px;}

    .call_back_msg {float:left;margin-top:180px;width:301px;text-align:center;color:#fff;font-size:16px;}

    .call_back_msg2 {float:left;margin-top:180px;width:230px;text-align:center;color:#fff;font-size:16px;}

    .call_you_back .txtFname {float:left;margin-top:156px;margin-left:14px;width:98px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .txtLname {float:left;margin-top:156px;margin-left:7px;width:98px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .txtEmail {float:left;margin-top:5px;margin-left:14px;width:202px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .txtCountryCode {float:left;margin-top:5px;margin-left:14px;width:43px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .txtAreaCode {float:left;margin-top:5px;margin-left:8px;width:46px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .txtPhoneNum {float:left;margin-top:5px;margin-left:9px;width:96px;background:none;border:0;height:26px;direction:ltr;color:#616161;font-family:Arial;line-height:26px;}

    .call_you_back .rev_email {float:left;margin-top:5px;margin-left:3px;}

    .btn_save {background:url(../images/btn_save.png) no-repeat center 0;width:166px;height:40px;}

    .btn_save:hover {background:url(../images/btn_save.png) no-repeat center -40px;}

    .btn_cancel {background:url(../images/btn_cancel.png) no-repeat center 0;width:112px;height:40px;display:inline-block;margin-right:50px;}

    .btn_cancel:hover {background:url(../images/btn_cancel.png) no-repeat center -40px;}

    .btn_back {background:url(../images/btn_back.png) no-repeat center 0;width:113px;height:41px;display:inline-block;margin-right:50px;}

    .btn_back:hover {background:url(../images/btn_back.png) no-repeat center -41px;}

    .btn_deposit {background:url(../images/btn_deposit.png) no-repeat center 0;width:113px;height:41px;display:inline-block;}

    .btn_deposit:hover {background:url(../images/btn_deposit.png) no-repeat center -41px;}

    .btn_deposit2 {display:none;}

    .btn_send {background:url(../images/btn_send.png) no-repeat center 0;width:115px;height:41px;display:inline-block;}

    .btn_send:hover {background:url(../images/btn_send.png) no-repeat center -41px;}

    .btn_watch {background:url(../images/btn_watch.png) no-repeat center 0;width:115px;height:41px;display:inline-block;}

    .btn_watch:hover {background:url(../images/btn_watch.png) no-repeat center -41px;}

    .btn_upload {background:url(../images/btn_upload.png) no-repeat center 0;width:115px;height:42px;display:inline-block;}

    .btn_upload:hover {background:url(../images/btn_upload.png) no-repeat center -42px;}

    .btn_preview {background:url(../images/btn_preview.png) no-repeat center 0;width:199px;height:41px;}

    .btn_preview:hover {background:url(../images/btn_preview.png) no-repeat center -41px;}

    .btn_generate {background:url(../images/btn_generate.png) no-repeat;width:100px;height:54px;display:inline-block;}

    .contact_right {float:right;width:250px;}

    .contact_title {float:left;text-align:left;direction:ltr;width:250px;color:#5e7842;font-weight:bold;margin-top:8px;}

    .contact_item {float:left;width:250px;text-align:left;direction:ltr;background:url(../images/contact_bottom.png) no-repeat left bottom;padding-bottom:20px;padding-top:20px;}

    .contact_item_last {float:left;width:250px;text-align:left;direction:ltr;padding-bottom:20px;padding-top:20px;}

    .contact_head {color:#616161;float:left;width:250px;text-align:left;direction:ltr;font-weight:bold;height:16px;}

    .contact_details {float:left;width:250px;text-align:left;direction:ltr;height:16px;}

    .contact_details a {color:#616161;}

    /* Update by Isaac - 2012-11-28 */

    #imgSpinnerHome{float:left;margin-top:7px;margin-left:155px;}

    #imgSpinnerDemo{margin-left:97px;}

    #imgSpinnerDemoUC{float:left;margin-top:8px;margin-left:133px;}

    #imgSpinnerReal1{margin-left:97px;}

     

    .spinner_on{display:inline;}

    .spinner_off{display:none;}

    /*******************************************************************/

    /************************** PAGE ABOUT *****************************/

    /*******************************************************************/

    #forex_content_about

    {

    height:auto;

    display:block;

    margin:0 0 0 4px;

    }

    #forex_content_about_left

    {

    float:left;

    width:228px;

    margin-top:30px;

    }

    #forex_content_about_right

    {

    float:left;

    width:727px;

    margin-left:20px;

    margin-top:30px;

     

    }

    #forex_content_about_right2

    {

    float:left;

    width:727px;

    margin-left:20px;

    margin-top:30px;

    text-align:left;

    direction:ltr;

    }

    .menu_left

    {

    float:left;

    width:229px;

    height:88px;

    margin-top:30px;

    }

    .menu_left a {width:229px;height:88px;display:block;background:url(../images/about_real.png) no-repeat center 0;}

    .menu_left a:hover {background:url(../images/about_real.png) no-repeat center -89px;}

    .menu_left_demo

    {

    float:left;

    width:229px;

    height:88px;

    margin-top:15px;

    }

    .menu_left_demo a {width:229px;height:88px;display:block;background:url(../images/about_demo.png) no-repeat center 0;}

    .menu_left_demo a:hover {background:url(../images/about_demo.png) no-repeat center -89px;}

    .about_bg {background:url(../images/about_bg.png) no-repeat;width:728px;height:611px;}

     

    div#forex_content{margin-top:20px;}

    .forex_content_left {direction:ltr;float:left;text-align:left;width:346px;}

    .forex_content_center {direction:ltr;float:left;text-align:left;width:338px;}

    .forex_content_right {direction:ltr;float:left;text-align:left;width:290px;}

    #about_title

    {

    margin:0;

    padding-left:16px;

    font-size:16px;

    color:#364f67;

    text-align:left;

    direction:ltr;

    height:39px;

    line-height:39px;

    }

    .about_title

    {

    margin:0;

    padding-left:16px;

    font-size:16px;

    color:#364f67;

    text-align:left;

    direction:ltr;

    height:39px;

    line-height:39px;

    }

    .my_account_title {margin:0;

    padding-left:16px;

    font-size:16px;

    color:#364f67;

    text-align:left;

    direction:ltr;

    height:39px;

    line-height:39px;}

    #personal_text

    {

    padding:20px 40px 20px 30px;

    text-align:left;

    direction:ltr;

    line-height:14px;

    }

    #deposit_text {padding:10px 40px 10px 30px;text-align:left;direction:ltr;line-height:14px;}

    .forgot_text {padding:20px 40px 20px 30px;text-align:left;direction:ltr;line-height:14px;}

    #about_text

    {

    padding:10px 40px 10px 30px;

    text-align:left;

    direction:ltr;

    line-height:16px;

    }

    #withdrawal_text

    {

    padding:10px 40px 10px 30px;

    text-align:left;

    direction:ltr;

    line-height:14px;

    }

    #withdrawal_text span {font-size:12px;font-weight:normal;line-height:14px;}

    .withdrawal_text

    {

    padding:10px 40px 10px 30px;

    text-align:left;

    direction:ltr;

    line-height:14px;

    }

    #about_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    #about_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .upload {

    position:relative;

    width:664px;

    }

    .realupload {

    position:absolute;

    top:0;

    right:0;

     

    /* start of transparency styles */

    opacity:0;

    -moz-opacity:0;

    filter:alpha(opacity:0);

    /* end of transparency styles */

     

    z-index:2; /* bring the real upload interactivity up front */

    width:270px;

    }

    form .fakeupload {

    background:url(../images/btn_browse.png) no-repeat right;

    }

    form .fakeupload input {

    width:228px;border:0;background:url(../images/field_bg.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;

    }

    #forex_content_withdrow_right

    {

    float:right;

    width:727px;

    margin-left:20px;

    margin-top:30px;

    }

    #withdraw_top_text {height:340px;}

    #withdraw_bottom_text {padding-top:50px;}

    .withdrawal_left {float:left;width:230px;}

    .withdraw_pass {background:url(../images/pass.png) center center no-repeat;width:728px;height:40px;display:inline-block;line-height:40px;}

    .withdraw_form_bg {background:url(../images/withdrawl_bg.png) no-repeat;width:728px;height:1149px;}

    .withdraw_bg {background:url(../images/withdraw_bg.png) no-repeat;width:728px;height:1120px;}

    .withdraw_electronic_bg {background:url(../images/withdraw_electronic_bg.png) no-repeat;width:728px;height:1120px;}

    .Withdrawcheck {width:300px;float:left;text-align:left;direction:ltr;}

    .Withdrawcheck .checkbox {width:17px;height:16px;border:none;}

    .Withdrawcheck span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .ItemWithdraw .select {width:228px;border:0;background:url(../images/select_account_bg.png) no-repeat right;height:28px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw {margin:0 0 0 100px;float:left;direction:ltr;width:570px;}

    .ItemWithdraw .span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .ItemWithdraw span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .ItemWithdraw .green {display:inline-block;width:166px;float:left;color:#66861f;}

    .ItemWithdraw .span3 {color:#616161;width:31px;display:inline-block;height:26px;line-height:28px; text-align:center;}

    .ItemWithdraw .line {width:auto; overflow:hidden;display:inline-block;height:26px;line-height:28px; text-align:left;}

    .ItemWithdraw .checkbox {width:17px;height:16px;border:none;background:url(../images/checkbox.png) no-repeat ;}

    .ItemWithdraw .checkboxSpan {width:auto;display:inline-block;height:26px;line-height:28px; padding-left:8px; padding-right:8px;}

    .ItemWithdraw .img {cursor:help;width:14px;display:inline-block;}

    .ItemWithdraw .span2 {color:#616161;width:160px;display:inline-block;}

    .ItemWithdraw .kohav {display:inline-block;width:8px;color:red;}

    .ItemWithdraw .input {width:228px;border:0;background:url(../images/field_bg.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw .input2 {width:144px;border:0;background:url(../images/amount_field.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw .selectmedium {width:100px;border:0;background:url(../images/select_medium.png) no-repeat right;height:31px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw .textArea {height:76px;width:228px;background:url(../images/withdraw_text_fild.png) no-repeat right;border:none;font-family:Arial;color:#929292;text-indent:5px;text-align:left;}

    .ItemWithdraw .inputsmall {width:52px;height:31px;border:0;background:url(../images/field_small.png) no-repeat right; margin-right:1px;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw .inputmedium {margin-left:16px;width:107px;height:31px;border:0;background:url(../images/field_medium.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw.inputcc {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;margin-right:5px;}

    .ItemWithdraw .inputcc2 {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

    .ItemWithdraw select {width:225px;border:0;background:none;}

    .ItemWithdraw .inputmail {width:179px;height:30px;border:0;background:url(../images/field_mail.png) no-repeat left;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;display:inline-block;}

    .ItemWithdraw .label {width:80px;color:#53751a;font-weight:bold;height:31px;line-height:32px;padding-left:5px;}

    .ItemWithdraw .inputcc {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;margin-right:5px;}

    .ItemWithdraw .inputcc2 {width:51px;height:31px;border:none;background:url(../images/cc_field.png) no-repeat right;font-family:Arial;color:#929292;text-indent:5px;line-height:30px;}

     

    .contact_main {float:left;width:460px;}

    .contact_msg {float:left;width:100%;margin-left:20px;text-align:left;}

    .ticker {width:667px;float:left;margin-left:4px;margin-top:7px;height:50px;}

    /*******************************************************************/

    /************************** PAGE WITHDRAW *****************************/

    /*******************************************************************/

    #forex_content_withdrow_right

    {

    float:left;

    width:727px;

    margin-left:20px;

    margin-top:30px;

    }

    #withdraw_top_text {height:340px;}

    #withdraw_bottom_text {padding-top:50px;}

    .withdraw_bg {background:url(../images/withdraw_bg.png) no-repeat;width:728px;height:1120px;}

    .Withdrawcheck .checkbox {width:17px;height:16px;border:none;background:url(../images/checkbox.png) no-repeat ;}

    .Withdrawcheck span {color:#616161;width:163px;display:inline-block;height:26px;line-height:28px;}

    .Withdrawcheck .sign {border:0;font-family:Arial;color:#929292;text-indent:5px;}

    .Withdrawcheck .sign span {width:260px;}

    /*******************************************************************/

    /************************** PAGE TRANSACTION *****************************/

    /*******************************************************************/

    #my_account_transaction_right

    {

    float:left;

    width:727px;

    margin-left:20px;

    margin-top:30px;

    height:510px;

    }

    .transaction_text

    {

    padding:10px 17px 10px 17px;

    text-align:left;

    direction:ltr;

    line-height:14px;

    }

    #transaction {width:693px; overflow:hidden;}

    #transaction th {text-align: center;}

    #transaction .col1 {width:40px;line-height:34px;text-align:center;}

    #transaction .col2 {width:127px;line-height:34px;}

    #transaction .col3 {width:58px;line-height:34px;}

    #transaction .col4 {width:68px;line-height:34px;}

    #transaction .col5 {width:88px;line-height:34px;}

    #transaction .col6 {width:135px;line-height:34px;}

    #transaction .col7 {width:145px;line-height:34px;}

    #transaction .col8 {line-height:34px;}

    #transaction .text {padding-left:2px;}

    .my_account_transaction_right {background:url(../images/myAccount_transactions_bg.png) no-repeat;width:728px;height:490px;}

    .transactions_top {background:url(../images/transactions_top.png) no-repeat;width:693px;height:38px;display:block;}

    .transactions_row_grey {background:url(../images/transactions_row_grey.png) no-repeat;width:693px;height:35px;display:block;}

    .transactions_row_white {background:url(../images/transactions_row_white.png) no-repeat;width:693px;height:35px;display:block;}

    .transactions_bottom {background:url(../images/transactions_bottom.png) top no-repeat;width:693px;height:38px;text-align:center;padding-top:12px;float:left;}

    /*******************************************************************/

    /************************** PAGE TRADING HISTORY *****************************/

    /*******************************************************************/

    #my_account_trading_history_right

    {

    float:left;

    width:727px;

    margin-left:20px;

    margin-top:30px;

    height:1140px;

    }

    .my_account_trading_history {background:url(../images/trading_history_bg.png) no-repeat;width:728px;height:1120px;float:right;margin-top:30px;}

    .my_account_trading_history .header {font-size:15px; font-weight:500;height:35px; line-height:35px; color:#5d7d28;}

     

    .ItemMyAccount {margin:0;float:left;direction:ltr;width:650px;margin-left:30px;margin-top:10px;}

    .ItemMyAccount .selectmedium {width:95px;border:0;background:url(../images/field_date.png) no-repeat bottom left;height:23px;font-family:Arial;color:#929292;text-indent:5px;line-height:23px;vertical-align:top;margin-top:3px;}

    .ItemMyAccount span {color:#5d7d28;width:60px;display:inline-block; font-size:11px;}

    .ItemMyAccount .span2 {color:#5d7d28;width:60px;display:inline-block; font-size:11px;padding-left:20px;}

    .ItemMyAccount .calendar {background:url(../images/calendar_trading.png) no-repeat bottom left;width:30px;display:inline-block;position :relative; top:2px;line-height:23px;height:23px;cursor:pointer;}

    .btn_full_report {background:url(../images/full_report.png) no-repeat;width:222px;height:40px;display:inline-block;}

    .btn_exel {background:url(../images/export_exel.png) no-repeat;width:222px;height:40px;display:inline-block;margin-left:10px;}

    .BtnMyAccount {margin:0;text-align:center;float:left;margin-left:120px;margin-top:15px;}

    .BtnMyAccount2 {margin:0;text-align:center;float:left;margin-left:280px;margin-top:45px;}

     

    #trading {width:692px; overflow:hidden;}

    #trading th {text-align: center;}

    #trading .col1 {width:57px;line-height:34px;text-align:center;}

    #trading .col2 {width:110px;line-height:34px;}

    #trading .col3 {width:61px;line-height:34px;}

    #trading .col4 {width:81px;line-height:34px;}

    #trading .col5 {width:71px;line-height:34px;}

    #trading .col6 {width:72px;line-height:34px;}

    #trading .col7 {width:78px;line-height:34px;}

    #trading .col8 {width:75px;line-height:34px;}

    #trading .col9 {width:72px;line-height:34px;}

    #trading .col10 {line-height:34px;}

    #trading .text {padding-left:2px;}

    .trading_top {background:url(../images/trading_top.png) no-repeat;width:692px;height:38px;display:block;}

    .trading_row_grey {background:url(../images/trading_row_grey.png) no-repeat;width:692px;height:35px;display:block;}

    .trading_row_white {background:url(../images/trading_row_white.png) no-repeat;width:692px;height:35px;display:block;}

    .trading_bottom {background:url(../images/trading_bottom.png) top no-repeat;width:692px;height:38px;text-align:center;float:left;margin-left:15px;margin-top:-30px;}

    /*******************************************************************/

    /************************** PAGE TRADING REPORT *****************************/

    /*******************************************************************/

    .ItemMyAccount .select {width:154px;border:0;background:url(../images/select_trading.png) no-repeat bottom left;height:23px;font-family:Arial;color:#929292;text-indent:5px;line-height:23px;}

    .ItemMyAccount .span3 {color:#5d7d28;width:130px;display:inline-block; font-size:12px; vertical-align:top;height:26px;line-height:28px;}

    .ItemMyAccount .span4 {color:#5d7d28;display:inline-block;width:65px; font-size:12px;padding-left:5px; vertical-align:top;height:26px;line-height:30px;}

    .ItemMyAccount .span5 {color:#5d7d28;display:inline-block;width:35px; font-size:12px;padding-left:5px;vertical-align:top;height:26px;line-height:24px;}

    .ItemMyAccount .generate_report {position:relative;left:300px;top:-58px;width:100px;}

    .ItemMyAccount .generate_report2 {position:relative;left:328px;top:-35px;width:100px;}

    .ItemMyAccount .btn_generate_report {width:100px;background:url(../images/generate_report.png) no-repeat center 0;height:54px;}

    .ItemMyAccount .btn_generate_report:hover {background:url(../images/generate_report.png) no-repeat center -54px;}

    /*******************************************************************/

    /************************** PAGE TRADING FULL *****************************/

    /*******************************************************************/

    #my_account_trading_history_full_right

    {

    float:left;

    width:975px;

    margin-left:20px;

    margin-top:30px;

    height:1090px;

    }

    .my_account_trading_history_full {background:url(../images/trading_history_full_bg.png) no-repeat;width:975px;height:1070px;}

    .my_account_trading_history_full .header {font-size:15px; font-weight:500;height:35px; line-height:35px; color:#5d7d28;}

    #trading_history_full {width:938px; overflow:hidden; direction:ltr; float:left;}

    #trading_history_full th {text-align:center;height:36px;line-height:18px;}

    #trading_history_full td {text-align:center;height:32px;line-height:32px;}

    #trading_history_full .col1 {width:65px;}

    #trading_history_full .col2 {width:85px;}

    #trading_history_full .col3 {width:73px;}

    #trading_history_full .col4 {width:65px;}

    #trading_history_full .col5 {width:112px;}

    #trading_history_full .col6 {width:64px;}

    #trading_history_full .col7 {width:116px;}

    #trading_history_full .col8 {width:64px;}

    #trading_history_full .col9 {width:73px;}

    #trading_history_full .col10 {width:74px;}

    #trading_history_full .col11 {width:73px;}

    #trading_history_full .col12 {width:74px;}

    #trading_history_full .text {text-align:center;}

    .trading_history_full_top {background:url(../images/trading_history_full_top.png) no-repeat;width:938px;height:36px;display:block;float:left;}

    .trading_history_full_row_grey {background:url(../images/trading_history_full_row_grey.jpg) no-repeat;width:938px;height:32px;display:block;float:left;}

    .trading_history_full_row_white {background:url(../images/trading_history_full_row_white.jpg) no-repeat;width:938px;height:32px;display:block;float:left;}

    .trading_history_full_bottom {background:url(../images/trading_history_full_bottom.png) top no-repeat;width:938px;height:11px;display:block;float:left;}

    #monetary_list {width:692px;direction:ltr; float:left;margin-left:18px;}

    #monetary_list th {text-align:center;height:36px;line-height:36px;}

    #monetary_list td {text-align:center;height:32px;line-height:32px;}

    #monetary_list .col1 {width:112px;}

    #monetary_list .col2 {width:92px;}

    #monetary_list .col3 {width:112px;}

    #monetary_list .col4 {width:78px;}

    #monetary_list .col5 {width:80px;}

    #monetary_list .col6 {width:114px;}

    #monetary_list .col7 {width:104px;}

    #monetary_list .text {text-align:center;}

    .monetary_list_top {background:url(../images/monetary_top.png) no-repeat;width:692px;height:36px;display:block;float:left;}

    .monetary_list_row_gray {background:url(../images/monetary_row_gray.jpg) no-repeat;width:692px;height:32px;display:block;float:left;}

    .monetary_list_row_white {background:url(../images/monetary_row_white.jpg) no-repeat;width:692px;height:32px;display:block;float:left;}

    .monetary_list_bottom {background:url(../images/monetary_bottom.png) top no-repeat;width:692px;height:10px;display:block;float:left;margin-left:18px;}

    #monetary_full {width:938px;direction:ltr; float:left;margin-left:2px;}

    #monetary_full th {text-align:center;height:36px;line-height:36px;}

    #monetary_full td {text-align:center;height:32px;line-height:32px;}

    #monetary_full .col1 {width:116px;}

    #monetary_full .col2 {width:118px;}

    #monetary_full .col3 {width:116px;}

    #monetary_full .col4 {width:118px;}

    #monetary_full .col5 {width:116px;}

    #monetary_full .col6 {width:118px;}

    #monetary_full .col7 {width:116px;}

    #monetary_full .col8 {width:120px;}

    #monetary_full .text {text-align:center;}

    .monetary_full_top {background:url(../images/monetary_full_top.png) no-repeat;width:938px;height:36px;display:block;float:left;}

    .monetary_full_row_gray {background:url(../images/monetary_full_row_gray.jpg) no-repeat;width:938px;height:32px;display:block;float:left;}

    .monetary_full_row_white {background:url(../images/monetary_full_row_white.jpg) no-repeat;width:938px;height:32px;display:block;float:left;}

    .monetary_full_bottom {background:url(../images/monetary_full_bottom.png) top no-repeat;width:938px;height:11px;display:block;float:left;margin-left:2px;}

     

    div.monetary_header

    {

        background:url(../images/monetary_header.png) no-repeat 0 0;

        width:692px;

        height:46px;

        z-index:1;

    }

     

    div.monetary_header div{}

     

    /*******************************************************************/

    /************************** PAGE TRANSACTION FULL *****************************/

    /*******************************************************************/

    #my_account_trading_transaction_full_right

    {

    float:left;

    width:975px;

    margin-left:20px;

    margin-top:30px;

    height:1090px;

    }

    .my_account_trading_transaction_full {width:975px;margin-top:30px;}

    .my_account_trading_transaction_full .header {font-size:15px; font-weight:500;height:35px; line-height:35px; color:#5d7d28;}

    #trading_transaction_full {width:939px; overflow:hidden;}

    #trading_transaction_full th {text-align:left;}

    #trading_transaction_full .col1 {width:71px;line-height:22px;}

    #trading_transaction_full .col2 {width:116px;line-height:22px;}

    #trading_transaction_full .col3 {width:84px;line-height:22px;}

    #trading_transaction_full .col4 {width:63px;line-height:22px;}

    #trading_transaction_full .col5 {width:64px;line-height:22px;}

    #trading_transaction_full .col6 {width:84px;line-height:22px;}

    #trading_transaction_full .col7 {width:71px;line-height:22px;}

    #trading_transaction_full .col8 {width:98px;line-height:22px;}

    #trading_transaction_full .col9 {width:71px;line-height:22px;}

    #trading_transaction_full .col10 {width:70px;line-height:22px;}

    #trading_transaction_full .col11 {width:74px;line-height:22px;}

    #trading_transaction_full .col12 {width:73px;line-height:22px;}

    #trading_transaction_full .text {padding-left:4px;display:block;}

    .trading_transaction_full_top {background:url(../images/trading_transaction_full_top.png) no-repeat;width:939px;height:61px;display:block;}

    .trading_transaction_full_row_grey {background:url(../images/trading_transaction_full_row_grey.png) no-repeat;width:939px;height:22px;display:block;}

    .trading_transaction_full_row_white {background:url(../images/trading_transaction_full_row_white.png) no-repeat;width:939px;height:22px;display:block;}

    .trading_transaction_full_bottom {background:url(../images/trading_transaction_full_bottom.png) top no-repeat;width:939px;height:7px;display:block;}

    .ItemMyAccount .span6 {color:#5d7d28;width:134px;display:inline-block; font-size:12px;}

    .ItemMyAccount .generate_trading_report {position:relative;left:300px;top:-54px;}

    .btn_back_transaction {background:url(../images/btn_back.png) no-repeat;width:113px;height:41px;display:inline-block;}

    .btn_full_transaction {background:url(../images/full_transaction.png) no-repeat;width:270px;height:40px;display:inline-block;}

    .contents {

    display: block;

    width: 700px;

    height: 200px;

    background: #CC66FF;

    }

    ul.blocks {

    padding: 0;

    width: 1000px;

    display: block;

    height: 200px;

    }

    ul.blocks li {

    width: 200px;

    margin: 0 0 0 0px;

    float: left;

    display: block;

    height: 200px;

    }

    .holder {

    margin: 0;

    display: block;

    /* TEMP */

    margin-bottom: 20px;

    *margin-left:-130px;

    }

    .scroll-pane {

    width: 200px;

    float: left;

    padding: 0;

    }

    #pane1 {

    width: 692px;

    padding: 0;

    display: block;

    min-height:60px;

    }

    a.jScrollArrowLeft {

    background: url(../images/left.png) no-repeat 0 0;

    }

    a.jScrollArrowLeft:hover {

    }

    a.jScrollArrowRight {

    background: url(../images/right.png) no-repeat 0 0;

    }

    a.jScrollArrowRight:hover {

    }

    a.jScrollActiveArrowButton, 

    a.jScrollActiveArrowButton:hover {

    background-position: 0 -30px;

    }

    /*******************************************************************/

    /************************** PAGE FAQ *****************************/

    /*******************************************************************/

    #faq_right

    {

    float:left;

    width:718px;

    margin-left:20px;

    margin-top:30px;

    }

    .faq_bg {background:url(../images/faq_bg.png) no-repeat;width:718px;height:774px;}

    .faq .header {font-size:15px; font-weight:500;height:35px; line-height:35px; color:#5d7d28;}

    #faq_title

    {

    margin:0;

    padding-left:16px;

    font-size:16px;

    color:#364f67;

    text-align:left;

    direction:ltr;

    height:39px;

    line-height:39px;

    }

    #faq_text

    {

    padding:10px 14px 10px 15px;

    text-align:left;

    direction:ltr;

    line-height:14px;

    }

    .faq_buttons {width:690px;height:28px;line-height:28px;display:block;margin-top:20px;}

    .faq_buttons ul {list-style-type: none;height: 28px;width: 690px;display:inline-block;}

    .faq_buttons ul li {float:left;background:url(../images/btn_faq.png) no-repeat;width:148px;height:28px;cursor:pointer;margin-left:-20px;position:relative;}

    .faq_buttons ul li.first {float:left;background:url(../images/btn_faq_first.png) no-repeat;width:144px;height:28px;cursor:pointer;margin-left:0;position:relative;}

    .faq_buttons ul a {height:28px;line-height: 28px;display:block;font-family: Arial, Times, serif;text-align:center;font-size: 12px;color: #364f67;font-weight:bold;}

    .faq_buttons ul a:hover {color: #5a8fc1;font-weight:bold;}

    .faq_buttons ul a.Selected {color: #5a8fc1;font-weight:bold;}

    .faq_top {background:url(../images/faq_top.png) no-repeat;width:690px;height:9px;display:block;}

    .faq_closed {background:url(../images/faq_closed.png) no-repeat;width:690px;height:44px;line-height:44px;display:block;cursor:pointer;}

    .faq_closed_img {float:left;padding-left:10px;padding-top:11px;}

    .faq_closed_text {float:left;padding-left:10px;font-size:14px;line-height:40px;}

    .faq_closed_img_right {float:right;padding-right:10px;padding-top:16px;}

    .faq_closed_text_right {float:right;padding-right:10px;color:#1e5f87;}

    .faq_opend {width:690px;cursor:pointer;}

    .faq_opend_top {background:url(../images/faq_opend_top.png) no-repeat;width:690px;height:4px;}

    .faq_opend_m {background:url(../images/faq_opend_m.png) repeat-y;width:690px;padding-bottom:10px;}

    .faq_opend_bottom {background:url(../images/faq_opend_bottom.png) no-repeat;width:690px;height:4px;}

    .faq_opend_img {float:left;padding-left:10px;padding-top:10px;}

    .faq_opend_text {float:left;padding-left:10px;color:#53751a;padding-top:12px;font-size:14px;}

    .faq_opend_img_right {float:right;padding-right:10px;padding-top:15px;}

    .faq_opend_text_right {float:right;padding-right:10px;color:#787b7e;padding-top:15px;}

    .faq_opend_middle_text {width:570px;margin:0 auto; display:block;overflow:hidden;}

    .faq_opend_bottom_text {width:480px;margin:0 auto; display:block;}

    .faq_bottom_text {float:left;width:240px;text-align:left;}

    .faq_bottom_text_right {float:left;padding-left:50px;text-align:left}

    .faq_closed_bottom {background:url(../images/faq_closed_bottom.png) no-repeat;width:690px;height:44px;line-height:44px;display:block;}

    .faq_bottom {background:url(../images/faq_bottom.png) no-repeat;width:690px;height:44px;display:block;}

    .faq_bottom_b {background:url(../images/faq_bottom_b.png) no-repeat;width:690px;height:9px;}

    .daily_bg_top {background:url(../images/daily_bg_top.png) no-repeat;width:718px;height:37px;float:left;}

    .content_top .span {height:37px;line-height:37px;font-weight:bold;font-size:14px;}

    .content_top .daily {color:#364f67;margin-left:20px;}

    .content_top .date {color:#5e7842;}

    .content_top .type {color:#2a2a2a;}

    .daily_bg_m {background:url(../images/daily_bg_m.png) repeat-y;width:678px;float:left;padding:20px 20px 30px 20px;line-height:16px;}

    .daily_item_top {background:url(../images/daily_item_title.jpg) no-repeat;width:698px;height:35px;float:left;padding-left:20px;line-height:20px;font-size:16px;font-weight:bold;line-height:35px;color:#fff;margin-left:5px;}

    .daily_item_top a, .daily_item_top a:hover { color:#fff; }

    .daily_item_top .btn_top {background:url(../images/btn_top.png) no-repeat;width:113px;height:24px;display:inline-block;float:right;color:#2a445d;font-size:11px;line-height:26px;margin-right:10px;margin-top:5px;padding-left:10px;}

    .daily_item_b {background:url(../images/daily_top.jpg) no-repeat;width:678px;height:101px;float:left;padding:20px 20px 0 20px;line-height:14px;margin-left:5px;}

    .daily_item_b_top {background:url(../images/daily_top_top.jpg) no-repeat;width:718px;height:24px;float:left;margin-left:5px;}

    .daily_item_b_m {background:url(../images/daily_top_m.jpg) repeat-y;width:678px;float:left;padding:0 20px 20px 20px;line-height:14px;margin-left:5px;}

    .daily_item_b_bottom {background:url(../images/daily_top_bottom.jpg) no-repeat;width:718px;height:4px;float:left;margin-left:5px;}

    .daily_item_m {background:url(../images/daily_item_m.jpg) no-repeat;width:658px;height:633px;float:left;padding:10px 30px 10px 30px;line-height:14px;margin-left:5px;}

    .daily_item_m_top {background:url(../images/daily_item_m_top.jpg) no-repeat;width:718px;height:10px;float:left;margin-left:5px;}

    .daily_item_m_m {background:url(../images/daily_item_m_m.jpg) repeat-y;width:678px;float:left;padding:0 20px 20px 20px;line-height:14px;margin-left:5px;}

    .daily_item_m_bottom {background:url(../images/daily_item_m_bottom.jpg) no-repeat;width:718px;height:10px;float:left;margin-left:5px;}

    .daily_bg_b {background:url(../images/daily_bottom.png) no-repeat;width:718px;height:124px;float:left;margin-bottom:20px;}

    .daily_menu_top {background:url(../images/nav_top.jpg) no-repeat;width:200px;height:25px;float:left;}

    .daily_menu_m {background:url(../images/nav_m.jpg) repeat-y;width:200px;float:left;}

    .daily_menu_b {background:url(../images/nav_b.jpg) no-repeat;width:200px;height:4px;float:left;}

    .resistance {height:20px;line-height:20px;}

    .daily_img {margin-top:20px;text-align:center;background:url(../images/daily_img_bg.png) no-repeat;width:658px;height:442px;padding-top:30px;}

    .daily_menu_m ul {margin:20px 0 20px 2px;width:196px;}

    .daily_menu_m ul li {height:24px;line-height:24px;}

    .daily_menu_m ul li:hover {background-color:#f4f3f3;}

    .daily_menu_m ul li a {color:#3f3f3f;padding-left:15px;}

    .historical_top {float:left;background:url(../images/history_top.png) no-repeat;width:686px;height:36px;}

    .historical_row_gray {float:left;background:url(../images/history_row_gray.jpg) no-repeat;width:686px;height:32px;}

    .historical_row_white {float:left;background:url(../images/history_row_white.jpg) no-repeat;width:686px;height:32px;}

    .historical_bottom {float:left;background:url(../images/history_bottom.png) no-repeat;width:686px;height:17px;padding-bottom:20px;}

    .historical_b {float:left;background:url(../images/history_b.png) no-repeat;width:718px;height:8px;}

    .historical_top_item1 {float:left;width:133px;height:36px;line-height:36px;text-align:center;font-weight:bold;color:#000;}

    .historical_top_item2 {float:left;width:276px;height:36px;line-height:36px;text-align:center;font-weight:bold;color:#000;}

    .historical_item1 {float:left;width:108px;height:32px;line-height:32px;color:#5e7842;padding-left:25px;font-weight:bold;}

    .historical_item2 {float:left;width:276px;height:32px;line-height:32px;color:#364f67;text-align:center;font-weight:bold;}

    .historical_item2 a {color:#364f67;}

    .historical_item2 a:hover {text-decoration:underline;}

    .product_item {float:left;width:680px;background:url(../images/product_bottom.png) no-repeat bottom left;margin-left:20px;padding-top:10px;padding-bottom:40px;}

    .product_left {float:left;width:530px;}

    .product_right {float:right;width:150px;}

    .product_title {float:left;width:530px;height:30px;line-height:30px;color:#5e7842;font-size:16px;}

    .product_img {float:right;width:150px;}

    .product_text {float:left;width:510px;line-height:16px;}

    .product_btn {float:right;width:150px;text-align:center;margin-top:10px;}

    .product_btn a {background:url(../images/btn_product.png) no-repeat;width:150px;height:32px;display:block;color:#f5f7f0;line-height:32px;}

    .products_text {float:left;width:680px;margin-left:20px;line-height:14px;padding-top:20px;}

    .products_text ul {

    margin:0 0 5px 17px;

    padding:6px 0 0;

    }

    .products_text li 

    {

    line-height:18px;

    list-style-image:url("../images/about_li.png");

    list-style-position:outside;

    margin:0;

    padding:0 18px 0 1px;

    }

    .partner_item {float:left;width:646px;margin-left:2px;padding-bottom:20px;}

    .partner_title {float:left;text-align:left;direction:ltr;background:url(../images/tp_title.png) no-repeat;width:631px;height:52px;color:#fefefe;padding-left:15px;font-size:14px;font-weight:bold;line-height:34px;padding-bottom:10px;}

    .partner_img {float:left;width:140px;margin-left:10px;}

    .partner_text {float:left;width:450px;text-align:left;direction:ltr;margin-left:20px;line-height:14px;}

    .partners_text {float:left;width:600px;text-align:left;direction:ltr;margin-left:20px;line-height:14px;}

    .partner_btn {float:left;width:400px;text-align:left;direction:ltr;margin-left:20px;margin-top:10px;}

    .ddlPopup4 { text-align:right; position:absolute; width:70px; border:1px solid #ddd; background-color:#fff; padding:5px; cursor:pointer; text-align:left; direction:ltr;margin-left:140px; margin-top:-4px; z-index:9; font-family:Arial; }

    .ddlPopup4 ul { display:inline-block;width:70px; }

    .ddlPopup4 ul li { display:block; background-color:#fff; direction:rtl; list-style:none; height:15px; text-align:left;}

    .ddlPopup4 ul li:hover { background-color:#f4f4f4; }

    .ddlInput {width:114px; height:23px; line-height:22px; background:url(../images/select_trading_medium.png) no-repeat; background-color:Transparent; border-width:0px; direction:ltr; text-align:left; cursor:pointer; color:#929292; font-family:Arial; text-indent:5px;}

    .content_top {width:728px;height:39px;background:url(../images/top_back.png) no-repeat;float:left;}

    .content_m {width:728px;background:url(../images/m_bg.png) repeat-y; min-height:300px;float:left;padding-bottom:20px;}

    .content_bottom {width:728px;height:9px;background:url(../images/bottom_back.png) no-repeat;margin-bottom:20px;float:left;}

    .content_top2 {width:649px;height:39px;background:url(../images/top_back2.png) no-repeat;float:left;}

    .content_m2 {width:649px;background:url(../images/m_bg2.png) repeat-y; min-height:300px;float:left;padding-bottom:20px;}

    .content_bottom2 {width:649px;height:9px;background:url(../images/bottom_back2.png) no-repeat;margin-bottom:20px;float:left;}

    .content_bottom2 {width:649px;height:9px;background:url(../images/bottom_back2.png) no-repeat;margin-bottom:20px;float:left;}

    .content_top3 {width:975px;height:39px;background:url(../images/top_back3.png) no-repeat;float:left;}

    .content_m3 {width:975px;background:url(../images/m_bg3.png) repeat-y; min-height:300px;float:left;padding-bottom:20px;}

    .content_bottom3 {width:975px;height:9px;background:url(../images/bottom_back3.png) no-repeat;margin-bottom:20px;float:left;}

    .lider_logo {background:url(../images/gcm-logo.png) no-repeat center top;width:728px;height:61px;float:left;margin-top:40px;}

    .dv_historical {margin-top:20px;float:left;width:728px;text-align:center;}

    .register_step1 {background:url(../images/register_step1.png) no-repeat;width:456px;height:77px;float:left;width:649px;margin-bottom:20px;background-position:115px top;}

    .register_step2 {background:url(../images/register_step2.png) no-repeat;width:456px;height:77px;float:left;width:649px;margin-bottom:20px;background-position:115px top;}

    .dv_ssl {background:url(../images/rapidssl_ssl_certificate.gif) no-repeat;width:90px;height:50px;float:left;margin-left:120px;}

    .dvPremium {float:left;width:600px;margin-left:30px;}

    .p_usr {float:left;width:205px;height:20px;margin-left:120px;color:Red;}

     

    /* Subscribe PopUp */

    #subscribe-popup { display:none; position:absolute; margin-top:25px; margin-left:150px; z-index:700; width:646px; height:404px; background-image:url(../images/popup.png); background-repeat:no-repeat; background-position:left top; }

    #subscribe-popup .subscribe-popup-close { position:absolute; margin-left:10px; margin-top:10px; }

    #subscribe-popup .subscribe-popup-form { position:absolute; margin-left:215px; margin-top:292px; font-size:18px; line-height:22px; color:#333; }

    #subscribe-popup .subscribe-popup-form input { width:410px; height:24px; padding-top:5px; padding-left:20px; border:0px; color:#a1a1a1; font-size:14px; background-color:Transparent; background-image:url(../images/subscribe_popup_field.gif); background-repeat:no-repeat; background-position:left top; direction:ltr; text-align:right; }

    #subscribe-popup .form-button { position:absolute; margin-left:87px; margin-top:288px; }

    #subscribe-popup .subscribe-chrome {position:absolute;margin-top:250px;margin-left:70px;}

    #subscribe-popup .subscribe-firefox {position:absolute;margin-top:250px;margin-left:280px;}

    #subscribe-popup .subscribe-ie {position:absolute;margin-top:250px;margin-left:440px;}

     

    .risk {width:980px;text-align:left;margin:0 auto;}

    .dv_liks {width:980px;margin:auto;}

    .fb_like {border:none; overflow:visible; width:110px; float:left;}

    .gog_like {float:left;width:60px;}

     

     

    .temp1

    {

        float: right; 

        margin-top: 16px;

        background-image:url('../images/btnlogin.jpg');

        margin-right: 20px;

        width:50px;

        height:22px;

    }

     

    .temp2

    {

        float: right; 

        margin-top: 16px;

        background-image:url('../images/btnlogout.png');

        margin-right: 20px;

        width:50px;

        height:22px;  

    }

     

    .home_risk_text a, .home_risk_text a:active, .home_risk_text a:visited

    {

        color:White; position:absolute; margin-top:232px; margin-left:23px; text-decoration:underline; font-size:11px;

    }

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:16
    Ravindra
    0

    Look at ".top_bannerDeposit" series

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:18
    Jeavon Leopold
    0

    I need the rest of the Razor, the entire cotnents of the .csthml content please

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:21
    Ravindra
    0

    i am not uploading it in razor! i have upload datatype in Razo(.cshtml) and i want to use it in stylesheet file(.css)

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:26
    Jeavon Leopold
    0

    I'm sorry I'm not understanding what you are trying to do? Could you post some screenshots?

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:33
    Ravindra
    0

    in Templates to render a field i have used @CurrentPage.BODy (dynamic) property
i have a upload datatype in my content and i have uploaded an image..
i style sheets i have some styles and they are being used in my template

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:37
    Ravindra
    0

    enter image description here

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:39
    Jeavon Leopold
    0

    Ok, you cannot write Razor into a css file. You will need to take the background part and place it into your cshtml template file with a <style> tag like you originally posted.

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:42
    Ravindra
    0

    Hii so i have upload datatype in my content in some page and i have a stylesheet which is being used in my corresponding template! i want to keep the uploaded image in my stylesheet! i will use this in my template! like that

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:43
    Ravindra
    0

    so isn't it possible to have an image dynamically in css! if so can i have some example code

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:47
    Jeavon Leopold
    100

    Ok so change your css file remove the background

    .top_banner, .top_bannerDemo, .top_bannerReal, .top_bannerDeposit 
    {
        width:973px;
        height:116px;
        margin:0 auto;
    }
    

    Now in your template (cshtml) add this:

    <style>
    .top_banner, .top_bannerDemo, .top_bannerReal, .top_bannerDeposit 
    {
        background:url(@CurrentPage.AncestorOrSelf(2).Gcmasiatradingplatformshome1s.First().MetaTrader4Image) no-repeat; 
    }
    </style>    
    

    Then it should work as the two will be applied together.

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:48
    Ravindra
    0

    k..thank you jeavon for your patience! let me check! this

  • Ravindra 46 posts 117 karma points
    Aug 20, 2014 @ 12:50
    Ravindra
    0

    Yes Jeavon Its Really Working man Thank You so much

  • Jeavon Leopold 3072 posts 13628 karma points MVP 10x admin c-trib
    Aug 20, 2014 @ 12:51
    Jeavon Leopold
    0

    No worries!

Please Sign in or register to post replies

Write your reply to:

Draft