/* CSS Document for fylde.gov.uk by neamus.net */
/* default view */
@import url("tags.css");
@import url("typo.css");
@import url("modules/access.css");
@import url("modules/extras.css");
@import url("modules/classic.css");
@import url("modules/accordian.css");
@import url("modules/calendars.css");
@import url("modules/searchmaster.css");
@import url("modules/ratings.css");

body {
	background-color: #e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../graphics/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#main { 
	background-color:#FFFFFF;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}
.hide { display:none; }

.topMenus { background-color:#FFFFFF; }
/* ---- banner area ---- */


.bannerWrap { clear:both; }
.banner {
	background-repeat: no-repeat;
	height: 135px;
	background-position: top;
	margin-top: -1px;
}
.banner img {
	position:relative;
	top: 4px;
	left: 20px;	
	/* - 13px */
}
.banner a img { border:1px solid transparent; }
.banner a img:hover { border:1px solid #0066ff; }
.bannerWrap { color:#FFFFFF; }
.bannerWrap a { color:#FFFFFF; font-weight:bold; }

#accessTopMenu { float:left; margin-left:10px; margin-top:3px; }



#accessTopMenu div.module  { padding-bottom:8px; }









/* quick search */
#quickSearch {
	float:right;
	width: 300px;
	height:34px;
	background-color:#C2D500;
}
#quickSearch div {
	background-image: url(../graphics/banner/SearchBg.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	background-color:transparent;
	padding: 0 0 0 0px;
	width:300px;
	height:34px;
}
#quickSearch p { 
	display:inline-block;
	margin-top:0;
	padding-top:0px;
	margin:0 0 0 0;
	background: transparent url(../graphics/banner/SearchBgLeft.gif) no-repeat left top;
	height:29px;
	width:277px;
	padding-left:23px;
	padding-top:5px;
}
#quickSearch label { color:#FFFFFF; line-height:29px; font-size:120%; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; }
.searchField {
	border:none;
	width:158px;
	height:25px;
	vertical-align:bottom;
	font-size:inherit;
	font-weight:normal; 
	margin:0 0 0 8px;
	background:transparent;
}
#quickSearch .searchButton { margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:8px; width:37px; height:27px; }
/**/
.otherLinks { 
	display:block; 
	float:right; 	
	clear:right;
	margin:5px 8px 0 0;
	font-size:.93em;
}
.otherLinks a { padding:.1em .3em;}



	.otherLinks a:hover{
		/* slight bg change for extra legibility */ 
			background-color: #004d40;
		}	
	
		/* only text with bg change on the active/focus state */
		.otherLinks a:active , 
		.otherLinks a:focus  { 
			background-color: #002922;
			color: #FFF;
		}
/**/

/* top tabs */


/* top tabs */
#otherTabs {
	float:left;
	font-size:108%;
	line-height:normal;
	position:absolute;
	top:72px;
	margin-top:0px;
	margin-left:268px;
}
	
	#otherTabs ul {
		list-style-type: none;
		margin:0;
		margin-left: 5px;
		padding:0;
	}
	
	#otherTabs li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#otherTabs a {
		float:left;
		background:url(../graphics/navigation/tabsLeft.gif) no-repeat left top;
		margin:0;
		margin-right: 1px;
		padding:0 0 0 10px;
		text-decoration:none;
		color:#0066cc;
		border-bottom-style: none;
	}
	
	#otherTabs a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/tabsRight.gif) no-repeat right top;
		padding: 6px 13px 6px 3px;
		font-weight:bold;
		color:#0066cc;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#otherTabs a span {float:none;}
/* End IE5-Mac hack */

	#otherTabs a:hover span {
		color: #006554;
		
	}

	#otherTabs #current a{ /*Selected Tab style*/
		background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
	}

	#otherTabs #current a span{ /*Selected Tab style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
		color: black;
	}

	#otherTabs a:hover{ 
		background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
		text-decoration:underline;
	}

	#otherTabs a:hover span{ /*onMouseover style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}

