/*--------------------------------------------------------------------------

The Trafford Centre - Basic Style Sheet

Version:	1.0
Author:		Everybody
Email:		support@idaho.uk.net
Website:	http://traffordcentre.dev | http://www.traffordcentre.co.uk

*** Last Modify Date: 23/11/2006 (Aaron) ***

--------------------------------------------------------------------------*/

/* =LayoutStructure
--------------------------------------------------------------------------*/

#preamble { background-color: #DEE9E9; color: #32627D; }

#search label, #pNav li, #pNav li a { color: #32627D; }
.searchbox { border-color: #5D868F;}

.changeFeatureTabs UL LI
{
	background-color: #F1F5F5;
	color: #32627D;
}
.changeFeatureTabs UL LI A { color: #32627D; }
.changeFeatureTabs UL LI.active		{ background-color:#32627D;	}
.changeFeatureTabs UL LI.active	A	{ color:White;	}


/* =pContent
--------------------------------------------------------------------------*/

h2, a { color: #32627D; }

.alternate .right .pod { border-bottom-color: #73A1B1; }
.alternate .right .pod { background-color: #FFFFFF; }
.alternate .left .pod { background-color: #DEE9E9; }

.changeFeature { background-color: #DEE9E9; }
.changeFeature strong { color: #8B0776; }
.changeFeature a { color: #5C868F; }
.changeFeatureTabsFullWidth UL LI	{ background-color:#DEE9E9; }


.pod h3 {color:#32627D;}

.toDirectoryLinks li { background-image: url(/img/whatson/transparent_arrow_large.gif); }
.toDirectoryLinks li a { color: #32627D; font-weight: bold; }

.freeform a { color: #32627D; font-weight: bold; }

/* Homepage */
.homePod							{	border: Solid 0.0625em #dee9e9; 
									}	
.homePod .podMain					{	background: url(/img/whatson/homepod_bg.gif) top left repeat-x;
									}
.podSub A, .podSubBody A			{	color: White; }


.whatsonEventsHome .col				{	height: 14.5em; border: Solid 1px #dee9e9; 
										margin: 0.125em; 
									}
.whatsonEventsHome .col .inner		{	background: url(/img/whatson/grad_long.gif) top left repeat-x; 										
										height: 14.5em;
									}
.whatsonEventsHome .col .shortGrad	{	background: url(/img/whatson/grad_short.gif) top left repeat-x; }
.whatsonEventsHome .col .inner H3	{	padding: 5px 0 0 3px; }
.whatsonEventsHome .col .inner DIV.freeform,
.whatsonEventsHome .col .inner P
									{	padding: 0 0 0 0.3125em; }
									
.upcomingEvents	{ padding: 0; margin: 0.5em 0 0 0.5em !important; }
.upcomingEvents .title { padding-top:0.25em; font-size: 1.1em; }
.upcomingEvents .summary { }
.upcomingEvents LI		{	background-image: url(/img/whatson/link_arrow.gif); background-position: left 0.25em;
							background-repeat: no-repeat;
							list-style-type: none; margin-bottom: 0.5em; 
							padding-left: 1.75em;
						}
.upcomingEvents LI P	{ margin:0; padding:0; }


/* Events Calender */
.anEvent
{	
	margin: 0 0 0.5em 0;
	padding: 0 0 1em 6.4em;
	position: relative;
	clear: left;
	min-height: 5.5em;	
	_height: 5.5em;	
	border: 1px dashed #699AAC;	
	border-top-color: #FFFFFF;	
	border-left: 0;
	border-right: 0;		
}
.nothumb .anEvent
{
	padding-left:0;
	min-height:0;
}
.withmarginboth .anEvent
{
	margin: 0 1.5em 0.8em 0.75em;
}

.anEventImage { margin: 0 0 0 -6.4em !important; position: absolute; width: 5.8em; height: 5.8em; } /* 65x65 adjusted values for width/height because freeform font-size affects calculation */

.anEvent h4 { font-size: 110%; color: #CC0000; font-weight: bold; }
.anEvent h4 a { color: #32627D; }
.anEvent h5 { font-size: 100%; color: #515151; font-weight: bold; }
.anEvent .arrow { background-image: url(/img/whatson/link_arrow.gif); }

.eventPrevNext { margin: 1em 0; font-size: 80%; font-weight: bold; color: #32627D; }
.eventPrevNext a { color: #32627D; }



/* Competition Entry */
.competition H5
{
	padding-bottom:0.5em;
	font-weight:bold;
}
.answerList, .thirdPartyOptIn
{
	font-size:70%;
}
.competition .validation
{
	padding-top:0.5em;
	margin-left:2em;
	margin-bottom:0;
}
.competition .enterButton
{
	margin-top:1em;
}



/* =sNav
--------------------------------------------------------------------------*/

#sNav ul li.active, #sNav ul li.active a { color: #32627D; }
#sNav ul li.active a { background-image: url(/img/nav/whatson/nav_arrow_on.gif); }
#sNav ul li a { }
#sNav ul li.active ul li a { background-image: url(/img/nav/whatson/snav_arrow_on.gif); }