/* BON JOVI */
/* The Circle Tour Skin Stylesheet
----------------------------------------------------------------------------- */
	

/* HEADER
----------------------------------------------------------------------------- */


	#header {
	
	width: 968px;
	height: 250px;
	padding: 175px 6px 20px 6px;
	position: relative;
	
	}

	#header h1 {
	
	width: 254px;
	height: 254px;
	padding: 0 0 0 35px;
	margin: 0;
	float: left;
	
	}

	#header h1 a {
	
	width: 254px;
	height: 251px;
	background: url(../images/skin-thecircletour/header/h1-thecircletour.png) no-repeat;
	display: block;
	text-indent: -5000px;
	
	}
	
	#header a.back {
	
	width: 30px;
	height: 45px;
	background: url(../images/skin-thecircletour/header/a-back.png) 0 0 no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 280px;
	left: 6px;
	
	}
		
	#header a.back:hover,
	#header.hover a.back {
	
	background-position: 0 -45px;
	
	}
	
	#header a.join {
	
	width: 252px;
	height: 32px;
	background-image: url(../images/skin-thecircletour/header/a-join.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 391px;
	left: 363px;
	
	}
	
	#header a.join:hover {
	
	background-position: bottom left;
	
	}
	
	
/* Short Header */

	
	.smallheader #header h1 a {
	
	background: url('../images/skin-thecircletour/header/h1-thecircletour-small.png') no-repeat;
	
	}
	
	.smallheader #header a.back {
	
	width: 32px;
	height: 45px;
	top: 400px;
	left: 94px;
	background: url('../images/skin-thecircletour/header/a-back.png') 0 0 no-repeat;
	
	}
	
	
/* Back to Event Page Button */


	.smallheader #header a#toevent.back {
	
	width: 90px;
	left: 65px;
	background: url('../images/skin-thecircletour/header/a-back-event.png') 0 0 no-repeat;
	
	}
	

/* Microsite Navigation */

	
	#header ul#microsite-nav {
	
	width: 980px;
	height: 155px;
	position: absolute;
	top: 0;
	left: 6px;
	
	}
	
	#header li {
	
	float: left;
	
	}
	
	#header ul#microsite-nav li * {
	
	width: 245px;
	height: 155px;
	background-color: #000;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}

	#header ul#microsite-nav li a {
	
	background-position: 0 0;
	
	}

	#header ul#microsite-nav li:hover a {
	
	background-position: 0 -155px;
	
	}

	#header ul#microsite-nav li strong {
	
	background-position: 0 -155px;
	
	}
	
	#header li.meadowlands * {

	background-image: url(../images/skin-thecircletour/header/a-meadowlands.jpg);
	
	}
	
	#header li.o2 * {
	
	background-image: url(../images/skin-thecircletour/header/a-o2.jpg);
	
	}

	#header li.vip * {
	
	background-image: url(../images/skin-thecircletour/header/a-vip.jpg);
	
	}
	
	#header li.vip-au * {
	
	background-image: url(../images/skin-thecircletour/header/a-vip-au.jpg);

	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
		
	}

	#header li.vip-ja * {
	
	background-image: url(../images/skin-thecircletour/header/a-vip-japan.jpg);

	}
	
	#header li.vip-la * {
	
	background-image: url(../images/skin-thecircletour/header/a-vip-la.jpg);

	}
	
	#header li.la * {
	
	background-image: url(../images/skin-thecircletour/header/a-la.jpg);
		
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;

	}


/* Ad */

	
	#header #tour-header-ad {
	
	width: 318px;
	height: 252px;
	margin: 0;
	float: right;
	overflow: hidden;
	
	}
	
	#header #tour-header-ad ul.banners {
	
	width: 300px;
	height: 250px;
	background: #000;
	border: 1px solid #000;
	float: left;
	position: relative;
	overflow: hidden;
	
	}
	
	#header #tour-header-ad div.pager {
	
	width: 8px;
	padding: 10px 4px;
	background-color: #000;
	display: block;
	float: left;

	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	}

	#header #tour-header-ad div.pager a {

	width: 7px;
	height: 7px;
	background-color: #5d6764;
	line-height: 7px;
	display: block;
	text-indent: -5000px;
	margin-bottom: 5px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	}

	#header #tour-header-ad div.pager a:hover {

	background-color: #f00;

	}

	#header #tour-header-ad div.pager a.activeSlide {

	background-color: #cee000;

	}

	#header #tour-header-ad div.pager a.activeSlide:hover {

	background-color: #cee000;

	}

	#header #tour-header-ad div.pager a.last {
	
	margin-bottom: 0;
	
	}