/**/

/* atoz */

#AtoZMenu { float:right; text-align:right; position:relative; top:-60px; }
#AtoZMenu img,
#AtoZMenu ul { float:left; display:block; color:#000000; line-height:normal;}


#AtoZMenu div.module  {
	margin:6px 0 0 0;
	background-color: white;
	background-image: url(../graphics/navigation/aZmoduleTop.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	display:block; 
	float:left;
	padding-top:4px;
}

#AtoZMenu div.module div.rounded {
	margin:0 0 0 0;
	background-color: transparent;
	background-image: url(../graphics/navigation/aZmoduleBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:4px;
}




#AtoZMenu li { display:inline; margin-right:2px; margin-left:2px; }
#AtoZMenu p { font-weight:bold; margin-right:.5em; color:#999999; font-size:1.538em; }
#AtoZMenu li { font-size:14px; } 
#AtoZMenu ul { margin-right:10px; margin-left:10px; }

#AtoZMenu a.noAtoZ { color:#999999; text-decoration:none; }
#AtoZMenu a.active { color:#FFFFF; text-decoration:none; border: 1px solid #0066cc; padding:0 .3em; }

/* crumb */

.trail { border-bottom:1px solid #dbdbdb; padding-bottom:.5em; text-transform:capitalize; }
.trail p { font-size:.85em; }
.trail p span { font-weight:bold; text-transform:none;}
.trail a { padding-right:.1em; padding-left:.1em; }


/**/


.page p.date { font-weight:bold; color:#999999; }

/* right Column stuff */
#rightColumn a { display:block; line-height:1.3em; padding:0 .3em .1em .3em; margin-bottom:.2em; }
#rightColumn .module { margin-bottom:.5em; }
#rightColumn .module .promo { margin-bottom:.3em;}
#rightColumn .moduleTitle  {
	padding-bottom:8px;
	background-image: url(../graphics/navigation/rightModTitleBottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:.3em;
}
#rightColumn .moduleTitle p {
	padding:8px 10px 0 10px;
	background-image: url(../graphics/navigation/rightModTitleTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color:#FFFFFF;
	font-weight:bold;
}
#rightColumn .module .moduleContent { padding:0 5px 0 5px; }
#rightColumn .module .promo { 
	border-bottom:1px solid #CCCCCC;
	padding-bottom:1px;
}
#rightColumn .module .promo.notes { 
	border-bottom:none;
}
#rightColumn .module .promo p { 
	padding: 0 0 .30em 0;
	font-size: 0.85em;
	color: #222;
}
/* grey right column module */
#rightColumn .module.syndicate {
	background-image: url(../graphics/default/moduleRightBottomGrey.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0 0 0 0;
	border:none;
}
#rightColumn .module.syndicate .moduleTitle  {
	background: transparent url(../graphics/default/moduleTitleRightGrey.gif) center top;
	border-bottom:1px solid #cccccc;
	position:relative;
	padding-top:.3em;	
}
#rightColumn .module.syndicate .moduleTitle p { background:transparent; color:#000000; }
#rightColumn .module.syndicate .item { width:170px; padding:5px 10px; border-bottom:1px solid #CCCCCC; clear:both; }
#rightColumn .module.syndicate .item.last { border-bottom:none;}
#rightColumn .module.syndicate .item .thumb,
#rightColumn .module.syndicate .item p { float:left; display:block; }
#rightColumn .module.syndicate .item .thumb { width:65px; margin-right:5px; }
#rightColumn .module.syndicate .item p { width:100px; font-size:.85em;} 



/* searchmaster override */
	#rightColumn .module.searchmaster .promo p { 
		padding: 0 0 .30em .5em;
		font-size: 1em;
		color: #111111;
	}
	#rightColumn .module.searchmaster .promo p strong { font-weight:bold; font-size:1.077em; line-height:2em; margin-left:-.5em; }



