takeo
/*
	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:#ffffff;
	text-align:center;
}

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

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

a, a.yellowLink { color:#ffd41f; }
a:hover { text-decoration:none; }

#sessionTimeDiv a { color:#ffd41f; }

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

h1 { margin:0; padding:0 0 8px 0; color:#ffffff}
h1 { font-size:1.5em; text-transform:uppercase; color:#FFD41F; font-weight:bold; }
h3 { font-size:1.1em; color:#ffd41f; margin:0 0 8px 0; padding:0; }
h4 { margin:0 0 8px 0; padding:0; }

.contentColumn span { color:#ffd41f; }
#primaryHomeContainer p { color:#ffffff; }
p { margin:0px 0px 10px 0px; }
.columnRight p { font-size:1.1em; }

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 { }

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/bodyBackgroundY.jpg) top center repeat-y;
	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/takeover_CSI_image.jpg) top center no-repeat;*/
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:972px;
	text-align:left;
	margin:0 auto;
	padding:0 0 35px 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 {
	float:left;
	width:622px; /* padding + border bring it to 656px */
	background:#036ECE url(/images/primaryVenueBg.jpg) top left no-repeat;
	color:#ffffff;
	border:1px solid #205FA6;
	padding:16px;
}

#customPrimaryContainer {
	float:left;
	width:938px; /* padding + border bring it to 656px */
	background:#000;
	color:#ffffff;
	border:1px solid #205FA6;
	padding:16px;
}


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

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

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

.columnRight p span { color:#FED41E; }

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

#myBasket { 
	font-size:1.1em; 
	color:#ffd41f; 
	padding:10px 10px 10px 0;
	text-align:right;
}

#userBar a,
#myBasket a {
	color:#ffd41f;
	padding:0 4px 0 4px;
}

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

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

#userBar .absRight {
	right:10px;
}

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

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

#mastHead #mainLogo {
	padding:22px 0px 0px 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;
	margin-right:-10px;
	position:relative;
}

#sessionTimeDivAndLangDiv
{
    clear: both;
}

#languageDiv
{
    float: right;
    padding-top: 2px;
}
#languageDiv a
{
    padding-left: 4px;
}

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

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


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

#sessionTimeDiv span { color:#ffd41f; }

#navBar 
{
	background:url(/images/mainNavBar.jpg) top left no-repeat;
	width:972px;
	height:41px;
}

#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;
}

/* this is the changed by ALpha Salmon*/
* html #mainNavigation li {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navItemDivider.png', sizingMethod='crop');
}

* html #mainNavigation li a {
	display:inline-block;
}

#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;
}

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

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

#searchModule #searchWhat,
#searchModule #searchWhere,
#searchModule #searchDate { 
	position:absolute;
	top:7px;
	padding:0;
	margin:0;
}


#searchModule #searchGenre {
	position:absolute;
	top:8px;
	padding:0;
	margin:0;
}

#searchModule #searchWhat { left:45px; width:auto; }
#searchModule #searchWhat input { width:257px; }

#searchModule #searchGenre { left: 343px; width:auto; }
#searchModule #searchGenre select { width:104px; }

#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 #searchWhat input,
#searchModule #searchWhat select { 
	font-size: 12px;
	color:#0f3f81;
	height:20px;
	margin:0;
	padding:0 0 0 5px;
	border-radius:3px;	
}

#searchModule #searchGenre input,
#searchModule #searchGenre select { 
	font-size: 11px;
	color:#0f3f81;
	height:20px;
	margin:0;
	padding:0;
	border-radius:3px;	
}

#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; }

#btnGo {
	position:absolute;
	top:8px;
	right:0px;
	padding:0;
	margin:0;
}

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

#searchModule .or {
	position:absolute;
	top:14px;
	left:318px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

/* $8 - The Footer
============================================================================== */

#wrapFooter {
	min-width:1000px;
	width:100%;
	text-align:center;
	font-size:1.1em;
	background-color:#ffffff;
	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:right;
	width:240px;
}

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

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

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

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

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

#sitewalk {
    margin:0 auto;
	width:900px;
	}
	
#sitewalk td {
    vertical-align:top;
	text-align:left;
	width:100px;
	}	
	
#sitewalk li {
     line-height:2em;
	}	

#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;
}

#footerSecurityCenter {
	margin:0 auto;
	width: 315px;
	height: 60px;
}

#footerSecurityCenterHttps {
	margin:0 auto;
	width: 250px;
	height: 60px;
}

#footerSecurityLeft {
	float:left;
	padding:5px 0px 0px 20px;	
}

#footerSecurityRight {
	float:right;
	padding:5px 8px 0px 8px;	
}

#footerSecurityIcons {
	float:right;
	margin: -25px 0 0 0;
}


/* $9 - 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;
	font-size:1em;
}

select.borInput 
{
	color:#0f3f81;
}

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

/* Social Media Plugins
===================================== */
.facebookLikeBox{
	padding: 5px;
}