/* No reset, depend on browser defaults, do fix a few defaults */
th { text-align: left; }

/* Drop in sIFR print styles to prevent sIFR */
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }

#switchStyles #styleAccessibility a { font-weight: 700; }
.balloonArrow { display: none; }

#home #breadcrumb {
	display: none;
}

#accessibilityControls p {
	font-size: 2em;
	font-weight: 700;
	margin: 0;
}

/* General */

a:link, a:visited { color: #D81921; padding: 3px; text-decoration: none; border-bottom: 1px solid #CDCDCD; }
a:hover { color: #161515; }
a:active, a:focus { color: red; background: #FFA;}

a.button:link,
a.button:visited {
	background: #d81921;
	color: white;
	line-height: 1;
	font-weight: 700;
	text-decoration: none;
	padding: 3px 7px;
	white-space: nowrap;
	border: 1px solid #FFF;

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

a.button:hover,
a.button:active,
a.button:focus,
a.button-selected:link,
a.button-selected:visited {
	background: #000;
}

a.button-disabled:link,
a.button-disabled:visited,
a.button-disabled:hover,
a.button-disabled:active,
a.button-disabled:focus {
	background: #BEBEBE;
	cursor: default;
}

#friend_spinner { display: block; margin-left: -25px; margin-top: 2px; position: absolute; visibility: hidden; }

p.clickthrough { padding-top: 2px; text-align: right; border-top: 1px solid #DADADA; clear: both; }
p.clickthrough a { font-weight: 700;  }
#concerts .pagination { float: none; position: static; }
.pagination ul { padding: 18px 0; z-index: 2; }
#concerts .pagination ul { float: none; position: static; padding: 0 0 20px 135px; }
.pagination li { float: left; list-style: none; margin: 0 5px 0 0; text-decoration: none; padding: 0; line-height: 15px; text-align: center; }
.pagination li span { float: left; display: block; padding: 4px 5px; color: #CCC; min-width: 12px; }
.pagination li.currentpage span { font-weight: 700; color: black; }
.pagination li.selected span { padding: 4px 5px; font-weight: 700; color: black; }
.pagination li a:link,
.pagination li a:visited { float: left; display: block; padding: 3px 4px; border: 1px solid #DDD; background: white; text-decoration: none; min-width: 12px; }
li.ellipsis { margin: 0; }
li.ellipsis span { color: black; }
.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus { background: #FFF; border: 1px solid #BBB; color: black; }
img.alignleft { float: left; padding: 0 10px 0 0; }
img.alignright { float: right; padding: 0 0 0 10px; }
.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }
.maxwidth, .fullwidth { width: 100%; }
.noborder { border: none !important; }
.mute { color: #666; }
.inline { display: inline !important; }

div.success-message,
div.error-message { font-weight: 700; padding: 7px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 20px; }
div.success-message a { color: green; border-bottom: 1px solid green; }
div.error-message a { color: red; border-bottom: 1px solid red; }
div.success-message p,
div.error-message p { padding: 0; }
div.success-message { border: 1px solid #89c071; background: #beeca9; color: green; }
div.error-message { border: 2px solid red; background: #FCC; color: red; }
a.externalLink { background: white; border: none; line-height: 16px; padding: 5px; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block;  font-weight: 700; }
a.externalLink img { padding-right: 5px; float: left; }
p.ajaxform-submit { padding: 4px 0; }
p.ajaxform-submit input {
	float: left;
}

p.ajaxform-submit img#spinner { float: left; display: block; float: left; margin-left: 5px; margin-top: 1px; visibility: hidden; }
#searchArtists input.input-text { color: #808080; }
#searchArtists input.input-text:focus,
#searchArtists input.focus { color: #000; }

/*
	Screen.css
	ABConcerts.be
*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	font-weight: 300;
	line-height: 1.62;
	color: #333;
}

	#container,
	#doormat-and-footer-holder {
		font-size: 1.5em;
	}

/*
	General containers
*/

#container,
#doormat-and-footer-holder {
	border: 2px solid #AAA;
	background: #DDD;
	width: 95%;
	padding: 2%;
	margin: 1% auto;
	
	/* @inc .rc */
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	
}

/*
	In the "accessible" version, there is no specific layout anymore.
	Most containers are not floated, not in a column layout.
	
	To make it clear which parts belong together, most holders have
	this general .accessbox style.
*/

#switchStyles,
#breadcrumb,
#righthand,
#navigation-holder,
#slideshow,
#innercontent,
#shoutbox,
#profile,
#profile-neighbours,
#profile-friends,
#blogdetail,
#projects,
#artists,
#artist,
#content,
.visiblefieldset,
#abtv,
#abRadio {
	/* @inc .accessbox */
	padding: 1%;
	border: 2px solid #AAA;
	background: #FFF;
	margin: 0 0 20px;
	
	/* @inc .rc */
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	
}

/*
	Specific styles for accessible version
*/

#language li.selected {
	font-weight: 700;
}

/*
	Navigation
*/

#navigation-holder h1 {
	display: none;
}

	#navigation-holder h1 a {
		border: none;
	}

	#navigation ul {
		padding: 0;
	}

	#navigation ul li {
		list-style: none;
		font-weight: 700;
		float: left;
	}

	#navigation ul li a:link,
	#navigation ul li a:visited { 
		background: #D81921;
		color: white;
		height: 3.2em;
		line-height: 3.2em;
		display: block;
		text-decoration: none;
		border: none;
		float: left;
		padding: 0 20px;
		margin-right: 2px;
		margin-bottom: 2px;
	}
	
	#container #navigation ul li.selected a,
	#container #navigation ul li a:hover,
	#container #navigation ul li a:active,
	#container #navigation ul li a:focus { 
		font-weight: 700;
		color: #D81921;
		background: #FFA;
	}

/*
	Slideshow
*/

#slideshow .listholder ul {
	padding: 10px 0;
}

