body{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px; margin: 0px;
  padding: 0px 0px 0px 0px;
  background-color: black;
}


a,.a{color: #52ACE5; text-decoration: none;}
a:hover,.a:hover{ color: #68D3F8; text-decoration: underline;}
h1{ color: #FF7300;  font-family: 'Open Sans', sans-serif; font-weight: 400;}
h1.page_h1{
  margin: 5px 0px 10px 0px;
  }
h2{ color: #FF7300; font-weight: 400;  font-family: 'Open Sans', sans-serif; margin: 5px; padding: 0px;}
#wrapper{width: 100%; margin: 0px; padding: 0px; }
#headerline{}

#header{height: 122px; color: #fff; position: relative; background: #000 url('../images/bg-header.png') repeat-x scroll 0% 0%; border-bottom: 2px solid #333;}
  #header .inner{ width: 1040px; display: block; margin: 0 auto; position: relative;}
  #header #logo{ position: absolute; top: 40px; left: 3px; }
  #header #logo img{ }
  #header #user{position: absolute; top: 20px; color: white; text-shadow: 1px 1px 3px #333;}

  #mainmenu{ z-index: 50; top: 60px;  right: 20px; height: 59px; padding-top: 0px; position: absolute; }
  #mainmenu ul{list-style-type: none; float: right; }
  #mainmenu li{ float: right; text-align: center; margin: 0px 0px 0px 0px; padding: 0px; border-right: 1px solid #444; }
  #mainmenu li a{color: #52ACE5; display: block; line-height: 30px; width: 80px; text-decoration: underline; padding: 0px;}
  #mainmenu li:hover a{color: white; background: transparent url('../../sys_uni/images/gd/bg40-orangebrown.png') repeat scroll 0% 0%;}
  #mainmenu li.sel a{ background: transparent url('../../sys_uni/images/gd/bg40-skyazure.png') repeat scroll 0% 0%; color: white;}
  #mainmenu li ul{display: none; left: 0px; margin: 0px; width: 80px; }
  #mainmenu li ul li{border: 0px; font-size: 11px;}
  #mainmenu li:hover ul{display: block; text-align: center; backgrond-color: black; }
  #mainmenu li:hover ul li a{display: block;  margin: 0px;  background: transparent url('../../sys_uni/images/black80.png') repeat scroll 0% 0%; color: #52ACE5; white-space: nowrap; box-shadow: 0px 0px 5px #333;}
  #mainmenu li:hover ul li:hover a{margin: 0px; background: transparent url('../../sys_uni/images/black80.png') repeat scroll 0% 0%; color: white; }
  #mainmenu li ul li.sel a{  background: transparent url('../../sys_uni/images/gd/bg40-orangebrown.png') repeat scroll 0% 0%; color: white; }

ul{    -webkit-margin-after: 0em;}
  #toplinks{ position: absolute; top: 0px; z-index: 10; right: 10px; }
  #toplinks ul li{  display: inline; }
  #toplinks ul li a{ padding: 7px 10px 7px 10px; display: block; float: left;}
  #toplinks li.supportlink a{  padding-left: 25px; background: transparent url('../images/supportlink.png') no-repeat scroll 0% 50%;}

  /*when logged*/
  #usertopline{ display: block; float: left; padding: 8px; color: #8F969E; }

/*crumbs = subheader*/
#crumbs{ padding: 0px; border-bottom: 1px solid #aaa;
  background: #c9c9c9; /* Old browsers */
  background: -moz-linear-gradient(top,  #c9c9c9 1%, #e0e0e0 50%, #c9c9c9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c9c9c9), color-stop(50%,#e0e0e0), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c9c9c9 1%,#e0e0e0 50%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c9c9c9 1%,#e0e0e0 50%,#c9c9c9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c9c9c9 1%,#e0e0e0 50%,#c9c9c9 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c9c9c9 1%,#e0e0e0 50%,#c9c9c9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
#crumbs .subheader{ width: 1040px; display: block; margin: 0 auto; position: relative;  padding: 0px;}
#crumbs .subheader .block:hover{ box-shadow: 0px 0px 6px #666;}
#crumbs .subheader .block{ width: 160px; margin: 6px 5px 6px 5px; float: left; text-align: center; padding: 0px; position: relative;}
#crumbs .subheader .block .bfooter{ padding: 4px; margin: 0px; font-size: 13px;}
#crumbs .subheader .block .inbox{ }
#crumbs .subheader .block .inbox p{padding: 5px 6px 5px 6px; margin: 0px; font-size: 16px; text-align: right;}
  #crumbs .subheader .block .inbox p.above{padding: 2px 6px 0px 6px; margin: 0px; font-size: 11px; text-align: right;}
  #crumbs .subheader .block .inbox p.below{padding: 0px 6px 2px 6px; margin: 0px; font-size: 11px; text-align: right;}
#crumbs .subheader .block .inbox p span{color: white; }
#crumbs .subheader .block .inbox p span.currency{ position: absolute; left: 5px; top: 7px; font-size: 12px; color: #ddd;}
/*#crumbs .subheader .block.cportfolio{width: 180px !important; }*/
#crumbs .subheader a.link_wrapper{ margin: 0px; padding: 0px;}
#crumbs .subheader a.link_wrapper:hover{ text-decoration: none;}

#content{ background: white url('../images/bg-top-silver.png') repeat-x scroll 0% 0%; }
#content .inner{ padding: 10px 20px 20px 20px; width: 1040px; display: block; margin: 0 auto; min-height: 300px; } /**/

body.login #content{ background: #000 url('../images/login.jpg') no-repeat scroll 50% 40%; background-size: cover; }
body.login #content .inner{ background: transparent url(''); color: white;}

body.regform #content{ background: #000 url('../images/nyse.jpg') no-repeat scroll 50% 20%; }
body.regform #content .inner{  background: transparent url(''); color: white;}
body.regform #content .inner .notices_wrapper{ background: transparent url('../images/white85.png') repeat scroll 0% 0%; }

body.disclaimer #content .inner{  padding: 0px;}

/*Leftcol a midcol*/
#content .inner #main{ position: relative; border: 0px solid red;}
#content .inner #main .leftcol{ width: 150px;}

#footer{width: 100%; background: black url('../images/footer-glow.png') no-repeat scroll 50% 0%; border-top: 1px solid #666; color: silver; }
#footer .inner{ min-height: 200px; width: 1040px; margin: 0 auto;}
#footer a{color: #bbb; }
#footer a:hover{color: #ccc;}

#footer table{}
#footer table th, #footer table td{ text-align: left;}
#footer table th{font-size: 12px; padding: 10px 10px 3px 10px;}
#footer table td{font-size: 11px; padding: 3px 10px 10px 10px; line-height: 18px;}
#footer .rights{text-align: right; padding: 15px;}

#seculogos{ width:370px; float: left; }
#seculogos img{ vertical-align: middle; margin: 5px; filter: gray; /* IE6-9 */  -webkit-filter: grayscale(100%);}
#seculogos img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }

#languages_flags{padding: 23px 5px 5px 5px; width: 360px; float: left; border: 0px solid red; }
#languages_flags a img{width: 24px; height: 24px; filter: gray; /* IE6-9 */   -webkit-filter: grayscale(100%);}
#languages_flags a.selected img, #languages_flags a:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%);}

#disclaimer{ text-align: center; color: #AAA; }
#disclaimer .dh{ display: block; font-size: 20px; font-weight: bold; padding: 5px 0px 10px 0px; color: #ccc;}
#disclaimer .dbutt{ background: transparent url('../images/button-agree.png') no-repeat scroll 50% 50%; width: 300px; height: 80px; display: block;  margin: 0 auto; }
#disclaimer .dbutt:hover{ background: transparent url('../images/button-agree-hover.png') no-repeat scroll 50% 50%;  }
#disclaimer .dbutt span{display: none;}
#disclaimer .text_ok{ font-size: 11px; text-align: justify; padding-top: 5px; clear: both; display: block; line-height: 14px;}
#disclaimer .text_nok{  text-align: justify; padding-top: 5px; clear: both; display: block; color: #ccc; line-height: 16px;}

#disclaimer_pagetext{ display: block; text-align: center; font-size: 25px; font-weight: bold; color: #ff5c00; padding: 30px 0px 0px 0px;}/*#ff5c00*/
#disclaimer_pagetext p{ display: block; text-align: center; height: 10px; border: 0px solid red;}
#disclaimer_pagetext .pimage{
    background: transparent url('../images/disclaimer-pimage.png') no-repeat scroll 100% 100%;
    width: 730px;
    height: 310px;
    display: block;
    margin: 0 auto;
}
#documents td.valid{ background: transparent url('../images/star_full.png') no-repeat scroll 0% 50%; padding-left: 20px;}
#documents td.invalid{ background: transparent url('../images/star_empty.png') no-repeat scroll 0% 50%; padding-left: 20px;}

#messages{ padding: 10px 10px;}
#messages h2{  }
#messages div.message{ position: relative; border-bottom: 1px dashed silver; min-height: 60px; margin: 20px 0px 20px 0px; padding: 7px; }
#messages div.message:hover{ background-color: #E7F1FA;}
#messages div.message h3{ margin: 0px 5px 5px 0px; color:#3983F0; }
#messages div.message h3, #messages div.message .mbody{ padding-left: 80px; }
#messages div.message .date{  position: absolute; left: 10px; top: 7px; width: 60px; text-align: center;  border-radius: 0px 4px 0px 4px; color: #ddd;}
#messages div.message .date .day{ font-size: 25px; display: block; color: white; }
#messages div.message .date .month{  }
#messages div.message .privacy{ display: block; width: 130px; text-align: right; color: silver; position: absolute; right: 5px; top: 7px;  }

#messages div.message.pr_regi .date{ background-color: #3992F3; }
#messages div.message.pr_user .date{ background-color: #AF74E0; }
#messages div.message.pr_role .date{ background-color: #79B944; }

#messages div.message.pr_regi .privacy, #messages div.message.pr_regi h3{ color: #3992F3; }
#messages div.message.pr_user .privacy, #messages div.message.pr_user h3{color: #AF74E0;}
#messages div.message.pr_role .privacy, #messages div.message.pr_role h3{color: #79B944;}

#network_bar{ font-size: 16px; font-weight: bold;}

.table_one{ width: 100%; border-collapse: collapse; margin: 10px 0px 30px 0px;}

.table_one th, .table_one td{ padding: 5px 10px;}
.table_one thead th{ border-bottom: 1px solid #528BB6; border-top: 1px solid #528BB6; background-color: #86aecc; padding: 5px; }
.table_one td{ text-align: left; border: 1px solid #eee; }
.table_one tfoot{ background: #ddd;  }
.table_one td.number_align{ text-align: right; font-size: 14px;}
.table_one tbody tr:hover td{background-color: #eee !important;}
.table_one td p.details{ font-size: 11px; padding: 3px; font-style: italic; margin: 1px;}
.table_one tr.total td{ font-weight: bold; font-size: 16px;}
.table_one td.nocolor span.nn, .table_one td.nocolor span.nl, .table_one td.nocolor span.np{ color: gray;} /*credit*/
.table_one tr.td_divider td{ text-align: center; background-color: #ddd; font-weight: bold;}
.table_one tr.td_cdivider td{ border-right: 0px; border-left: 0px; height: 20px;}
.table_one tr.pseudohead td{ background-color: #ddd; font-weight: bold;}
.table_one tr td.cm_align{ text-align: center; vertical-align: middle;}

.table_one.netusers{margin: 8px 0px 15px 0px;}
.table_one.netusers td.number_align{ text-align: right; font-size: 12px;}
.table_one.netusers td{  font-size: 12px;}

.table_gain{ width: 100%; border-collapse: collapse; margin: 10px 0px 30px 0px; }
.table_gain th, .table_gain td{ padding: 5px 6px; text-align: center;}
.table_gain tr.head td{ background-color: #C8DAE8; border-top: 1px solid #86AECC; border-bottom: 1px solid #86AECC;}
.table_gain td.best{ background-color: #B4FEB4; }
.table_gain td.worst{ background-color: #FFB3B3; }


#mt4accounts td{ font-size: 13px;}

.style1{ width: 700px; margin: auto; clear: both; background-color: #ddd;}
.style1 td{ border-color: #ccc;}

.box{ width: 200px; margin: 10px 20px 10px 20px; float: left; text-align: center; padding: 0px; box-shadow: 0px 0px 3px #ccc; background-color: gray; }
.box .bheader{ padding: 8px; margin: 0px; background-color: silver; color: white; text-shadow: 0px 0px 5px #333;}
.box .bfooter{ padding: 8px; margin: 0px; background-color: silver; color: white;}
.box .inbox{ color: #eee; text-shadow: 0px 0px 5px #333;}
.box .inbox p{padding: 8px; margin: 0px; font-size: 20px;}

body.traders-list{ background: white url(''); padding: 0px; margin: 0px;}

#traders-grid{ }
#traders-grid .box{ width: 25%; margin: 20px 0px 20px 0px; background: transparent url(); border: 0px solid blue; box-shadow: 0px 0px 0px #fff;}
#traders-grid .box .inside{ width: 200px; margin: 0 auto; background: transparent url('../images/traders/default.jpg') no-repeat scroll 0px 0px; background-size: cover; border: 3px solid #fff; box-shadow: 0px 0px 5px #333;}
#traders-grid .box .inside:hover{border: 3px solid #3991DB; }
#traders-grid .box .cover{background: transparent url('../images/traders/trader-cover.png') no-repeat scroll 0px 0px; background-size: cover; height: 100%; margin: 0px; padding-top: 8px;}
#traders-grid .box .cover .inbox{ width: 100%; margin: 10px 0 15px 0; border-collapse: collapse; } /*background: transparent url('../../sys_uni/images/black30.png') repeat scroll 0px 0px;*/
#traders-grid .box .cover .inbox td{vertical-align: baseline; border: 0px solid red;  color: black; text-shadow: none !important; }
#traders-grid .box .cover .inbox td small{font-size: 12px; }
#traders-grid .box .cover .inbox tr.theadA td{font-size: 28px; padding: 5px 2px 0px 2px; color: green; text-shadow: 0px 0px 4px #fff !important;}
#traders-grid .box .cover .inbox tr.theadB td{font-size: 14px; padding: 15px 2px 0px 2px;}
#traders-grid .box .cover .inbox tr.tfoot td{font-size: 11px; padding: 0px; color: gray;}
#traders-grid .box .cover .bheader{ text-align: left; text-shadow: none !important; font-size: 17px; width: 190px; padding: 0px; margin: 0px 0px 0px -5px; box-shadow: 2px 2px 3px #000; border-radius: 0px 3px 3px 0px; background-color: #3991DB;}
#traders-grid .box .cover .bheader span{ color: white; display: block; padding: 5px 5px 5px 15px; }
#traders-grid .box .inside:hover a{ color: white; }
#traders-grid .box .bfooter{ background-color: #333; opacity: 0.8; filter: alpha(opacity=80);}

#axiory_opennew_iframe{
  width: 1000px; height: 1700px; border: 0px; overflow: auto
}

div.linedivider{ border-bottom: 2px solid silver; margin: 30px 0px 30px 0px;}

/*tooltips hover*/
.tooltip {
    outline: none;
    color: #333;
    text-decoration: none;
    position: relative;
}
.tooltip span.helptext {
    margin-left: -999em;
    position: absolute;
}
.tooltip:hover span.helptext {
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px #999;
    -moz-box-shadow: 2px 2px 2px 0px #999;
    box-shadow: 2px 2px 2px 0px #999;
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; left: 1em; top: 1em; z-index: 99;
    margin-left: 0; width: 250px; text-shadow: 0px 0px 0px #fff;
    padding: 0.5em 0.5em;
    background: silver;
    color: #FFF; border: 1px solid #fff;
    font-weight: normal;
}
.tooltip:hover span.toleft{
    margin-left: -260px;
}
.tooltip span.helpico{ padding: 10px; background: transparent url('../../sys_uni/images/ico/gly/blue/arrow-round.png') no-repeat scroll 50% 50%;}
.tooltip:hover img { float: left; position: absolute;
}
.tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}

/*a*/
.add_link{ background: transparent url('../images/add.png') no-repeat scroll 0% 50%; padding-left: 20px; color: green; margin-right: 10px;}
.share_link{ background: transparent url('../images/share.png') no-repeat scroll 0% 50%; padding-left: 20px; color: gray; margin-right: 10px;}
.edit_link{ background: transparent url('../images/edit.png') no-repeat scroll 0% 50%; padding-left: 20px; color: #60a8c6; margin-right: 10px;}
.delete_link{ background: transparent url('../images/remove.png') no-repeat scroll 0% 50%; padding-left: 20px; color: red; margin-right: 10px;}
.download_link{ background: transparent url('../images/download.png') no-repeat scroll 0% 50%; padding-left: 20px; color: #319500; margin-right: 10px;}

div.h_buttons{position: absolute; top: 0px; right: 10px;}

.add_lb,.mt4_lb,.doc_lb span{ background: transparent url('../images/add.png') no-repeat scroll 0% 50%; padding-left: 20px; }
.wtf_lb span{ background: transparent url('../images/arrow_up.png') no-repeat scroll 0% 50%; padding-left: 20px; }
.dep_lb span{ background: transparent url('../images/arrow_down.png') no-repeat scroll 0% 50%; padding-left: 20px; }
.conn_lb span{ background: transparent url('../images/information.png') no-repeat scroll 0% 50%; padding-left: 23px;}
  .conn_lb{ width: 150px !important; }
.lpoa_lb span{ background: transparent url('../images/download.png') no-repeat scroll 0% 50%; padding-left: 20px; font-weight: bold; font-size: 16px;}

.lb{ color: #76E600; display: block; margin: 10px; width: 100px; text-align: center; padding: 10px; line-height: 15px; border-radius: 3px;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.lb:hover{ background: #666; color: white; }
.lb{ float: right;}

/* ANIMATIONS
============================================================================= */
.animated{
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.d01{ animation-delay: 0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; }
.d02{ animation-delay: 0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.d03{ animation-delay: 0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
.d04{ animation-delay: 0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.d05{ animation-delay: 0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.d06{ animation-delay: 0.6s; -moz-animation-delay:0.6; -webkit-animation-delay:0.6s; }
.d08{ animation-delay: 0.8s; -moz-animation-delay:0.8; -webkit-animation-delay:0.8s; }

.d1{ animation-delay: 1.0s; -moz-animation-delay:1.0s; -webkit-animation-delay:1.0s; }
.d1_3{ animation-delay: 1.3s; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; }
.d2{ animation-delay: 2.0s; -moz-animation-delay:2.0s; -webkit-animation-delay:2.0s; }
.d3{ animation-delay: 3.0s; -moz-animation-delay: 3.0s; -webkit-animation-delay: 3.0s; }
.d4{ animation-delay: 4.0s; -moz-animation-delay:4.0s; -webkit-animation-delay:4.0s; }
.d5{ animation-delay: 5.0s; -moz-animation-delay:5.0s; -webkit-animation-delay:5.0s; }
.d6{ animation-delay: 6.0s; -moz-animation-delay:6.0s; -webkit-animation-delay:6.0s; }