/* mac hide \*/

/* =General - Structure & Layout
-----------------------------------------------------------------------------*/
html, body {
  	height:100%;
	padding:0;
	margin:0;
	font: 0.9em 'lucida grande', helvetica, arial;
}
/* end hide*/
body {
	background:#c3dde9;
	color: #13274d;
}
#outer {
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:370px;
	background:#ebf3f6;
	border-left:1px solid #97c6da;
	border-right:1px solid #97c6da;
	margin-bottom:-51px;
}
* html #outer {
	height:100%;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:64px;
	background: #fef1e3 url('images/logo.png') no-repeat 15px 1px;
	border-bottom:1px solid #d68c37;
	overflow:hidden;
}
#left {
	position:relative;/*ie needs this to show float */
	width:370px;
	float:left;
	margin-left:-369px;/*must be 1px less than width otherwise won't push footer down */
	left:-1px;/* line things up exactly*/
	padding:64px 0 0;
}
* html #left {
	margin-right:-3px
}/* three pixel jog*/
#left p {
	padding-left:3px;
	padding-right:2px
}
#footer {
	width:100%;
	clear:both;
	height:50px;
	background: #fef1e3;
	border-top:1px solid #d68c37;
	color: #000000;
	text-align:center;
	position:relative;
	margin-top:-51px;
}
* html #footer {/*only ie gets this style*/
	height:51px;/* for ie5 */
	he\ight:51px;/* for ie6 */
}
#clearfooter {
	clear:both;
	height:51px;
}/*needed to make room for footer*/
#right {
	float:right;
	width:100%;
	margin:0 0 0 -1px;
	position:relative;
	z-index:1;
	padding: 64px 0 0 0;
}


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
#outer:after {
	clear:both;
	display:block;
	height:1%;
	content:" ";
}

div#menu_sections
{
	position:absolute;
	margin-left:18px;
	margin-top:-24px;
}


div#menu_sections ul 
{
	list-style-type:none;
	margin:0;
	padding:0;
}

div#menu_sections li 
{
	display:inline;
}
div#menu_sections li a
{
	float:left;
	display: block;
	padding: 6px 12px;
	background:#f7aa52;
	border-right: 8px solid #fef1e3;	
	color: #13274d;
	font: bold 0.8em verdana;
}

div#menu_sections li a:hover, div#menu_sections li a.on
{
	background:#c3dde9;
}
	
div#content {margin-top:10px;}

div#footer a
{
  color: #13274d;
  padding: 6px 12px 6px 12px;
}

div#section_instructions a
{
  color: #d38807;
}

div#section_instructions a:hover
{
  color:#43a608;
}


/* =Headings
-----------------------------------------------------------------------------*/
h1, h2 {
	margin:0;
	font-family: verdana, helvetica, arial;
	}
	
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}	

#left h1 {padding-top: 1em; padding-left: 2px;}
#right h1, #right h2 
{
	padding-top: 1em;
	padding-bottom: 0.2em;
}

/* =div
-----------------------------------------------------------------------------*/
#left div.plot {width: 350px; height: 200px;}
#left div {padding-left: 3px;}
/* define right gutter */
#right div
{
	padding-left: 16px;
	padding-right: 12px;
}

div#elic_menu {margin-top: 2em;padding-left:0;}
div.elic_menu_expand {padding-bottom:2em;}

div.specify h3 a 
{
	color:#d38807;
	padding-left: 12px;
	background: url(images/arrow-off.png) no-repeat 0 2px;
	text-decoration: underline;
}

div.specify h3 a:hover, div.specify h3 a.on 
{
	color:#43a608;
}

div.specify h3 a.on
{
	padding-left: 15px;
	background: url(images/arrow-on.png) no-repeat -1px 3px;
}

div.section
{
	margin-top: 2em;
}



/* =tables
-----------------------------------------------------------------------------*/

table {
		border-collapse: collapse;
		width: 98%;
		background: #f9f9fd;
		margin-top: 6px;
		}
		
		td, th
		{
			padding: 6px 6px 6px 8px;
			text-align:center;
		}
		
		th {background: #fef1e3;}

/* =forms
-----------------------------------------------------------------------------*/

input 
{
	border: 1px solid #999;
}

input.btn 
{
	background:#f7aa52;
	color: #13274d;
	border:none;
	font-weight: bold;
	font-size: 0.8em;
	padding: 4px 6px;
	font-family: verdana;
	}

input.btn:hover{
  background: #fef1e3;
}
	
input.readonly
{
	background: #e4e4e4;
	color: #000;
}

/* =sliders
--------------------------------------------------------------------------*/
div#sensitivity_slider_mode, div#sensitivity_slider_n
{
  width: 300px;
}