/**
 * @file
 *
 * Styles for Hoover: 2 Col: Stacked panel layout.
 *
 * There are three possible layouts defined in this file:
 *  1. Default, left and right panes are 50/50.
 *  2. When panel is given a "hoover-2col-sb-left-panel" CSS id, the
 *     left and right cols are 12.5% and 87.5% with 7px margin between.
 *     I.e., left col is 150px wide on a 1200px wide page. This is good
 *     for placing a filter block in the left col.
 *  3. When panel is given a "hoover-2col-pic-panel" CSS id,
 *     left and right cols are 28% and 72%. (And the left col has 21px of
 *     margin on left and right inside.)
 *     I.e., left col is 336px wide. This is good for placing a Fellow
 *     image on the left and Fellow info on the right.
 */

.hoov-2col-stack-nosb { 
  margin-top: 0;
  padding-top: 0;
}

.hoov-2col-stack-nosb-top,
.hoov-2col-stack-nosb-bottom { 
  width: 100%; 
  clear: both;
}

.hoov-2col-stack-nosb-top > .inside {
  margin-bottom:0;
}

.hoov-2col-stack-nosb-first { 
  float: left; 
  width: 50%; 
}
  #hoover-2col-sb-left-panel .hoov-2col-stack-nosb-first {
    width:12.5%;
  }
  #hoover-2col-pic-panel .hoov-2col-stack-nosb-first {
    width:28%;
  }
  .hoover-2col-sidebar-second-panel.hoov-2col-stack-nosb-first {
    width:74.8333333%;
  }

    .hoov-2col-stack-nosb-first > .inside { 
      margin:0;
    }
      #hoover-2col-sb-left-panel .hoov-2col-stack-nosb-first > .inside {
        margin-right:7px;
      }
      #hoover-2col-pic-panel .hoov-2col-stack-nosb-first > .inside {
        margin:21px 21px 30px 21px;
      }
      .hoover-2col-sidebar-second-panel.hoov-2col-stack-nosb-first > .inside {
        margin:0;
      }

.hoov-2col-stack-nosb-first.no-left,
#hoover-2col-sb-left-panel .hoov-2col-stack-nosb-first.no-left,
#hoover-2col-pic-panel .hoov-2col-stack-nosb-first.no-left { 
  display:none;
}
  .hoov-2col-stack-nosb-first.no-left > .inside, 
  #hoover-2col-sb-left-panel .hoov-2col-stack-nosb-first.no-left > .inside,
  #hoover-2col-pic-panel .hoov-2col-stack-nosb-first.no-left > .inside { 
    margin:0;
  }



.hoov-2col-stack-nosb-last { 
  float: left; 
  width: 50%;
}
  #hoover-2col-sb-left-panel .hoov-2col-stack-nosb-last { 
    width:87.5%;
  }
  #hoover-2col-pic-panel .hoov-2col-stack-nosb-last { 
    width:72%;
  }
  .hoover-2col-sidebar-second-panel.hoov-2col-stack-nosb-last { 
    width:25.1666666%;
  }

    .hoov-2col-stack-nosb-last > .inside { 
      margin:0;
    }
      #hoover-2col-pic-panel .hoov-2col-stack-nosb-last > .inside { 
        margin:44px 21px 30px 5px;
      }
      .hoover-2col-sidebar-second-panel.hoov-2col-stack-nosb-last > .inside { 
        margin:0 0 0 8px;
      }

#hoover-2col-sb-left-panel .hoov-2col-stack-nosb-last.no-left, 
#hoover-2col-pic-panel .hoov-2col-stack-nosb-last.no-left, 
.hoov-2col-stack-nosb > .cwrap > .hoov-2col-stack-nosb-last.no-left { 
  width:100%;
}

.hoov-2col-stack-nosb .panel-separator {
  display:none;
}