#fullQuoteContainer {
	position: absolute;
	top: 0%;
	left: 2.5%;
	width: 100%;
	height: 100%;
}

/***************************************************
 ******************* 1) HEADER *********************
 ***************************************************/
#headerContainer {
	position: absolute;
	top: 4%;
	left: 2.5%;
	width: 65%;
	font-size: 26px;
	white-space: nowrap;
}

#nameContainer {
	border-bottom-color:#dcdcdc;
	border-bottom-style:solid;
	border-bottom-width:1px; /* TODO absolute to percent */
	padding-bottom: 4%;
	margin-right: 5%;
}

#headerSymbolBold {
	font-family: "Helvetica Light Bold";
}

#symbolNameContainer {
	
}

#fullNameContainer {
	font-family: "Helvetica Light";
}

#typeContainer {
	color: #fd6801;
	font-family: "Helvetica Light";
}

/***************************************************
 **************** 2) INFORMATION *******************
 ***************************************************/
#informationContainer {
 	position: absolute;
	left: 5%;
	top: 18%;
	width: 48%;
	height: 65%;
	border-right-color:#dcdcdc;
	border-right-style:solid;
	border-right-width:1px;
}

/***************************************************
 ************ 2.1) LAST DATE, LAST VALUE ***********
 ***************************************************/
#lastUpdatedTimerContainer {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	font-family: "Helvetica Light";
}

#lastPercentAndValueContainer {
	position: absolute;
	top: 15%;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}

#fullquotePercentContainer {
	font-family: "Helvetica Light";
}

#lastValueContainer {
	padding-left: 5%;
}

#lastValueBold{
	font-family: "Helvetica Light Bold";
}

/***************************************************
 *********** 2.2) DETAILED INFORMATION *************
 ***************************************************/
#bidAskContainer {
 	position: absolute;
	top: 30%;
	width: 100%;
	font-family: "Helvetica Light";
}
#bidAskValueBold {
	font-family: "Helvetica Light Bold";
}	
#volBidAskContainer {
 	position: absolute;
	top: 43%;
	width: 100%;
	font-family: "Helvetica Light";
}
#lowHighContainer {
 	position: absolute;
	top: 56%;
	width: 100%;
	font-family: "Helvetica Light";
}
#weeks52Container {
 	position: absolute;
	top: 69%;
	width: 100%;
	font-family: "Helvetica Light";
}
#openCloseContainer {
 	position: absolute;
	top: 82%;
	width: 100%;
	font-family: "Helvetica Light";
}
#volumeContainer {
 	position: absolute;
	top:95%;
	width: 100%;
	font-family: "Helvetica Light";
}
#volumeValueBold {
	font-family: "Helvetica Light Bold";
}	
 
.ValueContainerClass {
 	position: absolute;
	right: 10%;
}

#delayedTimeContainer {
	position: absolute;
	right: 10%;
	top: 115%;
	font-size: 21px; /* TODO absolute to percent */
	font-family: "Helvetica Light";
}

/**
 ** TODO absolute to percent *
 */
 .arrow-down-display {
	width: 0%; 
	height: 0%; 
	position: relative;
	top: 18px;
	margin-right: 4px;
	margin-left: 5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 11px solid #fc413a;
}

 /***************************************************
 ******************** 3) CHART **********************
 ***************************************************/
#chartImage {
	position: absolute;
	left: 55%;
	bottom: 20%;
}