/* youtube player */

#youtube_player {
	margin: 10px 0 10px 0;
	background-color: #000;
}

#ytplaybutton {
	width: 16px;
	height: 16px;
	float: left;
/*	margin-right: 1px solid #666666;*/
}

#yttimebar {
	float: left;
	position: relative;
	/* width: 450px;*/
/*	width: 266px;*/
	width: 240px;
	height: 16px;
	background-color: #000;
	border: 1px solid #333;
	margin-left: auto;
	margin-right: auto;
	background: #000 url(/images/shared/timebar-bg.gif) top repeat-x;	
	margin-top: -1px;
/*	margin-right: 1px solid #666666;*/
}

#yttimebarIndicator {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 5px;
	height: 16px;
}

#controlbar {
	height: 16px;
}

#ytcounter {
	color: #FFF;
	float: left;
	width: 25px;
	height: 12px;
	font-size: 9px;
	padding-top: 4px;
	background: #000 url(/images/shared/counter-bg.gif);
	border-right: 1px solid #666666;
	overflow: hidden;
}

#ytmutebutton {
	width: 16px;
	height: 16px;	
	float: left;
}

#ytplaylist {
	padding: 8px 0 0 0;
	clear: both;
	height: 236px;
	overflow: scroll;
	background-color: #000;
}

#ytplaylist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ytplaylist ul li {
	margin: 0 0 4px 0;
	list-style-type: none;
	padding: 4px;
	border-bottom: 1px solid #000;
	background-color: #3a3a3a;
	font-size: 11px;
}

/* ================================ Login Bar */

#login-bar {
  margin: 0px;
  padding: 8px;
  width: 100%;
  background-color: #ffffff;
  border-bottom: #000000 solid 6px;
  font-size: 12px;
  color: #000000;
  text-align:center;
}


#header #right p.login {
  font-size:12px;
  margin-bottom:5px;
}

#login-bar form {
	display: inline;
}

#login-bar img {
	vertical-align: middle;
}

/* ================================ General Layout */

body {
  background-color: #ffffff;
  font-family: Helvetica Neue-Light, "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, sans;
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
  background-image: url(/images/dpums/bg_page.gif);
  background-repeat: repeat-x;
  background-position:bottom;
 
}

img  {
  border:0px;
}

#header {
  margin: 10px auto 0px auto;
  width: 920px;
  text-align:center;
}

#header #left {
  float:left;
  width:300px; 
  margin-left:0px;
  margin-top:12px;
}

#header #right {
  float:right;
  width:585px;
  text-align:left;
  font-size:12px;
  line-height:15px;
  margin-top:23px;
  
}

#header #right p {
 margin:0px;
 padding:5px 0px 5px 0px;

 
  
}


#container {
  width: 910px;
  margin: 0px auto 0px auto;
  padding-top: 0px;


}

#container #maincol {
  width: 580px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  float: right;
}

#container #sidecol {
  width: 300px;
  margin: 0px;
  padding-top:6px;
  float: left;
}

#container #sidecol p {
  text-align:justify;
  font-size: 12px;
  line-height:16px;
  margin-top:10px;
  margin-bottom:2px;
}

a:link {
  color: #f22700;
  text-decoration: none;
}

a:link img {
  border:0px;
}

a:visited {
  color: #f22700;
  text-decoration: none;
}

a:hover {
  color: #03d7d5;
  text-decoration: underline;
}

h2 {
	color:#000000;
	font-size:32px;
	font-style:normal;
	font-weight:bold;
	line-height:34px;
	margin-top:4px;
	margin-bottom:10px;
	padding-bottom:0px;
}

h3 {
	color:#000000;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	line-height:26px;
	margin-bottom:0px;
	margin-top:6px;
}

h4 {
  font-size: 18px;
  line-height:20px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  margin-top:10px;
  margin-bottom: 10px;
  border-bottom:0px solid #000000;
  padding-bottom:0px;
}

