@CHARSET "UTF-8";
/* Copyright 2015 Brew Data LLC Company Proprietary */
body {
/*	background-color: LightGrey; */
}
h1, h2{
/*	border: 1px black dashed; */
	font-size: x-large;
	text-align: center;
	margin: 0.2em;
	clear: both;
	padding-top: 0.2em;
}
h2{
	font-size: large;
}
p {
/*	border: 1px black dashed; */
}
table,td,th {
	border: 1px solid black;
/*	font-size: 0.85em; */
	font-size: small; 
}
table {
	margin-left: 0.25em;
	margin-right: 0.25em;
}
td,th {
	padding: 3px 7px 2px 7px;
}
#jello {
/*	border: 2px black solid; */
	max-width: 480px;
/*	width: 320px; */
/*	height: 500px; */
	margin-left: auto; 
	margin-right: auto; 
	background-color: #EEEEEE; /* MD: Set background color 
								to stop the top of submit buttons
								from blending with the white background
								on windows */

}
#header {
/*	border: 2px red solid; */
/*	background-color: LightGrey; */
/*	background-color: #BCDEFF;	*/
	background-color: #ACE1EE; /* hue 215 degrees*/
	border-bottom: 2px black solid; 
}
#header p {
	margin: 0.2em;
	font-weight: bold;
	text-align: center;
}
#content {
/*	border: 2px blue solid; */
}
#content p {
	margin: 0.5em;
}
#footer {
/*	border: 2px green solid; */
/*	background-color: LightGrey; */
	background-color: #ACE1EE; /* hue 215 degrees*/
	border-top: 2px black solid; 
	text-align: center;
	clear: both;
}
#footer p {
	padding-top: 0.5em;
	margin: 0.2em;
}
.loginError {
	color: Red;
	font-weight: bold;
	margin-left: 0.5em;
}
.loginForm {
	/* MD Start: Added this to try centering the login form, we'll see how it looks */
	display: block;
	width: 75%;
	margin-left: auto; 
	margin-right: auto; 
	/* MD End */
/*	border: 1px black dashed; */
}
.loginForm fieldset {
	border: none;
	padding-bottom: 0.75em; /* MD: Fixed an issue in IE not padding submit buttons */
}
.menu {
/*	border: 1px red dashed; */
	margin-top: 0em;
	margin-left: 0em; 
/*	margin-left: -1.75em; */
	margin-right: 1.75em;
}
.menu li {
	list-style-type: none;
	width: 50%;
	text-align: center;
	float: left;
}
.menu a {
	text-decoration: none;
	border: 4px outset DimGray ; /* MD: Added color to shorthand property to fix solid black borders in IE, Chrome, and Safari */
	display: block;
	padding: 0.2em; 
	color: black; 
/*	background-color: #F2F2F2 */
/*	color: #E6A317; */
	background-color: #D3D9DB
/*	background-color: #BFC5C7 */

}
.menu a:hover {
	background-color: #878D83
}
.menu a:active {
	border: 4px inset DimGray; /* MD: Added color to shorthand property to fix solid black borders in IE, Chrome, and Safari */
	background-color: #2C535C
}
.channelList {
/*	border: 1px red dashed; */
	border: none;
	margin-top: 0em;
	margin-left: 0em; 
/*	margin-left: -1.75em; */
	margin-right: 1.75em;
}
.channelList li {
	list-style-type: none;
	width: 100%;
	text-align: center;
	float: left;
}
.channelList a {
	text-decoration: none;
	border: 4px outset DimGray; /* MD: Added color to shorthand property to fix solid black borders in IE, Chrome, and Safari */
	display: block;
	padding: 0.5em;  
	color: black; 
/*	background-color: #F2F2F2 */
/*	color: #E6A317; */
	background-color: #D3D9DB
/*	background-color: #BFC5C7 */
}
.channelList a:hover {
	background-color: #878D83
}
.channelList a:active {
	border: 4px inset DimGray; /* MD: Added color to shorthand property to fix solid black borders in IE, Chrome, and Safari */
	background-color: #2C535C
}
.loginForm input {
/* MD Start: center loginForm input elements
	width: 200px;*/
	display: block;
	width: 80%;
	margin-left: auto; 
	margin-right: auto; 
	/* MD End */
	padding: 0.25em;
	margin-top: 0.50em;
/* MD start: Removed these to allow input elements to be centered
	float: left;
	clear: left;
   MD End */
}
.loginForm label {
	float: left;
	clear: left;
	width: 100%; /* MD: Added to force ".loginForm input"'s down into the next line in IE */
}
.loginForm button {
	width: 200px;
	padding: 0.25em;
/*	float: left; */
/*	clear: both; */
}
.bigButton {
	width: 200px;
	padding: 0.25em;
/*	margin-top: 1em;*/
/*	float: left; */
/*	clear: both; */
}
.bigForm {
/*	border: 1px red dashed; */
}
.bigForm fieldset {
	border: none;
	/* MD Start: Added to stop form buttons appearing so far apart */
	padding-top: 0.25em; 
	padding-bottom: 0.25em;
	/* MD End */
}
.bigForm select {
/* MD Start: Center the 'select' elements of the bigForms
	width: 95%;*/
	display: block;
	width: 95%;
	margin-left: auto; 
	margin-right: auto; 
	/* MD End */
	padding-bottom: 0.15em;
/*	margin-left: 0.5em; MD: Removed to allow centering of bigForm 'select' elements*/
	font-size: small;
	margin-bottom: 0.5em;
	text-align: center;
}
.bigForm input {
/* MD Start: Added to center bigForm input elements
	width: 91%;*/
	display: block;
	width: 90%;
	margin-left: auto; 
	margin-right: auto; 
	/* MD End */
	padding: 0.15em;
/*	margin-left: 0.5em; Removed to allow centering of bigForm 'input' elements*/
	margin-top: 0em;	/* MD: Was 'margin-bottom' Changed to top and set to zero to remove extra space between buttons */
	font-size: small;
}
/* MD start: Stop radio buttons and checkboxs from pushing thier labels into the next line on Windows */
.bigForm input[type="radio"],input[type="checkbox"] {
	display: inline;
	width: auto;
	margin-left: 1em; 
	margin-right: 0em;
}
/* MD end */
.bigForm button {
	width: 95%;
	padding: 0.15em;
	margin-left: 0.5em;
	font-size: small;
}
/* MD start: Add margin to top and bottom of graph images, we need this since being inside <p> tags offsets them to the rights */
img[alt="plot.png"] {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
/* MD end */

/* text styles */
.text_left {
	float: left;
}
.text_right {
	float: right;
}
.text_medium {
	font-size: 1.0em;
}
.text_small {
	font-size: 0.85em;
}
.text_tiny {
	font-size: 0.65em;
}

/* JavaScript related styles */
.jsError {
	color: Red;
	font-style: italic;
	text-align: center;
}
.jsStatusText div {
	clear: both;
}

/*

.header {
	font-size: 0.75em;
	background-color: LightGrey;
	text-align: center;
	padding: 1px;
}

.content { 
	margin: 0;
	background-color: #BCDEFF;
	padding: 1px;
}


*/