/* BON JOVI */
/* Localized Skin Stylesheet: The Circle
----------------------------------------------------------------------------- */


	@import url('../2/stylesheets/header.css');


	div.legal div.markup {

	background-color: #fff;

	}

	body {

	background: #000 url(../images/skin-localized-thecircle/layout/bg-body.jpg) center top;

	}

	div#format {

	background: url(../images/skin-localized-thecircle/layout/bg-format.jpg) center 85px no-repeat;

	}


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


/* Text */


	body {

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

	}

	#sidebar {

	color: #fff;

	}

	h3, div.display h4 {

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

	}

	#sidebar div.pane h3 {

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

	}

	h4,
	h4 a,
	h4 a:hover {

	color: #d40b00;
	font: bold 16px/16px Arial, "Trebuchet MS", sans-serif;
	text-transform: uppercase;

	}

	#sidebar div.pane h4 {

	color: #fff;

	}

	div.pane.emphasis h4,
	div.pane.emphasis h4 a,
	div.pane.emphasis h4 a:hover {

	color: #3c0000;

	}

	div.pane.backstagejbj h4 {

	color: #fff;

	}

	h3 em, h4 em, h3 span, h4 span {

	font-style: normal;

	}
	
	dt {
	
	font-weight: bold;
	color: #000;
	
	}
	
	div.pane dt {
	
	color: #684f1f;
	
	}

	div.pane.emphasis dt {
	
	color: #fff;
	
	}

	#sidebar div.pane dt {
	
	color: #ababab;
	
	}

	th {

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

	}

	td {

	font-size: 11px;
	line-height: 13px;

	}
	
	td.location,
	td.details {
	
	font-size: 12px;
	
	}
	
	
/* Inline Links */


	a, 
	#sidebar div.pane a {

	color: #d40b00;
	text-decoration: none;

	}

	a:hover, 
	#sidebar div.pane a:hover {

	color: #fbe448;

	}
	
	div.pane a {
	
	color: #fff;
	
	}
	
	div.pane a:hover {
	
	color: #000;
	
	}

	div.emphasis a {

	color: #acacac;

	}

	div.emphasis a:hover {

	color: #fff;

	}

	div.emphasis ul.actions a {
	
	color: #fff;
	
	}

	a.readmore {
	
	font-weight: bold;
	
	}
	
	
/* Comment Tallies */


	a.comments {

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

	}

	a.comments * {

	font-style: normal;

	}

	a.comments:hover {

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

	}


/* RSVP Tallies */


	a.going, 
	a.rsvp {
	
	height: 15px;
	background: url(../images/skin-localized-thecircle/actions/a-rsvp.gif) 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;
	
	}
	
	
/* BUTTONS
----------------------------------------------------------------------------- */


/* Pagination */


	ul.pages a, ul.pages strong {

	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;

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

	}

	ul.pages a {

	background-color: #c00;

	}

	ul.pages a:hover {

	background-color: #ff0000;

	}

	ul.pages strong {

	background-color: #000;
	font-weight: normal;

	}


/* Boxed Buttons */


	a.action, 
	#sidebar div.pane a.action {

	background-color: #d40b00;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;

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

	}

	a.action:hover, 
	#sidebar div.pane a.action:hover {

	background-color: #ae0900;
	color: #fff;

	}

	div.pane a.action {
	
	color: #fff !important;
	
	}

	div.pane.emphasis a.action, 
	#sidebar div.pane.emphasis a.action {

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

	}

	div.pane.emphasis a.action:hover, 
	#sidebar div.pane.emphasis a.action:hover {

	background-color: #464646;
	color: #fff;

	}
	
	
/* Disabled Buttons */

	ul.actions li em {
			
	background-color: #999;
	color: #000;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;

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

	}


