#banner {
    width: 1400px;     height: 60px;
    position: absolute;    left: 0px;      top: 0px;
    background-color: #CCDDDD;
    }
  #nssl_logo {
    width:56px;    height:56px;
    position:absolute;     left:8px;     top: 2px;
    background:url(shared/NSSL_Logo_56x56.png);
    }
  #logo_title {
    position: absolute;     left: 80px;     top: -4px;
    font-family: arial;     font-size: 36pt;      font-weight: bold;
    text-align: left;
    color: #000000;
    }
  #logo_sub_title {
    position: absolute;     left: 82px;     top: 42px;
    font-family: arial;     font-size: 11pt;      font-weight: bold;
    text-align: left;
    color: #5091CD;
    }
  #main_title {
    position: absolute;     left: 640px;      top: 9px;
    font-family: arial;     font-size: 26pt;      font-weight: bold;
    text-align: left;
    color: #000000;
    }

/*--------Containers for main menu areas------------------*/
  #main_container {
    width: 1400px;     height: 710px;
    position: absolute;    left: 0px;        top: 60px;
    background-color: #CCDDDD;
    }
  #left_panel {
    width: 400px;     height: 750px;
    position: absolute;    left: 0px;        top: 0px;
    background-color: #E8E8E8;
    }
  #calendar_panel {
    width: 302px;     height: 142px;
    position: absolute;    left: 20px;        top: 12px;
    border: 1px solid #000000;
    }
  #time_mode_label {  left: 196px;   top: 166px;  }

  #product_select_label {  left: 12px;   top: 206px;  }
  #product_select {
    width: 400px;     height: 466px;
    position: absolute;    left: 0px;        top: 220px;
    }
  #qpe_palette_select {
    width: 400px;     height: 100px;
    position: absolute;    left: 0px;    top: 695px;
    }
  #qperate_palette_select_label {  left: 30px;   top: 8px;  }
  #qpe_palette_select_label {  left: 30px;   top: 34px;  }

  .main_map {
    width: 920px;     height: 630px;
    position: absolute;    left: 400px;      top: 0px;
    }
  #footer_div {
    width: 1000px;    height: 120px;
    position: absolute;    left: 400px;      top: 630px;
    background-color: #CCDDDD;
    }
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/

  #opacity_select_label {  left: 30px;   top: 666px;  }

  #side_legend {
    width: 80px;      height: 600px;
    position: absolute;    left: 1320px;     top: 0px;
    background-color: #CCDDDD;
    }
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
  #zoom_bar {
    width: 21px;      height: 196px;
    position: absolute;
    left: 410px;      top: 6px;
    background-color: #AAE8E8;
    z-index: 24;
    }
  #zoom_readout  {  width: 180px;   left: 440px;    top: 6px;   z-index: 24; }
  #product_label {  width: 260px;   left: 720px;    top: 6px;   z-index: 24; }
  #map_timestamp {  width: 140px;   left: 1150px;   top: 6px;   z-index: 24; }
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
  #loop_check_label {  left: 30px;  top: 15px;  }

  #loop_controls_div {
    width: 340px;  height: 60px;
    position: absolute;   left: 30px;   top: 10px;
    visibility:hidden;
    }
  #pause_label {  left: 150px;  top: 5px;  }
  #slow_label {  left: 257px;  top: 5px; }
  #loop_speed {
    width: 80px;  height: 16px;
    position: absolute;   left: 289px;   top: 3px;
    }
  #fast_label  {  left: 364px;   top: 5px;  }
/*--------------------------------------------------------*/

  #wheel_enable_label {  left: 638px;   top: 20px;  }
  #mping_label  {  left: 500px;   top: 82px;  }

/*--------------------------------------------------------*/
  #mping_legend_window  {  width: 300px;  height: 660px;  left: 32px;    top: 115px; }
  #mping_legend  {
    width: 288px;  height: 623px;
    position: absolute;     left: 0px;      top: 50px;
    left: 6px;    top: 29px;
    background:url(shared/Legend-MPingSymbols-288x623.png);
    }
  #overlays_window    {  width: 300px;  height: 300px;  left: 32px;    top: 40px; }

  #base_window        {  width: 300px;  height: 153px;  left: 32px;    top: 345px; }
  #base_select {
    width: 300px;    height: 87px;
    position: absolute;     left: 0px;      top: 50px;
    background-color: #DDE6DD;
    }

/*--------------------------------------------------------*/
  #readout_label {  left: 30px;   top: 92px;  }
  #readout_select {  position: absolute;   left: 132px;   top: 90px;  }

  #readout_output {
    width: 220px;      height: 40px;
    position: absolute;    left: 180px;    top: 82px;
    }
  #readout_user_label   {  left: 0px;  top: 10px; }
  #readout_output_user   { width: 120px;  height: 18px;  left: 70px;  top: 6px; padding-top: 3px;  }
/*--------------------------------------------------------*/