/* BON JOVI */
/* Skin Stylesheet - Backstage JBJ
--------------------------------------------------------------------------- */


	#lastnight {
	
		display: none;
		
		}


/* MASTHEAD
--------------------------------------------------------------------------- */


/* Standard */


	div#header {
	
		height: 175px;
		padding: 0;
		margin: 0 auto 25px auto;
	
		}

	#header h1 {
	
		position: absolute;
		left: 423px;
		top: 38px;
	
		}
		
	#header h1 a {
	
		display: block;
		text-indent: -5000px;
		width: 136px;
		height: 136px;
		background: none;
	
		}


/* Localized */


	.spanish #header h1 a { background-image: url('images/h1-thecircle-spanish.png'); }
	.portuguese #header h1 a { background-image: url('images/h1-thecircle-portuguese.png'); }
	.dutch #header h1 a { background-image: url('images/h1-thecircle-dutch.png'); }


/* NAVIGATION
--------------------------------------------------------------------------- */

	ul#navigation {
	
		width: 900px;
		top: 100px;
		left: 58px;
		position: absolute;
	
		}
		
	ul#navigation li {
	
		float: left;
		margin: 0;
	
		}
		
	ul#navigation li a {
	
		height: 48px;
		text-indent: -5000px;
	
		}
		
	ul#navigation li a:hover {
	
		background-position: 0 -48px;
	
		}


/* Image Replacement */


	#navigation .whatsnew a {
	
		width: 124px;
		background-image: url('images/navigation/a-whatsnew.png');
		margin-left: 15px;
	
		}

	#navigation .live a {
	
		width: 53px;
		background-image: url('images/navigation/a-live.png');
	
		}
		
	#navigation .tickets a {
	
		width: 79px;
		background-image: url('images/navigation/a-tickets.png');
	
		}
		
	#navigation .photos a {
	
		width: 81px;
		background-image: url('images/navigation/a-photos.png');
	
		}
		
	#navigation .videos a {
	
		width: 71px;
		background-image: url('images/navigation/a-videos.png');
		margin-right: 167px;
	
		}
		
	#navigation .contests a {
	
		width: 97px;
		background-image: url('images/navigation/a-contests.png');
	
		}
		
	#navigation .forums a {
	
		width: 81px;
		background-image: url('images/navigation/a-forums.png');
	
		}
		
	#navigation .chat a {
	
		width: 61px;
		background-image: url('images/navigation/a-chat.png');
	
		}
		
	#navigation .blogs a {
	
		width: 69px;
		background-image: url('images/navigation/a-blogs.png');
	
		}
		
	#navigation .help a {
	
		width: 57px;
		background-image: url('images/navigation/a-help.png');
	
		}


/* Current Section Highlight */

	#page-backstagejbj #navigation .whatsnew a,
	.section-tour #navigation .tickets a,
	.section-photos #navigation .photos a,
	.section-videos #navigation .videos a,
	.section-blogs #navigation .blogs a,
	.section-help #navigation .help a,
	.section-contests #navigation .contests a {
		
		background-position: 0 -48px;
		
		}



/* MEMBER NAVIGATION
----------------------------------------------------------------------------- */
	
	#member_navigation ul {
			
		color: #cdc5ac;
		background-color: #9b8b59;
		
		}
	
	#member_navigation ul li a {

		color: #fff;

		}

	#member_navigation ul li a:hover {

		color: #000;

		}


/* TITLE
----------------------------------------------------------------------------- */

	div#title ul.categories {
		
		padding-top: 20px;
		
		}
		

/* BACKGROUND
--------------------------------------------------------------------------- */

	div.layout {
	
		background: #000 url('images/bg-header.jpg') center 0 no-repeat;

		}
		
	div.layout + div.layout {
	
		padding-top: 20px;
		background: #cdc5ac url('images/bg-layout.png') repeat-x;
	
		}

	div.layout + div.layout.stage {
	
		background: #000 url('images/bg-header.jpg') center -202px no-repeat;
	
		}
		
