.top        {width:780;}
.bottom     {width:1100;}
.footer     {width:1100;}

.windows_up {position:relative;left:60;top:20}
.windows    {margin: 0 auto}
.windows td {vertical-align:top}

.plot_div          {width:650;height:480;position:relative;}



#pspace          {width:460;height:400;position:relative;top:0;right:0;}
.head            {display:none}
.main            {position:absolute;left:-40;top:10;width:450;height:310;z-index:1}
.bg              {position:absolute;left:-40;z-index:0}
.bg img          {position:absolute;left:-40;width:100%;height:100%}
.hid_img         {display:none}
.vis_img         {display:block}
.foot            {position:absolute;bottom:0;left:-110;width:430;height:70;font-size:13;border:0px solid black}
.foot select     {width:120;font-size:10;}
.foot label      {}
.x-label         {position:absolute;left:200;bottom:55px;font-size:22;font-weight:bold}
.y-label         {position:absolute;left:-70px;top:130;font-size:22;font-weight:bold}


#search_tools    {width:210;padding:20}
.title           {font-style:italic}

#myform          {margin:0}

.plot_pos        {margin-bottom:30;margin-top:60}
.plot_pos p      {text-align:center;margin: 5 0 }
.plot_pos .title {text-align:center;}
.plot_pos .vals  {text-align:center;margin-top:5}
.plot_pos input  {width:60;border:none;text-align:center;background-color:transparent;color:black;font-size:15}

.gd1_pos         {margin-bottom:90;margin-top:0}
.gd1_pos p       {text-align:center}
.gd1_pos .title  {text-align:center;margin-bottom:0}
.gd1_pos .vals   {text-align:center;font-weight:bold;margin-top:5}
.gd1_pos input   {width:60;border:none;text-align:center;font-weight:bold;background-color:transparent;color:black;font-size:17}


.onoffswitch     {position:absolute;top:30;left:50;}





.sums_contr        {position:relative;top:10;left:32;margin: 0 auto}

.slide_color       {width:576;height:30;position:absolute;top:0;right:3}
.slide_color table {margin: 0 auto;text-align:center;position:absolute;bottom:0}
.slide_color #sums {}
#mu                {width:60;border:1px solid #000000;text-align:center;color:000000}

#slider            {width:576;position:relative;top:0;right:5;margin-top:10;border:none;height:2}
.my-slider         {margin:14 auto 0 auto;position:relative;width:500;height:1;border:1px solid #999999}
.my-slider-handle  {position:absolute;width:0;height:0;margin-left:-10;top:-10;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000000;}
.active            {background-color:ffffff}
.inactive          {background-color:dddddd}

#plot_bg           {position:absolute;top:34;right:4}
#colorbar_cv       {width:100%;height:100%;}

#mpd_plot          {width:600;height:400;position:absolute;top:30;right:0}
#x-label-mpd       {font-size:22;font-weight:bold;width:120;position:absolute;bottom:5;left:310}
#y-label-mpd       {font-size:22;font-weight:bold;width:50;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform: rotate(270deg);white-space:nowrap;position:absolute;top:210;left:5}



#all_controls    {margin-top:60}

.controls        {margin: 0 0 0 20}

.gd0_mean        {margin:20 0 0 12;border:0px solid #999999;padding:5;display:inline-block;font-size:15;font-style:italic;}
.gd0_mean table  {border-collapse:collapse;font-style:italic}
.gd0_mean label  {margin-right:10}

.up              {border-collapse:collapse}
.up .vals        {padding: 3 6;text-align:right;font-weight:bold}
.up tbody        {font-size:13}
.up .text        {width:60;border:1px solid #cccccc;color:000000;background-color:ffffff;text-align:center}
#clfi            {font-size:12;height:20;margin-top:10}

.side_plot_div   {position:relative;}
.side_plot       {border:0px solid black;width:200;height:300;margin: 7 0 0 5;}
.P-label         {position:absolute;left:85;top:-25;}
.P-label table   {font-size:17;font-weight:bold;}


.Pswitch {position:relative;margin-top:7}
.Pswitch {
	width: 60px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.Pswitch-checkbox {
	display: none;
}
.Pswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
}
.Pswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.Pswitch-inner:before, .Pswitch-inner:after {
	float: left;
	width: 50%;
	height: 18px;
	padding: 0;
	line-height: 18px;
	font-size: 13px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.Pswitch-inner:before {
	content: "high";
	padding-left: 9px;
	background-color: #ffffff;
	color: #000000;
}
.Pswitch-inner:after {
	content: "low";
	padding-right: 9px;
	background-color: #ffffff;
	color: #000000;
	text-align: right;
}
.Pswitch-switch {
	width: 9px; margin: 4.5px;
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 38px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.Pswitch-checkbox:checked + .Pswitch-label .Pswitch-inner {
	margin-left: 0;
}
.Pswitch-checkbox:checked + .Pswitch-label .Pswitch-switch {
	right: 0px;
}