/* ESSENTIALS */
* { margin: 0; font-family: arial, helvetica, FreeSans, Nimbus Sans L, Garuda, Utkal, sans-serif; vertical-align:bottom; }

body {
  margin:0;
  padding:0;
  background:#685c72 url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/tw-bg.jpg') fixed;
  font-size:12px;
  color:#2c2c2c;
}
a { text-decoration:none; color:#8033b1; font-weight:bold; cursor:pointer }
a:hover { text-decoration:underline }
a img { border:none }
b { font-weight:bold; display:block; } /* presentational bolding and it is block-element. DO NOT USE THIS AS A BOLD ELEMENT */
p { margin:0 0 1em; }
sup { vertical-align:text-top }
h1, h2, h3, h4, h5 { font-weight:bold; }

ul { margin-bottom:1em; }
ul.flush { padding-left:16px; }

/* STANDARD FORM ELEMENT STYLES */
select, input { width:auto; overflow:visible }

label.radio input, label.checkbox input { vertical:middle; margin-right:5px; }
label.radio, label.checkbox, label.textbox { display:block; }
label.textbox input { border:2px solid #787878; background-color:#efefef; }
label.textbox span { text-align:right }
label.radio { line-height:2em; }

/* DEBUG */
/*
.left-col, .mid-col, .right-col { display:none }
*/

/* ///////////////////// LAYOUT SPRITES CALLS ///////////////////// */
#header, #footer, #logo a, #search, #search a, .login .header, .login .logo  { background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/tw-sprites.png') }
.accordion a.accordion-item, .accordion a.accordion-open, .tab-content .cal, .nav .lid { background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/common-sprites.png') }
/* ///////////////////// LAYOUTS ///////////////////// */
#page { background: url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/frame-bg.png') center top repeat-y; margin:0 auto;
		max-width: 1220px; _width: expression(document.body.clientWidth > 1220? "1000px": document.body.clientWidth ); }
#frame { margin:0 auto;  width:1010px; }

#leaderboard { padding:10px; text-align:center }

#header {
  height:88px;
  padding-top:12px;
  position:relative;
  background-color:#000;
  background-position:left top;
  background-repeat:repeat-x;
  border-bottom:2px solid #695c72;
}

#tw-locations {
  position:absolute;
  top:21px;
  left:27px;
  color:#e5e4e4;
  font-size:10px;
  font-weight:bold;
}
#tw-locations a { color:#e5e4e4; }

#logo { position:absolute; top:42px; left:27px; }
#logo a, .login .logo {
	position:relative;
	display:block;
  background-position:-119px -242px;
  background-position:right bottom;
  background-repeat: no-repeat;
  width:187px;
  height:40px;
  outline:none; /* REMOVE FIREFOX LINK OUTLINE */
  text-indent:-10000px;
}

#search {
  position:absolute;
  background-position:0 -196px;
  background-repeat:no-repeat;
  width:300px;
  height:40px;
  top:32px;
  left:333px;
}

#search-text {
  position:absolute;
  top:9px;
  left:10px;
  border:2px solid #787878;
  background-color:#efefef;
  width:184px;
  padding:2px;
  color:#414141;
}

#search a {
  position:absolute;
  right:6px;
  top:11px;
  background-position:0 -236px;
  background-repeat:no-repeat;
  width:85px;
  height:25px;
  outline: none;
  text-indent:-10000px; /* To let the screenreader read the text even the text isn't in the viewport */
}
#search a:hover, #search a:focus { background-position: 0 bottom; }

#welcome-section {
  position:absolute;
  top:39px;
  right:20px;
  text-align:right;
}
#welcome-section strong { text-transform:uppercase; }
#welcome-section .white-text { padding-bottom:4px; font-size:14px }
#welcome-section .white-text * { color:#fff }
#welcome-section a { font-size:10px; color:#bcbdbe; }
#welcome-section a.highlight { color:#bb85de; }

