/* $Id: attractions.css 171438 2010-01-19 20:08:12Z dean sacramone $ */  
 
/* OVERRIDES */

#mainContent {padding-top:10px;}
.sub {vertical-align:sub;}
p {margin:0 0 1em; line-height:1.3em}
p.last {margin-bottom:0;}
.strong {font-weight:bold;}
.block {display:block;}
a.block {display:block; font-weight:bold;}
a.highlight:hover{text-decoration:underline;}
.hText {font-size:16px; font-weight:bold;}
.graybox {background:#efefef; margin:0 0 5px; padding:5px 10px;}
.graybox a {text-decoration:underline;}
.graybox img.icon {margin-right:10px;}
a.grayLink { color:#424242; }
a.grayLink:hover { color:#424242; }


/* ******** Artist Venue Overview Classes ******** */
#mainContent div { *zoom:1; }

#artistWrapper {    
    margin-bottom:10px;
}

#artistContainer {
    background-color:#efefef;
    background-position:left top;
    background-repeat:repeat-x; 
}

.videoAdded{
    width:90px;
    height:90px;
    position:absolute;
    right:0;
}

.artistImage {  
  float:left;
  padding:15px;
  padding-right:0; 
  min-height:115px;
  _height:115px;
}

.artistImage img{
    max-width:300px;
    max-height:300px;   
}

.artistDetails {
  float:left;
  text-align: left;
  vertical-align: top;  
  width:475px;
  padding:13px 0 0 15px;
  margin-bottom:10px; 
}

.artistDetails .h5 { text-transform:uppercase; font-size:11px; }


.artistDetails h1 {
  font-size: 23px;
  margin-bottom:18px; 
  *margin-bottom:14px; 
}

.gray,
a.gray {color:#afafaf !important;}

.showme-container { margin:0 0 5px; padding:15px 10px; background-color:#dddddd; }

/* FAVORITES :: 03/06/09 */
.addFav {
        }
.addFavMyFav {
             }

.myFav {
	float:left;
	display:block;
  padding: 0 10px 0 0;
}


.myFav a:hover {
	/* IE */
	border:none;
}
.myFav img { margin-right:0; }

/* REVIEWS AND BOOKMARK :: 03/06/09 */
.revBmark,
.revBmark li,
.revBmark .sep span { 
	display:block; 
	height:26px; 
	
}

.revBmark { 
	margin: 10px 0 0 0;
	padding:0;
	float:left;
        width: auto !important;
	
}


ul.revBmark li {
    float:left;
    background:transparent url('img/sys/1000/attraction/rb_bg.gif') left top repeat-x;
    white-space:nowrap;
    margin:0;
    padding:0;
    vertical-align: text-top;
    line-height: 20px;
}

.revBmark .left { 
	font-size:0px;
	width:8px;
	background:transparent url('img/sys/1000/attraction/rb_left.gif') left top no-repeat;
}

.revBmark .right { 
	font-size:0px;
	width:8px;
	background:transparent url('img/sys/1000/attraction/rb_right.gif') right top no-repeat;
}

.revBmark .sep { 
	width:20px;
	/*border-left:#AFAFAF solid 1px;*/
}

.revBmark .sep span { 
	display:block;
	width:10px;
	border-right:#AFAFAF solid 1px;	
}

.revBmark .rev,
.revBmark .Bmark  { 
	padding-top:3px;
	*padding-top:5px;/* IE */
}

.revBmark .rev a img,
.revBmark .Bmark a img { 
	margin-left:7px;
	*margin-top:-2px;/* IE */
}

.revBmark a { font-weight:bold; }

.revBmark .rev #BVRRContainer {
    *margin-top:-3px;/* IE */
}

.recom a {display:block;}
.auto-width {
  width:auto !important;
}



#mainContent div.hrline { background-color:#cacaca;}


.share, .share li, .share span { display: block;height: 23px;padding-top: 3px; cursor:pointer; }
.share {float:left; margin:0; padding:0 0 0 0px; }
.padLt5px { padding-left: 5px; }
ul.share li {	
	float: left; 
	background:transparent url('img/sys/1000/attraction/rb_bg_share.gif') repeat-x scroll left top;
	margin: 0;
	padding: 4px 0 0 0;
	white-space: nowrap;  }
.share .left {background:transparent url('img/sys/1000/attraction/rb_left_share.gif') no-repeat scroll left top; width: 10px;}
.share .right {background:transparent url('img/sys/1000/attraction/rb_right_share.gif') no-repeat scroll right top; width: 9px; }
span#at15ptc { display: none;} 
.chart { float: left; margin: 13px 0 0 0px; }




/* ******** Tickets Module (left section) ******** */
#left-section {width:606px; float:left; }

.color-cat { background-color:#efefef }

.featured-block .foot, .container-bordered .foot {   
    padding:5px 0; 
    text-align:right; 
    border-top:#dddbdc solid 1px;
    position:relative;
}
.container-bordered .foot .other-link { 
  position:absolute;
  left:0;
  font-size:11px;
  width:370px;
  text-align:left;  
}
.featured-lid { 
  /*display:block;*/
  padding: 5px 0 5px 10px;   
  font-size:16px; 
   height:20px;
  /* line-height:1.6em;*/
  /* zoom:1; REMOVES gap space on IE for span clearing */ 
}


.featured-container .left {
    float:left;
}

.featured-container .right {
    float:right;
}


/* ******** Venue Detail and other related links module (right section) ******** */
#right-section {width:360px; float:right; padding-top:22px;}

.neutral-block{
  background-color:#ffffff;
}

.neutral-block2{
  background-color:#efefef;
  padding:5px;
  margin-bottom:15px;
}

.neutral-block div.pad10 {
    padding:10px 0;
}

.neutral-block .left,
.neutral-block2 .left {
    float:left;
}

.neutral-block .right,
.neutral-block2 .right {
    float:right;
}


.neutral-lid .spon {
    width:175px; 
    height:27px; 
    float:right; 
    margin:-25px -5px; 
    /*padding-top:5px; */
    font-size:11px; 
    font-weight:normal; 
    text-align:right;
}    

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.neutral-lid .spon {
		margin-top:-8px;
	}
}

.neutral-lid .spon .logo {
    margin:0 10px 0 5px;
    vertical-align:sub;
}

.neutral-container,
.neutral-venue {  
  padding:8px 6px;
}

.neutral-container p,
.neutral-venue p{  
  line-height:1.5em;
}

#venueDetailDiv h3{
  font-size:12px;
}


/* Merchandising module */
.merchant-mini {clear:both; border-top:#dddbdc solid 1px; margin:15px 0 0; padding-bottom:10px;}
.merchant-mini .merchant-link {display: block; margin-top:4px;}
.merchant-mini a.highlight {font-weight:bold;}
.merchant h2.mb {margin-bottom:-10px;}
h2.mb15 {margin-bottom:15px;}

.merchant img.thumb {float:left;}
.merchant .left {float:left;}
.merchant .details {float:right; width:186px; padding-left:10px;}
.merchantText div { font-size:13px; line-height:1.3em }
.merchantText a { font-weight:bold }


.fullSongs a {
    display:block;
    height:16px;
    background: transparent url('img/sys/1000/attraction/play.gif') left top no-repeat;
    padding-left:20px;
    margin-bottom:10px;
}

.buySongs {
	margin-left:20px; 
	/*IE*/
	*margin-left:25px;
}

.buySongs li {
	/*height:15px; - IE DOESN'T LIKE THIS */
	margin:0 0px 6px!important;
	padding:0 !important;/
}

.buySongs li a {
	display:block;
	height:15px;
    background: transparent url('img/sys/1000/attraction/itunes.gif') right top no-repeat;
}

/* ******** Common elements ******** */


/* texts */

.errorMessage { font-size:13px }
h2.errorMessage  { font-size:16px }



/* EVENT DATES */
.showme-container { margin:5px; padding:10px; background-color:#dddddd; }

#eventListing,
#eventListing-2 {
    padding:5px 4px 5px 0;
}

/* REMOVED since Live Nation does not need these. */
/* 
.lid-primary {
    background-color:transparent !important;
    color:#083D65;
    font-size:12px;
    font-weight:bold;
    padding:5px;
    border:none;
}

.lid-secondary {
    background:none !important;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    padding:5px 10px;

}

.lid-secondary .numberText, 
h2 .numberText {
    color:#afafaf;
    font-size:16px;
    font-weight:normal;
}

*/
/* list */

#eventListing th,
#eventListing-2 th{
    border-bottom: 5px solid #efefef;
    padding-left: 10px;
    text-align: left;
    vertical-align: bottom;
    font-weight: normal;
    color: #a4a4a4;
    font-size: 10px;
}

#eventListing th.eventDate,
#eventListing-2 th.eventDate{ padding-right: 5px; padding-left: 0; text-align: center; vertical-align: bottom; }

#eventListing td,
#eventListing-2 td{
    vertical-align: top;
    background-color: #fff;
    padding: 7px 0 0 0;
    border: none;
    border-top: 1px solid #efefef;
    border-bottom: 10px solid #fff;
}

