/* FRONTEND Stylesheet */
/* Master Stylesheet for Screen Media */

/* html elements
------------------------------------------- */
body, html {
  background-color: #fff;
  color: #636363;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  width: 100%;
}

a:link, a:visited {
  color: #d71726;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a span {
  display: none;
}
em {
  font-style: italic;
}
iframe {
  height: 2000px;
  width: 100%;
}
p {
  line-height: 18px;
  margin-bottom: 18px;
}
p a:link, p a:visited {
  font-weight: normal;
  text-decoration: underline;
}
p a:hover {
  background-color: #fff;
  color: #d71726;
  text-decoration: none;
}
strong {
  color: #636363;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

/* structure elements
------------------------------------------- */
#container {
  background: #fff url('../img/common/top_background.gif') 0px 0px repeat-x;
  color: inherit;
  /* margin-top: 10px; */
  text-align: center;
  width: 100%;
}
#header, #content {
  margin: 0px auto;
  text-align: center;
  width: 950px;
}
#content {
  background: url('../img/common/bottom_line.gif') no-repeat bottom center;
  padding-bottom: 10px;
  width: 932px;
}
#footer {
  margin: 0px auto;
  text-align: center;
  width: 100%;
}

/* common classes
------------------------------------------- */
a.setlang-eng {
  background: url('../img/common/english.gif') no-repeat top left;
  display: block;
  height: 10px;
  width: 32px;
}
a.setlang-fre {
  background: url('../img/common/french.gif') no-repeat top left;
  display: block;
  height: 10px;
  width: 38px;
}

