﻿/* CSS Definition for Trader's Web FX 090618 */

/*------------------------------- category [indicator] main -------------------------------*/

#maincontents .indicatorgroup .indicatorhead {
	width:789px;
	height:90px;
	font-size:13px;
	border-bottom:4px solid #1D2098;
/*	background:url(/images/indicator/bg_titlearea.png) repeat-x; */
    margin-bottom:16px;
}

#maincontents .indicatorgroup .indicatorhead:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#maincontents .indicatorgroup h4 {
	font-size:14px;
	font-weight:400;
	height:30px;
	line-height:30px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#maincontents .indicatorgroup h4.about {
	text-indent:35px;
/*	background: url(/images/indicator/h4_about.png) no-repeat;
	background-position:0 2px; */
}

#maincontents .indicatorgroup h4.release {
	text-indent:35px;
	background: url(/images/indicator/h4_release.png) no-repeat;
	background-position:0 2px;
}

#maincontents .indicatorgroup h4.perspective {
	text-indent:35px;
	background: url(/images/indicator/h4_perspective.png) no-repeat;
	background-position:0 2px;
}

#maincontents .indicatorgroup .indicatorbox p {
	font-size:13px;
	margin:5px 0 10px 0;
	padding-left:31px;
}

#maincontents .indicatorgroup .indicatorbox h3 {
	margin:0 auto 3px;
	width:789px;
	height:45px;
	text-indent:-9999px;
	background:url(/images/indicator/h3_momentum.png) no-repeat;
}

#maincontents .indicatorgroup .signal_logbox h3.signal_log {
	margin:0 auto 3px;
	width:789px;
	height:31px;
	text-indent:-9999px;
	background:url(/images/indicator/h3_signal_log.png) no-repeat;
}

#maincontents .indicatorgroup .signal_logbox table.logtable {
	width:787px;
	border:1px solid #959595;
	table-layout:fixed;

}

#maincontents .indicatorgroup .signal_logbox table.logtable tr th {
	background:#3A1D86;
	color:#FFFFFF;
	font-size:12px;
	height:20px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td {
	font-size:12px;
	background:#FFFFFF;
	height:20px;
	text-align:center;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr.odd td {
	background:#EFEFEF;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.date {
    text-align:left;
    text-indent:5px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr th.date {
	width:130px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr th.signal {
	width:80px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.signal {
    text-align:center;
    text-indent:5px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.comment {
    text-align:left;
    padding-left:5px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr th.currencyrate {
	width:130px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.currencyrate {
    text-align:left;
    text-indent:10px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr th.compare {
	width:70px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.compare {
	width:70px;
	text-align:center;
    text-indent:16px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td span.ob {
	color:#FF0000;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td span.os {
	color:#0000FF;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td span.ne {
	color:#01be01;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.up {
	background:#FFFFFF url(/images/indicator/arrowup.png) no-repeat;
    background-position:0 3px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr td.down {
	background:#FFFFFF url(/images/indicator/arrowdown.png) no-repeat;
    background-position:0 3px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr.odd td.up {
	background:#EFEFEF url(/images/indicator/arrowup.png) no-repeat;
    background-position:0 3px;
}

#maincontents .indicatorgroup .signal_logbox table.logtable tr.odd td.down {
	background:#EFEFEF url(/images/indicator/arrowdown.png) no-repeat;
    background-position:0 3px;
}

#maincontents .indicatorgroup .indicatorbox {
     margin:0 auto;
     position:relative;
     width:636px;
     height:230px;
}

#maincontents .indicatorgroup .overbought {
     background:url(/images/indicator/bg_ob.png) no-repeat;
}

#maincontents .indicatorgroup .oversold {
     background:url(/images/indicator/bg_os.png) no-repeat;
}

#maincontents .indicatorgroup .neutral {
     background:url(/images/indicator/bg_ne.png) no-repeat;
}

#maincontents .indicatorgroup .nosignal {
     background:url(/images/indicator/bg_nosignal.png) no-repeat;
}

#maincontents .indicatorgroup .indicatorbox .currency {
    position:absolute;
    left:16px;
    top:0px;
    font-size:26px;
    color:#FFFFFF;
}

#maincontents .indicatorgroup .indicatorbox .update {
    position:absolute;
    right:16px;
    top:0px;
    text-align:right;
    font-size:26px;
    color:#FFFFFF;
}

#maincontents .indicatorgroup .indicatorbox .update_post {
    font-size:18px;
    font-weight:800;
}


#maincontents .indicatorgroup .indicatorbox .signal {
    position:absolute;
    right:20px;
    top:45px;
    text-align:right;
    font-size:33px;
    color:#FFFFFF;
}

#maincontents .indicatorgroup .indicatorbox .signalvolume {
    position:absolute;
    right:20px;
    top:80px;
    text-align:right;
    font-size:46px;
    color:#FFFFFF;
}

#maincontents .indicatorgroup .indicatorbox .rate {
    position:absolute;
    right:20px;
    top:172px;
    text-align:right;
    font-size:39px;
    color:#FFFFFF;
}

#maincontents .indicatorgroup .indicatorbox .unit {
    font-size:24px;
}

#maincontents .indicatorgroup .indicatorbox .per {
    font-size:28px;
}


#maincontents .indicatorgroup .indicatorbox .bar_ob {
    display:block;
    position:absolute;
    font-size:1px;
    text-indent:-9999px;
    top:128px;
    left:208px;
    height:27px;
    background:url(/images/indicator/bar_red.png) repeat-x;
}

#maincontents .indicatorgroup .indicatorbox .bar_os {
    display:block;
    position:absolute;
    font-size:1px;
    text-indent:-9999px;
    top:128px;
    height:27px;
    background:url(/images/indicator/bar_blue.png) repeat-x;
}

#maincontents .indicatorgroup .indicatorbox .bar_ne {
    display:block;
    position:absolute;
    font-size:1px;
    text-indent:-9999px;
    top:128px;
    height:27px;
    background:url(/images/indicator/bar_green.png) repeat-x;
}

#maincontents .indicatorgroup .indicatorbox .commentbox {
	position:absolute;
	top:89px;
	left:38px;
	width:340px;
	height:84px;
	background:#FFF;
}

#maincontents .indicatorgroup .indicatorbox .volume {
    position:absolute;
    top:156px;
    text-align:center;
    font-size:14px;
    color:#000;
}

#maincontents .indicatorgroup .indicatorbox .volumeper {
    font-size:12px;
}

/*------------------------------- /category [indicator] main -------------------------------*/

