/*

	Stylesheet for Music Hall Group
	Global CSS across websites

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	authors:    Johan Ronsse <johan@netlash.com>
	            Jakob Verstichel <jakob@netlash.com>
	            Jelle Desrasmaults <jelle@gorilla-webdesign.be>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	General purpose classes
	Quick 'n dirty; but clean up your mess please.
*/

.hidden { display: none; }
.block { display: block; }
.p0 { padding: 0 !important; }
.noBorder, .noborder { border: none !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.inline { display: inline !important; }

/* "Fake" includes that have to stay consistent */

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

.doubleRc {
	/* @inc .doubleRc */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.opacity {
	/* @inc opacity */
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
}

.secondaryContent {
	/* @inc .secondarycontent */
	font-size: 11px;
	font-family: Arial, sans-serif;
}

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

.boxShadow {
	/* @inc .boxShadow */
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}

/*
	Z-index STACK
*/

.ac_results { z-index: 99999; }
.modal-box, .humanized-box { z-index: 5000; }
.ui-datepicker-prev, .ui-datepicker-next { z-index: 5; }
.ui-datepicker-header { z-index: 2; }

/*
	Clearing
*/

.clearfix:after, #content:after, #contentFullwidth:after, #main:after,
#language:after, #generalInfo:after, #generalInfoInContent ul:after, .people:after, #stream li:after, #user:after,
#stats:after, #messages:after, #eyecatcher:after, #news .holder:after, #partners:after,
.columns:after, .imageList:after, .videoList:after, .textareaHolder:after, .section:after, .oneLiner:after,
#doormatInner:after, #mainTopbar:after, .buttonHolder:after, .buttonHolderRight:after,
#profileBar ul:after, #socialMedia li:after, #home #actualContent:after, #audienceBottom:after,
#twoColumns:after, .inputList:after, .reaction:after, #commentReminder .item:after,
#featuredText:after, .clips:after, .shoutboxComment:after, .holder:after, #searchMethods:after,
#news .article:after, #press .article:after, .sectionHolder:after, #vipRequestForm #profileAddress:after, .formBox:after,
#partnerLogos:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.guillotineFix {
	/* @see IE6.css */
	display: none;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	background: url(../images/bodybg3.gif) no-repeat top center
}

	html {
		background: #BFC1C4 url(../images/htmlbg.gif) repeat-x;
	}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4 {
	line-height: 1.2;
	color: #000;
}

h1 {
	font-size: 35px;
	padding: 0 0 12px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

	h1 span {
		color: #999;
		font-weight: 400;
	}

	#actualContent h1 {
		font-size: 28px;
		margin: 0 0 12px;
	}

	#actualContent h2 {
		font-size: 21px;
		border-bottom: 1px solid #CCC;
		padding: 0 0 7px;
		margin: 0 0 24px;
	}

h2 {
	font-size: 17px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 14px;
	padding: 0 0 12px 0;
}

h4 {
	font-size: 12px;
	padding: 0 0 12px 0;
}

.holder h1,
.holder h2,
.holder h3,
.holder h4 {
	float: left;
}

.holder .buttonHolder,
.holder .buttonHolderRight {
	float: right;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #b5121b;
	border-color: #CCC;
}

a:visited {
	color: #880d14;
	border-color: #DDD;
}

a:hover,
a:active,
a:focus {
	color: #f1101c;
	border-color: #e1abae;
}

/* .content defaults */

.content ul {
	list-style: none;
	padding: 0 0 12px;
}

	.content ul li {
		background: url(../images/bullet.gif) no-repeat 6px 6px;
		padding: 0 0 0 24px;
	}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	.content ol li {
		padding: 0;
	}


.content dl {
	padding: 0 0 12px 12px;
}

	.content dt {
		font-weight: 700;
	}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 0 0 24px;
}

	.content blockquote cite {
		display: block;
		text-align: right;
		font-style: normal;
		color: #444;

	}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.content td,
.content th {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: 11px;
	padding: 4px;
}

.content th {
	font-weight: 700;
}

/*
	No border table
*/

.content table.noBorder {
	border: none;
	padding: 0;
	margin: 0;
}

.content table.noBorder td,
.content table.noBorder th {
	border: none;
	padding: 0;
	margin: 0;
}

	.content table table td,
	.content table table th {
		border: none;
		padding: 0;
		margin: 0;
	}

/* Ruler */

.hr hr {
	display: none;
}

.hr {
	border-top: 1px solid #DDD;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

/* Image classes */

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

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

.sidebarList .imageHolder img {
	width: 190px;
}

	.sidebarList td.image .imageHolder img {
		width: auto;
	}


.imageholder a {
	/* Coded by Jelle @check */
	border-bottom: none;
}

/* Datagrid (mini )*/

.datagridMini {
	width: 100%;
	margin: 0 0 12px;
}

.datagridMini td {
	border-bottom: 1px solid #CCC;
	padding: 2px;
}

	.datagridMini td.price {
		font-weight: 700;
		text-align: right;
	}

	.datagridMini td.price span {
		font-size: 9px;
	}

/*
	Page structure and layout
*/

#container {
	margin: 0 auto;
	width: 970px;
}

/* General */

/* Header */

#header {
	height: 176px;
	width: 970px;
}

#header a {
	color: #DDD;
}

#header li a {
	border: none;
	color: #a8a8a8;
}

/*
	Topbar
*/

#topbar {
	height: 32px;
	border-bottom: 1px solid #333;
	position: relative;
}

#topbar #group ul li a:hover,
#topbar #group ul li a:focus,
#topbar #group ul li a:active {
	color: #fafafa;
}

	/* Group */

	#group {
		float: left;
		font-size: 11px;
		width: 820px;
		line-height: 32px;
	}

	#group li {
		display: inline;
		padding-right: 5px;
		margin-right: 5px;
		border-right: 1px solid #383838;
	}

		#group li:last-child,
		#group li.lastChild {
			/* .lastChild class added by JS or PHP for IE6/IE7 */
			border: none;
		}

		#group li.selected a {
			font-weight: 700;
			color: #FFF;
		}

	/* Language */

	#language {
		position: absolute;
		top: 0;
		right: 0;
	}

		#language ul {
			float: right;
		}

	#language li {
		float: left;
		list-style: none;
		font-size: 11px;
		padding: 7px 3px;
	}

	#language li a:link,
	#language li a:visited {
		display: block;
		border: none;
		line-height: 18px;
		width: 24px;
		text-align: center;
		border: none;
	}

	#language li a:hover,
	#language li a:active,
	#language li a:focus,
	#language li.selected a{
		font-weight: 700;
		color: #FFF;
		background: url(../images/lang_selected.gif) no-repeat;
	}

/*
	Logo
*/

#logo {
	padding: 16px 0 0;
	text-align: center;
}

	#logo h1 {
		padding: 0;
		width: 975px;
		height: 62px;
		margin: 0 auto;
		font-size: 12px;
		text-indent: -9000px;
		/* Background image defined in site_specific.css for every site */
	}

	#logo h1 a {
		border: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: block;
	}

/* Navigation */

#navigation {
	text-align: center;
	padding: 0 0 20px;
}

#navigation ul li {
	display: inline;
	padding: 10px;
}

	#navigation ul li a:link,
	#navigation ul li a:visited {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 21px;
		font-weight: bold;
		border-bottom: none;
		color: #a8a8a8;
	}

	#navigation ul li a:hover,
	#navigation ul li a:focus,
	#navigation ul li a:active {
		color: #FFF;
	}

	#container #navigation ul li.selected a {
		color: #FFF;
	}

/*
	Subnavigation
*/

#subnavigation {
	width: 180px;
	float: left;
	font-size: 13px;
	padding: 24px 0;
	font-weight: 700;
}

#subnavigation #decoration {
	padding-top: 24px;
	padding-bottom: 24px;
}

	#subnavigation li {
		margin-right: 17px;
	}

	#subnavigation li ul {
		padding-bottom: 8px;
	}

	#subnavigation li a {
		padding: 6px 16px;
		height: 20px;
		display: block;
		border: none;
		background: url(../images/subnav_reg.gif) no-repeat bottom left;
	}

		#subnavigation li:last-child a,
		#subnavigation li.lastChild a {
			/* .lastChild class added by JS or PHP for IE6/IE7 */
			border: none;
			background: none;
		}

		#subnavigation li a:hover,
		#subnavigation li a:active,
		#subnavigation li a:focus,
		#subnavigation li.selected a {
			background: url(../images/subnav_selected.gif) no-repeat;
			color: #FFF;
			position: relative;
			right: 6px;
			padding: 6px 10px 6px 22px;
		}

		/* end */

		#container #subnavigation li.selected li a:link,
		#container #subnavigation li.selected li a:visited {
			background: url(../images/subsubnav_reg.gif) no-repeat bottom left;
			color: #b5121b;
			position: static;
			padding-left: 32px;
			font-size: 11px;
			height: auto;
		}

		#container #subnavigation li.selected li a:hover,
		#container #subnavigation li.selected li a:active,
		#container #subnavigation li.selected li a:focus,
		#container #subnavigation li.selected li.selected a {
			background: #838383;
			background: rgba(65,65,65,0.5);
			color: #FFF;
		}

		#subnavigation var {
			font-weight: normal;
			font-family: Arial, sans-serif;
			font-style: normal;
		}

/*
	Main
*/

#main {
	border-bottom: 1px solid #C6C6C6;
	background: #FFF url(../images/home_sidebar_bg.png) no-repeat top right;
}

#mainTopbar {
	width: 970px;
	background: #1b1e23 url(../images/maintopbar_bg.gif) repeat-x bottom;
	font-size: 11px;
	height: 38px;
	position: relative;
	color: #A7A8A8;
}

	#mainTopbar .breadcrumb {
		position: absolute;
		left: 16px;
		top: 8px;
	}

	#mainTopbar #search {
		position: absolute;
		right: 16px;
		top: 8px;
	}

	#mainTopbar .holder {
		position: relative;
		width: 970px;
	}

	#mainTopbar #profileBar {
		position: absolute;
		right: 216px;
		top: 8px;
	}

