@import url(helixbase.css);

html {
	background: white;
/*  	border: 2px solid red; */ /* remove when this site goes live */
	margin: 0px; }

body
{
/*	z-index: 0; */ /* kills javascript/imagescript.js */
	color: black;
	font-family: serif;
	font-size: 0.85em;
	margin: 2px;
}

/* for surveys */
.surveyradio {
	background: url(/graphics/radio-bkg30.gif) no-repeat center !important;
	white-space: nowrap;
	text-align: center;
	vertical-align: bottom;
}

.surveyresult {
	background-color: #eee;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}

td span.essential {
	font-size: 80%;
	color: red;
	font-style: italic;
}

/*** smartphone variations ***/
@media screen and (max-width: 450px) {
	.googleframe,
	.pagetop { display: none; }

	#homerow img { width: 90px !important; }
	td#nav img { width: 90px !important; }

	tr#homerow td.logo,
	td.prod a,
	td.usu a,
	td.ee a {
		min-width: 90px;
		width: 90px;
	}

	td.prod,
	td.usu,
	td.ee,
	td#nav .navleft, 
	td#nav .navlink {
		width: 95px;
	 	font-size: 0.5em;
	}

	td#nav div.h3,
	td#nav .navleft-head {
		width: 100px;
	 	font-size: 0.5em;
	}
	
	.navbar p.navright a {
	 	font-size: 0.5em;
		display: block;
		width: 96%;
		text-align: center;
		
	}
}