/* Already A Member Link */


	a#signin {
		
	width: 141px;
	height: 65px;
	background: url(../images/skin-thecircletour/header/a-signin.png) top left no-repeat;
	text-indent: -5000px;
	position: absolute;
	top: 90px;
	right: 15px;
	z-index: 50;
		
	}
	
	a#signin:hover {
		
	background-position: bottom left;
		
	}


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Text */


	body {

	color: #fff;
	font: normal 12px/15px Arial, "Trebuchet MS", sans-serif;

	}
	
	#sidebar h3 {
	
	background: #000;
	width: 170px;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	background: #000 url('../images/skin-thecircletour/layout/h3-sidebar.gif') no-repeat center center;
	
	}

	h3, div.display h4 {

	color: #fff;
	font: normal 25px/25px Arial, "Trebuchet MS", sans-serif;
	text-transform: uppercase;

	}

	h4, h4 a, h4 a:hover {

	color: #fff;
	font: normal 18px/18px Arial, "Trebuchet MS", sans-serif;
	text-transform: uppercase;

	}
	
	h5 {
	
	font-size: 1em;
	
	}	
	
	hr {
	
	display: none;
	
	}
	
	div.story hr {
	
	display: block;
	margin: 20px 0;
	border: none;
	height: 1px;
	background: #666;
	
	}
	
	dt {
	
	color: #fff;
	
	}
	
	dd {
	
	color: #6c6c6c;
	
	}

	div.widget-editorial .comments,
	div.widget-event .comments,
	div.widget-event .rsvp, 
	div.widget-event .tally {
	
	visibility: hidden !important;
	
	}


/* Inline Links */


	a {
	
	color: #c00;
	text-decoration: none;
	cursor: pointer;
	outline: none;

	}

	a:hover {

	color: #f00;

	}
	
	#sidebar a {
	
	color: #fff;
	
	}


/* Buttons */


	a.action {
	
	color: #fff;
	background: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	}

	#sidebar ul.actions {
	
	float: none;
	margin: 0 auto;
	width: 106px;

	}
	
	#sidebar a.action {
	
	background: #000;
	
	}
	
	#sidebar a.browse {
		
	width: 106px;
	height: 20px;
	background: url(../images/skin-thecircletour/actions/a-browseall.gif) 0 0 no-repeat;
	padding: 0;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}

	#sidebar a.browse:hover {
	
	background-position: 0 -20px;
	
	}



/* Comment Tallies */


	a.comments {

	height: 15px;
	background: url(../images/skin-thecircletour/actions/a-comments.png) 0 0 no-repeat;
	color: #6c6c6c !important;
	padding-left: 23px;
	float: left;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
	overflow: hidden;
	white-space: nowrap;

	}

	a.comments * {

	font-style: normal;

	}

	body a.comments:hover {

	color: #f00 !important;
	background-position: 0 -15px;

	}


/* RSVP Tallies */


	a.going, 
	a.rsvp {
	
	height: 15px;
	background: url(../images/skin-thecircletour/actions/a-rsvp.png) 0 0 no-repeat;
	color: #6c6c6c;
	padding-left: 23px;
	display: block;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
	white-space: nowrap;
	
	}

	a.going *, 
	a.rsvp * {

	font-style: normal;

	}

	a.going:hover, 
	a.rsvp:hover {
	
	color: #f00;
	background-position: 0 -15px;
	
	}
	
	
/* Rules */


	div.ruled ul.leads li, 
	div.ruled ul.headlines li, 
	div.ruled ul.comments li, 
	div.ruled ul.subscriptions li, 
	div.ruled ul.clips li, 
	div.ruled ul.stories li,
	div.ruled ul.orders li, 
	div.ruled form {

	border-bottom: 2px solid #333;

	}
	
	
/* SIDEBAR LISTS
----------------------------------------------------------------------------- */	


	#sidebar ul.headlines {
	
	margin-bottom: 5px;
	
	}

	#sidebar ul.headlines li {
	
	border-bottom: 1px solid #000;
	padding: 5px 10px;
	margin: 0;
	width: 170px;
	
	}

	
/* FORMS
----------------------------------------------------------------------------- */	
	
	
	textarea {

	color: #000;
	font: normal 12px/15px Arial, "Trebuchet MS", sans-serif;

	}


/* LAYOUT
----------------------------------------------------------------------------- */


/* Grid: Three Fourths */


	div.grid.three_fourths div#content div.pane {

	width: 688px;
	min-height: 80px;
	padding: 25px 20px 42px 20px;
	margin-bottom: 0;

	}

	div.grid.three_fourths div#content div.pane div.content {

	width: 422px;
	padding: 15px 0 0 15px;

	}

	div.grid.three_fourths div#content div.pane div.sidebar {

	width: 220px;
	padding: 15px 15px 0 0;

	}


