html{height: 100%;}     body {height: 100%;}

    .goog-tabpane {
      background: threedface;
      padding-left: 1px;
      position: relative;
    }

    .goog-tabpane-tabs {
      list-style: none;
      margin: 0px;
      padding: 0px;
      height: 4ex;
      position: relative;
    }

    .goog-tabpane-left .goog-tabpane-tabs {
      float: left;
    }

    .goog-tabpane-right .goog-tabpane-tabs {
      float: right;
    }

    .goog-tabpane-cont {
      overflow: auto;
      background: threedface;
      border: 1px solid;
      border-color: threedhighlight threedshadow threedshadow threedhighlight;
      padding: 2px;
      height: 200px;
    }

    .goog-tabpane-tab, .goog-tabpane-tab-selected {
      display: block;
      padding: 0px 3ex;
      background: threedface;
      border: 1px solid;
      margin: 0px;
    }

    .goog-tabpane-top .goog-tabpane-tab,
    .goog-tabpane-top .goog-tabpane-tab-selected,
    .goog-tabpane-bottom .goog-tabpane-tab,
    .goog-tabpane-bottom .goog-tabpane-tab-selected {
      float: left;
      height: 4ex;
    }

    .goog-tabpane-top .goog-tabpane-tab,
    .goog-tabpane-top .goog-tabpane-tab-selected {
      border-color: threedhighlight threedshadow threedface threedhighlight;
    }

    .goog-tabpane-bottom .goog-tabpane-tab,
    .goog-tabpane-bottom .goog-tabpane-tab-selected {
      border-color: threedface threedshadow threedshadow threedhighlight;
    }

    .goog-tabpane-left .goog-tabpane-tab,
    .goog-tabpane-left .goog-tabpane-tab-selected {
      border-color: threedhighlight threedface threedshadow threedhighlight;
    }

    .goog-tabpane-right .goog-tabpane-tab,
    .goog-tabpane-right .goog-tabpane-tab-selected {
      border-color: threedhighlight threedshadow threedshadow threedface;
    }

    .goog-tabpane-top .goog-tabpane-tab {
      margin-top: 3px;
    }

    .goog-tabpane-tab-selected {
      font-weight: bold;
    }

    .goog-tabpane-tab-selected,
    .goog-tabpane-tab-selected {
      padding-bottom: 2px;
      padding-top: 2px;
    }

    .goog-tabpane-top .goog-tabpane-tab-selected {
      position: relative;
      top: 1px;
    }

    .goog-tabpane-bottom .goog-tabpane-tab-selected {
      position: relative;
      top: -1px;
    }

    .goog-tabpane-left .goog-tabpane-tab-selected {
      position: relative;
      left: 1px;
    }

    .goog-tabpane-right .goog-tabpane-tab-selected {
      position: relative;
      left: -1px;
    }

    #tabpane2 .goog-tabpane-tab {
      margin-top: 0px;
    }

    p {
      margin-top: 0px;
    }

        .hr_clear {
      float: none;
      clear: both;
      height: 0px;
      padding: 10px 0px 0px 0px;
      border: 0px;
      margin: 0px;
      visibility: hidden;
    }

    .horiz1_class,
    .horiz3_class,
    .horiz5_class {
      padding: 8px 12px;
      /* box_height + 2 * (padding + border + margin) =
         50 + 2 * (5 + 2 + 4) = 72px */
      height: 72px;
      border: 2px solid #000000;
    }
    .horiz1_class { float: left; }
    .horiz3_class { float: left; }
    .horiz5_class { float: left; }

    .horiz1_class div { float: left; }
    .horiz3_class div { float: right; }
    .horiz5_class div { float: left; }

    .horiz5_class {
      width: 288px;
      height: 216px;
    }

    .vert_table td {
      vertical-align: top;
      padding: 0px 20px;
    }

    .vert1_class,
    .vert2_class {
      padding: 12px 8px;
      /* box_width + 2 * (padding + border + margin) =
         50 + 2 * (5 + 2 + 2) = 68px */
      width: 68px;
      border: 2px solid #000000;
    }

    div.red_box,
    div.yellow_box,
    div.blue_box,
    div.purple_box {
      width: 50px;
      height: 50px;
      padding: 5px;
      margin: 4px 2px;
      font-family: verdana, sans-serif;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
    }
    div.red_box {
      border: 2px solid #CC0000;
      color: #CC0000;
    }
    div.yellow_box {
      border: 2px solid #CCCC00;
      color: #CCCC00;
    }
    div.blue_box {
      border: 2px solid #0000CC;
      color: #0000CC;
    }
    div.purple_box {
      border: 2px solid #993399;
      color: #993399;
    }

    #test {
      background-color: #CCFFCC;
      width: 100px;
      height: 100px;
      padding: 13px;
      border: 11px solid #339933;
      margin: 15px;
    }

    /* The following styles are used in the JS. */

    .cursor_pointer {
      cursor: pointer;
    }

    .cursor_move {
      cursor: move;
      -moz-user-select: none;
    }

    .opacity_40 {
      opacity: 0.4;
      -moz-opacity: 0.4;
      filter: alpha(opacity=40);
    }

    .drag_hover_class {
      border-color: #009900;
      background-color: #CCFFCC;
    }