/*
	PAGE LAYOUTS CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:	
	Project:	Ticketek
	
	Purpose: 	This stylesheet defines the styles used by the content pages, i.e. events, venues etc.
	Dependancy:	ticketekCore.css
*/

/* Put margina at top of pages with NO secondary Nav */
.marginTop { margin-top:34px !important; }

#island300x600 {
	clear:both;
	width:300px;
	height:600px;
	margin:10px 0 10px 0;
}

/* Events Pages
============================================================================== */

#eventInfoWrap {
	padding:5px 0px 0px 0px;
}

#eventInfoWrap .columnLeft,
#eventInfoWrap .columnRight {
	width:300px;
	float:left;
}

#eventInfoWrap .columnLeft { margin:0px 20px 0px 0px; }
#eventInfoWrap .columnRight { margin:0px; }

#buyTicketsContent {
	width:298px;
	border:1px solid white;
	background-color:#FFF;
	font-size:1.2em;
	padding-top:10px;
	padding-bottom:0px;
	color:#000;
	text-align:left;
	position:relative;  
	min-height: 271px;
}

.buyTicketsInformation
{
    padding-left:12px;
	padding-right:12px;
}

.cc-fee-blurb {
  display:none;
}

#buyTicketsContent .label
{
	color: #000;
	line-height: 1.6em;
}

#buyTicketsContent a
{
	color:#0071BC;
	text-decoration:none;
	font-weight:bold;
}

#buyTicketsContent a:hover
{
	text-decoration:underline;
}


* html #buyTicketsContent 
{
    height: 271px;
}

#buyTicketsContent h2 { 
	color:#0f3f81;
	font-size:1.45em;
	margin:3px 0 6px 0;
	padding:0;
	font-weight:bold;
}

#buyTicketsContent p span {
	color:red;
	font-weight:bold;
}

#buyTicketsContent select {
	width:271px;
	color:#000;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size:1.1em;
}

#buyTicketsContent .warning
{
    color: red;
}

#buyTicketsContent p { margin: 10px 0;}

#buyTicketsContent p.seriesSlots {
	margin-left: 10px;
}

#buyTicketsContent .buyTicketsTransMsg {
	font-size:0.85em;
}


#buyButton { text-align:center; padding-bottom:10px; padding-top:10px; }

#buyImportantInfo {
	background-color:#ffffff;
	padding-left:12px;
	padding-right:12px;
	padding-top:1px;
	color:#000;
	font-size:1.1em;
	padding-bottom:10px;
}

#buyImportantInfo a 
{ 
	color:#0071BC;
	text-decoration:none;
	font-weight:bold;
}

#buyImportantInfo hr
{
    margin-top:5px;
    margin-bottom:5px;
}

#buyImportantInfo .cc-price {
  display: none;
}

#buyImportantInfo ul {
  list-style: disc;
  margin-left: 15px;
}

.buyImportantInfoContents
{
	padding-top:5px;
}

.eventPricingHeader {
	font-size:1.1em;
	padding-top:0px;
	padding-left:12px;
	vertical-align:middle;
	text-align:left;
	background-color:#FFD520;
	height:30px;
}

.eventPricingHeader h2 {
	padding-top:5px;
	font-size:1.425em;
}

#bannerHalfIsland,
#islandBannerSpace {
	clear:both;
	width:300px;
	margin:10px 0;
}

#bannerHalfIsland img,
#islandBannerSpace img { border:none !important; }

.moreEventPageInfo {
	margin:10px 0 10px 0;
	background-color:#005399;
	border:1px solid #4aacff;
	padding:15px;
}


table.tableEventLocation {
	width:100% !important;
}

table.tableEventLocation img {
	border:1px solid #70a9dd;
}

.eventsMenuMap {
	width:265px;
	padding:15px;
}

.eventsMenuMap img {
	float:left;
	margin:0 5px 0 10px;
}

.eventsMenuMap img.buttonVenueLarge {
	margin:15px 0 0 0;
}

.eventImg .caption {
	background:transparent url(/images/captionBg.png) top left repeat;
	padding:4px 10px 4px 0;
	position:relative;
	text-align:right;
	font-size:1.1em;
	width:288px;
	margin:0 auto;
	margin-top:-26px !important;
}

