/* 
 *  This an shopping list overlay CSS. These styles only work in tandem with edp.css
 *
 */


/*  OVERRIDES */
.neutral-lid .right {
  padding-top:3px;
  font-size:11px;
  font-weight:bold;

}


.adaForm.short td.label { width:115px; }

.adaForm.short input,
.adaForm.short select,
.adaForm.short textarea {    
  width:185px;
}
/* */

#artistContainer .right { float:right }

.cart-widget { 
  border:1px solid #cacaca;  
  background:#f8f7f8 url('../img/sys/common_new/edp/icn_cart.gif') 10px 7px no-repeat;
  padding:5px 10px 5px 30px;
  text-align:left;
}


.color-line { background-color:#fff } /* new Branded Property */

/* Lid styles */

.branded-lid {
  display:block;
  padding:0px 5px 5px;
  color:#fff;
  zoom:1; /* REMOVES gap space on IE for span clearing */
}

.branded-lid .left { float:left; height:23px; line-height:22px; }
.branded-lid .right { float:right }
.branded-lid .clear { height:auto }

/* Table Styles */
.shop-list table { width:100% }

.shop-list th {
  background-color:#666;
  color:#fff;
  padding:5px;
  font-weight:bold;
  font-size:12px;
  line-height:1em;
  text-align:left;
}

.shop-list th a, .shop-list th a:hover {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
 }

.shop-list td { 
  background-color:#f8f7f8;
  border-bottom:1px solid #cacaca;
  padding:5px;
  font-size:12px;
  text-align:left;
  vertical-align:top;
}

.shop-list tr.odd td {
  background-color:#f0eeef;  
}

.shop-list tr.not-available td {
  padding-top:10px;
  padding-bottom:10px;
}

.shop-list tr.not-available td input { display:none }


.shop-list .reset-col { width:1%; text-align:center; padding-left:10px; padding-right:20px; }
.shop-list .date-col { width:20%; white-space:nowrap; }
.shop-list .event-col { width:51%; font-weight:bold }
.shop-list .price-col { width:28%; }
.shop-list .price-col a { font-weight: bold }


/* Panel Bar */
.panel-bar {width:100%}

.panel-item { background-color:#dddcdd}
.panel-item-on{ background-color:#fff }

.panel-item-on .check-col { visibility:hidden } /* hide any check marks when selected */

.panel-widget {
  padding:10px 8px;
  background-color:#dddcdd;
  text-align:right;
  font-size:11px;
  font-weight:bold;
  border-bottom:1px solid #cacaca;  
}

.panel-bar .featured-container { background-color:transparent;}

.featured-container{ 
  border-bottom:1px solid #cacaca;
  margin-bottom:0;
}

.panel-summary .check-col {float:left; width:25px; text-align:center;}
.panel-summary .details-col { float:left; width:270px; text-align:left; }
.panel-summary .action-col { float:right; width:100px; font-size:11px; white-space:nowrap; text-align:right;}
.panel-summary .clear { height:auto }
.panel-summary { padding:10px 8px !important; }

.overflow-ada { 
  position:relative;
  overflow:hidden;
  height:96px;
  width:100%; 
}

.panel-actionbox {
  text-align:center;
  font-size:11px;
}

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

/* wide version actionbox */
.shop-list-actionbox {
  background-color:#fff;
  padding:20px 25px;
}

.shop-list-actionbox .left { float:left;  width:580px; }
.shop-list-actionbox .right { float:right; width:330px; line-height:1.3em; text-align:center }

.shop-list-actionbox .clear { height:auto }



/* Summary of ticket requests */
.summary-table { width:100% }
.summary-table th { 
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  padding:5px 5px 10px;
}

.summary-table th a,
.summary-table th a:hover {color:#fff}
.summary-table th a:hover {text-decoration:underline}

.summary-table td {
  background-color:#dddcdd;
  border-bottom:1px solid #cacaca;
  padding:10px 5px;
  font-size:12px;
  text-align:left;  
}


.summary-table .check-col {width:9%; text-align:center}
.summary-table .events-col {width:25%;}
.summary-table .request-col {width:42%;}
.summary-table .action-col {width:24%;text-align:left; white-space:nowrap; font-size:11px;}

.indent { padding-left:1.2em }