#main {
  overflow:hidden;
  width:980px;
	min-height:250px;
	background-color:#1f1e1e;
  padding:20px 15px 100px; /* bottom padding for footer */
}

#footer {
  position:relative;
  height:96px;
  width:100%;
  background-color:#1f1e1e;
  background-position:0 -100px;
  background-repeat: repeat-x;
  color:#b4b4b4;
  text-align:center;
}


#footer-links { position:absolute; top:-30px; left:0; width:986px; padding:0 12px 12px; }
#footer a { color:#b4b4b4; text-transform:uppercase; white-space:nowrap; font-weight:normal }
#footer a:hover { color:#b4b4b4; }
#partner-sites { padding:12px; line-height:18px; }
#partner-sites a { font-size:10px;}

.left-col { float:left; width:153px; }
.mid-col { float:left; width:491px; margin-left:17px; }
.right-col { float:right; width:300px; }

/* ///////////////////// UTILITIES ///////////////////// */

/* GENERIC LID AND CONTAINER STYLES */
/*
*****************************************************
GENERIC HTML STRUCTURE
module
|_ default-lid
|_ default-container
*/

.default-lid {
  background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/default-lid.jpg');
  background-position:0 0;
  background-repeat:no-repeat;
  height:32px;
  line-height:32px;
  padding:0 10px;
  color:#c6c6c6;
  font-size:18px;
  margin-bottom:1px;
}

