/* FXCM Mobile Site 2.0 Stylesheet */

/* reset */
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{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
body{font:100%/1 Verdana,Geneva,sans-serif;}
ol,ul{list-style:none;}
:focus{outline:0;}
a{color:#333;text-decoration:none;}
.clear{overflow:hidden;}
/* mobile style */
.standard div#header{background:none;border:none;padding:.5em;text-align:right;}
.standard h1{display:block;float:left }
.standard a.callFXCM{display:inline-block;padding:5px 10px 6px;text-decoration:none;-webkit-border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;text-transform:uppercase;font:bold 1em/1 Arial,Helvetica,sans-serif;margin-top:.5em;background:#2981e4;color:#fff;}
.standard a.callFXCM:hover,
.standard a.callFXCM:active{background:#2575cf;}
.standard .footer{text-align:center;margin:1em 0;}
.standard .footer a{display:inline-block;padding:5px 10px 6px;text-decoration:none;-webkit-border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;text-transform:uppercase;font:bold .75em/1 Arial,Helvetica,sans-serif;margin-top:.5em;background:#ff5c00;color:#fff;}
.standard .footer a:hover,
.standard .footer a:active{background:#d45500;}
.standard .content{padding:.5em;line-height:1.5;}

#mobi .menu{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1553a3),color-stop(0.75,#1553a3),color-stop(1,#222174));-webkit-background-origin:border-box;-webkit-background-clip:border-box;border-top:1px solid #5a87c5;border-bottom:1px solid #170d5c;color:#fff;font:bold 1.25em Arial,Helvetica,sans-serif;text-transform:uppercase;padding:1em;cursor:pointer;text-shadow:1px 1px #082d6f;position:relative;position:relative;}
#mobi .menu.current{color:#fbe684;}
#mobi a.menu{display:block;text-decoration:none;color:#fff;}
#mobi .menu span{position:absolute;top:.75em;right:.5em;width:25px;height:29px;background:url(/img/global/menu_arrows.png) 0 0;}
#mobi .menu.current span{background-position:0 -29px;}
#mobi div#thumbTS{margin:1em 0;text-align:center;}
#mobi div#beginners{background:#fcdb8e;padding:1em;display:none;}
#mobi div#beginners li{border-bottom:1px solid #e0b85d;margin-bottom:.5em;padding-bottom:.5em;}
#mobi div#beginners li.last{padding-bottom:0;margin-bottom:0;border-bottom:none;}
#mobi div.intro,div.btn{display:table-cell;vertical-align:middle;}
#mobi a.btnPlay{width:65px;height:65px;line-height:65px;display:block;margin-right:.5em;text-indent:-5000px;background:url(/img/global/btn_play.png);}
#mobi a.btnPlay.opt1{background-position:0 0;}
#mobi a.btnPlay.opt1:hover{background-position:-65px 0;}
#mobi a.btnPlay.opt2{background-position:0 -65px;}
#mobi a.btnPlay.opt2:hover{background-position:-65px -65px;}
#mobi a.btnPlay:active{-webkit-box-shadow:0 2px 6px black;}
#mobi div.intro h3{color:#1553a3;text-transform:uppercase;font:bold .75em Arial,Helvetica,sans-serif;}
#mobi div.intro p{color:#795a28;font:bold .9em Arial,Helvetica,sans-serif;}

#mobi #demoSelection{text-align:center;margin-bottom:1em;}
#mobi #demoSelection p{text-align:left;padding:.5em;line-height:1.5;}
#mobi #demoSelection p strong{text-transform:uppercase;}
#mobi #demoSelection a{display:block;width:80%;padding:5px 0;margin:.5em auto;text-decoration:none;-webkit-border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;text-transform:uppercase;font:bold 1.25em/1 Arial,Helvetica,sans-serif;margin-top:.5em;background:#2981e4;color:#fff;text-align:center;}
#mobi #demoSelection a:hover,
#mobi #demoSelection a:active{background:#2575cf;}

/* Mobile Form Style */
form.mobileForm{width:100%;font-size:.9em;}
form.mobileForm .requiredFields{text-align:right;color:#d40101;text-transform:uppercase;height:2em;line-height:2em;}
form.mobileForm .formContent{background:#f2f4f9;border-left:1px solid #d0dfe6;border-right:1px solid #d0dfe6;padding:.75em;}
form.mobileForm .formField{margin-bottom:.75em;}
form.mobileForm label{float:left;width:40%;padding-top:.5em;font-size:.9em;}
form.mobileForm label .denote{color:#d40101;}
form.mobileForm input.text{float:right;border:1px solid #aacfe4;width:55%;font-size:1.1em;}
form.mobileForm select{float:right;width:55%;}
form.mobileForm input.invalid,
form.mobileForm select.invalid{background:#d1e1ee;}
form.mobileForm div.submit{text-align:right;}
form.mobileForm p.instruction{font-size:.8em;text-align:right;margin-top:.25em;}
form.mobileForm span.invalid{font-size:.8em;text-align:left;margin-top:.25em;width:55%;display:block;float:right;}
div#MobileDemoRegUS, 
div#MobileDemoRegInt{display:none;}
/* error */
#error h2{margin-bottom:1em;text-transform:uppercase;}

/* conf */
#conf h2{margin-bottom:1em;text-transform:uppercase;}
#conf p{margin-bottom:1em;}
#conf li{margin-bottom:1em;}
#conf a.device{display:inline-block;padding:5px 10px 6px;text-decoration:none;-webkit-border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;text-transform:uppercase;font:bold .75em/1 Arial,Helvetica,sans-serif;margin-top:.5em;background:#ff5c00;color:#fff;}
#conf a.device:hover,
#conf a.device:active{background:#d45500;}