/*
	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:274px;
	/*border:1px solid white;*/
	/*background:#FFD624  url(/images/buyTicksBGTop.jpg) top left no-repeat;*/
	/*background:#FFFFFF;
	font-size:1.1em;
	padding:10px 12px;
	color:#0f3f81;
	text-align:left;
	position:relative;  
	min-height: 271px;
	border-bottom: 10px solid #00CCFF;
}*/

#buyTicketsContent {
	width:300px;
	/*border:1px solid white;*/
	/*background:#FFD624  url(/images/buyTicksBGTop.jpg) top left no-repeat;*/
	background:#FFFFFF;
	font-size:1.2em;
	color:#000000;
	text-align:left;
	position:relative;  
	min-height: 271px;
	border-bottom: 10px solid #00CCFF;
}

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

#buyTicketsContent a
{
    color:#0f3f81
}

* html #buyTicketsContent 
{
    height: 271px;
}

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

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

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

#buyTicketsContent .warning
{
    color: red;
}

/*#buyTicketsContent p { margin:2px 0 6px 0; }*/
#buyTicketsContent p { margin:2px 0 6px 10px; }

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

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

#buyImportantInfo {
	background-color:#ffffff;
	padding:10px;
	color:#0f3f81;
	font-size:1.2em;
}

#buyImportantInfo a { color:#0f3f81; }

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

h2.bigBlueHeading {
	font-size:2em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight:normal;
	text-align:center;
	background-color: #00CCFF;
}

#bannerHalfIsland,
#islandBannerSpace {
	clear:both;
	width:300px;
	margin:10px 0;
}
#islandBannerSpaceSemilo {
	clear:both;
	width:300px;
	margin:10px 0;
}
#bannerHalfIsland img,
#islandBannerSpace img,
#islandBannerSpaceSemilo img, { border:none !important; }

.moreEventPageInfo {
	margin:10px 0 10px 0;
	/*background-color: #FF0099;*/
	color: #FFFFFF;
	font-weight: bold;
	/*background-color:#005399;*/
	/*border:1px solid #4aacff;*/
	padding: 3px;
	border: 3px solid #ff0099;
}
.moreEventPageInfo h3	{
	color: #000000; font-weight: bold; font-size: 1.3em;
	}
.moreEventPageInfo p	{
	color: #000000; font-weight: normal; font-size: 1.2em;
	margin: 0;
	}
.moreEventPageInfo a	{
	color: #000000; font-weight: bold; font-size: 1.0em; text-decoration: underline;
	}

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 -- Alert message */

.cancelledShow {
	/*border:1px solid #4aacff;*/
	/*color: #0f3f81;*/
	/*background-color: #ffffff;*/
	border: 3px solid #ff0099;
	color: #ffffff;
	font-weight: normal;
	background-color: #FF0099;
	margin-bottom:10px;
}
.cancelledShow p a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
	margin-bottom:10px;
}
.cancelledShow H4 {
	color:#0f3f81;
	font-size:1.4em;
	font-weight: bold;
}
.cancelledShow p	{
	margin: 0;
	padding: 3px;
	}
.cancelledShow .upsell	{
	margin: 0;
	padding: 3px;
	background-color: #ffffff;
	color: #000000;
	font-size: 1.2em;
	}
.cancelledShow .upsell a	{
	text-decoration: underline;
	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 textarea
{
	margin-top: 5px;
	width: 243px;	/* 251px - 6px padding  - 2px border */
	height:75px;
}

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

#entitlementPassword table td.validity
{
	width: 100px;
	height: 16px;
	padding-left: 18px;
	position: relative;
}

#entitlementPassword table td.validity img
{
	position: absolute;
	left: 1px;
}

/* SPECIAL EVENTS PAGE */

#specialEventsInfo {
	border:1px none #0478DF;
	margin:5px 4px 15px 0;
}

#specialEventsInfo div.specialEventBlurb {
	padding:12px;
	font-size:1.2em;
}
#specialEventsInfo .specialEventBlurb p a	{
	color: #00ccff;
	}

#noticeBox,
.noticeBox
{
	font-size:1.2em;
	/*background:#092b59 url(/images/myTicketekNoticeBg.jpg) top left repeat-y;*/
	background-color:#FFFFFF;
	padding:15px 15px 0 15px;
	margin: 0px 0 10px 0;
}

#noticeBox span,
.noticeBox span
{
	color:#000000;
	/*font-weight:bold;*/
}

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

/* 2 column special events ******************************************* */

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

#specialEvent2Columns .specialEventBar {
	background-color: #00CCFF;
	padding:6px;
	border-top:1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;	
}

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

}

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

