/****************************************************************/
/*	site-wide but non-sectional styles			*/
/****************************************************************/

/* ----- html elements ----- */
div, h2, h3, h4, h5, a
{
	background-repeat: no-repeat;	
}
a 
{
	background-position: right center;
}
h1
{
	float: left; 
	width: 540px;		/* so following divs clear floated header */
	padding-bottom:5px;
	margin-top: -5px;
}

/* ----- generic classes ----- */
/************************************************************************/
/* NEED TO DECIDE - do link classes get display:block, and remove it 	*/
/* when needs to be inline, or vice versa...				*/
/* AND some of these maybe should go into content.css ??		*/
/************************************************************************/

.contrast { background-color: #E4E4E4; }

a.pointRight, a.pointRight:link, a.pointRight:visited, a.pointRight:active, .footerLinksBar a 
{
	padding-right: 15px;
	text-decoration: none;
}

a.top, a.top:link, a.top:visited, a.top:active 
{
	float: right;
	padding-right: 15px;
	text-decoration: none;	
}
a.pointLeft, a.pointLeft:link, a.pointLeft:visited, a.pointLeft:active 
{
	background-position: center left;
	padding-left: 15px;
	text-decoration: none;
}

.panel a.printVersion:link, .panel a.printVersion:visited, .panel a.printVersion:active	
{
	font-weight: bold;
	background-image: url(generic/images/print.gif);
	padding-right: 20px;
	text-decoration: none;
}
/* if this rule isn't here the printVersion doesn't underline - not sure why - pats */
.panel a.printVersion:hover 	
{
	text-decoration: underline;
}




/* ----- panel classes ----- */
.column
{
	float: left;
}
#column-a
{
	margin-right: 15px;
}
.panel
{
	margin-bottom: 30px; 		/* due to a change in how the footers work this margin needs to be bigger now so changed from 15 to - pats */
	background-color: #F2F2F2;	/* default - override using individual panel IDs if necessary */
	line-height: 1.2em;		/* explicit line-height fixes peekaboo bug - other solutions: http://www.positioniseverything.net/explorer/peekaboo.html */			
}

/* this hides the bottom border of a subpanel - easier to do this than explicitly remove border using noSeperator class */
.panel div.footerLinksBar
{
	margin-top: -1px;
}
 

 
/* common panel header styles */
.panel h2 
{ 
	color: #FFF;
	margin: 0px;
	padding: 5px 5px 5px 10px; 
	background-position: top right;
}



/* ----- link bar styles ----- */
.searchBar
{
	padding: 5px 5px 6px 0px;
	text-align: right;
	color: #FFF;
	clear: both;
} 

div.footerLinksBar, div.middleLinksBar  
{
	
	background-position: bottom left;	
	padding: 4px 5px 4px 5px;		/* see commented backslash hack below- pats - really? - prob moved to hacks.css, as should clearfix hacks below - miks */ /* moved padding from li to containing div so that footer/middleLinksBars are more consistantly */
	line-height: 1.2;			/* explicit line-height fixes peekaboo bug - other solutions: http://www.positioniseverything.net/explorer/peekaboo.html */
	float:left;
	/* wierd problem in safari that I'm trying to fix that means that block elements when on the homepage and in middleLinksBars don't extend to the full width of their container - pats */

}

/* floating right for the non list held footerLinksBar links */
div.footerLinksBar a, div.middleLinksBar a
{
	float:right;
}
div.footerLinksBar ul li.firstItem a
{
	float:left;
}
div.footerLinksBar ul li a, div.middleLinksBar ul li a
{
	float:none;
}
div.footerLinksBar ul, div.middleLinksBar ul 
{
	display: inline; 
	padding: 0px;
	margin: 0px; 			/* removing an inheritance from content.css (panel.ul line 22-ish) - pats */
	list-style-type: none;
}
div.footerLinksBar ul li, div.middleLinksBar ul li
{
	padding: 0px;
	margin:0px;
	list-style: none;
	float:right;
}
.panel .middleLinksBar
{
	width:auto;
}
div.footerLinksBar ul li.firstItem, div.middleLinksBar ul li.firstItem 
{
	float: left;
	padding-left: 10px;	
}

div.footerLinksBar a, div.middleLinksBar a 
{
	color: #FFF; 
}
/* ----- end link bar styles ----- */



/* search bar styles - NEEDS FINALISING !! */
.searchBox		
/* site-wide class for search bar inputs - ummm... prob better to have a form ID and contextual rules - miks */ 
{
	height: 1.5em;			/* this should apply to button as well... - miks */
	border: 1px solid #DBDADA;	/* change to sectional colour ?? - miks */
	margin: 0px 0px 0px 3px;	/* seperate box from 'Search' label */
}
/* ----- end search bar styles ----- */




/* ----- GLOBAL LOCAL STYLES - should these be here or in a seperate sheet ??
	- prob opening times should be include, so could import it's own micro-stylesheet - miks */
#table-openingTimes 		{ width: 100%; }
#table-openingTimes th		{ 
	text-align: left; 
	background-color: transparent;
	color: #000;
}
#table-openingTimes td		{ text-align: right; }

/******** 'enhancements'  ********/ 
/* not in hacks.css as too widely used */
.contentRow:after, .contentRow1:after, .contentRow0:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .contentRow {height: 1%;}
* html .contentRow1 {height: 1%;}
* html .contentRow0 {height: 1%;}
/* End hide from IE-mac */

/* ------ Microsites - Back to section button --------- */
/* REMOVE AFTER MICROSITES RE-PROCESSED */
#microsite-section-back{float:left;display:block;padding-right:10px;}
#microsite-section-back UL{display:inline;padding:0px;margin:0px;}
#microsite-section-back LI.pos1
{
	padding:3px 5px 3px 5px;
	color:#FFF;
	font-weight:bolder;
	float:left;
	padding-left:20px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#microsite-section-back LI.pos1 A{color:#FFF;text-decoration:none;}

#microsite-section-back LI.pos2
{
	display:block;
	padding:3px 10px 3px 5px;
	color:#FFF;
	font-weight:bolder;
	float:left;
	background-position: right top;
	background-repeat: no-repeat;
}