* html .eventImg .caption {
	background-image:none !important;
	background-color:#000000;
}

/* Events cancelled */

.cancelledShow {
	padding:14px;
	border:1px solid #4aacff;
	color: #0f3f81;
	background-color: #ffffff;
	margin-bottom:10px;
}

.cancelledShow H4 {
	color:#0f3f81;
	font-size:1.4em;
	margin:0 0 10px 0;
	padding:0;
}

.cancelledShow a {
	color:#0f3f81;
	font-weight:bold;
}

/* inner tabs for venues accordion */

#innerTabsSmaller {
	border-left:1px solid white;
	border-bottom:1px solid white;
	color:#ffffff;
	width:278px;
	margin:0 auto;
	text-align:center;
	padding:0 !important;
}

#innerTabsSmaller a {
	background:#70A8DB url(/images/lightBlueRepX.gif) top left repeat-x;
	float:left;
	width:91px;
	text-align:center;
	color:#ffffff !important;
	padding:3px 0 3px 0;
	border-right:1px solid white;
	text-decoration:underline;
}

#innerTabsSmaller a.activeInnerTab {
	background:#70A8DB url(/images/darkBlueRepX.gif) top left repeat-x;
	width:91px;
	padding:3px 0 3px 0;
	text-decoration:none;
	font-weight:bold;
}

#entitlementPassword
{
 margin-top: 5px;
 position: relative;
}
#entitlementPassword .accordionBar
{
    margin-top: 10px;
}
#entitlementPassword .borInput
{
    margin-top: 5px;
    width: 243px;
}

#entitlementPassword table
{
	width: 100%;
	position: relative;
}

#entitlementPassword table td.validity
{
	width: 100px;
	height: 10px;
	padding-top:5px;
	padding-bottom:5px;
}

#entitlementPassword table td.validity img
{
	padding-left: 10px;
	padding-right:5px;
}

#entitlementPassword table td.footer
{
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

#entitlementPassword table td.footer p
{
	text-indent:10px;
	padding-left:0px;
}

#entitlementPassword .titleBar {
	width:262px;
	line-height:30px;
	padding: 0px 0px 0px 10px; /* extra 35px makes total width 300px */
	margin:0;
	font-size:1.1em;
	font-weight:bold;
	position:relative;
	overflow:hidden;
	background-color:#E5E5E5;
	text-align:left;
}

#entitlementPassword .content {
	background-color:#ffffff;
	width:262px;
	color:#000;
	font-size:1.0em;
	padding:0 5px 0 5px;
	overflow:hidden;
	background:#F1F1F2 bottom right no-repeat;
}

#entitlementPassword .content div {
	padding:10px 0 10px 0;
	background-color:#F1F1F2;
}

#entitlementPassword textarea 
{
	border-color:#E5E5E5;
	color:#000;
	margin-top: 5px;
	width: 243px;
	height:75px;
}

#entitlementPassword .perfPasswordValidity {
	border: 1px solid #ec1c24;
	margin: 12px 0 0 0;
}

#entitlementPassword .perfPasswordValidity .title {
	background: #ec1c24;
	height:26px;
	color:#fff;
	padding-top:10px;
	padding-left:5px;
}

#entitlementPassword .perfPasswordValidity .title h4 {
	font-size:1.0em;
}

#entitlementPassword .perfPasswordValidity .information {
	background: #F1F1F2;
	height:25px;
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
	padding-top:8px;
}

/* Events Pricing Information
============================================================================== */

.eventPricing
{
	padding-top:8px;
	width:298px;
}

.eventPricing table
{
    width:100%;
}

.eventPricingTitlebar
{
    background: #E5E5E5;
}

.eventPricingCategories {
	width:165px;
	text-align:left;
	padding-left:12px;
	padding-top:10px;
	padding-bottom:10px;
}

th.eventPricingCategories, 
th.eventPricingPriceRange
{
	font-size: 12px;
	font-weight: bold;
	line-height:26px;
	padding-top:5px;
	padding-bottom:5px;
}

