/*
	Screen.css
	ABConcerts.be
	Johan Ronsse
*/

body {
	font-family: Georgia, Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.62;
	background: #F2F2F2;
	color: #333;
}

/*
	General includes
*/

/* Accessibility */

#accessibilityControls {
	/* @inc .offScreen */
	position: absolute;
	left: -9000px;
	top: -9000px;
}

.offScreen {
	/* @inc .offScreen */
	position: absolute;
	left: -9000px;
	top: -9000px;
}

/*
	Typography: base
*/

h1, h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.18;
}

h2 { font-size: 18px; padding: 0 0 8px 0; color; }
	h2.sIFR-it { font-size: 28px; height: 28px; padding: 0 0 20px; font-family: "Trade Gothic LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	h2.contenttitle { font-size: 28px; padding: 0 0 20px; }

h3 { font-size: 15px; padding: 0 0 8px; }
	h3.section, .sectionHeading h3 { font-size: 11px; padding: 4px 3px 3px; background: #FFF; text-transform: uppercase; border-top: 1px solid black; font-family: Arial, sans-serif; border-bottom: 1px solid #CCC; margin: 0 0 6px; position: relative; }
	h3 span { font-weight: 300; text-transform: none; }
	h3 span.align-right { position: absolute; right: 3px; }
	h3.section-special { border-bottom: 1px solid #CCC; margin: 0; }
	h3 #wikipedialink { font-weight: 300; position: absolute; right: 3px; text-transform: none; color: #666; }

	h3.special, h3.special-note { font-family: Arial, sans-serif; padding: 5px; background: #FFD; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 20px; line-height: 1.42; font-size: 13px; border: 1px solid #DFDA88; }
	h3.special span { font-weight: 300; }
	h3.section .section-link { position: absolute; right: 3px; }
	h3.section .section-link a:link, h3.section .section-link a:visited { border: none; }

.sectionHeading { position: relative; }
.sectionHeading .options { padding: 0; list-style: none; position: absolute; top: 1px; right: 0; list-style: none; padding: 0;  }
.sectionHeading .options li { border-bottom: 1px solid #EEE; padding: 3px; border: none; border-right: 1px solid #CCC; padding: 0 4px; float: left; font-weight: 700; }
.sectionHeading .options li:last-child,
.sectionHeading .options li.last-child { border: none; }
.sectionHeading .options li a { border: none; }

h4 { font-size: 13px; padding: 0 0 4px; }
h5 { font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif; padding: 0 0 3px; }

p { padding: 0 0 8px 0; }
blockquote { font-style: italic; padding: 0 0 0 25px; }

ul { list-style: disc; }
ol { list-style-type: decimal; }
ul, ol { padding: 0 0 18px 18px; }
ol { padding-left: 24px; }
ul ul, ul ol, ol ul { padding-bottom: 0; }

small, span.mute { color: #808080; font-size: 11px; }

#header {
	width: 890px;
	/* Min height hack */
	min-height: 179px;
	height: auto !important;
	height: 179px;
	margin: 0 auto;
	position: relative;
}

#topbar {
	padding: 6px 0;
	color: #AAA;
	margin: 0 0 20px;
	position: relative;
	width: 890px;

	font-size: 11px;
	font-family: "Lucida Grande", Arial, sans-serif;
	border-bottom: 1px solid #555;

}

	#topbar li {
		list-style: none;
		float: left;
		padding: 0 0 0 7px;
	}

#switchStyles {
	position: relative;
	float: left;
	width: 40%;
}

	#switchStyles ul {
		padding: 0;
	}

		#switchStyles li {
			padding-right: 3px;
			float: left;
		}

		#switchStyles #styleRegular a { font-weight: 700; }
		#switchStyles #styleAccessibility { border-right: none; padding-right: 0;}

#righthand {
	width: 60%;
	float: right;
}

#chooseLanguage {
	width: 81px;
	position: absolute;
	top: 6px;
	right: 0;
	z-index: 3000;
}

#topbar div {
	zoom: 1;
}

	#chooseLanguage li {
		list-style: none;
		float: left;
		padding: 0 0 0 7px;
		/* @inc .secondarycontent */
		font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif;
	}
	
	#chooseLanguage ul {
		padding: 0;
		float: right;
	}
	
	#chooseLanguage li a {
		line-height: 22px;
	}
	
	#chooseLanguage li.selected a {
		font-weight: 700;
		border: none;
		color: #AAA;
	}

#righthand #user {
	padding: 0 81px 0 0;
	float: right;
}

	.loggedIn #righthand #user {
		padding-right: 0;
	}
	
	#righthand #user ul {
		zoom: 1;
		padding: 0;
		float: right;
	}
	
		#righthand #user ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		

#user .not-logged-in li:last-child {
	border: none;
}

#user li, #switchStyles li { padding: 2px 8px; display: block; float: left; border-right: 1px solid #555; }
#righthand #user.not-logged-in { background: none; }

#user li.messages img { position: relative; top: 1px; opacity: 0.6; -moz-opacity: 0.6; }
#user li.messages img.has-new-messages { opacity: 1.0; -moz-opacity: 1.0; }

/*
	Tooltip general construct
*/

.tooltip {
	position: absolute;
	padding: 7px 0 0;
	z-index: 1200;
}

	.tooltip .balloonArrow {
		position: relative;
		top: 1px;
		z-index: 1201;

		background: transparent url(../images/balloontop.gif) no-repeat 0 0;
		width: 15px;
		height: 7px;
		line-height: 1px;
		font-size: 1px;
	}

	.tooltip .tooltipContent {
		z-index: 1200;
		position: relative;

		border: 1px solid #AAA;
		padding: 0;
		padding: 8px;
		background: #050505;
		background-color: rgba(0,0,0,0.77);
		_background: #050505;
		:background: #050505;

		/* @inc .rc */
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		
		/* @inc .boxShadow */
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
		
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333),color-stop(0.05, #111));
		text-shadow: 1px 1px 1px #000;
	}

/* Positioning setup for accessibility tooltip */

#styleHelp {
	width: 400px;

	/* Positioning */
	top: 30px;
	left: 30px;
}

	#styleHelp .balloonArrow {
		left: 33%;
	}
	
	#styleHelp .tooltipContent {
		font-weight: 700;
	}

/* Positioning setup for login balloon */
#topbarLoginForm {
	width: 270px;

	/* Positioning */
	top: 30px;
	right: 30px;
}

	#topbarLoginForm .balloonArrow {
		left: 170px;
	}

	#topbarLoginForm .tooltipContent {
		padding-top: 0;
	}

#topbarLoginForm p {
	border-bottom: 1px solid #444;
	padding: 8px 0;
}

	#topbarLoginForm p.spacing {
		border: none;
		padding: 8px 0 0 100px;
	}

#topbarLoginForm label {
	color: #FFF;
	font-size: 11px;
	display: block;
	font-family: "Lucida Grande", Arial, sans-serif;
	float: left;
	line-height: 20px;
	width: 100px;
}

#topbarLoginForm p {
	zoom: 1;
}

#topbarLoginForm input {
	font-size: 11px;
	font-family: "Lucida Grande", Arial, sans-serif;
}

#topbarLoginForm .input-text { width: 120px; }
#topbarLoginForm .input-password { width: 90px; }
#topbarLoginForm .input-submit { font-size: 11px; }

#header h1,
#header span.sitetitle {
	font-size: 38px;
	padding: 0;
	height: 100px;
	width: 100px;
	text-align: center;
	padding: 0 20px 0 0;
	background: url(../images/logo3.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: left;
}

#header h1 a, #header span.sitetitle a { height: 100px; width: 100px; display: block; overflow: hidden; border: none; }

