html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } :focus { 	outline: 0; } ins { 	text-decoration: none; } del { 	text-decoration: line-through; } table { border-collapse: collapse; 	border-spacing: 0; }

#tooltip{
	position:fixed;
	z-index:3;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	text-align:left;
	max-width:150px;
	font-size: 11px;
	line-height:14px;
	}

body {
	font-size: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	background-color: #fff;
	}
	
/* SIDEBAR */
	
#wrapper {
	margin: 0 auto;
	min-height: 800px;
	/*background-color: #B3C3C9;*/
	background-color: #fff;
	}
	
#content {
	overflow:hidden;
	}
	
#content h2 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 22px;
	}
	
#content p {
	padding: 5px;
	font-size: 12px;
	line-height: 22px;
	}
	
.demo {
	max-width: 240px;
	margin: 0;
	}
	
.collapse {
	padding-bottom: 10px;
	background-color: #fff;
	}
	
.slider {
	margin-bottom: 10px;
	}
	
#switch, .switch {
  /* --- for the expand all/collaps all link --- */ 
	}
	
/* MAIN CONTENT */

#main_content div {
	padding: 20px;
	}

#content h1 {
	margin-left: 150px;
	margin-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	}
	
#main_content p,
#main_content ul,
#main_content ol {
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 18px;
	}
	
#main_content ul {
	margin-left: 20px;
	list-style: disc;
	}
	
#main_content li {
	margin-bottom: 14px;
	}
	
.expand {
	background-color: #fff;
	}
/* --- Links  --- */
a:link, a:visited {
  text-decoration:none;
  color:#000;
  }
a:hover, a:active, a:focus {
  outline:0 none;
  background-color: #d9eef6;
}
a:active, a:focus {
  color:#000;
}
.expand a {
  display:block;
  padding:3px 10px;
}
.expand a:link, .expand a:visited {
	border-bottom: 1px solid #B3C3C9;
	background-image:url(images/arrow-down.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
	}
	
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:none;
  background-color: #d9eef6;
}
.expand.open a:link, .expand.open a:visited {
  background:#fff url(images/arrow-up.gif) no-repeat 98% 50%
}

.reset {
	width: 172px;
	height: 33px;
	font-size: 0px;
	margin:3px;
	border: none;
	text-indent: -10000px;
	overflow: hidden;
	cursor: pointer;
	background: url(images/reset_btn.jpg) 0 0 no-repeat;
	}
	
.reset:hover {
	background-position: -203px 0;
	}

.run {
	width: 172px;
	height: 33px;
	font-size: 0px;
	margin:3px;
	border: none;
	text-indent: -10000px;
	overflow: hidden;
	cursor: pointer;
	background: url(images/run_model_btn.jpg) 0 0 no-repeat;
}

.run:hover {
	background-position: -203px 0;
	}