#mainTopbar a:link,
#mainTopbar a:visited {
	color: #EBEBEB;
	border: none;
}

#mainTopbar a:hover,
#mainTopbar a:active {
	color: #FFF;
	border: none;
}

#mainTopbar input.inputText { color: #999; }
#mainTopbar input.inputText:focus,
#mainTopbar input.focus { color: #333; }

#mainTopbar .breadcrumb {
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}

	.breadcrumb p {
		padding: 0;
	}

	#profileBar table td {
		line-height: 22px;
		height: 22px;
	}

	#profileBar td {
		padding: 0 6px;
		font-weight: 700;
	}

	.loggedOut #profileBar td {
		padding: 0 2px;
	}

	#profileBar caption {
		display: none;
	}

	#profileBar td.settings a {
		padding-left: 15px;
		background: #1B1E23 url(../images/icons/settings.gif) no-repeat 0 -2px;
	}

	#profileBar td.messages a {
		padding-left: 15px;
		background: #1B1E23 url(../images/icons/message.gif) no-repeat 0 -2px;
	}

		#profileBar td.messages a span {
			font-weight: 400;
		}

			#profileBar .buttonHolder {
				background: url(../images/maintopbar_divider.png) no-repeat top right;
				padding-right: 16px;
				margin-right: 16px;
			}

			#profileBar .buttonHolder .button {
				padding-right: 0;
				float: none;
			}

#search {
	height: 22px;
	width: 200px;
	overflow: hidden;
}

	#search .oneLiner {
		width: 200px;
		overflow: hidden;
	}

	#search .inputText {
		width: 109px;
		border: 1px solid #000;
	}

/* basic autocomplete layout */
.ac_results {
	padding: 0;
	overflow: hidden;
	width: 123px;
	z-index: 99999;
}

.ac_results ul {
	border: 1px solid #000;
	background-color: white;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 123px;
}

.ac_results li {
	width: 113px;
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font-size: 11px;
	font-family: Arial, sans-serif;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url(../images/spinner.gif) right center no-repeat !important;
}

.ac_odd { background-color: #EEE; }
.ac_over { background-color: #B5121B; color: white; }

.ac_over strong {
	color: white;
}

/*
	Sidebar
*/

.sidebarList {
	padding-left: 32px;
}

.sidebarList .sidebarItem {
	padding: 24px 16px 26px 0;
	background: url(../images/side_divider.png) repeat-x bottom;
	overflow: hidden;
}

	.sidebarList .sidebarItem:first-child,
	.sidebarList .firstChild {
		/* .firstChild class added by JS or PHP for IE6/IE7 */
		padding-top: 8px;
	}

	.sidebarList .sidebarItem:last-child,
	.sidebarList .sidebarItem.lastChild {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		background: none;
	}

	.sidebarItem h3 {
		position: relative;
		font-size: 13px;
	}

	.sidebarItem #followSpinner,
	.sidebarItem #crowdSpinner,
	.sidebarItem #fansSpinner {
		position: absolute;
		right: 0;
		top: 0;
	}

.sidebarList .sidebarItemFocus {
	padding: 24px 16px 26px 16px;
	background: #d1d1d1 url(../images/side_divider.png) repeat-x bottom;
	background-color: rgba(158,158,158,0.22);
}

.sidebarList .sidebarItemLineExtends {
	padding: 24px 0 26px 0;
}

/*
	Audience widget
*/

#audienceBottom .buttonHolder { float: left; }
#audienceBottom p.clickthrough { float: right; padding: 0; }
#audienceBottom p.clickthrough span { font-weight: 400; }

/* Clearing see clearing section */
p.clickthrough {
	font-size: 11px;
	font-weight: 700;
	text-align: right;
	line-height: 21px;
	/* To align with .buttonHolder */
}

p.clickthroughLeft {
	font-size: 11px;
	font-weight: 700;
	line-height: 21px;
	padding: 0;
}

#generalInfoInContent {
	padding-top: 24px;
}

/*
	Profile home_loggedout
*/


/* Newsletter register */

#register input {
	font-size: 11px;
}

	#register input.inputText {
		width: 85px;
		color: #999;
	}

	#register input.inputText:focus,
	#register input.inputText.focus {
		color: #333;
	}

/* Content */

#content,
#sidebar,
#contentFullwidth,
#actualContent {
	float: left;
}

#actualContent {
	width: 504px;
}

	#home #actualContent {
		width: 700px;
		background: #FFF url(../images/home_content_bg.png) repeat-x;
		float: none;
		border: none;
	}

#content {
	width: 732px;
	background: #FFF url(../images/home_content_bg.png) repeat-x;
}

	#actualContent {
		padding: 24px 32px 24px 16px
	}

	#home #actualContent {
		padding: 16px;
	}

#contentFullwidth {
	width: 970px;
	background: #FFF url(../images/home_content_bg.png) repeat-x;
}

	#contentFullwidth #actualContent {
		width: 715px;
	}

#secondaryContent,
#sidebar {
	width: 238px;
	float: left;
	overflow: hidden;
	padding: 24px 0 32px 0;
}

	#home #sidebar {
		background: #E0E0E0 url(../images/home_sidebar_bg.png) no-repeat;
	}

/*
	Eyecatcher (home)
*/

#eyecatcher {
	background: #878c91 url(../images/eyecatcher_bg.png) repeat-x;
	padding: 16px 16px 0;
	border-bottom: 1px solid #44494E;
}

#eyecatcher #slideshow,
#eyecatcher #featured {
	float: left;
}

/* IE8 stability fix */
#featured .imageHolder a {
	width: 222px;
	height: 122px;
	display: block;
	overflow: hidden;
	border: none;
}

/*
	Slideshow
*/

#eventSlideshowHolder {
	padding: 21px;
	background: url(../images/slideshow_holder.gif) no-repeat;
	position: relative;
	margin: 0 0 24px;
}

	#eventSlideshowHolder #slideshow {
		margin-right: 0;
		background-color: #CCC;
		background-color: rgba(200, 200, 200, 0.35);
	}

#slideshow {
	margin-right: 16px;
	width: 462px;
	height: 261px;
	background-color: #CCC;
	background-color: rgba(128,128,128,0.25);
	position: relative;
}

	.slideshowSlide {
		position: absolute;
		width: 462px;
		height: 261px;
	}

/*
	Video
*/

#artistVideoHolder {
	padding: 13px 13px 15px;
	background: url(../images/movie_holder.png) no-repeat;
	position: relative;
	margin:0;
	width:425px;
}

#artistVideoHolder p.flagVideo {
	position: static;
	text-align:right;
	padding:0 5px 0 0;
}

/*
	Inforow
*/

.infoRow {
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 6px;
	width: 210px;
	background: #000;
	background: rgba(0,0,0,0.8);
}

	#slideshow .infoRow {
		width: 450px;
		_bottom: -1px;
	}

#featuredText {
	padding-top: 16px;
	padding-bottom: 16px;
	height: 32px;
	clear: both;
}

	#featuredText .infoRow {
		position: static;
		float: left;
		background: #6D7174;
		width: 211px;
		margin-right: 16px;
	}

	#featuredText #fullCalendar {
		float: left;
		margin: 5px 0;
		width: 222px;
	}

		#featuredText #fullCalendar span {
			width: 190px;
		}

#actualContent .infoRow {
	position: absolute;
	bottom: -32px;
	background: none;
	float: right;
	padding: 0 0;
	width: 462px;
}

#featured .infoRow .buttonHolder {
	float: right;
}

	.infoRow p {
		float: left;
		font-weight: 700;
		padding: 0;
	}

	.infoRow a.eventLink:link,
	.infoRow a.eventLink:visited {
		display: block;
		float: left;
		border: none;
		margin-right: 3px;
		color: #FFF;
	}

	.infoRow a.eventLink:visited {
		color: #DDD;
	}

	.infoRow a.eventLink:hover,
	.infoRow a.eventLink:active,
	.infoRow a.eventLink:focus {
		color: #FFF;
	}

		.infoRow a.eventLink span {
			font-weight: 400;
			color: #DDD;
			font-size: 11px;
			font-family: Georgia, Times, serif;
			font-style: italic;
		}

	.infoRow .buttonHolder {
		margin: 7px 0 0 4px;
		float: left;
	}

	#slideshow .infoRow p {
		font-size: 14px;
	}

	.infoRow ul {
		float: right;
		padding: 0;
	}

		.infoRow ul li {
			float: left;
		}

#eyecatcher .infoRow ul li a:link,
#eyecatcher .infoRow ul li a:visited,
#slideshow .infoRow ul li a:link,
#slideshow .infoRow ul li a:visited {
	width: 16px;
	height: 32px;
	display: block;
	overflow: hidden;
	line-height: 1px;
	text-indent: -9000px;
	border: none;
	background: url(../images/slideshow_bullet.png) no-repeat 0 0;
}

#actualContent #slideshow .infoRow ul li a:link,
#actualContent  #slideshow .infoRow ul li a:visited {
	background: url(../images/slideshow_bullet_i.png) no-repeat 0 0;
}

#eyecatcher .infoRow ul li a:hover,
#eyecatcher .infoRow ul li a:active,
#eyecatcher .infoRow ul li a:focus,
#container #eyecatcher .infoRow ul li.selected a {
	background: url(../images/slideshow_bullet.png) no-repeat 0 -32px;
}

#actualContent  #slideshow .infoRow ul li a:hover,
#actualContent  #slideshow .infoRow ul li a:active,
#actualContent  #slideshow .infoRow ul li a:focus,
#actualContent  #slideshow .infoRow ul li.selected a {
	background: url(../images/slideshow_bullet_i.png) no-repeat 0 -32px;
}

#featured {
	/* Old width: 211px; */
	width: 222px;
}

