.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;
}

.IqaEventList .rgRow,
.IqaEventList .rgAltRow,
.RadGrid_MetroTouch .rgAltRow {
margin: 0 0 20px;
background: #fff;
}

 .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;
}

.IqaEventList .rgRow:hover .text-holder,
.IqaEventList .rgAltRow:hover .text-holder {
transform: translate(0, -35px);
transition: all 0.8s ease;
}

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


 /* 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 {
	font-size: 80%;
	vertical-align: top;
	display: inline-block;
	background-color: transparent !important;
	border-color: transparent !important;
}


.IqaList .rgAltRow td, .IqaList .rgRow  td {
padding: 15px !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  */


/* 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;
}

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

/*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;
}


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

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

.adEventWrapper .image-holder img{
width: 100%;	
}

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

.adEventWrapper .EventButton {
width: 15%
}


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


.adEventWrapper .EventTitle {
font-size: 1.7em;
line-height: 1.2em;
padding: 10px 0;
color: black;
}

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


/* 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;
}