@charset "utf-8";
@import url("chart.css");

/* --------------------------------------------------

Reset

-------------------------------------------------- */

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p,
blockquote,
th, td {
margin: 0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset, img {
border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

q:before,
q:after{
content:'';
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
vertical-align:middle;
}

a{
overflow: hidden;
outline: none;
}
.pdf { 
padding:1px 18px 3px 0; 
background: transparent url(../image/icon_pdf.gif) no-repeat top right; 
}
.pdfL{
padding:1px 0 3px 18px; 
background: transparent url(../image/icon_pdf.gif) no-repeat top left; 
}

/* ----- clear fix ----- */
.cmn_cl:after,
#titleArea:after,
#platform #navi:after,
#main #areaFlash02:after,
#main .getAdobe:after,
#main #pageTitle #lead:after,
.topplatform #main div.point:after,
#platform  #main #mb_box #mb_box_btm:after,
#platform #container #contents #main #global:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0.1em;
line-height:0;
}
.cmn_cl,
#titleArea,
#platform #navi,
#main #areaFlash02,
#main .getAdobe,
#main #pageTitle #lead,
.topplatform #main div.point,
#platform  #main #mb_box #mb_box_btm,
#platform #container #contents #main #global {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .cmn_cl,
#titleArea,
#platform #navi,
#main #areaFlash02,
#main .getAdobe,
#main #pageTitle #lead,
.topplatform #main div.point,
#platform  #main #mb_box #mb_box_btm,
#platform #container #contents #main #global {
height:1%;
}
.cmn_cl,
#titleArea,
#platform #navi,
#main #areaFlash02,
#main .getAdobe,
#main #pageTitle #lead,
.topplatform #main div.point,
#platform  #main #mb_box #mb_box_btm,
#platform #container #contents #main #global {
display:block;
}

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}

.left {
float: left;
margin: 0 0 10px 0;
}

.right {
float: right;
margin: 0 0 10px 0;
}

.tdu{
text-decoration: underline;
}
.mt0{
margin-top: 0 !important;
}
.mt8{
margin-top: 8px !important;
}
.mt10{
margin-top: 10px !important;
}
.mt15{
margin-top: 15px !important;
}
.mt30{
margin-top: 30px !important;
}
.mt50{
margin-top: 50px !important;
}
.mt-50{
margin-top: -50px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mtb20{
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.pt0{
padding:0px !important;
}
.pr10{
padding-right:10px !important;
}
.pr15{
padding-right:15px !important;
}
.pr20{
padding-right:20px !important;
}
.pd10{
padding:10px !important;
}
.pb30{
padding-bottom:30px !important;
}
.pb55{
padding-bottom:55px !important;
}
.pl7{
padding-left:7px !important;
}
.pl12{
padding-left:12px !important;
}
.pl13{
padding-left:13px !important;
}
.mr15{
margin-right: 15px !important;
}


.dot {
background: url(../image/main_bgDot.gif) bottom repeat-x;
}

.reset {
clear: both;
}

/* --------------------------------------------------

Base

-------------------------------------------------- */

body {
color: #333333;
font-size: 75%;
line-height: 1.3;
background: #fff url(../image/bg.gif) top left repeat-x;
/*font-family: Arial;*/
}

#container { 
width: 650px;
text-align: left;
margin: 5px 0 0 10px;
}

/* --------------------------------------------------

Font

-------------------------------------------------- */

/* ----- font-size ----- */

.fs140{
font-size: 140%;
}
.fs120{
font-size: 120%;
}
table,
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

input,
textarea,
select {
*font-size: 100%;
}

#header .col3Left p,
.fs84,
#resources .blu_box_mid p,
#side #areaLogin p,
#main #areaLogin p,
#footerTop ul li,
#main #topicpath,
#main #pageTitleAlt p#caption,
#forex_focus #container #footer ul li {
font-size: 84%;
}

a {
color: #3f5897;
text-decoration: underline;

}
a:hover {
text-decoration: none;
}

#learn #main #noteTop a,
#learn #main #boardTop a {
color: #FFF;
}
.fc_grn {
color: #157925;
}
.fc_red {
color: #c23526
}
.fc_org {
color: #fe7800;
}
.fc_blu {
color: #3f5897;
}
.fc_l-blu {
color: #74A0DC;
}

#resources .blu_box_mid p {
line-height: 1.3;
}

.fwb{
font-weight: bold;
}
.fwn{
font-weight:normal;
}
.center {
text-align: center!important;
}

.tar{
text-align: right;
}

.tal{
text-align: left;
}

#platform #main #pageTitle p,
#platform #main table#spec th,
#resources #main #pageTitle p{
color:#333;
}
.section p span.client-service {
color:#6699CC;
font-weight:bold;
line-height:2.0;
}

/* --------------------------------------------------

Contents (Side & Main)

-------------------------------------------------- */