#featured h2 {
	/* @inc .accessibility */
	position: absolute;
	top: -9000px;
	left: -9000px;
}

#featured li {
	background: #CCC;
	background-color: rgba(128,128,128,0.25);
	width: 222px;
	height: 122px;
	position: relative;
}

	#featured li.firstChild {
		margin: 0 0 17px;
	}

/*
	Shows table
	Used on event detail and event detail > tickets
	Refactored from Jakob code
*/

.shows {
	width: 100%;
}

.shows tr td {
	border-bottom: 1px solid #DDD;
	padding: 4px 0;
}

	.shows tr:last-child td,
	.shows tr.lastChild td {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
	}

.shows .time {
	padding-right: 12px;
	width: 175px;
}

.shows .time .date {
	font-weight: 700;
}

.shows .time .hour {
	color: #999;
}

.shows .where {
	padding-right: 10px;
	font-size: 11px;
}

.shows td.action {
	text-align: right;
}

/* Tickets statuses */


.statusNoTickets
.statusTicketsFromDate {
	font-weight: 700;
	color: #000;
}

.statusCancelled {
	font-weight: 700;
	font-size: 11px;
	color: #E2001A;
}

.statusPostponed {
	font-weight: 700;
	background: #FDFDFD;
	font-size: 11px;
}

.statusSoldOut {
	font-weight: 700;
	color: #666;
	font-size: 11px;
}

.ticketsSoldOut {
	color: red;
	font-weight: 700;
}

.ticketsLast {
	font-weight: bold;
}


/*
	Table .events
	Used in calendar and similar concerts
	Refactored from Jakob code by Johan
*/

.events {
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD;
}

	#eventsBrowse .events {
		width: 100%;
	}

.events tr td {
	border-bottom: 1px solid #DDD;
	vertical-align: middle;
}

	.events tr:last-child td,
	.events tr.lastChild td {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border-bottom: none;
	}

.events .odd td {
	background: #FAFAFA;
}

.events td.img {
	width: 100px;
}

tr td.data {
	/*
		Added this to fix the JS problem with (Kalender op maat)
		Jelle added an id #kalender in the kalender markup to isolate this fix to the kalender screen
	*/
	width: 280px;
	padding-left: 15px;
	padding-right: 10px;
}

	#relatedArtists .data {
		/* Override td width for related tables */
		width: auto;
	}

h3.month {
	color: #000;
	padding-top: 3px;
	border-top: 1px solid #AAA;
}

	#eventsBrowse h3:first-child,
	#eventsBrowse h3.firstChild {
		/* .firstChild class added by JS or PHP for IE6/IE7 */
		border: none;
		padding-top: 0;
	}

.events tr td.day {
	font-size: 12px;
	color: #FFF;
	background: #1B1E23;
	padding: 0 6px;
	border-bottom-color: #000;
}

.events tr td.img {
	border-bottom-color: #666;
}

.events tr td.data a {
	border: none;
}

.events tr td.data h3,
.events tr td.data p {
	padding: 0;
	margin: 0;
}

	.events tr td.data h3 {
		font-size: 14px;
		letter-spacing: -0.01em;
		word-spacing: -0.02em;
	}

#someEventsAreHidden {
	margin: 0 0 24px;
}

.events tr td .subtitle {
	color: #8F8F8F;
	font-size: 11px;
}

.events .meta li {
	display: inline;
	margin-right: 6px;
	font-size: 11px;
	color: #6a6a6a;
}

	.events .meta li a {
		font-weight: 700;
	}

.events .action ul li {
	min-width: 100px;
	font-weight: 700;
	font-size: 11px;
}

.events .action .shoppingCart a { background: url(../images/icons/shoppingcart.gif) no-repeat; }
.events .action .kalender a { background: url(../images/icons/kalender.gif) no-repeat -3px 0;}

.events .action ul li a{
	padding-left: 16px;
	border: none;
}

/*
	Generic form styles
*/

/* Modify input[type="text"] and textareas */

.inputText,
input[type="text"],
input[type="password"],
textarea {
	font-family: Arial, sans-serif;

	background: #FAFAFA url(../images/ds.png) repeat-x;
	border: 1px solid #BBB;
	border-color: #888 #BABABA #BABABA #CDCDCD;

	/* Some funkiness for FF and Safari */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	/* Ganz geil */
	-webkit-transition: background-color 0.23s linear;

}

.inputText,
input[type="text"] {
	padding: 3px 2px;
	color: #333;
}

	/* Fix alignment in Chrome/Saf */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.inputText,
		input[type="text"] {
			height: 13px;
		}
	}

	.inputText:focus,
	.inputText.focus,
	input[type="text"]:focus,
	textarea:focus,
	textarea.focus {
		color: #000;
		background: #FFF;
	}

/* Selects should be left alone (not stylable without troubles) */
select, option, optgroup {
	font-family: Arial, sans-serif;
}

/* Input submit gets replaced by a button, yet some styles here for better buildup */

input[type="submit"],
input[type="button"],
.inputSubmit {
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: 700;

	background: #FCFCFC;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
	background: -moz-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));

	height: 21px;
	vertical-align: middle;
	border: 1px solid #BFBFBF;

	color: #3A3A3A;

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

}

/*
	Focus outline; Mozilla specific since Safari implements this right
	IE doesn't have any support for focus outlines, not bothering here
*/
@-moz-document url-prefix() {

	.inputText {
		height: 14px;
		line-height: 14px;
	}

	input:focus, textarea:focus {
		outline: 2px solid #c2deff;
		-moz-outline-radius: 5px;
		border-color: #456b99;
	}

	/* MHG specific */
	#mainTopbar input:focus,
	#mainTopbar textarea:focus {
		outline: 2px solid #666;
		-moz-outline-radius: 5px;
		border-color: #000;
	}

	/* CAP specific */
	#registerCTA input:focus {
		outline: 2px solid #ea777e;
		-moz-outline-radius: 5px;
	}

}

.helpTxt {
	display: block;
	font-size: 11px;
	color: #808080;
}

	.helpTxt a {
		font-weight: 700;
	}

.forkForms .inputList {
	padding: 0 0 12px;
}

.forkForms .inputList li {
	position: relative;
	padding: 0 0 4px 24px;
	width: 100%;
	overflow: hidden;
}

.forkForms .horizontal .inputList label {
	float: none;
	width: auto;
}

	.forkForms .inputList li input.inputRadio,
	.forkForms .inputList li input.inputCheckbox {
		position: absolute;
		left: 0;
		top: 0;
	}

	#urlManager {
		width: 265px !important;
		 overflow: hidden;
	}

	#urlManager ul {
		margin: 0 0 8px;
	}

		#urlManager ul .inputText {
			font-size: 11px;
			width: 210px;
		}

		#urlManager .inputList li {
			width: 265px;
		}

#container .forkForms .section {
	clear: both;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #E2E2E2;
}

/*
	The Magic One Liner
	-------------------
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder {
	float: left;
	padding-right: 2px;
}

	.oneLiner p {
		padding-bottom: 0;
		line-height: 21px;
	}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

/* "Fake" label */

label {
	font-weight: 700;
	color: #4A4A4A;
}

p.label {
	padding-bottom: 0;
	border: none;
	font-size: 12px;
	font-weight: 700;
	color: #4A4A4A;
}

.forkForms p label {
	display: block;
}
.forkForms textarea{ width: 90%; }

.fakeInput { display: inline;}

.forkForms ul .helpTxt{ padding: 0 0 0 24px; }
.forkForms .long li{ padding: 0 0 8px; }
.forkForms .horizontal p label,
.forkForms .horizontal .section label { display: inline; }

.forkForms .horizontal p .helpTxt,
.forkForms .horizontal .section .helpTxt { display: block; padding: 1px 0 1px 105px; }

.forkForms .helpTxt{ font-family: Arial, sans-serif; }

.forkForms .horizontal label,
.forkForms .horizontal p.label,
.forkForms .horizontal label,
.forkForms .horizontal p.label,
#profileAddress p.label {
	float: left;
	width: 95px;
	padding-right: 10px;
	line-height: 21px;
	/* Same height as buttons and hopefully same height as input[type="text"] [depends on browser] */
}

.forkForms .horizontal p.label {
	margin: 0;
}

.forkForms .spacing,
.forkForms .horizontal span.form-error {
	padding-left: 105px;
}

.forkForms .horizontal .inputList {
	float: left;
	overflow: hidden;
}

#loginform.forkForms .horizontal ul,
#loginformModal.forkForms .spacing,
#registerForm.forkForms .spacing,
#loginform.forkForms .spacing,
#loginform .horizontal span.form-error,
#registerForm .horizontal span.form-error,
#registerForm .horizontal span.helpTxt {
	padding-left: 130px;
	_padding-left: 134px;
}

#loginform.forkForms .horizontal p label,
#loginformModal.forkForms .horizontal p label,
#loginform.forkForms .horizontal p.label,
#registerForm.forkForms .horizontal p label,
#registerForm.forkForms .horizontal p.label,
#loginformModal.forkForms .horizontal p.label {
	width: 120px;
	text-align: right;
	line-height: 21px;
}

#registerForm #email,
#contactForm #email { width: 240px; }


#registerEmailHolder p {
	font-size: 11px;
	padding: 0 0 6px;
}

#home #registerEmailHolder form {
	padding: 0 0 12px;
}

#registerEmail p {
	padding: 0 4px 4px 0;
}

#registerEmail input.inputText {
	width: 110px;
	color: #666;
}

	#secondaryContent #registerEmail input.inputText {
		width: 140px;
	}

#registerEmail input.inputText:focus,
#registerEmail input.inputText.focus {
	color: #000;
}

#registerForm .inputList {
	width: 250px;
	overflow: visible;
}

.forkForms abbr{ cursor: help; }

