/* CSS Document */


/* SEARCH RESULTS PAGE */
	

/* For text at the top that displays number of search results */	
#search-info {
	margin: 0 0 10px 5px;
	padding: 0;
	}



/* FEATURED EVENTS RESULTS */	

/* Main Featured Events box - sets space below Featured Events (above Search Results)
This box can expand in both directions */
#featured-events-box {
	margin: 0 0 20px 0;
	padding: 0;
	}


/* Top of featured events box */
#featured-events-box-top {
	margin: 0;
	padding: 0;
	height: 61px;
	white-space: nowrap;
	max-width:100%;
	}


/* The next 2 hold and style the "View all featured events" link */	
#featured-events-box-top #view-all {
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
	/*background: url(/images/images_content/featured-events-box-top2.png) top right no-repeat;*/
	display:inline-block;
	height: 61px;
	line-height:61px;
	vertical-align: top;
	white-space: normal;
	}
@media (max-width: 355px) {
    #featured-events-box-top #view-all {
	padding-left: 0px;
	margin-left: -5px;
	font-size:12px;
    }
}

#featured-events-box-top #view-all a {
	color: #ffffff;
	}


#featured-events-top-links-narrow {
    margin: 3px 5px 9px 0px;
}
#featured-events-top-links-narrow>* {
    margin-left: 9px;
}




/* Holds the table of featured events */	
#featured-events {
	margin: 0;
	padding: 0;
	border: 2px solid #A8A8A8;
	background-color: #E4E4E4;
	}

/* Styles the table of featured events.
A table is used here instead of DIVS because CSS won't maintain the same height of adjacent "cells" like a table will */
#featured-events table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed; /* needed for word-wrap below for too long words*/
	}


/* Used for featured events in the left column (even-numbered elements of results array).
Cells should have class="featured-left" attached, like this:
<td class="featured-left">
*/
#featured-events table tr td.featured-left {
	position: relative;
	border-bottom: 1px solid #DA0248;
	border-right: 1px solid #DA0248;
	vertical-align: top;
	max-width:100%;
	overflow:hidden;
	}


/* Used for featured events in the right column (odd-numbered elements of results array).
Cells should have class="featured-right" attached, like this:
<td class="featured-right">
*/
#featured-events table tr td.featured-right {
	position: relative;
	border-bottom: 1px solid #DA0248;
	vertical-align: top;
	}


/* The last row of the featured events table should have class="last" added to it, like this:
<tr class="last">
This next selector removes the bottom border from the cells in the last row */
#featured-events table tr.last td {
	border-bottom: none;
	}


/* Adds padding around the featured events info */		
#featured-events table tr td p {
	margin: 0;
	padding: 3px 3px 6px 6px;
	}

.featured-band_image {
	padding: 5px 5px 6px 5px;
	text-align: center;
}
.featured-band_image img {
	margin: 0 auto;
	padding: 0;
	float:none;
	max-width:100%;
	box-sizing:border-box;
}

.featured-band_story {
	margin: 0;
	padding: 3px 30px 6px 6px;
	clear: both;
	word-wrap: break-word; /* to break random long strings without spaces */
}


/* Makes event name, date and loction bold - used in featured events as well as search results */	
.event-name, .event-date, .event-location {
	font-weight: bold;
	}


/* Makes event name in featured events purple */
#featured-events .event-name, #featured-events .event-name a {
	color: #800000;
	}		
#featured-events p>.event-name {
	display:block;
}


/* Places the "GO" button within the featured events cell */
.go-button {
	padding: 0;
	margin: 0;
	width: 30px;
	height: 20px;
	float: right;
	}

.go-button a img {
	border: none;
	padding-top: 3px;
	}

.FE-VIP-promoter {
	padding: 0;
	margin: 0 0 9px 7px;
	width: 85px;
	height: 20px;
	}

.FE-VIP-promoter a img {
	border: none;
	padding-top: 3px;
	}
.event-URL,.event-mailto {
    display:inline-block;
    max-width:100%;
}


/* SEARCH RESULTS TABLE */

/* This one styles the table of search results.
Space below search results table is controlled by margin.
The top, left and right borders are defined here.
Bottom border is actually attached to the cell */

table#search-results {
	/*border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-collapse: collapse;*/
        border-spacing: 0 1px;
	margin: 0 0 20px 0;
	padding: 0;
	width:100%;
	table-layout:fixed;/*needed for google ads when resizing during rotation from landscape to portrait*/
	}