/* Watermark */

	div#blogs_news {
		
		background: url('images/bg-watermark.gif') 40px 160px no-repeat;
		
		}
		
/* Editorial Watermark */

	ul.leads li span.watermark em {
		
		position: absolute;
		bottom: 0;
		left: 0;
		
		background: url('images/watermark.png') bottom right no-repeat;
		
		}
		
		
/* Chat */

	#page-chat {
		
		background: #cdc5ac url('images/bg-chat.gif') repeat-x;
		
	}


/* ALERTS
--------------------------------------------------------------------------- */

/* Homepage Alerts */

	#page-backstagejbj #title div.widget-alert.success {
				
		border-color: #9b8b59;
		
		}
		
	#page-backstagejbj #title div.widget-alert.success h3 {

		color: #000;

		}
		
	#page-backstagejbj #title div.widget-alert.error {

		border-color: #ae1c16;

		}
		
	#page-backstagejbj #title div.widget-alert.error h3 {

		color: #ae1c16;

		}
	
	#page-backstagejbj #title div.widget-alert.info {
		
		border-color: #d1c77b;
		
		}
		
	#page-backstagejbj #title div.widget-alert.info h3 {

		color: #d1c77b;

		}
	
	
	
/* Alerts */

	#title div.widget-alert {
		
		margin: 20px 0;
		border: 2px solid;
		padding: 20px;
		width: 940px;
		color: #000;
		
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		
		}
		
	#title div.widget-alert.success {
				
		border-color: #9b8b59;
		
		}
		
	#title div.widget-alert.success h3 {

		color: #000;

		}
		
	#title div.widget-alert.error {

		border-color: #ae1c16;

		}
		
	#title div.widget-alert.error h3 {

		color: #ae1c16;

		}
		
	#title div.wiget-alert.info {

		border-color: #000;

		}

	#title div.wiget-alert.info h3 {

		color: #000;

		}


/* TYPE
--------------------------------------------------------------------------- */


	body {
	
		color: #000;
	
		}
		
	h2 {
		
		font-size: 38px;
		line-height: 38px;
		
		}
		
	#title h2 {
		
		font-size: 57px;
		line-height: 57px;
		letter-spacing: 5px;
		
		}
		
	#title ul.categories li a {
		
		color: #000;
		
		}
		
   	#title ul.categories li.selected a,
   	#title ul.categories li a:hover {

		color: #fff;
		background: #ae1c16;

		}
		
	#title h2,	
	#title h2 a {

		color: #ae1c16;

		}
		
	div.sidebar h3 {

		color: #8b8b8b;

		}
			
	div.main + div.sidebar h3 {
	
		color: #ae1c16;
	
		}
		
	div.sidebar div#referral h3 {
		
		color: #fff;
		overflow: hidden;
		
		}
		
	div.widget-comment.browse ul.comments li div.post > strong,
	div#referral p strong {

		color: #ae1c16;

		}
			
	div.browser div.main div.browse.slideshow li h4,
	div.categories div.widget-photo.browse li h4,
	div.widget-photo.slideshow li h4 {
		
		background: url(../../images/translucent-white.png);
		
		}
				
	div.categories div.browse.gallery li h4 a,
	div.categories div.browse.thumbnails.fan ul.photos li strong,
	div.categories div.browse.video ul.clips > li div a,
	div.browse.video ul.clips > li div a {
		
		background: #fff;
		
		}
		
	div.centered div.main {
		
		text-align: center;
		
		}
		
	div.centered div.main h3 {

		letter-spacing: 6px;
		line-height: 40px;

		}
		
	.widget-event.program.featured ul.tickets li {

		color: #7b7b7b;

		}
		
	h2 {
	
		color: #ae1c16;
		font-weight: normal;
	
		}
		
	div.sidebar div.featured div.widget-editorial h4 a {

		color: #000;

		}

	div.sidebar div.featured div.widget-editorial h4 strong {

		background-color: #ae1c16;
		color: #fff;

		}

	div.sidebar div.featured div.widget-editorial.backstagejbj h4 strong {

		background-color: #9b8b59;

		}
		
