/* CSS Document */


/* SEARCH RESULTS PAGE */
	

/* For text at the top that displays number of search results */	
#search-info {
	margin: 0 0 10px 0;
	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: 44px;
	position: relative;
	}


/* The next 2 hold and style the "View all featured events" link */	
#featured-events-box-top #view-all {
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 2px;
	left: 180px;
	}

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


/* Links at the top right of featured events */	
#featured-events-top-links {
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	bottom: 3px;
	right: 10px;
	}



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

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


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


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

.featured-band_image img {
	float:left;
	margin: 0;
	padding: 6px 7px 6px 6px;
	border: 0;
}

.featured-band_story {
	margin: 0;
	padding: 3px 30px 6px 6px;
	clear: both;
}


/* 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: #81007F;
	}		


/* 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;
	width: 85px;
	height: 20px;
	float: right;
	}

.FE-VIP-promoter a img {
	border: none;
	padding-top: 3px;
	}



/* 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;
	margin: 0 0 20px 0;
	padding: 0;
	}


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


/* 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 {
	background-color: #FFFFE7;
	border-right: 1px solid #000000;
	width: 68%;
	font-size: 11px;
	}	

table#search-results td.results-info-featured {
	background-color: #FDFE96;
	border-right: 1px solid #000000;
	width: 68%;
	}	


/* 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 td.results-links {
	background-color: #E7FFE9;
	vertical-align: middle;
	}

table#search-results td.results-links-featured {
	background-color: #E7FFD8;
	vertical-align: middle;
	}


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

/* 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 10px 0 0px;
	margin: 0;
	}

.results-band_image img {
	float:left;
	margin: 2px 5px 5px 0px;
	border: 0;
}

.results-band_story {
	margin: 0;
	padding: 3px 0 1px 0;
	clear: both;
}

/* 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 .results-travel-distance {
	padding-right: 30px;
	white-space: nowrap;
	}
	
.bottom-links {
	margin: 20;
	padding: 0;
	text-align: center;
	bottom: 3px;
	right: 10px;
	}
a.bottom-links {
	margin-left:5px;
	margin-right:5px;
}