#specialEvent1Column .specialEventBar {
	/*background:url(/images/specialEventBarWide.gif) top left no-repeat;*/
	background-color:#00CCFF;
	padding:6px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#specialEvent1Column .specialEventsLinks {
	padding: 8px 0 4px 78px;
	color:#000;
	height: 20px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;	
}

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

.specialEventBar a:hover {
	font-weight:bold;
	color:#FFF;	
}

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

#specialEvent2Columns .specialEventsCopy 
{
    height: 73px;
}

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

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

.specialEventsCopy a
{
    color: #000;
}

.specialEventsLinks a {
	color:#000;
}

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

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

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

#primaryContainer 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:20px 0 0px 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:14px;
}

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

#venueBlurb {
	padding:14px 0px 0 14px;
	font-size:1.2em;
	width:278px;
	position:relative;
	float:left;
}

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

#venueBlurb #venueLogo {
	position:absolute;
	top:10px;
	right:10px;
}

#venueBlurb a.backLink
{
	display:block;
	position:absolute;
	right:-315px;
	bottom:15px;
	text-align:right;
	width:100px;
}

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.2em;
	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.2em;
	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;
}
.paginationList ul li	{	
	color: #000;
	}
li.activeSearch a,
a.activeSearch {
	color:#00ccff;
	text-decoration:none;
	font-weight:bold;
	font-size: 1.4em;
}
li.noBorder a:hover	{
	text-decoration: underline;
	}

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

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

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

.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.2em;
}

.venueTextList li a {
	color:#ffffff;
}

/* venues - accordion content */

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

.venueInfoIcon {
	float:left;
	text-align:left;
	margin-right:3px;
	position:absolute;
}

.venueInfoRow .venueInfoModule,
.venueInfoRow .venueInfoModuleSingleColumn  {
	float:left;
	margin:0px 0px 0px 165px;
}

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

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

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

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

.paginationResults {
	float:left;
	/*width:175px;*/
	width: 300px;
	padding-left: 5px;
}

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

.paginationList a { color:#00ccff; }

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

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

.searchResults {
	width:621px;
}

.searchResults a {
	color:#0d316d;
}


div.searchResultsHeader {
	/*background:#5698d7 url(/images/searchResultsTHBg.gif) top left no-repeat;*/
	background-color: #00CCFF;
	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.2em;
	margin-bottom:2px;
}

.resultModuleAlt {
	/*background-color:#ddeefc;*/
	background-color: #EFEFEF;
	color:#0d316d;
	font-size:1.2em;
	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.2em;
	margin-top:10px;
	position:relative !important;
}

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

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

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

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

#searchRSS #rssIcons {
	position:absolute;
	bottom:10px;
	right:10px;
	/*visibility: hidden;*/
}

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

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


/* 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; }

#searchRSS.clearfix	{ padding-left: 5px; }

.resultBuyNow 
{
	width:75px; 
	text-align:center; 
	background-color:#DDD; 
	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 #DDDDDD;
}

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


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

#globalNotice {
	font-size:1.2em;
	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.2em;
	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 {
	background:none;
}


/* Standard Mark-Up Help pages */

#helpWrap {
	margin-top:10px;
	padding: 0px 15px 0px 15px;
	font-size: 1.2em;
	
}

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

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

#helpWrap ul {
	padding-left: 10px;
}

#helpWrap li {

	margin-left:14px;
}

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

#helpWrap ul li ul li {

	background:none;
}

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

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

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

.trafficNotice {
	font-size:1.2em;
	background-color:#FFFFFF ;
	padding:15px;
	border:2px solid #00CCFF;
	color:#000000;
}

#trafficContent a {
	color:#00CCFF;
}

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

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

#contactForm a { color:#000; }

#contactForm .error
{
    color: #f00;
}

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

#contactForm .radioButtons input
{
    border: 0;
}


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

#contactForm .formSet {
	background-color:white;
	padding:10px;
	color:#000;
	margin-top:10px;
	margin-bottom:10px;
}
#contactForm div.noticeBox	{
	font-size: 1.2em;
	}

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

#contactForm h4 {
	color:#000;
	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; }

#backToSearch
{
	position: absolute;
	/*right: 0px;*/	/* Note: the right position will need to be adjusted if language selection is turned on */
	right: 110px;
	top: 97px;
	width: 200px;
	font-size: 1.2em;
	text-align: right;
}
.contactRadioButton { width: 450px; }
.error { color: #FF0000; font-weight: bold; }

#perfSelectorShowTitle {
	visibility: hidden; display: none;
}


/* Speciaal voor de telegraaf / Soldaat van Oranje download */
.telegraafdownload {
visibility:hidden:
}