/* Bottom Bar Buttons */


	div.tabbed div.pane ul.actions, 
	div.tabbed div.pane ul.paging {
	
	background-color: #000;

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

	div.tabbed div.pane ul.actions a, 
	div.tabbed div.pane ul.paging a {
	
	background-color: transparent;
	color: #fff;
	
	}

	div.tabbed div.pane ul.actions a:hover, 
	div.tabbed div.pane ul.paging a:hover {
	
	color: #dcdcdc;
	
	}

	div.tabbed div.pane ul.actions a.action, 
	div.tabbed div.pane ul.paging a.action {
	
	padding: 10px 0 10px 10px;
	
	}

	div.tabbed div.pane ul ul.actions, 
	div.tabbed div.pane ul ul.paging {
	
	background-color: transparent;
	border-left: 0;
	border-right: 0;
	
	}

	div.tabbed div.pane ul ul.actions a.action, 
	div.tabbed div.pane ul ul.paging a.action {
	
	padding: 0;
	background: none;
	
	}


/* Large Trip Buttons */


	div.widget-event.card ul.events li ul.actions a.action {

	background-image: url(../images/skin-bonjovi/actions/a-large-trip.png);
	font-size: 9px;
	line-height: 12px;
	color: #fff;

	}

	div.widget-event.card ul.events li ul.actions a.action:hover {

	background-image: url(../images/skin-bonjovi/actions/a-large-trip-hover.png);

	}


/* Text Buttons */


	li ul.actions a.action, 
	#sidebar li ul.actions a.action {

	background: none;
	color: #c00;

	}

	li ul.actions a.action:hover, 
	#sidebar li ul.actions a.action:hover {

	background: none;
	color: #ff0000;

	}

	td a.action {
	
	background: none;
	padding: 0;
	color: #c00;
	
	}

	td a.action:hover {

	background: none;	
	color: #ff0000;
	
	}

	div.pane td a.action, 
	div.pane li ul.actions a.action {

	color: #fff;

	}

	div.pane td a.action:hover, 
	div.pane li ul.actions a.action:hover {

	color: #000;

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


	textarea {

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

	}

	fieldset {

	border-color: #fff;

	}
	
	label small {
	
	color: #3c0300;
	
	}

	label em, 
	fieldset em {
	
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	
	}

	div.pane.emphasis label em,
	div.pane.emphasis fieldset em {

	color: #fff;

	}

	#sidebar div.pane label em,
	#sidebar div.pane fieldset em {

	color: #ababab;

	}

	#sidebar div.pane fieldset em {

	color: #fff;

	}


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


/* Pager */


	div.ad div.pager a {

	width: 7px;
	height: 7px;
	background-color: #fff;
	line-height: 7px;

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

	}

	div.ad div.pager a:hover {

	background-color: #ababab;

	}

	div.ad div.pager a.activeSlide {

	background-color: #c00;

	}

	div.ad div.pager a.activeSlide:hover {

	background-color: #ff0000;

	}


/* Medium Rectangle: 300X250 */


	div.ad.house.mediumrectangle {

	background: #0f0f0e url(../images/skin-bonjovi/layout/a-tab-black.gif) bottom repeat-x;
	padding-top: 30px;
	border-left: 1px solid #0f0f0e;
	border-right: 1px solid #0f0f0e;

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

	}


/* Skyscraper: 160X600 */

	
	div.ad.skyscraper {
	
	background-color: #9D1E22;
	border-top: 1px solid #9D1E22;
	border-bottom: 1px solid #9D1E22;

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


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


	div.pane {

	background-color: #717069;
	border-left: 1px solid #717069;
	border-right: 1px solid #717069;

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

	}

	#sidebar div.pane {

	background: #717069;
	border-left: 1px solid #717069;
	border-right: 1px solid #717069;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}

	#sidebar div.pane.emphasis {

	background-color: #AE0900;
	border-left: 1px solid #f40000;
	border-right: 1px solid #f40000;

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

	}
	
	
/* Emphasized */


	div.grid.three_fourths div#content .emphasis div.ui-tabs-panel {

	width: 688px;
	padding: 5px 20px 30px;
	float: left;

	}
	
	.emphasis .ui-tabs-panel {
	
	background: url(../images/skin-localized-thecircle/layout/bg-pane.jpg) bottom no-repeat;
	position: relative;
	
	}
	
	.emphasis div.pane h3 {
	
	width: 728px;
	height: 40px;
	background: url(../images/skin-localized-thecircle/layout/h3-pane-top.jpg) no-repeat;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 0;
	left: 0;
	
	}
	
	.emphasis div.pane div.content h3, 
	.emphasis div.pane div.sidebar h3 {
	
	width: auto;
	height: auto;
	background: none;
	display: inline;
	text-indent: 0;
	position: static;
	
	}

	div.emphasis h2 {
	
	display: none;
	
	}