.icon {
  border: 0px;
  margin-top: 2px;
}

ul {
  margin-bottom: 16px;
}

li {
  margin: 5px 0px 0px -25px;
  list-style: none;
  list-style-image: none;
  list-style-type: disc;
}

.newspost {
  border-top: 1px solid #000000;
  padding: 8px 0p 10px 0px;
  margin-top: 0px;
}

p.posted-by  {
  font-size:11px;
  margin:3px 0px 3px 0px;
}

p.posted-by:before  {
  content:url(/images/dpums/posted_bullet.png);;
}

.passespost {
  background-color: #f0e3c5;
  border-top: 1px solid #e5d5ad;
  border-bottom: 1px solid #e5d5ad;
  padding: 8px;
  margin-top: 6px;
}

.purchase {
  width: 135px;
  float: right;
  margin-top: 18px;
}

.pass-description {
  width: 420px;
  float: left;
  margin-top: 5px;
}

.purchase a:link {
  background-color: #58800a;
  padding: 12px;
  border: 0px;
  color: #FFFFFF;
  border: 1px solid #58800a;
  text-decoration: none;
}

.purchase a:hover {
  background-color: #4c6e09;
  padding: 12px;
  border: 0px;
  color: #FFFFFF;
  border: 1px solid #00CC33;
  text-decoration: none;
}

.purchase a:visited {
  background-color: #3f5e04;
  padding: 12px;
  border: 0px;
  color: #FFFFFF;
  border: 1px solid #58800a;
  text-decoration: none;
}

.title {
  padding: 10px 0px 2px 20px;
}

.blue {
	color:#00CCCC;
	padding-right:5px;
}

.orange {
  color: #fe6600;
}

.clearer {
  clear: both;
}

.bigtext {
  font-size: 20px;
  line-height: 25px;
}

.image-left {
  float:left;
  padding-top:0px;
  width:150px;
  
}

.paragraph-right {
  float:right;
  width:400px;
  
}


.author {
  font-size: 11px;
  color: #14987e;
  font-style: normal;
  font-weight: bold;
}

.date {
  font-size: 11px;
  color: #830439;
  font-style: italic;
}

.price {
  color: #830439;
}

/* ============================ Main Nav */


#mainnav {
 
  margin: 0px 0px 0px 0px;
  
  
}

#mainnav ul {
     margin: 0px 0px 0px -40px;
}

#mainnav li {
  float: left;
  padding-top: 0px;
  font-size: 16px;
  margin: -6px -3px 8px 0px;
  list-style-image: none;
  list-style: none;
  font-weight:bold;
 
}


hr {
  border-top: #000000 1px solid;
  padding: 0px;
}

#mainnav li.first {
  margin: 0px 10px 15px -40px;
}


#searchform  {
 vertical-align:top;
 margin-top:0px;
 padding-bottom:5px;
}

#searchform input {
  vertical-align:top;
}


.searchbtn  {
  margin-bottom:5px;
  
}
.search  {
  border:1px #000000 solid;
  height:15px;
  padding:7px 2px 2px 2px;
  margin-top:0px;
}

/* ============================ tabs above Accordians */

#tabs {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 40px;
}

#tabs li {
  float: left;
  padding: 8px;
  font-size: 26px;
  margin: 0px 50px 0px 0px;
  list-style-image: none;
  list-style: none;
}

#tabs li.active {
  background-color: #381501;
  color: #FFFFFF;
}

/*  ============================ Page Footer */

.page-footer {
  border-top: #000000 solid 0px;
  background-color: #000000;
  padding: 15px;
  font-size: 10px;
  margin-top: 15px;
  height: 120px;
  color: #ffffff;
}

.page-footer .left {
  float:left;
  width:600px;
}

.page-footer .right {
  float:right;
  width:300px;
  text-align:right;
}

.page-footer h4 {
 color:#daeb07;
 margin:0px; 
}
.page-footer img {
 border:0px;
}

.page-footer a {
  color:#00f7f6;
}