.formBox {
	background: #FFF;
	border: 1px solid #CDCDCD;
	margin: 0 0 16px;
	padding: 16px 16px 0;

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

	fieldset legend {
		display: none;
	}

.formBoxFullPad {
	padding: 16px;
}

	.innerFormBox {
		margin-top: 14px;
		padding: 16px;
		border: 1px solid #DADADA;
		width: auto !important;
	}

	#twoColumns .formBox {
		width: 299px;
	}

#loginform {
	margin-bottom: 16px;
}

#loginform fieldset {
	width: 681px;
	overflow: hidden;
}

#loginform .inputList {
	width: 300px;
}

#editAvatar {
	padding: 16px;
}

	#editAvatar label {
		padding: 0 0 4px;
		display: block;
	}

	#editAvatar #chooseFile {
		background: #F8F8F8;
		border: 1px solid #DDD;
		margin: 0 0 8px;
		padding: 8px;
	}

	#editAvatar #currentAvatar {
		width: 92px;
		float: left;
		border-right: 1px dotted #CDCDCD;
		margin: 0 16px 0 0;
	}

	#editAvatar #newAvatar {
		width: 400px;
		float: left;
	}

		#newAvatar .oneLiner p {
			padding-right: 5px;
		}

#message {
	width: 290px;
	padding: 2px 3px;
	height: 190px;
}

.forkForms .block { display: block !important; }
.forkForms p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.birthdate select{ font-size: 12px; }
.gender .inputList, #agePrivacy {
	padding: 0;
}
.forkForms td { vertical-align: top; }
#agePrivacy.inputList { width: 190px; clear: both; padding-left: 105px;}
.gender .inputList { width: 190px;}
#website { width: 180px;}
#addWebsiteWrapper #website { width: 150px; }
#birthdate_month { width: 70px; }
#country { width: 150px; margin-left: 5px;}

#agePrivacy label, #locationPrivacy label { font-size: 11px; font-weight: 400; }
#locationPrivacy { padding: 0; width: 220px !important;}

/* Form widths for address */
#profileAddress td { padding-right: 5px; }
#profileAddress #streetNumber,
#profileAddress #street_number,
#vipRequestForm #street_nr,
#company_street_nr { width: 50px; }
#profileAddress #streetNumberBox,
#profileAddress #street_number_box,
#vipRequestForm #street_nr_box,
#company_street_nr_box { width: 40px; }

#profileAddress #zip { width: 55px; }

#sendMessage #friends { width: 150px; }
#sendMessage #message{ width: 450px; height: 120px; }
#sendMessage #subject { width: 350px; }
#sendMessage .last .buttonHolder { padding-left: 105px; }

#actualContent #profileGenres ul li {
	width: 33%;
	float: left;
}

	#actualContent #profileGenres ul li li {
		width: 195px;
		float: none;
	}

/*
	Form messages
*/

.form-error {
	color: #E2001A;
	font-weight: 700;
	font-size: 11px;
	display: block;
}

.generalMessage {
	position: relative;
	border: 1px solid #CCC;
	margin: 0 0 12px;

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

	padding: 12px;
}

	.generalMessage a {
		font-weight: 700;
	}

	.generalMessage ul li {
		border-bottom: 1px dotted #DBDBDB;
		padding: 0 0 4px;
		margin: 0 0 4px;
		background: none;
	}

	.generalMessage ul li:last-child,
	.generalMessage ul li.lastChild {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
		padding: 0;
		margin: 0;
	}

.errorMessage {
	color: #E2001A;
	background: #FBF3F3;
	border-color: #E2001A;

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

.successMessage {
	color: green;
	background: #D3EBC5;
	border-color: #91AE8A;

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

	.successMessage a:link,
	.successMessage a:visited {
		color: #005f00;
		border-color: #8dbd84;
	}

	.successMessage a:hover,
	.successMessage a:active,
	.successMessage a:focus {
		color: #002f00;
	}

.singleMessage p,
.singleMessage ul,
.singleMessage div.buttonHolder {
	padding: 0;
}

	.closeButton a {
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		background: transparent url(../images/delete.png);
		text-indent: -9000px;
		border: none;
		top: 3px;
		right: 3px;
	}

.infoMessage {
	background: #FFD;
	border: 1px solid #CDCDA2;
}

/*
	Login & Register form
*/

#loginform .buttonHolder {
	/* adds a little more space between button and note */
	padding-bottom:15px;
}

/*
	Send private message form
*/

#sendMessageSent p {
	text-align: center;
}

/*
	Forgot password form
*/

#forgotPassword input.inputText {
	width: 240px;
}

/*
	Profile password form
*/

#profilePassword .horizontal label {
	width: 170px;
}

#profilePassword .horizontal .form-error {
	padding-left: 180px;
}

/*
	Calendar styles
*/

.calendar {
	width: 190px;
	border-collapse: collapse;
}

.calendar td {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 1px;
}

.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;
	border-bottom: none;
}

.calendar th {
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	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: none;
}

.calendar th.prev-month a {
	background: url(../images/icons/arrow_left_bggrey_black.gif) no-repeat center center;
}

.calendar th.next-month a {
	background: url(../images/icons/arrow_right_bggrey_black.gif) no-repeat center center;
}

.calendar td.not-in-month {
	/* Undefined */
}

.calendar td.event {
	padding: 0;
}

.calendar td.event a:link,
.calendar td.event a:visited {
	padding: 3px;
	display: block;
	border: none;
}

.calendar td.event a:hover,
.calendar td.event a:active {
	background: #D81921;
	color: #FFF;
	border: none;
}

.calendar td.sat,
.calendar td.sun {
	background: #C0C0C0;
	background: rgba(192,192,192,0.5);
	border: 1px solid #C0C0C0;
	border-color: rgba(192,192,192,0.5);
}

.calendar td.today {
	background: #666;
	font-weight: 700;
	border: 1px solid #333;
	color: #FFF;
}

	/* Today color is white even if there is an event "today" */
	.calendar td.today a {
		color: #FFF;
	}

td.not-in-month {
	background: none;
}

.calendar td a:link,
.calendar td a:visited,
.calendar td a:hover,
.calendar td a:active {
	font-weight: 700;
	cursor: pointer;
}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 3px 4px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	border: 1px solid #000;
	font-weight: 700;
	color: #000;
	color: #FFF;
	background: #000;

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

.pagination li.selected span {
	border: 1px solid #bbb;
	padding: 3px 4px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	border: 1px solid #FFF;
	float: left;
	display: block;
	padding: 3px 4px;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/*
	General info
*/

#generalInfo {
	padding: 20px 0 20px 200px;
	background: #FFF url(../images/generalinfo_bg.png) repeat-x bottom;
	border-bottom: 1px solid #AAA;
}

	#generalInfo li {
		width: 211px;
		padding-right: 32px;
		float: left;
	}

#generalInfoInContent li {
	width: 50%;
	float: left;
}

/*
	Avatars

	For avatar lists use general class: .people
	Look for examples in event detail & home signed out

*/

.avatarSingle p {
	padding: 0 0 4px;
}

.avatarSingle p a {
	border: none;
	font-size: 11px;
	display: block;
	padding: 4px 0 0 0;
}

.avatar {
	overflow: hidden;
}

.av24 {
	width: 24px;
	height: 24px;
	background: url(../images/avatars/24x24/no-avatar-female.gif) no-repeat;
}

.av48 {
	width: 48px;
	height: 48px;
	background: url(../images/avatars/48x48/no-avatar-female.gif) no-repeat;
}

.av96 {
	width: 96px;
	height: 96px;
	background: url(../images/avatars/96x96/no-avatar-female.gif) no-repeat;
}

.av128 {
	width: 128px;
	height: 128px;
	background: url(../images/avatars/128x128/no_avatar.gif) no-repeat;
}

.avatar img {
	display: block;
	font-size: 0;
}

.avatar .avOverlay {
	height: 0;
	font-size: 0;
	line-height: 0;
}

.people li {
	float: left;
	padding: 0 5px 0 0;
	width: 58px;
}

.people li.newRow {
	/* added by @jelle @check - this one clears every 4th list item, even in situations with long names*/
	/* @todo @tijs - overl waar een .people ul voorkomt zou jij deze class moeten toevoegen op de 4de, 8ste, 12de, … li */
	clear : left;
}

	.people li .avatar {
		margin-left: 5px;
	}

	.people li p {
		text-align: center;
		/* INC .secondarycontent */
		font-size: 11px;
		line-height: 1.2;
		font-family: Arial, sans-serif;
		padding: 2px 0 6px 0;

		/* Stability fix */
		/*
		width: 58px;
		overflow: hidden;
		white-space: nowrap;
		height: 16px;
		*/
	}

	.people li a {
		border: none;
	}

/*
	Shoutbox
*/

#comments {
	border-top: 1px solid #cCC;
	padding-top: 12px;
}

	#add-comment-form .section {
		margin: 0;
	}

.shoutboxComment {
 	border-bottom: 1px solid #CCC;
	width: 100%;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	background: #FFF;
	position: relative;
}

	.shoutboxComment:last-child {
		border-bottom : none;
	}

div.shoutboxComment .avatar {
	float: left;
	font-size: 0;
	overflow: hidden;
}

div.shoutboxComment .message {
	margin-left: 12px;
	width: 436px;
	float: left;
	/* Set overflow so one message with a long URL can't mess with the layout */
	overflow-x: hidden;
}

div.shoutboxComment p.author {
	padding-bottom: 4px;
	color: #666;
}

div.shoutboxComment .flagLink {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
}

	div.shoutboxComment .flagLink a:link,
	div.shoutboxComment .flagLink a:visited {
		color: #AAA;
		border-color: #e5e5e5;
		font-size : 11px;
	}
	div.shoutboxComment .flagLink a:hover,
	div.shoutboxComment .flagLink a:active {
		color: #f1101c;
		border-color: #e1abae;
	}

.textareaHolder {
	margin-bottom: 5px;
	width: 355px;
	float: right;
	position: relative;
}

	#add-comment-form textarea:focus,
	#add-comment-form .hasFocus textarea {
		border-color: #999;
	}