.search_bar {
  font-size: 10px;
  padding:3px;
  color:#fff;
  font-weight:bold;
  width: 40px;
  position: relative;
  border: 0px;
  background-color: #444;
  border-radius:5px;
}
.button {
  font-size: 12px;
  /*padding:0px;*/
  font-weight:bold;
  width: 40px;
  position: relative;
  border: 0px;
  border-radius:5px;
  color: #fff;
	background-color: #1337a8;
	border-radius: 5px;
	border-right: 1px solid #2056ff;
	border-bottom: 1px solid #2056ff;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/*Component containers*/
.ui-widget-content { border: 1px solid #999; background: #000; }
.ui-widget-header { background: #CCC; }

/*Interaction states*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #000; background: #fff; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; background: #999;}

/*Corner radius*/
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/*slider position and size */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: .6em; cursor: default; }
.ui-slider-horizontal { height: .4em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; border-radius: 5px; }
.slider {width:130px; height:2px; margin-left:5px;}

/************************************************************************************************************/

.frame
{
	position:fixed;
	left:20px;
	top:10px;
}



/***************************************************************************/
#layera
{
	position:absolute;
	top:66px;
	left:94px;
	height:117px;
	width:398px;
}
#layer23
{
	position:absolute;
	top:166px;
	left:94px;
	height:118px;
	width:398px;
}
#layer12
{
	position:absolute;
	top:265px;
	left:94px;
	height:118px;
	width:398px;
}
#layer01
{
	position:absolute;
	top:365px;
	left:94px;
	height:118px;
	width:398px;
}
#layers
{
	position:absolute;
	top:465px;
	left:94px;
	height:117px;
	width:398px;
}
/***************************************************************************/
#colora
{
	position:absolute;
	top:61px;
	left:400px;
	height:97px;
	width:398px;
}
#color23
{
	position:absolute;
	top:160px;
	left:400px;
	height:98px;
	width:398px;
}
#color12
{
	position:absolute;
	top:260px;
	left:400px;
	height:98px;
	width:398px;
}
#color01
{
	position:absolute;
	top:360px;
	left:400px;
	height:98px;
	width:398px;
}
#colors
{
	position:absolute;
	top:460px;
	left:400px;
	height:97px;
	width:398px;
	/*background-image:url('media/graphics/sand.gif');*/
}
#sand
{
	position:absolute;
	top:460px;
	left:400px;
	height:97px;
	width:398px;
	background-image:url('media/graphics/sand.gif');
}
/***************************************************************************/
.emissivity
{
	position:absolute;
	top:25px;
	left:-7px;
}
.temperature
{
	position:absolute;
	top:25px;
	left:150px;
}
.deltazText
{
	position:absolute;
	top:69px;
	left:355px;
	width:277px;
	height:18px;
	padding:2px;
	color:#333;
	background-color: #fff;
	line-height:18px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	
	border-style:solid;
	border-color:#000;
	border-width:1px;
	border-radius:5px;
}

.deltazText_text {
	font-size: 12px;
}

.netflux
{
	position:absolute;
	top:34px;
	left:355px;
	width:133px;
	font-size: 12px;
	padding:3px;
	color:#333;
	font-weight:bold;
	border: 1px;
	background-color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	border-radius:5px;
}
.dTdt
{
	position:absolute;
	top:34px;
	left:580px;
	width:60px;
	font-size: 12px;
	padding:3px;
	color:#333;
	font-weight:bold;
	background-color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	border-radius:5px;
}
.fdn
{
	position:absolute;
	top:83px;
	left:350px;
	width:40px;
	font-size: 12px;
	padding:2px;
	line-height:100%;
	color:#333;
	font-weight:bold;
	border: 2px;
	background-color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	border-radius:5px;
}
.fup
{
	position:absolute;
	top:83px;
	left:450px;
	width:40px;
	font-size: 12px;
	padding:2px;
	line-height:100%;
	color:#333;
	font-weight:bold;
	border: 0px;
	background-color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	border-radius:5px;
}

#atmos_label
{
	position:absolute;
	top:30px;
	left:445px;
	width:120px;
	font-size: 12px;
	padding:3px;
	color:#333;
	font-weight:bold;
	border: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.arrow
{
	position:relative;
	top:-1px;
	font-size:18px;	
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.radiation_header
{
	position:absolute;
	top:-59px;	
	left:340px;
	width:170px;
	padding:0px;
	color:#333;
	border: 0px;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.radiation_header hr
{
	position:relative;
	top:-35px;
	left:-3px;
	color: #000;
	background-color: #000;
	height: 1px;
}
.squared
{
	position:relative;
	top:-4px;
	font-size: 9px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;	
}
.CKradio
{
	position:absolute;
	top:7px;
	left:242px;
	width:170px;
	padding:0px;
	color:#333;
	/*line-height:24px;*/
	border: 0px;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.CKradio hr
{
	position:relative;
	top:-35px;
	left:-13px;
	width:130px;
	color: #000;
	background-color: #000;
	height: 1px;;
}
.HourText
{
	position:absolute;
	top:-55px;
	left:550px;
	width:145px;
	
	padding:0px;
	color:#333;
	line-height:23px;
	border: 0px;
	/*background-color: #ccc;*/
	
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.HourText hr
{
	position:relative;
	top:30px;
	left:-42px;
	width:70px;
	color: #000;
	background-color: #000;
	height: 1px;;
}
#reset_button
{
	position:absolute;
	left:78px;
	top:28px;
	width:60px;
	height:24px;
}