.page-footer a:hover {
  color:#00f7f6;
  text-decoration:underline;
}

div.powered_by {
	float: right;
}

/*  ============================ Vertical Accordions */

.accordion_toggle {
  display: block;
  height: 34px;
  width: 560px;
  background-color: #381501;
  padding: 0 10px 8px 10px;
  line-height: 30px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  color: #000000;
  border-bottom: 2px solid #fdf2d7;
  cursor: pointer;
  margin: 0 0 0 0;
}

.accordion_toggle_active {
  background-color: #72310c;
  color: #ffffff;
  border-bottom: 2px solid #fdf2d7;
  border-top: 3px solid #381501;
}

.accordion_content {
  background-image: url(/images/dpums/bg_accordion_content.png);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #fceec5;
  overflow: hidden;
  width: 560px;
  padding: 0px 10px 10px 10px;
}

#vertical_container .title {
  padding: 3px 0px 0px 0px;
  float: left;
  width: 420px;
}

#vertical_container h1 {
	color:#FAE6A9;
	font-size:13px;
	font-style:italic;
	font-weight:100;
	line-height:16px;
}

#vertical_container .accordion_content h2 {
  font-family: Helvetica, Arial,  sans-serif;
  color: #381501;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  padding-bottom: -0px;
  margin-bottom: 2px;
}

.date {
  font-size: 12px;
}

.accordion_content p {
  line-height: 150%;
  padding: 5px 10px 15px 10px;
}

.vertical_accordion_toggle {
  display: block;
  height: 30px;
  width: 560px;
  background: url(/images/dpums/accordion_toggle.jpg) no-repeat top right #a9d06a;
  padding: 0 10px 0 10px;
  line-height: 30px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  color: #000000;
  border-bottom: 1px solid #cde99f;
  cursor: pointer;
  margin: 0 0 0 0;
}

.venue_showcount {
  float: right;
  color: #00CCCC;
  font-style: italic;
  font-size: 12px;
  width: 130px;
  text-align: right;
  padding-top: 8px;
}

.vertical_accordion_toggle_active {
  background: url(/images/dpums/accordion_toggle_active.jpg) no-repeat top right #e0542f;
  color: #ffffff;
  border-bottom: 1px solid #f68263;
  width: 560px;
}

.vertical_accordion_content {
  background-color: #ffffff;
  color: #444444;
  overflow: hidden;
}

.vertical_accordion_content h2 {
  margin: 15px 0px 0px 10px;
  color: #0099FF;
  padding-bottom: 0px;
}

.vertical_accordion_content p {
  line-height: 150%;
  padding: 5px 10px 15px 10px;
}

/*
			Horizontal Accordion
		*/

.horizontal_accordion_toggle {
	float: left;
	display: block;
  height: 100px;
  width: 30px;
  background: url(/images/dpums/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  border-right: 1px solid #cde99f;
  cursor: pointer;
  margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
  background: url(/images/dpums/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
  border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	height: 100px;
	/* We need to define a height for the accordion as it stretches the width */
	float: left;
	/* This make sure it stays horizontal */
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}

.horizontal_accordion_content p {
  width: 450px;
  line-height: 150%;
  padding: 5px 10px 15px 10px;
}

/* Container styling*/

#horizontal_container {
  margin: 20px auto 20px auto;
  width: 680px;
  height: 100px;
}

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 620px;
}

/* ============================ Artists names within the Accordion VENUE listings */


.accordion_content .name {
	font-style:italic;
	color:#FF6000;
	font-size:18px;
	font-style:italic;
	background-color:#5A0127;
	border-bottom:2px solid #3B0101;
	border-right:2px solid #3B0101;
	float:left;
	font-size:16px;
	line-height:22px;
	margin:0 6px 3px 0;
	padding:6px 6px 1px;
}

.accordion_content .name a {
  font-style: italic;
  color: #ff6000;
  font-size: 18px;
}

