html{
  width:100%;
  height:100%;
}
body{
  margin:0;
  width:100%;
  height:100%;
  background:#665;
}

#goalmap{
/*  float:left;*/
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  padding:0 10px;

  background:#fffff3;
  border-radius:4px;
  z-index:1;
  overflow-y: hidden;
}

#viewport{
  background:#fffff0;
/*  position:absolute;*/
/*  top:10px;*/
/*  left:270px;*/
/*  margin:10px 0;*/
}


#cpanel{
  position:absolute;
  right:0px;
  top:0;
/*
  width:256px;
  bottom:10px;
 */
  overflow:hidden;
  border:1px solid #ccb;
  padding-left:0px;
  background:white;
  font-size:10px;
  overflow-y: hidden;
}

#source{
  overflow: hidden;
};

#sourcecode{
  position:relative;
  display:block;
  border:0;
  padding:0 0 0 2px;
  margin:0;
  resize:none;
  overflow-y: scroll;
  overflow-x: hidden;
}

#gmtabs{
  overflow: hidden;
};

#nodetitle{
  font-size: 150%;
  font-style: bold;
}

#nodetitle{
  font-size: 150%;
  font-style: bold;
}

#horizonbar{
  background: #CFF;
  color: #000;
  font-size: 125%;
}

#sourcebar{
  background: #CFF;
  color: #000;
  font-size: 125%;
}

#detailctrl{
    float: right;
}

#grabber{
  position:absolute;
  background:#b3bcb0;
  width:8px;
  top:0px;
  bottom:0px;
/*
  left:800px;
*/
}

#grabber:hover{
  cursor:col-resize
}

a.update{
  margin:0;
  background:#443;
  padding:9px 8px 7px 8px;
  height:18px;
  clear:both;
  display:none;
  text-decoration:none;
  font:12px Arial, sans-serif;
  color:white;
  vertical-align:bottom;
  min-width:100px;
}


.frob,
.adjusting:hover{
  color:blue;
  font-size:14px;
  cursor:col-resize;
}

.frob.adjusting{
  color:#C98300;
}

.frob.huge{
  color:#AA4A02;
}

.frob.tiny{
  color:#C1BE85;
}

.toggle{
  color:blue;
  font-size:14px;
  cursor:pointer;
}


@media print {
    #grabber { display: none; }
    #cpanel { display: none; }
}