.eventPricingCategories span {
  font-weight: normal;
}

.eventPricingPriceRange {
	width:105px;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:12px;
}

.eventPricingSeparator {
	width:100%;
	color: #E5E5E5;
    background-color: #E5E5E5;
    background: #E5E5E5;
    height: 1px;
    margin:0px;
}


/* Special Events Pages
============================================================================== */

.specialEventsInfo {
	background:#0466C1 url(/images/specialEventTextBg.gif) top right repeat-y;
	border:1px solid #0478DF;
	margin:10px 4px 15px 0;
	display: block;
}

.specialEventsInfo div.specialEventBlurb {
	padding:12px;
	font-size:1.1em;
}

#noticeBox,
.noticeBox
{
	font-size:1.1em;
	background:#092b59 url(/images/myTicketekNoticeBg.jpg) top left repeat-y;
	padding:15px;
	margin:15px 0 10px 0;
	border:1px solid #3a5680;
}

#noticeBox span,
.noticeBox span
{
	color:#ffd41f;
	font-weight:bold;
}

#noticeBox a,
.noticeBox a
{
	color:#ffd41f;
}

/* 2 column Special Events Pages
============================================================================== */

#specialEvent2Columns .specialEventModule {
	width:306px;
	color:#FFCC00;
	font-size:1.1em;
	float:left;
	margin:0 5px 4px 0;
}

#specialEvent2Columns .specialEventBar {
	background:url(/images/specialEventBar.gif) top left no-repeat;
	padding:6px;
	border:1px solid #0478DF;
}

#specialEvent2Columns .specialEventsLinks
{
	background-color:#ffffff;
	padding: 8px 0 4px 78px;
	color:#0c3d83;
	border-left:1px solid #0478DF;
	border-right:1px solid #0478DF;
	border-bottom:1px solid #0478DF;
	height: 20px;
}

/* 1 column wide special events */
#specialEvent1Column .specialEventModule {
	width:618px;
	color:#FFCC00;
	font-size:1.1em;
	margin:0 0 4px 0;
}

#specialEvent1Column .specialEventBar {
	background:url(/images/specialEventBarWide.gif) top left no-repeat;
	padding:6px;
	border:1px solid #0478DF;
}

#specialEvent1Column .specialEventsLinks {
	background:#ffffff url(/images/specialEventLinkBar.jpg) top left no-repeat;
	padding: 8px 0 4px 78px;
	color:#0c3d83;
	height: 20px;
}

/* special event commons */
.specialEventBar a {
	font-weight:bold;
}

.specialEventsCopy {
	background:#FCFEFF url(/images/specialEventCopyBg.gif) top right repeat-y;
	color:#0c3d83;
	padding:6px;
	border-left:1px solid #0478DF;
	border-right:1px solid #0478DF;
}

#specialEvent2Columns .specialEventsCopy {
	height: 73px;
}

* html #specialEvent2Columns .specialEventsCopy {
	height: 75px;
}
	
.specialEventsCopy img {
	float:left;
	margin:0 5px 0 0;
	border:2px solid #e2e5e7;
}

.specialEventsCopy p {	
	margin:5px 0 10px 72px;
}

.specialEventsCopy a
{
    color: #0f3f81;
}

.specialEventsLinks a {
	color:#0c3d83;
}

.specialEventsLinks img {
	margin: -5px 5px 0 0;
	float: left;
}

.specialEventsLinks p {
	float:left;
	margin:0;
	padding:0;
}

/* Venues Pages
============================================================================== */

#primaryContainer br { clear:both; }

#primaryContainerWide br { clear:both; }

#primaryVenueOverview {
	background:#0189FF url(/images/primaryVenueOverviewBg.jpg) top left no-repeat;
	float:left;
	width:626px; /* padding + border bring it to 656px */
	color:#ffffff;
	padding:16px 15px 16px 15px;
}

#secondaryNav { 
	font-size:1.1em; 
	color:#65A7DB; 
	padding:13px 0 8px 4px;
	text-align:left;
	height:15px;
}