#contents {
clear: both;
float: left;
width: 650px;
display: inline;
}


/* -------------------- Platform // -------------------- */

#platform #main #pageTitle{
background: url(../platform/image/bg_pagetitle.gif) repeat-x top left;
}

.topplatform #main #pageTitle {
height:325px;
background: url(../platform/image/platformTop.jpg) no-repeat top left!important;
}

.topplatform #main div.point ul{
float:left;
}
.topplatform #main div.point ul li {
margin: 0;
float:left;
clear:both;
}
.topplatform #main div.point ul li img{
display:block;
}

.topplatform #main div.point p.txt{
float:left;
}

.topplatform #main div.point p.img{
width:180px;
float:right;
}

.forex_trader #main #pageTitle p.top_img{
margin: 0;
}

#platform.forex_trader #container #contents #main .box_points,
#platform.forex_trader #container #contents main .box_points table,
#platform.forex_mobile #container #contents #main .box_points,
#platform.forex_mobile #container #contents #main .box_points table,
#platform.mt_4 #container #contents #main .box_points,
#platform.mt_4  #container #contents #main .box_points table,
#forex_focus #container #main .box_points,
#forex_focus #container #main .box_points table {
background: none;
}

.forex_trader #main .box_points table th,
.forex_mobile #container #contents #main .box_points table th,
.mt_4 #container #contents #main .box_points table th,
#forex_focus #container #main .box_points table th {
height:35px;
}

.forex_trader #main .box_points table td,
.forex_mobile #container #contents #main .box_points table td,
.mt_4 #container #contents #main .box_points table td,
#forex_focus #container #main .box_points table td {
padding:0 0 0 10px;
color:#ED6E27;
font-weight:bold;
}

#forex_focus #container #main #areaDemoform p.center {
margin:0 0 5px 30px;
padding:0 0 20px 0;
}

#platform #main table#model,
#platform.forex_trader #main table#spec,
#platform.mt_4 #main table#spec,
#other #main table#spec{
clear: both;
width: 100%;
color: #4e4e4e;
border: 1px solid #74a0dc;
margin: 0 0 15px 0;
}

#platform #main table#model th,
#platform.forex_trader #main table#spec th,
#platform.mt_4 #main table#spec th,
#form #main table#spec th,
#other #main table#spec th {
color: #fff;
text-align: left;
background: url(../images/bg_thBlue.gif) repeat-x;
border-right: 1px solid #d7d8d7;
border-bottom: 1px solid #d7d8d7;
padding: 4px 4px ;
}

#platform #main table#model th.long {
background: url(../image/bg_thBlueMulti.gif) repeat-x;
}

#platform #main table#model th.first, 
#platform #main table#model td.first {
padding: 4px;
}

#platform.forex_trader #main table#spec td.spec,
#platform.mt_4 #main table#spec td.spec,
#form #main table#spec td.spec,
#other #main table#spec td.spec {
width:200px;
}

#platform.forex_trader #main table#spec th,
#platform.forex_trader #main table#spec td,
#platform.mt_4 #main table#spec th,
#platform.mt_4 #main table#spec td,
#form #main table#spec th,
#form #main table#spec td,
#other #main table#spec th,
#other #main table#spec td {
padding-left:15px!important;
} 

#platform #main table#model th.system {
text-align: center;
}

#platform #main table#model td,
#platform.forex_trader #main table#spec td,
#platform.mt_4 #main table#spec td,
#form #main table#spec td, 
#other #main table#spec td {
text-align: center;
background: url(../images/bg_tdBlue.gif) repeat-x;
border-right: 1px solid #d7d8d7;
border-bottom: 1px solid #d7d8d7;
padding: 4px;
}

#platform.forex_trader #main table#spec td,
#platform.mt_4 #main table#spec td,
#form #main table#spec td,
#other #main table#spec td {
text-align:left;
}

#platform #main table#model th.last,
#platform.forex_trader #main table#spec th.last,
#platform.mt_4 #main table#spec th.last,
#form #main table#spec th.last, 
#other #main table#spec th.last{
border-right: 1px solid #74a0dc;
}

#platform #main table#model td.last,
#platform.forex_trader #main table#spec td.last,
#platform.mt_4 #main table#spec td.last,
#form #main table#spec td.last,
#other #main table#spec td.last
{
border-right: 1px solid #74a0dc;
}

#platform #main table#model tr.bottom th, 
#platform #main table#model tr.bottom td,
#platform.forex_trader #main table#spec tr.bottom th, 
#platform.forex_trader #main table#spec tr.bottom td,
#platform.mt_4 #main table#spec tr.bottom th, 
#platform.mt_4 #main table#spec tr.bottom td,
#form #main table#spec tr.bottom th, 
#form #main table#spec tr.bottom td,
#other #main table#spec tr.bottom th, 
#other #main table#spec tr.bottom td {
border-bottom: 1px solid #74a0dc;
}

