/* OVERRIDES */

#mainContent {padding:0;}
p {margin:0 0 1em; line-height:1.3em}
p.last {margin-bottom:0;}

/* ******** Artist Venue Overview Classes ******** */
#artistContainer {background-color:#fff; padding: 20px 10px 10px 10px;  width:980px }

.artistImage {  
  float:left;
  padding-right:10px; 
}

.artistDetails {
  float:left;
  text-align: left;
  vertical-align: top;  
  width:325px;
}

.artistDetails h5 a,
.venue-name-link { 
  color:#414141; 
}

.artistDetails h5 a:hover,
.venue-name-link:hover {color:#034678}

.artistDetails h3 {
  font-size: 16px;
  margin-bottom:0;
}

.auto-width {
  width:auto !important;
}

/* Event Detail Section */

#eventDetailBox {
  float:right;
  width:422px;
 
}

.shareLinks {
  width:404px; /*original 420px */
  background-color:#fff;
  padding:4px 8px;
  border:1px solid #dddbdc;
  display:block;
  margin-bottom:10px;
}

.shareLinks img {vertical-align:middle}
.shareLinks span {padding:0 10px 0 5px; font-size:11px;}

.padLt5px { padding-left: 5px; }

span#at15ptc { display: none;} 

span.label { padding-right: 0;} 

/* Info Module */

.infoModule-itemList {
  position:absolute;
  width:178px;
  z-index:3;
}
.infoModule-item, 
.infoModule-item-on,
.infoModule-item-disabled {
  font-size:13px;
  padding:8px 12px; 
  cursor:pointer; 
}

.infoModule-item,
.infoModule-item-disabled {
  background-color:#f0eeef;
  border-top:1px solid;
  border-left:1px solid;
  border-bottom:1px solid;
  border-color:#fff;
}

