/*
	CORE CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:	
	Project:	Ticketek
	
	CONTENTS
	==============================
	$1 - Global resets
	$2 - Links
	$3 - Typography
	$4 - Global Lists & Clearing
	$5 - Page Structures
	$6 - Masthead & Navigation
	$7 - The Footer
	$8 - Forms
*/

/* $1 - Global Resets. 
To change font sizes please use the metric 1em = 10px, 1.2em = 12px 
============================================================================== */

html, body { margin:0; padding:0;}

body {
	font:62.5% Arial, Helvetica, sans-serif;
	background-color:#000000;
	text-align:center;
	background-position:center;
}

img, img a { padding:0; margin:0; border:none; }

/* $2 - Links
============================================================================== */

a, a.yellowLink { color:#000; } /* Original a, a.yellowLink { color:#ffd41f; } - Gerard */
a:hover { text-decoration:none; }
a:visited { text-decoration:none; color:#000000; }

#sessionTimeDiv a { color:#000; }

/* $3 - Typography
============================================================================== */

h1 { margin:0; padding:0 0 8px 0; color:#ffffff}
h1 { font-size:1.5em; text-transform: none; /*color:#FFD41F;*/ color: #000000; font-weight:bold; }
h3 { font-size:1.2em; /*color:#ffd41f;*/ color: #000000; margin:0 0 8px 0; padding:0; }
h4 { margin:0 0 8px 0; padding:0; }

.contentColumn span { color:#000; }
#primaryHomeContainer p { color:#000; }
p { margin:0px 0px 10px 0px; }
.columnRight p { font-size:1.2em;}
.columnRight p a	{ color: #00ccff; text-decoration: underline;}
.columnRight ul	{	margin: 0; padding: 0 0 0 12px; }
.columnRight li	{ margin: 0; padding: 0; list-style-type: disc; font-size: 1.2em; }

table { font-weight:inherit; font-size:inherit; color:inherit; }
/* table tr td { padding:inherit; margin:inherit; } */

td.alignRight { text-align:right; }
td.verticalAlignTop { vertical-align:top }
.noBorderBottom { border-bottom:0 !important; }


/* $4 - Global Lists & Clearing
============================================================================== */

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

ul.disc
{   
	padding-left: 10px;
    margin-left: 10px;
    list-style-type: disc;
    margin-bottom: 1em;
}

ol { 
	list-style-type:decimal;
	margin: 10px;
}

ol.top10 { 
	list-style-type:decimal;
}


li.top10{

}

li.noBorder {
	border:none !important;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.cl { clear:both; height:1px; display:block; }
.center { text-align:center; }


/* $5 - Page Structures
============================================================================== */

/* contains background that runs down the edges of the page */
#bodyBackgroundWrap {
/*	background:url(../images/MP_Wrap_bg.jpg) top center no-repeat; /* MP Wrap
	text-align:left;
	min-width:1000px;
	width:100%;
	position:relative;*/
}

/* Contains dark gradient from top to bottom */
#darkGradientBG {
	/*background:#074EA0 url(/images/bodyBackground.jpg) top center repeat-x;*/
	position:relative;
}

/* Contains main background with lights and gradients */
#wrapBody {
	/*background:url(/images/mainLightingBg.jpg) top center no-repeat;*/
	margin:0 auto;
	text-align:center;
	position:relative;
	min-width:1000px;	
	width:100%;
}

/* Content shell */
#contentShell {
	width:952px;
	text-align:left;
	margin:0 auto;
	padding:0 0 20px 0;
	position:relative !important;
	/*background:url(/images/lightsBotRight.jpg) bottom right no-repeat;*/
	min-height:810px;
	height:auto !important;
	height:810px;
}

/*#lightsBotRight {
	background:orange url(/images/lightsBotRight.png) bottom right;
	width:151px;
	height:365px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:10;
}*/

div.headingWrapDivide {
	/*background:url(/images/headingDivideLine.gif) bottom left no-repeat;*/
	margin:0 0 10px 0;
	/*padding-top:10px;*/
}

#primaryContainer {

	margin: 10px 0 0 0px;
	float:left;
	width:622px; /* padding + border bring it to 656px */
	/*background:#036ECE url(/images/primaryVenueBg.jpg) top left no-repeat;*/
	background-color: #FFFFFF;
	color:#000000;
	/*border:1px solid #205FA6;*/
	/*padding:16px;*/
}

#primaryContainerSearch {
	float:left;
	margin: 10px 0 0 0px;
	width:630px; /* padding + border bring it to 656px */
	/*background:#036ECE url(/images/primaryVenueBg.jpg) top left no-repeat;*/
	background-color: #FFFFFF;
	color:#000000;
	/*border:1px solid #205FA6;*/
}

#primaryContainer H3 {
	padding-left: 5px;
	padding-top: 10px;
	margin: 0px;
}
#eventsPageContainer {
	float:left;
	width:622px; /* padding + border bring it to 656px */
	/* background hashed out by Martijn */
	/*background:#0189FF url(/images/eventsPageBg.jpg) top left no-repeat;*/
	background: #FFFFFF;
	color:#000000;
	padding: 6px;
	margin: 10px 0 0 0px; /* added - Gerard */
}