/* UNITS
----------------------------------------------------------------------------- */


	div.unit {
	
	margin: 0;
	
	}


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


	#content div.pane {
	
	background: url(../images/skin-thecircletour/layout/bg-pane-tile.jpg) repeat-y;
	position: relative;
	
	}
	
	div.pane span.pane-top {
	
	width: 728px;
	height: 40px;
	background: url(../images/skin-thecircletour/layout/span-pane-top.gif) left top no-repeat;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 0;
	left: 0;
	
	}
	
	div.pane span.pane-bottom {
	
	width: 728px;
	height: 40px;
	background: url(../images/skin-thecircletour/layout/span-pane-bottom.jpg) left bottom no-repeat;
	display: block;
	text-indent: -5000px;
	position: absolute;
	bottom: 0;
	left: 0;
	
	}


/* UNITS
----------------------------------------------------------------------------- */


	div.unit {
	
	margin-bottom: 3px;
	
	}


/* TABS + TABBED PANELS
----------------------------------------------------------------------------- */


	div#content div.tabbed {
	
	padding: 0 !important;
	margin-bottom: 0;
	
	}

	div#content div.tabbed div.pane.first {
	
	padding-top: 0 !important;
	
	}

	div#content div.tabbed div.pane.first span.pane-top {
	
	display: none;
	
	}

	div#content div.tabbed ul.tabs {
	
	width: 693px;
	height: 29px;
	background: url(../images/skin-thecircletour/layout/bg-tabbed-top.jpg) bottom no-repeat;
	padding: 37px 0 0 35px;
	
	}
	
	div#content div.tabbed ul.tabs li {
	
	padding-right: 26px;
	
	}
	
	div#content div.tabbed ul.tabs a.tab {
	
	height: 18px;
	background-position: 0 -36px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}
	
	div#content div.tabbed ul.tabs a.tab:hover, 
	div#content div.tabbed ul.tabs .ui-state-hover a.tab {
	
	background-position: 0 0;
	
	}

	div#content div.tabbed ul.tabs .ui-tabs-selected a.tab {
	
	background-position: 0 0;
	
	}


/* Tab Image Replacements */


	ul.tabs a.dates {
	
	width: 126px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-tourdates.gif);
	
	}
	
	ul.tabs a.presales {
	
	width: 223px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-presales.gif);
	
	}

	ul.tabs a.vip {
	
	width: 260px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-vippackages.gif);
	
	}

	ul.tabs a.browsecomments {
	
	width: 120px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-comments.gif);
	
	}
	
	ul.tabs a.reviews {
	
	width: 96px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-reviews.gif);
	
	}

	ul.tabs a.meetups {
	
	width: 99px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-meetups.gif);
	
	}
	
	ul.tabs a.friends {
	
	width: 234px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-friendsgoing.gif);
	
	}
	
	.past ul.tabs a.friends {
	
	width: 215px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-friendswhowent.gif);
	
	}
	
	ul.tabs a.fans {
	
	width: 130px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-fansgoing.gif);
	
	}
	
	.past ul.tabs a.fans {
	
	width: 179px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-fanswhowent.gif);
	
	}
	
	ul.tabs a.fanvideos {
	
	width: 126px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-fanvideos.gif);
	
	}
	
	ul.tabs a.fanphotos {
	
	width: 132px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-fanphotos.gif);
	
	}
	
	ul.tabs a.setlist {
	
	width: 91px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-setlist.gif);
	
	}

	ul.tabs a.myshows {
	
	width: 119px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-myshows.gif);
	
	}
	
	ul.tabs a.officialphotos {
	
	width: 185px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-officialphotos.gif);
	
	}
	
	ul.tabs a.past {
	
	width: 189px;
	background-image: url(../images/skin-thecircletour/actions/a-tab-pasttourdates.gif);
	
	}
	

/* NOTICE MESSAGE
----------------------------------------------------------------------------- */


	div.notice {
	
	width: 658px;
	background: url(../images/skin-thecircletour/layout/bg-distressed-lightgray.png);
	padding: 20px 15px;
	color: #000;

	}
	
	div.notice h4 {
	
	color: #000;
	
	}
	
	div.notice p {
	
	margin: 0;
	
	}
	
	div.notice a, 
	div.notice a:hover {
	
	color: #000;
	text-decoration: underline;
	
	}