/*
	Hide breadcrumb altogether in normal version
	I'm keeping the layout code here in case AB wants it back
*/
#breadcrumb { clear: both; border-top: 1px solid #555555; border-bottom: 1px solid #555555; margin: 0 0 20px; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; }
#breadcrumb { color: #EEE; padding: 10px 0 10px 0; }
#breadcrumb span { color: #AAA; }
#breadcrumb a { margin: 0 2px; }
#breadcrumb { display: none; }

#navigation { height: 100px; padding: 0 0 20px 0; float: left; }
#navigation ul { height: 100px; padding: 0; }
#navigation ul li { list-style: none; font-size: 18px; font-weight: 700; padding: 0 0 0 2px; float: left; background: url(../images/navigation-divider.png) no-repeat 0 0; }
#navigation ul li a:link,
#navigation ul li a:visited { height: 100px; line-height: 100px; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; border: none; color: #B9B9B9; float: left; padding: 0 19px 0 18px; margin-right: 1px; }
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a:focus { color: #FFF; }
#container #navigation ul li.selected a { font-weight: 700; color: #FFF; background: url(../images/navigation-selected2.png) repeat-x; }

/* TV icon */
#navigation ul li#page-421 a:link span,
#navigation ul li#page-421 a:visited span { background: url(../images/tv.gif) no-repeat top right; display: block; padding-right: 31px; }
#navigation ul li#page-421 a:hover span,
#navigation ul li#page-421 a:active span,
#navigation ul li#page-421 a:focus span { background: url(../images/tv.gif) no-repeat right -100px; }
#container #navigation ul li#page-421.selected a span { background: url(../images/tv.gif) no-repeat right -200px; }

/* Radio icon */
#navigation ul li#page-512 a:link span,
#navigation ul li#page-512 a:visited span { background: url(../images/radio.gif) no-repeat top right; display: block; padding-right: 31px; }
#navigation ul li#page-512 a:hover span,
#navigation ul li#page-512 a:active span,
#navigation ul li#page-512 a:focus span { background: url(../images/radio.gif) no-repeat right -100px; }
#container #navigation ul li#page-512.selected a span { background: url(../images/radio.gif) no-repeat right -200px; }

.fullwidth #content, #concert, #concerts-wrapper, #projects, #artists, #abtv, #artist, #backstage, #abRadio { width: 754px; margin: 0 auto; padding: 20px 0 20px 148px; min-height: 300px; height: auto !important; height: 300px; }
#abtv2 { width: 754px; margin: 0 auto; padding: 0 0 20px 148px; min-height: 300px; height: auto !important; height: 300px; }

#home .fullwidth #content { padding: 10px 0 10px 120px; }
input, textarea, select { font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; }
fieldset.visiblefieldset, div.box { padding: 12px; background: #F9F9F9; margin: 0 0 20px; border: 1px solid #E2E2E2; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.box-blue { background: #F1F5FA; }
fieldset legend { display: none; }

/* Errors */
/* Inline form error*/
span.form-error { color: red; display: block; padding: 0 0 2px 0; }

/* Global error */
.globalError {
	background: red;
	width: 100%;
	text-align: center;
}

	.globalError p {
		padding: 6px;
		font-weight: 700;
	}

#name, #email, #website, #subject { width: 210px; }
input.input-submit { font-size: 11px; }
p.backlink { clear: both; }
p.backlink a { background: #FFF; padding: 3px 6px; border: 1px solid #AAA; text-decoration: none; }
p.backlink a:hover { background: #FFD; }
#main .section-small p { font-size: 11px; }
ul.avatar-list { padding: 0; }
ul.avatar-list-3 { width: 147px; }
ul.avatar-list-4 { width: 207px; }
ul.avatar-list li { list-style: none; margin: 0 1px 1px 0; float: left; width: 48px; height: 48px; background: #CCC; }
ul.avatar-list li a.noborder { border: none; padding: 0; float: left; overflow: hidden; }
ul.avatar-list li a img { width: 48px; height: 48px; }
.register-incentive { float: left; width: 160px; }
#bottom-wrap { width: 890px; margin: 0 auto; padding: 0 0 20px; }
#bottom { clear: both; background: #F7F7F7 url(../images/bottombg.png) repeat-x; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; border: 1px solid #D3D3D3; margin-left: 120px; width: 768px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#bottom .bottom-inner { padding: 20px; border: 1px solid white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#bottom div.spacing-both-half { background: url(../images/bottom-separator.png) no-repeat 0 50%; }
#bottom div.spacing-left-half { background: url(../images/bottom-separator.png) no-repeat 0 50%; }
#bottom p { padding: 0 0 5px; }
#bottom a.button { float: right; }

/*
	Sponsors
*/

#sponsors { margin: 20px auto; width: 890px; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
#sponsors ul { padding: 0 0 0 160px; background: url(../images/sponsors_update4.gif) no-repeat 160px 10px; }
#sponsors ul li { float: left; list-style: none; padding: 8px 0; height: 46px; margin-right: 16px; }
#sponsors ul li.last { margin-right: 0; }
#sponsors ul li a { display: block; text-indent: -9000px; height: 100%; overflow: hidden; border: none; }
#sponsors ul li a.sponsor1 { width: 61px; }
#sponsors ul li a.sponsor2 { width: 62px; }
#sponsors ul li a.sponsor3 { width: 43px; }
#sponsors ul li a.sponsor4 { width: 67px; }
#sponsors ul li a.sponsor5 { width: 55px; }
#sponsors ul li a.sponsor6 { width: 26px; }
#sponsors ul li a.sponsor7 { width: 57px; }
#sponsors ul li a.sponsor8 { width: 56px; }
#sponsors ul li a.sponsor9 { width: 61px; }
#sponsors ul li a.sponsor10 { width: 38px; }
#sponsors ul li a.sponsor11 { width: 41px; }

/*
	Doormat and footer
*/

#doormat-and-footer-holder { width: 100%; background: #404040 url(../images/headerbg5.png) repeat-x; }
#doormat { padding: 20px 0 0 140px; margin: 0 auto; width: 750px; }
#doormat ul { list-style: none; padding: 0 10px 20px 0; line-height: 1.9; }
#doormat ul li { line-height: 1.5; padding: 0 0 5px; }
#doormat ul li a { color: #C6C6C6; }

#footer {
	font-size: 11px;
	margin: 0 auto;
	width: 890px;
	border-top: 1px solid #717171;
}

	#footer ul {
		float: right; padding: 0; position: relative; top: 7px; list-style: none;
	}

	#footer li {
		padding: 0 10px 0 0;
		line-height: 21px;
		font-size: 11px;
		float: left;
	}
	
	/* Clearfix the li */
	#footer #anysurferHolder { zoom: 1; float: left; }
	#footer #anysurferHolder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

		#footer #anysurferHolder {
			min-width: 190px;
		}

		#footer #anysurferHolder #anysurferLink1 {
			float: left;
			line-height: 14px;
			position: relative;
			top: 3px;
			display: block;
		}
		
		#anysurferLink2 {
			margin-left: 3px;
			width: 29px;
			height: 21px;
			display: block;
			float: left;
			border: none;
		}
		
			#footer #anysurferHolder img {
				display: block;
				width: 29px;
				height: 21px;
				overflow: hidden;
			}

	#footer li.last {
		padding-right: 0;
		border: none;
	}

	#footer li.last span {
		padding-right: 4px;
		display: block;
		color: #AAA;
		float: left;
	}

	#footer li.last a {
		margin-top: 3px;
		background: url(../images/lastfmfooter.gif) no-repeat 0 0;
		display: block;
		width: 52px;
		height: 13px;
		position: relative;
		bottom: 1px;
		float: left;
		text-indent: -9000px;
		border: none !important;
		overflow: hidden;
	}