/* right column */
#secondaryContainer {
	float:right;
	width:300px;
	margin:10px 0px 0 0; /* standard 0px 0 0 0 - Gerard */
	position:relative;
	z-index:10;
}

.columnLeft img {
	border:1px solid #000000;
}

.columnRight p span { /*color:#FED41E;*/ color: #000000; }

#userBar {
	/*background:url(/images/userBar.gif) top left no-repeat;*/
	background-color: #FFFFFF;
	height:27px;
	width:300px;
	position:relative;
	font-size:1.2em;
	margin-bottom:5px;
	color:#000;
}

#myBasket { 
	font-size:1.1em; 
	color:#fff ;  /* Original: color:#ffd41f ; - Gerard  */
	text-align:right;
	float: left;
}

#userBar a,
#myBasket a {
	color:#000; /* Original: color:#ffd41f; - Gerard */
}

#userBar .absLeft,
#userBar .absRight  {
	position:absolute;
	top:6px;
}

#userBar .absLeft {
	font-weight:bold;
	color:#000;
	left:10px;
}

#userBar .absRight {
	right:10px;
}

/* $6 - Masthead & Navigation
============================================================================== */

#mastHead { width:auto; padding-top:1px; }

#mastHead #mainLogo {
	padding:0px 0px 10px 0px;
	float:left;
	width:172px;
	height:70px;
}

#mastHead #bannerSpace {
	float:right;
	width:728px;
	height:90px;
}
#mastHead #bannerSpaceSmall {
	float:right;
	width:468px;
	height:60px;
	margin-top:22px; /* negative margin is used to align banner with RHS side, this is for Purchase pages only */
	padding:0;
	position:relative;
}

#mastHeadSmall { width:auto; padding-top:1px; height: 100px; }

#mastHeadSmall #mainLogo {
	padding:0px 0px 10px 10px;
	float:left;
	width:172px;
	height:70px;
}

#mastHeadSmall #bannerSpace {
	float:right;
	width:728px;
	height:90px;
}
#mastHeadSmall #bannerSpaceSmall {
	float:right;
	width:468px;
	height:60px;
	margin-top:22px; /* negative margin is used to align banner with RHS side, this is for Purchase pages only */
	padding:0;
	position:relative;
}


#sessionTimeDivAndLangDiv
{
	padding-top: 8px;
    clear: both;
}

#languageDiv
{
    float: right;
    margin-bottom: 2px;
	color: #FFFFFF;
}



#languageDiv a
{
    padding-left: 4px;
}

#sessionTimeDiv 
{
	height:18px;
	color:#ffffff;
	font-size:1.1em;
	padding:2px 0px 5px 20px;
}

/*Hack targeting all IE versions */
#sessionTimeDiv 
{
    padding-bottom: 4px;
}


#sessionTimeDiv img {
	float:left;
	margin:-1px 3px 0 0;
}

#sessionTimeDiv span { color:#000; }

#navBar 
{
	width:952px;
	height:31px;
	margin-bottom: -5px;
	clear: both;
	vertical-align: middle;
}

#mainNavigation {
	height:41px;
	float:left;
	width:482px;
}


 
#mainNavigation li {
	float:left;
	color:#0013a1;
	font-size:12px;
	height:41px;
	background:url(/images/navItemDivider.png) top left no-repeat;
}


#mainNavigation li a {
	color:#0013a1;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	height:28px;
	width:auto;
	display:block;
	padding:14px 9px 0px 9px;
	letter-spacing:0;
}

#mainNavigation li a:hover,
#mainNavigation li a.activeMainNav {
	background-image:url(/images/navItemHover.jpg);
	background-repeat:repeat-x;
}

/* Original*/
/*#searchModule {
	float:left;
    width:478px;
	position:relative;
	height:41px;
}*/

#searchModule {
	position:absolute;
	left: 170px;
}

/* Hide labels - these are added for accesibility but are not shown as standard */
#searchModule label
{
    display: none;
}  

/*#searchModule #searchWhat,
#searchModule #searchGenre,
#searchModule #searchWhere,
#searchModule #searchDate { 
	position:absolute;
	top:11px;
	padding:0;
	margin:0;
}*/

#searchModule #searchWhat { left:0px; width:auto;}
#searchModule #searchWhat input { width:190px; }