#rightColumn .module  p.title { padding:0 .3em .3em .3em; display:block; font-weight:bold;  }
#rightColumn .module .promo p span { font-size:.78em; padding:0 .3em 0 .3em; display:block;  }
#rightColumn .module.downloads .moduleContent div.icon {  float:left; margin:0 .3em 3px 0; width:18px; padding-right:6px; }

/* right column form */
#rightColumn .module .promo.form { padding:0 .3em .3em .3em; }
#rightColumn .module .promo.form p.marg input { width:168px; }
#rightColumn .module .promo.form input.button { width:100%; margin:.3em 0 1em 0;}
#rightColumn .module .promo.form label { font-weight:bold; }


#rightColumn .module.downloads .moduleContent p { float:left; display:block; width:150px; }
#rightColumn .module .moduleContent p.pair { }
#rightColumn .module .moduleContent p.pair span { float:left; display:inline; margin-bottom:.5em; }
#rightColumn .module .moduleContent p.pair span.label { width:30%; text-align:right; font-weight:bold; }
#rightColumn .module .moduleContent p.pair span.value { width:60%; }


#rightColumn .module.poll {
	background-image: url(../graphics/navigation/pollQuestionbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:1em;
}
#rightColumn .module.poll .question {
	background-image: url(../graphics/navigation/pollQuestionMark.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 1em;
	padding-left: 65px;
	min-height:91px;
} 
	#rightColumn .module.poll .question p strong { 
		color:#54266f;
		font-size:1.154em;
		font-weight:bold;
	}
	#rightColumn .module.poll .question p { margin-bottom:.5em;}
	#rightColumn .module.poll .moduleContent { padding:0 1em;}
	#rightColumn .module.poll table { width:100%; margin-bottom:1em; }
	#rightColumn .module.poll table caption { display:none; }
	#rightColumn .module.poll table p { margin-bottom:.5em;}
	td.result div { display:block; height:10px; border-right:1px solid #111111; border-bottom:1px solid #111111;}
	#rightColumn .module.poll input.button { width:100%; margin-bottom:.3em;}
	
	
	


/* postcode */
.module.recycle {}
.module.recycle p.map {
	width:160px;
	background: transparent url(../graphics/default/postcode/top.gif) no-repeat center top;
	color:#006633;
	font-weight:bold;
	padding:.8em 15px 28px 15px;
	font-size:1.154em;
	text-align:right;
	line-height:1.3em;
}
.module.recycle img.truck { float:left; clear:both; margin-top:-36px; margin-left:1em;}
.module.recycle p.field {
	width:183px;
	background: transparent url(../graphics/default/postcode/bottom.gif) no-repeat center top;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 35px 7px;
	font-size:1.154em;
}
.module.recycle p.field label { font-size:.85em; float:left; }
.module.recycle p.field label span.label { margin-top:5px; display:block; float:left; }
.module.recycle p.field input.postcode { width:78px; height:25px; border:none; font-size:1.7em; background-color:transparent; }

.module.recycle p.field input.searchButton { width:37px; height:25px; float:left;}


/* left column */


#leftMenus {
	background: transparent;
}
#leftMenus .leftMenuBottom {
		width:210px;
		background-image: url(../graphics/navigation/leftNavShadowBg.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	#leftMenus div.shadow {
		width:210px;
		background-image: url(../graphics/navigation/leftNavShadowTop.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#leftMenus div.shadow div.module p.homeLink {
		width:172px;
		margin:0 19px 0 19px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.menuTitle {
		width:172px;
		margin:0 19px 0 19px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.menuSub  {
		border-right:1px solid #0066cc;
		border-left:1px solid #0066cc;
		width:170px;
		margin:0 19px 0 19px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.homeLink a,
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a {
		margin:0 0 0 0;
		display:block;
	}
		#leftMenus .shadow a {
						text-decoration: none;
						font-weight: bold;
						border-bottom: 1px dotted #0066cc;
						background-color: #fff;
					}
		#leftMenus .shadow a:hover {
							  background-color: #f2f9fd;
							  text-decoration: underline;
						   }	
		


	#leftMenus a:hover,
	#leftMenus div.shadow div.module p.menuSub a:hover,
	#leftMenus div.shadow div.module p.menuTitle a:hover { text-decoration:underline; }
	
	#leftMenus div.shadow div.module p.menuTitle a.active,
	#leftMenus div.shadow div.module p.menuSub a.active { text-decoration:none; }
	

	
	#leftMenus div.shadow div.module p { 
		line-height:normal; 
		font-weight:bold;
	}
	#leftMenus div.shadow div.module p.homeLink a {
		width:auto;
		padding-left:15px;
		padding-top:.7em;
		padding-bottom:.5em;
	}
	#leftMenus div.shadow div.module p.menuTitle a {
		width:auto;
		padding-left:15px;
		padding-top:.7em;
		padding-bottom:.5em;
	}
	#leftMenus div.shadow div.module p.menuSub a {
		width:auto;
		padding-left:15px;
		padding-top:.6em;
		padding-bottom:.4em;
	}
	#leftMenus div.shadow div.module p.homeLink a,
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a { color:#FFFFFF; display:block; border-bottom:none;!important }
	#leftMenus div.shadow div.module {
		background-image: url(../graphics/navigation/leftNavBgBottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 30px;
	}
/* commented in as its global */
	#leftMenus div.module ul { 
		width:170px;
		margin:0 20px 0 20px;
		padding:0 0 0 0;
	}
		#leftMenus div.shadow div.module ul li a:active, 
		#leftMenus div.shadow div.module ul li a:focus { 
				background-color: #0079c2;
				color: #FFFFFF;
				text-decoration:underline;
		}
	#leftMenus div.shadow div.module ul li a {
		padding:7px 3px 7px 15px;
		display:block;
		color:#333333;
		text-decoration:none;
		background-color:#f2f2f2;
	}
	#leftMenus div.shadow div.module ul li a:hover {
		color:#000000;
		text-decoration:underline;
		background-color:#FFFFFF;
	}
	#leftMenus div.shadow div.module ul li.active a,
	#leftMenus div.shadow div.module ul li.active a:hover {
		padding:7px 3px 8px 23px;
		display:block;
		color:#333333;
		text-decoration:none;
		border-bottom-style:solid;
		background-color:#FFFFFF;
		background-image: url(../graphics/navigation/leftNavArrowBlack.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
	}