/* core-classes
------------------------------------------- */

  /* header-classes
  ------------------------------------------- */
  .heading {
    height: 173px;
  }
  .navigation {
    height: 101px;
    margin: 0px auto;
    width: 932px;
  }
    .twitter_facebook {
      float: right;
      margin-right: 42px;
      margin-top: 20px;
      width: 312px;
    }
    * html .twitter_facebook {
      margin-top: 17px;
    }
    .twitter_facebook li {
      margin-bottom: 1px;
      text-align: right;
    }
    .twitter_facebook a {
      background-position: top left;
      display: block;
      height: 16px;
      width: 312px;
    }
    .twitter_facebook a:hover {
      background-position: bottom right;
    }
    .twitter_facebook .facebook_eng a {
      background-image: url('../img/eng/facebook.gif');
    }
    .twitter_facebook .facebook_fre a {
      background-image: url('../img/fre/facebook.gif');
    }
    .twitter_facebook .twitter_eng a {
      background-image: url('../img/eng/twitter.gif');
    }
    .twitter_facebook .twitter_fre a {
      background-image: url('../img/fre/twitter.gif');
    }
    .twitter_facebook .rogers_eng a {
      background-image: url('../img/eng/rogers.gif');
    }
    .twitter_facebook .rogers_fre a {
      background-image: url('../img/fre/rogers.gif');
      height: 28px;
    }
    
    .subnav {
      float: left;
      margin-left: 34px;
      margin-top: 16px;
      width: 540px;
    }
    .subnav li {
      background: url('../img/common/nav_divider.gif') top right no-repeat;
      float: left;
      font-size: 13px;
      padding: 0px 9px 0px 8px;
      width: auto;
    }
    .subnav li.clean {
      background: none;
    }
    .subnav li.title {
      background: none;
      display: block;
      float: none;
      margin-bottom: 5px;
      padding: 0px;
    }
  
  .language_region_search {
    background: url('../img/common/menu-bg.gif') top center no-repeat;
    display: block;
    height: 62px;
    margin: 0px auto;
    width: 932px;
  }
    .language_region {
      float: right;
      margin-right: 42px;
      width: 300px;
    }
    .language {
      background: url('../img/common/language_bar.gif') bottom right no-repeat;
      height: 10px;
      margin-top: 15px;
      padding-bottom: 6px;
    }
    .language li {
      float: right;
      height: 10px;
      overflow: hidden;
      padding-right: 4px;
      width: auto;
    }
    .language li.label {
      padding: 0px;
    }
    .language li.label img {
      margin-bottom: 1px;
      vertical-align: top;
    }
    .language li.line {
      background: url('../img/common/lang_divider.gif') no-repeat top left;
      padding-left: 5px;
      padding-right: 0px;
    }
    .region {
      font-size: 12px;
      text-align: right;
    }
    
    .region-selector {
        width: 110px;
        
        /* Mar 7, 2010: Phil M: Added two lines below */
        max-width: 140px;
        font-size: 12px;
        width: auto;
    }
    
    /*
    Mar 7, 2010: Phil M: Removed

    * html .region-selector {
        font-size: 12px;
        width: auto;
    } 
    */
    
    .search {
      float: left;
      margin-left: 42px;
      margin-top: 14px;
      width: 530px;
    }
    .search form {
      float: left;
      width: 177px;
    }
    .search label {
      display: block;
    }
    .search .search_error {
      color: #e5173f;
      float: left;
      margin-left: 10px;
      padding-top: 4px;
      text-align: left;
    }
    .search .input.text {
      float: left;
      display: inline;
      margin: 2px 2px 0px 0px;
      padding: 0px;
    }
    .search .submit {
      padding-top: 2px;
    }
    .search .textinput {
      border-left: 1px solid #808080;
      border-top: 1px solid #808080;
      border-bottom: 1px solid #d4d0c8;
      border-right: 1px solid #d4d0c8;
      height: 18px;
      margin: 0px;
      padding: 0px;
      width: 150px;
    }
  
  /* content-classes
  ------------------------------------------- */
  .content_area {
    float: left;
  	padding: 15px 0px 6px 17px;
  	width: 900px;
  }
  .content_area.fit_column {
    background: none;
    width: 716px;
  }
  .featured_column {
    float: right;
    padding-top: 17px;
    text-align: right;
  	width: 170px;
  }
  .featured_column .featured_list img {
    height: 98px;
    width: 158px;
  }
  
    .featured_list.content_page li {
      border-bottom: 1px solid #ccc;
      margin-bottom: 18px;
      padding-bottom: 18px;
    }
    .featured_list.content_page img {
      float: left;
      height: 98px;
      width: 158px;
    }
    * html .featured_list.content_page img {
      margin-top: 10px;
    }
    
    .featured_list.content_page p {
      float: right;
      font-size: 12px;
      padding: 0px;
      width: 715px;
    }
    .featured_list.content_page p.details {
    	font-size: 11px;
    	padding-top: 7px;
    }
    * html .featured_list.content_page p,
    * html .featured_list.content_page p.details {
      width: 700px;
    }
    .featured_list.content_page p.details a {
      font-size: 10px;
      font-weight: bold;
    }
    .featured_list.content_page p.details strong {
      font-size: 11px;
      font-weight: bold;
    }
  
  /* home page classes
  ------------------------------------------- */
  .home_artists {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    width: 237px;
  }
  .home_artists .titlebar {
    padding-left: 29px;
    width: 208px;
  }
  * html .home_artists .titlebar {
    width: 237px;
  }
  .home_featured_upcoming {
    border-top: 1px solid #ccc;
    float: right;
    margin-bottom: 30px;
    overflow: hidden;
    padding-left: 10px;
    text-align: center;
    width: 685px;
  }
  * html .home_featured_upcoming {
    width: 695px;
  }
  .home_featured_upcoming .titlebar {
    background-image: url('../img/common/home_titlebar.gif');
    width: 685px;
  }
    .home_featured {
      margin-bottom: 10px;
    }
    .home_featured .featured_list {
      margin-top: 2px;
      width: 795px;
    }
    .home_featured .featured_list ul {
      width: 100%;
    }
    .home_featured .featured_list li {
      clear: none;
      display: block;
      float: left;
      margin-right: 2px;
      width: 170px;
    }
    .home_featured .featured_list img {
      height: 98px;
      width: 158px;
    }
    
    .home_featured .featured_list.large {
      margin-bottom: 10px;
      margin-top: 2px;
      width: 795px;
    }
    .home_featured .featured_list.large ul {
      display: block;
      width: 100%;
    }
    .home_featured .featured_list.large li {
      clear: none;
      display: block;
      float: left;
      margin-right: 2px;
      width: 342px;
    }
    .home_featured .featured_list.large li p {
      font-size: 13px;
      line-height: 15px;
      margin-bottom: 0px;
      padding: 6px;
    }
    .home_featured .featured_list.large img {
      height: 219px;
      width: 330px;
    }
    .home_featured .featured_list.large strong {
      font-size: 14px;
    }
    
    .home_main_feature {
      padding: 10px 0px;
    }
  
  /* titlebar-classes
  ------------------------------------------- */
  .titlebar {
    background: #efefef url('../img/common/bar_full.gif') no-repeat top left;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    overflow: hidden;
    width: 932px;
  }
  .titlebar h1 {
    display: inline;
    float: left;
    padding-left: 15px;
    padding-top: 9px;
    width: auto;
  }
  .titlebar.with_column {
    background: url('../img/common/bar_split.gif') no-repeat top left;
  }
    .titlebar .column {
      float: right;
      height: 28px;
      width: 185px;
    }
    .titlebar .column h1 {
      padding-left: 7px;
    }
    .titlebar .view_all {
      background: url('../img/eng/view_all.gif') no-repeat top left;
      display: block;
      float: right;
      height: 17px;
      margin-left: 10px;
      margin-right: 6px;
      margin-top: 6px;
      width: 49px;
    }
    .titlebar .view_all.fr-ca {
      background-image: url('../img/fre/view_all.gif');
    }
  
  
  /* footer-classes
  ------------------------------------------- */
  .language.footer {
    background: none;
    margin-top: 11px;
  }
  * html .language.footer li {
    padding-right: 4px;
    padding-top: 0px;
  }
  * html .language.footer li.label {
    padding: 0px;
  }
  .navigation.footer {
    background: none;
    height: 51px;
    margin-top: 5px;
  }
  .subnav.footer {
    font-size: 11px;
    padding-left: 36px;
    padding-top: 11px;
  }
  .subnav.footer li {
    padding: 5px 7px 0px 6px;
  }

  /* rogers classes
  ------------------------------------------- */
  .rogers-header {
    background: #ccc url('../img/common/header-bg.jpg') no-repeat top left;
    height: 173px;
    margin: 0px auto;
    text-align: center;
    width: 950px;
  }
  .rogers-header.en-ca {
    background-image: url('../img/eng/header-bg-new.jpg');
  }
  .rogers-header.fr-ca {
    background-image: url('../img/fre/header-bg-new.jpg');
  }
    .rogers-header-ad {
      display: block;
      height: 83px;
      left: 365px;
      position: relative;
      top: 20px;
      width: 690px;
    }
    
    
    
    .rogers-header-nav 
    {
	  display: block;
      height: 30px;
      margin-left: 214px;
      position: relative;
      top: 42px;
    }
    .rogers-header-nav li {
      display: block;
      float: left;
      height: 30px;
      width: auto;
    }
    .rogers-header-nav li.help {
      width: 52px;
    }
    .rogers-header-nav li.tickets {
      /*width: 69px;*/
      width: 145px; /* new width since "tickets" tab was changed to "wireless box office" */
      margin-right: 2px;
    }
    .rogers-header-nav li.urmusic {
      width: 73px;
      margin-right: 2px;
    }
    .rogers-header-nav li a {
      display: block;
      height: 100%;
      width: 100%;
    }
    
  .rogers-footer {
    border-top: 3px solid #000;
    height: 47px;
    margin-bottom: 4px;
    text-align: center;
    width: 100%;
  }
    .rogers-logo {
      float: left;
      height: 47px;
      width: 145px;
    }
    .rogers-footer-nav {
      float: right;
      height: 47px;
    }
    .rogers-footer-nav li {
      color: #393939;
      display: block;
      float: left;
      font-size: 11px;
      font-weight: bold;
      margin-top: 15px;
      margin-left: 25px;
    }
    .rogers-footer-nav li a:link,
    .rogers-footer-nav li a:visited {
      color: #393939;
    }
    .rogers-footer-nav li a:hover {
      color: #000;
    }
    