/* Adds border to bottom of table cells, and add cell padding. */
table#search-results td {
	/*border-bottom: 1px solid #000000;*/
	padding: 5px;
	}
table#search-results td table td {
	border-bottom: none;
}


/* Styles contents of search results in (left column).
These cells should have class="results-info" attached, like this:
<td class="results-info"> */	
table#search-results td.results-info, table#search-results td.results-info-featured {
	background-color: #FFFFE7;
	border: 1px solid #A8A8A8;
	width: 68%;
	/*font-size: 11px;*/
	vertical-align:top;
	}	

table#search-results td.results-info-featured {
	background-color: #FDFE96;
	}	


/* Styles contents of links to the right of the search results.
These cells should have class="results-links" attached, like this:
<td class="results-links"> */
table#search-results .results-links, table#search-results .results-links-pro-or-featured, table#search-results .results-links-featured {
	/*background-color: #E7FFE9;*/
	vertical-align: middle;
	text-align: center;
	width:220px;
	/*display:inline-block;*/
	padding:8px 2px 4px 2px;
	}
table#search-results .results-links-festbiz {
	width:auto;
	max-width:26%;
	padding:0 0 0 5px;
}
table#search-results .results-links-festbiz > span {
	padding-bottom:5px;
}
table#search-results .results-links-festbiz img {
	max-width:100%;
}
/*
table#search-results .results-links-festbiz.results-links-pro-or-featured {
	width:100px;
	max-width:100px;
}
@media (max-width: 400px) {
    table#search-results .results-links-festbiz.results-links-pro-or-featured {
	    width:auto;
	    max-width:100%;
    }
}
*/

/* Defines spacing between <p>'s in search results */
table#search-results td p {
	margin: 0;
	padding: 0 0 1px 0;
	}


table#search-results table.results-info-inside {
	table-layout: fixed; /* needed for word-wrap below for too long words*/
}

/* Adds border to bottom of table cells, and add cell padding. */
table#search-results table.results-info-inside td.results-info-inside {
	border-bottom: none;
	padding: 0px 0px 0 0px;
	margin: 0;
	}

td.eventImage {
	width:210px;
	vertical-align:top;
	text-align:center;
}

.eventInfo {
	padding: 2px 5px 1px 5px !important;
	vertical-align:top;
}
.FE_VIP_block {
	display:block;
	clear:both;
	padding: 0 !important;
	vertical-align:top;
	text-align:center;
}

.results-band_image img {
	margin: 0px;
	padding: 0px;
	border: 0;
	float:none;
	max-width:100%;
}

.results-band_story {
	margin: 0;
	padding: 3px 0 1px 0;
	clear: both;
	word-wrap: break-word; /* to break random long strings without spaces */
}

/* This creates 30px of space between "Exhibitors", "Juried?" and "Prize Money" infor for event.
This is mostly useful if the content scales to fit the page width.
If the browser window is wide enough, these will appear on the same line with space in between.
If the window gets too small, the elements will break to a new line without breaking up the info */
.results-entertainment, .results-exhibitors, .results-juried, .results-prize {
	padding-right: 30px;
	display: inline-block;
	}
.results-prize {
	padding-right: 0;/*last */
}
.results-travel-distance {
	display:block;
}
	
.bottom-links {
	margin: 20px;
	padding: 0;
	text-align: center;
	bottom: 3px;
	right: 10px;
	}
a.bottom-links {
	margin-left:5px;
	margin-right:5px;
	white-space: nowrap;
}

.pager {
    padding-left: 5px;
}
.getMoreDetailsLine {
    margin: 5px 0 0 0;
    font-weight:bold;
}
.getMoreDetailsLink {
    line-height:17px;
}
@media (max-width: 480px) {
    table#search-results table.results-info-inside, table#search-results table.results-info-inside tbody, table#search-results table.results-info-inside tr, table#search-results table.results-info-inside td {
	display:inline-block;
	width:100%;
    }
    table#search-results table.results-info-inside td.eventImage {
	padding-bottom: 3px;
    }
}

@media (max-width: 424px) {
    #featured-events>table, #featured-events>table>tbody, #featured-events>table>tbody>tr, #featured-events>table>tbody>tr>td {
	display:block;
	border-right: none !important;
    }
    #featured-events p>.event-name {
	text-align:center;
	padding-bottom:3px;
    }
}
@media (max-width: 380px) {
    .FShyphen { display:none; }
}