/* $Id: attractions.css 151792 2009-05-05 22:34:45Z dean sacramone $ */  
 
/* OVERRIDES */

#mainContent {padding:10px;}
sup {vertical-align:top}
.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:#f0eeef; margin:0 0 5px; padding:5px 10px;}
.graybox a {text-decoration:underline;}
.graybox img.icon {margin-right:10px;}
.arrowLtGray {color:#cbcbcb; font-size:9px;}


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


#artistWrapper {
    
    margin-bottom:10px;
}

#artistContainer {
    background-color:#FFFFFF;
    background-image:url('../img/sys/1000/attraction/bg_grayGrad.gif');
    background-position:left top;
    background-repeat:repeat-x; 
}


.videoAdded{
    width:90px;
    height:90px;
    float:right;
}

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


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

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


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

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


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

.myFav {
	display:block;
/*	margin-bottom:15px;
*/}

.myFav a:hover {
	/* IE */
	border:none;
}


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

.revBmark { 
	margin:0;
	padding:0 0 15px 15px;
	float:left;
	width:645px;
	
}


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;
}

.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;
	/*background:transparent url('../img/sys/1000/attraction/rb_sep.gif') center top repeat-y;*/
}

.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; }



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




a.moreLink,
a.moreLink-open {
  display:block;  
  text-align:right;
  font-size:11px;
  font-weight:bold;
}


a.moreLink {
  padding-right:12px;
  background:url('../img/sys/1000/attraction/icn_downarrow.gif') right center no-repeat;
}

a.moreLink-open  {
  padding-right:12px;
  background:url('../img/sys/1000/attraction/icn_uparrow.gif') right center no-repeat;
}



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




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

.featured-block {
  padding:5px;
  padding-top:0;
  display:block;
  margin-bottom:15px;
}

.featured-block .foot {
    
    padding:5px 0; 
    text-align:right; 
    border-top:#dddbdc solid 1px;
}

.featured-block .foot a{
    text-decoration:underline;
}

.featured-lid { 
  padding: 5px 0 5px 10px; 
  /*display:block;*/
  color:#fff; 
  font-size:16px; 
  font-weight:bold;
   height:20px;
/* line-height:1.6em;*/
  /* zoom:1; REMOVES gap space on IE for span clearing */
 
}

.featured-lid .left { float:left }
.featured-lid .right { float:right }

.featured-container {  
  padding:15px 18px;  
  display:block;
  background-color:#fff;
  margin-bottom:1px;  
}

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

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

.featured-container h2 { font-size:15px; margin-bottom:7px } 
.featured-container h4, 
.featured-container h5 { margin-bottom:5px }

.featured-container input,
.featured-container select { font-size:13px }

.featured-container select.big { font-size:24px } /* Only used if standard forms are used for select quantity */

.featured-venue {
  padding:15px 10px;
  background-color:#fff;
  border-bottom:1px solid #cacaca;
}


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

.neutral-block{
  border:1px solid #cacaca;
  background-color:#ffffff;
  padding:2px;
  display:block;
  margin-bottom:15px;
}