#secondaryNav li {	
	display:inline;
	padding:0px 7px 0px 6px;
	border-right:1px solid #65A7DB;
}

#secondaryNav a {
	color:#ffffff;
	text-decoration:none;
}

#secondaryNav a.activeSubItem {
	font-weight:bold;
}

#venueInfo {
	border:1px solid #7f99b7;
	margin-bottom:0px;
	background-color:#FFFFFF;
	color:#333333;
}

#venueInfo a {
	color:#0099CC;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#venueImg {
	float:left;
	width:328px;
	height:188px;
}

#venueBlurb {
	padding:10px 0px 0 14px;
	font-size:1.1em;
	width:500px;
	position:relative;
	float:left;
}

#venueBlurb span {

	font-weight:bold;
}

hr {
	height:1px;
	border:0;
}

div.divhr {
	height: 20px;
	background:url(/images/lineDivider.gif) repeat-x scroll center;
}

div.divhr hr {
	display: none;
	margin:0;
	padding:0;
}

.venueLetterSearch {
	color:#65a6dc;
	font-size:1.1em;
	text-align:center;
	margin-top:5px;
}

.venueLetterSearch li {
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #65a6dc;
}

/* Venue list page */

#venueList {
	font-size:1.1em;
	color:#0d316d;
	margin:15px 0 10px 0;
}

#venueList table{
	font-size:100%;
}

#venueList table tr {
	background-color:#ffffff;
}

#venueList h3 {
	font-size:1em;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#ffffff;
}

#venueList h3 a {
	color:white;
}

#venueList h2 {
	font-size:1.4em;
	margin:12px 0 5px 0;
	padding:0;
	font-weight:bold;
	color:#ffd41f;
}

#venueList table tr th {
	color:#ffffff;
	font-weight:bold;
	border-bottom:2px solid #0376dd !important;
	padding:6px;
	font-size:1.2em;
}

#venueList th.thLocation { background:#4F82BB url(/images/venueListTRbgLeft.jpg) top left no-repeat; width:48%; }
#venueList th.thAddress { background:#5B8DC0 url(/images/venueListTRbgRight.jpg) top left repeat-x; width:52%;  }

#venueList tr.lightBlueTr {
	background-color:#e4f2fd;
}

#venueList td {
	border-bottom:1px solid #0376dd !important;
	padding:8px;
}

#venueList table {	
	width:100%;
}

#venueList a {
	color:#0d316d;
	font-weight:bold;
}

li.activeSearch a,
a.activeSearch {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.venueMap {
	float:left;
	width:310px;
	margin:0;
	padding-top:8px;
}

.venueTextList {
	float:right;
	width:254px;
	padding-top:8px;
}

.venueTextList p {
	font-size:1.1em;
}

.venueTextList h3,
.venueMap h3 {
	margin:0 0 0 0;
	padding:0;
	font-size:1.4em;
	color:#ffffff;
}

.venueTextList h4 {
	margin:0;
	padding:0;
	color:#ffd41f;
	font-weight:bold;
	font-size:1.2em;
}

.venueTextList h4 a {
	color:#ffd41f;
}

.venueTextList div.stateList {
	padding:25px 0px 15px 15px;
	float:left;
}

.venueTextList ul {
	margin:2px 10px 15px 0;
}

.venueTextList li {
	background:url(/images/listArrowWhite.gif) no-repeat;
	background-position:1px 5px;
	display:block;
	padding:2px 0 2px 10px;
	font-size:1.1em;
}

.venueTextList li a {
	color:#ffffff;
}

/* venues - accordion content
============================================================================== */

.venueInfoRow { padding:0 !important; font-size:1em !important; }

.venueInfoIcon {
	float:left;
	width:55px;
	text-align:left;
	margin-right:3px;
}

.venueInfoRow .venueInfoModule,
.venueInfoRow .venueInfoModuleSingleColumn  {
	float:left;
	margin:0px 5px 0px 0px;
	width:135px;
}

.venueInfoRow .venueInfoModuleSingleColumn 
{
    width: 531px !important;   
}

.venueInfoModule h4 { margin-top:0; padding-top:0; }

/* Search Results
============================================================================== */

.pagination {
	font-size:1.1em;
	padding:10px 0 5px 0;
}

.paginationResults {
	float:left;
	width:175px;
}

.paginationList {
	margin-left: 175px;
	text-align:right;
	color: #fff;
}

.paginationList a { color:#ffd41f; }

.paginationList li {
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #65A6E0;
}

.venueLetterSearch .paginationList {
	float:none;
	margin: 0;
	text-align:right;
	color: #fff;
}

.searchResults {
	width:621px;
}

.searchResults a {
	color:#0d316d;
}


div.searchResultsHeader {
	background:#5698d7 url(/images/searchResultsTHBg.gif) top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	width:621px;
	border-bottom:2px solid #0376dd;
	position:relative;
	height:30px;
}

.searchResultsHeader div#resultEvent,
.searchResultsHeader div#resultLocation,
.searchResultsHeader div#resultDate {
	position:absolute;
	top:8px;
}

.searchResultsHeader div#resultEvent { left:10px; }
.searchResultsHeader div#resultLocation { left:285px; }
.searchResultsHeader div#resultDate { left:455px; }

.resultModule {
	background-color:#ffffff;
	color:#0d316d;
	font-size:1.1em;
	margin-bottom:2px;
}

.resultModuleAlt {
	background-color:#ddeefc;
	color:#0d316d;
	font-size:1.1em;
	margin-bottom:2px;
}

#searchRSS {
	background:url(/images/searchRSSBG.gif) bottom right no-repeat;
	border-bottom:1px solid #2f5c95;
	padding:15px 0 5px 0;
	font-size:1.1em;
	margin-top:10px;
	position:relative !important;
}