#eventListing td.dateBlock,
#eventListing-2 td.dateBlock{
    background-color:#efefef;
    /*border: none;
    border-top: 2px solid #efefef;*/
    border-bottom: 10px solid #fff;
    width: 55px;
    padding: 0;
    text-align: center;
    vertical-align:middle;
    text-transform: uppercase;
    
}

#eventListing td.dateBlock img,
#eventListing-2 td.dateBlock img{ padding:15px 0 }

#eventListing.local td.dateBlock,
#eventListing-2.local td.dateBlock {background-color:#f9dfac; border-top: 1px solid #ffeed7;}

#eventListing td.dateBlock div.month,
#eventListing-2 td.dateBlock div.month { font-size: 12px;   padding-top: 2px }
#eventListing td.dateBlock div.date,
#eventListing-2 td.dateBlock div.date { font-size: 25px; color: #414141; line-height: 24px;   }
#eventListing td.dateBlock div.day,
#eventListing-2 td.dateBlock div.day { font-size: 12px; font-weight: bold; color: #afafaf; padding-bottom: 3px}
#eventListing td.dateBlock span.dots,
#eventListing-2 td.dateBlock span.dots { color: #afafaf; }

#eventListing td.venue,
#eventListing-2 td.venue {width: 260px;}
#eventListing td.time,
#eventListing-2 td.time {width: 100px;}
#eventListing td.eventName,
#eventListing-2 td.eventName {width: 155px;}
#eventListing td.findTix,
#eventListing-2 td.findTix {width: auto; text-align:right; font-size:11px;}
#eventListing td.findTix,
#eventListing-2 td.findTix a { font-size:13px; font-weight:bold;}
#eventListing td.findTix .button,
#eventListing-2 td.findTix .button { font-size:12px;}