/* common-classes
------------------------------------------- */
img.imgbrdr,
:link img.imgbrdr,
:visited img.imgbrdr {
  border: 6px solid #e0e0e0;
}
img.imgbrdr.hover,
:link img.imgbrdr.hover,
:visited img.imgbrdr.hover {
  border-color: #c71321;
}
h1.artist {
  background-color: #fff;
  color: #d71726;
  font-size: 25px;
  font-weight: bold;
  padding: 6px 0px 14px;
}
form.validation,
p.validation {
  margin: 0px auto 10px auto;
  text-align: center;
  width: 75%;
}

/* ARTISTS LIST */
ul.artists_list {
  background: url('../img/common/home_artists.jpg') no-repeat top left;
  padding: 7px 0px 20px 0px;
}
ul.artists_list a:link, .artists_list a:visited {
  color: #b70d1a;
  font-weight: normal;
}
ul.artists_list a:hover {
  text-decoration: underline;
}
ul.artists_list li {
  line-height: 18px;
  margin: 0px auto 6px auto;
  padding-left: 21px;
  width: 170px;
}
* html ul.artists_list li {
  margin-left: 20px;
  width: 191px;
}

/* EVENTS LISTING */
table.event_list {
  width: 100%;
}
table.event_list td {
  padding: 5px 0px 5px 5px;
}
table.event_list td.artist {
  width: 25%;
}
table.event_list td.artist a.name:link,
table.event_list td.artist a.name:visited {
  color: #636363;
  line-height: 16px;
}
table.event_list td.artist a.name:hover {
  color: #000;
}
table.event_list td.city {
  width: 20%;
}
table.event_list td.date {
  width: 11%;
}
table.event_list td.price {
  width: 6%;
  text-align: right;
}
table.event_list td.tickets,
table.event_list td.save_up_to {
  text-align: right;
  width: 13%;
}
table.event_list td.venue {
  width: 25%;
}
table.event_list thead td {
  background: #fff;
  color: #c3c3c3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
}
table.event_list thead td.price {
  text-align: center;
}
table.event_list tbody tr.row-even {
  background: #f1f1f1;
}
table.event_list tbody tr.row-odd {
  background: #fff;
}
table.event_list tbody td {
  font-size: 11px;
  line-height: 16px;
}
table.event_list tbody td.artist {
  font-size: 13px;
  font-weight: bold;
}
table.event_list tfoot td {
  background: #f1f1f1;
  color: #000;
  height: 1px;
  font-size: 0px;
  padding: 0px;
}
table.event_list p.wrapper {
  margin: 5px 0px;
  padding: 0px;
}
table.event_list span.special {
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  padding: 3px 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
table.event_list span.special a {
  background: none;
  color: #fff;
  text-decoration: none;
}
table.event_list span.special a:hover {
  background: none;
  color: #fff;
  text-decoration: none;
}
table.event_list span.buy_tickets {
  background: #d71726;
}
table.event_list span.on_sale {
  background: #d71726;
  display:inline-block;
}
table.event_list span.pin_code {
  background: #d71726;
}
table.event_list span.sold_out {
  background: #000;
}


.table_scroller {
  height: 1000px;
  overflow: auto;
  width: 100%;
}

/* FEATURED LIST */
ul.featured_list li {
  clear: both;
  margin-bottom: 2px;
}
ul.featured_list li p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0px;
  padding: 6px;
}
ul.featured_list li a:link, .featured_list li a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  line-height: 15px;
  text-decoration: none;
}
ul.featured_list li a:hover {
  color: #000;
}
ul.featured_list .read_more {
  display: block;
}

