body
{
	background-color:		rgb(143, 156, 147);
	margin:					0px;
	padding:				0px;
	font-family: 			"Helvetica Neue";
	color:					rgb(84, 100, 93);
	font-size:				16px;
}

h1
{
	
}

form
{
	margin:					0px;
	padding:				0px;
}

input
{
	margin-top:				8px;
	margin-bottom:			4px;
	width:					484px;
	font-size:				16px;
	font-family: 			"Helvetica Neue";
	color:					rgb(84, 100, 93);
}

.statLabel
{
	cursor:					default;
}

#page
{
	background-color:		#C2CEC5;
	width:					1050px;
	margin-left:			30px;
	margin-right:			auto;
	box-shadow:				0px 0px 12px #3D5348;
}

#header
{
	width:					auto;
	background-color:		#585;
	text-align: 			left;
	height:					60px;
}

.button
{
	width:					166px;
	height:					30px;
	background-color:		#585;
	text-align: 			center;
	vertical-align: 		middle;
	line-height: 			30px;
	color:					white;

	-webkit-touch-callout: 	none;
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		moz-none;
	-ms-user-select: 		none;
	user-select: 			none;
	cursor:					default;
}
.button:hover
{
	background-color:		#474;
}
.floater
{
	float:					left;
}
.floaterR
{
	float:					right;
}
.floatBar
{
	height:					30px;
	background-color:		#585;
	width:					1050px;
}
#materialBar
{
	background-color:		rgb(68, 68, 68);
}
#materialBar .button
{
	background-color:		rgb(68, 68, 68);
	width:					185px;
	color:					#999;
}
#materialBar .button:hover
{
	background-color:		rgb(56, 56, 56);
}
#title
{
	font-weight:			bold;
	font-size:				24px;
	line-height: 			30px;
	vertical-align: 		middle;
	color:					#4F794F;
	width:					350px;
	text-align: 			right;
	padding-right:			15px;
	cursor:					default;
	overflow:				hidden;
	height:					30px;
	float:					right;
}
.noselect
{
	-webkit-touch-callout: 	none;
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		moz-none;
	-ms-user-select: 		none;
	user-select: 			none;
	cursor:					default;
}

#footer
{
	width:					1020px;
	height:					30px;
	background-color:		rgb(68, 68, 68);
	color:					#999;
	padding:				0px 15px;
	line-height: 			30px;
	vertical-align: 		middle;
	cursor:					default;
}

.vertSpace
{
	height:					537px;
}

.controlBox
{
	background-color:		white;
	margin:					15px;
	padding:				8px;
	border-radius: 			5px;
}

#materialList
{
	width:					335px;
	height:					100px;
	padding:				0px;
	overflow:				scroll;
}
.materialListItem
{
	width:					319px;
	height:					19px;
	padding:				0px 8px;
	cursor:					default;

	-webkit-touch-callout: 	none;
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		moz-none;
	-ms-user-select: 		none;
	user-select: 			none;
	cursor:					default;
}

.materialListText
{
	float:					left;
	width:					90%;
}

.materialListItem:hover
{
	background-color:		rgb(203, 203, 255);
}

.materialListIcon
{
	float:					left;
	/*opacity:				0.5;*/
	/*filter:					alpha(opacity=50);*/
	cursor:					pointer;
}
/*
.materialListIcon:hover
{
	opacity:				1.0;
	filter:					alpha(opacity=100);
}*/

#statList
{
	margin-left:			0px;
	width:					654px;
	height:					84px;
}
#pressureView
{
	background-color:		black;
	padding:				0px;
	margin-top:				0px;
	margin-bottom:			0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#graphView
{
	background-color:		white;
	padding:				0px;
	margin-top:				0px;
	margin-left:			0px;
	margin-bottom:			0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.selected
{
	/*color:					#BBB;*/
}

.hidden
{
	color:					#BBB;
}

.blankList
{
	display:				block;
	color:					#BBB;
	text-align:				center;
	padding-right:			8px;
	line-height:			30px;
	vertical-align: 		middle;
}

#activeMaterialName
{
	font-weight: 			bold;
	margin-top:				0px;
	margin-bottom:			4px;
	height:					19px;
	/*margin-bottom:			4px;*/
}

.controlButton
{
	font-family: 			"Helvetica Neue";
	font-size:				16px;
	width:					30px;
	height:					30px;
	margin:					0px;
	background-color:		#282828;
	border:					none;
	color:					#999;
	border-radius: 			5px;
}
.controlButton:hover
{
	background-color:		#222222;
}
.controlButton:active
{
	background-color:		black;
}

#pressureViewControls
{
	color:					#999;
	height: 				80px;
	width:					486px;
	margin-top:				0px;
	padding:				0px 8px;
	background-color:		#444;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#slider
{
	width:					275px;
	position:				relative;
	top:					3px;
}

.playbackButton
{
	width:					20px;
	height:					20px;
	float:					left;
	opacity:				0.5;
	filter:					alpha(opacity=50);
	margin:					10px 20px;
}
.playbackButton:hover
{
	opacity:				0.65;
	filter:					alpha(opacity=65);
}
.playbackButton:active
{
	opacity:				1;
	filter:					alpha(opacity=100);
}

#graphViewControls
{
	color:					#54645D;
	height: 				80px;
	width:					486px;
	margin-top:				0px;
	padding:				0px 8px;
	background-color:		#E4E4E4;
	margin-left:			0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#graphViewTitle
{
	font-weight: 			bold;
	height:					26px;
	line-height: 			28px;
	vertical-align: 		middle;
}

#exportToCSV
{
	width:					196px;
	height:					22px;
}

#selectGraphView
{
	width:					231px;
	height:					28px;
	margin-left:			7px;
}

#graphKey
{
	margin-bottom:			4px;
	padding:				none;
	height:					20px;
}

.colorKey
{
	width:					18px;
	height:					18px;
	border-style:			solid;
	border-color:			black;
	border-width:			1px;
	background-color:		red;
	float:					left;
	margin-right:			5px;
	color:					black;
}
.rangeClick:hover
{
	color:					black;
	margin-left:			2px;
}
#linker
{
	float:right;width:200px;text-align:right;color:#999;text-decoration: none;
}
#linker:link {text-decoration:none;}
#linker:visited {text-decoration:none;}
#linker:hover {text-decoration:none;}
#linker:active {text-decoration:none;}