#add-comment-form textarea {
	border: 1px solid #C5C5C5;
	padding: 10px;
	width: 423px;
	height: 73px;
	color: #333;
}

	#add-comment-form textarea.isSubmitting {
		color: #CCC;
	}

#add-comment-form .avatar {
	float: left;
}

#add-comment-form .isSubmitting #shoutboxSpinner {
	position: absolute; left: 190px; top: 40px;
}

#add-comment-form .buttonHolderRight {
	float: right;
	padding-top: 4px;
}

	#add-comment-form .isSubmitting textarea {
		color: #CCC;
	}

#add-comment-form p.counter {
	float: right;
	font-size: 11px;
	padding: 4px 10px 0 0;
	position: relative;
	top: 3px;
	color: #666;
}

	#add-comment-form p.overflow { color: #E2001A; }

#add-comment-form {
	padding: 0 0 24px;
}

	#add-comment-form.add-comment-form-blog {
		padding: 0;
	}

/* Flagging */

.flag .flagLink {
	padding: 0;
}

.secondaryContent {
	font-size: 11px;
	font-family: Arial, sans-serif;
}

	.mute {
		color: #808080;
	}

/* Newsletter signup */

#newsletterSignup label {
	/* @inc .accessibility */
	position: absolute;
	top: -9000px;
	left: -9000px;
}

/*
	User
*/

#user {
	width: 206px;
	height: 48px;
	overflow: hidden;
	background: #767676;
	background: rgba(0,0,0,0.5);
	margin: 0 0 6px;

}

#user .avatar {
	float: left;
	width: 48px;
}

	#user .avatar img {
		float: left;
	}

#user .text {
	float: left;
	width: 140px;
	padding: 3px 0 6px 12px;
	font-size: 11px;
	color: #FFF;
}

#user .text h3 {
	color: #FFF;
	padding-top: 4px;
}

	#user .text * {
		padding: 0;
	}

	#user .text a {
		color: #FFF;
		border: none;
	}

/*
	Stats
*/

#stats {
	font-size: 11px;
	width: 206px;
}

#stats #followees span,
#stats #followers span {
	font-size: 18px;
	font-weight: 700;
}

#stats #profileLinks span {
	font-weight: 400;
}

#stats b {
	font-weight: 400;
	color: #707070;
}

#stats li {
	float: left;
	border-right: 1px solid #CDCDCD;
}

#stats #followees {
	width: 40px;
	margin-right: 10px;
}

#stats #followers {
	width: 50px;
	margin-right: 10px;
	padding-right: 10px;
}

	#stats #profileLinks {
		width: 74px;
		padding: 1px 0 1px 0;
		border: none;
		margin: 0;
	}

	#stats #profileLinks li {
		float: none;
		text-align: left;
		font-weight: 700;
		width: auto;
		border: none;
		padding: 2px 0;
	}

/*
	Messages
*/

#messages {
	width: 100%;
}

#messages tr.new td {
	background-color: #FFD;
}

#messages p {
	padding: 0 0 6px;
	font-size: 11px;
}

#messages td.subject {
	width: 300px;
}

#messages a {
	font-weight: 700;
}

#messages h4 {
	padding: 10px 0 3px 0;
}

#messages .avatar {
	float: left;
	margin-right: 5px;
}

#messages .from a, #messages .to a {
	line-height: 24px;
}

#sendMessage .avatar {
	float: left;
}

#sendMessage .textareaHolder {
	float: left; margin-left: 20px;
}

/*
	News (and press items)
	@jelle heeft hier press ook bijgekieperd, kan uit elkaar getrokken worden
	nieuws en press overzichten lopen gelijk, alleen op de homepagina en
	op een event detail is de nieuwsoplijsting iets anders
*/

#home #content #news {
	width: 462px;
	margin-right: 16px;
	float: left;
	/* @see global_ie6.css for bugfix */
}

#home #news h2 {
	border-bottom: 1px solid #AAA;
	padding: 0 0 4px;
	margin: 0 0 12px;
	font-size: 16px;
}

#news .holder,
#press .holder {
	padding: 0 0 12px;
}

	/* On eventdetail */
	#sectionWrapper #news .holder {
		padding: 0;
	}

#news .holder h3,
#press .holder h3 {
	padding: 0 0 4px;
	float: none;
}

	/* On eventdetail and home */
	#sectionWrapper #news .holder h3,
	#home #news .holder h3 {
		/*
			! heading floats next to date on #home only, to save some space
			This only applies to h3's in a div.holder
			as not to fuck up the h3's in the message body
		*/
		float: left;
		font-size: 12px;
		font-weight: normal;
		padding: 0;
	}

#press #shortlist p {
	padding: 0;
}

#news p.date,
#press p.date {
	color: #808080;
	font-size: 11px;
	padding: 0;
}

	/* On eventdetail and home */
	#sectionWrapper #news p.date,
	#home #news p.date {
		float: left;
		padding: 0 0 0 5px;
		line-height: 1.45;
	}

#news .article,
#press .article {
	border-bottom: 1px solid #DDD;
	margin: 0 0 12px;
	zoom: 1;
}

	#press .lastChild {
		border-bottom : none;
	}

	/* On eventdetail */
	#sectionWrapper #news .article {
		margin: 0 0 4px;
		border: none;
	}

	#news .sizeNews {
		float: left;
		margin-right: 12px;
		margin-bottom: 2px;
	}

#news a,
#press a{
	font-weight: 700;
	border: none;
}

#actualContent .article .titlePlusAuthor h1 {
	font-size: 18px;
	padding: 0 0 4px;
}

.article .titlePlusAuthor p {
	font-size: 11px;
	color: #808080;
	border-bottom: 1px solid #DDD;
	margin: 0 0 12px;
}

.sidebarItem #most-popular ul,
.sidebarItem #categories ul,
.sidebarItem #archive ul {
	padding: 0;
}

#quickNav li {
	background: url(../images/side_divider.png) repeat-x bottom;
	padding: 0 0 8px;
	margin: 0 0 8px;
}

#quickNav li strong {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
}

	#quickNav li a {
		font-weight: 700;
	}

	#quickNav p.clickthrough {
		padding-right: 8px;
		font-weight: 400;
	}


/*
	Archive
*/

/* Archive subnav */
#archiveYears .selected a{
	font-weight: 700;
}

#archive ul {
	padding-bottom:12px;
}

/*
	Fake images
*/

img {
	font-size: 11px;
	color: #999;
}

.imageHolder img {
	display: block;
	line-height: 0;
	font-size: 0;
}

.fakeImg {
	background: #EEE;
}

	.fakeImg.sizeMini {
		width: 69px;
		height: 45px;
	}

	.fakeImg.sizeSquare {
		width: 48px;
		height: 48px;
	}

	.sizeMedium {
		width: 222px;
		height: 122px;
	}

	.sizeMediumAlt {
		width: 211px;
		height: 81px;
	}

	.fakeImg.sizeKalender {
		width: 100px;
		height: 65px;
	}

	.fakeImg.sizeFullWidth {
		width: 100%;
	}

	.imageHolder.sizeSlideshow {
		width: 456px;
		height: 261px;
		overflow: hidden;
		font-size: 0;
	}

	#slideshowSlideLower img,
	#slideshowSlideVisible img {
		font-size: 0;
	}

	.holder65x100 a,
	.events .img a,
	#favoriteArtists .imageLink,
	#profileArtists .imageHolder a {
		border: none;
		width: 100px;
		height: 65px;
		display: block;
		background: url(../images/artists/100x65/no-image.gif) no-repeat 0 0;
	}

		#favoriteArtists .imageLink img {
			font-size: 0;
		}

	#profileArtists li a {
		font-weight: 700;
		display: block;
		font-size: 11px;
		border: none;
	}

	/*artist Main Image*/

	#artistMainImage {
		float: left;
		margin: 0 16px 16px 0;
	}

/*
	General infowidget styles

	.infoWidget is for heading + image + text
	.tableWidget is for table containing calendar/related artists/etc.
*/

.infoWidget h3,
.infoWidget h4,
.tableWidget h3,
.tableWidget h4 {
	font-size: 13px;
}

.infoWidget .imageHolder {
	margin: 0 0 4px;
}

.infoWidget p,
.tableWidget p {
	font-size: 11px;
}

.infoWidget a,
.tableWidget a {
	font-weight: 700;
}

.tableWidget table {
	width: 100%;
}

.tableWidget table td {
	border-bottom: 1px solid #e5e5e5;
}

	#secondaryContent .tableWidget table td {
		border-color: #FFF;
		border-color: rgba(255,255,255,0.5);
	}

	.tableWidget table tr:last-child td,
	.tableWidget table tr.lastChild td {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
	}

.tableWidget img {
	margin-right: 4px;
}

.sidebarList .infoWidget p img,
.sidebarList #infoLocation img,
.sidebarList #giftcard img {
	max-width: 190px;
	width: 190px;
}

.sidebarList #infoLocation p,
.sidebarList #giftcard p {
	font-size: 11px;
}

.tableWidget td p {
	padding: 0;
	line-height: 1.3;
}

.tableWidget table tr td {
	padding: 8px 8px 8px 0;
}

.tableWidget td.image {
	width: 73px;
}

.tableWidget td.artistName {
	width: 122px;
}

.tableWidget td a:link,
.tableWidget td a:visited {
	font-weight: 700;
	font-size: 12px;
	border: none;
	display: block;
}

.tableWidget td a:hover,
.tableWidget td a:active {
	/* No specific styles */
}

.tableWidget td em {
	font-style: normal;
	font-weight: 400;
	color: #999;
	font-size: 11px;
	display: block;
	padding-top: 2px;
}

/*
	Inner sidebar
*/

#content #innerSidebar {
	width: 222px;
	float: left;
	overflow: hidden;
}

