/* ==========================================================================
   iqa search form
   ========================================================================== */
.FilterPanel {
	background-color: inherit;
}




.ZoneBgColor { background-color: #fafafa;}

/* ==========================================================================
   Event Listing
   ========================================================================== */

/* ///add white space around each event listing */ 
/*need display: block so we can apply margin */  
.IqaEventList .rgRow,
.IqaEventList .rgAltRow,
.IqaEventList .rgRow td,
.IqaEventList .rgAltRow td {
display: block !important;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable,
.RadGrid_MetroTouch {
background: none !important;
}


.narrow-events .rgRow,
.narrow-events .rgAltRow,
/*.RadGrid_MetroTouch .rgAltRow*/ {
margin: 0 0 10px;
background: #fff;
height: 130px; /* was 130 and fixed issue with moving boxes imporant tom/ad */
overflow: hidden; /*remove scroll*/
}


.vertical .rgRow,
.vertical .rgAltRow
/*.RadGrid_MetroTouch .rgAltRow*/ {
margin: 0 0 10px;
background: #fff;
height: 214px; /*auto;*/ /*230px; *//*fixed issue with moving boxes*/
overflow: hidden; /*remove scroll*/
}




 .IqaEventList.panel-body, .IqaEventList .PanelBody {
	 padding: 10px 20px 10px 20px;
 } 

/* add white space around each event listing /// */
  
 /* ///hover effects for event item */ 
.IqaEventList .rgRow:hover,
.IqaEventList .rgAltRow:hover,
.RadGrid_MetroTouch .rgAltRow:hover {
background: #00a8b4;
}


/* animate the text and move it up on hover */
.IqaEventList .rgRow:hover .text-holder,
.IqaEventList .rgAltRow:hover .text-holder {
transform: translate(0, -30px);
transition: all 0.8s ease;
}

.IqaEventList .rgRow:hover .EventDate,
.IqaEventList .rgAltRow:hover .EventDate {
opacity: 0;
visibility: hidden;
}
 /* hover effects for event item /// */ 

 
 .IqaEventList .rgRow:hover .EventAdd1,
.IqaEventList .rgRow:hover .text-holder .EventAdd2,
.IqaEventList .rgRow:hover .text-holder .EventCityState,
.IqaEventList .rgAltRow:hover  .EventAdd1,
.IqaEventList .rgAltRow:hover .text-holder .EventAdd2,
.IqaEventList .rgAltRow:hover .text-holder .EventCityState {
    display:block;
}

 
 
 
 
 
 
 
 
 
 
 

 /* doesn't work right yet
.IqaEventList .rgSelectedRow
{background: #bfdff8 !important}
*/

/* ==========================================================================
   IQA Directory
   ========================================================================== */
.ListName
{ font-size: 110%
color: }



/* ==========================================================================
   customize directory display using QueryMenu iPart 
   ========================================================================== */
   
.IqaList table, .IqaList caption, .IqaList tbody, .IqaList tfoot, .IqaList thead, .IqaList tr, .IqaList th, .IqaList td {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
.IqaList table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* hide thead row which contains column title */
.IqaHideHeader thead {display: none;}

.IqaHideHeader .RadGrid , .IqaHideHeader .RadGrid_MetroTouch {border: none;}

.IqaList .rgAltRow,  .IqaList .rgRow, .IqaList .rgRow.rgSelectedRow, .IqaList .rgRow.rgSelectedRow {
	font-size: 80%;
	vertical-align: top;
	display: inline-block;
	background-color: white !important;
	background: white !important;
	border-color: white !important;
	color: black !important;
	/*width: 33%;*/
}

 .3Across .rgAltRow, .3Across .rgRow, .3Across {
width: 33%;
color: red;
}	

.IqaList .rgAltRow td, .IqaList .rgRow td {
padding: 15px !important;
display: block !important;
}





.IqaListCondensed .rgAltRow td, .IqaListCondensed .rgRow td {
padding: 0 !important;
display: block !important;
}


/* ab begin used for iqa ouput with pictures and text */

.adListWrapper {
overflow: hidden;
}

.adListWrapper .image-holder {
float: left;
width: 60px;
}

.adListWrapper .text-holder{
overflow: hidden;
padding: 0 0 0 10px;
}

/* ab end  */

/* begin 2 column */
.Iqa2Col .rgAltRow, .Iqa2Col .rgRow {
	width: 50%;
}
/* end 2 column */




/* ab begin 3 column */
.Iqa3Col .rgAltRow, .Iqa3Col .rgRow {
	width: 33.33%;
}
/* ab end 3 column */



/* ab begin 4 column */
.Iqa4Col .rgAltRow, .Iqa4Col .rgRow {
	width: 25%;
}
/* ab end 4 column */










.IqaList .rgAltRow td {border-color: transparent !important;}

@media screen and (max-width: 991px){
.IqaList .rgAltRow, .IqaList .rgRow {
width: 33.33%;
}
}

@media screen and (max-width: 640px){
.IqaList .rgAltRow, .IqaList .rgRow {
width: 100%;
}
}	



/*ab begin staff pictures and text

.staffinfo {
overflow: hidden;
margin: 0 0 10px;
}

.staffinfo .image-holder{
float: left;
width: 60px;
display: inline;
}

.staffinfo .text-holder{
	overflow: hidden;
padding: 0 0 0 10px;
}

.staffinfo .imagev {
	display: inline;
}

*ab end staff pictures and text */







/* ==========================================================================
   EVENT ITEMS
   ========================================================================== */
.adEventWrapper .image-holder, .adEventWrapper  .text-holder, .adEventWrapper .EventButton {
display: inline-block;
padding: 15px 10px 15px 10px;
vertical-align: top;
}

.hide-event-button .adEventWrapper .EventButton {
	display: none !important;
}


/* .vertical displays don't need the padding */
.vertical .rgRow td, .vertical .rgAltRow td,  .vertical .adEventWrapper .image-holder, .vertical .adEventWrapper  .text-holder, .vertical .adEventWrapper .EventButton {
padding: 0;
}
.vertical .RadGrid.RadGrid_MetroTouch .rgRow td, .vertical .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.vertical .RadGrid.RadGrid_MetroTouch .rgAltRow td, .vertical .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child
 {
padding: 0;
}
.vertical .adEventWrapper .text-holder {
    width: 234px;
}

.adEventWrapper .EventButton, .adEventWrapper .image-holder {
vertical-align: middle;
}

.adEventWrapper .image-holder {
width: 25%
}

.adEventWrapper .image-holder img{
max-height: 70px;	/*width: 100%;*/
}

.adEventWrapper .text-holder {
width: 58%
}

.adEventWrapper .EventButton {
width: 15%
}


.adEventWrapper .EventDate {
/* old font-size: 1em; */
font-size: 0.9em;
color: darkblue;
text-transform: uppercase;
}


.adEventWrapper .EventTitle {
/* old font-size: 1.7em; */
font-size: 1.2em;
font-weight: 575;
line-height: 1.4em;
padding: 10px 0;
color: black;
}

.EventAdd1, .EventAdd2, .EventAdd3, .EventCityState {
font-size: .75em;
line-height: 1.2em;
}


/* button */
.EventButton a, .EventButton a:visited{
    background: none !important;
    border: 1px solid darkred !important;
	color: darkred !important;
    box-shadow: none !important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.6;
}

/* ab button hover */
.EventButton a:hover{
    background: darkred !important;
    color: white !important;
}


/* ///ab change color of hover for eventlist */
.IqaEventList .rgRow:hover,
.IqaEventList .rgAltRow:hover,
.RadGrid_MetroTouch .rgRow:hover
.RadGrid_MetroTouch .rgAltRow:hover {
background: aliceblue !important;
}
/* ab change color of hover for eventlist/// */

.IqaEventList .RadGrid_MetroTouch .rgRow,
.IqaEventList .RadGrid_MetroTouch .rgAltRow {
background: transparent;
}

/*lower lines were changes color when selected and hover*/
.RadGrid_MetroTouch .rgAltRow .text-holder,
.RadGrid_MetroTouch .rgRow .text-holder
{ color: #006f77 !important;  }




/* now customize appearance for home page listing, old option, where picture took 25% of width */

.narrow-events-part {
    height:527px;
    /* overflow-y:auto; remove scrollbar*/
    background-color: #fafafa;
}

.narrow-events .EventDate {
font-size: 0.75em;
padding: 0;
color: darkblue;
text-transform: uppercase;
}


.narrow-events .EventTitle {
font-size: 1em;
padding: 5px 0 0;
color: black;
}

.narrow-events .EventAdd1, .narrow-events .EventAdd2, .narrow-events .EventCityState {
display: none;
}

.narrow-events .EventButton a, .narrow-events .EventButton a:visited{
    background: none !important;
    border: 1px solid darkred !important;
	color: darkred !important;
    box-shadow: none !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .75em;
	line-height: 1em;
	padding: 0;
}



.narrow-events-part    .image-holder {
        /*width: 35%;  width is already set from zIqas.css- line #365 */
        height: 96px;
        background-position: center center;
        background-size: cover;
    }


.narow-events .adEventWrapper .text-holder {
width: 64%
}

.narrow-events .adEventWrapper .EventButton {
display: none;	
}

.narrow-events .adEventWrapper .image-holder, .narrow-events .adEventWrapper  .text-holder, .narrow-events.adEventWrapper .EventButton {
display: inline-block;
padding: 7px 5px;
vertical-align: top;
}

.home-page-events .rgRow,
.home-page-events .rgAltRow,
/*.RadGrid_MetroTouch .rgAltRow*/ {
margin: 0 0 10px;
background: red;
height: 130px; /* was 130 and fixed issue with moving boxes imporant tom/ad */
overflow: hidden; /*remove scroll*/
}

.home-page-events .adEventWrapper .image-holder {
	width: 40%;
	height: 90px;
}


.home-page-events .adEventWrapper .text-holder {
	width: 60%;
}
/*
.home-page-events .adEventWrapper {
	width: 200px;
}*/




/* ==========================================================================
   COMPANY DIRECTORY ITEMS
   ========================================================================== */
.CompanyList .ListCompany
{font-size: 110%; font-weight: bold; }


/* ==========================================================================
   COMMITTEE DIRECTORY 
   ========================================================================== */
.committee-list .image-holder {
    float: left;
	width: 100px;
	padding-right: 10px;
	min-height: 1px;
}

/*
.committee-list    img {
	width: 100%;
	max-width: 100%;	
}
*/

.committee-list  img.company-logo {
	height: 80px;
	max-height: 80px;	
	width: auto !important;
	max-width:125px;
}


/* used in company directory listing */
.company-logo img {
	height: 100px;
	max-height: 100px;	
	width: auto !important;
	max-width: 175px;
}



/* ==========================================================================
   Executive Board Directories 
   ========================================================================== */

.adListWrapper .Name {
	font-weight: bold;
}



/* ==========================================================================
   Company Directory
   ========================================================================== */
.staff-wrapper .col-sm-9, .Name, .Title, .Company, .CompanyCategory, .CityState, .GovtCustomers, .Core_Business, .CompanyDescription {
	font-size: 14px
}