/*
-----------------------------------------------
Overwrites for 2010 redesign
----------------------------------------------- */


/* header
----------------------------------------------- */

#header-container {
	background:url("http://www.kirklees.gov.uk/MMX/img/header-bg.png") 0 30px repeat-x #003c26;
	font:0.8em/1.4em Arial, Helvetica, sans-serif !important;
	height:155px;
	position:relative;
	width:100%;
	z-index:15;
	}
	#header-container #accessibility {
		background-color:#dedede;
		height:30px;
		}
		#header-container #accessibility #accessibility-content {
			margin:0 auto;
			width:960px;
			}
		#header-container #accessibility #accessibility-content ul { margin:0; padding:8px 0 0 20px; }
			#header-container #accessibility #accessibility-content ul li {
				border-right:1px solid #919191;
				float:left;
				list-style-type:none;
				margin:0 8px 0 0;
				padding:0 8px 0 0;
				}
			#header-container #accessibility #accessibility-content ul li.last { border:none; }
				#header-container #accessibility #accessibility-content ul li a {
					color:#919191;
					font-size:1.2em;
					text-decoration:none;
					}
				#header-container #accessibility #accessibility-content ul li a:hover { text-decoration:underline; }
	#header-container #header-content {
		height:125px;
		margin:0 auto;
		width:960px;
		position:relative;
		}
		#header-container #header-content #kirklees-logo {
			/*background:url("http://www.kirklees.gov.uk/MMX/img/kirkleeslogo-small.jpg") no-repeat;*/
			background:url("../images/kirkleeslogo-small-pgc.png") no-repeat;
			display:block;
			height:46px;
			position:absolute;
			top:20px;
			left:20px;
			text-indent:-10000px;
			/*width:167px;*;/
			width:100%;
			}
		/* replaces the background image in browsers capable of handling .pngs */
		html>body #header-container #header-content #kirklees-logo {
			/*background:url("http://www.kirklees.gov.uk/MMX/img/kirkleeslogo-small.png") no-repeat;*/
			background:url("../images/kirkleeslogo-small-pgc.png") no-repeat;
			}
		#header-container #website-search {
			position:absolute;
			top:28px;
			right:20px;
			width:310px;
			}
			#header-container #website-search .form-row {
				height:32px;
				margin-bottom:10px;
				}
				#header-container #website-search #advanced-search {
					color:#ffffff;
					float:right;
					}
		#header-content #switch { position:absolute; top:29px; right:355px; }
			#header-content #switch a { background:url("http://www.kirklees.gov.uk/MMX/img/switchold-normal.png") no-repeat 0 0; color:#fff; display:block; font-size:1.2em; height:25px; line-height:25px; text-align:center; text-decoration:none; text-shadow:0 1px 1px #bf7000; width:160px; }
			#header-content #switch a:hover { background:url("http://www.kirklees.gov.uk/MMX/img/switchold-hover.png") no-repeat 0 0; }
		#header-container #header-content #global-nav {
			height:35px;
			position:absolute;
			bottom:10px;
			left:0;
			width:960px;
			}
			#header-container #header-content #global-nav-background {
				background:url("http://www.kirklees.gov.uk/MMX/img/globalnav-bg.gif") no-repeat;
				height:35px;
				position:absolute;
				bottom:0;
				left:0;
				width:960px;
				}
			/* replaces the background image in browsers capable of handling .pngs */
			html>body #header-container #header-content #global-nav-background {
				background:url("http://www.kirklees.gov.uk/mmx/img/globalnav-bg.png") no-repeat;
				}
			#header-container #header-content #global-nav ul {
				height:35px;
				margin:0;
				padding:0 0 0 10px;
				}
				#header-container #header-content #global-nav ul li {
					float:left;
					list-style-type:none;
					margin:0;
					padding:0;
					position:relative;
					}
					#header-container #header-content #global-nav ul li a.global {
						color:#ffffff;
						display:inline-block;
						font-size:1.3em;
						font-weight:bold;
						height:35px;
						line-height:35px;
						margin:0;
						padding:0 15px;
						text-decoration:none;
						}
					#header-container #header-content #global-nav ul li a.global:hover, #header-container #header-content #global-nav ul li a.global.selected {
						background-color:#5bac26;
						-moz-border-radius-topleft:3px;
						-moz-border-radius-topright:3px;
						-webkit-border-top-left-radius:3px;
						-webkit-border-top-right-radius:3px;
						margin-top:-2px;
						padding-top:2px;
						}
				/* adds the background image in browsers capable of handling .pngs */
				html>body .mdd-bg { background:url('http://www.kirklees.gov.uk/MMX/img/dropdown-bg.png') repeat-y; zoom:1; }
				#header-container #header-content #global-nav ul li .sub-nav-container {
					display:none;
					position:absolute;
					top:35px;
					width:708px;
					z-index:14;
					}
				#header-container #header-content #global-nav ul li.left .sub-nav-container { left:-4px; }
				#header-container #header-content #global-nav ul li.right .sub-nav-container { right:-4px; }
				#header-container #header-content #global-nav ul li.center .sub-nav-container { left:-275px; }
				/* adds the background image in browsers capable of handling .pngs */
				html>body #header-container #header-content #global-nav ul li .sub-nav-container .sub-nav-footer {
					background:url("http://www.kirklees.gov.uk/MMX/img/dropdown-footerbg.png") no-repeat;
					height:12px;
					width:708px;
					}
				#header-container #header-content #global-nav ul li .sub-nav {
					background-color:#e9f7df;
					border-top:5px solid #5bac26;
					margin:0 4px;
					padding:15px 15px 12px;
					width:670px;
					}
				html>body #header-container #header-content #global-nav ul li .sub-nav {
					background-color:#fff;
					}
					#header-container #header-content #global-nav ul li .sub-nav .subnav-inner { 
						background-color:#fff;
						border:1px solid #dedede;
						-moz-border-radius-bottomleft:3px;
						-moz-border-radius-bottomright:3px;
						-webkit-border-bottom-left-radius:3px;
						-webkit-border-bottom-right-radius:3px;
						padding:12px 8px 4px;
						width:654px;
						}
					#header-container #header-content #global-nav ul li .sub-nav .column { background:none; border-right:1px solid #dedede; float:left; padding-right:10px; margin-right:10px; width:204px; }
					#header-container #header-content #global-nav ul li .sub-nav .column.last { border:none; margin:0; padding:0; }
						#header-container #header-content #global-nav ul li .sub-nav .column p.subnav-header { font-size:1.5em; font-weight:bold; margin:0 0 10px; }
						#header-container #header-content #global-nav ul li .sub-nav .column ul { height:auto; margin:0; padding:0 0 0 2px; }
							#header-container #header-content #global-nav ul li .sub-nav .column ul li { float:none; margin-bottom:7px; }
								#header-container #header-content #global-nav ul li .sub-nav .column ul li a { color:#003399; font-size:1.2em; font-weight:normal; line-height:16px; padding:0; text-decoration:none; }
								#header-container #header-content #global-nav ul li .sub-nav .column ul li a:hover { background-color:transparent; text-decoration:underline; }
						#header-container #header-content #global-nav ul li .sub-nav .promoted-content-container { border-top:1px dotted #dedede; float:left; margin:10px 0 6px; padding-top:10px; width:429px; }
						#header-container #header-content #global-nav ul li .sub-nav .promoted-content {
							background-color:#7b1272;
							padding:16px 10px;
							width:409px;
							}
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content h4 a {
								font-weight:bold;
								text-decoration:none;
								}
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content a {
								color:#ffffff;
								font-size:1em;
								font-weight:normal;
								text-decoration:underline;
								}
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content p.title { margin-bottom:5px; }
								#header-container #header-content #global-nav ul li .sub-nav .promoted-content p.title a { 
									font-size:1.25em;
									font-weight:bold;
									text-decoration:none;
									}
							#header-container #header-content #global-nav ul li .sub-nav .promoted-content p {
								color:#ffffff;
								line-height:18px;
								margin-bottom:0;
								}