#eventListing .lft5,
#eventListing-2 .lft5 {
    width: 5px;
    border: none;
    height: auto;
    padding: 0;
}

#eventListing .rt10, #eventListing .lft10,
#eventListing-2 .rt10, #eventListing-2 .lft10 {
    width: 10px;
    border: none;
    height: auto;
    padding: 0;
}



/* CALENDAR */

.artistCalendar td div.clip {
  width: 70px;
  overflow: hidden;
}


.artistCalendar td {
    font-size: 9px;
    color: #989898;
    background-color: #efefef;
    padding: 5px 5px 10px 5px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 67px !important;
    height:100px;
}

.container-popUp {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    background-attachment: ;
    background-repeat: repeat-x;
    background-position: top;
    color:;
    padding: 10px;
    margin: 0 15px 15px 0;
}


.artistCalendar th.days {
    font-size: 10px;
    color: #fff;
    background-color: #555555;
    border-bottom: 1px solid #333;
    font-weight: bold;
    height:auto;
    padding: 5px;
}

.artistCalendar td.insideArea, div.insideArea { background-color: #f9dfac; }
.artistCalendar td.outsideArea,  div.outsideArea { background-color: #ffffff; }

.artistCalendarTime {
    color: #666;
    display: block;
    padding-top: 10px;
    font-size: 11px;
    font-weight: normal;
}

.artist2CalendarVenue a{
	font-size: 11px;
  font-weight:normal;
	display: block;
	padding-top: 0;
}

.artistCalendarLocation {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    display: block;
    padding-top: 0;

}
.artistRetailer { color:#666; font-size:9px; font-weight:normal }

.artistCalendarTickets a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding: 0;
}

.artistCalendarTickets .numberText {
    color:#999999;
    font-size:11px;
    font-weight:normal;
}

.grayGrad70 {
	background:url('img/sys/1000/attraction/bg_grayGrad70.gif') left top repeat-x;
	border:#cccccc solid 1px;
	padding:10px;
}

.angleCut {
	float:right;
	width:270px;
	height:22px;
	background:url('img/sys/1000/attraction/bg_angle.gif') right top no-repeat;
	margin:-11px;
	padding-right:5px;
	text-align:right;

	/* IE6 */
	_margin-right:-6px;
	_position:relative;
}

.yeorangeBg {background-color:#FFEED7 !important;}

/* AD Module */
#thisSpon {margin-bottom:15px; text-align:center;}


/* LightBox ================================================================================== */


#add_to_fave.lbWidth,
#fave_removed.lbWidth,
#fave_added.lbWidth {width:500px;}

.artist_offer {width:602px;}

#alert_error_block { margin-bottom:10px; }


/* Learn More */
.artist_offer img.photoRight {float:right; margin:0 0 20px 20px;}
.artist_offer img.photoLeft {float:left; margin:0 20px 20px 0;}

/* VIDEO PLAY LIST ============================================================================= */
ul#video_list {
    width:322px; /* player width - (minus) 20 */
    display:block;
    margin:0;
    padding:0 10px 7px 10px;
    background-color:#dddbdc;
}

#video_list li,
#video_list li a {display:block;}

#video_list li {
    margin:0 0 1px 0;
    padding:0;
    list-style:none;
}

#video_list li a {
    padding:5px 30px 4px 7px;
    background:#efefef url('img/sys/1000/attraction/butn_videolist.gif') 295px 4px no-repeat;

    /* IE6 */
    width:285px;
    /**height:10px;*/

}