html, body { height: 100%; }
#container { min-height: 100%; height: 100%; height: auto !important; margin: 0 0 -250px;  }
#push { height: 250px; position: relative; }
#doormat-and-footer-holder { height: 250px; position: relative; }
a.readmore { font-style: italic; font-family: Georgia, serif; white-space: nowrap; }
#concerts table { width: 100%; }
tr.odd, tr.rowOdd { background: white; }
img { font-size: 11px; font-family: Arial, sans-serif; line-height: 1; color: #999; }
.calendar { width: 100%; border-collapse: separate; }
.calendar th.current-month { text-align: center; font-size: 13px; text-transform: none; font-weight: 700; }
.calendar th.current-month a { font-family: Arial, sans-serif; width: 129px; }
.calendar th { border: none; font-family: Georgia, serif; font-size: 13px; font-weight: 300; text-align: center; text-transform: uppercase; }
.calendar th.prev-month a,
.calendar th.next-month a { text-indent: -9000px; display: block; width: 20px; height: 20px; overflow: hidden; border-bottom: 1px solid #FAFAFA !important; }
.calendar th.prev-month a { background: url(../images/arrow_left_bggrey_black.gif) no-repeat center center; }
.calendar th.next-month a { background: url(../images/arrow_right_bggrey_black.gif) no-repeat center center; }
.calendar td { text-align: center; background: white; border: 1px solid #FFF; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; padding: 3px; width: 18px; height: 18px; }
.calendar td.not-in-month { border: 1px solid #F4F4F4; }
.calendar td.event { padding: 0; background: #FFC; border: 1px solid #FFC; }
.calendar td.event a:link,
.calendar td.event a:visited { padding: 3px; display: block; }
.calendar td.event a:hover,
.calendar td.event a:active,
.calendar td.event a:focus { background: #D81921; color: #FFF; border: none; }
.calendar td.sat,
.calendar td.sun { background: #F1F5FA; border: 1px solid #F1F5FA; }
.calendar td.today { font-weight: 700; font-style: italic; border: 1px solid #CDCDCD; }
td.not-in-month { background: none; }
.calendar td a:link,
.calendar td a:visited,
.calendar td a:hover,
.calendar td a:active,
.calendar td a:focus { font-weight: 700; cursor: pointer; }
#tabsholder { border-bottom: 1px solid #CFCFCF; }
#tabs { padding: 20px 0 0 120px; }
#tabs ul { padding: 0; list-style: none; width: 770px; height: 32px; position: relative; top: 1px; overflow: hidden; }
#tabs ul li { float: left; margin-right: 5px; }
#tabs ul li a:link,
#tabs ul li a:visited { float: left; background: transparent url(../images/tabs.png) no-repeat 0 -32px; font-size: 14px; padding-left: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; }
#tabs ul li a:hover,
#tabs ul li a:active,
#tabs ul li a:focus { color: #000; }
#tabs ul li.selected a:link,
#tabs ul li.selected a:visited,
#tabs ul li.selected a:hover,
#tabs ul li.selected a:active,
#tabs ul li.selected a:focus { background: transparent url(../images/tabs.png) no-repeat 0 0; }
#tabs ul li a:link span,
#tabs ul li a:visited span { background: transparent url(../images/tabs.png) no-repeat right -32px; display: block; float: left; color: #777; padding-right: 20px; line-height: 32px; border-bottom: none; font-weight: 700; }
#tabs ul li a:hover span,
#tabs ul li a:active span,
#tabs ul li a:focus span { color: #000; }
#tabs ul li.selected a:link span,
#tabs ul li.selected a:visited span,
#tabs ul li.selected a:hover span,
#tabs ul li.selected a:active span,
#tabs ul li.selected a:focus span { background: transparent url(../images/tabs.png) no-repeat right 0; color: #000; }
.cancelButton { display: block; float: right; clear: both; position: relative; right: 18px; margin-top: 5px; }
.cancelButton span { background: transparent url(../images/button_deleteTag.png) no-repeat scroll 0 0; float: left; width: 11px; height: 11px; position: absolute; right: -15px; top: 4px; }
.cancelButton:hover span {
background: transparent url(../images/button_deleteTag.png) no-repeat scroll -46px 0;
}
#carpoolMap { margin: 0 0 24px; }
#carpoolForm, #ticketsForm { width: 752px; border: 1px solid #CDCDCD; margin: 0 0 20px; background: #FFF url(../images/carpoolbg.gif) repeat-y; }
#carpoolForm #extra_info {
	height: 80px;
}
#carpoolStats { background: #FFF; padding: 12px; border: 1px solid #CDCDCD; margin: 8px 0 24px; }
#carpoolStats li { font-weight: 700; }
#carpoolFormIntro, #ticketsFormIntro { text-align: center; padding: 50px 0; }
#carpoolFormIntro h3, #ticketsFormIntro h3 { padding: 0 0 5px; }
#givers, #seekers { padding: 0 0 20px; }
#carpoolLeft, #ticketsLeft { float: left; width: 190px; padding: 15px; border-right: 1px solid #CDCDCD; }
#carpoolRight, #ticketsRight { float: left; width: 501px; padding: 15px; }
#carpoolLeft a, #ticketsLeft a { font-size: 14px; }
#carpoolLeft dt, #ticketsLeft dt { margin: 0 0 5px; }
#carpoolLeft dd, #ticketsLeft dd { padding-bottom: 10px; line-height: 1.4; }
.carpool-item { border-top: 1px solid #DBDBE0; padding: 0 0 10px; }
.carpool-item .avatar { float: left; width: 48px; padding-right: 10px; }
.carpool-item-inner { float: left; width: 696px; }
.carpool-item h4 { font-size: 11px; padding: 0;}
.carpool-item .peopleNick { font-weight: 700; }
.carpool-item ul li p { color: #666; }
#concert { width: 780px; }
#concerts-wrapper { width: 890px; padding: 20px 0 10px 0; }
#concerts-wrapper #rss { padding: 0 0 30px; }
#rss img { padding: 10px 10px 10px 5px; }
#concerts #concerts-grid { width: 655px; margin: 0 0 20px; }
#concerts-grid td { border-top: 1px solid #E3E3E3; vertical-align: top; padding-top: 10px; padding-right: 10px;}
#concerts-grid h3 { padding: 0 0 2px; }
#concerts-grid td { min-height: 74px; }
#concerts-grid td.image { padding-top: 0; width: 90px; }
#concerts #concerts-grid td.image { width: 140px; }
#concerts-grid td.image { width: 110px; padding: 0;}
#concerts-grid td.image img { width: 100px; height: 58px; }
#concerts #concerts-grid td.image div { width: 100px; height: 58px; background: #CCC; margin: 0 0 16px; }
#concerts-grid td.date-location { width: 96px; }
#concerts-grid td.date-location span { color: #666; display: block; }
#concerts-grid td.date-location span.date { color: #000; font-family: "Lucida Grande", Arial, sans-serif; font-size: 13px; font-weight: 700; }
#concerts-grid td.concertdata { padding-top: 10px; width: 347px; }
#concerts-grid td.concertdata p.subtitle { font-weight: 300; padding: 0; font-family: Arial, sans-serif; }
#concerts-grid td.concertdata p.subtitle a { font-family: Georgia, serif; font-style: italic; }
#concerts-grid td.concertdata p.meta { color: #666; font-size: 11px;}
#concerts-grid td.concertdata p.meta a { line-height: 18px; display: inline-block; }
#concerts-grid td.concertdata p.meta a.has-comments,
#concerts-grid td.concertdata p.meta a.no-comments { padding-right: 3px; padding-left: 17px; margin-left: 5px; }
#concerts-grid td.concertdata p.meta a.no-comments { color: #C4C4C4; background: url(../images/balloon_grey.gif) no-repeat 2px 4px; }
#concerts-grid td.concertdata p.meta a.has-comments { background: url(../images/balloon.gif) no-repeat 2px 4px; }
#concerts-grid td.status { font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; }
#concerts-grid td.status strong.new { display: block; float: left; background: #FFF; color: #000; border: 1px solid #CDCDCD; text-align: center; padding: 0 4px; line-height: 1.4; text-transform: uppercase; font-size: 10px; margin: 0 0 3px; }
#concerts-grid ul { list-style: none; padding: 0; }
#concerts-wrapper .concerts-list-title { padding: 0 0 0 140px; }
#concerts { width: 680px; float: left; padding: 0 30px 0 0; }
#sidebar { width: 180px; float: left; }
#sidebar h4 { font-size: 14px; }
#sidebar div.section { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #D9D9D9; }
#sidebar #past-concerts { border-bottom: none; }
#sidebar #past-concerts ul li:last-child { border: none; padding-bottom: 0; }
#past-concerts ul li { color: #444; padding: 0 0 4px; border-bottom: 1px dotted #CDCDCD; margin: 0 0 4px; }
#tagcloud a { white-space: nowrap; line-height: 20px; font-family: Arial, sans-serif; }
.frequency-1 { font-size: 16px; font-weight: 700; }
.frequency-2 { font-size: 14px; font-weight: 700; }
.frequency-3 { font-size: 13px; font-weight: 700; }
.frequency-4 { font-size: 13px; font-weight: 300; }
.frequency-5 { font-size: 12px; }
#tabsholder { background: #303030; }
#tabsholder .column-fullwidth { width: 890px; margin: 0 auto; }
#tabsholder h1,
#tabsholder h2,
#tabsholder h3 { color: #FFF; padding-left: 120px; font-family: "Trade Gothic LT Std", Arial, sans-serif; }
#tabsholder h1 { font-size: 46px; height: 46px; }
#tabsholder h2 { font-size: 36px; height: 36px; }
#tabsholder p.subtitle { padding: 0 0 0 120px; font-size: 23px; height: 23px; color: #FFF; }
.note { background: #FFD; border: 1px solid yellow; padding: 5px 5px 0; margin: 0 0 14px; }
#updates-detail { padding: 5px 5px 0; margin: 0 0 14px; background: #FFE; border-bottom: 1px solid #CCC; }
h3.section-updates { margin: 0; background: #FFC; border-bottom: 1px solid #DFDA88; }
ul#tl_buddies { padding-bottom: 0; }
ul#tl_buddies li { list-style: none; clear: both; }
ul#tl_buddies li img { position: absolute; left: 7px; }
ul#tl_buddies li img.mail-icon { left: 15px; margin-top: 4px; }
ul#tl_buddies li p { float: left; }
ul#tl_buddies li a:link, ul#tl_buddies li a:visited { border: none; margin: 5px; outline: 0; }
#artists .list { padding: 0 0 20px; }
#artists .list ul { padding: 0 20px 0 0; width: 163px; float: left; }
.list li { list-style: none; }
#artists .list a { font-family: Arial, sans-serif; }
#artist .related li.item { width: 170px; color: #666; text-align: center; margin: 0 0 15px; float: left; padding: 0 0 15px; border-bottom: 1px solid #CDCDCD; }
#artist .related h3 { font-size: 13px; padding: 5px 0;}
#artist .related div.img, #artist .related img { height: 80px; min-height: 80px; height: auto !important; height: 80px;}
div.hr { margin: 14px 0; border-top: 1px dotted #BCBCBC; height: 0; font-size: 0; clear: both; }
div.hr hr { display: none; }
div.header-wrapper, #header { background: #333 url(../images/headerbg5.png) repeat-x !important; }
#home .fullwidth, #home #content { background: #F4F4F4 url(../images/white-to-grey.png) repeat-x; }
.fullwidth { background: #F4F4F4 url(../images/white-to-grey.png) repeat-x; }
.has-tabs { background: #F4F4F4 url(../images/white-to-grey.png) repeat-x 0 94px; }
#concert-price { width: 100%; text-align: center; }
#concert-price p { padding: 0; text-align: center; }
#concert-price p.preorder-price { font-size: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1; }
#concert-price p.preorder-price span { font-family: Arial, sans-serif; }
a.bigbutton:link,
a.bigbutton:visited {
	display: block;
	line-height: 1;
	text-align: center;

	background: #D81921;
	color: #FFF;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-decoration: none;
	padding: 4px 14px;
	border: 2px solid white;

	/* @inc .borderRadius6 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.bigbutton:hover,
a.bigbutton:active,
a.bigbutton:focus { background: red; }
a.bigbutton-disabled:link,
a.bigbutton-disabled:visited,
a.bigbutton-disabled:hover,
a.bigbutton-disabled:active,
a.bigbutton-disabled:focus { background: #BEBEBE; }
#concert-actions {  padding: 10px 0; }
#concert-actions h4 { font-size: 12px; }
#concert-information { padding-bottom: 20px; }
#concert-information img.concert-information-image { float: left; padding-right: 10px; width: 100px; }
.backstage-widget { margin: 0 0 10px; }
.backstage-widget-comments td.date { width: 90px; }
#textual-content { width: 492px; float: left; }
#subnavigation { float: left; width: 220px; padding-left: 30px; }
#subnavigation ul { padding: 0; list-style: none; }
#subnavigation li a { display: block; padding: 2px 5px; font-family: Arial, sans-serif; }
#subnavigation li a#selected { font-weight: 700; color: #000; }
#subnavigation li ul li a { padding: 2px 5px 2px 20px; border-bottom: 1px solid #DCDCDC; font-size: 11px; color: #D81921; font-family: "Lucida Grande", Arial, sans-serif; font-weight: 300; }
#subnavigation li ul li ul li a { padding: 2px 5px 2px 35px; border-bottom: 1px solid #DCDCDC; font-size: 11px; color: #D81921; font-family: "Lucida Grande", Arial, sans-serif; font-weight: 300; }
ul.clips { list-style: none; padding: 0; margin-bottom: 6px; }
ul.clips li { width: 180px; text-align: center; height: 136px; padding: 10px 0 14px; font-size: 11px; float: left; border-right: 1px solid #F4F4F4; background: url(../images/videograd.png) repeat-x; position: relative; }
.overview ul.clips li { padding-bottom: 0; }
p.flagVideo { position: absolute; bottom: 0; right: 0; }
p.flagVideo a { color: #AAA; }
ul.clips li a { border: none; line-height: 1.2; display: block; padding: 0 8px; }
ul.clips div.overlay { background: url(../images/play.png) no-repeat center center; z-index: 3000; width: 32px; height: 32px; position: absolute; top: 50px; left: 70px; }
ul.clips li:last-child,
ul.clips li.last-child { margin-right: 0; }
#crowdmap { width: 780px; height: 400px; overflow: hidden; }
#crowd-detail, .friends-list { list-style: none; padding: 0; }
#crowd-detail li, .friends-list li { width: 238px; float: left; margin: 0 4px 10px 0; }
#crowd-detail li div.avatar, .friends-list li div.avatar { width: 48px; height: 48px; float: left; }
div.info { }
div.info p { font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif; color: #666; padding: 0; }
div.info a { font-weight: 700; font-size: 13px; font-family: Arial, sans-serif; }
#crowd-detail li div.avatar img, .friends-list li div.avatar img { width: 48px; height: 48px; }
#crowd-detail li div.avatar a, .friends-list li div.avatar a { border: none; }
#crowd-detail li div.info, .friends-list li div.info { width: 180px; padding-top: 4px; padding-left: 10px; height: 44px; float: left; }
.friends-list li div.info { width: 150px; }
.friends-list .request div.check { line-height: 48px; float: left; padding: 0 4px; }
.friends-list div.check { line-height: 22px; float: left; padding: 0 4px; }
div.check label { color: #000; }
#addCommentForm { margin: 0 0 20px; }
div.shoutbox-comment { border-bottom: 1px solid #DBDBDB; width: 100%; padding: 0 0 7px; margin: 0 0 7px; }

/* Shoutboxes */

/* Wide version */
.shoutbox-textarea { width: 400px; float: left; padding-right: 10px; }
.shoutbox-textarea textarea { height: 125px; width: 400px; }

/* Narrow version (425px) */
#innercontent .shoutbox-textarea { width: 270px; float: left; padding-right: 10px; }
#innercontent .shoutbox-textarea textarea { height: 125px; width: 270px; }

/* Medium version (500px) */
#project-content .shoutbox-textarea { width: 345px; float: left; padding-right: 10px; }
#project-content .shoutbox-textarea textarea { height: 125px; width: 345px;}

/* 544px */
#artist .shoutbox-textarea { width: 399px; float: left; padding-right: 10px; }
#artist .shoutbox-textarea textarea { height: 125px; width: 389px;}

#artist div.shoutbox-textarea { width: 388px; }
p.shoutbox-rules { width: 145px; float: left; }
div.shoutbox-comment div.avatar { width: 48px; height: 48px; float: left; font-size: 0; overflow: hidden; }
div.shoutbox-comment div.message { padding-left: 20px; width: 357px; float: left; }
#artist div.message { width: 475px; }
p.flagLink { text-align: right; }
p.flagLink span { background: #FFC; }
div.shoutbox-comment div.message p { padding: 0; }
div.shoutbox-comment div.message p.user a { font-weight: 700; }
label { font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; }
ol.new-avatar { padding: 14px 14px 0 30px; background: #F1F5FA; border: 1px solid #E2E2E2; height: 82px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ol.new-avatar li { padding: 0 0 4px; }
ul.projects-list { padding: 0; list-style: none; }
ul.projects-list li { padding: 10px 10px 0; border: 1px solid #DCDCDC; background: #FFF; margin: 0 0 10px; }
ul.projects-list div.projectimage { float: left; padding-right: 10px; width: 90px; }
ul.projects-list div.projectdescription { float: left; width: 620px; }
ul.projects-list li p a.button { float: right; }

#passedProjects { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }

#thisOnABTV ul {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
	border-top: 1px solid #CCC;
}

	#thisOnABTV ul li {
		border-bottom: 1px solid #CCC;
	}

	#thisOnABTV ul li img {
		width: 61px;
		background: #CCC;
		height: 34px;
		float: left;
		display: block;
		margin-right: 12px;
	}

	#thisOnABTV ul li h4 {
		width: 283px;
		float: left;
	}


	#thisOnABTV ul li a {
		border: none;
	}

#project-content {
	width: 500px;
	float: left;
	padding-right: 20px;
}

#project-sidebar {
	width: 200px;
	float: left;
}

p.register-intro { width: 433px; }

#register-form-1,
#register-form-2 {
	padding: 14px 14px 0;
	background: #FCFCFC;
	border: 1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 600px;
	margin: 0 0 20px;
}

span.form-error { display: block; font-family: "Lucida grande", Arial, sans-serif; font-size: 11px; color: red; font-weight: 700; }
#register-form-1 .columns { width: 550px; }
#register-form-1 .column-25 input { width: 180px; }
#register-form-1 .column-15 input { position: relative; top: 20px; }
#register-form-1 label { display: block; }
.form-helptext { font-family: "Lucida grande", Arial, sans-serif; font-size: 11px; color: #666; }
.form-controls p { padding: 0 0 12px; }
.form-controls p label { display: block; }
.form-controls .form-submit { padding: 24px 0; }
.form-controls .radio-list { font-size: 12px; font-family: Arial, sans-serif; }
.form-controls .radio-list { padding: 12px 0; list-style: none; }
.form-controls .radio-list li { display: inline; padding-right: 10px; }
#newsletter-register-signup { border: 1px solid #DCDCDC; padding: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #FFF; }
#newsletter-register-signup p { padding: 0 0 5px; }
#newsletter-register-signup ul { padding: 0; list-style: none; }
#newsletter-register-signup ul label { font-weight: 300; }
#profile-friends,
#profile-neighbours,
#artist-fans { padding: 0 0 12px; }
#profile-friends ul,
#profile-neighbours ul,
#artist-fans ul { padding: 0 0 5px; list-style: none; }
#profile-friends ul li,
#profile-neighbours ul li,
#artist-fans ul li { float: left; width: 77px; text-align: center; padding-bottom: 4px; }
#profile-friends ul li p,
#profile-neighbours ul li p,
#artist-fans ul li p { padding: 0; }
#profile-friends div.avatar,
#profile-neighbours div.avatar,
#artist-fans div.avatar,
#crowd-avatar-list div.avatar { width: 48px; margin-left: 14px; }
#profile-friends ul li a,
#profile-neighbours ul li a,
#artist-fans ul li a { border: none; }
#profile #avatar-and-buttons { width: 128px; overflow: hidden; float: left; padding-right: 20px; }
#profile #avatar-and-buttons .avatar { margin: 0 0 6px; }
#profile #avatar-and-buttons .button-holder a.button-fixed:link,
#profile #avatar-and-buttons .button-holder a.button-fixed:visited { width: 112px; text-align: center; margin: 0 0 3px; display: block; }
#profile #profile-content { width: 606px; float: left; }
#external-links-list { padding: 0 0 20px; list-style: none; }
#external-links-list li { border-bottom: 1px solid #CDCDCD; line-height: 16px; padding: 3px 0; margin: 0 0 3px; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; }
#external-links-list li a { border: none; }
#external-links-list li img { float: left; padding-right: 3px; width: 16px; height: 16px; }
#profile-leftcolumn p, #profile-rightcolumn p { padding-left: 3px; }
#profile-calendar { margin-bottom: 20px; width: 100%; }
.calendar-concert { display: block; height: 58px; }
.calendar-concert td { border-bottom: 1px solid #e2e2e2; }
.calendar-concert td.image { width: 103px; }
#profile-calendar .last-concert { border: none; }
#profile-calendar .calendar-concert img { display: block; width: 103px; height: 58px; overflow: hidden; float: left; background: #EEE; }
#profile-calendar .concert-data { padding-left: 10px; font-family: Arial, sans-serif; width: 520px; }
.concert-data a:link, .concert-data a:visited { font-size: 13px; font-weight: 700; border: none; }
.concert-data span { font-size: 11px; color: #515151; }
#taste-o-meter { background: url(../images/taste-meter.gif) no-repeat 0 0; width: 195px; height: 18px; margin: 0 0 24px; position: relative; padding-right: 37px; }
#taste-o-meter div { background: url(../images/taste-meter-filled.gif) no-repeat 0 0; }
#compareScore { font-size: 12px; font-family: Arial; font-weight: 700; position: absolute; right: 3px; top: 0; line-height: 18px; }

.awaitingrequest {
	background: #FFC;
	border: 1px solid #E3E365;
	padding: 10px;
	margin: 10px 0 0 0;
	/* @inc .rc */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 240px;
}

.awaitingrequest p {
	padding: 0;
}

li .awaitingrequest { width: auto; }
#profile #avatar-and-buttons #btnRemoveFriendRequest, #profile #avatar-and-buttons #btnRemoveFriend { margin-right: 10px; }
.friend-status { background: #FFF; border: 1px solid #D4D4D4; padding: 5px; margin: 10px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.friend-status .modal-box-toggle:link,
.friend-status .modal-box-toggle:visited { color: #5E5D5D; }
.friend-status .modal-box-toggle:hover,
.friend-status .modal-box-toggle:active,
.friend-status .modal-box-toggle:focus { color: #000; }
p.artist-csv-list a { background: white; }
p.artist-csv-list a:hover { background: #FFC; }
#profile div.shoutbox-comment { width: 347px; }
#profile div.shoutbox-comment div.message { width: 289px; padding-left: 10px; }
#profile #message { width: 350px; }
#profile-artists { padding: 0 0 19px; }
#profile-artists img, #profile-artists div.imageholder { width: 107px; height: 56px; background: #EEE; }
#profile-artists ul.columns { text-align: center; padding: 0 0 5px 3px; }
#profile-artists ul.columns a { font-weight: 700; border: none; display: block; line-height: 1.2; }
#sidebar #crowd-avatar-list li,
#fans li,
.person-list li { width: 77px; text-align: center; float: left; }
.person-list { padding: 0 !important; }
.person-list li { position: relative; }
.person-list li.img { width: 48px; height: 48px; }
.person-list li a.deleteTag { background: url(../images/button_deleteTag.png) no-repeat 0 0; width: 11px; display: inline; text-indent: -9000px; overflow: hidden; height: 11px; position: absolute; top: 1px; right: 3px; }
#sendMessage .person-list li { background: #F1F5FA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #CDCDCD; padding: 20px 5px 5px; margin-right: 10px; }
#sendMessage .person-list-empty li { padding: 5px; }
#sendMessage .person-list-empty li p { padding: 0; }
#crowd-avatar-list { padding: 0 0 4px; }
p.concertmessage { background: #FFF; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CDCDCD; margin: 0 0 20px; }

table#concert-quickinfo {
	width: 100%;
	margin: 0 0 16px;
}

	#concert-quickinfo span.mute { display: block; }

	table#concert-quickinfo tr.odd { background: none; }
	table#concert-quickinfo td,
	table#concert-quickinfo th { border-bottom: 1px solid #DDD; padding: 2px 5px; font-size: 13px; font-family: Georgia, serif; vertical-align: top; }
	table#concert-quickinfo tr:last-child td,
	table#concert-quickinfo tr:last-child th { border: none; }
	table#concert-quickinfo a { font-family: Arial, sans-serif; font-size: 13px; }
	table#concert-quickinfo th { font-family: Arial, sans-serif; font-weight: 700; width: 80px; font-size: 13px; padding-left: 0; }

	#concert-quickinfo #locationName {
		float: left;
		height: 22px;
		padding-right: 5px;
	}

	#concert-quickinfo #venueAccessibility {
		padding: 0;
		float: left;
		position: relative;
		bottom: 1px;
	}
	
	#concert-quickinfo #venueAccessibility li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#concert-quickinfo #venueAccessibility li a {
			border: none;
			display: block;
			width: 22px;
			height: 22px;
			background: url(../images/accessibility_icons.gif) no-repeat 0 0;
			overflow: hidden;
			margin-right: 4px;
		}
		
			#concert-quickinfo #venueAccessibility #wheelchair { background-position: 0 0; }
			#concert-quickinfo #venueAccessibility #blind { background-position: -22px 0; }
			#concert-quickinfo #venueAccessibility #deaf { background-position: -44px 0; }

			#concert-quickinfo #venueAccessibility #wheelchair:hover,
			#concert-quickinfo #venueAccessibility #wheelchair:active,
			#concert-quickinfo #venueAccessibility #wheelchair:focus { background-position: 0 -22px; }

			#concert-quickinfo #venueAccessibility #blind:hover,
			#concert-quickinfo #venueAccessibility #blind:active,
			#concert-quickinfo #venueAccessibility #blind:focus { background-position: -22px -22px; }

			#concert-quickinfo #venueAccessibility #deaf:hover,
			#concert-quickinfo #venueAccessibility #deaf:active,
			#concert-quickinfo #venueAccessibility #deaf:focus { background-position: -44px -22px; }

				#concert-quickinfo #venueAccessibility li span {
					/* @inc .offScreen */
					position: absolute;
					left: -9000px;
					top: -9000px;
				}

.notice { border: 1px solid #CDCDCD; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 10px; background: white; }
#concert-detail #innercontent { width: 425px; float: left; overflow: hidden; }
#concert-detail #sidebar { width: 309px; padding: 0 0 0 20px; float: left; overflow: hidden; }
table#concert-status { width: 100%; }
#profile-leftcolumn { width: 353px; padding-right: 20px; float: left; overflow: hidden; }
#profile-rightcolumn { width: 232px; float: left; }
div.years { width: 88px; float: left; padding-right: 20px; }
div.years ul { padding: 0; list-style: none; border: 1px solid #DDD; border-bottom: none; margin-top: 33px; }
div.years ul li { background: white; text-align: center; border-bottom: 1px solid #DDD; }
div.years ul li.secondarycontent { text-align: left; line-height: 1.2; padding: 3px; }
div.years ul li a:link,
div.years ul li a:visited { display: block; border: none; }
div.years ul li a:hover,
div.years ul li a:active,
div.years ul li a:focus { background: #FFC; }
div.years p.notice { line-height: 1.1; }
h2 span { color: #666; }
div.year-overview { float: left; width: 644px; }
.year-overview div.month { padding: 7px 7px 0; border-bottom: 1px dotted #CDCDCD; margin: 0 0 10px; }
.month ul { padding: 0 0 20px; }
.month ul li { display: block; width: 240px; padding: 0 20px; float: left; }
.month ul li a { font-family: Arial, sans-serif; }
.month ul li.abtv { background: url(/modules/core/layout/images/abtvicon.gif) no-repeat 0 0; }

dl.updates { padding: 0 0 0 3px; }
dl.updates dt { width: 52px; float: left; clear: left; line-height: 17px; color: #666; font-family: Arial, sans-serif; font-size: 11px; }
dl.updates dd.updatetext { float: none; clear: both; width: auto; padding-left: 52px; }
dd.updatetext:empty { display: none; }
dl.updates dd.updatetext p { padding: 0; }
dl.updates dd { width: 400px; float: left; padding: 0 0 8px; }
#home dl.updates dd { width: 330px; }
dl.updates dd h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.3; padding: 0; }
#sidebar dl.updates dd h4 { font-size: 13px; width: 296px; }
dl.updates dd a { font-family: Arial, serif; font-weight: 700; font-size: 13px; }
#artist-related,
#artist-fans { padding: 0 0 20px; }
#flickr_photos { width: 425px; margin: 0 0 12px; }
#flickr_photos ul li { float: left; padding-right: 3px; }
#flickr_photos p { padding: 0; text-align: right; }
#flickr_photos p a { font-weight: 700; }
#overlay { position: absolute; height: 100%; width: 100%; background-color: #FFF; z-index: 240; opacity: 0.4; -moz-opacity: 0.4; overflow: hidden; }
.modal-box { z-index: 999999; position: fixed; top: 50%; left: 50%; width: 400px; padding: 5px; #595959background: url(../images/opacitybg.png) repeat; }
.modal-box-inner { position: relative; left: -200px; top: -200px; padding: 20px 30px 20px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #F1F5FA; border: 1px solid #CBD5E1; }
.modal-box .modal-box-close:link,
.modal-box .modal-box-close:visited { position: absolute; top: 11px; right: 11px; background: url(../images/modalboxclose.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -9000px; overflow: hidden; border: none; }
.modal-box .modal-box-close:hover,
.modal-box .modal-box-close:active,
.modal-box .modal-box-close:focus { background: url(../images/modalboxclose.png) no-repeat 0 -16px; }
div.betabar-wrapper, #betabar { background: #FDF8C2 url(../images/feedbackbarbg.png) repeat-x !important; }
#betabar { margin: 0 auto; width: 890px; height: 28px; }
#betabar ul#betabar-list { padding: 5px 0; }
#betabar ul#betabar-list li { float: left; border-right: 1px solid #DFDA88; padding: 0 8px; font-weight: 700; }
#betabar ul#betabar-list li.first { padding-left: 0; }
#betabar ul#betabar-list li.last { border-right: none; }
#artist-link a { font-weight: 700; }
#from_last_fm { margin: 0 0 20px; }
#from_last_fm .last_fm_credits { text-align: left; }
#searchMethods { padding: 0 0 20px; }
#searchMethods #artistSearch, #searchMethods #profilesSearch { width: 280px; float: left; }
#searchMethods .alphabet { float: left; width: 330px; }

#concertSearch,
#profilesSearch,
#artistSearch,
#abTVSearch,
#abRadioSearch,
.alphabet {
	padding: 5px 0 0 0;
	background: #F1F5FA url(../images/loop.gif) no-repeat 717px 7px;
	border: 1px solid #CBD7E7;
}

	#profilesSearch,
	#artistSearch {
		background-position: 242px 7px;
	}

	#concertSearch {
		background-position: 142px 7px;
	}

	.alphabet {
		border-left: none;
		background: #F7FAFE url(../images/abc.gif) no-repeat 283px 11px;
	}

	#abTVSearch,
	#abRadioSearch {
		margin: 0 0 20px;
	}

	.searchBox h4,
	.alphabet h4 {
		border-bottom: 1px solid #CBD7E7;
		font-size: 11px !important;
		padding: 5px 0;
		color: #202325;
		position: relative;
		left: 9px;
		width: 149px;
		text-transform: uppercase;
	}

		#abTVSearch h4,
		#abRadioSearch h4 {
			width: 718px;
		}

		#profilesSearch h4 { width: 240px; }
		#concertSearch h4 { width: 130px; }
		#searchMethods .alphabet h4 { width: 275px; }


	.searchBox form { background: #dfe8f3; padding: 7px 9px; }
	.searchBox #search { width: 254px;}
		#concertSearch.searchBox #search { width: 154px; }

#artistSearch h4 { width: 240px; }

.searchBox p {
	padding: 6px 9px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
}

.alphabet ul { list-style: none; padding: 5px 9px 3px; }
.alphabet ul li { float: left; }
.alphabet a:link,
.alphabet a:visited,
.alphabet span { display: block; float: left; text-transform: uppercase; padding: 1px 4px; border: none; font-family: "Lucida Grande", Arial, sans-serif; width: 12px; height: 18px; font-size: 11px; margin-right: 2px; text-align: center; }
.alphabet span { background: #DFE8F3; color: #000; font-weight: bold; }
.alphabet a:hover,
.alphabet a:active,
.alphabet a:focus { background: #DFE8F3; }
#videoholder { width: 425px; background: transparent url(../images/videograd.png) repeat-x; margin: 0 20px 20px 0; min-height: 500px; float: left; }
#thumbs { float: left; width: 302px; }
#thumbs ul.clips li { width: 150px; }
#nomovie { width: 425px; height: 355px; background: #808080; margin: 0 0 20px; }
#nomovie table td { width: 425px; height: 355px; vertical-align: middle; text-align: center; color: white; }
#recent-concerts td { border-bottom: 1px solid #DDD; vertical-align: top; }
#recent-concerts td img { padding-right: 10px; padding-bottom: 10px; }
#friendsgoingto li { padding: 5px 0; clear: left; }
#friendsgoingto li img { float: left; padding-right: 3px; }
#recommendedartists li, #recommendedabtv li, #recommendedconcerts li { float: left; width: 120px; text-align: center; }
#recommendedartists li img, #recommendedartists li div, #recommendedabtv li img, #recommendedabtv li div, recommendedconcerts li img, recommendedconcerts li div { height: 80px; }
.concert-spacing { padding-left: 140px; }

.profiles-list {
	border: 1px solid #CBD7E7;
	padding: 12px;
	position: relative;
	background: #FFF;
}

	.profiles-list .pagination,
	.profiles-list .pagination ul {
		float: none;
		position: static;
		left: 0;
		padding: 0;
	}

	.profiles-list .profiles-list-title {
		border-bottom: 1px solid #CDCDCD;
		margin: 0 0 10px;
		width: 728px;
	}

	.profiles-list h2 {
		float: left;
		width: 30%;
	}

	.profiles-list .pagination {
		float: right;
		width: 70%;
	}

	.profiles-list .pagination ul {
		float: right;
	}

	#profilesSearch #searchProfiles #search {
		width: 170px;
	}

#spotlight6 {
	width: 336px;
	height: 96px;
	background: url(../images/sitevanhetjaar_09.jpg) no-repeat 0 0;
	margin-bottom: 0;
	position: relative;
	bottom: 18px;
}

#spotlight6 div {
	padding-top: 36px;
	padding-right: 88px;
	padding-left: 10px;
}
#home .fullwidth, #home #content { background: #F4F4F4; }
#blog.rss h3 { padding: 0; }

/*
	Image classes
*/

img.alignLeft {
	float: left;
	padding: 0 12px 12px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 12px 12px;
}

/*
	Transporation methods
	Updated AB carpool may 2009
*/

#transportationMethods li {
	text-align: center;

	/* Layout stability: cater for labels that span 2 lines */
	min-height: 112px;
	height: auto !important;
	height: 112px;
}

#transportationMethods ul {
	padding: 0 0 24px;
}

#transportationMethods li a {
	display: block;
}

/*
	Truncated text on past concert
*/

#truncated, #full {
	padding: 0 0 20px;
}

/* AB Radio */

#abradio-sidebar { float: left; width: 220px; margin-left: 30px; }
#abradio-content { width: 492px; float: left; }

#abradio-detail-content { width: 560px; float: left; padding-right: 20px; _overflow: hidden;}
#abradio-detail-sidebar { width: 174px; float: left; }
#abradio-detail-sidebar ul { padding-bottom: 10px; }

#player { display: block; margin: 0 0 2px;}
#playerControls {
	margin: 0 0 20px;
	/* @inc .secondarycontent */
	font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif;
}

#actualControls {
	position: relative;
	bottom: 20px;
	list-style: none;
	/* @inc .secondarycontent */
	font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif;
}

	#actualControls ul {
		padding: 0 0 0 24px;
	}

	#actualControls li {
		display: inline;
		padding: 0 5px;
		font-weight: 700;
		position: relative;
		bottom: 12px;
	}

.videogrid #abradio-datagrid, #abradio-datagrid .datagrid { width: 100%; float: none; }
#abradio-datagrid .datagrid { margin: 0 0 20px;}


#abradio-detail-sidebar #download {
	padding: 8px 12px;
	background: white;
	border: 1px solid #CCC;
	margin: 0 0 20px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
}

#noflash {
	padding: 8px 12px;
	background: white;
	border: 1px solid #CCC;
	margin: 0 0 20px;
}

#interactive h4 a {
	padding: 0 0 0 24px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}

	#interactive ul {
		margin: 0;
		list-style: none;
		background: none;
		padding: 0;
	}

	#interactive li {
		border-top: 1px dotted #BCBCBC;
		padding: 10px 0;
	}

		#interactive li#iconFb {
			border-top: none;
			padding-top: 0;
		}

	#interactive p {
		padding: 0 0 0 24px;
	}

	#interactive #iconCal h4 a,
	#interactive #iconFb h4 a,
	#interactive #iconMail h4 a {
		background: url(../images/concert_detail_icons.png) no-repeat 0 0;
		border: none;
	}

		#interactive #iconCal h4 a {
			background-position: 0 -18px;
		}

		#interactive #iconMail h4 a {
			background-position: 0 -36px;
		}