.infoModule-item a { color:#414141; display:block }
.infoModule-item a:hover { color:#414141; text-decoration:underline;}
.infoModule-item-disabled a { color:#cacaca; display:block; }
.infoModule-item-disabled,
.infoModule-item-disabled a:hover { color:#cacaca; cursor:default !important}


.infoModule-item-on {
  background-color:#fff;
  font-weight:bold;
  border-top:1px solid;
  border-left:1px solid;
  border-bottom:1px solid;  
  width:156px;
  cursor:default;
}

.infoModule-item-on a,
.infoModule-item-on a:hover { cursor:default; }

.infoModule-itemContent {
  width:243px;  
  position:absolute;
  z-index:2;
  margin-left:180px;
}

.infoModule-itemContentDetails {
  border-width:1px;
  border-style:solid;
  background-color:#fff;
  padding:10px 15px;
  font-size:11px;
  line-height:1.3em;
}

.viewLinks {
  position: absolute;
  background-color:#fff;
  bottom: 1px;
  right: 11px;
  left: 6px;
  padding-left: 5px;
  padding-right: 5px;
  font-size:11px;
  height: 24px;
  width:220px;
  z-index: 3;
}

a.expandosLink { 
  color:#414141; 
  font-weight:bold; 
  display:block;
}

a.expandosLink span {  
  padding-right:10px;
  background:url('../img/sys/common_new/edp/icn_expandos-close.gif') right 2px no-repeat;
}
  
a.expandosLink-open { 
  color:#414141; 
  font-weight:bold; 
  display:block;
}

a.expandosLink-open span {  
  padding-right:14px;
  background:url('../img/sys/common_new/edp/icn_expandos-open.gif') right 4px no-repeat;
}

a.expandosLink:hover,
a.expandosLink-open:hover { color:#02113A;}

div.expandos-open { padding-left:10px; display:block }
div.expandos-closed { display:none }

/* Tabs Classes */
 
.tabs{ background-color:#fff; padding-left:10px}

a.tabs-lid {
  background-color:#ef6307; /* brandable properties */    
  padding:4px 0 5px; 
 *padding:0 0 5px; 
 }
 
a.tabs-lid img {vertical-align:-8px;}
a.tabs-lid span.tab-text { padding-left:5px; padding-right:5px;}
a.tabs-lid:hover span.tab-text {text-decoration:underline}
a.tabs-lid-on {
  padding:11px 0 5px; 
 *padding:0 0 5px; 
  font-size:14px; 
 }
 
a.tabs-lid-on {cursor:default; }
a.tabs-lid-on img {vertical-align:0px; }
a.tabs-lid-on span.tab-text { padding-left:8px; padding-right:8px;}
a.tabs-lid-on span.tabtip { display:none }

/* COMMON tab attributes */
a.tabs-lid,
a.tabs-lid-on {
  color:#fff; 
  font-weight:bold;
}

a.tabs-lid:hover,
a.tabs-lid-on:hover {color:#fff;}

.tab-line { height:9px; display:block; }

/* ******** Tab Content ******** */

#tabContent {
  display:block;
  padding:10px;
  background-color:#fff;  /*brandable properties */
}

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

/* List styles under Tab Content */
#mainContent li { margin-bottom:1em}
#mainContent ol { 
  margin:0 0 0 20px;
 *margin:0 0 0 25px;
}
#mainContent ol li {padding-bottom:0}
#mainContent ul { padding:10px 0 0 20px} 

#mainContent ul.noGap {padding-top:0}
#mainContent ul.noGap li,
#mainContent ol.noGap li {margin-bottom:0}



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

.featured-lid { 
  padding: 2px 10px 7px; 
  display:block;
  line-height:1.6em;
  zoom:1; /* REMOVES gap space on IE for span clearing */
}



/* tExchange-block is only used for TeamExchange/TicketExchange  */
.featured-venue img,
.tExchange-block img { margin-right:10px; }

.featured-venue td { vertical-align:top }

.featured-venue td.vertCenter { vertical-align:middle; }

.tExchange-block td { vertical-align:middle }
.tExchange-block a { font-weight:bold }


.featured-actionbox {
  padding:65px 0 40px;
  text-align:center;
  font-size:11px;
}

.featured-actionbox input {
  margin-bottom:10px;
  font-size:12px;
}

.featured-actionbox a{
  display:block;
  font-size:11px;
  margin-bottom:10px;
}

.featured-shoplistPromo {
  background: #fff url('../img/sys/common_new/edp/icn_cart.gif') 15px center no-repeat;
  padding-left:40px;
}

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




/* Merchandising module */

.merchant img { margin-right:10px; }
.merchantText div { font-size:13px; line-height:1.3em }
.merchantText a { font-weight:bold }

/* Related Links module */
.relatedLinks a { font-weight:bold }


/* WrapBox module */
#opaque { 
  position:absolute; 
  z-index:4; 
  background /**/:url('../img/sys/common_new/edp/opacity96.png');
  padding:1px;
}

.wrapBox {
  position:absolute;  
  z-index:5;  
  border:1px solid #c4c4c4;
  background-color:transparent;  
  text-align:center
}

.wrapBoxPadding { padding:10px 20px }
.wrapBoxCentering { text-align:center}


#recaptcha h1 { font-size:18px; margin:0 0 10px }
#recaptcha h2 { font-size:15px; margin:0 0 5px }
#recaptcha input.textField { width:300px; margin-bottom:25px;}
#recaptcha input { display:block; margin:0 auto  }
#recaptcha p { margin:8px 0 }
.recaptcha-image { border:1px solid #cacaca; margin:0 auto; display:block }
.recaptcha-options { text-align:center; margin: 10px 0 }
.recaptcha-options img {vertical-align:middle}
.recaptcha-options span {padding:0 15px 0 5px; font-size:11px;}

/* Search Onload module */

#search-onload h1 { font-size:18px }
#search-onload img { margin: 15px auto 15px }

/* Results Table module */

.resultsTable th {
  background:#fff url('../img/sys/common_new/edp/bg_th.gif') bottom left repeat-x;
  padding:5px 6px;
  text-align:left;
  color:#999;
  border-bottom:1px solid #cacaca;
  white-space:nowrap;
}

.resultsTable th a { color:#999; }
.resultsTable th a:hover { color:#034678;}

a.sortable {
  background:url('../img/sys/common_new/edp/icn_tabledownarrow.gif') right 50% no-repeat;
  padding-right:10px;
}

a.sortable-invert {
  background:url('../img/sys/common_new/edp/icn_tableuparrow.gif') right 50% no-repeat;
  padding-right:10px;
}

.resultsTable th img { vertical-align:middle }
.resultsTable td {
  padding:5px 6px;
  background-color:#fff;
  font-size:13px;
  border-bottom:1px solid #cacaca;  
  vertical-align:middle;
}

.resultsTable .section-col { width:10%; white-space:normal; padding-left:10px; }
.resultsTable .row-col { width:15%; white-space:normal; }
.resultsTable .seats-col { width: 20%; white-space:normal;}
.resultsTable .qty-col { width:19%; white-space:normal }
.resultsTable .price-col { width: 35%; text-align:right; white-space:normal }
.resultsTable .button-col { 
  width:1%; 
  text-align:right; 
  white-space:nowrap; 
 *padding-left:0; 
  padding-right:10px; 
}

.resultsTable .options {  
  display:block;  
  background-color:#fff;
  padding:10px;
  zoom:1;
}
.resultsTable .options a {font-weight:bold}
.resultsTable .options a.grayLink {font-weight:normal}
.resultsTable .left { float:left }
.resultsTable .right { float:right }

.sectional-lid {
  background-color:#f0eeef;
  padding:10px;
  border-bottom:1px solid #cacaca;
}

/* ***** TABLE STYLES ***** */
/* ADA form table */

.adaForm input,
.adaForm select,
.adaForm textarea {   
  text-align:left;
  width:95%;
}

.adaForm td {vertical-align:top; padding-bottom:12px;}

.adaForm td.label {
  width:55%;
  vertical-align:top;
  font-size:13px;
  padding-right: 5px;
}

/* Calendar form table */
.calendarForm {width:auto}
.calendarForm th {
  text-align:left;
  font-size:13px;
  font-weight:bold;  
  padding-bottom:5px;
}

.calendarForm th.title-field { padding-top:10px;}
.calendarForm td { 
  text-align:left;
  padding-left:20px; 
  padding-right:0;
  padding-bottom:5px;
}
.calendarForm td.first { padding-left:0; padding-right:20px }

.calendarForm label { text-transform:uppercase; font-size:13px;}
.calendarForm input { width:auto;}


/* Ticket Details table */

.ticketDetails { font-size:13px; margin-bottom:10px;}

.ticketDetails th,
.ticketDetails td {
  text-align:left;
  padding:0 20px 10px 10px;
  border-left: 1px solid #cacaca;
}

.ticketDetails th.first-cell,
.ticketDetails td.first-cell { border-left:none; }

.ticketDetails th { 
  font-weight:bold; 
  border-bottom:1px solid #cacaca  
}
.ticketDetails td { padding-top:10px; padding-bottom:0px;}
.ticketDetails tr.total td { border-bottom:1px solid #cacaca; border-left:none; padding-bottom:10px; }
.ticketDetails tr.last-row td { border-bottom:1px solid #cacaca; padding-bottom:10px; }

/* two-col is a table style for two columns demonstrated in thank you pages */
.two-col { width:100% }
.two-col-nopad { width:auto }

.two-col td,
.two-col-nopad td{ 
  width:50%; 
  vertical-align:top;
}

.two-col td {  
  padding-top:10px;
  padding-bottom:10px;
}

.two-col td.left,
.two-col-nopad td.left{ 
  font-weight:bold; 
  text-align:right;
  padding-right:15px;
}


/* Custom CSS selector override for TicketsNow Module */

.ticketsnow-module .neutral-lid .left { width:300px }
.ticketsnow-module .neutral-lid .right { width:80px; text-align:right; }

.resultsTable .tixnow-section-col,
.resultsTable .tixnow-price-col { white-space:normal }

.resultsTable .tixnow-section-col { width:80%; }
.resultsTable .tixnow-price-col { width:20%; text-align:right } 
.ticketsnow-module {border:1px solid #acacac;}

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

/* BIG DHTML Dropdown styles for Select Quantity  */

.bigDropDown {
  position:relative;
  border:1px solid #acacac;  
  background-color:#fff;
  width:85px;
  z-index:20;
}

.bigDropDown img.normal,
.bigDropDown img.open {
  float:right;
  cursor:pointer;
  border-bottom:0;
}

.bigDropDown img.open { border-bottom:1px solid #acacac;}


.bigDropDown-number {  
  padding:5px 10px;
  background-color:#fff;
  width:27px; 
  text-align:center;
  font-size:22px;
  float:left;
}

.bigDropDown-list {
  position:absolute;
  margin-left:-1px;
  z-index:20;
  width:85px;  
  border:1px solid #acacac;
  background-color:#fff;
}

.bigDropDown-list a,
.bigDropDown-list a:hover {
  display:block;
  padding:5px 48px 5px 10px;
  text-align:center;
  font-size:22px;
}

.bigDropDown-list a { color:#414141 }

.bigDropDown-list a:hover {
  color:#fff;
  background-color:#FFAA48;
}

/* Normal DHTML Dropdown Styles - just in case if standard select forms are not used.*/

.dropDown {
  position:relative;
  border:1px solid #acacac;  
  background-color:#fff;
  width:150px; /* width of the entire dropdown */
  z-index:9;
}

.dropDown img.normal,
.dropDown img.open {
  float:right;
  cursor:pointer;
  border-bottom:0;
  display:inline;
}

.dropDown img.open { border-bottom:1px solid #acacac;}


.dropDown-number {  
  padding:2px 5px;
  background-color:#fff;  
  text-align:center;
  font-size:13px;
  float:left;
}

.dropDown-list {
  margin-left:-1px;
  z-index:20;
  width:150px;  /* width of the entire dropdown */
  border:1px solid #acacac;
  background-color:#fff;
}

.dropDown-list a,
.dropDown-list a:hover {
  display:block;
  padding:2px 0px 2px 5px;
  text-align:left;
  font-size:13px;
}

.dropDown-list a { color:#414141 }

.dropDown-list a:hover {
  color:#fff;
  background-color:#FFAA48;
}


/* Expandable containers for the ticket-cell module */


.expandable-container {
  float:left;
  padding:2px;
  width:93%;
  background-color:#f0eeef;
  margin-bottom:15px;
}


.expandable-lid,
.expandable-lid-open{
  padding:4px 0px 0px 20px;
  height:20px;
  background-color:#fff;
  background-image: url('../img/sys/common_new/edp/expand-arrows.gif'); 
  background-repeat: no-repeat;  
  cursor:pointer;
}

.expandable-lid-open { background-position:0 0px; }
.expandable-lid { background-position:0 -24px; }

.expandable-lid h4,
.expandable-lid-open h4 { margin-bottom:0 }

.expandable-content {
  padding:10px 10px 10px 20px;
  font-size:11px;
}

.expandable-content a { font-size: 11px }
.expandable-content table td { 
  padding-top:5px;
 *padding-top:0;   
}

.expandable input {
  margin-right:7px;
 *margin-right:4px;  
}

.expandable label {  
  font-weight:bold;
  font-size:12px;
 }
 
.expandable label.disabled {color:#afafaf;}


/*
 * Usage of tooltip for tabs
 * For the tooltip to work on tabs, the HTML structure must be similar to this:
 *
 * <a href="#" class="tabs-lid tooltip"> { static tab code... } <span class="tabtip" style="display:none"> { static text... }</span></a>
 *
 */
 
a.tooltip { position:relative; }

.popup {
  position:absolute;
  z-index:21;
  border:1px solid #cacaca;
  background-color:#fff;
  font-size:11px;
  font-weight:normal;
  color:#414141;  
  width:220px;
  display:inline;
}

.popup-title {
  padding:5px 5px 2px 10px; 
}

.popup-title strong { font-size:12px; }
.popup-title img { float:right; cursor:pointer; vertical-align: middle; }
.popup-content { padding:0px 10px 10px;}
.popup-overflow {
  padding-top:6px;
  line-height:1em;
 *height: auto; /* sets max-height for IE7 and up */
 _height: 230px; /* sets max-height for IE6 and below */
  max-height:230px;     
  overflow-x:hidden;
  overflow-y:auto;
}

/* Dual Horizontal Slider Styles */

#sliderWrap {
  background:url('../img/sys/common_new/edp/bg_hscrollbar.gif') no-repeat;
  height:35px;
}

#track {
  position:relative;
  height:35px;
  width:319px; 
}

#handle1, 
#handle2 {
  cursor:pointer;
  height:32px;
  width:22px;
  position:absolute;
  top:2px;  
  z-index:1;
  background:url('../img/sys/common_new/edp/slider.gif') no-repeat;
}

#between {  
  font-size:2px;
  height:10px;  
  position:absolute;
  top:18px;  

}

/* Other common elements */

a img.questionMark { background-color:#FFAA48; cursor:pointer; } /*brandable properties */
a:hover img.questionMark { background-color:#ef6307; cursor:pointer; }
.errorMark { background-color:#cd0000 }



/* texts */


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