/* forms
----------------------------------------------- */

.form {}
	.form .form-row { margin-bottom:18px; width:100%; }
		.form .form-row label { display:block; float:left; line-height:24px; width:25%; }
		.form .form-row .field { float:left; width:65%; }
		.form .form-row .field.button { float:left; margin-left:25%; width:65%; }
	.form input { font-size:1.2em; }
	.form input[type=text] { 
		border:1px solid #e6e6e6;
		color:#404040;
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		height:18px;
		line-height:18px;
		padding:2px;
		width:94.5%;
		}	
	.form input[type=submit] { 
		background-color:#5bac26; 
		border:none; 
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		color:#ffffff;
		font-family:Arial;
		font-size:1.2em;
		font-weight:bold;

		height:22px;
		margin-top:1px;
		padding-bottom:1px;
		text-shadow:0px 1px 1px #366616;
		}
	.form select {
		border:1px solid #e6e6e6;
		-moz-border-radius:4px; 
		-webkit-border-radius:4px; 
		color:#404040;
		height:24px;
		line-height:24px;
		padding:2px;
		width:98%;
		}
.form.inline-search { margin-bottom:5px; }
	.form.inline-search input[type=text] { width:65%; }
	.form.inline-search input[type=submit] { width:25%; }
	
#header-container #website-search input[type=text] {
	border:1px solid #003622;
	float:left;
	height:21px;
	line-height:21px;
	padding:2px;
	}
