@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOME : 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_tour.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header #nav li.navTour a, #header #nav li.navTour a:hover {
		background-position:-490px -25px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#tour Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentHolder #tour {
		width:929px;
		padding:0 0 8px 0;
		background:url(../../images/bg_mainColCap.png) bottom right repeat-x;
	}
		#contentHolder #tour .header {
			width:929px;
			padding:0 0 14px 0;
			background:url(../../images/bg_mainColCap.png) bottom left repeat-x;
		}
			#contentHolder #tour .header h1 {
				width:110px; height:22px;
				background:url(../../images/h1_shows.png) 0 0 no-repeat;
			}
		#contentHolder #tour .content {
			width:929px;
			padding:55px 0 45px 0;
			background:url(../../images/bg_tourMiddle.png) 0 0 repeat-y;
		}
			#contentHolder #tour .content h2 {
				width:548px; height:69px;
				margin:0 auto;
				background:url(../../images/h2_follow.png) 0 0 no-repeat;
			}
			#contentHolder #tour .content .mapHolder {
				border:solid 2px #4f3b24;
				width:803px;
				margin:51px 0 0 61px;
			}
				#contentHolder #tour .content .mapHolder img {
					display:block;
				}
				#contentHolder #tour .content #map {
					width:803px; height:653px;
					margin:0;
				    text-align:center;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	tourTable Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#tourTable {
			width:807px;
			margin:0 0 0 60px;
			text-align:left;
			vertical-align:middle;
			border-collapse:collapse;
			clear:both;
		}
			#tourTable thead {
				height:25px;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#f2efec;
			}
				#tourTable thead tr th {
					height:26px;
					background:#312e2c;
					text-align:center;
					vertical-align:middle;
				}
				#tourTable thead tr th.date {
					padding:0 0 0 11px;
					text-align:left;
				}
				#tourTable thead tr th.loc {
					padding:0 0 0 0;
					text-align:left;
				}
				#tourTable thead tr th.venue {
					padding:0 0 0 0;
					text-align:left;
				}
					#tourTable col#dateCol {
						width:105px;
					}
					#tourTable col#locCol {
						width:146px;
					}
					#tourTable col#venueCol {
						width:160px;
					}
					#tourTable col#photosCol {
						width:56px;
					}
					#tourTable col#videosCol {
						width:56px;
					}
					#tourTable col#commentsCol {
						width:71px;
					}
					#tourTable col#uploadCol {
						width:83px;
					}
					#tourTable col#uploadCol {
						width:79px;
					}
			#tourTable tbody tr {
				font:normal 12px Arial, Helvetica, sans-serif;
				vertical-align:top;
			}
				#tourTable tbody tr td {
					padding:13px 0 7px 14px;
				}
					#tourTable tbody tr td a.buyNow {
						width:71px; height:19px;
						margin:0 auto;
						background:url(../../images/btn_buyTicket.png) no-repeat;
						display:block;
					}
						#tourTable tbody tr td a.buyNow:hover {
							background-position:0 -20px;
						}
				#tourTable tbody tr td.date {
					padding:10px 0 0 11px;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#ebddc7;
				}
					#tourTable tbody tr td.date a {
						margin:0;
						color:#ebddc7;
					}
						#tourTable tbody tr td.date a:hover {
							color:#f2efec;
						}
				#tourTable tbody tr td.location {
					padding:10px 0 10px 0;
					color:#f2efec;
				}
				#tourTable tbody tr td.venue {
					padding:10px 10px 10px 0;
				}
				#tourTable tbody tr td.setList {
					padding:0 0 0 7px;
				}
					#tourTable tbody tr td.venue a {	
						font-weight:bold;
						color:#e27c0a;					
					}
						#tourTable tbody tr td.venue a:hover {
							color:#fff;
						}
			/* buttons / icons */
			#tourTable a.btn_photos {
				width:23px; height:19px;
				background:url(../../images/btn_photos.jpg) 0 0 no-repeat;
				display:block;
			}
				#tourTable a.btn_photos:hover {
					background-position:0 -19px;
				}
			#tourTable a.iconSetList {
				width:23px; height:19px;
				background:url(../../images/icon_setlist.png) 0 0 no-repeat;
				display:block;
			}
				#tourTable a.iconSetList:hover {
					background-position:0 -19px;
				}
			#tourTable a.btn_videos {
				width:23px; height:19px;
				background:url(../../images/btn_videos.jpg) no-repeat;
				display:block;
			}
				#tourTable a.btn_videos:hover {
					background-position:0 -19px;
				}
			#tourTable a.btn_comments {
				width:23px; height:19px;
				background:url(../../images/btn_comments.jpg) no-repeat;
				display:block;
			}
				#tourTable a.btn_comments:hover {
					background-position:0 -19px;
				}
			#tourTable a.btn_upload {
				width:71px; height:19px;
				background:url(../../images/btn_addPhoto.jpg) no-repeat;
				display:block;
			}
				#tourTable a.btn_upload:hover {
					background-position:0 -19px;
				}
			#tourTable a.btn_tickets {
				width:61px; height:19px;
				background:url(../../images/btn_buyTickets.jpg) no-repeat;
				display:block;
			}
				#tourTable a.btn_tickets:hover {
					background-position:0 -19px;
				}
			#tourTable a.iconWhosGoing {
				width:16px; height:16px;
				background:url(../../images/icon_whosGoing.png) no-repeat;
				display:block;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
	.pagination {
		width:807px; height:25px;
		margin:22px 0 0 60px;
		background-color:#66625d;
		font:11px Arial, Helvetica, sans-serif;
		line-height:26px;
		text-indent:8px;
	}
		.pagination .link {
			width:130px;
			float:left;
		}
			.pagination a.pastEvents {
				margin:6px 0 0 0;
				color:#d8cfbd;
				line-height:normal;
				display:block;
			}
				.pagination a.pastEvents:hover {
					color:#fff;
				}
		.pagination .view {
			width:583px;
			text-align:center;
			float:left;
			color:#fff;
		}	
		.pagination .prevNext {
			width:85px;
			padding:0;
			float:left;
		}
			.pagination .prevNext .prev {
				width:32px;
				float:left;
			}
				.pagination .prevNext .prev a {
					width:25px;
					margin:6px 0 0 0; padding:0;
					background:url(../../images/btn_pager.png) 0 4px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#e27c0a;
					display:block;
				}
					.pagination .prevNext .prev a:hover {
						background-position:0 -13px;
						color:#fff;
					}
			.pagination .prevNext .next {
				width:48px;
				float:left;
			}				
				.pagination .prevNext .next a {
					width:40px;
					margin:6px 0 0 0;
					background:url(../../images/btn_pager.png) right 4px no-repeat;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#e27c0a;
					display:block;
				}
					.pagination .prevNext .next a:hover {
						background-position:right -13px;
						color:#fff;
					}