/* HELP CATEGORIES */

	.section-help div.main div.widget-editorial h3 {

		background-color: #9B8B59;
		color: #fff;

		}

	.section-help div.main div.widget-editorial.boxed.emphasized h3 {

		color: #fff !important;
		background-color: #ae1c16;

		}
		
		
/* LINKS
--------------------------------------------------------------------------- */


	a {
	
		color: #000;
	
		}
		
	.featured h4 a {
	
		color: #000;
		background: #fff;
	
		}
				
	div.sidebar a {

		color: #8b8b8b;

		}
		
	div.main + div.sidebar a {
		
		color: #AE1C16;
		
		}
		
	div.widget-comment.browse ul.comments li div.post > strong a {

		color: #AE1C16;
		text-decoration: underline;

		}
		
	div.browser div.browse ul.clips li div a:first-child {

		background: #fff;

		}
		
	a#feedback {
		
		background-image: url("images/a-feedback.png");
		
		}
		
	a#facebook {

		background-image: url("images/a-facebook.png");

		}
		

/* LISTS
----------------------------------------------------------------------------- */
	
		

/* BUTTONS
--------------------------------------------------------------------------- */
	
	ul.actions a:hover {
		
		color: #666;
	
		}
	
	form > ul.actions a, 
	.main div > ul.actions a,
	.sidebar div > ul.actions a,
	.overlay ul.actions a:hover,
	div.featured .widget-event.program ul.tickets .available a:hover,
	ul.pages a,
	.browser div > ul.actions a,
	.categories div > ul.actions a,
	div.prompts ul.actions a,
	#video div.flash a.again,
	div.widget-account.subscription ul.actions a {
	
		color: #fff;
		background: #ae1c16;
	
		}
		
	div.boxed.emphasized ul.actions li a {
		
		color: #ae1c16 !important;
		background: #fff !important;
		
		}
		
	#video div.flash a.again:hover {

		background: #fff;
		color: #000;

		}
		
	ul.pages strong {
		
		color: #fff;
		background: #000;
		
		}
		
	.overlay ul.actions a,
	div.featured .widget-event.program ul.tickets .available a {
	
		color: #000;
		background: #fff;
	
		}
		
	div.browser div.widget-photo ul.actions a.next,
	div.browser div.widget-photo ul.actions a.back,
	div.widget-photo.slideshow ul.actions a.next,
	div.widget-photo.slideshow ul.actions a.back {
		
		color: #000;
		background: url(../../images/translucent-white.png);
		
		}
		
	div.browser div.widget-photo:hover ul.actions li a.next,
	div.browser div.widget-photo:hover ul.actions li a.back,	
	div.browser div.widget-photo ul.actions li a.next:hover,
	div.browser div.widget-photo ul.actions li a.back:hover,
	div.widget-photo.slideshow:hover ul.actions li a.next,
	div.widget-photo.slideshow:hover ul.actions li a.back,	
	div.widget-photo.slideshow ul.actions li a.next:hover,
	div.widget-photo.slideshow ul.actions li a.back:hover {

		background: #fff;

		}

	div.addthis_toolbox {

		background: #fff !important;
		border-color: #bbb !important;

		}
		
	ul.facebook li.like {

		background: #fefefe !important;
		border-color: #3b5998 !important;

		}

	ul.facebook li.other {

		background-color: #3b5998 !important;
		border-color: #000;
		background-image: url("images/icon-facebook.gif");
		background-repeat: no-repeat;
		background-position: 10px 11px;

		}

	ul.facebook li.other a {

		color: #fff;

		}
		
	div.main + div.sidebar div > ul.actions a.action {
		
		background-color: #9b8b59;
		
		}
		
	div.topics a.top {

		background-color: #ae1c16;

		}
		
	#help-anchors ul li a {

		background-color: #fff;
		color: #000 !important;

		}

	#help-anchors ul li a:hover {

		background-color: #000;
		color: #fff !important;

		 }