/* Backstage JBJ Pre-sales Welcome Message */


	div.notice.backstage {
	
	display: block;
	position: relative;
	float: left;
	width: 662px;
	padding: 14px 20px 10px 45px;
	background: url(../images/skin-thecircletour/layout/bg-distressed-green.png);
	color: #000;
	margin-bottom: 1px;
	
	}

	div.notice.backstage em.vip {
	
	display: block;
	width: 27px;
	height: 12px;
	position: absolute;
	top: 20px;
	left: 10px;
	background: url(../images/skin-thecircletour/layout/em-vip.gif) no-repeat;
	text-indent: -5000px;
	
	}

	div.notice.backstage h4 {
	
	font-size: 15px;
	margin-bottom: 10px;
	
	}

	div.notice.backstage p {
	
	margin: 0 0 10px 0;
	
	}

	div.notice.backstage a {
	
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	
	}

	div.notice.backstage a:hover {
	
	color: #000;
	text-decoration: none;
	
	}


/* PRE-SALE + VIP PACKAGE INSTRUCTIONS
----------------------------------------------------------------------------- */


	div.instructions {
	
	background: url(../images/skin-thecircletour/layout/bg-distressed-green.png);
	padding: 15px;
	margin: 1px 0;
	color: #000;

	}
	
	div.instructions h4 {
	
	color: #000;
	
	}
	
	div.instructions p {
	
	margin: 0;
	
	}
	

/* IMPORTANT ANNOUNCEMENTS
----------------------------------------------------------------------------- */


	#announcements {
	
	width: 728px;
	height: 50px;
	background: url(../images/skin-thecircletour/layout/bg-distressed-red.png);
	float: left;
	margin-bottom: 1px;
	
	}
	
	#announcements h3 {
	
	width: 40px;
	height: 50px;
	background: url(../images/skin-thecircletour/layout/h3-announcements.gif) center no-repeat;
	margin: 0;
	float: left;
	display: block;
	text-indent: -5000px;
	
	}
	
	#announcements strong, 
	#announcements a.comments, 
	#announcements ul.pages, 
	#announcements ul.paging {
	
	display: none;
	
	}
	
	#announcements ul.headlines li > span {
	
	display: none;
	
	}

	#announcements ul.headlines {
	
	width: 570px;
	height: 50px;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	
	}

	#announcements ul.headlines li {

	margin: 0;
	height: 42px;
	padding: 8px 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	background: none !important;
	
	}

	#announcements ul.headlines a {
	
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	
	}

	#announcements ul.headlines a:hover {
	
	color: #5c0202;
	
	}	
	
	#announcements ul.pager {
	
	height: 43px;
	width: 40px;
	background: url(../images/skin-thecircletour/layout/ul-actions-stripe.gif) left center no-repeat;
	float: right;
	padding: 7px 0 0 10px;
	
	}
	
	#announcements ul.pager li {
	
	float: none;
	clear: both;
	margin: 0 0 10px 0;
	
	}
	
	#announcements ul.pager a {
	
	width: 40px;
	height: 13px;
	background-position: 9px 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}

	#announcements ul.pager a:hover {
	
	background-position: 9px -13px;
	
	}

	#announcements ul.pager a.prev {

	background-image: url(../images/skin-thecircletour/actions/a-announcements-next.gif);	
	
	}

	#announcements ul.pager a.next {
	
	background-image: url(../images/skin-thecircletour/actions/a-announcements-prev.gif);
	
	}


/* MAILING LIST
----------------------------------------------------------------------------- */


	#mailing-list {
	
	width: 728px;
	height: 50px;
	background: url(../images/skin-thecircletour/layout/bg-distressed-red.png);
	float: left;
	margin-bottom: 1px;
	position: relative;
	overflow: hidden;
	
	}
	
	#mailing-list h3 {
	
	width: 450px;
	height: 20px;
	background: url(../images/skin-thecircletour/layout/h3-mailinglist.gif) 10px center no-repeat;
	padding: 30px 0 0 43px;
	margin: 0;
	float: left;
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	text-transform: none;
	
	}
	
	#mailing-list br {
		
	display: none;
		
	}
	
	#mailing-list label {
	
	width: 415px;
	clear: both;
	float: left;
	padding-left: 45px;
	
	}
	
	#mailing-list label em {
	
	width: 90px;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	
	}
	
	#mailing-list select#mailing_list_entry_country {
	
	width: 175px;
	
	}

	#mailing-list ul.actions {

	float: right;
	margin: 0;
	padding: 5px 74px 0 0;
	clear: none;
	
	}
	
	#mailing-list ul.actions a.submit {
	
	width: 192px;
	height: 22px;
	background: url(../images/skin-thecircletour/actions/a-mailinglist-join.gif) 0 0 no-repeat;
	padding: 0 !important;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}

	#mailing-list ul.actions a.submit:hover {
	
	background-position: 0 -22px;
	
	}
	
	#mailing-list a#join-mailing-list {
	
	width: 159px;
	height: 50px;
	background: url(../images/skin-thecircletour/actions/a-mailinglist-register.gif) 0 0 no-repeat;
	display: block !important;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	
	}

	#mailing-list a#join-mailing-list:hover {
	
	background-position: 0 -50px;
	
	}

	#mailing-list a#join-mailing-list.cancel {
	
	width: 60px;
	background-image: url(../images/skin-thecircletour/actions/a-mailinglist-cancel.gif);	
	
	}


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


	#disclaimer {
	
	clear: both;
	float: none;
	width: 968px;
	margin: 0 auto;
	padding: 40px 6px !important;
	color: #a1a1a1;
	
	}	

	#disclaimer p {
	
	width: 875px;
	margin: 0 auto 20px auto;
	
	}
	
	#disclaimer p small {
	
	font-size: 12px;
	line-height: 18px;

	}


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

	
	div.grid.three_fourths div#content div.pane div.prompt a {
	
	width: 688px;

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	
	}