div.slideshow-image {
	width: 407px;
	height: 260px;
	position: relative;
	background: #999;
	max-width: 100%;
}
div.slideshow-image img { position: absolute; top: 0; left: 0; }
.slideshow-image .button-holder { position: absolute; bottom: 17px; right: 28px; z-index: 3; }
.slideshow-navigation ul li { float: left; list-style: none; padding: 0 2px; }
.slideshow-navigation li a:link,
.slideshow-navigation li a:visited,
.slideshow-navigation li span { width: 28px; height: 28px; line-height: 28px; display: block; float: left; text-align: left; text-align: center; color: #BDBDBD; border: none; }
div.slideshow-navigation li span { cursor: default; }
div.slideshow-navigation li a:hover,
div.slideshow-navigation li a:active,
div.slideshow-navigation li span,
div.slideshow-navigation li a.selected { color: #FFF; width: 24px; height: 24px; line-height: 24px; background: #6B6B6B; border: 2px solid #7F7F7F; }

/*
	ab-selection & new-concerts
*/

#ab-selection,
#new-concerts {
	clear: both;
	
	/* @inc .accessbox */
	padding: 2%;
	border: 2px solid #AAA;
	background: #FFF;
	margin: 0 0 20px;
}

#ab-selection table,
#new-concerts table,
.datagrid table {
	margin-bottom: 20px;
}

#ab-selection td,
#ab-selection th,
#new-concerts td,
#new-concerts th,
.datagrid td,
.datagrid th {
	padding: 5px;
	border: 2px solid #DDD;
}

#abtv-images {
	display: none;
}

/*
	Homepage updates
*/

#homepage-updates {
	/* @inc .accessbox */
	padding: 2%;
	border: 2px solid #AAA;
	background: #FFF;
	margin: 0 0 20px;
}

	#homepage-updates dl {
		margin: 0 0 10px;
	}
	
	#homepage-updates .date,
	#homepage-updates dd {
		padding: 0;
	}