/* BORDERS
--------------------------------------------------------------------------- */


	div.bordered {
	
		border-color: #e6e2d4;
		border-color: rgba(255,255,255,.5) !important;
			
		}
		
	div.bordered.opaque {
			
		background: url('../../images/translucent-white.png');	
	
		}
		
	div.bordered.featured {
		
		border-top: 0;
		background: none;
		border-color: #d4cdb7;
		border-color: rgba(0,0,0,.15) !important;
		
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;	
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;			
		
		}
			
	div.section.ruled {
		
		border-top: 2px solid;
		border-color: #000;
		
		}
		
	ul.tabs,
	div.featured .widget-editorial.browse ul.leads > li,
	#lastnight,
	dl dt,
	dl dd,
	div.widget-comment.browse ul.comments > li,
	.section-help div.main div.widget-editorial ul.stories > li,
	div.group {
	
		border-color: #d4cdb7;
		border-color: rgba(255,255,255,.15) !important;
	
		}
		
	.tabbed .ui-tabs-panel,
	div.sidebar,
	.ui-tabs-panel.small,
	dl,
	div.categories div.panel,
	#comments div.sidebar div.prompt,
	#help-anchors {
	
		border-color: #e6e2d4;
		border-color: rgba(255,255,255,.5) !important;

		}
		
	.widget-event.program.featured ul.events,
	.widget-event.program.featured ul.events > li {

		border-color: #000;
	
		}
		
	.section-help div.main div.widget-editorial ul.stories > li:last-child,
	.section-help div.main div.widget-editorial ul.stories > li.last {

		border-color: #ae1c16 !important;

		}
		
	body.ie7 #featured {

		border-color: #777;

		}
		
	body.ie7 #featured ul.tabs {

		border-color: #222;

		}
				

/* TABS/PANES
--------------------------------------------------------------------------- */

	ul.tabs a {
	
		color: #9b8b59;
	
		}
		
	ul.tabs a:hover {
	
		color: #ae1c16;
	
		}
		
	ul.tabs .ui-tabs-selected a {
	
		color: #fff;
		background: #ae1c16;		
	
		}
		
	div.browser ul.tabs .ui-tabs-selected a {
		
		color: #fff;
		background: #ae1c16;
		
		}
		
	div.categories ul.tabs li.ui-tabs-selected a {

		color: #ae1c16;
		border-color: #e6e2d4;
		border-color: rgba(255,255,255,.5);
		background: #cdc5ac;

		}
		
	div.categories ul.tabs li.ui-state-hover a {

		color: #ae1c16;

		}
		
	div.categories ul.tabs li a {

		color: #f2f0ea;

		}
		
	/* div.categories div.ui-tabs-panel {
		
		background: #cdc5ac;
		
		} */
		
	div.categories div.ui-tabs-panel div.widget-tag ul.tags > li {
		
		background: #7b7b7b;
		
		}
		
	.ui-tabs-panel.small {
		
		background: url('images/bg-pane.png') 0 -80px;

		}
		
	div.bordered > ul.tabs:first-child {

		-webkit-border-top-left-radius: 13px;
		-webkit-border-top-right-radius: 13px;	
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-topleft: 13px;
		-moz-border-radius-topright: 13px;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;		

		}

	#loading {

		background: url('../../images/tabs/bg-loading.png') top right no-repeat;

		}
		
	div.perforated {

		color: #fff;
		background: url('images/bg-perforated.png');

		}
		
	div.perforated h3 {
		
		color: #fff !important;
		
		}
		
	div.perforated ul.actions a.action {
		
		background-color: #000 !important;
		
		}