/*
	Stream
*/

#stream {
	padding: 0;
}

#stream ul {
	list-style: none;
	padding: 0 0 4px;
}

#stream li {
	border-bottom: 1px solid #DDD;
	padding: 4px 0;
}

	/* Clearfix the li */
	#stream li { _zoom: 1; :zoom: 1; }
	#stream li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	#stream .avatar {
		float: left;
		padding-right: 12px;
		width: 36px;
	}

		#stream .avatar a,
		#stream .avatar img {
			display: block;
			width: 36px;
			height: 36px;
			border: none;
		}

	#stream li p {
		float: left;
		width: 285px;

		/* @inc .secondarycontent */
		font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif;
	}

		#stream p abbr {
			white-space: nowrap;
			border-color: #DDD;
			cursor: help;
		}

		#stream a {
			font-weight: 700;
		}

		#stream ul li:last-child {
			border: none;
			padding-bottom: 0;
		}

		#home-community .button {
			float: right;
		}

/*
	Tweetgrid
*/

#fbStream {
	float: left;
	width: 415px;
	margin-right:24px;
	margin-bottom: 20px;
}

#tweetGrid {
	width: 315px;
	margin: 0 0 20px;
	float: left;
}

	#tweetGrid center {
		display: none;
	}

	#tweetGrid .jtw_tstamp {
		text-align: right;
		display: block;
		color: #808080;
	}

	#tweetGrid img {
		margin-right: 6px;
	}

