/*
 *  Colors
 *
 *  #F5F5F7    pale blueish white: page body background.
 *  #000066    deep dark blue, used for text
 *  #CCCCFF    pale blue used for lines in borders
 *  #CC9933    gold, used for rollovers
 *  #EBECF7    light periwinkle, background for menu bar, top bar.
 *  #673398    deeper periwinkle color, background on links when rolled over
 *  #F1EAE0    tan color behind tool tips
 *  #0911FE
 */

body {
	background-color: #FFFFFF;
	width: 970px; 
	margin-left: auto;
	margin-right: auto; 
	margin-top: 0;
	margin-bottom:   0px;
	font-size:    11pt;
	font-family:    Arial, "Trebuchet MS",Verdana, Geneva, Helvetica, sans-serif;
}

p {
	font-size: 11pt;
}

.strong {
	font-weight: bolder; 
}

.underline {
	text-decoration: underline;
}

.red {
	color: #f00;
}

input, select{
	font-size: 0.9em;
	color: #0000AA;
}

hr {
	color: #0000AA;
}

a {

}

a:hover {
	color: #CC0000;
}

div.clearboth {
	clear: both
}

#maincontentbox {
	color: #4D4D4F;
}

#header {
	height: 111px;
	position: relative; 
}

#logo {
	padding-top: 13px;
	float: left;
}

#top-search{
	height: 25px;
	position: absolute;
	right: 30px; 
	top: 50px;
	width: 370px;
}

.search-input {
	background: transparent url("/images/search.png") no-repeat scroll 0 0;
	border: medium none;
	color: #9499A1;
	float: left;
	font-family: Arial;
	font-size: 13px;
	height: 17px;
	margin: 0;
	padding: 5px 10px 0 38px;
	width: 240px; 
}

#search-submit {
	border: 0 none;
	float: right;
	height: 30px;
	margin-top: -2px;
	width: 73px;
}

/* ---------------------------------------------------
 * Top Navigation
 * ---------------------------------------------------*/
.top {
	margin: 15px 0px 30px 0px;
	float: left;
	width: 970px;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	padding: 0; 	
}

div#menu {
	padding-top: 5px;
}

ul.topnav {
	z-index: 99;
	margin: 0;	
	padding: 0px;
	list-style: none;
	line-height: 1;
}

ul.topnav li{
	float: left; 
	width: auto;
	padding-right: 30px;
	list-style-type: none;
}

.topnav a {
	position: relative;
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	z-index: 100;
	padding: 5px 0px;
	line-height: 18px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #58596E;	
}

.headimg {
	margin-bottom: 20px;
	position: relative; 
}

img#headerimage {
	border: 0;
	margin: 0;
	padding: 0; 
}

/* -----------------------------------------------------
 * Message Bar
 * ----------------------------------------------------*/
.messagebar {
	background-color:#e3a4a2;
	padding:4px 20px;
	line-height: 34px;
	margin-bottom: 30px}"
)
 
/* -----------------------------------------------------
 * Page Middle
 * ----------------------------------------------------*/

div#innercontent {
	padding-top: 15px;
	border-top: 1px solid threedshadow; 
}

/* -----------------------------------------------------
 * Login
 * ----------------------------------------------------*/
 
#loginbox {
	border: 1px solid blue;
	background: #F5F5F7;
	width: 110px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:	8pt;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#loginbody {
	border-top: 1px solid blue;
	padding-bottom: 6px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	text-align: center;
}

#loginheading {
	margin: 5px 0 5px 0;
	text-align: center;
	height: 10px;
}

#loginbutton {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
	margin-top: 12px;
	text-align: center;
}

#logoutbutton {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
	margin-top: 12px;
	text-align: center;
}

#loginuserid {
	margin-right: auto;
	width: 50%;
	margin-left: auto;
	font-size: larger;
	font-weight: bold;
  	text-align: center;
}

/* -----------------------------------------
 * Page Footer
 * ---------------------------------------*/

#pagefooter {
	color: #bbb;
	margin-top: 20px; 
	font-size: smaller; 
}
/* -------------------------------------
 *  Download directory
 * -------------------------------------*/
 
 div#jqft {
 	width: 900px;
 	padding: 10px; 
 }
 
/*--------------------------------------
 *  User Table and User Display 
 *--------------------------------------*/
td.usertag {
	font-weight: bold;
	padding-right: 15px;
} 
 
/*--------------------------------------
 *  ADF Applet
 *--------------------------------------*/
div.adf {
	margin-left: auto;
	margin-right: auto;
	width:550px; 
}
#adfapplet {
	width: 600px;
	height: 400px;
} 
 
/*--------------------------------------
 *  Java soda machine
 *--------------------------------------*/
#sodainstructions {
	float: left;
	width: 550px; 
	height: 550px;
	padding: 10px;
	border: none;
}
#sodainstructions p {
	font-size: 10pt;
}
#sodacontainer {
	float: right;
	margin-left: 20px;
	width: 360px;
	border: 1px solid threedshadow;
}
#sodacommentary {
	clear: both; 
	width: 100%;
	padding-top: 20px;
}
#sodacommentary p {
	font-size: 10pt;
}

button.downloadstuffbutton {
	height: 50px; 
	margin: 20px; 
	padding: 15px;
}
/*--------------------------
 *  Recorder
 *--------------------------*/
button.spectra {  
	margin-right: 8px; 
	width: 50px;
	height: 25px; 
}
button.spectra.enabled{
	color: blue; 
}