/* ///////////// */
#leftMenus div.shadow div.module p.homeLink a {
	border-bottom:none;
	background: #0079c2 url(../graphics/navigation/leftNavHome.gif) no-repeat left top;
}
	#leftMenus div.shadow div.module p.homeLink a:hover {
		border-bottom:none;
		background: #0066ff url(../graphics/navigation/leftNavHome.gif) no-repeat -172px top;
	}
	#leftMenus div.shadow div.module p.homeLink a.active {
		border-bottom:1px solid #003366;
		background: #0066ff url(../graphics/navigation/leftNavHome.gif) no-repeat -344px top; padding-left:25px;text-decoration:none;
	}
	#leftMenus div.shadow div.module p.homeLink a.active:hover {
		border-bottom:1px solid #003366;
		background: #0066ff url(../graphics/navigation/leftNavHome.gif) no-repeat -344px top; padding-left:25px;text-decoration:none;
	}
#leftMenus div.shadow div.module p.menuTitle a {
	border-bottom:1px solid #0079c2;
	background: #0079c2 url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat left top;
}
	#leftMenus div.shadow div.module p.menuTitle a:hover {
		border-bottom:1px solid #0066ff;
		background: #0066ff url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat -172px top;
	}
	#leftMenus div.shadow div.module p.menuTitle a.active {
		border-bottom:1px solid #0066ff;
		background: #0066ff url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat -344px top;
		padding-left:25px;
	}