#innerSidebar .infoWidget {
	margin: 0 0 16px;
	border-bottom: 1px solid #C7C7C7;
}

	#home #innerSidebar .infoWidget img {
		width: 222px;
	}

	#innerSidebar .infoWidget:first-child h3,
	#innerSidebar .firstChild h3 {
		/* .firstChild class added by JS or PHP for IE6/IE7 */
		border-bottom: none;
		margin: 0 0 -1px;
		padding: 0 0 7px;
	}

	#innerSidebar .infoWidget:last-child,
	#innerSidebar .lastChild {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
	}

/*
	General footer area layout
*/

#footerWrapper {
	background: #5E6062;
}

#partners, #doormat, #footer {
	width: 970px;
	margin: 0 auto;
	background-color: #6C6D71;
}

/*
	Partners
*/

#partners {
	padding: 16px;
	width: 938px;
	background: #FFF;
	border-bottom: 1px solid #c6c6c6;
}

	#partnerList {
		width: 699px;
		float: left;
	}

		#partnerList p {
			float: left;
			font-size: 11px;
			width: 157px;
			font-weight: 700;
			line-height: 50px;
			padding: 0;
			color: #7f7f7f;
			text-align: right;
			padding-right: 24px;
		}

		#home #partnerList p {
			width: auto;
		}

		#partnerList ul {
			float: left;
		}

			#partnerList li {
				float: left;
				margin-right: 12px;
			}

			#partnerLogos a {
				border: none;
			}

	#mhg {
		width: 229px;
		float: left;
		text-align: right;
		font-size: 11px;
		font-weight: 700;
	}

		#mhg p {
			padding: 3px 12px 0 32px;
			float: left;
		}

		#mhg img {
			float: left;
		}

/* Doormat and footer */

#doormat {
	background: #57595C url(../images/doormat_bg.png) no-repeat;
	border-left: 1px solid #8A8C8E;
	border-right: 1px solid #8A8C8E;
	color: #fff;
	padding-left: 129px;
	width: 839px;
}

	#doormatInner {
		background: #57595C url(../images/doormat_bg_2.png) repeat-x;
		padding: 16px 16px 0 37px;
		width: 786px;
	}

#doormat h4 {
	color: #FFF;
}

#doormat .column {
	float: left;
	width: 128px;
	margin-right: 16px;
}

	#doormat a {
		font-size: 12px;
		border: none;
		color: #c1c2c4;
	}

	#doormat a:hover,
	#doormat a:focus,
	#doormat a:active {
		border-bottom: 1px solid #fff;
		color: #fff;
	}

	#doormat ul {
		padding: 0 0 16px;
	}

	#doormat ul li {
		padding: 0 0 4px;
	}

#footer {
	background: #57595C url(../images/footer_bg.png) repeat-x;
	height: 32px;
	position: relative;
	width: 968px;
	border-left: 1px solid #8a8c8e;
	border-right: 1px solid #8a8c8e;
	font-size: 11px;
	color: #FFF;
	overflow: hidden;
}

	#footer .copyright {
		font-weight: 700;
	}


#footer ul {
	padding-top: 8px;
	padding-right: 16px;
	position: absolute;
	top: 0;
	right: 0;
	
	zoom: 1;
}

	#footer li {
		float: left;
		padding: 0 0 0 12px;
	}

#footer ul li {
	float: left;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}

#footer #socialMediaSmall {
	width: 78px;
	padding-left: 22px;
	height: 18px;
	overflow: hidden;
}

	#socialMediaSmall ol {
		zoom: 1;
		overflow: auto;
	}

	#socialMediaSmall p {
		float: left;
		padding: 0 10px 0 0;
	}

	#socialMediaSmall ol li {
		background-color: gray;
		border: 1px solid #6C6D71;
		padding: 0 4px;
		line-height: 16px;
	}

	#socialMediaSmall ol li a {
		float: left;
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border-bottom: none !important;
	}
	
	#socialMediaSmall ol li {
		text-indent: -9999px;
		width: 16px;
		height: 16px;
		overflow: hidden;
	}

	#socialMediaSmall ol li#faceb {
		background: gray url(../images/icons/facebgray.gif) center no-repeat;
		-moz-border-radius: 4px 0 0 4px;
	}

	#socialMediaSmall ol li#twitter {
		background: gray url(../images/icons/twitgray.gif) center no-repeat;
	}

	#socialMediaSmall ol li#netlog {
		background: gray url(../images/icons/netloggray.gif) center no-repeat;
		-moz-border-radius: 0 4px 4px 0;
	}

#footer a {
	font-size: 11px;
	border: none;
	color: #C1C2C4;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #FFF;
}


/*
	Powered by Last.fm in footer
*/

#footer #lastfm a {
	zoom: 1;
}

#footer #lastfm a {
	display: block;
	float: left;
}

#footer #lastfm a:hover {
	cursor: pointer;
}

#footer #lastfm a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#footer #lastfm var {
	font-style: normal;
	float: left;
	display: block;
	margin-right: 4px;
}

#footer #lastfm a:link span,
#footer #lastfm a:visited span {
	background: url(../images/lastfm.gif) 0 -13px;
	width: 39px;
	height: 13px;
	display: block;
	overflow: hidden;
	float: left;
	text-indent: -9000px;
}

#footer #lastfm a:hover span,
#footer #lastfm a:active span
#footer #lastfm a:focus span {
	background: url(../images/lastfm.gif) 0 0;
}

/*
	Generic image list
*/

.imageList li, .videoList li {
	float: left;
	margin: 0 10px 10px 0;
}

	.imageList .more a, .videoList .more a {
		display: block;
		width: 67px;
		height: 43px;
		line-height: 45px;
		text-align: center;
		font-weight: 700;
		background: #FFF;
		border: 1px solid #C6121B;
	}

/*
	Clips list (image and text)
	By Jelle
*/

ul.clips {
	margin: 0 0 24px;
	padding: 0 13px 32px;
	position: relative;
	list-style: none;
}

ul.clips li {
	text-align: center;
	height: 136px;
	margin: 0 15px 10px 0;
	padding-bottom: 14px;
	font-size: 11px;
	float: left;
	position: relative;
	width: 120px;
}

ul.clips p{
	padding-top: 5px;
}

.overview ul.clips li {
	padding-bottom: 0;
}

p.flagVideo {
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

p.flagVideo a {
	color: #AAA;
}

ul.clips li a {
	border: none;
	line-height: 1.2;
	display: block;
}

ul.clips div.overlay {
	background: url(../images/play.png) no-repeat center center;
	z-index: 3000;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 35px;
	left: 45px;
}

ul.clips li:last-child,
ul.clips li.lastChild {
	/* .lastChild class added by JS or PHP for IE6/IE7 */
	margin-right: 0;
}

/*
	Event detail: lineup
*/

#lineup p.helpTxt {
	padding: 0;
	width: 200px;
}

/*
	Event detail: organiser
*/

#organiser p {
	padding: 0;
}

/*
	Event detail: share
*/

#eventDetailShare {
	font-size: 11px;
}

#eventDetailShare table {
	width: 100%;
}

	#eventDetailShare table td {
		vertical-align: top;
	}

	#eventDetailShare p {
		padding: 4px 0 0;
		color: #666;
	}


/*

	Winston 0.3 buttons - for irregular background use
	--------------------------------------------------

	The standard markup is as follows:
	***

	EXAMPLE		<a href="#" class="button">
					<i>&nbsp;</i>
					<span>Button text here</span>
					<b>&nbsp;</b>
				</a>

	***

	These buttons work on any background.
	PNGs are substituted by GIFs in IE6 (@see ie6.css)

	***

	All of the button images are in a single sprite.
	The graphics shown are defined via background positioning.

	***

	To position the buttons, use the button holders

	EXAMPLE		<div class="buttonHolder">
					<a href="#" class="button">
						<i>&nbsp;</i>
						<span>Button text here</span>
						<b>&nbsp;</b>
					</a>
				</div>

	***

	Default buttons will float to the left in a button holder.
	To make them float to the right, substitute the holder class for buttonHolderRight

	EXAMPLE		<div class="buttonHolderRight">
					<a href="#" class="button">
						<i>&nbsp;</i>
						<span>Button text here</span>
						<b>&nbsp;</b>
					</a>
				</div>

	***

	The <b> and <i> elements are used to:
	a) provide a hook for icons on the left hand side (b) and the right hand side (i)
	b) prevent transparent graphics overlaying each other when using standard sliding doors
	c) to easily adjust the side paddings

*/

a.button:link,
a.button:visited {
	height: 21px;
	line-height: 21px;
	border: none !important;
	text-decoration: none;
	color: #3A3A3A;
	background-color: transparent;
}

	a.buttonSmall:link,
	a.buttonSmall:visited {
		height: 17px;
		line-height: 17px;
	}

	a.icon:link,
	a.icon:visited {
		color: #b5121b;
	}

a.button:link span,
a.button:visited span {
	font-size: 11px;
	line-height: 21px;
	font-weight: 700;
}

	a.buttonSmall:link span,
	a.buttonSmall:visited span {
		line-height: 17px;
		font-weight: 400;
	}

