﻿.TwoColumnPageContent {
  overflow: hidden;
}

  .TwoColumnPageContent > .LeftColumn {
    float: left;
    width: 360px;
    overflow: hidden;
    margin: 0px 25px 0px 0px;
  }

  .TwoColumnPageContent > .RightColumn {
    width: 380px;
    overflow: hidden;
  }

.OpenBox {
  padding: 12px 12px 0px 12px;
  margin-bottom: 12px;
  position: relative;
  min-height: 76px;
  background-position: left top;
  background-repeat: no-repeat;
  font-size: .9em;
  color: #636363;
  overflow: hidden;
}

  .OpenBox.Width360 {
    background-image: url('../Media/Images/OpenBoxTop-360.png');
    width: 340px;
  }

  .OpenBox.Width360 ul {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 12px;
  }

  .OpenBox h2 {
    margin-top: 0;
  }

/*Expand/Collapse style for User Committees*/

.meeting-minutes {
  list-style: none;
}

.content {
  display: none;
}

.content ul {
  margin: 10px 0px 0px 10px;
}

.header {
  cursor: pointer;
  margin: 5px 0 0 0;
}

  .header > span {
    padding-left: 5px;
    display: inline-block;
  }

  .header > span:hover {
    color: #57596E;
    text-decoration: underline;
  }

img.Expand {
  display: inline-block;
  top: 2px;
  position: relative;
}


/*Suggestion Box*/

#CommitteeSuggestion {
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 20px;
}

#CommitteeSuggestion > section > div > div > fieldset >  h2, #CommitteeSuggestion > section > div > div > fieldset, #CommitteeSuggestion > section > h2,  #CommitteeSuggestion > section > div > div > h2 { 
  margin-top: 0;
}

#CommitteeSuggestion > section > div > div > fieldset > ol.InputFields > li > label, #CommitteeSuggestion > section > div > div > fieldset > ol.InputFields > li > span {
  width: 130px;
}

#CommitteeSuggestion > section > div > div > fieldset.FnlFieldSet ol.InputFields li > textarea {
  width: 315px;
}

#FnlContentPageContent_SiteContent_lnkReturnToSuggestionForm {
  background: url('../Media/Images/BackBtn.png') no-repeat left;
  padding-left: 10px;
}


.FlexContain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 20px 0;
}

  .FlexContain.Column {
    flex-wrap: wrap;
  }

    .FlexContain.Column .FlexBlock {
      margin: 0 0 10px 0;
      flex: 0 0 100%;
      box-sizing: border-box;
    }

      .FlexContain.Column .FlexBlock:last-child {
        margin-bottom: 0;
      }

.FlexBlock {
  flex: 1;
  margin-right: 10px;
}

  .FlexBlock.Flex2 {
    flex: 2;
  }

  .FlexBlock.Flex3 {
    flex: 3;
  }

  .FlexBlock.FullBorder {
    border: 1px solid #cfd8de;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

    .FlexBlock.FullBorder.QuickItem {
      background: #fcf9f4;
      border: 1px solid #e0d4c4;
      background-image: url('../Media/Images/BgTruck.png');
      background-repeat: no-repeat;
      background-position: bottom right 10px;
      min-height: 45px;
    }

  .FlexBlock:last-of-type {
    margin-right: 0;
  }

.BlockHeader {
  display: block;
  background: #F1F5F6;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #dae2e6;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #dae2e6;
}

.FlexBlock.FullBorder .BlockHeader {
  /*border-width: 0 0 inherit 0;*/
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.FlexBlock .BlockHeader.Empty {
  background: transparent;
  border-width: 0;
}

.BlockHeader h2,
.BlockHeader > *,
.BlockHeader > * > a {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

  .BlockHeader > * > a {
    text-decoration: underline;
  }

.BlockBody {
  margin-top: 0;
  border-right: 1px solid #dae2e6;
  border-left: 1px solid #dae2e6;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dae2e6), to (0)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(#dae2e6, rgba(0, 0, 0, 0)) 1 100%;
  border-image: linear-gradient(to bottom, #dae2e6, rgba(0, 0, 0, 0)) 1 100%;
  padding: 12px 10px;
}

  .BlockBody > .TwoColumnContainer div > p {
    margin-top: 0;
  }

.FlexBlock.FullBorder .BlockBody {
  -webkit-border-image: none;
  -moz-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-right: none;
  border-left: none;
}

.BlockBody > *:first-child {
  margin-top: 0;
}

.BlockBody > *:last-child {
  margin-bottom: 0;
}

.BlockBody ul.FnlFancyList {
  padding-left: 0;
}

  .BlockBody ul.FnlFancyList li {
    padding-left: 10px;
    padding-top: 2px;
    margin-left: 12px;
  }

.FlexBlock.FullBorder {
  background-size: cover !important;
}