#leftMenus div.shadow div.module p.menuSub a {
	background-color:#1986c8;
	border-top:2px groove #003366;
	border-bottom:1px solid #003366;
}
	#leftMenus div.shadow div.module p.menuSub a:hover {
		background-color:#0066ff;
		border-top:2px groove #003366;
		border-bottom:1px solid #003366;
	}
#leftMenus div.shadow div.module p.menuSub a.active {
	border-top:2px groove #003366;
	border-bottom:1px solid #003366;
	padding-left:25px;
	background: #0066ff url(../graphics/navigation/leftNavArrowWhite.gif) no-repeat left top;
}

#leftMenus div.module ul li a {
	background-color:#e7e7e7;
}
#leftMenus div.module ul li a:hover {
	background-color:#ededed;
}
#leftMenus div.module ul li.active a,
#leftMenus div.module ul li.active a:hover {
	background-color:#FFFFFF;
}

/**/
#address {
	width:180px;
	margin:0 15px 0 15px;
	background-image: url(../graphics/navigation/addressBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 1em;
	margin-bottom:1em;
}
#address strong { font-weight:bold; padding-bottom:1em; display:block; }
#address div {
	background-image: url(../graphics/navigation/ukMap.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding:1em 1em 0 1em;
	font-size:.923em;
}
#address p,
#address address { margin-bottom:.5em; }
#address div p.contactLink { font-size:1.167em; margin-bottom:.8em;}

/**/

#leftMenus div.ads div.module { text-align:center; }
.page .module.ads p { color:#999999; }

/* podcast */
.podcast { width:350px; margin:0 100px 1em 100px; }
.module.promos { margin-bottom:2em; }


/* home cols */

.module.directory { margin-bottom:1em; }

.module.headline img { float:right; margin:0 0 0 1em; }
.module.headline h1 { line-height:normal;}


.module.home .leftCol,
.module.home .rightCol { float:left; }
.module.home .leftCol { width:250px; margin-right:15px; }
.module.home .rightCol { width:268px; margin-left:15px; }
.module.home .rightCol .module { margin-bottom:1em;}

#contents .page .module.popular ul { margin:0 0 1em 0; }
.module.popular ul li { list-style:none;  margin:0 0 0 0; padding:0 0 0 0; }
.module.popular ul li a {
	padding:0 0 0 25px;
	margin:0 1px 0 1px;
	background-image: url(../graphics/default/accordian/listDot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:243px;
	display:block;
}
.module.popular.expressNews ul li  { border-bottom:1px dotted #CCCCCC; display:block; padding-bottom:.3em; }
	.module.popular ul li a:hover {
		padding:0 0 0 25px;
		background-image: url(../graphics/default/accordian/listDotOver.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	
.module.syndicate { border-top:1px solid #dbdbdb; padding-top:1em;}
#contents .module.syndicate img {
	margin: 0px 3px 0px 3px;
}

.module.saltyAyre {
	background-image: url(../graphics/navigation/saltAyreSportsCentre.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 4em;
	text-align:center;
}
.module.domePlatform {
	background-image: url(../graphics/navigation/domePlatform.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 4em;
	text-align:center;
}
.module.gallery {
	background-image: url(../graphics/navigation/galleryBG.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 0em;
	text-align:left;
}
.module.home .rightCol .top {
	background-image: url(../graphics/navigation/homeCurveTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:10px;
	display:block;
	width:268px;
}
.module.saltyAyre .moduleContent,
.module.domePlatform .moduleContent { padding:0 1em; }
	.page .module.saltyAyre .moduleContent p.title,
	.page .module.domePlatform .moduleContent p.title,
	.page .module.gallery .moduleContent p.title { padding:0 0 .3em 0;}


.module.gallery .moduleContent { padding:0 135px 0 1em; }
.module.gallery .moduleContent h4 { white-space:normal; }