a.button * {
	float: left;
	background-image: url(../images/buttons/button.png);
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: nowrap;
}

	/* Color variation */
	a.button_2 *,
	#mainTopbar #search a.button * {
		background-image: url(../images/buttons/button_2.png);
		color: #FFF;
	}

	/* Color variation 2 (red) */
	a.button_3 * {
		background-image: url(../images/buttons/button_3.png);
		color: #FFF;
	}

	/* Color variation 3 (featuredText edition) */
	a.button_4 * {
		background-image: url(../images/buttons/button_4.png);
		color: #333;
	}

		a.button_4:hover *,
		a.button_4:active *,
		a.button_4:focus * {
			color: #FFF;
		}

	/* Color variation CAP registerCTA */
	a.button_5 *,
	#registerCTA a.button * {
		background-image: url(../images/buttons/button_5.png);
		color: #FFF;
	}

		a.button_5:hover *,
		a.button_5:active *,
		a.button_5:focus * {
			color: #FFF;
		}

	/* Small variation */
	a.buttonSmall * {
		background-image: url(../images/buttons/button_small.png);
		color: #FFF;
	}

	/* Standard side width */
	a.button b,
	a.button i,
	a.button strong,
	a.button em {
		width: 8px;
		text-indent: -9000px;
		display: block;
	}

		a.buttonSmall b,
		a.buttonSmall i,
		a.buttonSmall strong,
		a.buttonSmall em {
			width: 4px;
			text-indent: -9000px;
			display: block;
		}

	a.button:link span,
	a.button:visited span {
		background-position: center top;
	}

	a.icon:link span,
	a.icon:visited span {
		padding-left: 3px;
	}

	a.button:hover span,
	a.button:active span,
	a.button:focus span {
		background-position: center -21px;
	}

		a.buttonSmall:hover span,
		a.buttonSmall:active span,
		a.buttonSmall:focus span {
			background-position: center -17px;
		}

	a.button:link b,
	a.button:visited b,
	a.button:link strong,
	a.button:visited strong {
		background-position: 0 0;
	}

		/* MHG specific */

		a.icon:link b,
		a.icon:visited b,
		a.icon:link strong,
		a.icon:visited strong {
			width: 21px;
		}

		a.iconShare:link b,
		a.iconShare:visited b,
		a.iconShare:link strong,
		a.iconShare:visited strong {
			background-position: 0 -42px;
		}

		a.iconCalendar:link b,
		a.iconCalendar:visited b,
		a.iconCalendar:link strong,
		a.iconCalendar:visited strong {
			background-position: -42px -42px;
		}

	a.button:hover b,
	a.button:active b,
	a.button:focus b,
	a.button:hover strong,
	a.button:active strong,
	a.button:focus strong {
		background-position: 0 -21px;
	}

		a.buttonSmall:hover b,
		a.buttonSmall:active b,
		a.buttonSmall:focus b,
		a.buttonSmall:hover strong,
		a.buttonSmall:active strong,
		a.buttonSmall:focus strong {
			background-position: 0 -17px;
		}

		/* MHG specific */
		a.iconShare:hover b,
		a.iconShare:active b,
		a.iconShare:focus b,
		a.iconShare:hover strong,
		a.iconShare:active strong,
		a.iconShare:focus strong {
			background-position: -21px -42px;
		}

		a.iconCalendar:hover b,
		a.iconCalendar:active b,
		a.iconCalendar:focus b,
		a.iconCalendar:hover strong,
		a.iconCalendar:active strong,
		a.iconCalendar:focus strong {
			background-position: -42px -42px;
		}

	a.button:link i,
	a.button:visited i,
	a.button:link em,
	a.button:visited em {
		background-position: top right;
	}

	a.button:hover i,
	a.button:active i,
	a.button:focus i,
	a.button:hover em,
	a.button:active em,
	a.button:focus em {
		background-position: right -21px;
	}

		a.buttonSmall:hover i,
		a.buttonSmall:active i,
		a.buttonSmall:focus i,
		a.buttonSmall:hover em,
		a.buttonSmall:active em,
		a.buttonSmall:focus em {
			background-position: right -17px;
		}

/* Button positioning */

.buttonHolder .button {
	float: left;
	margin-right: 8px;
}

.buttonHolderRight .button {
	float: right;
	margin-left: 8px;
}

.buttonHolderSingle .button {
	margin: 0;
	/* Used for single buttons so the focus lines are nice and clean */
}

	/* Used to add some padding to separate sections */
	.spaceBelow {
		padding: 0 0 12px;
	}

/* Width with icon on the left side */
	a.button.iconLeft b,
	a.button.iconLeft strong {
		width: 22px;
	}

/*
	Profile (My profile)
	Page specific layout
*/

#profileInfo .avatarHolder {
	float: left;
	width: 121px;
}

#profile .avatarHolder .avatar {
	margin-bottom: 12px;
}

#profile .avatarHolder p {
	color: #ACACAC;
}

#profile .avatarHolder p {
	color: #666;
	display: block;
	font-size: 11px;
}

#profileIntro {
	float: left;
	width: 360px;
}

#profile #externalLinks li {
	float: left;
	line-height: 17px;
	margin: 0 0 3px;
	width: 241px;
}
#profile #externalLinks li img {
	margin-right: 8px;
}
#profile #externalLinks li a {
	border: none;
	display: block;
	float: left;
}

	#actualContent #profileArtists h2,
	#actualContent #streamFull h2 {
		float: none;
		padding: 0 0 8px;
		position: static;
		margin: 0;
		text-align: left;
		width: auto;
		color: #000;
	}

#profileArtists ul {
	padding-bottom: 12px;
}

#profileArtists p {
	padding: 0;
}

#profileArtists li {
	float: left;
	margin-right: 18px;
}
#profileArtists .imageholder img{
	padding-bottom: 5px;
}

p.artistCsvList {
	font-size: 11px;
}

#secondaryContent #followees .clickthrough,
#secondaryContent #followers .clickthrough {
	padding: 0 20px 0 0;
}

/*
	Event Detail
	Page specific layout
*/

#actualContent .section {
	padding: 0 0 16px 0;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #e0e0e0;
}

#actualContent .section.last,
#actualContent .forkForms .last {
	border-bottom: none;
	margin-bottom: 0;
}

#actualContent .section #add-comment-form .section {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

#actualContent .section h2 {
	/* Reset */
	border: none;
	margin: 0;
	padding: 0;

	/* Build up */
	float: left;
	margin-left: -232px;
	width: 200px;
	padding-right: 32px;
	text-align: right;
	font-size: 13px;
	font-weight: 700;
	color: #888;
	position: relative;
}

#actualContent .section .sectionContent {
	float: left;
	width: 504px;
}

a.iconCart {
	background: url(../images/icons/shoppingcart.gif) no-repeat;
	padding-left: 14px;
	font-size: 11px;
	font-weight: 700;
}

.sectionContent table td.headliner,
.sectionContent table td.headlinergroup,
.sectionContent table td.support,
.sectionContent table td.supportgroup {
	font-weight: 700;
	color: #000;
	padding-right: 40px;
}

.sectionContent table td.headliner,
.sectionContent table td.support {
	width: 40px;
	padding: 0;
}

.sectionContent table td.genre {
	text-align: right;
	font-size: 11px;
}

.section #add-comment-form textarea {
	/*width: 383px;removed by Jelle @check*/
}

.section #add-comment-form .textareaHolder {
	width: 444px;
}

/*
	Last fm on event detail
*/

#mediaLastFM p {
	padding-top: 8px;
	float: left;
	width: 393px;
}

#mediaLastFM p a {
	border-bottom: none;
}

#lastFmInfo .imageHolder {
	float: left;
	width: 66px;
	padding-right: 16px;
	margin-top: 13px;
}

	#mediaLastFM .imageList .more a {
		background-color: #fff;
		border: 1px solid #d8d8d8;
		height: 43px;
		width: 67px;
	}

/*
	Two column structure
	@section contact / profile settings
*/

#contentFullwidth #actualContent #twoColumns #columnLeft,
#contentFullwidth #actualContent #twoColumns #columnRight { width: 333px; }

#twoColumns #columnLeft,
#twoColumns #columnRight {
	float: left;
}

#twoColumns #columnLeft {
	padding-right: 24px;
	margin-right: 24px;
	border-right: 1px solid #EEE;
}

/*
	Messages and message detail
	@section profile > messages
*/

#conversation td {
	vertical-align: top;
}

#conversation tr.messageRow td {
	border-bottom: 1px solid #CDCDCD;
	padding-top: 12px;
}

#conversation tr.messageRow p.date {
	font-size: 11px;
	color: #808080;
}

#conversation td .avatar {
	float: right;
}

tr.messageRow td.message {
	padding-left: 30px;
	width: 425px;
}

	#conversation #reply td {
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 30px;
	}

	#conversation #options td {
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 30px;
		border-top: 1px solid #DDD;
	}

#conversationHead {
	border-bottom: 1px solid #CDCDCD;
}

	#conversationHead h1 {
		padding: 0;
	}

		#conversationHead p {
			font-style: normal;
			font-family: "Georgia", serif;
			font-style: italic;
			font-size: 12px;
		}

/*
	Comment reminder
	@section profile > activities (profile home)
*/

#commentReminder {
	padding-bottom: 16px;
}

#commentReminder .item .imageHolder {
	float: left;
	width: 69px;
	padding-right: 16px;
}

#commentReminder .item {
	border-bottom: 1px solid #DDD;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

	#commentReminder .item:last-child,
	#commentReminder .item:lastChild {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
		padding: 0;
		margin: 0;
	}

#commentReminder .item p {
	float: left;
	width: 363px;
	padding: 4px 0 0 0;
}

#commentReminder .item p a {
	font-weight: 700;
}

/*
	Development CSS
	To be removed later
*/

p.marked {
	background: #FFA;
	margin: 0 0 12px;
	padding: 0;
}

/*
	General layout method to center horizontally

	This is a div structure that you can use to center anything horizontally.
	Normally block elements need a defined width to center them in CSS. Using
	this div structure you can center anything. It's ugly but it works.

	<div class="centerHorizontallyWrap">
		<div class="centerHorizontally">
			<div class="centerHorizontallyInner">

				Center anything horizontally...!

			</div>
		</div>
	</div>

	---

	@section profile > profile settings
*/

.centerHorizontallyWrap {
	width: 100%;
	overflow: hidden;
}

.centerHorizontally {
	float: left;
	position: relative;
	left: 50%;
}

.centerHorizontallyInner {
	position: relative;
	left: -50%;
}

/*
	Vip info widget
*/

#vipInfo .buttonHolder {
	margin: 0 0 12px;
}

#vipInfo .clickthrough {
	padding: 0;
}

#vipInfo .clickthrough a {
	border: none;
	padding: 0;
}

/*
	Hall of Fame
	alphabeticalList
*/