.accordion_content .name a:hover {
  color: #fff;
}

.time {
	color:#FDF2D7;
	font-family:Helvetica,Arial,sans-serif;
	font-size:9px;
	font-weight:100;
	text-transform:lowercase;
}

/* ============================ Artists names within the Accordion ARTIST listings */

.accordion_content table.artist {
  width: 558px;
  font-size: 16px;
  padding: 0px;
  height: 22px;
  font-size: 16px;
  border: 0px;
}

.accordion_content table.artist td {
  background-color: #5a0127;
  border-bottom: 2px solid #3b0101;
  border-right: 2px solid #3b0101;
  padding: 6px 0px 5px 6px;
  margin: 0px;
}

.accordion_content table.artist  a {
  font-style: italic;
  color: #ff6000;
  font-size: 18px;
}

.accordion_content table.artist  a:hover {
  font-style: italic;
  color: #fff;
}

.accordion_content table.artist td.venue {
  width: 370px;
}

.accordion_content table.artist td.showstats {
  width: 60px;
  border-left: #00ff00 0px solid;
  padding-left: 6px;
  font-family: Helvetica, Arial,  sans-serif;
  font-size: 12px;
}

.accordion_content table.artist td.showstats a {
  font-size: 12px;
}

.accordion_content .name a {
  font-style: italic;
}

.accordion_content .name a:hover {
  color: #fff;
}

.accordion_content .name .time {
	color:#FDF2D7;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}


.artistphoto {
  text-align: center;
}

/* checkout */

/* aligngrid */

table.aligngrid {
  border-spacing: 0;
  border-width: 0;
  margin: 5px 0 10px 0;
}

table.aligngrid td, table.aligngrid th {
  padding-right: 4px;
  padding-bottom: 4px;
}

table.aligngrid tr {
  vertical-align: top;
}

/* cart */

table.cartgrid {
  margin-top: 15px;
  font-size: 14px;
/*  color: #b5b697;*/
/*	background-color: #000;*/
}

table.cartgrid td, table.cartgrid th {
  padding-right: 4px;
  padding-bottom: 4px;
  text-align: left;
  border-bottom: 1px solid #3D3D3D;
}

table.cartgrid tr {
  vertical-align: top;
}

table.cartgrid {
/*	width: 450px;*/
	border-spacing: 0;
  border-width: 0;
}

table.cartgrid td, table.cartgrid th {
  padding: 4px;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

table.cartgrid tr.totalrow {
  font-weight: bold;
}

table.cartgrid td.price, table.cartgrid th.price {
  text-align: right;
}

/* bandgrid */

table.bandgrid  {
  background-color:#000000;
  
}

table.bandgrid td {
	vertical-align: top;
	text-align: center;
	padding: 6px;
	width: 140px;
  border:1px solid #333333;
  background-color:#1f1e1e;
}

table.bandgrid td:hover {
  border:1px solid #808700;
  background-color:#000000;
}

table.bandgrid td a {
	margin-bottom: 0px;
}

#map {
	width: 300px;
	height: 450px;
	border:2px solid #000000;
}

#artistdetail div.splash_img {
	float: left;
	margin: 18px 10px 10px 0;
}

.appearing {
	padding:7px 2px 7px 4px;
	font-size:14px;
	line-height:30px;
	background-color:#eaf300;
  margin-bottom:3px;
  font-weight:bold;
  
}

.appearing:hover {

	background-color:#f4fd0a;
}

h5 {
	font-size:18px;
	font-weight:normal;
	color:#000000;
	margin-top:12px;
	margin-bottom:7px;
	font-weight:bold;
}

#venuemap {
	width: 300px;
	height: 300px;
	border:2px solid #000000;
}

/* pagination */

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #b92a0f;
	text-decoration: none; 
	color: #F22700;
	background-color:#262626;
}

div.pagination a:hover, div.pagination a:active {
	
	color: #03d7d5;
	border:1px solid #808700;
  background-color:#000000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #b92a0f;
	font-weight: bold;
	background-color: #e5ea00;
	color: #000;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #444444;
	color: #444444;
}