/* COMMENTS TABBED BOX
----------------------------------------------------------------------------- */


	/*
	
	#comments ul.tabs {
	
	width: 493px !important;
	padding-left: 235px !important;

	}
	
	#page-show #media ul.tabs {
	
	width: 493px !important;
	padding-left: 235px !important;
	
	}
	
	#page-meetup #comments ul.tabs,
	#page-review #comments ul.tabs,
	#page-setlist #comments ul.tabs {
	
	width: 424px !important;
	padding-left: 304px !important;
	
	}
	
	*/
	
	#comments div.placeholder {
	
	padding: 15px 15px 0 15px;
	
	}

	#comments div.modify {
		
	width: 668px !important;
	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	
	}

	#comments ul.comments {
	
	padding-left: 15px;
	padding-right: 15px;
	
	}

	#comments div.post {
	
	width: 543px !important;
	
	}


/* Post Comment Form */


	#comments div.modify {

	background: #333;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	}
	
	#comments div.modify small a {
	
	color: #ccc;
	
	}

	#comments div.modify small a:hover {
	
	color: #fff;
	
	}


/* Browse Comments */


	#comments div.post {
	
	color: #fff;
		
	}

	#comments div.post ul.actions a {
	
	color: #C00;
	
	}

	#comments div.post ul.actions a:hover {
	
	color: #fff;
	
	}


/* CALLS TO ACTION
----------------------------------------------------------------------------- */


	a.calltoaction {

	background-color: #c00;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	
	}

	a.calltoaction strong {

	font-weight: normal;

	}
	
	
/* Expanded */


	a.calltoaction.expanded {

	background-color: #333 !important;

	}
	
	
/* Colors */

	
	#going a.calltoaction,
	#media a.calltoaction {
	
	background-color: #444;
		
	}


/* CONTENT: ADS
----------------------------------------------------------------------------- */


/* Leaderboard Join Banner */


	a.banner.join {
	
	width: 728px;
	height: 140px;
	background: url(../images/skin-thecircletour/ads/join-banner-leaderboard.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	float: left;
	
	}


/* SIDEBAR: ADS
----------------------------------------------------------------------------- */


/* Advertising Widget */


	#sidebar div.widget-advertising {
	
	background: url(../images/skin-thecircletour/layout/bg-sidebar-banner-top.gif) top center no-repeat;
	padding: 16px 0 0 0;
	margin: 0;
	
	}	

	#sidebar div.widget-advertising div {
	
	background: url(../images/skin-thecircletour/layout/bg-sidebar-banner-bottom.gif) bottom center no-repeat;
	padding: 0 0 13px 0;
	
	}


/* Skyscraper Join Banner */


	#sidebar a#join-banner {
	
	width: 220px;
	height: 653px;
	background: url(../images/skin-thecircletour/ads/join-banner-skyscraper.jpg) no-repeat;
	display: block;
	text-indent: -5000px;
/*	margin-top: 15px; */
	float: left;
	
	}


/* EVENT WIDGET: PLACEHOLDER
----------------------------------------------------------------------------- */


	div.widget-event.placeholder ul.actions {
	
	display: none;
	
	}
	
	div.widget-event.placeholder p {
	
	padding: 15px 15px 0 15px;
	
	}