#artistsAlphabeticalList {
	padding: 24px 0;
}

#artistsAlphabeticalList ul {
	float: left;
	margin-right: 25px;
	width: 160px;
}

#artistsAlphabeticalList ul.lastChild {
	margin-right: 0;
}

/*
	Favorite artists
*/

#favoriteArtists .title {
	font-size: 14px;
	font-weight: 700;
	padding-left: 12px;
	padding-right: 12px;
}

	#favoriteArtists .title p {
		padding: 0;
	}

#favoriteArtists .events {
	padding-right: 20px;
}

/*
	LoadFavicons
*/

.loadFavicons a {
	display: block;
	text-decoration: none;
	line-height: 18px;
	border: none;
	background: #FFF url(../images/icons/favicon_fallback.gif) no-repeat left 1px;
	padding: 0 0 0 22px;
}

/*
	Friendfinder
*/

#searchMethods {
	padding: 24px 24px 12px;
	border: 1px solid #DDD;
	border-bottom: none;
}

.profiles-list {
	border: 1px solid #DDD;
	margin: 0 0 24px;
	padding: 24px 24px 12px;
	position: relative;
}

.profiles-list .people li p {
	overflow: visible;
}

.profiles-list .pagination {
	position: absolute;
	top: 24px; right: 24px;
}

.profiles-list h3 {
	padding: 0 0 24px;
}

	#searchMethods #searchProfiles {
		float: left;
		width: 213px;
		border-right: 1px solid #DDD;
		margin-right: 24px;
		padding-right: 24px;
	}

		#searchProfiles input.input-text {
			font-size: 11px;
			width: 120px;
		}

		#searchProfiles input.input-submit {
			float: right;
		}

	#searchMethods #byAlphabet {
		float: left;
		width: 403px;
	}

	#searchMethods #byAlphabet p.label {
		padding-bottom: 4px;
	}

	/*
		General
		Alphabetical navigation
		based on pagination styles
	*/

	.alphabetical li {
		float: left;
		list-style: none;
		margin: 0 3px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 11px;
		text-align: center;
	}

	.alphabetical li a:link,
	.alphabetical li a:visited {
		border: 1px solid #FFF;
		float: left;
		display: block;
		padding: 3px 6px;
		text-decoration: none;
	}

	.alphabetical li a:hover,
	.alphabetical li a:active {
		background: #EEE;
		border: 1px solid #BBB;
	}

	.alphabetical li.selected a:link,
	.alphabetical li.selected a:visited{
		border: 1px solid #BBB;
		background: #EEE;
		font-weight: 700;
		color: #000;

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

/*
	Search results
*/

#searchResults p {
	padding: 0 0 6px;
}

#searchResults li {
	padding: 0 0 12px;
	margin: 0 0 12px;
	border-bottom: 1px dotted #BBB;
}

#searchResults .title {
	font-size: 14px;
	padding: 0 0 2px;
}

	#searchResults .suggested .title {
		font-weight: 700;
	}

#searchResults .mute {
	font-size: 11px;
	padding: 0;
}

	#searchResults .mute a {
		color: #999;
		border: none;
	}

/*
	Messages
*/

/* Delete receiver */

#receivers li {
	position: relative;
}

#receivers li .closeButton a {
	/* Depends on .closeButton class */
	right: 0;
	bottom: 0;
}

#receivers li .closeButton a span {
	display: none;
}

/*
	Profile stats
*/

#profile #stats a,
#profile #messages a {
	border-bottom: none;
}

/*
	Play overlay for videos
*/

.playHolder {
	width: 140px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 899;
	cursor: pointer;
}

.playHolder .play {
	position: relative;
	left: -70px;
	top: -60px;
}

	.play .shade,
	.play .button,
	.play .arrow {
		background-image: url(../images/play_big.png);
		background-repeat: no-repeat;
		width: 140px;
		height: 120px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.play .shade {
		background-position: 0 -120px;
		z-index: 900;
	}

	.play .button {
		background-position: 0 0;
		z-index: 901;

		/* @inc opacity */
		opacity: .66; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=66); /* IE lt 8 */
		-ms-filter: "alpha(opacity=66)"; /* IE 8 */
		-khtml-opacity: .66; /* Safari 1.x */
		-moz-opacity: .66; /* FF lt 1.5, Netscape */
	}

	.play .arrow {
		background-position: 0 -240px;
		z-index: 902;
	}

/*
	Override jQuery lightbox styles
*/

#jquery-lightbox a,
#jquery-lightbox a:hover{
	border: none;
	outline: none;
}

/*
	Override jQuery UI styles
*/

.ui-dialog .ui-dialog-titlebar-close {
	border: none;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0.3em 0.3em 0.2em 1em;
}

.ui-widget {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, sans-serif;
}

.ui-dialog .ui-dialog-buttonpane button {
	font-weight: 700;
	font-size: 11px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	background: #F5F5F5;
	border-color: #BFBFBF;
	color: #333;
}

/*
	Slideshowmovie modal
*/

.videoModal .buttonHolderRight {
	margin-top: 12px;
}

	.videoModal {
		background: #333;
		border-color: #000;
		overflow: hidden;
	}

	.videoModal .ui-widget-content a.button * {
		background-image: url(../images/buttons/button_2.png);
		color: #FFF;
	}

	.videoModal .ui-widget-content a.button_3 * {
		background-image: url(../images/buttons/button_3.png);
		color: #FFF;
	}

	.videoModal #movieModal {
		width: 744px;
		height: 435px;
		overflow: hidden;
	}

	.videoModal .ui-dialog-titlebar {
		color: #FFF;
		background: #000;
		border-color: #666;
	}

	.videoModal .ui-dialog-titlebar .ui-icon {
		background: url(../jquery_ui/css/smoothness/images/ui-icons_888888_256x240.png) -96px -128px;
	}

	.videoModal .ui-widget-overlay {
		background: #000;


		/* @inc opacity */
		opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=75); /* IE lt 8 */
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */
		-khtml-opacity: .75; /* Safari 1.x */
		-moz-opacity: .75; /* FF lt 1.5, Netscape */
	}


/*
	Send a message
*/

#sendAMessage {
	background: #EEE;

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

	padding: 4px;

	margin: 0 0 24px;
	color: #555;
	font-size: 11px;
}

/*
	Betabar
*/

/*
	Announcement
	Used for beta bar now
*/

#announcement { display: none; }
.beta #announcement { display: block; }

.beta #announcement,
#globalWarning {
	width: 100%;
	background: #FFB;
	border-bottom: 1px solid #000;
	height: 24px;
}

#globalWarning {
	background: #B5121B;
	color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	font-weight: 700;
	z-index: 3000;
}

	.beta #announcement p,
	#globalWarning p {
		padding: 0;
		text-align: center;
		width: 960px;
		margin: 0 auto;
		line-height: 24px;
	}

	.beta #announcement p a {
		font-weight: 700;
	}

	.beta body, html.beta {
		background-position: center 24px;
	}

/*
	Calendar full - profile detail
*/

#calendarFull li {
	width: 50%;
	float: left;
	padding: 0 0 4px;
	margin: 0 0 4px;
}

	#calendarFull li .image {
		width: 69px;
		padding-right: 12px;
		float: left;
	}

	#calendarFull li .image .imageHolder {
		background: url(../images/artists/69x45/no-image.gif) no-repeat 0 0;
	}

	#calendarFull li .artistName {
		width: 154px;
		float: left;
		padding-right: 12px;
	}

		#calendarFull li .artistName p {
			padding: 4px 0 0 0;
			font-weight: 700;
		}

		#calendarFull li .artistName em {
			display: block;
			font-style: normal;
			color: #808080;
			font-size: 11px;
			font-weight: 400;
		}

#eventTitle.hasSubtitle h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

	#eventTitle.hasSubtitle p {
		margin-bottom: 0;
		padding-bottom: 0;
		font-size: 14px;
		margin: 0 0 12px;
		color: #808080;
	}

#shows.section h2 {
	position: relative;
	top: 5px;
}



#vipRequestForm .inputList {
	padding-bottom: 0;
	width: 200px;
}

#vipType {
	width: 100%;
	margin: 0 0 12px;
}

	#vipType th {
		padding: 6px;
		border-bottom: 1px solid #AAA;
		color: #000;
	}

	#vipType td {
		padding: 6px;
		border-bottom: 1px solid #DDD;
	}

		#vipType td,
		#vipType td label {
			color: #666;
		}


	#vipType tr.selected td,
	#vipType tr.selected label {
		background: #FFC;
		color: #000;
	}

	#vegi {
		padding: 0 0 0 24px;
		color: #666;
	}

		#vegi label {
			color: #666;
		}

		.selected #vegi label,
		.selected #vegi {
			color: #000;
		}

#vipType .inputList {
	margin-top: 4px;
	margin-left: 20px;
}

	#vipType .inputList label {
		font-weight: 400;
	}

	#comfort_seat_nr,
	#business_seat_nr,
	#business_seat_happy_hour_nr,
	#business_seat_dinner_nr,
	#food_vegi {
		width: 30px;
	}

	#optIn .inputList {
		width: 350px;
	}

	#profileAddress .sectionHolder {
		width: 365px;
		float: left;
		overflow: hidden;
	}

	#profileAddress tr:first-child td {
		padding: 0;
	}

	#profileAddress p.label {
		padding-top: 6px;
	}

/*
	Tooltip (Events > VIP)
*/

.tooltip td {
	cursor: help;
}

#easyTooltip {
	font-size: 11px;

	width: 100px;
	margin: 0 0 12px;
	background: #FFF;
	border: 1px solid #AAA;

	padding: 12px 12px 0 12px;

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

	/* @inc .boxShadow */
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}

/*
	Queue
	(Wachtrij notice)
*/

#queueNotification {
	background: #8B0E15;
	border-color: #6C0B10;
	color: #ffdeca;
}

	#queueNotification a {
		color: #FFF;
	}