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

#mainContent {padding: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:#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 h1 {
  font-size: 23px;
  margin-bottom:18px; 
  *margin-bottom:14px; 
}

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


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

.revBmark .rev #BVCustomerRatings {
    *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; }

.featured-block {
  padding-top:0;
}

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

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

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

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

.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-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-container,
.neutral-venue {  
  padding:8px 6px;
}

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



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

#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: 10px solid #fff;
}

#eventListing td.dateBlock {
    background-color:#f0eeef;
    /*border: none;
    border-top: 2px solid #f0eeef;*/
    border-bottom: 10px 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: 12px;   padding-top: 2px }
#eventListing td.dateBlock div.date { font-size: 25px; color: #414141; line-height: 24px;   }
#eventListing td.dateBlock div.day { font-size: 12px; font-weight: bold; color: #afafaf; padding-bottom: 3px}
#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}




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

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


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

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

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