#header-container #website-search input[type=submit] {
	float:right;
	font-size:1.2em;
	margin-top:1px;
	padding:0;
	height:25px;
	}


/* footer
----------------------------------------------- */

#atoz-outer { background-color:#737373; height:30px; margin-top:20px; width:100%; }
	#atoz { height:30px; font:0.8em/1.4em Arial, Helvetica, sans-serif !important; margin:0 auto; width:942px; }
		#atoz p { background:url("http://www.kirklees.gov.uk/MMX/img/atoz-bg.gif") no-repeat 100% 0 #595959; color:#dedd3a; display:block; float:left; font-size:1.2em; font-weight:bold; line-height:30px; margin:0 20px 0 0; padding:0 35px 0 20px; width:120px; }
		#atoz ul { float:right; list-style-type:none; margin:0; padding:0 20px 0 0; }
			#atoz ul li { float:left; font-size:1.2em; font-weight:bold; line-height:30px; margin-right:15px; }
			#atoz ul li.last { margin-right:0; }
				#atoz ul li a { color:#fefefe; text-decoration:none; }							
#footer-outer { background:url("http://www.kirklees.gov.uk/MMX/img/header-bg.png") repeat-x #003c26; width:100%; }
	#footer-container { background:url("http://www.kirklees.gov.uk/MMX/img/header-bg.png") repeat-x #003c26; font:0.8em/1.4em Arial, Helvetica, sans-serif !important; margin:0 auto; padding:9px 9px 0; width:942px; }
		#footer-container h3 { border:none !important; color:#ffffff; font-size:1.5em; margin-bottom:9px; }
		#footer-container p { color:#ffffff; font-size:1.2em; line-height:23px; margin:0 0 3px; padding:0; }
			#footer-container p strong { margin-right:10px; }
			#footer-container p img { vertical-align:middle; }
		#footer-container p.contact { float:left; margin-right:30px; border:0; }
		#footer-container p.right { float:right; margin-right:0; }
		#footer-container a { color:#fff; text-decoration:underline; }
		#footer-container a.fb-find, #footer-container a.twt-follow { display:inline-block; height:23px; text-indent:-10000px; width:137px; }
		#footer-container a.fb-find { background:url("http://www.kirklees.gov.uk/MMX/img/facebook-badge.png"); }
		#footer-container a.twt-follow { background:url("http://www.kirklees.gov.uk/MMX/img/twitter-badge.png"); }
		#footer-container #footer-content { background-color:#003c26; border:1px solid #003622; border-bottom:none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; padding:19px 20px 20px; }


/* accessibility
----------------------------------------------- */

span.hide { position:absolute; left:-999em; }


/* clear fixes
----------------------------------------------- */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}

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

.clearfix {
	display:inline-block;
	}

* html .clearfix {
	height:1%;
	}

.clearfix {
	display: block;
	}