@charset "utf-8";
/* CSS Document */
@media all
{
* { margin:0; padding:0; }
html { min-height:100%; }
body {
margin:0;
padding:0;
width:100%;
height:100%;
font: 13px 'Trebuchet MS',Arial,sans-serif;
/*background:url(../images/register_demo_simple/bg_body.jpg) left top repeat #EEE;*/
color:#4A5256;
}
body.es { margin: 0; padding: 0; width: 100%; height: 100%; font: 13px 'Trebuchet MS',Arial,sans-serif; color: #4A5256; background: #ececec; /*background:url(../images/register_demo_simple/bg_body.jpg) left top repeat #EEE;*/ }
table, tr, td, th { border-collapse:collapse; padding:0; margin:0; }
img { border:0; }
a:link {color: #317CA3; text-decoration: underline; outline-width: 0;}
a:visited {color: #3c95c3; outline-width: 0;}
a:hover, a:active {text-decoration: none;}
.cb { clear:both; height:0; }
.cl { clear:left; }
.cr { clear:right; }
.left { float:left; }
.right { float:right !important; }
.hide { display:none; }
.textShadow { text-shadow:#000 1px 1px 1px; }
.wrapperGrey {
max-width:1012px;
/*background:#DCDCDC;*/
margin:0 auto;
height:100%;
}
.wrapper {
width:934px;
height:100%;
margin:0 auto;
clear:both;
background:#FFF;
padding:0 14px;
overflow:hidden;
}
.wrapperGrey.es { height: 100%; width: 1010px; min-width: 1010px; margin: 0 auto; background: #dcdcdc; }
.wrapper.es { width: 934px; height: 100%; margin: 0 auto; clear: both; background: #FFF; padding: 0 14px; overflow: hidden; }
.header {
width:100%;
height:79px;
}
body.es .header { font-size: 16px; margin: 0 0 20px;}
.logo {
float:left;
margin:21px 0 0 14px;
width:320px;
}
#h-contacts {
float:right;
text-align:left;
width:280px;
}
body.es .logo { width: 224px;float: left;padding: 28px 0 0 20px; margin: 0;}
body.es #h-contacts { text-align: left;float: right;width: 265px;margin: 10px 20px 0 0;height: 66px; }
#hc-phone {
color: #344964;
font-size: 32px;
/*margin: 0 0 7px;*/
padding: 0 0 0 3px;
}
.contacts a {
font-size:13px;
display:block;
float:left;
}
#hc-support {
background:url(../images/register_demo_simple/contact_info.jpg) left bottom no-repeat #FFF;
margin: 0 8px 0 0;
padding: 0 0 0 46px;
}
#h-contacts a {
color: #4A5256;
float: left;
font-size: 11px;
white-space: nowrap;
}
.cs #h-contacts,
.tc #h-contacts {
line-height: 25px;
}
.cs #h-contacts a,
.tc #h-contacts a {
height: 25px;
}
.cs #hc-phone,
.tc #hc-phone {
padding: 16px 0 8px 3px;
}
#hc-contacts {
padding: 0 0 0 39px;
background:url(../images/register_demo_simple/contact_support.jpg) left bottom no-repeat #FFF;
padding-left:37px;
margin-left:10px;
}
.content {
background:url(../images/register_demo_simple/bg_content.jpg) left top no-repeat #FFF;
width:931px;
height:785px;
margin-bottom: 25px;
overflow:hidden;
position:relative;
padding-top: 1px;
}
.fog {
position:absolute;
top:0;
left:0;
background:#E5E9EE;
opacity:0.95;
z-index:2;
border-radius:10px;
border:1px solid #E5E9EE;
}
.flashBlock {
width:500px;
height:385px;
margin:170px 0 0 37px;
text-align:center;
/*border-radius:10px;
border:1px solid #E5E9EE;*/
position:relative;
padding:2px;
}
.flashBlock .fog {
width:504px;
height:389px;
background:url(../images/register_demo_simple/flash_block_fog.png) 0 0 no-repeat;
opacity:1;
border-radius:0;
border:0 solid #E5E9EE;
}
.flashBlock .white {
z-index:10;
position:absolute;
left:2px;
top:2px;
}
.confirmation {
width:660px;
height:386px;
margin:170px auto 0 auto;
text-align:center;
position:relative;
}
.confirmation .fog {
width:657px;
height:404px;
}
.confirmation .white {
width:624px;
height:376px;
background:#FFF;
margin:18px;
border-radius:5px;
box-shadow:0 -1px 1px rgba(0,0,0,0.5);
z-index:10;
position:absolute;
left:0;
top:0;
}
.success {
font-size:14px;
width:560px;
margin:0 auto;
}
.success table {
margin:0 auto;
text-align:left;
}
.success th, .success td {
padding:5px 2px 5px 8px;
}
.success tr.grey td.no {
width:1px;
background:none;
}
.success tr.grey td {
background:#EAEDF1;
}
.success div {
margin:10px 0;
}
.success .enter {
background:url(../images/register_demo_simple/start-trading-enter.png) left top no-repeat;
display:block;
width:230px;
height:49px;
border:none;
margin:0 auto;
font-size: 16px;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.2);
font-family: trebuchet MS;
}
input {
color: #4A5256;
}
.form {
padding-top:90px;
}
.form .text {
margin-bottom:40px;
}
.confirm .input input {
width:245px;
height:17px;
border-radius:5px;
border:1px solid #CBCBCB;
margin-bottom:45px;
padding: 4px 5px 4px 5px;
}
.confirm .submit {
width:195px;
height:49px;
background:url(../images/register_demo_simple/start-trading-button.png) left top no-repeat;
border:none;
cursor:pointer;
font-size: 17px;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.2);
font-family: trebuchet MS;
text-align: center;
}
.acount {
position:absolute;
right:15px;
top:53px;
width:275px;
height:427px;
}
body.es .acount { height: inherit; }
.acount .fog {
width:276px;
height:475px;
top:1px;
border-radius:0;
border:0;
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(230, 234, 238);
/* RGBa with 0.6 opacity */
background-color: rgba(230, 234, 238, 0.9);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
body.es .acount .fog {
height: 490px;
}
.acount .white {
z-index:10;
position:absolute;
}
.registration {
padding:20px 13px 20px 15px;
}
.registration label {
display:block;
margin-bottom:10px;
position:relative;
}
.registration input {
width:235px;
height:17px;
border-radius:5px;
border:1px solid #CBCBCB;
margin-bottom:0;
padding: 4px 5px 4px 5px;
}
.registration input[type='checkbox'] {
width:13px;
height:13px;
}
.registration input.phoneCode {
width:60px;
margin:0;
position:absolute;
}
input.dq-validate-error {
border-color:#CC0000;
}
.registration .phone {
width:154px;
position:absolute;
right:17px;
}
.registration .arrow {
position:absolute;
margin-top:-25px;
right:20px;
width:10px;
height:20px;
background:url(../images/register_demo_simple/arrow_more.gif) 50% 50% no-repeat;
cursor:pointer;
}
.phoneCode .arrow {
left:70px;
margin-top: 2px;
}
.registration .list {
margin:0;
padding:0;
position:absolute;
/*left:0;*/
top: auto;
margin-top:27px;
background:#FFF;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
border-bottom:1px solid #CBCBCB;
z-index:20;
border-radius:0 0 5px 5px;
}
.registration .list a {
display:block;
padding: 0 5px;
text-decoration:none;
color:#4A5256;
}
.registration .phoneCode .list a {
text-align:right;
}
.registration .list a:hover {
background:#EEE;
}
.phoneCode .list {
width:70px;
max-height: 195px;
*height: 195px;
overflow: auto;
}
.country .list {
width:245px;
max-height: 255px;
*height: 255px;
overflow: auto;
}
.registration .submit {
background:url(../images/register_demo_simple/start-trading-button.png) left top no-repeat;
width:197px;
height:49px;
border:none;
padding:0;
margin:10px 27px 0 27px;
/*box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);*/
border-radius:10px;
cursor:pointer;
font-size: 17px;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.2);
font-family: trebuchet MS;
}
.acount .header {
height:46px;
width:275px;
background:url(../images/register_demo_simple/header_account.png) left bottom no-repeat transparent;
border-radius:10px 10px 0 0;
overflow:hidden;
font-size:17px;
color:#FEFEFE;
text-align:center;
line-height:20px;
padding-top:8px;
}
.additional {
height:197px;
width:100%;
margin:170px 0 0 0;
padding:0;
text-align:center;
position:absolute;
bottom:0;
left:0;
}
.additional .fog {
height:195px;
width:929px;
right:0;
border-radius: 0 0 10px 10px;
}
.block {
width:47%;
text-align:left;
position:absolute;
z-index:10;
}
.additional .left {
top:0;
left:10px;
}
.additional .right {
top:0;
right:10px;
}
body.es .additional { position: absolute; bottom: auto; width: 930px;margin: 98px 0 0 2px;font-family: "PTSans", "Helvetica", Arial, Tahoma, sans; }
body.es .opera .additional { margin: 102px 0 0 2px; }
body.es .additional .fog { height: 195px; width: 929px; right: 0; border-radius: 0 0 10px 10px; }
body.es .block { float: left;width: 450px;margin: 4px 0 0 0; }
body.es .additional .left { top: 0; left: 10px; }
body.es .additional .right { top: 0; right: 10px; }
.block h2 {
height:35px;
margin:15px 0 15px 15px;
font-size:25px;
color:#286C95;
font-weight:normal;
text-align:left;
}
.block h2.double {
height:50px;
margin: 7px 0 8px 15px;
line-height: 23px;
}
.block .white {
background:#FFF;
border-radius:5px;
box-shadow:0 -1px 1px rgba(0,0,0,0.5);
height:120px;
}
body.es .block .white { height: 145px;}
.white ul {
list-style:none;
margin:0 15px;
padding:7px 0;
}
.white ul.center {
width:320px;
/*margin:0 auto;*/
padding-top:8px;
}
ul.center li {
/*line-height:26px;*/
}
.white .center li {
background:url(../images/register_demo_simple/li_bullet.gif) left no-repeat #FFF;
padding:0 0 2px 22px;
text-align:left;
line-height:24px;
}
.white li {
background:url(../images/register_demo_simple/li_bullet.gif) left top no-repeat #FFF;
padding:0 0 2px 22px;
text-align:left;
line-height:14px;
margin-bottom: 0;
color: #4a5256;
}
/* import style for footer */
#footer {
clear: both;
width:931px;
}
body.es #footer { clear: both; width: 931px; margin: 850px 0 0 0; display: block; }
#f-quick {
background: url("../images/register_demo_simple/f-quick.png") no-repeat scroll 0 0 transparent;
float: left;
font-size: 11px;
height: 27px;
margin: 0 0 30px;
padding: 10px 0 0 13px;
width: 429px;
}
#f-quick a {
color: #4A5256;
margin: 0 8px 0 0;
}
#fq-about {
background: url("../images/register_demo_simple/fq-about.png") no-repeat scroll 0 50% transparent;
padding: 0 0 0 17px;
}
#fq-feedback {
background: url("../images/register_demo_simple/fq-feedback.png") no-repeat scroll 0 50% transparent;
padding: 0 0 0 21px;
}
#fq-contacts {
background: url("../images/register_demo_simple/fq-contacts.png") no-repeat scroll 0 50% transparent;
padding: 0 0 0 18px;
}
#fq-sitemap {
background: url("../images/register_demo_simple/ts-sitemap.png") no-repeat scroll 0 50% transparent;
padding: 0 0 0 19px;
}
#fq-rss {
background: url("../images/register_demo_simple/fq-rss.png") no-repeat scroll 0 50% transparent;
padding: 0 0 0 18px;
}
#f-weare {
background: url("../images/register_demo_simple/f-weare.png") no-repeat scroll 0 0 #FFFFFF;
float: right;
font-size: 11px;
height: 28px;
margin: 0 0 10px;
padding: 10px 0 0 12px;
width: 434px;
}
#f-weare a {
color: #4A5256;
margin: 0 0 0 15px;
padding: 0 0 0 20px;
}
#fw-vkontakte {
background: url("../images/register_demo_simple/fw-vkontakte.png") no-repeat scroll 0 50% transparent;
}
#fw-facebook {
background: url("../images/register_demo_simple/fw-facebook.png") no-repeat scroll 0 50% transparent;
}
#fw-twitter {
background: url("../images/register_demo_simple/fw-twitter.png") no-repeat scroll 0 50% transparent;
}
#fw-youtube {
background: url("../images/register_demo_simple/fw-youtube.png") no-repeat scroll 0 50% transparent;
display: inline-block;
padding-bottom: 1px !important;
}
#fw-livejournal {
background: url("../images/register_demo_simple/fw-livejournal.png") no-repeat scroll 0 50% transparent;
}
#fw-gplus {
background: url("../images/register_demo_simple/fw-gplus.png") no-repeat scroll 0 50% transparent;
}
#fw-tumblr {
background: url("../images/register_demo_simple/tumblr.png") no-repeat scroll 0 50% transparent;
}
#fw-sapo {
background: url("../images/register_demo_simple/sapo.png") no-repeat scroll 0 50% transparent;
}
#fw-linkedin {
background: url("../images/register_demo_simple/linkedin.png") no-repeat scroll 0 50% transparent;
}
#fw-paperli {
background: url("../images/register_demo_simple/paper.png") no-repeat scroll 0 50% transparent;
}
#fw-blogger {
background: url("../images/register_demo_simple/fw-blogger.png") no-repeat scroll 0 50% transparent;
}
#fw-google-plus {
background: url("../images/register_demo_simple/fw-google-plus.png") no-repeat scroll 0 50% transparent;
}
.soc-4 {
background: url("../images/register_demo_simple/f-weare.png") no-repeat scroll 0 0 #FFFFFF;
float: right;
font-size: 11px;
margin: 0 0 0 10px;
padding-left: 10px;
padding-right: 2px;
width: 434px;
}
.soc-6 {
height: 38px;
}
.soc-7 {
padding-right: 20px;
}
#f-menu {
border-bottom: 1px dotted #B2BEC1;
clear: both;
margin: 0 0 25px;
overflow: hidden;
padding: 0 0 25px;
}
#fc-forex {
float: left;
margin: 0;
padding: 0 0 1.5em;
width: 400px;
}
#fc-links {
float: left;
margin: 0 auto;
padding: 0 0 1.5em;
}
#fc-design {
float: right;
margin: 0;
padding: 0 0 1.5em;
text-align: right;
}
#fc-design .trademarks {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
}
#fc-design .trademarks li {
display: inline-block;
}
.foot-awward {
float: right;
margin-top: -12px;
opacity: 0.8;
display:block;
}
.foot-reg-info {
float: right;
margin-right: 5px;
margin-top: 8px;
padding-top: 0;
text-align: center;
}
.foot-reg-info a {
color: #333333;
opacity: 0.8;
text-decoration: none;
}
.foot-reg-info a img {
margin-top: -1px;
}
.dq-validate-errors{
color:#c1272d;
/*position:absolute;*/
}
#confirm{
width:auto;
}
.fdreg-line{ margin-bottom:10px; }
#country{
top:auto;
margin-top:0;
left:15px;
}
#demo-start-header{
position: absolute;
top: 53px;
left: 0;
width: 373px;
height: 86px;
font-size: 24px;
font-family: trebuchet MS;
padding:12px 88px 0 17px;
color: #fff;
background: url("../images/register_demo_simple/start-trading-arrow.png") no-repeat scroll 0 0 ;
text-shadow:2px 2px rgba(0,0,0,.2);
}
#demo-start-header-es { width: 290px; margin: 55px 0 0 48px; color: white; }
.coupon-title { text-transform: uppercase; font-size: 28px; }
.coupon-title .percent { color: #ffb70b; }
.coupon-description { font-style: italic; font-size: 16px; line-height: 1.2em; }
.regulated-container { padding: 25px 0 0; border-top: 1px dotted #B2BEC1; text-align: center; margin-bottom: 25px; }
#f-registration { border-top: 1px dotted #B2BEC1; margin: 0; overflow: hidden; padding: 25px 0 0; text-align: center; }
.clear{clear:both;}
.content-landing.bonus{
background: url("../images/register_demo_simple/landing-bg.jpg") no-repeat scroll 0 0 ;
}
.content-landing.bonus.es { background: url("../images/register_demo_simple/landing-bg-es.png") no-repeat scroll 0 0 ;margin-bottom: 25px;min-height: 828px;position: absolute;width: 1000px;height: 828px;}
.coupon-title { text-transform: uppercase; font-size: 28px; }
.coupon-title .percent { color: #ffb70b; }
.coupon-description { font-style: italic; font-size: 16px; line-height: 1.2em; }
.coupon-full-description { margin: 26px 0 0 20px; color: #333; font-size: 11px; width: 384px; font-style: italic; line-height: 1.5em; height: 322px; }
.coupon-full-description .title { text-transform: uppercase; color: #205e82; font-weight: 700; width: 290px; }
.coupon-full-description .title-black { color: #333; }
.coupon-full-description .text { width: 283px; font-weight: 700; margin: 0 0 10px 0; }
.coupon-full-description .question { font-size: 15px; color: #d14b00; margin: 0 0 10px 0; width: 264px; }
.o .coupon-full-description .requirements, .coupon-full-description .requirements { margin: 10px 0 22px 0; }
.coupon-full-description .contacts { font-size: 14px; width: 300px; }
.coupon-full-description .contacts a { color: #1d577a; }
.requirements ol { list-style-type: decimal; padding: 0 0 0 22px; }
.ie7 .requirements ol { list-style-type: decimal; padding: 0 0 0 22px; }
.requirements li { font-size: 13px; color: #467693; font-weight: 700; line-height: 1.2em; }
.content-landing .block .white{
-webkit-box-shadow: none;
box-shadow: none;
}
.content-landing .white li {
margin-bottom: 6px;
}
.h-one-line{ line-height: 36px !important; }
.content-landing .acount .fog { height: 315px; background-position: 0 100%; margin-top: 8px; }
.content-landing .acount .header { width: 276px;}
/** TERMINAL **/
.content-landing.terminal .h-one-line, .content-landing.vps .h-one-line
{
font-size: 19px;
text-transform: uppercase;
}
.content-landing.terminal{
/*height:885px!important;*/
height:885px;
background: url("../images/register_demo_simple/landing-tt.jpg") no-repeat scroll 0 0 ;
}
.terminal #demo-start-header
{
font-size: 23px;
width: 400px;
}
.content-landing.terminal .block .white {
height:220px!important;
}
.terminal .additional {
height:297px;
width:100%;
/*margin:470px 0 0 0;*/
}
.terminal .additional .fog{
height:295px;
}
.terminal .block h2 {
margin: 15px 0 15px 10px;
}
.styled-select { position: relative; }
.styled-select.open ul { /* border: 1px solid #d4d4d4; */ z-index: 2; margin: -1px 0 0 -1px; max-height: 160px; overflow: auto; border-bottom: 1px solid #CBCBCB; width: 236px; border-top: 1px solid #CBCBCB; border-left: 1px solid #CBCBCB; }
.styled-select.open li:first-child { font-size: 14px; outline: none; color: #969696; border-right: 1px solid #ecebeb; }
/*.styled-select li:first-child:hover { background: url('../../images/trader-simple/input-bg.png'); outline: none; color: #969696; border-right: 1px solid #ecebeb; border-top: 0; border-left: 0; }*/
.styled-select li:first-child:hover { background: none; }
.styled-select ul { background: #fff; cursor: pointer; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; /* border: 1px solid #333; */ border: 1px solid #CBCBCB; border-radius: 5px; }
.styled-select li { background: none; padding: 6px 10px; /* font-family: sans-serif; */ margin: 0 0 0 0 !important; display: block; /* border-left: 1px solid #d4d4d4; */ border-bottom: 1px solid #CBCBCB; }
.styled-select li:hover { background: #f3f3f3; }
.styled-select li:first-child { border-bottom: 0; }
div.styled-select ul:after { background: url('../images/trader-simple/select-arrow.png') 100% 50%; width: 9px; height: 5px; display: inline-block; content: ""; position: absolute; top: 12px; right: 10px; }
/*div.styled-select.open:after { right: 24px; }*/
.phone-cod-block .styled-select {width:59px; float:left;}
.phone-cod-block .styled-select ul {width:75px;}
.country-block .styled-select ul {width:245px;}
/* end import style for footer */
} /* @media all */