.tabLine {position:absolute;left:0px;right:0;top:59px;height:50px;}
.tabLine ul { list-style: none; }
.tabLine li { display: inline;  }
.tabLine li button { border: solid; border-width: 1px 1px 1px 1px; margin:8px;padding: 6px; }
.tabLine li button.active { padding-bottom: 10px; border-bottom: 5px #FFFFFF; background-color: #FFFFFF;}
.tabLine li button.standalone { padding: 4px; }
.tabLine li a { border: solid; border-width: 1px 1px 0 1px; margin: 6px; padding: 6px; }
.tabLine li a.active { padding-bottom: 8px; border-bottom: 3px #FFFFFF; background-color: #FFFFFF;}
.leftSideTabs {position:absolute; left:0px; width:400px; top:0px; bottom:0px; }
.rightSideTabs{position:absolute; left:400px; right:0px; top:0px; bottom:0px; }


#mainBody{position:absolute; top:70px; bottom:0px; left:0px; right:0px; border:2px solid; }

#dataPanel{ display:block; }
#glacierPanel{ display: none; }
#modelPanel { display:none; }

#switchingPanel{position:absolute; top:0px; height:340px; left:0px; width:720px; border:1px solid; }
.mainPanel{position:absolute; top:0px; height:340px; left:0px; width:400px; border-bottom: 1px solid; }

#dataPanelButton{ position:absolute; top:9px; left:20px; border-width:1px 1px 1px 1px; z-index:1000; }
#glacierPanelButton{ position:absolute; top:9px; left:150px; border-width:1px 1px 1px 1px;z-index:1000; }
#modelPanelButton{ position:absolute; top:9px; left:290px; border-width:1px 1px 1px 1px;z-index:1000; }
.active{ padding-bottom:5px; border-bottom: 2px #FFFFFF; background-color:#FFFFFF; }

.leftSide {position:absolute; left:0px; width:400px; top:0px; bottom:0px; border: 1px solid; }
.rightSide{position:absolute; left:400px; right:0px; top:0px; bottom:0px; border: 1px solid; }

.upperPanel{position:absolute; top:0px; height:340px; left:0px; right:0px; border-bottom: 1px solid; }
.secondPanel{position:absolute; top:0px;bottom:0px; left:400px; right:0px; }
.secondPanel upper{ position:absolute; bottom:100px; top:0px; left:0px; right:0px; }
.secondPanel lower{ position:absolute; bottom:0px; top:100px; left:0px; right:0px; }
.lowerPanel{position:absolute; top:340px; bottom:0px; left:0px; right:0px; }

.leftSubPanel{position:absolute; left:0px; width:50%; top:30px; bottom:0px; border-top:solid 1px; border-right: solid 1px;}
.rightSubPanel{position:absolute; right:0px; width:50%; top:30px; bottom:0px; border-top:solid 1px; }

.lowerLeftSubPanel{position:absolute; left:0px; width:50%; top:0px; bottom:0px; }
.lowerRightSubPanel{position:absolute; right:0px; width:50%; top:0px; bottom:0px;}

.leftModelPanel{position:absolute; left:0px; width:50%; top:30px; bottom:0px;border-top:1px solid; border-right:1px solid;}
.modelHeader{font-size:18px; padding:10px;text-align:center;font-style:bold;}
.rightModelPanel{position:absolute; right:0px; width:50%; top:30px; bottom:0px;border-top:1px solid; }

.upperModelPanel{position:absolute; top:0px; bottom:340px; left:0px; width:400px; }

.upperSubPanel{position:absolute; top:0px; bottom:200px; left:0px; right:0px; }
#statusBox{position:absolute; height:150px; bottom:0px; left:5px; right:5px;font-size: 10pt; }

#textbox-region{ position:absolute; left:0px; width: 380px; top:342px; bottom:0px; padding:10px; }
#listCombine{position:absolute; right: 40px; top: 15px;display:none; }
#map-region{ position:absolute; left:330px; width:470px; top:10px; height:320px; border: 1px solid;  }
#glaciersInList{ display:none }
#mapZoomSlider{position:absolute; left:820px; top:120px; height:200px;z-index:2000}


.upper-list{position:absolute; top:30px; bottom:30px; left:0px; right:0px; }
ul{ list-style: none; padding:0px;}
.upper-list-duck {position:absolute; top:70px; bottom:30px; left:0px; right:0px; }
.upper-list-duck ul{ list-style: none; padding:0px;}
.lower-list{position:absolute; left:0px; right:0; height:30%; bottom:0px; }
#bin-squeezing-list{position:absolute; top:0px; bottom:30px; left:0px; right:0px; }

.header{ font:1.3em; text-align:center; font-weight:bold; padding:8pt; }
.scrolled-list{font-size:10pt; }
.scrolled-list{position:absolute;top:30;bottom:0;left:0;right:0;overflow-y:scroll;padding-left:10px;padding-right:10px;}
.unscrolled-list{font-size:10pt;position:absolute;top:30;bottom:0;left:0;right:0;padding-left:10px;padding-right:10px;}
.scrolled-nohead{position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:scroll;padding-left:10px;padding-right:10px;font-size:10pt;}

.scrolled-list input{float:left;font-size:0.5em;margin-top:0.3em;}
.scrolled-list input{margin-right:0.5em;}
.scrolled-list h2{font:bold 0.8em Helvetica,sans-serif;padding:0.3em;}
.scrolled-list h2{white-space:nowrap;text-overflow:ellipsis;width:170px;}
.scrolled-list h2{overflow:hidden;}
.scrolled-list h2 a{cursor:pointer;}
.scrolled-list li li{padding:0.2em;}
.scrolled-list li p{white-space:nowrap;text-overflow:ellipsis;}
.scrolled-list li p{overflow:hidden;width:150px;}
.scrolled-list li{list-style-type:none;}

.selected {background-color:Yellow; }
.moused-over {background-color:LightSkyBlue; }

.button-list {position:absolute;left:30px;top:20px;bottom:50px;padding:2pt;}
.button-list ul {list-style: none; }
.listButton { display:inline-block; padding: 2px; border: 1px solid; width:140px; align:center;list-style:none;background-color:#FFFFFF; }
.listButton.selected { background-color: Yellow; }
.listButton.moused-over { background-color: LightSkyBlue; }
.footnote {position:absolute; left: 4px; bottom:0px; height:25px; font-size:10pt;}
#bin-expanding-footnote {position:absolute; left: 4px; bottom:0px; height:20px; font-size:10pt;}

#plotSelectorArea{position:absolute; top:0px; bottom:0px;left:0px;width:120px; }
#powerLoad{z-index:1000;display:none; }
#downloadData{position:absolute; top:140px; right:0px; z-index:1000;}
#auxPlotUnitLabel{position:absolute; top:70px; right:0px; z-index:1000;}
#forcingSelector{position:absolute; top:50px; right:0px;z-index:1000; }

#temperatureSelector{position:absolute; top:180px; right:0px;z-index:1000;display:none; }
#fitSelector{position:absolute; top:200px; right:0px;z-index:1000; display:none;}
#normButton{position:absolute; top:220px; right:0px;z-index:1000; display:none;}
#combineButton{position:absolute; top:240px; right:0px;z-index:1000; display:none;}
#forcingTitle{ position:absolute; top:5px; left:400px; }
#forcingGraph{ position:absolute; top:0px; height:150px; left:70px; right:0px; }
#temperatureGraph{ position:absolute; bottom:0px; top: 100px; left:70px; right:0px; }

#binSelector{position:absolute; top:10px; right: 50px; margin-left: 50px; margin-top:5px; font:bold;z-index:1000;}
#query{ margin-left:35px;z-index:1000; }
.table-list{font-size:0.9em; }
#stations-chosen{ padding:5px; overflow-y:scroll;position:absolute;top:45px;bottom:0px;left:0px;right:0px; }
#station-desc{ padding:5px; }
#glacier-desc{ padding:5px; }