html,body
{
	height:100%;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	cursor: url(cursor.png), auto; 
	background-color:rgba(00, 00, 180, 0.0);
	
}

#console
{
	height:200px;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	background-color: steelblue;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	bottom:0px;
	position:absolute;
	z-index:5;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#console h2
{
	color: black;
	font-size: 1.1em;
}

#console table
{
	white-space:nowrap;
}

#console table tr
{
    vertical-align: top;

}

#console table td
{
    padding: 7px;
}

#console .check
{
	vertical-align: top;
}

.button
{
	display:inline-block;
	width: 71px;
	height: 30px;
}

.buttonHide
{
	background-image:url('display.svg');
}

.buttonLarger
{
	background-image:url('larger.svg');
}

.buttonSmaller
{
	background-image:url('smaller.svg');
}

.buttonHelp
{
	background-image:url('help.svg');
}

.mirror 
{
  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Operah */
  -webkit-transform: scaleX(-1); /* webkit */
  transform: scaleX(-1);         /* standard */
  filter: FlipH;                 /* IE 6/7/8 */
}

#displayFrame
{
	position:relative;
	display: block;	
	width:100%;
	height:100%;	
	/*display:table;*/
	line-height:0;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:3;
	cursor: url(www.openoptometry.com/Alpha/OpenTestChart_v5_1/style/cursor.png);
	
		
	 -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}

.chart
{
	display: block;
	width:100%;
	text-align:center;
	position:absolute;
	z-index: 4;
	/*overflow:hidden;*/
	
}

.chart .row
{
	position:relative;
	display: block;
	line-height:0;
	white-space:nowrap;
	z-index: 4;
	
}

.letters
{
	display:  block;
	position: relative;
	z-index: 4;	
}



.crowdBars
{
	position:absolute;
	display:inline;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	
}

.crowdBar
{
	position:absolute;
	background-color:black;
}

#BGDuoRed
{
	position:absolute;
	height:100%;
	top:0px;
	width:50%;
	z-index: 2;
	background-color:rgba(200, 0, 0, 1);
}
#BGDuoGreen
{
	position:absolute;
	height:100%;
	top:0px;
	right: 0px;
	width:50%;
	z-index: 2;
	background-color:rgba(00, 255, 00, 1);
}


h2 {
	
white-space:nowrap;
}

.chart span
{
	position:relative;
	overflow: visible;
}

.chart .scale
{
	/*float:right;*/
	/*margin-right:1em;*/
	/*position:absolute;*/
	position:relative;
	/*right:5px;*/
	right:-25%;
	margin-right:5%;
	bottom:5px;
	font-size: 1.5em;
	opacity:1;
}

.cog
{
	position:absolute;
	bottom: 10px;
	z-index: 5;
	width:25px;
	height:25px;
}

.logo
{
	/*position:absolute;
	right:1em;
	top:1em;*/
	/*float:right;*/
}