.resultsHeightVert
{
	height: 700px;
}

.resultsHeightHorz
{
	height: 348px;
}

@media screen and (min-height: 100px)
{
	.resultsHeightVert { height: 350px; }
	.resultsHeightHorz { height: 174px; }
}

@media screen and (min-height: 800px)
{
	.resultsHeightVert { height: 600px; }
	.resultsHeightHorz { height: 298px; }
}

@media screen and (min-height: 900px)
{
	.resultsHeightVert { height: 700px; }
	.resultsHeightHorz { height: 348px; }
}

@media screen and (min-height: 1200px)
{
	.resultsHeightVert { height: 800px; }
	.resultsHeightHorz { height: 448px; }
}

@media screen and (min-height: 1300px)
{
	.resultsHeightVert { height: 900px; }
	.resultsHeightHorz { height: 498px; }
}

@media screen and (min-height: 1400px)
{
	.resultsHeightVert { height: 1000px; }
	.resultsHeightHorz { height: 548px; }
}

@media screen and (min-height: 1500px)
{
	.resultsHeightVert { height: 1100px; }
	.resultsHeightHorz { height: 598px; }
}

@media screen and (min-height: 1600px)
{
	.resultsHeightVert { height: 1200px; }
	.resultsHeightHorz { height: 648px; }
}

@media screen and (min-height: 1700px)
{
	.resultsHeightVert { height: 1300px; }
	.resultsHeightHorz { height: 698px; }
}

@media screen and (min-height: 1800px)
{
	.resultsHeightVert { height: 1400px; }
	.resultsHeightHorz { height: 748px; }
}

@media screen and (min-height: 1900px)
{
	.resultsHeightVert { height: 1500px; }
	.resultsHeightHorz { height: 798px; }
}

@media screen and (min-height: 2000px)
{
	.resultsHeightVert { height: 1600px; }
	.resultsHeightHorz { height: 848px; }
}


.blurb { font-family: Roboto, Arial, Helvetica, sans-serif; font-size:10pt }
.results { font-family: "Roboto Mono", "Lucida Console", Monaco, "Courier New", monospace; font-size:13pt }
.controls { font-family: Roboto, Arial, Helvetica, sans-serif; font-size:10pt }
hr { border: none; background-color: #ccc; color: #ccc; height: 1px; }

.simplemenu {
    float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.simplemenuinternal {
    float: left;
    padding-top: 6px;
}

a.simplemenuinternal:link { color: #7C3095; background: transparent; text-decoration: none; font-size: 10pt; }
a.simplemenuinternal:visited { color: #7C3095; background: transparent; text-decoration: none; font-size: 10pt; }
a.simplemenuinternal:hover { color: #FF3095; background: transparent; text-decoration: none; font-size: 10pt; }
a.simplemenuinternal:active { color: #FF3095; background: transparent; text-decoration: underline; font-size: 10pt; }

a:link { color: #7C3095; background: transparent; }
a:visited { color: #7C3095; background: transparent; }
a:hover { color: #FF3095; background: transparent; }
a:active { color: #FF3095; background: transparent; }

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

.classclear {
	clear: both;
}

#header {
	margin: 0 2% 0 2%; 
}

#footer {
	clear: both;
	margin: 0 2% 0 2%;
    color: #5F5A59;
}

#biggestcontrols
{
	position: static;
	margin: 0 0 0 0;
	z-index: 4;
}

#biggestnavigation
{
	position: fixed;
	top: 0px;
	margin: 0 0 0 5%; 
	width: 90%;
	height: 100px;
	background-color: #e1e7f4;
	border-radius: 10px;
	z-index: 3;
}

#biggestnavigationcontrolscenter {
    position: static;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#biggestresults
{
	position: absolute;
	top: 116px;
	left: 0px;
	width: 96%;
	margin: 0 2% 0 2%;
	z-index: 2; 
}

#navigationcontrols {
	width: 56%;
	margin: 0 2% 1em 42%;
}

#bignavigationcontrols {
	width: 96%;
	margin: 0 2% 1em 2%;
}

#navigationcontrolscenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	

#formcontrols {
	float: left;
	width: 36%;
	margin: 0 4% 0 2%;
}

#bigformcontrols {
	width: 96%;
	margin: 0 2% 0 2%;
}


#resultsboxvert1 {
	float: left;
	width: 27%;
	margin: 0 2% 0 0;
}

#resultsboxvert2 {
	float: left;
	width: 27%;
	margin: 0 2% 0 0;

}

#bigresultsboxvert1 {
    float: left;
	width: 47%;
	margin: 0 2% 0 2%;
}

#bigresultsboxvert2 {
    float: left;
	width: 47%;
	margin: 0 2% 0 0;

}

#resultsboxhoriz1 {
	float: left;
	width: 56%;
	margin: 0 2% 1em 0;
}

#resultsboxhoriz2 {
	float: left;
	width: 56%;
	margin: 0 2% 0 0;
}

#bigresultsboxhoriz1 {
	width: 96%;
	margin: 0 2% 1em 2%;
}

#bigresultsboxhoriz2 {
	width: 96%;
	margin: 0 2% 0 2%;
}


#resultsboxsingle {
    float: left;
    width: 56%;
    margin: 0 2% 0 0;
}

#bigresultsboxsingle {
    width: 96%;
    margin: 0 2% 0 2%;
}

#nagdialog
{
    font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
	position: fixed;
	right: 5%;
	left: 5%;
	top: 5%;
	width: 90%;
	height: 90%;
	color: black;
	background-color: pink;
	z-index: 1100;
	text-align: justify;
	display: none;

	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 2px solid #000000;
}

#vertposnagboxbuttons
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	
}

#centernagboxbuttons
{
	position: static;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}