#searchRSS p { margin-right: 250px; }

.noResultsMessage
{
	padding:15px 0 5px 0;
	font-size:1.1em;
	margin-top:10px;
	display: block;
	clear: both;
}

.noResultsMessage span,
#searchRSS span {
	color:#ffd41f;
	font-weight:bold;
}

#searchRSS select {
	margin:0 3px 0 0;
}

#searchRSS #rssIcons {
	position:absolute;
	bottom:10px;
	right:10px;
}

#searchRSS #rssIcons img {
	margin:0 2px 0 2px;
	vertical-align:middle;
}

#searchRSS #rssIcons a {
	color:#ffffff;
}


/* color specific */
.resultModule .contentLocation {  background-color:#ffffff; }
.resultModule .contentDate {  background-color:#ffffff; }

/* ALT COLOR BG */
.resultModuleAlt .contentLocation { background-color:#ddeefc; }
.resultModuleAlt .contentDate { width:90px; background-color:#ddeefc;}


/* 3 sections of a search result */

.contentImage,
.contentEvent,
.contentLocation,
.contentDate,
.resultBuyNow {
	float:left;
}

.contentEvent { width:185px; padding:10px 10px 10px 5px;}
.contentLocation { width:160px; padding:10px 10px 10px 0px; }
.contentDate { width:90px; text-align:center; padding:10px 5px 10px 0px; }

.resultBuyNow 
{
	width:75px; 
	text-align:center; 
	background-color:#CEE4F9; 
	padding:17px 0 17px 0; 
	position: relative; 
	height: 51px; 
}

.contentImage
{
	width: 65px;
	padding: 10px 0px 10px 10px;
}

.contentImage img
{
	border:2px solid #e4e4e4;
	width: 61px;
	height: 61px;
}

.contentEventAndDate,
.contentEventAndDateLast
{
	float: right;
	clear: right;
	border-bottom: 1px solid #0d316d;
	width: 340px;
}

.contentEventAndDateLast { border:none; }
.contentEventAndDateLast .resultBuyNow { padding-bottom: 23px; }

.contentResultSummary { float: left; width: 260px; padding: 10px 5px 10px 0px; }
.contentResultSummary .contentLocation { padding: 0px 10px 0px 0px; }
.contentResultSummary .contentDate { padding: 0px; }

/* Added so that the buy now background extends right down if the other columns are longer than expected */
.resultModule, .resultModuleAlt
{
	float: left;
	width: 546px;
	border-right: 75px solid #cee4f9;
}

.resultContainer
{
	float: left;
	width: 621px;
	margin-right: -75px;
	position: relative;
}


/* Global Pages
============================================================================== */

#globalNotice {
	font-size:1.1em;
	background:#092b59 url(/images/myTicketekNoticeBg.jpg) top left repeat-y;
	padding:15px;
	margin:15px 0 10px 0;
	border:1px solid #3a5680;
}

#globalNotice span {
	color:#ffd41f;
	font-weight:bold;
}

.globalContent { 
	font-size:1.1em;
	color:#0d3e81;
	background-color:#ffffff;
	padding:12px;
	margin-bottom:15px;
}

.globalContent a { color:#0d3e81; }

.globalNotice h3 {
	color:#ffd41f;
	font-weight:bold;
	font-size:1.2em;
}

.globalContent h4 {
	font-size:1.2em;
	margin:0 0 10px 0;
	padding:0;
}


#helpFAQWrap {
	margin-top:10px;
}

#helpFAQWrap ul {
	padding:10px 16px 20px 16px;
}

#helpFAQWrap li a {
	font-weight:bold;
}