/* Boxed */

	div.boxed {
		
		color: #fff;
		background: #8b8b8b;
		background: rgba(0,0,0,.45);
			
		}
		
	div.boxed h3 {

		color: #fff !important;

		}


	div.boxed a {

		color: #fff !important;

		}
		
	div.browse.boxed {
		
		color: #000;
		background: none;
		
		}

	div.browse.boxed ul.leads > li,
	div.browse.boxed ul.photos > li,
	div.browse.boxed ul.clips > li,
	div.browse.boxed ul.stories > li {

		color: #fff;
		background: #8b8b8b;
		background: rgba(0,0,0,.45);

		}

	div.browse.boxed strong abbr {

		color: #8b8b8b;
		background: #fff;

		}


/* PROMPTS
----------------------------------------------------------------------------- */

/* Text Prompts */
		
	div.prompt.text h3,
	div.prompt.text p a {

		color: #ae1c16;

		}
		
	div.prompt.text p {
		
		color: #fff;
		
		}
		
	div.layout + div.layout div.prompt.text p {

		color: #000;

		}
		
	div.prompt.text {

		border-color: #ae1c16;

		}
		
	div.prompt.overlay h3 {
		
		color: #ae1c16;
		
		}
		
	div.prompt ul.actions li a {
		
		color: #fff;
		background-color: #ae1c16;
		
		}
		
	div.prompt ul.actions li a:hover {

		color: #000;
		background-color: #fff;

		}
	
		
/* FORMS
--------------------------------------------------------------------------- */
		
		
	input[type=text],
	select {
	
		border-color: #ccc;
		color: #444;
		background: #fff;
	
		}
		
	input:focus,
	select:focus {
	
		border-color: #666;
	
		}
		
	fieldset {
		
		background-color: #aea792;
		border: 0;
		color: #fff;
		
		}
		
		
/* Errors */


	.error input[type=text],
	.error select {
	
		color: #7c0000;
		background: #ffcece;
		border-color: #DF1F12;
	
		}
				
		
/* EMPHASIZED CONTENT
--------------------------------------------------------------------------- */		
		
/* Forms */

	.emphasized input,
	.emphasized select {
	
		color: #fff;
		background: #5f0d0a;
	
		}


/* Emphasized */
		
	div.emphasized {

		color: #ae1c16;

		}

	div.emphasized h3 {

		color: #ae1c16;

		}


/* Emphasized Box */

	div.boxed.emphasized {

		color: #fff;
		background: #ae1c16;

		}

	div.boxed.emphasized h3 {

		color: #fff !important;

		}

	div.boxed.emphasized input,
	div.boxed.emphasized select {

		color: #fff;
		background: #5f0d0a;

		}
		
	div.boxed.emphasized a.action {
		
		color: #ae1c16 !important;

		}


/* Emphasized Boxes */

	div.browse.boxed.emphasized {

		color: #000;
		background: none;

		}

	div.browse.boxed.emphasized h3 {

		color: #000 !important;

		}

	div.browse.boxed.emphasized > ul > li {

		color: #fff;
		background: #ae1c16;

		}


/* Forms */

	div.emphasized input,
	div.emphasized select {

		color: #5f0d0a;

		}
		
		
/* MERCHANDISE
--------------------------------------------------------------------------- */
		
	.merch ul.tabs a {
	
		color: #a81b15;
		background: #550b08;
	
		}
		
	.merch ul.tabs .ui-tabs-selected a {
	
		color: #000;
		background: #fff;
	
		}
		
	.merch ul.actions a {
	
		color: #fff;
		background: #000;
	
		}
		
		
/* COMMENTS / SHARE
--------------------------------------------------------------------------- */

	ul.leads div.social {
	
		background-image: url('images/bg-social.png');
	
		}
		
	ul.leads div.social a {
	
		color: #fff;
		background-color: none;
	
		}
		
	a.comments {
	
		color: #fff !important;
		background-color: #9b8b59 !important;
		background-image: url('images/a-comments.png') !important;
	
		}


