#header-box
{
	float: left;
	display: inline-flex;
}

#header-box .label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}

#header-box .reload
{
	font-size: 25px;
	font-weight: bold;
	padding-left: 10px;
	cursor: pointer;
	color: green;
}

#my-balances-box
{
	float: right;
	margin-bottom: 10px;
}

#my-balances-box input
{
	font-family: Arial, Helvetica, sans-serif;
}

#balances-table
{
	border-collapse: collapse;
	border: 1px solid #000;
	width: 220px;
}

#balances-table .header
{
	font-weight: bold;
	background-color: lightgray;
}

#update-balances-btn
{
	width: 220px;
	background-color: green;
	border: none;
	padding: 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 3px;
}

#snapshots-table
{
	border-collapse: collapse;
	border: 1px solid #000;
	width: 100%;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 3px;
}

td.value-up
{
	color: green;
	font-weight: bold;
}

td.value-up:after 
{
	content: "\2191";
	padding-left: 3px;
	color: green;
}

td.value-down
{
	color: red;
	font-weight: bold;
}

td.value-down:after 
{
	content: "\2193";
	padding-left: 3px;
	color: red;
}

td.value-neutral
{
	color: black;
}

td.header-currency-code
{
	font-weight: bold;
	text-align: center;
	background-color: lightgray;
}

td.header-common-left
{
	font-weight: bold;
	background-color: lightgray;
}

tr.snapshot-row:hover
{
	background-color: rgba(111, 187, 250, 0.37);
	cursor: pointer;
}