#searchModule #searchGenre { left: 145px; width:auto; }
#searchModule #searchGenre select { width:84px; }

#searchModule #searchWhere { left:234px; width:auto; }
#searchModule #searchWhere select { width:120px; }

#searchModule #searchDate { left:359px; width:95px; }
#searchModule #searchDate input { width:65px; }
#searchModule #searchDate img { position:absolute; top:1px; right:0;}

#searchModule input,
#searchModule select { 
	font-size: 11px;
	color:#000;
	margin:0;
	padding:0;
}

#searchModule input {
	border-left:1px solid #2e5ca6;
	border-top:1px solid #2e5ca6;
}

#searchModule input { padding:2px 0px 0px 2px; }
#searchModule select { padding:0px 0px 0px 2px; }

#searchModule h2 {
	position:absolute;
	/*top:14px;*/
	left:-10px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#searchModule
{
	position:absolute;
	height:22px;
	width:240px;
	margin:0;
	padding: 0px 0px 0px 110px;	
	background:url(/images/textbox_search.jpg) no-repeat bottom;
}

#searchModule #searchWhat
{
	position:absolute;
	width:240px;
	height:24px;
	margin:0;
	padding: 3px 2px 0px 57px;

}

#searchModule #searchWhat input
{
	 background:none;
	 border: 0px none;
	 border-color: #FFFFFF;
	 width:222px;
	 margin:0;
	 padding: 2px 2px 0px 5px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11px;
}

#btnGo {
	position:absolute;
	padding: 0px 2px 0px 0px;
	margin:0;
	left: 300px;
}

#btnGo a:hover
{
	cursor: pointer;
} 

#searchModule #AdvancedSearch {
	position:absolute;
	padding: 4px 2px 0px 0px;
	margin:0;
	width: 100px;
	left: 370px;
}

#AdvancedSearch a
{
	color: #FFF;
} 


#AdvancedSearch a:hover
{
	color: #FFF;
	text-decoration: underline;
} 

/* $7 - The Footer
============================================================================== */

#wrapFooter {
	min-width:1000px;
	width:100%;
	text-align:center;
	font-size:1.2em;
	background-color:#000000;
	color:#0f3f81;
	padding:0px 0px 20px 0px;
	clear:both !important;
	/*border-top:1px solid #256db9;*/
}

#footerAdSegment {
	background:#d6ecff url(/images/footerShadowTop.jpg) top left repeat-x;
	width:100%;
	text-align:center;
	padding:15px 0px 15px 0px;
}

#footerContent {
	width:980px;
	margin:0 auto;
}

#footerLargeLogos {
	float:left;
	width:240px;
}

#footerBannerSpace {
	float:left;
	width:728px;
	margin:0px 10px 0px 0px;
}

#footerNav {
	background-color:#eef5fb;
	padding:10px 0px 10px 0px;
}

#footerNav li {
	display:inline;
	padding:0px 0px 0px 3px;
}

#footerNav li a {
	color:#0f3f81;
	padding:0px 3px 0px 0px;
	text-decoration:none;
}

#footerNav li a:hover { text-decoration:underline; }

#footerLogos {
	padding:10px 0px 15px 0px;
	background:url(/images/footerLogosDivide.gif) bottom center no-repeat;
	margin-bottom:10px;
}

#footerLogos ul {
	text-align:center;
}

#footerLogos li {
	display:inline;
	padding:0px 8px 0px 8px;
}

/* $8 - Forms
============================================================================== */

form, fieldset {
	margin:0;
	padding:0;
	border:none;
}

input, select {
	margin:0;
	padding:0;
	font-size:11px;
}

input.borInput,
textarea.borInput {
	border:1px solid #2e5ca6;
	padding:3px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#0f3f81;*/
	color: #000000;
	font-size:1em;
}

select.borInput 
{
	color:#000000;
}

.ajax__calendar_container
{
	z-index:99;
	background:white;
}

/* Error message container
============================================================================== */

.errorMessage
{
    margin: 10px 0px;
    border: solid 2px #f00;
    padding: 10px 5px;
    background-color: #fff;
    color: #f00;
    font-weight: bold;
}

.errorMessageInLine
{
    color: #f00;
    font-weight: bold;
}

/* Categorical Navbar moved from TicketHome.css
============================================================================== */

#categoricalNav {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

	/*margin-left: 10px;*/
	/*z-index: 0;*/
	width: 952px;
	padding-bottom: 10px;
}

#categoricalNav div
{
	color:#ffffff;
	text-decoration:none;
	height:31px;
	text-align:center;
	width: 95px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 11px;
	position:absolute;	
}