/* CALENDAR FORMATTED DATES
----------------------------------------------------------------------------- */


	td.date {

	width: 40px !important;
	
	}

	td.date a, 
	td.date strong, 
	#page-vip h4.date,
	#page-vip-au h4.date,
	#page-vip-ja h4.date, 
	#page-vip-la h4.date,
	#page-la h4.date {

	width: 30px;
	height: 62px;
	background-color: #fff;
	padding: 12px 5px 0 5px;
	display: block;
	color: #000;

	}

	td.date strong strong, 
	td.date a a, 
	td.date strong a, 
	td.date a strong {

	width: auto;
	height: auto;
	background-color: transparent;
	padding: 0;
	display: inline;
	color: #000;

	}

	td.date abbr, 
	#page-vip h4.date abbr,
	#page-vip-au h4.date abbr,
	#page-vip-ja h4.date abbr, 
	#page-vip-la h4.date abbr,
	#page-la h4.date abbr {

	width: 30px;
	color: #000;
	display: block;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;

	}

	td.date span, 
	#page-vip h4.date span,
	#page-vip-au h4.date span,
	#page-vip-ja h4.date span, 
	#page-vip-la h4.date span,
	#page-la h4.date span {

	margin: 0 auto;
	display: block;
	color: #3c0300;
	font-size: 35px;
	line-height: 30px;
	text-align: center;

	}

	td.date abbr span.cufon, 
	#page-vip h4.date span.cufon,
	#page-vip-au h4.date span.cufon,
	#page-vip-ja h4.date span.cufon, 
	#page-vip-la h4.date span.cufon,
	#page-la h4.date span.cufon {

	font-size: 1px;
	line-height: 1px;

	}
	
	td.date em, 
	#page-vip h4.date em,
	#page-vip-au h4.date em,
	#page-vip-ja h4.date em, 
	#page-vip-la h4.date em {
	
	display: none;
	
	}


/* EVENT WIDGET / BROWSE MODE
----------------------------------------------------------------------------- */


	div.widget-event.browse thead, 
	div.widget-event.browse .thumbnail, 
	div.widget-event.browse td.details em, 
	div.widget-event.browse td.actions, 
	div.widget-event.browse td.details br {

	display: none !important;

	}

	div.widget-event.browse tr {

	width: 658px;
	background: url(../images/skin-thecircletour/layout/tr-border.gif) bottom repeat-x;

	}

	div.widget-event.browse td {

	padding: 15px 0 15px 15px;

	}
	
	div.widget-event.browse td.details {
	
	width: 160px;
	
	}

	div.widget-event.browse td.date a:hover abbr, 
	div.widget-event.browse td.date a:hover span {

	color: #f00;

	}

	div.widget-event.browse td.details * {

	display: block;
	color: #fff;

	}

	div.widget-event.browse td.details *:hover {

	color: #f00;

	}
	
	div.widget-event.browse td.details strong {
	
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	
	}

	div.widget-event.browse td.sales, div.widget-event.browse td.tallies {

	width: 265px;
	padding-right: 10px;
	
	}

	div.widget-event.browse td.sales, div.widget-event.browse td.sales em {

	font-size: 10px;
	font-style: normal;
	color: #999;

	}
	
	div.widget-event.browse td.sales p {
	
	margin-bottom: 5px;
	
	}

	div.widget-event.browse td.tallies {

	width: 134px;
	padding: 0 0 0 15px;

	}

	div.widget-event.browse td.tallies li {

	padding-bottom: 2px;
	visibility: hidden;

	}

	div.widget-event.browse td.tickets {

	width: 260px;
	padding-left: 0;

	}

	div.widget-event.compact td.tickets {

	width: 320px;

	}

	div.widget-event.browse td.tickets ul {

	display: block;
	height:	58px;
	margin: 0;
	padding: 8px;
	background-color: #090909;

	}
	
	div.widget-event.browse tr.vip_experience td.tickets ul {

	height:	74px;

	}
	
	div.widget-event.browse td.soldout {
	
	color: #999;
	text-transform: uppercase;
	
	}

	div.widget-event.browse td.tickets li, 
	div.widget-event.browse td.tickets li a, 
	div.widget-event.browse td.tickets li em {

	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	font-style: normal;

	}

	div.widget-event.browse li.soldout span,
	div.widget-event.browse li.buynow span {

	color: #93a119 !important;
	
	}

	div.widget-event.browse li.soldout em {
	
	color: #666 !important;
	
	}

	div.widget-event.browse td.tickets li {

	padding-bottom: 2px;
	color: #c00;

	}

	div.widget-event.browse td.tickets li.public, 
	div.widget-event.browse td.tickets li.public a {

	color: #fff;

	}

	div.widget-event.browse td.tickets li.public a:hover {

	color: #f00;

	}

	div.widget-event.browse td.tickets li.public em {

	color: #999;

	}

	div.widget-event.browse td.tickets li.presale, 
	div.widget-event.browse td.tickets li.vip, 
	div.widget-event.browse td.tickets li.presale a, 
	div.widget-event.browse td.tickets li.vip a,
	div.widget-event.browse td.tickets li.premium a {

	color: #d8e20a;

	}

	div.widget-event.browse td.tickets li.presale a:hover, 
	div.widget-event.browse td.tickets li.vip a:hover,
	div.widget-event.browse td.tickets li.premium a:hover {

	color: #f00;

	}

	div.widget-event.browse td.tickets li.presale em, 
	div.widget-event.browse td.tickets li.vip em {

	color: #93a119;

	}