/*
	Guillotine fix
*/

.guillotineFix {
	display: none;
}

/*
	Clearfix
*/

.clearfix:after,
#thisOnABTV ul li:after,
#home-eyecatcher:after,
.button-holder:after,
.columns:after,
.fullwidth:after,
#content:after,
.list:after,
#concerts-wrapper:after,
.blogcomment:after,
.avatar-list:after,
ul.clips:after,
#crowd-detail:after,
ul.meta-small:after,
.carpool-item:after,
#footer ul:after,
#switchStyles ul:after,
#language ul:after,
#topbarLoginForm p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



#pastConcert {
	border: 1px solid #BBBBA2;
	margin: 0 0 24px;
	background: #FFF;

	/* @inc .secondarycontent */
	font-size: 11px; font-family: "Lucida Grande", Arial, sans-serif;

	/* @inc .rc */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}

	#pastConcertInfo {
		background: #FFD;
		border-right: 1px solid #BBBBA2;
		width: 444px;
		float: left;
		
		/* @inc .rcLeftOnly */
		border-topleft-radius: 3px;
		border-bottomleft-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		
	}
	
		#pastConcertInfo p {
			padding: 12px 48px 12px 12px;

			min-height: 53px;
			height: auto !important;
			height: 53px;
		}
	
	#rateConcert {
		background: #FFF;
		width: 307px;
		float: left;
		
		/* @inc .rcRightOnly */
		border-topright-radius: 3px;
		border-bottomright-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
	}
	
		#rateConcert .holder {
			padding: 16px 16px 0;
		}
		
			.alreadyRated #ratingHolder {
				border-bottom: 1px solid #CCC;
				margin: 0 0 8px;
			}
		
			#rating,
			#ratingYours {
				background: url(../images/rating.gif);
				width: 100px;
				height: 16px;
				overflow: hidden;
				position: relative;
				float: left;
			}
			
				#ratingYours {
					background: url(../images/rating_small.gif);
					width: 63px;
					height: 10px;
					
					margin-left: 37px; /* 37 + 63width => 100px */
					margin-top: 3px;
					
					/* Double margin bug */
					_margin-left: 18px;
				}
			
			#rateConcert #ratingText,
			#ratingTextYours {
				float: left;
				font-weight: 400;
				line-height: 16px;
				padding-left: 6px;
			}
			
				#profile-calendar #ratingText,
				#concerts-grid #ratingText {
					font-family: "Lucida Grande", Arial, sans-serif;
					font-size: 11px;
					padding: 5px 0 0 2px;
				}
			
			#ratingText span,
			#ratingTextYours {
				color: #808080;
			}
		
				.ratingOverlay {
					position: absolute;
					left: 0;
					top: 0;
					background: url(../images/rating.gif) 0 -16px;
					width: 100px;
					height: 16px;
				}
				
					#ratingYours .ratingOverlay {
						background: url(../images/rating_small.gif) 0 -10px;
						width: 63px;
						height: 10px;
					}

				.rateInt:link,
				.rateInt:visited {
					background: url(../images/rating_small.gif) 0 -10px;
					width: 20px;
					height: 16px;

					position: absolute;
					left: 0;
					top: 0;
					display: block;
					border: none;
					text-indent: -9000px;

					/* Inc opacity */
					opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=0); /* IE lt 8 */
					-ms-filter: "alpha(opacity=0)"; /* IE 8 */
					-khtml-opacity: 0; /* Safari 1.x */
					-moz-opacity: 0; /* FF lt 1.5, Netscape */
				}
			
				.rateInt:focus,
				.rateInt:hover,
				.rateInt:active {
					/* Inc opacity */
					opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
					filter: alpha(opacity=100); /* IE lt 8 */
					-ms-filter: "alpha(opacity=100)"; /* IE 8 */
					-khtml-opacity: 1; /* Safari 1.x */
					-moz-opacity: 1; /* FF lt 1.5, Netscape */
				}
			
				#rate1 { z-index: 910; width: 13px; }
				#rate2 { z-index: 900; width: 25px; }
				#rate3 { z-index: 890; width: 37px; }
				#rate4 { z-index: 880; width: 49px; }
				#rate5 { z-index: 870; width: 61px; }