#main table#spec {
width: 100%;
border-left: 1px solid #d7d8d7;
border-right: 1px solid #d7d8d7;
}
#main table#spec th,
#main table#spec td{
background: none;
border-right: none;
}

#main table#spec th{
font-color:#333;
border-top: 1px solid #d7d8d7;
border-bottom: 1px solid #d7d8d7;
padding: 4px;
}

#main table#spec td{
text-align: left;
border-bottom: 1px solid #d7d8d7;
padding: 4px;
}

#main table td.spec {
font-weight: bold;
}

#platform #main #mb_box {
width: 728px;
margin:0 0 10px 0;
background: url(./images/platform3_bg_mbbox.gif) no-repeat left bottom;

}
#platform #main #mb_box h3{
width:355px;
}

#platform #main #mb_box h3.sb{
margin:0 0 0 10px;
}

#platform #main #mb_box h4{
width: 335px;
margin: 0 0 0 10px;
}
#platform #main #mb_box h5{
margin: 0 0 0 7px;
}
#platform #main #mb_box p{
padding:0 0 0 15px;
}

#platform #main #mb_box dl{
width: 335px;
margin:0 0 8px 10px;
}
#platform #main #mb_box dl dt,
#platform #main #mb_box dl dd{
float: left;
}
#platform #main #mb_box dl dd{
margin:15px 0 0 10px;
}

#platform #main #mb_box ul{
margin:10px 0 20px 20px;
}
#platform #main #mb_box .mb_box_left ul{
margin:10px 0 83px 20px;
}

#platform #main #mb_box li{
text-indent: -5px;
}

#platform #main #mb_box .mb_box_left{
width:345px;
margin:8px 0 0 10px;
}

#platform #main #mb_box #mb_box_btm{
width: 720px;
background: url(./images/platform3_mbbox_btm.gif) bottom left no-repeat;
padding: 0 0 13px 0;
}

#platform #main #mb_box #mb_box_mid #mb_box_btm .mb_box_inner{
width: 355px;
float: left;
}

#platform #main #mb_box #mb_box_mid #mb_box_btm .mb_box_inner .model{
margin:0 0 0 11px;
padding: 8px 0 0 0;
background: url(./images/platform3_model_top.gif) no-repeat left top;
width: 340px;
}

#platform #main #mb_box #mb_box_mid #mb_box_btm .mb_box_inner .model_top{

background: url(./images/platform3_model_mid.gif) repeat-y left top;
width: 333px;
}

#platform #main #mb_box #mb_box_mid #mb_box_btm .mb_box_inner .model_mid{
background: url(./images/platform3_model_btm.gif) no-repeat left bottom;
padding:0 0 9px 0;
}

#platform  #main #mb_box #mb_box_mid #mb_box_btm .mb_box_inner .model_mid p{
width:306px;
margin: 0;
padding: 0 0 0 8px;
}

#platform #main #pageTitle.system {
padding:0 0 100px 0;
}

#platform #main .msg_system_report {
clear:both;
margin:0 0 55px 0;
border:1px solid #D5D5D5;
}

#platform #main .msg_system_report p {
margin: 0;
padding:13px 15px;
background:#F9F9F9;
color:#B71918;
}


#platform #main table.chart_status {
float:right;
margin:0 0 10px 0;
}

#platform #main table.chart_status td img {
vertical-align:middle;
}

#platform #container #contents #main #global{
width: 740px;

}

#platform #container #contents #main #global ul{
margin-left: 1.0em;
padding: 0 0 0 10px;
}

#platform #container #contents #main #global ul li {
text-indent: -1.0em;
margin-bottom:5px;
}

#platform #container #contents #main #global p{
width: 321px;
margin: 5px 0 0 5px;
}
#main ul.list {
margin-left: 2.0em;
}

#main ul.list li {
text-indent: -0.8em;
margin:0 0 15px 0;
}

#platform #container #contents #main .box_points {
margin:0 0 13px 0;
background: url(./images/bg_box_points.gif) repeat-y left top;
}

#platform #container #contents #main .box_points .point {
float:left;
width:480px;
}

#platform #container #contents #main .box_points .inner p.img {
float:left;
width:220px;
padding:40px 0 0 20px;
}

#platform #container #contents #main .box_points .point table {
margin:0 0 20px 0;
}

#platform #container #contents #main .box_points .point table th {
height:35px;
}

#platform #container #contents #main .box_points .point table td {
color:#ED6E27;
font-weight:bold;
padding:0 0 0 10px;
}

#platform #container #contents #main .box_points h2 {
margin: 0;
}

#platform #container #contents #main .box_points .inner {
background: url(./images/bg_box_points_btm.gif) no-repeat left bottom;
padding:0 0 8px 9px;
}

#platform #container #contents #main .box_points .point p.txt {
float:none;
margin:0 0 15px 0;
}