/* utility-classes
------------------------------------------- */
.clear {
  clear: both;
}
.clear.left {
  clear: left;
}
.clear.right {
  clear: right;
}
.error-message {
  background-color: #fff;
  color: #ff0000;
  text-align: center;
}


/* autocomplete field
------------------------------------------- */
.ac_input {
	width: 200px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url('../img/common/loading-small.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* misc classes
------------------------------------------- */
.clear {
 display: inline-block;
}
.clear:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.ordering-tickets {         
	float:left;
	padding: 0;
	width: 950px;
}

.ordering-tickets iframe {
	width: 960px!Important;
	margin-left: -5px;
	border: none!Important;
}

.order-tickets-bar {
	background: #EFEFEF url('../img/common/bar-950.gif') no-repeat 0% 0%!Important;
	width: 950px;
}

/* New Tabs */
.new-tabs {
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
	padding-top: 39px;
	padding-left: 170px;
	
}

.new-tabs li {
	float: left;
}

.new-tabs li.urmusic a,
.new-tabs li.tamusik a,
.new-tabs li.wbo a,
.new-tabs li.billetterie-sans-fil a,
.new-tabs li.ringtones a,
.new-tabs li.sonneries a,
.new-tabs li.ringbacks a,
.new-tabs li.tonalites a,
.new-tabs li.blog a,
.new-tabs li.billets a,
.new-tabs li.help a, 
.new-tabs li.aider a {
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/*urMusic Tab*/
.new-tabs li.urmusic a {
	background-image: url(../img/tabs/en/urmusic.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.tamusik a {
	background-image: url(../img/tabs/fr/tamusik.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.urmusic a.active {
	background-image: url(../img/tabs/en/urmusic-active.jpg);
}
.new-tabs li.tamusik a.active {
	background-image: url(../img/tabs/fr/tamusik-active.jpg);
}

/*Wireless Box Office Tab*/
.new-tabs li.wbo a {
	background-image: url(../img/tabs/en/wbo.jpg);
	height: 44px;
	width: 152px;
}
.new-tabs li.billetterie-sans-fil a {
	background-image: url(../img/tabs/fr/billetterie-sans-fil.jpg);
	height: 44px;
	width: 152px;
}
.new-tabs li.wbo a.active {
	background-image: url(../img/tabs/en/wbo-active.jpg);
}
.new-tabs li.billetterie-sans-fil a {
	background-image: url(../img/tabs/fr/billetterie-sans-fil-active.jpg);
}

/*Ringtones Tab*/
.new-tabs li.ringtones a {
	background-image: url(../img/tabs/en/ringtones.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.sonneries a {
	background-image: url(../img/tabs/fr/sonneries.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.ringtones a.active {
	background-image: url(../img/tabs/en/ringtones-active.jpg);
}
.new-tabs li.sonneries a.active {
	background-image: url(../img/tabs/fr/sonneries-active.jpg);
}

/*Ringbacks Tab*/
.new-tabs li.ringbacks a {
	background-image: url(../img/tabs/en/ringbacks.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.tonalites a {
	background-image: url(../img/tabs/fr/tonalites.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.ringbacks a.active {
	background-image: url(../img/tabs/en/ringbacks-active.jpg);
}
.new-tabs li.tonalites a.active {
	background-image: url(../img/tabs/fr/tonalites-active.jpg);
}

/*Blog Tab*/
.new-tabs li.blog a {
	background-image: url(../img/tabs/en/blog.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.billets a {
	background-image: url(../img/tabs/fr/billets.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.blog a.active {
	background-image: url(../img/tabs/en/blog-active.jpg);
}
.new-tabs li.billets a.active {
	background-image: url(../img/tabs/fr/billets-active.jpg);
}

/*Help Tab*/
.new-tabs li.help a {
	background-image: url(../img/tabs/en/help.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.aider a {
	background-image: url(../img/tabs/fr/aider.jpg);
	height: 44px;
	width: 93px;
}
.new-tabs li.help a.active {
	background-image: url(../img/tabs/en/help-active.jpg);
}
.new-tabs li.aider a.active {
	background-image: url(../img/tabs/fr/aider-active.jpg);
}