/*//////////////////////////////////////////////////
////
///     CSS document created by Cher Stewart 10/12/2007
///     For LiveFeed.org (c) 2007
////
///////////////////////////////////////////////////*/

/* Global Resets */

ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
}

body {
	height:100%;
	background-color:#FFFFFF;
	outline:0;
	font-weight:normal;
	font-family:				verdana, sans, sans-serif;
	color:#000000;
}

table, tr, td {
	vertical-align:				top;
}

h1, h2, h3, h4 {
	margin:						0px;
	padding:					0px;
}

/*base styles*/
input, textarea, select {
	font-family:				verdana, sans, sans-serif;
	font-size:					12px;
}

a {
	color:						#B21413;
	font-weight:				bold;
	text-decoration:			none;
}
a:hover {
	color:						#212121;
}

a img {
	border:						none;
}

h2 {
  font-size:					20px;
  font-weight:					bold;
  color:						#AF0100;
  text-transform:				uppercase;
}
h3, .sectionHeading {
  font-size:12px;
  font-weight:bold;
  color:#AF0100;
  text-transform:uppercase;
}
#content {
  width:802px;
  margin-left:auto;
  margin-right:auto;
/*  overflow:hidden; */
}
#container {
  padding-top:30px;
}
#heading {
	position:			relative;
  background:transparent url(../images/backgrounds/header_bg.jpg) no-repeat top center;
  overflow:hidden;
  height:121px;
}

/*added ie6 hacks 10/25/07*/
#contents {
  background:transparent url(../images/backgrounds/contents_bg.jpg) repeat-y top center;
  clear:both;
  overflow:hidden!important;
  overflow:visible;
  padding:15px;
  height:auto!important;
  height:0px;
}


#footer {
  background:transparent url(../images/backgrounds/footer_bg.jpg) no-repeat top center;
  padding-top:21px;
  clear:both;
  padding-bottom:35px;
  z-index:1;
}
/* heading */
#heading .meta h1.logo {
  background:transparent url(../images/logos/logoLiveFeed.gif) no-repeat top left;
  width:126px;
  height:72px;
  float:left;
  margin-top:26px;
  margin-left:15px;
}
#heading .meta h1.logo a {
  text-indent:-10000px;
  display:block;
  height:72px;
}
#heading .meta h2.subtitle {
  float:left;
  background:transparent url(../images/logos/logoMusicFoodCommunity.gif) no-repeat top left;
  height:15px;
  width:127px;
  margin-top:78px;
  margin-left:-4px;
}
#heading .meta h2.subtitle a {
  height:15px;
  width:127px;
  display:block;
  text-indent:-10000px;
}
#heading .data {
  float:right;
  width: 430px;
  padding-top:35px;
}

#heading .data .user {
  float:left;
}
#heading .data .user span.welcome {
  color:#AF0100;
  font-weight:bold;
  font-family:arial, helvetica;
  font-size:11px;
}

