#supermega       {width:1400;margin-left:auto;margin-right:auto;}

.top             {width:1000;}
#descr           {width:880;}
#descr ul        {margin-left:auto;margin-right:auto;width:800}

.bottom          {width:1400;padding:5}
.footer          {width:1410}

.onoffswitch     {position:absolute;bottom:8;right:27;}

.panel-descr     {margin:20 auto;text-align:center}


#mytable      {width:1000;}


#lhs          {position:relative;width:800;height:800;}
#map          {position:absolute;width:800;height:800;top:0;left:0;z-index:3;border:1px solid black}
#color_WebGL  {position:absolute;width:800;height:800;top:0;left:0;z-index:4;border:1px solid black}
#overlay      {position:absolute;width:800;height:800;top:0;left:0;z-index:5;border:1px solid black}



#rhs          {position:relative;top:-8;left:-7;width:600;height:800}

#plot         {position:relative;top:0;width:580;height:300;}
.main         {position:absolute;left:0;top:0;width:580;height:300;z-index:1}
.bg           {position:absolute;left:0;z-index:0;}
.x-label      {position:absolute;left:230;bottom:-25;width:100;z-index:2;font-size:22;text-align:center;}
.y-label      {position:absolute;right:-45;top:125;width:70;font-size:22;text-align:center;-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg)}







#extras {margin-top:30;padding:0}

.mega   {float:left;height:300;width:600;background-color:#ffffff;color:#111111;padding:0;margin:20 0 0 3;}
.tab    {display:none;width:580;height:390;overflow:auto;position:relative;top:-1;border-top:1px solid #000000;background-color: #ffffff;margin:10 10 0 10;padding:10 10 0 10;}

.mega .mymenu {
    margin:0;
}
.mega .mymenu li {
    float: left;
    list-style: none outside none;
}
.mega .mymenu a {
    height:15;
    background-color: #444444;
    color: #FFFFFF;
    display: block;
    font: 10px Verdana;
    margin: 1px 1px 1px 0;
    padding: 6px 10px;
    text-decoration: none !important;
}
.mega .mymenu a:hover {
    background-color: #111111;
    color: #FFFFFF;
}
.mega .mymenu a.selected {
    background-color: #efefef;
    border-bottom: 1px solid #efefef;
    color: #000000;
    cursor: default;
    margin-bottom: 0;
}
.mega .mymenu .ui-tabs-active a {
    background-color:#cccccc;
    color:#444444;
}


#controls                   {text-align:center;margin:0;}
#controls .easy             {margin-top:0}
#controls .easy td          {width:200;vertical-align:top;position:relative}
#controls .easy .column     {border:1px solid #cccccc;height:140;border-radius:5px;}
#controls .easy label       {display:block;text-align:right;padding-right:8}
#controls .easy .myinput    {width:70;border:1px solid #000000;text-align:center}
#controls .easy h4          {text-align:center;margin:5 auto}
#controls .easy .sh         {position:absolute;bottom:0;width:100%;z-index:3}
#controls .easy .sh button  {display:block;margin:0 auto 4 auto;width:100;height:20;font-size:11}
#controls .easy .over       {width:100%;height:100%;background-color:#cccccc;opacity:0.5;z-index:2;position:absolute;top:0;left:0;border-radius:5px}
#controls .easy .lalign     {text-align:left;padding-left:3px;}

#controls .easy .checkbox        {width:10;}
#controls .easy .interactive table {width:145;margin: 0 auto;}
#controls .easy .cosmo table     {margin:0 auto;}
#controls .easy .cosmo table td  {width:auto;}
#controls .easy .cosmo .lalign   {}
#controls .easy #random          {display:block;margin: 0 auto;height:20;font-size:11}
#controls .profile               {}
#controls .profile .fl           {width:270;}
#controls .profile .fll          {float:left;}
#controls .profile .flr          {float:right;}
#controls .profile .implies      {width:20;height:120;line-height:150px;font-size:30;float:left;text-align:center;border:0px solid red}
#controls .profile .psema        {font-weight:normal;}
#controls .profile table         {margin: 0 auto}
#controls .profile table td      {width:auto;}
#controls .profile .disabled     {width:80;border:none;background-color:white;text-align:center;color:black;font-weight:bold;font-size:14}
#controls .profile #message      {border:none;text-align:center;font-style:italic}




#change_map                 {margin:0}
.mytable2                   {margin:0 auto}
.mytable2 input             {width:60;border:1px solid #000000;text-align:center}
#btn_go                     {display:block;margin:10 auto}
#data_message               {display:block;width:300;margin:0 auto;color:cc0030;text-align:center;font-style:italic;border:0px solid black}


#profile             {margin:0}
/*#profile .panel-descr{margin-bottom:5}*/
.grab                {cursor:-moz-grab;cursor:-webkit-grab;}
.grabbing            {cursor:-moz-grabbing;cursor:-webkit-grabbing;}
#scale_label         {width:50;position:absolute;bottom:15;left:20;z-index:1;font-size:12;color:red}
#scale               {border-bottom:1px solid red;position:absolute;bottom:13;left:20;z-index:1;}
#disc_div            {height:300;width:300;float:left;border:2px solid black;}
#incl                {margin-top:10}
#theta               {text-align:right;border:none;width:45;color:black;background-color:transparent}
#phi                 {text-align:right;border:none;width:45;color:black;background-color:transparent}



#color           {margin:0}
#cbarplot        {position:relative;width:516;height:110;border:0px solid #444444;}
#cbar_main       {width:516;height:65;font-size:15;border:0px solid blue;}
#cbar_bg         {position:absolute;background-color:ffffff;z-index:0;border:0px solid red;}
.cbar-xlabel     {position:absolute;font-size:130%;width:100;text-align:center}





/*
#disc_div     {width:400;margin:0 auto;border:1px solid black}
#incl         {margin:0 auto;}
#incl input   {width:40;text-align:right;border:1px solid #777777}

#kin          {border:1px solid black;width:400;height:400}
*/
