body {
	background-color: #000000;
	font-family: "Trebuchet MS", "Helvetica", "Verdana";
}

* {
	box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
	float: left;
	padding: 10px;
}

.left, .right {
	width: 50%;
}

.middle {
	width: 50%;
}

.sLeft {
	width: 50%;
}

.sMiddle, sRight {
	width: 25%;
}

.stockPrice {
	width: 50%;
	position: sticky;
	top: 0;
}

.stockMark {
	width: 25%;
	position: sticky;
	top: 0;
}

.stockDetail {
	width: 25%;
	position: sticky;
	top: 0;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

table {
	border-collapse: collapse;
	border-style: hidden;
}

th {
	border: 2px solid black;
	background: #ffffff;
	position: sticky;
	top: 0;
}

tr {
	background: #ffffff;
}

tr:hover {
	background-color: #d4d4d4;
}

td {
	text-align: center;
	border: 2px solid black;
}