#helpFAQWrap li {
	padding-left:12px;
}

/* nested lists */
#helpFAQWrap ul li ul {
	padding:10px 16px 0 0;
}

#helpFAQWrap ul li ul li {
	padding:;
	background:none;
}


/* High Traffic pages
============================================================================== */

#trafficContent {
	background:#008aff url(/images/trafficLightsBg.jpg) top left no-repeat;
	width:836px;
	margin:17px 0 0 8px;
	padding:12px;
}

#trafficContent h3 {
	color:#ffd41f;
	font-size:1.2em;
	margin:0 0 10px 0;
}

.trafficNotice {
	font-size:1.1em;
	background-color:#08428B ;
	padding:15px;
	border:1px solid #5D81B1;
	color:#ffffff;
}

#trafficContent a {
	color:#ffd41f;
}

.trafficNotice h3 {
	color:#ffd41f !important;
	font-size:1.2em !important;
	margin:0 0 10px 0 !important;
	padding-left:0px !important;
}

.trafficNotice a {
	color:#ffd41f;
}

#trafficContent .trafficNotice ol 
{
    margin-bottom: 10px;
}

/* Contact us page
====================================================================================== */
#contactForm {	
	font-size:1.1em;
	margin:0 0 10px 0;
}

#contactForm a { color:#FFD41F; }

#contactForm .error
{
    color: #f00;
}

#contactForm input,
#contactForm textarea {
	border:1px solid #2e5ca6;
	font-size:1.1em;
	color:#0f3f81;
	padding:4px;
	margin:0px 4px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#contactForm .radioButtons input
{
    border: 0;
}


#contactForm textarea {
	font-size:1.1em;
	color:#0f3f81;
	padding:4px;
	margin:0px 4px 0px 0px;
}

#contactForm .formSet {
	background-color:white;
	padding:10px;
	color:#0d316d;
	margin-top:10px;
	margin-bottom:10px;
}

table.contactUsForm {
	margin:0;
	width:100%;
}

#contactForm h4 {
	color:#FFD41F;
	font-size:1.2em;
	padding:0; margin:0;
}

.contactUsForm td {
	padding:8px 4px 8px 4px;
	vertical-align:top;
	text-align:left;
}