#blog {
	/* @inc .accessbox */
	padding: 2%;
	border: 2px solid #AAA;
	background: #FFF;
	margin: 0 0 20px;
}

	#blog .blogpost {
		/* @inc .accessbox */
		padding: 2%;
		border: 2px solid #AAA;
		background: #FFF;
		margin: 0 0 20px;
	}

	.blogpost-title .avatar {
		float: left;
		margin-right: 24px;
	}
	
	#blogsidebar .section {
		clear: both;
	}

#abtv-spotlight,
#concert-reviews,
#home-community, #stream,
#home-newsletter, #spotlight6,
#bottom,
#bottom .column,
#sponsors,
#sidebar,
#tabsholder,
#concerts-wrapper {
	/* @inc .accessbox */
	padding: 2%;
	border: 2px solid #AAA;
	background: #FFF;
	margin: 0 0 20px;
}

	#tabsholder {
		margin: 0;
		border-bottom: none;
	}

#profile-neighbours ul p,
#profile-friends ul p {
	margin: 0;
}

#tabsholder h1 {
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 2em;
}

	#tabsholder p {
		margin-top: 0;
		padding-top: 0;
	}
	
	#tabsholder #tabs ul {
		list-style: none;
		padding: 0;
	}

		#tabsholder #tabs ul li a:link,
		#tabsholder #tabs li a:visited { 
			background: #666;
			color: white;
			height: 3.2em;
			line-height: 3.2em;
			display: block;
			text-decoration: none;
			border: none;
			float: left;
			padding: 0 20px;
			margin-right: 2px;
			font-weight: 700;
		}

		#tabsholder #tabs ul li.selected a,
		#tabsholder #tabs ul li a:hover,
		#tabsholder #tabs ul li a:active,
		#tabsholder #tabs ul li a:focus { 
			color: #D81921;
			background: #FFA;
		}

/*
	Typography: base
*/

h1, h2, h3, h4, h5 {
	font-weight: 700;
	line-height: 1.18;
}

