/* ==========================================================================
   Article MARKETWRAP Stuff
   ========================================================================== */

#greenbox, #bluebox, #ltebluebox {
	border-style: solid;
	border-width: 5px;
	padding: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: hidden
}

/* autoInfograph styles
----------------------------------------------------------------------------- */

#autoInfograph {
	background: #ffffff;
	border: 3px solid #E6E6E6;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	padding: 10px 0px 10px 10px;
	position: relative;
	top: 20px;
	width: auto
}
#autoInfograph-header {
	border-bottom: 3px solid #BCBCBC;
	margin: 0 10px 10px 0
}
#autoInfograph-heading h2 {
	float: left;
	margin: 0
}
#autoInfograph-header h4 {
	float: right;
	margin: 5px 0 0
}
#autoInfograph-inside {
	float: left;
	width: 45.5%;
	height: 208px
}
#autoInfograph-inside2 {
	float: left;
	width: 45.5%;
	min-height: 145px
}

/* greenbox styles
----------------------------------------------------------------------------- */

#greenbox {
	color: #ffffff;
	background-color: #009B7A;
	border-color: #006A51;
	float: left;
	width: auto;
	height: 28%;
	margin-bottom: 10px
}
#greenbox-heading {
	float: left;
	height: 20px;
	font-size: 16px;
	line-height: 14px;
	width: 100%;
	white-space: nowrap
}
#greenbox-text-container {
	float: left;
	width: 100%
}
#greenbox-num2, #greenbox-num {
	float: right;
	font-size: 28px;
	line-height: 30px
}
#greenbox-num {
	padding: 0 1px 0 0
}
#greenbox-text {
	height: 50px;
	margin: -2px 0 0 0;
	letter-spacing: 1px
}

/* bluebox styles
----------------------------------------------------------------------------- */

#bluebox {
	border-color: #850C70;
	background-color: #AD208E;
	color: #ffffff;
	float: left;
	width: auto;
	height: 48%
}
#bluebox-inside1, #bluebox-inside2 {
	float: left;
	width: auto
}
#bluebox-num {
	float: left;
	height: 40px;
	font-size: 48px;
	line-height: 38px;
	padding: 3px 5px 0 0
}
#bluebox-num2 {
	float: right;
	font-size: 48px;
	line-height: 38px;
	min-width: 50px;
	padding: 3px 0 0 5px;
	text-align: right
}
.blueboxtext {
	height: 50px;
	margin: -2px 0 0 0;
	letter-spacing: 1px
}
#bluebox-inside2 .blueboxtext {
	height: 34px!important
}

/* graybox divider styles
----------------------------------------------------------------------------- */

#graybox {
	float: left;
	width: 1.5%;
	height: 199px;
	border: 5px solid #E6E6E6;
	margin: 0 10px
}

/* ltebluebox styles
----------------------------------------------------------------------------- */

#ltebluebox {
	width: 92%;
	height: 100%;
	color: #ffffff;
	border-color: #00788A;
	background-color: #47C3D3
}
#ltebluebox-company {
	height: 70px;
	letter-spacing: 1px;
	width: 100%
}
#ltebluebox-release {
	font-size: 15px;
	letter-spacing: 1px
	width: 100%
}
#ltebluebox-after {
	height: 32px;
	margin: 5px 0 0 0;
	letter-spacing: 1px;
	width: 100%
}
#ltebluebox-percent-container {
	float: left;
	width: 100%;
	height: 60px
}
#ltebluebox-index {
	height: 38px;
	overflow: hidden
}
#ltebluebox-rose {
	height: 50px;
	overflow: hidden;
	white-space: nowrap
}
#ltebluebox-percentsym {
	float: right;
	line-height: 12px;
	font-size: 18px;
	padding: 7px 0 0 0;
	height: 18px
}
#ltebluebox-percent {
	float: right;
	font-size: 48px;
	line-height: 38px;
	padding: 3px 0 0 5px
}
#ltebluebox-symbol {
	height: 50px;
	letter-spacing: 1px
}

