﻿
.ones
{
	border-top:solid 2px #333;
	height:19%;
	position:relative;
}
.ones-col-left
{
	height: 92%;
	width:30%;
	position:absolute;
	left: 0px;	top: 10px;
}
.ones-col-right
{
	height: 92%;
	width:30%;
	position:absolute;
	right: 0px;	top: 10px;
}
.fifths
{
	border-top:solid 2px #ccc; 
	border-bottom:solid 2px #ccc; 
	height:16.6%; margin-top:33.2%;
}
.fifths-col-left
{
	height: 100%;
	width:50%;
	position:absolute;
	left: 0px;	
	top: 0px;
}
.fifths-col-right
{
	height: 100%;
	width:50%;
	position:absolute;
	right: 0px;	
	top: 0px;
}
.thing
{
	background-color:#dddddd;
	width:30px;
	height:30px;
	position:absolute;
}


#ib
{
	position:absolute;
	top: 170px; left: 350px;
}
#therm
{
	position:absolute;
	top: 50px; left: 430px;
	width:12px;
	display:none;
}

.therm-zoom
{
	position:absolute;
	top: 60px; 
	display:none;
}
.therm-border
{
	border-left:solid 8px #aaa;
	border-right: solid 8px #aaa;
	width:55%;
	height:100%;
	margin:0px auto;
	position:relative;
}
.zoom-box
{
	position:relative;
	border:solid 2px orange;
	background-color:#ffffff;
	height:250px;
	width:250px;
}
.temp-type
{
	font-weight:bold;
	position:absolute;
	top: 5px; left: 5px;
}
.redbar
{
	position:absolute;
	bottom: 0px;	
	width:20%;
	background-color:#cc3433;
	left: 40%;
}
.line-orange
{	
	border-top:solid 2px orange;
	width:175px;
	position:absolute;
	top: 75%; left: 100%;
}
.line-white
{	
	border-top:solid 6px white;
	position:absolute;
	width:175px;
	top: 74.5%; left: 100%;
}
.numbers
{
	height: 100%;
	position:absolute;
	top: 0px; right: 15px;	
}
.num
{
	height:18.15%;
	border:solid 0px red;
	font-family:Arial Narrow;
	font-size:20px;
}
