body {
		background-color:black;
		color:white;
		margin:0px;
		font-family: arial; 
		font-size:14px;
	}
	h1 {color:orange;}
	th {text-align:left;}
	.priceUP {
		background-color: green;
		color:white;
	}
	.priceDOWN {
		background-color: red;
		color:white;
	}
	.priceNEUTRAL {
		background-color: silver;
		color:black;
		
	}

	.page {margin:15px;}
	button {
	  background-image: linear-gradient(#42A1EC, #0070C9);
	  border: 1px solid #0077CC;
	  border-radius: 4px;
	  box-sizing: border-box;
	  color: #FFFFFF;
	  cursor: pointer;
	  padding: 3px 11px;
	  text-align: center;
	  font-size: 13px;
	  font-weight: 400;
	  letter-spacing: -.022em;
	  line-height: 1.47059;
	  min-width: 30px;
	  overflow: visible;
 	}
	button:hover {
		background-image: linear-gradient(#51A9EE, #147BCD);
		border-color: #1482D0;
		text-decoration: none;
	}
	.btnOrange {
	  background-image: linear-gradient(#efca2a, #caa500);
	  border: 1px solid #ccaa00;
	  color:black;
	}
	.btnOrange:hover {
	  background-image: linear-gradient(#d9bb38 0%, #b99805 100%);
	  border: 1px solid #ccaa00;
	  color:black;
	}
	.btnRed {
	  background-image: linear-gradient(#f02c2c 0%, #ca0000 100%);
	  border: 1px solid #cc0000;
	  color:white;
	}
	.btnRed:hover {
	  background-image: linear-gradient(#d34242 0%, #b50909 100%);
	  border: 1px solid #cc0000;
	  color:white;
	}
	.btnSilver {
	  background-image: linear-gradient(#a9a9a9 0%, #767676 100%);
	  border: 1px solid #5d5d5d;
	  color:white;
	}
	.btnSilver:hover {
	  background-image: linear-gradient(#ededed 0%, #d3d3d3 100%);
	  border: 1px solid #646464;
	  color:white;
	}
	.price {
		padding:4px;
		border-radius:4px;
		text-align:right;
	}
	.stockBlock {
		display:inline-block;
		width:90vw;
		max-width:360px;
		border-radius:6px;
		background-color:#2c2c2c;
		padding:10px;
		margin:10px;
	}
	.stockBlockClose {
		background-color: #b99400;
	}
	.stockBlockCool {
		background-color: #0063a9;
	}
	.dataLeft {
		display:inline-block;
		vertical-align: top;
		width:49%;
	}
	.dataRight {
		display:inline-block;
		vertical-align: top;
		width:49%;
	}
	.ticker {
		font-weight:bold;
		font-size:14px;
	}
	.company {
		font-size:10px;
	}
	.dayGain {
		margin-top:3px;
		width:50px;
		font-size:10px;
		font-weight: bold;
		padding:4px;
		border-radius:3px;
		text-align:center;
		display:inline-block;
		margin-right:5px;
	}
	.marketPrice {
		display:inline-block;
	}
	.stockPL {
		width:80px;
		margin-bottom:5px;
	}
	.targetPctText {
		display:inline-block;
		width:80px;
		font-size:10px;
	}
	.portfolio {
		color:#af71ff;
		margin-left:10px;
	}
	}
	.quoteTime {
		font-size:8px;
		color:#aaa;
	}

/*	iPad 
	------------------------- */
	
@media (max-width : 1113px) 
{
	boby {font-size:14px;}
	.stockBlock {
		width:285px;
		max-width:285px;
	}
	.navBar {
		font-size:18px;
	}
}
@media (max-width : 834px) 
{
	boby {font-size:15px;}
	.stockBlock {
		width:calc(50vw - 56px);
		max-width:calc(50vw - 56px);
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:0px;
	}
}
@media (max-width : 736px) 
{
	boby {font-size:15px;}
	.stockBlock {
		width:calc(90vw - 20px);
		max-width:90vw;
		margin:10px;
		display:block;
	}
}
@media (max-width : 414px) 
{
	boby {font-size:14px;}
	.stockBlock {
		width:calc(90vw - 20px);
		max-width:90vw;
		margin:10px;
		display:block;
	}
}