/* Content: Full Tabs */


	div#content div.tabbed div.pane {
	
	margin-bottom: 3px;
	
	}
	
	div#content div.tabbed div.pane h3 {
	
	display: block;
	
	}
	
	div#content div.tabbed ul.tabs {
	
	width: 693px;
	height: 29px;
	background: url(../images/skin-localized-thecircle/layout/bg-tabbed-top-circletour.jpg) bottom no-repeat;
	padding: 117px 0 0 35px;
	
	}
	
	div#content div.tabbed ul.tabs li {
	
	margin-right: 26px;
	
	}
	
	div#content div.tabbed ul.tabs a.tab {
	
	height: 18px;
	background-position: 0 -18px;
	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, 	
	div#content div.tabbed ul.tabs .ui-tabs-selected a.tab {
	
	background-position: 0 0;
	
	}
	
	
/* Tab Image Replacements */


	ul.tabs a.dates {
	
	width: 128px;
	background-image: url(../images/skin-localized-thecircle/actions/a-tourdates.gif);
	
	}
	
	ul.tabs a.presales {
	
	width: 219px;
	background-image: url(../images/skin-localized-thecircle/actions/a-presales.gif);
	
	}
	
	
/* PLACEHOLDERS
----------------------------------------------------------------------------- */


	body.section-client div.widget-editorial.thumbnailed ul.leads li {

	background-image: url(../images/skin-bonjovi/content/img-placeholder-blog.gif);

	}

	div.widget-media.audio.thumbnailed ul.clips > li {

	background-image: url(../images/skin-bonjovi/content/img-placeholder-audio.gif);

	}


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


	td.date {

	width: 35px !important;
	
	}

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

	width: 35px;
	height: 50px;
	background-color: #fff;
	padding: 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 {

	width: 35px;
	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 {

	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 {

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

	}
	
	td.date em, 
	#page-vip 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 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 10px;
	vertical-align: top;

	}
	
	div.widget-event.browse td.details a, div.widget-event.browse td.sales span {
	
	display: block;
	margin-top: 5px;
	
	}

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

	color: #f00;

	}

	div.widget-event.sales td.details {
	
	width: 130px;
	
	}

	div.widget-event.compact td.details {
	
	width: 273px;
	
	}

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

	display: block;
	color: #fff;

	}

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

	color: #f00;

	}

	div.widget-event.browse td.sales {

	width: 145px;
	font-size: 10px;
	font-weight: bold;
	color: #d2e016;

	}
	
	div.widget-event.browse td.sales em {
	
	display: block;
	font-style: normal;
	
	}

	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: 180px;

	}

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

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

	}
	
	div.widget-event.browse td.soldout {
	
	color: #d20b00;
	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: 13px;
	line-height: 13px;
	text-transform: uppercase;
	font-style: normal;

	}

	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 {

	color: #d8e20a;

	}

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

	color: #f00;

	}

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

	color: #93a119;

	}

	
/* BUY LINKS
----------------------------------------------------------------------------- */

	
	#media .story ul a {
	
	font-weight: bold;
	text-transform: uppercase;
	color: #fff !important;
	
	}
	
	#media .story ul a:hover {
	
	color: #000 !important;
	
	}

	#media .story p a {
	
	font-weight: bold;
	text-transform: uppercase;
	color: #D40B00 !important;
	background: #fff;
	
	}
	
	
/* IE6
----------------------------------------------------------------------------- */


/* Conflicts */


	* html body div.presale table.events tr td.date strong abbr {
	
	font-size: 18px !important;
	line-height: 18px !important;
	
	}


/* PNG Replacement */


	* html body.edition-spanish #header strong.tagline {
	
	background-image: url(../images/skin-localized-thecircle/header/taglines/strong-spanish.gif);
	
	}
	
	* html body.edition-dutch #header strong.tagline {
	
	background-image: url(../images/skin-localized-thecircle/header/taglines/strong-dutch.gif);
	
	}
	
	* html body.edition-portuguese #header strong.tagline {
	
	background-image: url(../images/skin-localized-thecircle/header/taglines/strong-portuguese.gif);
	
	}
	
	* html #navigation li.store * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-store.gif);

	}

	* html #navigation li.news * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-news.gif);

	}

	* html #navigation li.music * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-music.gif);

	}

	* html #navigation li.live * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-live.gif);

	}

	* html #navigation li.band * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-band.gif);

	}

	* html #navigation li.fans * {

	background-image: url(../images/skin-localized-thecircle/header/navigation/a-fans.gif);

	}