.artists-pagination  {
  padding:8px;
  background:#000000;
}


/* artist page */

ul.artist-links {
  
  margin-left:-40px;
}

ul.artist-links li {
  float:left;
  margin:0px;
  list-style:none;
  padding-right:20px;
}



/* ticket pricing grid */

table#ticketpricing  {
	width:577px;
	border:1px solid #d6d6d6; 
	margin-bottom:20px;
}

table#ticketpricing td {
	padding:6px 3px 6px 3px;
}

table#ticketpricing td.price {
	font-weight:bold;
	font-size:20px;
	color:#000000;
	text-align:center;
}

table#ticketpricing td.center {
	text-align:center;
}

table#ticketpricing tr.title {
	background-color:#dbe500; 
	height:35px;
	font-size:16px;
	font-weight:bold;
}

table#ticketpricing tr.price1 {
	background-color:#b4fcfc;
}

table#ticketpricing tr.price2 {
	background-color:#96fefe;
}


table#ticketpricing tr.price3 {
	background-color:#6dffff;
}


table#ticketpricing tr.price4 {
	background-color:#00fdff;
}

error

div.notice {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #F3FFF1;
	border: 1px solid #116A01;
	color: #116A01;
	margin: 5px 0 10px 0;
	padding: 5px;
}

div.error {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid red;
	color: red;
	background-color: #FDDEDE;
	margin: 5px 0 10px 0;
	padding: 5px;
}

/* show grid */


tr.showheader {
 font-size:22px;
 font-weight:bold; 
 height:30px;
 border-bottom:3px solid #000000;
 margin-left:50px;

}

tr.show  {
  margin:0px;
  cell-spacing:0px;
  border:2px solid #d8ec01;
}

tr.show .starts_at {
  height:50px;
  width:100px;
  padding-left:5px;
  color:#00e9ea;
  font-weight:bold;
  font-size:18px;
  margin:0px;
 

  
}

tr.show .starts_at .start {
 background-color:#000000; 
 padding:6px;
 margin-right:-8px;
}


tr.show .starts_at .day {
  font-size:11px;
  color:#dedf00;
}

tr.show .artist_title {
  height:62px;
  width:470px;
  margin:0px;
  padding-left:10px;
  background-color:#dee100;
  border-left:#000000 4px solid;
  
}

tr.show .artist_title:hover {
 
  background-color:#e9ec05;
  
}

tr.show .artist_title {
  font-size:14px;
  font-weight:bold;
}

tr.show .artist_title .venue {
  font-size:12px;
  font-weight:normal;
}

tr.show .artist_title .age {
  font-size:12px;
  font-weight:normal;

}

/* Venue page show grid */

.venuelist  {
  font-size:12px;
  margin-bottom:2px;
  background-color:#dee100;
  padding:2px 4px 2px 6px;
  border-left:4px solid #000000;
  
}

.venuelist:hover  {
  background-color:#e9ec05;
  
}

.venuelist .showcount {
  font-weight:bold;
  
}

.address  {
  margin:0px;
}

.venue-showtime  {
 background-color:#000000; 
 color:#00e9ea;
 padding:8px;
 font-weight:bold;
}

.age_restriction  {
  font-size:11px;
  
}

.presented_by  {
  font-style:italic;
  font-weight:normal;
  
}


/* ============================ Calendar Nav */


#calnav {
 width:580px;
  margin: 15px 0px 0px 0px;
  border-bottom:3px solid #000000;
  padding:0px;
  
  
}

#calnav ul {
     margin: 0px 0px 0px -40px;
}

#calnav li {
	color: #FFF;
  float: left;
  padding-top: 0px;
  font-size: 18px;
  margin: 0px 10px 0px 0px;
  list-style-image: none;
  list-style: none;
  font-weight:bold;
  padding:8px;
  background-color:#000000;
}