/* DATELINES
--------------------------------------------------------------------------- */

	.widget-event.program a.date,
	ul.leads > li > strong,
	ul.stories > li > strong {
	
		color: #fff;
		background: #9b8b59;
		
		}
		

/* FEATURED CONTENT TWITTER
--------------------------------------------------------------------------- */

	#featured div.twitter {
		
		background-image: url('images/twitter.png');
		
		}

	#featured div.twitter a.follow,
	#featured div.twitter span.tweet_text {
		
		color: #fff;
		
		}
		
	#featured div.twitter span.tweet_text a {
		
		color: #ae1c16;
		
		}
		
	#featured div.twitter a.follow {

		width: 154px;
		background-image: url('images/a-follow.png');

		}

	#featured div.twitter a.retweet {

		width: 112px;
		background-image: url('images/a-retweet.png');

		}
	
/* LEGAL
----------------------------------------------------------------------------- */

	div.legal div {

	background: #e6e2d5;

	}

	div.legal div h3 {

	color: #9B8B59;

	}

	div.legal div h4 {

	color: #9B8B59;

	}
	
	
/* NEWS ACCORDION
--------------------------------------------------------------------------- */
		
	.accordion h3 {
		
		color: #000;
		background: #9b8b59;
	
		}
		
	.accordion .selected h3 {
	
		background: #f2f0ea;
	
		}
		
	.accordion ul.headlines li {
	
		border-color: #666;
	
		}
		
	.accordion ul.headlines li a {
		
		color: #fff;
		
		}
		
		
/* REFERRAL PAGE EXEMPTIONS
--------------------------------------------------------------------------- */

	body.public#page-referral #info h3 {

	
	}

	ul#prizes p strong {
	
	color: #ae1c16;
	
	}

	div.widget-member td {

	border-color: #d4cdb7;
	border-color: rgba(0,0,0,.15) !important;
	
	}
	
	div.widget-member td.member a {

	color: #fff;
	
	}
	
	div.widget-member td.member span {
	
	background-color: #c8a256;
	background-image: url('images/page-referral/bg-bar.gif');
	
	}

	div.widget-member tr.self td {
	
	padding-bottom: 15px;
	background-color: #ae1c16;
	color: #fff;
	
	}
	
	div.widget-member tr.self td.member a {
	
	color: #000;
	
	}
	
	div.widget-member tr.self td.member span {
	
	background-color: #fff !important;
	background-image: url('images/page-referral/bg-bar-self.gif') !important;
	
	}
		
		

/* SIGN IN OVERLAY
----------------------------------------------------------------------------- */

	#signin-overlay {
		
		background-image: url('images/bg-signin-overlay.png');
		
		}
		
	#signin-overlay #signin {

		background-color: #ae1c16 !important;
		color: #fff;

		}

	#signin-overlay div.widget-account label em {

		color: #fff;
		font: 11px/20px Trebuchet MS,Arial,sans-serif;

		}

	#signin-overlay div.widget-account label input {

		background-color: #fff !important;
		border-color: #fff;
		color: #000 !important;
		font: 12px/14px Trebuchet MS,Arial,sans-serif;

		}

	#signin-overlay div.widget-account label small a {

		color: #570e0b;

		}

	#signin-overlay div.widget-account ul.actions li a.action {

		background: #570e0b;
		color: #fff;

		}

	#signin-overlay div.widget-account ul.actions li a.action:hover {

		background: #000;

		}

	#signin-overlay div.widget-alert {

		color: #000;

		}

	#signin-overlay div.widget-account ul.actions li.cancel a {

		background-color: #71120e;

		}
		
	#signin-overlay #membership {
		
		border-color: #6e613a;
		border-color: rgba(0,0,0,.25) !important;
		
		}
		
	#signin-overlay #membership h3 {
		
		color: #000;
		
		}
		
	#signin-overlay #membership a.join {
		
		color: #fff;
		background: #000;
		
		}
		
	#signin-overlay #membership a.action:hover {

		background-color: #ae1c16;

		}