body {
	position:relative;
	width:960px;
	padding:0;
	margin:auto;
	
	font-family:Helvetica, sans-serif;
	background-color:#06f;
	color:white;

	-webkit-text-size-adjust:none;
}

a { 
	color:inherit;
	text-decoration:none;
}

a:hover { opacity:0.8 }

span.trade, span.dollar, span.plus {
	font-weight:normal;
	opacity:0.5;
}



#tricobox {
	display:table;
	position:relative;

	width:50%;
	margin:0 auto;
	padding:20px 20px 30px 20px;
	
	color:white;
	font-size:12pt;
	text-align:center;
	
	-webkit-border-radius:6px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;

	border-top:none;

	background:rgba( 0, 0, 0, 0.2 );
}

#tricologo {
	width:250px;
	height:80px;
	margin-bottom:-24px;
}

#tricosubbox {
	opacity:0.8;

	padding:8px 0;

	text-align:center;
	font-size:20px;
}


.bubbles {
	position:relative;
	display:table;
	width: 540px;
	margin:40px auto;
}

.bubble {
	position:relative;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	color:white;

	text-align:left;
	border-bottom:1px solid rgba(0,0,0,0.25);
}
.bubble:first-of-type {
	border-top:   1px solid rgba(0,0,0,0.25);
	padding-top:20px;
}

.price-box {
	float:right;

	width:100px;
	padding:24px 10px;
	font-size:12pt;
	text-align:center;
	top:-1px;
	right:0;
	text-align:center;
	color:white;
}

.price-box a {
	display:block;
	
	font-size:14pt;
	text-decoration:none;
	border:1px solid white;
	padding:4px 6px;
	margin-bottom:-10px;
	border-radius:4px;
}
.price-box a:hover {
	opacity:1.0;
	background:white;
	color:#06f;
}

.data-box {
	padding:10px;
	font-size:16pt;
}
.data-box h1 { font-size:16pt; font-weight:bolder; padding:10px 0; margin:0; }
.data-box h2 { font-size:12pt; font-weight:normal; line-height:20pt; margin:0; }

img.app-icon { float:left; width:128px; height:128px; border:none; margin-right:16pt; }