/* Sidebar Variation */


	#sidebar div.widget-event.browse {
	
	width: 190px;
	padding: 15px;
	margin-bottom: 5px;
	float: left;
	
	}
	
	#sidebar div.widget-event.browse h3 {
	
	width: 160px;
	background: #000 url(../images/skin-thecircletour/layout/h3-sidebar.gif) center no-repeat;
	margin: 0;
	padding: 15px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
	}
	
	#sidebar div.widget-event.browse tr {
	
	width: 190px;
	padding-left: 0;
	padding-right: 0;
	
	}
	
	#sidebar div.widget-event.browse td.date {
	
	margin-left: 0;
	
	}

	#sidebar div.widget-event.browse td.details {
	
	width: 115px;
	
	}

	#sidebar div.widget-event.browse td.starts, 
	#sidebar div.widget-event.browse td.ends, 
	#sidebar div.widget-event.browse td.tallies, 
	#sidebar div.widget-event.browse td.actions, 
	#sidebar div.widget-event.browse td.tickets {
	
	display: none;
	
	}
	
	#sidebar div.widget-event.browse ul.actions {
	
	width: 106px;
	margin: 0 auto;
	float: none;
	
	}

	#sidebar div.widget-event.browse a.browse {
	
	width: 106px;
	height: 20px;
	background: url(../images/skin-thecircletour/actions/a-browseall.gif) 0 0 no-repeat;
	padding: 0;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}

	#sidebar ul.actions a.past:hover,
	#sidebar div.widget-event.browse a.browse:hover {
	
	background-position: 0 -20px;
	
	}
	
	

/* PAST EVENTS
----------------------------------------------------------------------------- */


	#pastdates {
	
	clear: left;
	margin-bottom: 25px;
	float: left;
	width: 100%;
	
	}
	
	#pastdates ul.actions {
	
	width: 187px;
	
	}

	#sidebar ul.actions a.past {
	
	width: 187px;
	height: 20px;
	background: url(../images/skin-thecircletour/actions/a-pastdates.jpg) 0 0 no-repeat;
	padding: 0;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	
	}
	
	#sidebar ul.actions a.past:hover{
	
	background-position: 0 -20px;
	
	}
	



/* SHOW PAGE
----------------------------------------------------------------------------- */


	body#page-show #tickets em {
	
	clear: left;
	display: block;
	padding-top: 10px;
	color: #fff;
	font-style: normal;
	
	}


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


	div.widget-alert {
	
	margin: 0 0 20px 6px;
	
	}

	div.widget-alert h3 {

	color: #fff;

	}

	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	}

	div.widget-alert a:hover {

	text-decoration: none;

	}
		
	div.widget-alert.error {

	background-color: #ce1c1a;

	}

	div.widget-alert.success {

	background-color: #3f8e20;

	}

	div.widget-alert.info {

	background-color: #276ca2;

	}
	
	label.error input {
	
	color: #fff;
	background: #ce1c1a;
	
	}
	
	label.error strong {
	
	clear: left;
	color: #ce1c1a;
	padding: 0 0 0 110px;
	margin-bottom: 10px;
	min-width: 300px;
	
	}
	
	fieldset label.error strong {
	
	padding-left: 20px;
	
	}


/* BACKGROUNDS
----------------------------------------------------------------------------- */


	body {
	
	background: #051a22 url(../images/skin-thecircletour/layout/bg-tour-granite.jpg) top center;
	
	}

	div#format {
	
	background: url(../images/skin-thecircletour/layout/bg-tour-album.jpg) top center no-repeat;
	
	}
	
	div#page {
	
	background: url(../images/skin-thecircletour/layout/bg-sidebar-tile.jpg) 6px top repeat-y;
	
	}
	
	div#sidebar {
	
	min-height: 20px;
	background: url(../images/skin-thecircletour/layout/bg-sidebar-top.jpg) left top no-repeat;
	padding-top: 20px;
	overflow: hidden;
	
	}


/* O2 */


	body#page-o2 {
	
	background: #051a22 url(../images/skin-thecircletour/layout/bg-o2-granite.jpg) top center;
	
	}

	body#page-o2 div#format {
	
	background: url(../images/skin-thecircletour/layout/bg-o2-gradient.jpg) top center repeat-x;
	
	}

	body#page-o2.b1 #header {
	
	background: url(../images/skin-thecircletour/header/bg-o2-01.jpg) bottom no-repeat;
	
	}

	body#page-o2.b2 #header {
	
	background: url(../images/skin-thecircletour/header/bg-o2-02.jpg) bottom no-repeat;
	
	}

	body#page-o2.b3 #header {
	
	background: url(../images/skin-thecircletour/header/bg-o2-03.jpg) bottom no-repeat;
	
	}