h2 { padding: 0 0 8px 0; }
	h2.contenttitle { padding: 0 0 20px; }

	h3.section, .sectionHeading h3 { padding: 8px; background: #FFF; border-top: 2px solid black; border-bottom: 2px solid #CCC; margin: 0 0 12px; position: relative; }
	h3 span { font-weight: 300; text-transform: none; }
	h3 span.align-right { position: absolute; right: 3px; }
	h3.section-special { border-bottom: 2px solid #CCC; margin: 0; }
	h3 #wikipedialink { font-weight: 300; position: absolute; right: 3px; text-transform: none; color: #666; }

	h3.special, h3.special-note { padding: 5px; background: #FFD; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 20px; line-height: 1.42; border: 2px 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: 2px; right: 0; list-style: none; padding: 0;  }
.sectionHeading .options li { border-bottom: 2px solid #EEE; padding: 3px; border: none; border-right: 2px 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; }

small, span.mute { color: #808080; font-size: 1.1em; }

input, textarea, select { font-size: 1.2em;  }
fieldset.visiblefieldset, div.box { padding: 12px; background: #F9F9F9; margin: 0 0 20px; border: 2px solid #E2E2E2; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.box-blue { background: #F1F5FA; }
fieldset legend { display: none; }
span.form-error { color: red; display: block; padding: 0 0 2px 0; }
#name, #email, #website, #subject { width: 210px; }
input.input-submit { font-size: 1.1em }
p.backlink { clear: both; }
p.backlink a { background: #FFF; padding: 3px 6px; border: 2px 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; }
ul.avatar-list li a img { width: 48px; height: 48px; }
.register-incentive { float: left; width: 160px; }

#sponsors ul li {
	display: inline;
}
#doormat .column {
	float: left;
	font-size: 0.9em;
	padding-right: 20px;
	width: 140px;
} 

#doormat ul { list-style: none; padding: 0; }
#doormat ul li { line-height: 1.5; padding: 0 0 5px; }
#footer ul { padding: 0; position: relative; top: 7px; list-style: none; }
#footer li { padding: 0 20px 0 0; line-height: 13px; float: left; }
#footer li.last { padding-right: 0; border: none; }

a.readmore { font-style: italic; white-space: nowrap; }
#concerts table { width: 100%; }
tr.odd, tr.rowOdd { background: white; }
img { font-size: 11px; line-height: 1; color: #999; }
.calendar { width: 100%; border-collapse: separate; }
.calendar th.current-month { text-align: center; font-size: 1.3em; text-transform: none; font-weight: 700; }
.calendar th.current-month a { width: 129px; }
.calendar th { border: none; font-size: 1.3em; 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; 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-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; }


.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 { width: 190px; padding: 15px; border-right: 1px solid #CDCDCD; }
#carpoolRight, #ticketsRight { width: 501px; padding: 15px; }
#carpoolLeft a, #ticketsLeft a { font-size: 1.4em; }
#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: 1.1em; padding: 0;}
.carpool-item .peopleNick { font-weight: 700; }
.carpool-item ul li p { color: #666; }
#concert { width: 780px; }
#concerts-wrapper #rss { padding: 0 0 30px; }
#rss img { padding: 10px 10px 10px 5px; }
#concerts #concerts-grid { margin: 0 0 20px; }
#concerts-grid td { border-top: 1px solid #E3E3E3; vertical-align: top; padding-top: 10px; }
#concerts-grid h3 { padding: 0 0 2px; margin: 0;}
#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; }
#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-weight: 700; }
#concerts-grid td.concertdata { padding-top: 10px; width: 347px; }
#concerts-grid td.concertdata p.subtitle { font-weight: 300; padding: 0; }
#concerts-grid td.concertdata p.subtitle a { 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-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; }
#sidebar h4 { font-size: 1.4em; }
#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; }
.frequency-1 { font-size: 16px; font-weight: 700; }
.frequency-2 { font-size: 1.4em; font-weight: 700; }
.frequency-3 { font-size: 1.3em; font-weight: 700; }
.frequency-4 { font-size: 1.3em; font-weight: 300; }
.frequency-5 { font-size: 1.2em; }
.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 { }
#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: 1.3em; 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; }
#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 { }
a.bigbutton:link,
a.bigbutton:visited {
	display: block;
	line-height: 1;
	text-align: center;
	
	background: #D81921;
	color: #FFF;
	font-size: 1.4em;
	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: 1.2em; }
#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; }
#subnavigation li a#selected { font-weight: 700; color: black; }
#subnavigation li ul li a { padding: 2px 5px 2px 20px; border-bottom: 1px solid #DCDCDC; font-size: 11px; color: #D81921;  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-weight: 300; }
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; }
/* Don't display in accessibility view*/ ul.clips div.overlay { display: none; }

#crowdmap { width: 780px; height: 400px; }
#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;  color: #666; padding: 0; }
div.info a { font-weight: 700; font-size: 1.3em; }
#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; }
div.shoutbox-textarea { width: 70%; float: left; padding-right: 10px; }
#artist div.shoutbox-textarea { width: 388px; }
p.shoutbox-rules { width: 145px; float: left; font-size: 0.9em;}
div.shoutbox-comment div.avatar { width: 48px; height: 48px; float: left; font-size: 0; }
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: 1.2em; 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;
		margin-right: 12px;
	}
	#thisOnABTV ul li a {
		border: none;
	}


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-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-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: 1.2em; }
.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 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; }
#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-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; float: left; background: #EEE; }
#profile-calendar .concert-data { padding-left: 10px; width: 240px; }
.concert-data a:link, .concert-data a:visited { font-size: 1.3em; 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: 1.2em; font-family: Arial; font-weight: 700; position: absolute; right: 3px; top: 0; line-height: 18px; }
.awaitingrequest { background: #FFC; border: 1px solid #E3E365; padding: 5px; margin: 10px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 240px; }
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; }
#profile #message { width: 350px; }
#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; 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 {
	border: 1px solid #DDD;
}

	table#concert-quickinfo td,
	table#concert-quickinfo th {
		border-bottom: 1px solid #DDD;
		padding: 10px;
		vertical-align: top;
	}

	.notice { border: 1px solid #CDCDCD; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 10px; background: white; }

table#concert-status { width: 100%; }
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 { }
.month ul li.abtv { background: url(/modules/core/layout/images/abtvicon.gif) no-repeat 0 0; }
dl.updates { padding: 0 0 0 3px; }
#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; }
.modal-box { z-index: 3000; position: fixed; top: 50%; left: 50%; width: 400px; padding: 5px; background: 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; line-height: 1; background: url(../images/modalboxclose.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -9000px; border: none; overflow: hidden; }
.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 {
	background: #F1F5FA;
	border: 1px solid #CBD7E7;
}

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

	.searchBox h4,
	.alphabet h4 {
		padding: 5px 0;
		color: #202325;
		position: relative;
		left: 9px;
		text-transform: uppercase;
		margin: 0;
	}
	
		#abTVSearch h4,
		#abRadioSearch h4 {
			width: 718px;
		}
		
		#profilesSearch h4 { width: 240px; }
		#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;
}

.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;  width: 12px; height: 18px; 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; }

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

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