.default-container { background-color:#efefef; padding:10px}

/* DEFAULT BUTTON STYLES */
/*
*****************************************************
HTML STRUCTURE
input.button
*/


input.button, input.button-disabled {
  border-width:2px;
  border-style:solid;
  color:#fff;
  font-weight:bold;
  padding:0px 5px;
}
input.button { border-color:#a574c5 #4e087a #4e087a #a574c5; background-color:#8033B1;  }
input.button-disabled { border-color:#e8dbf0 #d1bfdd #d1bfdd #e8dbf0; background-color:#decaeb;  }
input.button:active { border-color:#4e087a #a574c5 #a574c5 #4e087a;  }

/* GENERIC NAV LID AND CONTAINER STYLES */
/*
*****************************************************
HTML STRUCTURE
nav module
|_ lid
|_ container
*/

.nav .lid {
  background-position:0 -51px;
  height:29px;
  max-height:29px;
  line-height:29px;
  padding:0 10px;
  color:#000;
  font-size:12px;
  font-weight:bold
}

.nav .container {
  background-color:#efefef;
  padding:10px;
}

/* ACCORDION STYLES */
/*
*****************************************************
HTML STRUCTURE
accordion
|_ a.accordion-item
|_ accordion-content
   |_ padding
*/
.accordion a.accordion-item,
.accordion a.accordion-open {
  margin-top:1px;
  display:block;
  background-position:0 -80px;
  background-repeat: repeat-x;
  height:29px;
  line-height:29px;
  padding:0 10px;
  color:#fff;
  font-size:12px;
  font-weight:bold;
}
.accordion a.accordion-open,
.accordion a.accordion-item:hover { background-position:0 bottom; text-decoration:none; }

.accordion .accordion-content { color:#2c2c2c; font-size:12px; background-color:#efefef; overflow:hidden }
.accordion .accordion-content a { display:block; }
.accordion .accordion-content .padding { padding:10px; }


/* GENERIC MODULE STYLES */
/*
*****************************************************
HTML STRUCTURE
(light/dark) module
|_ title
|_ padding
*/
.module-tw { margin-bottom:20px; }
.ad { font-size:10px; color:#afafaf; text-align:center }

.dark { background:#575757 url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/dark-bg.jpg'); }
.light { background:#eeedf0 url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/light-bg.jpg');; }
.dark, .light { padding:10px; }

.dark .title { font-size:18px; font-weight:normal; color:#FFFFFF; margin-bottom:5px; margin-top:-5px; }
.light .title { font-size:20px; font-weight:bold; color:#2c2c2c;  margin-bottom:5px; margin-top:-5px; }

.dark .padding, .dark-container { background-color:#d2d2d2; border:1px solid #424242; padding:10px; overflow:hidden }
.light .padding, .light-container  { background-color:#FFFFFF; border-width:1px; border-style:solid; border-color: #d0cfd1 #a8a6a6 #757474 #ababac; padding:10px; overflow:hidden }

/* artist module styles */
.artist-image { float:left; display:inline; margin-right:20px;}
.artist-text { float:left; display:inline; font-size:16px; }
.artist-text h1 { font-size:18px; font-weight:bold; }
.artist-text h1 a { font-weight:bold; }
.artist-text a { font-weight:normal }
.artist-text .more { font-size:14px; font-weight:bold; }
.artist-text p { margin:20px 0 }


/* CALENDAR LIST TABS STYLES */
/*
*****************************************************
HTML STRUCTURE
calendar-list
|_ tabs
   |_ ul
      |_ li
         |_ a
   |_ pagination
|_ tab-line
*/
.calendar-list { padding:5px; background:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/light-bg.jpg'); }
.calendar-list .header { padding:0 5px 5px 0;  height:48px; max-height:48px; }
.calendar-list .header b { font-size:28px; color:#121212; font-weight:normal; }

.calendar-list .tabs { width:100%; position:relative; }
.calendar-list .tabs li a, .tab-line  { background-image: url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/calendar-list-sprites.png'); background-repeat:no-repeat; }
.calendar-list .tabs ul { margin:0; padding:0; list-style:none; }
.calendar-list .tabs ul { width:100%; overflow:hidden; }
.calendar-list .tabs li { margin-left:8px; white-space:nowrap; float:left; display:inline; text-align:center; }
.calendar-list .tabs li a{
  display:block;
  color:#000;
  font-size:16px;
  font-weight:normal;
  background-position: 0 -4px;
  width:89px;
  height:20px;
  padding-top:3px;
  cursor:pointer;
  outline:none;
}
.calendar-list .tabs li a:hover,
.calendar-list .tabs li a:focus,
.calendar-list .tabs li a:active,
.calendar-list .tabs li a.selected { background-position:0 bottom; text-decoration:none; }
.calendar-list .tabs li a.selected { font-weight:bold;}
.calendar-list .tabs li.first { margin-left:0; }
.calendar-list .tabs .pagination { position:absolute; bottom:4px; right:0; font-size:11px; }
.tab-line {  height:4px; font-size:0; }

/* TAB CONTENT AS A LIST */
/*
*****************************************************
HTML STRUCTURE
tab-content
|_ ul
   |_ li
      |_ cal
      |_ image-col
      |_ event-col (must set a fixed width)
      |_ action-col
*/
.tab-content ul {
  padding:0;
  border-width:0 1px 1px;
  border-color:transparent #a9a8a6 #7c7c7c #a9aaa9;
  border-style:none solid solid;
  list-style:none;
  background-color:#fff; /* To mask the gap on IE Browsers */
  margin:0;
}
.tab-content li {
  background:#fff url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/list-item-bg.gif') repeat-x;
  padding:5px 10px 10px;
  overflow:hidden;
}
/* CALENDAR STYLES */

.tab-content .cal {
  border:1px solid #a3a3a4;
  background-repeat: repeat-x;
  float:left;
  display:inline;
  margin-right:10px;
  text-align:center;
  width:48px;
  height:51px;
}
.tab-content .cal b { line-height:1em; }
/* NORMAL CALENDAR ICON */
/*
*****************************************************
HTML STRUCTURE
cal
|_ b.day
|_ b.num
|_ b.month
*/
.tab-content .cal b.day { padding-top:2px;color:#fff; font-size:14px; font-weight:normal }
.tab-content .cal b.num { color:#fff; font-size:20px; font-weight:normal }
.tab-content .cal b.month { color:#575657; font-size:11px; }

/* DEFAULT CALENDAR ICON WITH MULTIPLE DATES */
/*
*****************************************************
HTML STRUCTURE
cal
|_ b.line1
|_ b.line2

*/
.tab-content .cal b.line1 { padding-top:13px; color:#fff; font-size:13px }
.tab-content .cal b.line2 { color:#575657; font-size:13px; }

/* DEFAULT CALENDAR ICON WITHOUT DATES */
/*
*****************************************************
HTML STRUCTURE
cal info
*/
.tab-content .info { background: url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/cal-info.png') no-repeat; }

/* The rest of the elements in the item. .event-col must have a width value to wrap the texts. */
.tab-content li .image-col { float:left; display:inline; width:95px; padding-right:10px; line-height:1.1em }
.tab-content li .event-col { float:left; display:inline;  line-height:1.25em; word-wrap:break-word; }
.tab-content li .action-col { float:right; display:inline; white-space:nowrap;}

/* POPUP STYLES */
/*
*****************************************************
HTML STRUCTURE
popup
|_ img.close
|_ padding
*/
.popup { border:2px solid #aeaeae; background-color:#ececec; overflow:hidden }
.popup .padding { padding:10px 20px 10px 10px; }
.popup .close { float:right; margin:5px; cursor:pointer }

/* LIGHTBOX STYLES */
/*
*****************************************************
HTML STRUCTURE
lightbox - MUST HAVE A DEFINED WIDTH
|_ table
   |_ tr.top-curve
      |_ td.left
      |_ td.fill
      |_ td.right
   |_ tr.body
      |_ td.fill
      |_ td
      |_ td.fill
   |_ tr.bottom-curve
      |_ td.left
      |_ td.fill
      |_ td.right
*/
.lightbox { position:absolute; }
#lightbox_shade { background-color:#000; z-index:99; }
table.lightbox-wrapper { table-layout:fixed; }

#lightbox_shade,
table.lightbox-wrapper tr.top-curve td,
table.lightbox-wrapper td.fill,
table.lightbox-wrapper tr.bottom-curve td { opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  filter:alpha(opacity=60); }

table.lightbox-wrapper td.fill { background-color:#cdcbcd; font-size:0; }
table.lightbox-wrapper tr.top-curve td.fill,
table.lightbox-wrapper tr.bottom-curve td.fill { height:6px; }
table.lightbox-wrapper tr.body td.fill { width:6px; }

table.lightbox-wrapper tr.top-curve td.left,
table.lightbox-wrapper tr.top-curve td.right,
table.lightbox-wrapper tr.bottom-curve td.left,
table.lightbox-wrapper tr.bottom-curve td.right { background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/images/lightbox-corners.gif'); background-repeat:no-repeat; width:6px; height:6px; font-size:0; }

table.lightbox-wrapper tr.top-curve td.right { background-position: right top }
table.lightbox-wrapper tr.bottom-curve td.left { background-position: left bottom }
table.lightbox-wrapper tr.bottom-curve td.right { background-position: right bottom }

.lightbox .content { background-color:#2c2c2c; padding:10px 5px; color:#b5b5b5; }

.lightbox .hline { height:2px; font-size:0; background-color:#636363; border-bottom:1px solid #1a1a1a; }
.lightbox .close { text-align:right; margin:5px 0 10px; }
.lightbox .close a, .login .close a:hover { color:#b5b5b5; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase }
.lightbox .close a span { font-size:16px; font-weight:bold; vertical-align:-0.1em; }

/*  LOGIN LIGHTBOX */
/*
*****************************************************
HTML STRUCTURE
login lightbox
|_ table
   |_ tr.top-curve
      |_ td.left
      |_ td.fill
      |_ td.right
   |_ tr.body
      |_ td.fill
      |_ td
         |_ header
            |_ logo
            |_ options
         |_ content
            |_ form
         |_ hline
         |_ close
      |_ td.fill
   |_ tr.bottom-curve
      |_ td.left
      |_ td.fill
      |_ td.right
*/
.login { width:444px; }
.login .header { position:relative; height:76px; }
.login .logo { position:absolute; bottom:13px; left:20px;  }
.login .options { position:absolute; bottom:5px; right:10px; color:#7a7b7d; }
.login .options a { color:#C086E5; font-weight:normal }
.login .content { background-color:#2c2c2c; padding:10px 5px;}
.login .form { width:300px; padding:10px; }
.login .form label {  text-align:right; margin-bottom:10px; }
.login .form label input { width:177px; }
.login .button, .login .login-options { margin-left:120px; }
.login .login-options { margin-bottom:10px;  }
.login .login-options a { font-size:11px; color:#c588e5; font-weight:normal}
/* ///////////////////// COMMON SELECTORS ///////////////////// */
.clear { clear:both; display:inline;}
ul.no-bullet { margin:0; padding:0; list-style:none; }
.hook { position:relative }
.arrow { font-size:0.8em; }

/* text styles */
.text30 { font-size:30px !important; }
.text16 { font-size:16px !important; }
.text14 { font-size:14px !important; }
.text12 { font-size:12px !important; }
.text11 { font-size:11px !important; }
.text-addons { font-size:14px; color:#2c2c2c; }



/* Text colors */
.highlight { color:#8033b1; }
.white-text { color:#fff }
.error { color:#f00 !important }

/* non-brandables */
.default-link-color { color:#8033b1 !important }
a.default-link-style { text-decoration:none !important; color:#8033b1 !important; font-weight:bold !important; cursor:pointer }
a.default-link-style:hover { text-decoration:underline !important }

/* branded conditionals */
#branded-header { padding:0; background-image:none;text-align:center; }
#branded-footer, #poweredByTW img.tw-logo { background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/about/images/branded/branded-footer-sprites.png') }
#branded-footer { position:relative; height:96px; width:100%; background-color:#000; background-position:0 -25px; background-repeat: repeat-x;  text-align:center; }
#poweredByTW { padding:10px; color:#b4b4b4; }
#poweredByTW img.tw-logo {background-image:url('https://a248.e.akamai.net/f/248/15404/24h/i.ticketweb.com/about/images/branded/branded-footer-sprites.png');
	 background-position:0 0; background-repeat:no-repeat; width:115px; height:25px; margin:10px 0; }
#footer-links, #footer-links a { color:#b4b4b4; text-transform:uppercase; white-space:nowrap; font-weight:normal; font-size:12px }


/* normal event name for frontDoor */
a.eventName
{
	font-weight:normal;
}

/* moved from privatelabel.css*/
.attraction {
	font-size: 14px;
	font-weight: bold;
}

.header-gray {
	font-size: 10px;
	text-transform: uppercase;
	color: #EFEFEF;
	background-color: #999999;
	font-weight: bold;
}

.header-gray a
{
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.header-lightgray-none-case {
	font-size: 10px;
	text-transform: none;
	color: #999999;
	background-color: #EFEFEF;
	font-weight: bold;
}

.header-lightgray {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	background-color: #EFEFEF;
	font-weight: bold;
}

.header-lightgray-quantity {
	text-align: center;
}

.typehead, .typehead a:link, .typehead a:visited {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
}

.message-red {
	color: #CC0000;
}

.message-red-on-white {
	color: #CC0000;
	background-color: #FFFFFF;
}

/* Text */
.bodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
}
.bodytxt-sm {
	font-size: 10px;
}

.ticketInfo {
    font-size: 14px;
    padding-right: 10px;
}
.textAlignRight {
    text-align: right;
}
.verticalMiddleAlign {
    vertical-align:middle;
}
.verticalTopAlign {
    vertical-align:top;
}
.ticketPriceWidth {
    width: 30%;
    min-width: 30%;
}