#heading .data .user span.security {
  padding-left:5px;
}
#heading .data .user span.security a {
  color:#000000;
  text-transform:lowercase;
  padding-left:5px;
  padding-right:5px;
  font-family:arial, helvetica;
  font-size:11px;
}
#heading .data .user span.security a:hover {
  text-decoration:underline;
}
/*search*/
#heading .data .search {
  float:right;
  width:235px;
  height:50px;
}
#heading .data .search form .selection {
  overflow:hidden;
  float:left;
}
#heading .data .search form .field {
  float:right;
  padding-right:2px;
}
#heading .data .search form .tagged_field {
  float:left;
  padding-top:1px;
}
#heading .data .search form #band_selection {
  width:47px;
}
#heading .data .search form label.band {
  display:block;
  width:29px;
}
#heading .data .search form label.band span{
  background:transparent url(../images/text/band_text.gif) no-repeat top left;
  padding-top:4px;
  padding-bottom:4px;
  width:29px;
  text-indent:-10000px;
  display:block;
}
#heading .data .search form #venue_selection {
  width:57px;
}
#heading .data .search form label.venue {
  display:block;
  width:39px;
}
#heading .data .search form label.venue span{
  background:transparent url(../images/text/venue_text.gif) no-repeat top left;
  padding-top:4px;
  padding-bottom:4px;
  width:39px;
  text-indent:-10000px;
  display:block;
}
#heading .data .search form #date_selection {
  width:47px;
}
#heading .data .search form label.date {
  display:block;
  width:29px;
}
#heading .data .search form label.date span{
  background:transparent url(../images/text/date_text.gif) no-repeat top left;
  padding-top:4px;
  padding-bottom:4px;
  width:29px;
  text-indent:-10000px;
  display:block;
}
#heading .data .search form #keyword_selection {
  width:72px;
}
#heading .data .search form label.keyword {
  display:block;
  width:54px;
}
#heading .data .search form label.keyword span{
  background:transparent url(../images/text/keyword_text.gif) no-repeat top left;
  padding-top:4px;
  padding-bottom:4px;
  width:54px;
  text-indent:-10000px;
  display:block;
}
/* for Opera */
@media screen {
    #heading .data .search form #keyword_selection {
	  width:76px;
	}
	#heading .data .search form #date_selection {
	  width:51px;
	}
	#heading .data .search form #venue_selection {
	  width:61px;
	}
	#heading .data .search form #band_selection {
	  width:51px;
	}
	#heading .data .search {
	  width:240px;
	}
}
#heading .data .search form .text {
  float:right;
  margin-right:15px;
}
#heading .data .search form .text input {
  width:161px;
  background:url(../images/backgrounds/search_input_bg.gif) no-repeat top left;
  border:none;
  height:12px;
  font-size:10px;
  padding-left:4px;
  padding-top:4px;
}
#heading .data .search form .submit {
  clear:left;
  float:left;
  padding-top:2px;
}

#heading .navigation_links {
	position:			absolute;
	left:				365px;
	top:				80px;
}
/* navigation */
#heading .navigation_links ul {
  width:430px;
  overflow:hidden;
}
#heading .navigation_links ul li {
  border-left:1px solid #000000;
  padding-left:8px;
  padding-right:8px;
  float:left;
}
#heading .navigation_links ul li.first {
  border:none;
}
#heading .navigation_links ul li a {
  color:#000000;
  text-transform:lowercase;
  font-family:arial, helvetica;
  font-size:12px;
}
#heading .navigation_links ul li a:hover {
  text-decoration:underline;
}
/* band details */
#contents .band_details {
  width:377px;
  float:left;
  padding-right:13px;
  border-right:1px solid #AF0303;
}
#contents .band_details .band_photos {
  width:377px;
}
#contents .band_details .band_photos table tr td {
  vertical-align:top;
}
#contents .band_details .band_photos table tr td.first {
vertical-align:top;
}
#contents .band_info h2{
  padding-top:8px;
  padding-bottom:5px;
}
#contents .band_info {
  padding-bottom: 6px;
}
#contents .band_info h4 {
  padding-bottom:15px;
}
#contents .band_info td.google_map_link {
  width:60%;
  vertical-align:middle;
}
#contents .band_info td.google_map_link span a{
  text-decoration:underline;
  font-family:arial, helvetica;
  font-size:11px;
}

#contents .band_info table td {
	font-size:			9px;
	color:				#000;
	padding:			2px 0px;
}

.affiliateInfo table td {
	font-size:			12px;
	color:				#000;
	padding:			2px 0px;
}

/* links and downloads */
#contents .links {
  padding-bottom:15px;
}
#contents .links td.ordered_list, #contents .downloads td.ordered_list {
  width:40px;
}
#contents .links td.ordered_list span, #contents .downloads td.ordered_list span {
  background-image:none;
}
#contents .links h3, #contents .downloads h3{
  padding-bottom:5px;
}
#contents .links a, #contents .downloads a {
  color:#000002;
  font-weight:normal;
}
#contents .links a:hover, #contents .downloads a:hover {
  text-decoration:underline;
}

#contents .list_downloads {
	padding-bottom: 5px;
}



table.affiliateData td {
	font-size:				11px;
	height:					19px;
}


/*------------------------------------------------------------------------------*/
/* SECTION::Affiliate Images  */

img.affiliateImage {
	border:					1px solid #9C0A14;
	height:					178px;
	width:					282px;
}

