#tickersWindow {
	width: 100%;
	height: 20.1852%;
	position:absolute; 
	left:0%; 
	bottom: -10px;
	z-index: 0;
}

/***************************************************
 ****************** 1) TICKERS *********************
 ***************************************************/
.tickers {
	color: White;
}

#tickersHighlightOverlay {
	width: 99.8958%;
	height: 57%;
	position:absolute; 
	left:0%; 
	bottom: 42.2%;
	z-index: 2;
	background-color: transparent;
	border-color: transparent;
	border-style:solid;
	border-width:3px;
	pointer-events:none;
}

#logoImage {
	width:8.95834%;
	height: 59.5%;
	position:absolute; 
	left:0%; 
	bottom: 42.21%;
	z-index: 3;
}

/***************************************************
 **************** 2) QUOTES TICKER *****************
 ***************************************************/
#quotesTickerBar  {
	width: 100%;
	height: 29.3578%;
	position:absolute; 
	left:0%; 
	bottom: 43.21%;
	z-index: 1;
	background-color: #333333;
}

/** JFE **/

#quotesTicker {
	/*overflow:hidden;*/
	/*left: 100%;
	height:100%;*/
	overflow:visible;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
}

.quoteTickerClass {
	color: White;
	position:absolute;
	top:0%;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: transparent;
	font-family:"Helvetica Light";
	white-space: nowrap;
	overflow: visible;
	border-color: transparent;
	border-style: solid;
	border-width: 3px;
}

.symbol {
	padding-right: 5px;
}

.arrow-up {
	width: 0%; 
	height: 0%; 
	position: relative;
	bottom: 20px;
	margin-right: 4px;
	margin-left: 5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 11px solid #00dc00; /* light green */
}

.arrow-down {
	width: 0%; 
	height: 0%; 
	position: relative;
	top: 22px;
	margin-right: 4px;
	margin-left: 5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 11px solid #fc413a;
}

.arrow-up-ticker-fallback {
	width: 19px; 
	height: 19px; 
	position: relative;
	top: 1px;
	display: inline-block;
	
	margin-right: 4px;
	margin-left: 6px;
	background-image: url("../../../resources/images/arrow_up_fallback.png");
	background-size:contain;
}

.arrow-down-ticker-fallback {
	width: 19px; 
	height: 19px; 
	position: relative;
	top: 2px;
	display: inline-block;
	
	margin-right: 4px;
	margin-left: 6px;
	background-image: url("../../../resources/images/arrow_down_fallback.png");
	background-size:contain;
}

.arrow-null {
	width: 0%; 
	height: 0%; 
	position: relative;
	Color: Gray;
	margin-right: 4px;
	margin-left: 5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 11px solid transparent;
}

.tickerPercentUp {
	position: relative;
	text-align:center;
	color: #00dc00;
	padding-right:3px;
	padding-left:3px;
}

.tickerPercentDown {
	position: relative;
	text-align:center;
	color: #fc413a;
	padding-right:3px;
	padding-left:3px;
}

.tickerPercentNull {
	position: relative;
	text-align:center;
	color: Gray;
	padding-right:3px;
	padding-left:3px;
}

.tickerPercentWithPadding {
	position: relative;
	text-align:center;
	padding-right:3px;
	padding-left:3px;
}

.tickerPercent {
	position: relative;
	display: inline-block; /* for setting width */
	text-align:center;
}

.lastValueWithPadding {
	position: relative;
	text-align: center;
	overflow: visible;
	padding-right:8px;
	padding-left:8px;
}

.lastValue {
	position: relative;
	display: inline-block; /* for setting width */
	text-align: center;
	overflow: visible;
}


/***************************************************
 **************** 3) NEWS TICKER *******************
 ***************************************************/
#newsTickerBar {
	width: 100%;
	height: 29.3578%;
	position:absolute;
	left:0%; 
	bottom: 71.8%;
	z-index: 1;
	background-color: #3f4045;
}

#newsTicker {
	/*width:100%;
	overflow:hidden;
	height:100%;*/
	overflow:visible;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
}

.newsTickerClass {
	color: White;
	position:absolute;
	top:15%;
	text-align:center;
	padding-right: 0%;
	padding-left: 0%;
	padding-top:0%;
	padding-bottom:0%;
	background-color: transparent;
	font-family:"Helvetica Light";
	white-space: nowrap;
	overflow: visible;
}

.newsTickerClassFallback {
	color: White;
	position:absolute;
	top:40%;
	text-align:center;
	padding-right: 0%;
	padding-left: 0%;
	padding-top:0%;
	padding-bottom:0%;
	background-color: transparent;
	font-family:"Helvetica Light";
	white-space: nowrap;
	overflow: visible;
}

.newsSeparatorClass {
	margin-right: 8px;
	margin-left: 8px;
}

.newsHeadlineClass {
	position: relative;
	height:100%;
	z-index:3;
	line-height: 35px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-color: transparent;
	border-style:solid;
	border-width:3px;
}