.neutral-block2{
  background-color:#f0eeef;
  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-block-empty {
  display:block;
  margin-bottom:15px;
}

.neutral-lid{
  background-color:#dddbdc;
  padding:7px 14px;
  font-size:15px;
  font-weight:bold;
  color:#4c4c4c;
  display:block;
  margin-bottom:2px;
  zoom:1; /* REMOVES gap space on IE for span clearing */
}

.neutral-lid .spon {
    /*background:transparent url('../img/sys/1000/attraction/spon/bg.gif') no-repeat; */
    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-lid .left { float:left;}
.neutral-lid .right { float:right;}
.neutral-lid a { font-size:12px; font-weight:bold; }


.neutral-container,
.neutral-venue {  
  background-color:#fff;
  padding:8px 6px;
  display:block;
  line-height:1.3em;
}

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

.neutral-venue img { margin-right:10px; vertical-align:middle; width:103px;}
.neutral-venue span{ color:#afafaf}

/* Merchandising module */
.merchant-mini {clear:both;border-top:#dddbdc solid 1px; margin:15px 0 5px;}
.merchant-mini h5 {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;  margin-right:10px; margin-bottom:25px;}
.merchant .left {float:left;}
.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 ******** */



/*
 * Usage of hrline:
 * MUST BE CALLED in HTML like this:
 *
 * <div class="hrline">&nbsp;</div>
 *
 * Not having &nbsp inside the div causes problems in IE 6.
 *
 */
div.hrline {
  height:1px;
  font-size:0px;
  line-height:0;
  background-color:#000;
  margin:8px 0;
  display:block
}



/* Other common elements */
.lineBottom { border-bottom:1px solid #cacaca } /* commonly used for resultsTable as an option to add border bottom.  */

/*Common spacers */
.margin10L { margin-left:10px }
.margin10R { margin-right:10px }

/* texts */
.highlight,
.highlight a,
.highlight a:hover,
a.highlight,
a.highlight:hover { color:#ef6307 }
.highlight-bg { background-color:#ef6307 }
.highlight-border { border-color:#ef6307 }/*brandable properties */
.strong {font-weight:bold; }

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

a.grayLink {color:#afafaf; font-size:11px}
span.gray {color:#afafaf;}
a.grayLink:hover {color:#034678}
p a.grayLink { font-size:1em; } /* RULE: all grayLinks in any paragraph must be the same on font-size as its parent  */




/* EVENT DATES */

#eventListing {
    padding:5px 4px 5px 0;
}

.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  {
    border-bottom: 5px solid #f0eeef;
    padding-left: 10px;
    text-align: left;
    vertical-align: bottom;
    font-weight: normal;
    color: #a4a4a4;
    font-size: 10px;
}

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

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

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

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

#eventListing td.dateBlock div.month {
	font-size: 14px;
	padding-top: 2px;
	color: #990000;
	line-height: 13px;
	font: helvetica;
}
#eventListing td.dateBlock div.date {
	font-size: 30px;
	color: #990000;
	line-height: 24px;
	font: helvetica;
}
#eventListing td.dateBlock div.day {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	line-height: 13px;
	padding-bottom: 3px;
	font: helvetica;
}
#eventListing td.dateBlock span.dots { color: #afafaf; }
                
#eventListing td.venue {width: 260px;}
#eventListing td.time {width: 100px;}
#eventListing td.eventName {width: 155px;}
#eventListing td.findTix {width: auto; text-align:right; font-size:11px;}
#eventListing td.findTix a{font-size:13px; font-weight:bold;}








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

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

#eventListing a.more {
    display: block;
    width: 85px;
    font-size: 13px;
    color: #ef6307;
    background-image: url(../img/sys/1000/attraction/arrow_more_orng.gif);
    text-align: right;
    padding-right: 7px
}

#eventListing a.more:hover {
    text-decoration:underline;
}


/* Branded Selectors for the branded overlay css */
#brandedHeader {width:1000px; margin:0 auto; text-align:center}

#brandedFooter {
 padding:20px 10px 30px;
 width: 980px;
 margin: 0 auto;
 font-size:11px;
}

#brandedFooter .left { float:left }
#brandedFooter .right {float:right; text-align:right}

#brandedFooter a { font-weight:bold}




/* CALENDAR */
.artistCalendar {
    /*border:#FF0000 solid 1px;
    float:right;*/
}

.artistCalendar td {
    font-size: 9px;    
    /* brandable properties */
    color: #989898;
    background-color: #ebebeb;
    /* brandable properties */    
    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;    
    /* brandable properties */
    color: #fff;
    background-color: #555555;
    border-bottom: 1px solid #333;
    /* brandable properties */    
    font-weight: bold;
    height:auto;
    padding: 5px;
}

.artistCalendar td.insideArea, div.insideArea {
    /* brandable properties */
    background-color: #ffeed7;    
    background-image: url();
    background-repeat: ;
    background-position: ;
    background-attachment: ;
    /* brandable properties */
}

.artistCalendar td.outsideArea,  div.outsideArea {
    /* brandable properties */
    background-color: #ffffff;
    background-image: url();
    background-repeat: ;
    background-position: ;
    background-attachment: ;
    /* brandable properties */
    
}

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

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

.artist2CalendarVenue a:hover {
	
}

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

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

.artistCalendarTickets a:hover {
    /* brandable properties */
    color: ;
    /* brandable properties */
    text-decoration: underline;
}


.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;
}

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


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


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

.artist_offer {width:602px;}


/* 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:#f0eeef 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:#f0eeef; 
    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;}

#song_content div  {*zoom:normal !important;}

.ilike_content .song_outer_container {*zoom:1 !important;}

/* 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; 
}

#song_content div  {*zoom:normal !important;}

.ilike_content .song_outer_container {*zoom:1 !important;}

/* 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; 
}