#categoricalNav div#categoryNavItem1 { left:0px;}
#categoricalNav div#categoryNavItem2 { left:96px;}
#categoricalNav div#categoryNavItem3 { left:191px;}
#categoricalNav div#categoryNavItem4 { left:286px;}
#categoricalNav div#categoryNavItem5 { left:381px;}
#categoricalNav div#categoryNavItem6 { left:476px;}
#categoricalNav div#categoryNavItem7 { left:571px;}
#categoricalNav div#categoryNavItem8 { left:666px;}
#categoricalNav div#categoryNavItem9 { left:761px;}
#categoricalNav div#categoryNavItem10 { left:856px;}	

#categoricalNav  a
{
	color:#ffffff;
	text-decoration:none;se
	height:31px;
	display: block;
}

#categoricalNav div#categoryNavItem1, #categoricalNav div#categoryNavItem10 /* override the first item because this item is 100px wide - Gerard*/
{
	width:96px;
}

#categoricalNav div#categoryNavItem1
{ 
	background:url(../images/See/navbar.png) no-repeat;
	background-position: 0px 0px;
}
#categoricalNav div#categoryNavItem2
{
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -100px 0px;
}
#categoricalNav div#categoryNavItem3
{ 
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -196px 0px;
}
#categoricalNav div#categoryNavItem4
{ 
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -292px 0px;
}
#categoricalNav div#categoryNavItem5
{ 
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -389px 0px;
}
#categoricalNav div#categoryNavItem6
{
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -484px 0px;
}
#categoricalNav div#categoryNavItem7
{  
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -580px 0px;
}
#categoricalNav div#categoryNavItem8
{ 
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -676px 0px;
}
#categoricalNav div#categoryNavItem9
{
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -772px 0px;
}
#categoricalNav div#categoryNavItem10
{
	background:url(../images/See/navbar.png) no-repeat;
	background-position: -868px 0px;
	color:#000;		
}

#categoricalNav div#categoryNavItem1 a:hover
{ 
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: 0px 0px;
	color:#000;	 
}
#categoricalNav div#categoryNavItem2 a:hover
{
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -100px 0px;
	color:#000;	
}
#categoricalNav div#categoryNavItem3 a:hover
{ 
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -196px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem4 a:hover
{ 
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -292px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem5 a:hover
{ 
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -389px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem6 a:hover
{
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -484px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem7 a:hover
{  
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -580px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem8 a:hover
{ 
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -676px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem9 a:hover
{
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -772px 0px;
	color:#000;		
}
#categoricalNav div#categoryNavItem10 a:hover
{
	background:url(../images/See/navbarselected.png) no-repeat;
	background-position: -868px 0px;
	color:#000;		
}

#categoricalNav p
{
	line-height: 29px;
}

/*
#categoricalNav div#categoryNavItem2 { text-indent:-9000em; }
#categoricalNav div#categoryNavItem2 a
{
	background-image:url(../image/See/musicals.png) bottom left no-repeat;
	
}


/* 

These styles are only necessary when the "My Events" link exists.
When uncommenting, remove the two references to div#categoryNavItem7 above.

#categoricalNav div#categoryNavItem7 { text-indent:-9000em; }
#categoricalNav div#categoryNavItem7 a,
#categoricalNav div#categoryNavItem7 a:hover {
	background-image:url(../images/categoryNavItem7.jpg);
}

#categoricalNav div#categoryNavItem7 a { 
	background-position:0 -61px;
	background-repeat:no-repeat;
}

#categoricalNav div#categoryNavItem7 a:hover,
#categoricalNav div#categoryNavItem7 a.categoricalNavItemActive { 
	background-position:0 -12px;
	background-repeat:no-repeat;
}

div#categoryNavItem7 div#myEventHelp {
	position:absolute;
	right:0px;
	top:10px;
	display:block;
	height:16px;
	width:16px;
	cursor:pointer;
}
*/
.yellowHeading {
	background-color: #00CCFF;
	color: #FFFFFF;
	padding: 5px;
	}
.Mandatory {
	color: #FF009C;
	font-weight: bold;
}
.MandatoryText {
	color: #FF009C;
}
.AccountBlurbCustom {
	color: #FF009C;
	}
#myTick1ColSearch {
	padding: 5px;
}


/* Vacaturepagina opmaak */
.vacatures table	{
	margin-top: 20px;
	}
.vacatures h4	{
	color: #ffffff;
	font-size: 1.4em;
	margin: 0;
	padding: 5px;
	}
.vacatures ul	{
	margin: 0;
	padding: 0;
	}
.vacatures ul li	{
	margin: 0;
	padding: 0;
	display: list-item;
	list-style: disc;
	list-style-type: disc;
	}
.vacatures p	{
	margin: 0;
	padding: 0;
	}
.vacatures a:hover	{
	text-decoration: underline;
	}
	
/* Speciaal voor de telegraaf / Soldaat van Oranje download */
.telegraafdownload {
visibility:hidden:
}