.oneLiner {
	margin: 0 0 12px;
}

	.oneLiner .awaitingrequest {
		margin-top: 0;
	}

.oneLinerElement {
	float: left;
	padding-right: 8px;
}

#playerPopup {
	padding: 12px;
}

	#playerPopup h1,
	#playerPopup h2,
	#playerPopup h3 {
		font-size: 21px;
		margin: 0 0 6px;
		padding: 0;
	}
	
p.deleteLink { text-align: right; }
p.deleteLink a { font-weight: 900; }

/*
	Facebook connect
*/

h3.iconFb {
	background: url(../images/concert_detail_icons.png) no-repeat 0 0;
	overflow: hidden;
	height: 18px;
	padding: 0 0 0 22px;
	margin-bottom: 12px;
	color: #285B9B;
}

#facebookConnected .avatar {
	width: 60px;
	float: left;
}

	#facebookConnected .avatar a {
		border: none;
	}

#facebookConnected p {
	width: 200px;
	float: left;
	padding-top: 4px;
}

/*
	Tickets warning
*/

#ticketsWarning {
	position: relative;
	margin: 0 0 24px;
	width: 729px;
	padding: 12px;
}

#ticketsWarning p {
	width: 580px;
}

#ticketsWarning p a.button {
	/* IE6 */
	_position: relative;
	_top: 4px;
}

	#ticketsWarning img {
		float: right;
		width: 39px;
		padding: 0;
	}