/*
	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; }
#abradio-detail-content div.shoutbox-textarea { width: 400px; }
#abradio-detail-content div.shoutbox-textarea textarea { height: 85px; }
#abradio-detail-sidebar { width: 174px; float: left; }
#abradio-detail-sidebar ul { padding-bottom: 10px; }

#player { display: block; margin: 0 0 20px;}

.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-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: 16px;
	height: 16px;
}

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

#tweetGrid {
	margin: 0 0 20px;
}

	#tweetGrid center {
		display: none;
	}

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

	#tweetGrid img {
		margin-right: 6px;
	}
	
	#magicbox { background: #FFF; border-top: 1px solid #A7A7A7; border-bottom: 1px solid #d9d9d9; padding: 0 0 15px; }
	#magicbox p { padding: 0; }
	ul.magicboxrelateditems { list-style: none; padding: 10px 10px 0; }
	ul.magicboxrelateditems li { display: inline; }
	#home-newsletter p { padding: 0 0 5px; }
	#home-newsletter input.input-text { width: 210px; color: #808080; }
	#home-newsletter input.input-text:focus,
	#home-newsletter input.focus { color: #000; }
	#home-community .avatar-list { margin: 0 0 6px; }
	#concert-reviews ul { padding: 0; }
	#concert-reviews ul li { float: left; list-style: none; margin-right: 1px; text-align: center; width: 166px; font-size: 1.4em; font-weight: 700; padding: 0 0 5px; }
	#concert-reviews ul li.even { margin: 0; }
	#concert-reviews ul li div.review-image { width: 164px; height: 91px; background: #CCC; }
	#concert-reviews ul li a { border: none; line-height: 1.1; display: block; }
	#concert-reviews ul li p { padding: 0; }
	#spotlight p { padding: 0 0 5px; }


.concert-information-image {
	width: 50%;
	min-width: 200px;
	max-width: 450px;
}

.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,
#homepage-updates dl:after,
#navigation ul:after,
#slideshow .listholder ul:after,
.shoutbox-comment:after,
#concert-reviews ul:after,
#tabsholder #tabs ul:after,
.blogpost-title:after,
#footer ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix,
#thisOnABTV ul li,
#home-eyecatcher,
.button-holder,
.columns,
.fullwidth,
#content,
.list,
#concerts-wrapper,
.blogcomment,
.avatar-list,
ul.clips,
#crowd-detail,
ul.meta-small,
.carpool-item,
#footer ul,
#homepage-updates dl,
#navigation ul,
#slideshow .listholder ul,
.shoutbox-comment,
#concert-reviews ul,
#tabsholder #tabs ul,
.blogpost-title,
#footer ul {
	zoom: 1;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* if width will be 100% horizontal scrollbar will appear when scroll mode will be used */
	/* width: 100%; */
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/jquery.autocomplete.indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #FAFAFA;
}

.ac_over {
	background-color: #D81921;
	color: white;
}

/*
	Better forms
*/

label {
	display: block;
}

input.input-submit {
	clear: both;
	margin-top: 10px;
	display: block;
}

fieldset {
	margin: 2%;
	border: 2px solid #DDD;
	background: #F1F5FA;
}