/* MARKETWRAP ON CHROME
----------------------------------------------------------------------------- */

@media not all and (-webkit-min-device-pixel-ratio:0) {  
	.blueboxtext, #greenbox-text {
		display: inline
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.blueboxtext, #greenbox-text {
		display: inline
	}
}
@media screen and (min-width: 0px) {
	#autoInfograph-inside {
		height: 275px
	}
	#greenbox {
		height: 30%
	}
	#greenbox-heading {
		font-size: 12px
	}
	#greenbox-num, #greenbox-num2 {
		font-size: 33px
	}
	#greenbox-text {
		height: auto
	}
	#bluebox {
		height: 51.5%
	}
	#bluebox-inside1 {
		height: 50%
	}
	#bluebox-num {
		font-size: 28px
	}
	#graybox {
		height: 265px
	}
	#ltebluebox {
		height: 255px;
		width: 84%
	}
	#ltebluebox-company {
		padding: 0 0 45px
	}
	#ltebluebox-after {
		margin: 45px 0 15px
	}
	#ltebluebox-percent {
		font-size: 28px;
		padding: 0 0 0 5px
	}
}
@media screen and (min-width: 900px) {
	#autoInfograph-inside {
		height: 240px
	}
	#greenbox-heading {
		font-size: 15px
	}
	#greenbox-num, #greenbox-num2 {
		font-size: 26px
	}
	#bluebox {
		height: 49.5%
	}
	#bluebox-inside1 {
		height: auto
	}
	#bluebox-num {
		font-size: 30px
	}
	#graybox {
		height: 230px
	}
	#ltebluebox {
		height: 220px;
		width: 91%
	}
	#ltebluebox-company {
		padding: 0 0 25px
	}
	#ltebluebox-after {
		margin: 25px 0 15px
	}
	#ltebluebox-percent {
		font-size: 44px;
		padding: 3px 0 0 5px
	}
}
@media screen and (min-width: 1100px) {
	#autoInfograph-inside {
		height: 260px
	}
	#greenbox-heading {
		font-size: 12px
	}
	#greenbox-num, #greenbox-num2 {
		font-size: 33px
	}
	#bluebox {
		height: 51.25%
	}
	#bluebox-inside1 {
		height: 50%
	}
	#bluebox-num {
		font-size: 30px
	}
	#graybox {
		height: 250px
	}
	#ltebluebox {
		height: 240px;
		width: 86%
	}
	#ltebluebox-company {
		padding: 0 0 45px
	}
	#ltebluebox-percent {
		font-size: 32px
	}
}
@media screen and (min-width: 1200px) {
	#autoInfograph-inside {
		height: 230px
	}
	#greenbox-heading {
		font-size: 15px
	}
	#greenbox-num, #greenbox-num2 {
		font-size: 26px
	}
	#bluebox {
		height: 48.75%
	}
	#bluebox-inside1 {
		height: auto
	}
	#bluebox-num {
		font-size: 28px
	}
	#graybox {
		height: 220px
	}
	#ltebluebox {
		height: 210px;
		width: 90%
	}
	#ltebluebox-company {
		padding: 0 0 20px
	}
	#ltebluebox-after {
		margin: 20px 0 15px
	}
	#ltebluebox-percent {
		font-size: 40px
	}
}
@media screen and (min-width: 1300px) {
	#autoInfograph-inside {
		height: 208px
	}
	#greenbox {
		height: 28%
	}
	#greenbox-heading {
		font-size: 16px
	}
	#greenbox-num, #greenbox-num2 {
		font-size: 33px
	}
	#greenbox-text {
		height: 50px
	}
	#bluebox {
		height: 48%
	}
	#bluebox-num {
		font-size: 40px
	}
	#graybox {
		height: 199px
	}
	#ltebluebox {
		height: 188px;
		width: 92%
	}
	#ltebluebox-company {
		padding: 0
	}
	#ltebluebox-after {
		margin: 5px 0 0
	}
	#ltebluebox-percent {
		font-size: 48px
	}
}