.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;}
.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_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;}
.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;}
.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;}
.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;}
.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;}
.transactions_bottom {background:url(../images/transactions_bottom.png) top no-repeat;width:693px;height:38px;text-align:center;padding-top:12px;float:left;}
.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;}
.trading_history_full_bottom {background:url(../images/trading_history_full_bottom.png) top no-repeat;width:938px;height:11px;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;}
.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;}
.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;}
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.
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
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
Hi Ravindra,
There is nothing specifically wrong with this code. What is not working for you?
Jeavon
.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
Perhaps this "Gcmasiatradingplatformshome1" should be pluralised (add a s) as you are requesting a collection? e.g.
no jeavon its working fine in my razor(vies)
Please confirm "Gcmasiatradingplatformshome1" is the document type alias of some nodes that are the children of the first level 2 ancestor?
ah ok, it's a issue with your braces, can you please post the entire script?
/********************* 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;
}
Look at ".top_bannerDeposit" series
I need the rest of the Razor, the entire cotnents of the .csthml content please
i am not uploading it in razor! i have upload datatype in Razo(.cshtml) and i want to use it in stylesheet file(.css)
I'm sorry I'm not understanding what you are trying to do? Could you post some screenshots?
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.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
so isn't it possible to have an image dynamically in css! if so can i have some example code
Ok so change your css file remove the background
Now in your template (cshtml) add this:
Then it should work as the two will be applied together.
k..thank you jeavon for your patience! let me check! this
Yes Jeavon Its Really Working man Thank You so much
No worries!
is working on a reply...