img.affiliateSmallImage {
	border:					1px solid #9C0A14;
	height:					56px;
	width:					90px;
}

/* End SECTION::Affiliate Images
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Links  */

tr.linkRow td {
	vertical-align:			middle;
}


/* End SECTION::Links
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Downloads  */

table.downloads {
	padding-bottom:			15px;
}
table.downloads td {
	font-size:				12px;
	height:					19px;
	vertical-align:			middle;
}

table.downloads span {
	display:block;
	min-height:19px;
}
table.downloads span a {
	display:block;
	background:transparent url(../images/iconDownload.gif) no-repeat center right;
	min-height:19px;
}

/* End SECTION::Downloads
/*------------------------------------------------------------------------------*/



#contents .rightColumn {
	width:					369px;
	float:					right;
	padding-bottom:			3px;
	padding-left:			8px;
	font-size:				9px;
}



/* band description */
#contents .band_description {
  width:369px;
  float:right;
  padding-bottom:3px;
  padding-left:8px;
  font-size:				12px;
}
#contents .band_description p {
  padding-bottom:12px;
}


#contents .description_table {
  margin-top:				8px;
}


span.affiliateEditorGenre {
	float:				left;
	margin:				2px 10px 2px 5px;
	width:				160px;
	display:			block;
}
span.affiliateEditorGenre span {
	text-indent:		22px;
}

/* band calendar */
#contents .band_calendar {
  width:369px;
  padding-left:8px;
  float:right;
  font-size:				9px;
}
#contents .band_calendar h3 {
  border-top:1px solid #AF0303;
  padding-top:12px;
  padding-bottom:5px;
}

#gigListingDiv {
	padding-top:			5px;
}

#gigListingDiv td {
  font-size:				11px;
}

#gigListingDiv tr.odd {
  background-color:			#E1E0E5;
}

#gigListingDiv th {
	color:					#AD0304;
	text-transform:			lowercase;
	text-align:				left;
	font-size:				11px;
	font-weight:			500;
}



.gigListingRow {
	font-size:			10px;
}

.inputWidth {
	width:				120px;
}

.finePrint {
	font-size:				10px;
	letter-spacing:			-1px;
}

div.popUpCanvas {
	border:				2px solid #9d1c20;
	background:			#fff;
	color:				#000;
	padding:			10px;
}

/*
div.popUpCanvas a:link, div.popUpCanvas a:visited {
	color:				#555;
}

div.popUpCanvas a:hover, div.popUpCanvas a:active {
	color:				#777;
}
*/

/* footer */
#footer, #footer a, #footer li {
	font-weight:		normal;
	font-family:		arial, helvetica;
	font-size:			11px;
	color:				#757575;
}
#footer li {
	float: left;
	margin-right:		15px;
}
#footer li.last {
	margin-right:		0px;
}

#loadingMessage {
	display:			none;
	position:			fixed;
	top:				0px;
	right:				0px;
	border:				2px solid #9d1c20;
	background:			#fff;
	color:				#000;
	padding:			10px;
}

/*====================================================================================
 Greg's Additions - 10/16/2007

====================================================================================*/

.imageUploaderPopUp {
	position:absolute;
	top:200px;
	left:120px;
	z-index:1001;
}

.fileUploaderPopUp {
	position:absolute;
	top:500px;
	left:120px;
	z-index:1001;
}

.autocompleter
{
	border: 1px solid #6FBEFF;
	width: 250px;
	background-color: #EFF8FF;
}
.autocompleter ul li
{
	padding: 2px 10px;
	white-space: nowrap;
	font-size: 11px;
}
.selectAutocompleter
{
	background-color: #d2fb8f;
}

#AJAXPopUpMessageContainer {
	position:			fixed;
	top:				180px;
	right:				30px;
}

div.redLine {
	width:				100%;
	border-top:			solid #B00305 1px;
	height:				1px;
	margin:				10px 0px;
}


.popUpSectionSingleGig {
	border:				1px solid #9C0A14;
	padding:			7px;
}


.clickable {
	cursor:				pointer;
}


#whatIsMessage ul, #whatIsMessage li {
	list-style-type:	circle;
	margin-left:		10px;
	font-size:			11px;
}