/* Meadowlands */


	body#page-meadowlands #header {
	
	background: url(../images/skin-thecircletour/header/bg-meadowlands.jpg) bottom no-repeat;
	
	}
	
	body#page-meadowlands, 
	body#page-meadowlands div#format {
	
	background: #000;
	
	}


/* FEATURED MERCHANDISE
----------------------------------------------------------------------------- */


	#merchandise {
	
	float: left;
	background-color: #570000;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}

	#merchandise h3, #merchandise a.visit {

	color: #fff;
	
	}

	#merchandise ul.items li {

	margin-bottom: 1px;
	color: #fff;
	background-color: #000;

	}
	
	#merchandise.loaded ul.items li {
	
	background-color: #fff;
	
	}
	
	
/* EVENT WIDGET / MODIFY MODE / CONFIRMATION VIEW
----------------------------------------------------------------------------- */


	#rsvp {
	
	background: url('../images/skin-thecircletour/layout/bg-pane-tile.jpg');
	
	}
	
	#rsvp div.confirmation {
	
	text-align: center;
	background: #333;
	
	}
	
	#rsvp ul.toggle li {
	
	display: inline;
	
	}
	
	#rsvp div.confirmation label {
	
	float: none;
	padding: 8px;
	background: #444;
	margin: 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	}
	
	#rsvp div.confirmation label em,
	#rsvp div.confirmation label strong {
	
	display: inline;
	float: none;
	padding: 5px 5px 5px 10px;
	
	}



/* MEDIA PLAYER
----------------------------------------------------------------------------- */


	div.widget-media.video.player a.again,
	div.widget-media.video.player a.prompt {

	background: url(../images/skin-thecircletour/actions/a-prompt.gif) center center no-repeat;

	}
	
	#fanvideos div.details a {
	
	color: #fff;
	
	}

	div.widget-media.player ul.controls a.action {

	font-size: 10px;
	background-color: #fff;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;

	}

	div.widget-media.player ul.controls a.action:hover {

	background-color: #ddd;

	}

	div.widget-media.video.player a.play {

	background-image: url(../images/skin-thecircletour/actions/a-play.gif);

	}

	div.widget-media.video.player a.pause {

	background-image: url(../images/skin-thecircletour/actions/a-pause.gif);

	}

	div.widget-media.video.player a.skip {

	background-image: url(../images/skin-thecircletour/actions/a-skip.gif);

	}
	
	body div.tabbed #fanvideos div.widget-media.video.player ul.controls a.back {

	background-image: url(../images/skin-thecircletour/actions/a-back.gif);

	}
	
	#fanvideos ul.controls a.details {
	
	color: #000 !important;
	background: #fff !important;
	position: static !important;
	line-height: 25px !important;
	text-align: center !important;
	width: 89px !important;
	
	}
	
	
/* SET LISTS
----------------------------------------------------------------------------- */


	#setlist {
	
	margin-bottom: 30px;
	
	}

	#post-setlist {
	
	background: #000;
	padding: 5px 10px;
	
	}
	
	
/* ACTIONS
----------------------------------------------------------------------------- */

	
	#content ul.actions a.browse {
	
	text-indent: -5000px;
	overflow: hidden;
	width: 113px;
	height: 20px;
	padding: 0;
	background: url('../images/skin-thecircletour/actions/a-browseall-content.jpg');
	
	}
	
	#content ul.actions a.browse:hover {
	
	background-position: 0 -20px;
	
	}
	
	
/* Share */


	a.share {
	
	font-size: 20px;
	line-height: 20px;
	padding: 5px 15px;
	color: #fff;
	text-transform: uppercase;
	
	}
	
	a.share:hover {
	
	color: #d3e345;
	
	}
	
	
/* PROMPTS
----------------------------------------------------------------------------- */


	#content #comments div.prompt a.learn,
	#media div.prompt a.learn {
	
	width: 690px;
	height: 132px !important;
	
	}
	
	
/* Image Replacement */	
	
	
	#comments #reviews a.learn { background: url('../images/skin-thecircletour/prompts/prompt-review.jpg'); }
	#comments #browse a.learn { background: url('../images/skin-thecircletour/prompts/prompt-comment.jpg'); }
	#comments #meetups a.learn { background: url('../images/skin-thecircletour/prompts/prompt-meetup.jpg'); }
	#media div.prompt a.learn { background: url('../images/skin-thecircletour/prompts/prompt-photos.jpg'); }


/* FORMS
----------------------------------------------------------------------------- */


	input[type=text],
	select {
	
	padding: 3px;
	
	}

	input[type=text],
	select,
	textarea {
	
	color: #ccc;
	background: #444;
	border: 1px solid #666;
	
	}
	
	#progress em {
	
	background: #c00;
	
	}