.formSet tr { background-color:#e4f2fd; }
.altColorRow {
	margin:0;
	background-color:#f1f8fe !important;
}

.altColorRow table tr
{
	margin:0;
	background-color:#f1f8fe !important;
}

input.submitContactForm 
{
    margin: 10px 0 0 0 !important; 
    float: right; 
    border: 0 !important; 
    padding: 0 !important; 
}

td.TDcontactFormLabel { width:200px; }
textarea.contactMessage { width:340px; }
select.selectSubCategory { width:350px; }
input.inputContactForm { width:180px; }
select.stateSelect { width:150px; }

/* Venue details page
====================================================================================== */

#venueMapHeader
{
	background:url(/images/0072BC-Bar.png) top left repeat-x;
	height:36px;
	margin-left:0px;
	text-align:right;
	margin-top:0px;
	font-size:12px;
	padding-top:5px;
}

#seatMap
{
	padding-top:0px;
	padding-bottom:0px;
	display:none;
	background-color:#FFFFFF;
}

.displayVenueMap
{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	width:622px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
}

.venueGoBack
{
	float:right; 
	padding-right:10px; 
	padding-top:8px;
}

.venueFaceBook
{
	float:left; 
}

#divShowVenueMap
{
	float:right;
	padding-top:3px;
	padding-bottom:0px;
}

#divCloseVenueMap
{
	display:none;
	padding-top:3px;
	padding-bottom:0px;
}

.VenueDetailsSubHeading
{
	color:#000000;
}

.venueSeatmapHeader
{
	color:#000000;
	height:60px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	font-family:Arial;
	font-size: 12px;
}

.venueDetailsTop
{
	margin-left:10px;
	margin-top:10px;
}


/* Seat maps 
====================================================================================== */

.viewMap
{
	width:950px;
}

.viewMap td
{
	padding-top:2px !important;
	padding-bottom:5px !important;
	text-align:left;
	vertical-align:top;
}

.miniMap
{
	width:176px !important;
	vertical-align:top;
}

.perfSectionMap
{
	padding-top:10px !important;
	padding-bottom:0px !important;
	display:none;
}

.perfSection
{
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}

.perfVenueMap {
	background: #FFF;
	vertical-align:top;
	text-align:left;
}

.seatLegend
{
	text-align:left;
}

.perfVenueMap h4, .seatLegend h4 {
	font-weight: bold;
	font-size: 1.1667em; /* 14px */
	line-height: 2.5714em; /* 36px */
	margin-left: 10px;
}

.mapLegend {
	margin-left: 10px;
	padding-left: 18px;
}

.perfMapImage
{
	margin-left:10px;
	padding: 10px 0;
	height: 130px;
	width: 170px;
}

.mySection {
	background: url(/images/yellowdot.png) no-repeat left center transparent;
	padding-top:10px;
	padding-bottom:5px;
}

.allSection {
	background: url(/images/greydot.png) no-repeat left center transparent;
}

.mySeats {
	background: url(/images/myseat.png) no-repeat left center transparent;
	padding-top:0px !important;
}

.toolbar {
	background: #666;
	color: #FFF;
	float: left;
	width: 100%;
	height: 33px;
	line-height: 33px;
	border-bottom: 2px solid #FFD520;
}

.infoToolbar {
	background: #666;
	color: #FFF;
	float: left;
	width: 100%;
	height: 33px;
	line-height: 33px;
}

.toolbarTitle {
	font-size: 18px;
	width: 270px;
	float: left;
	line-height: 33px;
	vertical-align: middle;
	margin-left: 18px;
}

.toolbarSubTitle {
	font-weight: bold;
	line-height: 33px;
	display: inline-block;
}
.front {
	background: url("../Images/Arrow-90.png") no-repeat 0 5px transparent;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 20px;
    border-right: 2px solid #ACACAD;
    line-height: 33px;
    float: left;
}

.stageDirection {
	background: no-repeat 0 5px transparent;
	padding-left: 10px;
	float: left;
}
.toolbarSeperator {
	border-left: 2px solid #ACACAD;
	margin-left: 20px;
	margin-right: 20px;
}

.closeButton {
	display: inline-block;
	line-height: 33px;
	vertical-align: middle;
	cursor: pointer;
	float: right;
	margin: 0px 14px 0 20px;
}

.closeButton img {
	vertical-align: middle;
}

.arrow {
	vertical-align: middle;
	margin-bottom:3px;
}

.seatMapInfo {
	margin: 0;
	padding: 0;    
}

.sectionInfo {
	width: 473px;
	float: left;
	height: 100%;
	min-height: 100px;
}

.sectionInfoContent, .seatingInfoContent {
	float: left;
}

.sectionInfoContent ul, .seatingInfoContent ul {
	margin: 10px 0 0 0px;
	float: left;
	padding-left:18px;
	width:413px;
}

.sectionInfoContent li, .seatingInfoContent li {
	margin: 0 0 5px 0;
}

.seatInfo 
{
	min-height: 100px;
	border-left: 1px solid #999;
	width: 449px;
	float: left;
	height: 100%;
}

.subTitlebar {
	background: #E5E5E5;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 18px;
	width: 413px;
	float: left;
	line-height: 26px;
}

.seperator {
	border-left: 2px solid #231F20;
	margin-left: 10px;
	margin-right: 10px;
}

.sectionSeatInfo
{
	width:100%;
	text-align:left;
}

.sectionSeatInfo .sectionInfo
{
	padding-left:12px;
	padding-bottom:5px;
	vertical-align:top;
	padding-top:5px;
}

.sectionSeatInfo .seatingInfo
{
	padding-left:0px;
	padding-bottom:5px;
	vertical-align:top;
	width:50%;
}

.seatAreaMapLegend
{
	padding: 15px 30px;
	width: 200px;
}

.seatAreaMapLegend div
{
	margin-top: 8px;	
	background-position: 0px 2px;
	padding-left: 20px;
	font-size: 12px;
}

.legendAllSections
{
	background: url(/images/greydot.png) no-repeat;
	padding-bottom:3px;
}

.legendSelectedSections
{
	background: url(/images/blue-dot.png) no-repeat;
}

#largeSeatAreaMap 
{
	margin-right: 1px;
	background-color: #fff;
	color: #000;
	font-size: 12px;
}

#largeSeatAreaMap .toolbar .seatAreaMapToolbarTitle
{
	font-weight:bold;
	font-size:1.5em;
	padding-left:18px;
	line-height:33px;
	float: left;
}

#largeSeatAreaMap .categoryBar
{
	display: block;
	padding: 5px 18px;
	font-weight: bold;
	height: 25px;
}

#largeSeatAreaMap .categoryBar label
{
	float: left;
}

#largeSeatAreaMap .categoryBar select
{
	margin-left: 5px;	
}

#largeSeatAreaMap .categoryBar a,
#largeSeatAreaMap .categoryBar a:hover
{
	float: right;
	display: block;
	padding-left: 10px;
	line-height: 1.8em;
	color: #000;
	text-decoration: none;
}

#largeSeatAreaMap .toolbar
{
	float: none;
}

#largeSeatAreaMap .toolbarTitle
{
	float: none;
	width: inherit;
}

#largeSeatAreaMap #seatAreaMapImages
{
	padding: 15px; 
	text-align: center;
}

#largeSeatAreaMap #seatAreaMapImages img
{
	max-width: 600px;
     margin: 0 auto;
}


/* AO view 
====================================================================================== */

.secureFooterText a
{
    color:#0f3f81
}

/* Social Media links 
====================================================================================== */

.addThis
{
    padding: 10px 2px 10px 2px;
	margin: 2px 0px 2px 1px;
	background:#FFF url(/images/accorContent_BG_small.jpg) bottom right no-repeat;
	width: 294px;
	visibility:hidden;
	height:25px; 
}

/* Visa Platinum Custom Content 
====================================================================================== */

.vplatimpinfo {
    display:none;
	}
	
	
/* Overlap Presale Codes
====================================================================================== */
.vent-content, .vfla-content, .plat-content, .mobi-content, .mytk-content, .mmbr-content, .fron-content, .fanc-content, .tixa-content, .racq-content, .pond-content, .amex-content, .staf-content, .opts-content, .mban-content, .fitt-content, .wait-content, .mcpp-content, .chug-content, .spon-content, .nrma-content {
  display:none;
}


/* Live Nation Platinum Seats 
====================================================================================== */

#platSeats {
    background:url(/images/) top center repeat-x;
	height:45px;
	width:300px;
	cursor:pointer;
	display:none;
	}

/*
#platSeats.platSeatsGeneral {
       background-image:  url(/images/btn_platinumSeatsOff.png);
	   margin-bottom: -15px;
}
*/

#platSeats.platSeatsPremium {
       background-image:  url(/images/btn_platinumSeatsOn.png);
	   margin-bottom: -15px;	   
}