/*------------------------------------------------------------------------------*/
/* SECTION::Utility Classes */
.liveFeedRed {
	color:				#B00305;
}

.floatLeft {
	float:					left;
}
.floatRight {
	float:					right;
}

input[type=text], #gigEditor textarea {
	border:						1px solid #C9C9C9;
}

/* End SECTION::Utility Classes
/*------------------------------------------------------------------------------*/

.popUpWindow ul, .popUpWindow li {
	list-style-type		: circle;
	margin-left			: 10px;
}


/*------------------------------------------------------------------------------*/
/* SECTION::Gig Editor */

#gigEditor, #whatIsMessage {
	padding:					7px;
}

#gigEditor .sectionHeading {
	font-weight:				bold;
	color:						#B00305;
}
#gigEditor .required {
	color:						#B00305;
}

#gigEditor a:link {
	color:						#000;
	text-decoration:			underline;
}

#gigEditor a:hover {
	text-decoration:			none;
}

#gigEditor .dateInput {
	width:						60px;
}

#gigEditor input[type=text], #gigEditor textarea {
	border:						1px solid #C9C9C9;
}



#gigEditor .eventDate {
	width:110px;
	padding-right:0px;
	display: inline;
}
#gigEditor .eventTime {
	width:85px;
	padding-right:0px;
	display: inline;
}


#gigEditor .eventName span, #gigEditor .eventSponsor span {
	display:block;
	width:90px;
	float:left;
}

#gigEditor .eventName input, #gigEditor .eventSponsor input {
	width:220px;
}
#gigEditor a.add {
	background:transparent url(../images/iconAdd.gif) no-repeat left;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:2px;
}

#gigEditor input.sponsor {
	margin-bottom: 7px;
	float: right;
}

#gigEditor input.band {
	margin-bottom: 7px;
	float: right;
	width:220px;
}
#gigEditor .bandName span {
	padding-right:6px;
}
#gigEditor .venueName {
	float:left;
}
#gigEditor .venueAddress {
	float:right;
}
#gigEditor .venueCity, #gigEditor .venueState, #gigEditor .venueZip {
	float:left;
}
#gigEditor .venueState, #gigEditor .venueZip {
	padding-left:4px;
}
#gigEditor .venueState select {
	width:39px;
}
#gigEditor .venueZip input{
	width:44px;
}
#gigEditor .venueNeighborhood select {
	width:207px;
}
#gigEditor .eventDescription textarea {
	height:30px;
	padding:5px;
}

#gigEditor .venueCity span {
	padding-right:9px;
}
#gigEditor .venueCity input, .venueName input, .venueAddress input {
	width:85px;
}
#gigEditor input {
	padding:2px;
}
#gigEditor tr td div {
	margin-top: 0px;
}


/* End SECTION::Gig Editor
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	.left       { float: left; }
	.right      { float: right; }
	.inline		{ display: inline; }
	
	.block		{ display: block; }
	.inline		{ display: inline; }
	
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	.center     { text-align: center; }
	
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	.centered   { display: block; margin: 0 auto 10px auto; }
	
	.verticalMiddle td, td.verticalMiddle { vertical-align: middle; }
	div.verticalMiddle { vertical-align: middle; display: table-cell; }
	.verticalMiddle * { vertical-align: middle; }
	
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	
	.hidden     { display: none; }
	.no-border  { border: none !important; }
	
	.flush-left { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right{ padding-right: 0 !important; margin-right: 0 !important }
	
	.fullWidth	{ width: 100%; }
	
	.clear      { clear: both; }
	
	.clickable	{ cursor: pointer; }
	.strikeText { text-decoration: line-through; }
	.transparent{ border: none !important; background: transparent; }
	
	.bold		{ font-weight: 900 }
	
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Drop Shadow Elements */
html>body .outerpair1 { background: url(../images/dropShadowUpperRight.png) right top no-repeat; }
html>body .outerpair2 { background: url(../images/dropShadowLowerLeft.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox { background: url(../images/dropShadowMain.png) bottom right; }
html>body .innerbox { position: relative; left: -8px; top: -8px; }
img.shadowbox { border: 10px solid #fff; vertical-align: bottom; }
/*------------------------------------------------------------------------------*/



