.VX
{
  background-color: #fff;
  display: flex;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
}   
.VX #LeftColumn
{
  width: 100%;
  margin: 20px;
  position: relative;
  padding: 0;
  height: 100%;
  height: calc(100% - 8px);
  max-width: 275px;
}
.VX #LeftColumn p.Header
{
  font-size:16px;
  color:#2F76BC;
  background-color:#DAE1E8; /* A5AEB8*/
  padding:8px 12px;
  margin:0px 0px 10px 0px;
  font-weight:300;
  position:relative
}
.VX #LeftColumn p.Header:after
{
  border:none;
}
.VX #SearchResults
{
  width: 100%;
  position: relative;
  margin: 20px;
  flex: 1;
  max-width: 980px;
  background: transparent;
}
.VX #SearchResults .dgSearch
{
  padding: 15px 5px 15px 15px;
}
.VX #SearchResults .dgFeatures
{
  background: #DAE1E8;
}
.VX #SearchResults .AdvancedOptionButtonsContainer
{
  margin: 0 0 0 10px;
}
.VX #SearchResults .OptionsToggleButton
{
  background-color: #A5AEB8;
}
.VX #SearchResults #OptionList p.Header, .VX #SearchResults #MoreOptionsList p.Header
{
  background-color: #A5AEB8;
}
.VX #SearchResults #OptionList p.Header:after, .VX #SearchResults #MoreOptionsList p.Header:after
{
  border:none;  
}
.VX #SearchResults #UDFSearchFields
{
    background: transparent;
}
.VX .IFWTextInputBox
{
  min-width: 170px;
}
.VX #SearchResults .dgGroup
{
  background-color: #fff;
  padding: 10px 0;
}
.VX .dgGroup span
{
  color: #666;
  padding: 0px 5px 2px;
  margin: 5px;
  font-size:14px;
}
.VX .dgGroup span.dgSelected
{
  border-bottom: 2px solid #2F76BC;
  color: #2F76BC;
}
.VX .SearchResult .Desc
{
  font-size: 14px;
}
.VX #PreviousList p, .VX #PopularList p, 
.VX #PopularTagList p, .VX #OptionList p, 
.VX #OptionList p.Header, .VX #MoreOptionsList p.Header
{
  font-size: 14px;
}
.VX #SearchResults #OptionList
{
  margin: 0px 0px 10px 0px;
}
.VX #SearchResults .StartSearchButton, .VX #SearchResults .AdvancedButton
{
  padding: 8px 18px;
  font-size: 14px;
}
.VX #SearchResults #MoreOptionsList
{
}
.VX #SearchResults #MoreOptionsList td.fieldSubmit
{
  text-align: left;
}
.VX #OptionList.OptionsContainer p
{
  margin: 0px 0px 15px 0px;
}

.VX .SearchResult p.Actions span
{
  display:inline-block;
  margin:0px 5px 5px 0px;
}
.VX .OptionsToggleButton
{  
  background-color:  #e1e4ea; 
  width: 35px; 
  height: 35px;
  background-position: center center;
}
.VX .SearchResult p.Actions 
{
  clear:  none;
  margin: .8rem 0 0;
}
.VX SearchResult p.Actions a
{
  text-shadow: none;
}
.VX .SearchResult p.Actions a 
{
  margin: 0 5px 10px 0;
  display: inline-block;
}
@-moz-document url-prefix()
{
  #LeftColumn
  {
    width:312px;
  }
}

/***** MEDIA QUERIES *****/
@media screen and (max-width: 639px)
{
  .VX .IFWTextInputBox
  {
    font-size: 16px !important;
  }
  .VX #LeftColumn
  {
    display:none;
    flex:1;
  } 
}
/***** END MEDIA QUERIES *****/