#video_list li a:hover {
    background:#ffffff url('img/sys/1000/attraction/butn_videolist.gif') -27px 4px no-repeat;
}

#video_list li a.selected  {
    background:#ffffff url('img/sys/1000/attraction/butn_videolist.gif') -349px 4px no-repeat;
}



#video_list li a.selected {
    color:#414144;
    font-weight:bold;
}
/* VIDEO PLAY LIST end ========================= */

.noFlash {
    background-color:#efefef;
    padding:25px;
    text-align:center;
}


/* PHOTO GALLERY THUMBS
=============================================================================
*/
ul.photoGall {display:block; margin:0 !important; padding:0 14px !important;
list-style:none;}

ul.photoGall li {
display:block; margin:0 !important; padding:0 !important; list-style:none;
width:62px; float:left;
}

ul.photoGall li.gap {width:22px; height:20px;}

/* iLIKE API
=============================================================================
*/
/* This is only to customize the button states. All other styles are linked
from http://www.ilike.com/stylesheets/api.css?v=30415
        IE needs !important as well as hover states in this doc.
 */
.ilike_content .song_play_btn {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0 1px
!important;
}

.ilike_content .song_play_btn:hover {
  background-position: 0 -49px !important;
}


.ilike_content .song_play_btn_video {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0
-250px !important;
}

.ilike_content .song_play_btn_playing {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0
-99px !important;
}

.ilike_content .song_play_btn_playing:hover {
  background-position: 0 -149px !important;
}


.ilike_content .song_play_btn_loading {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0
-199px !important;
}

.ilike_content .more_btn_expand {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0
-297px !important;
}

.ilike_content .more_btn_collapse {
  background: transparent url('img/sys/1000/attraction/iLike_buttons.gif') no-repeat 0
-347px !important;
}

.ilike_content .song_progress_bar_active {
   background-color:#dedcdd !important;
}

.ilike_content .xtm {  zoom:normal !important; }

/* for Related Links */
ul.spaced-list {
  margin:0; padding:0; list-style:none;
}

ul.spaced-list li { padding-bottom:5px; }

/* add for star rating */
.sliderViewport .ratingContainer { padding-left: 17px;}

/* add for Sound Spike Module */
.ss_tour_container { margin-top:25px;position:relative;}
.ss_tour	{
	border:1px solid #ccc; width:554px; padding:10px;
	background: #fff url(img/sys/rebrand/tour_soundSpike_bg.gif) top left repeat-x; }
.ss_tour .name { width: 275px; float:left; font-size:13px;font-weight:bold; padding-bottom:20px;}
.ss_tour_container .ss_logo	{position:absolute;top: 0; right: 0;width:269px;height:24px;}
.ss_tour p	{ margin: 10px 0; clear:both;}
.ss_tour p strong { display: block;}
.ss_tour ul { margin:15px 0;padding:0; list-style-type:none;}
.ss_tour ul li { line-height:1.5em;}

.neutral-container { padding: 10px; }
#video_added { position:relative }