.Right { float: right; }
.RightScroll { float: right; overflow:auto; }
.Left { float: left; }

.BlueArrow
{
	float: right;
	display: block;
	width: 9px;
	height: 10px;
	background: no-repeat -466px 0px url(../images/inyourarea/InYourAreaSprite.jpg);
}

/* =====>  Title  <================================================== */
.InYourAreaTitle
{
	margin: 0 0 25px 0;
	font-size: 1.7em;
}

.InYourAreaTitle span
{
	color: #6ac9ed;
}

/* =====>  Initial Search  <================================================== */
.InYourAreaSearch
{
	margin: 0 0 15px 0;
	padding: 20px;
	background: #b5d5c3;
}

.InYourAreaSearch .Search
{
	width: 924px;
	margin: 0 0 15px 0;
	background: no-repeat top left url(../images/inyourarea/SearchWideBackgroundTop.gif) #fff;
}

.InYourAreaSearch .Search .SearchInner
{
	padding: 15px;
	background: no-repeat bottom left url(../images/inyourarea/SearchWideBackgroundBottom.gif);
}

.InYourAreaSearch .Search .SearchInner h2
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}

.InYourAreaSearch .Search .SearchInner .SearchBox
{
	position: relative;
	width: 466px;
	height: 60px;
}

.InYourAreaSearch .Search .SearchInner .DarkGreen
{
	background: no-repeat 0 0px url(../images/inyourarea/GreenBGLarge.jpg);
}

.InYourAreaSearch .Search .SearchInner .Orange
{
	background: no-repeat 0 0 url(../images/inyourarea/OrangeBGLarge.jpg);
}

.InYourAreaSearch .Search .SearchInner .SearchBox label
{
	display: inline;
	margin: 0 0 0 10px;
	line-height: 30px;
	color: #fff;
}

.InYourAreaSearch .Search .SearchInner .SearchBox .TextBox
{
	position: absolute;
	top: 6px;
	right: 60px;
	width: 220px;
	height: 16px;
	border: 0;
	border: none;
}

.InYourAreaSearch .Search .SearchInner .SearchBox .SearchButton
{
	position: absolute;
	top: 5px;
	right: 10px;
}

.InYourAreaSearch .Search .SearchInner .Summary
{
	width: 466px;
}

.InYourAreaSearch .Search .SearchInner .SummaryRight
{
	float: right;
	width: 400px;
}

.InYourAreaSearch .Why
{
	float: left;
	width: 437px;
	margin: 0 0 25px 0;
}

.InYourAreaSearch .Who
{
	float: right;
	width: 437px;
	margin: 0 0 25px 0;
}

.InYourAreaSearch h2,
.InYourAreaSearch h3
{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.1em;
}

.InYourAreaSearch .SectionSummary
{
	position: relative;
	float: left;
	width: 159px;
	height: 150px;
	margin: 0 6px 0 0;
	padding: 10px;
	background: #ccefdb;
	overflow: hidden;
}

.InYourAreaSearch .SectionSummary h3
{
	padding: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: normal;
}

.InYourAreaSearch .SectionSummary p
{
	font-size: 0.7em;
}

.InYourAreaSearch .Weather
{
	margin: 0;
}

/* =====>  Maps  <================================================== */
.Map
{
	position: relative;
	border: solid 1px #fff;
}

.gmnoprint
{
	font-size: 0.8em;
	overflow: visible;
}

.gmnoprint div div
{
	/*width: 230px !important;*/
	/*overflow: visible !important;*/
}

.gmnoprint h3
{
	font-size: 1em;
	font-weight: bold !important;
}

.gmnoprint .Date
{
	width: 50% !important;
	font-size: 0.75em;
}

.gmnoprint .Icon
{
	float: left;
	margin: 0 10px 0 0;
}

.gmnoprint .Leisure
{
	width: 28px !important;
	height: 22px;
	background: no-repeat -145px -114px url(../images/inyourarea/InYourAreaSprite.jpg);
}

.gmnoprint .Roadwork
{
	width: 17px !important;
	height: 23px;
	background: no-repeat -328px -99px url(../images/inyourarea/InYourAreaSprite.jpg);
}

.gmnoprint .Investment
{
	width: 19px !important;
	height: 19px;
	background: no-repeat -174px -80px url(../images/inyourarea/InYourAreaSprite.jpg);
}

.gmnoprint .MoreInformation
{
	width: 210px !important;
	height: 52px;
	padding: 5px 10px;
	background: no-repeat -466px -54px url(../images/inyourarea/InYourAreaSprite.jpg);
}

/* =====>  Tabs  <================================================== */
.TabStrip .TabPanelGreen
{
	padding: 20px;
	background: #b5d5c3;
}

/* =====>  Search Box on Overview  <================================================== */
.OverviewSearch
{
	float: right;
	width: 292px;
	background: no-repeat top left url(../images/inyourarea/SearchBackgroundTop.gif) #9fbbab;
}

.OverviewSearch .SearchInner
{
	padding: 10px 15px;
	background: no-repeat bottom left url(../images/inyourarea/SearchBackgroundBottom.gif);
}

.OverviewSearch .SearchInner h3
{
	font-size: 1.4em;
}

.OverviewSearch .SearchBox
{
	position: relative;
	width: 250px;
	min-height: 29px;
	background: no-repeat -466px -25px url(../images/inyourarea/InYourAreaSprite.jpg);
}

* html .OverviewSearch .SearchBox
{
	height: 29px;
}

.OverviewSearch .SearchBox .TextBox
{
	position: absolute;
	top: 6px;
	left: 6px;
	width: 180px;
	min-height: 19px;
	border: 0;
	border: none;
}

* html .OverviewSearch .SearchBox .TextBox
{
	height: 19px;
}

.OverviewSearch .SearchBox .SearchButton
{
	position: absolute;
	top: 0;
	right: 0;
}

/* =====>  Tab Summary  <================================================== */
.InYourAreaSummary
{
	width: 598px;
	margin: 0 0 15px 0;
	background: no-repeat top left url(../images/inyourarea/SummaryBackgroundTop.gif) #fff;
}

.InYourAreaSummary .SummaryInner
{
	min-height: 70px;
	padding: 15px;
	background: no-repeat bottom left url(../images/inyourarea/SummaryBackgroundBottom.gif);
}

.InYourAreaSummary .SummaryInner .Right
{
	margin: 0 0 20px 20px;
}

.InYourAreaSummary .SummaryInner .Left
{
	margin: 0 20px 20px 0;
}

/* =====>  Overview  <================================================== */
.Overview
{
	min-height: 1px;
	margin: 15px 0 0 0;
	background: url(../images/inyourarea/ColumnBackground.jpg) repeat-y;
}

* html .Overview
{
	height: 1px;
}

.Overview .Column
{
	position: relative;
	float: left;
	width: 159px;
	margin: 0 6px 0 0;
	padding: 10px 10px 0 10px;
	/*background: #ccefdb;*/
}

.Overview .ColumnImage
{
	position: relative;
	float: left;
	width: 159px;
	height: 117px;
	margin: 0 6px 0 0;
	padding: 0 10px 10px 10px;
	/*background: #ccefdb;*/
}

.Overview .Column p,
.Overview .Column .BlueButton,
.Overview .ColumnImage p,
.Overview .ColumnImage .BlueButton
{
	font-size: 0.7em;
}

.Overview .Column .PDF
{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	background: no-repeat -634px 0 url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.Overview .Icon,
.InYourAreaSearch .Icon
{
	position: absolute;
	top: 10px;
	right: 10px;
	background: no-repeat url(../images/inyourarea/InYourAreaSprite.jpg);
}

.Overview .Column .FooterImage,
.Overview .ColumnImage .FooterImage
{
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 169px;
	height: 117px;
	overflow: hidden;
	margin-left:1px;
}

.Overview .Water .Icon,
.InYourAreaSearch .Water .Icon
{
	width: 18px;
	height: 18px;
	background-position: -500px 0px;
}

.Overview .Incidents .Icon,
.InYourAreaSearch .Incidents .Icon
{
	width: 21px;
	height: 18px;
	background-position: -518px 0px;
}

.Overview .Incidents .IncidentsList div
{
	position: relative;
	margin: 0 0 10px 0;
}

.Overview .Incidents .IncidentsList div a
{
	font-size: 0.8em;
	color: #4a4d3f;
}

.Overview .Incidents .IncidentsList div br
{
	clear: both;
}

.Overview .Incidents .IncidentsList .Warning
{
	float: left;
	display: block;
	width: 25px;
	height: 22px;
	margin: 0px 10px 0 0;
	background: no-repeat -475px 0px url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.Overview .Incidents .IncidentsList .BlueArrow,
.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList .BlueArrow,
.Overview .Leisure .LeisureList .BlueArrow
{
	margin: 4px 10px 0 0;
	text-decoration: none;
}

.Overview .InvestmentsAndRoadworks .Icon,
.InYourAreaSearch .InvestmentsAndRoadworks .Icon
{
	width: 37px;
	height: 20px;
	background-position: -539px 0px;
}

.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList div
{
	position: relative;
	margin: 4px 0 10px 0;
}

.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList div br
{
	clear: both;
}

.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList div a
{
	font-size: 0.8em;
	color: #4a4d3f;
}

.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList div .Investment
{
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin: 0px 10px 0 0;
	background: no-repeat -126px -144px url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.Overview .InvestmentsAndRoadworks .InvestmentsAndRoadworksList div .Roadwork
{
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin: 0px 10px 0 0;
	background: no-repeat -148px -144px url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.Overview .LeisureList div
{
	margin: 0 0 10px 0;
}

.Overview .LeisureList div br
{
	clear: both;
}

.Overview .LeisureList div a
{
	font-size: 0.8em;
	color: #4a4d3f;	
}

.Overview .Leisure .Icon,
.InYourAreaSearch .Leisure .Icon
{
	width: 22px;
	height: 18px;
	background-position: -576px 0px;
}

.Overview .Weather
{
	margin: 0;
}

.Overview .Weather .Icon,
.InYourAreaSearch .Weather .Icon
{
	width: 36px;
	height: 25px;
	background-position: -598px 0px;
}

.Overview .Weather .WeatherReport
{
	
}

/* =====>  In Your Area Map  <================================================== */
.Incidents
{
	position: relative;
}

.Incidents .FoundALeak
{
	position: absolute;
	top: -66px;
	right: 0;
}

* html .Incidents .FoundALeak
{
	right: 20px;
}

.InYourAreaMap
{
	position: relative;
}

.InYourAreaMap .Info
{
	width: 620px;
	height: 58px;
	background: #9fbbab;
	border: solid 1px #d9eae0;
}

.InYourAreaMap .Info h3
{
	font-size: 0.95em;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	color: #fff;
}

.InYourAreaMap .ListBox
{
	width: 620px;
	height: 268px;
	background: #d9eae0;
	border: solid 1px #d9eae0;
	overflow: auto;
}

.InYourAreaMap .ListBox div
{
	height: 37px;
	margin: 0 0 1px 0;
	background: url(../images/inyourarea/ListBackground.jpg) #d9eae0;
	cursor: pointer;
}

.InYourAreaMap .ListBox div.Selected
{
	background-position: 0 -74px;
}

.InYourAreaMap .ListBox div .Icon
{
	/*
	position: absolute;
	top: 0;
	right: 40px;
	*/
	float: right;
	margin: 0 20px 0 0;
	display: block;
	background: no-repeat url(../images/inyourarea/InYourAreaSprite.jpg);	
}

.InYourAreaMap .ListBox div p
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 37px;
	text-align: center;
}

.InYourAreaMap .SearchInfo
{
	width: 270px;
	height: 300px;
	padding: 15px;
	background: #fff;
	font-size: 1em;
}

* html .InYourAreaMap .SearchInfo
{
	height: 312px;
}

.InYourAreaMap .SearchInfo p
{
	font-size: 0.8em;
}

.InYourAreaMap .SearchInfo p.MoreInfo
{
	font-size: 0.8em;
}

/* Incident Icon */
.InYourAreaMap .ListBox div .IncidentIcon
{
	width: 27px;
	height: 37px;
	background-position: 0 -60px;
}


.InYourAreaMap .ListBox div.Selected .IncidentIcon
{
	background-position: 0 -134px;
}

/* Roadwork Icon */
.InYourAreaMap .ListBox div .RoadworkIcon
{
	width: 30px;
	height: 37px;
	background-position: -27px -60px;
}

.InYourAreaMap .ListBox div.Selected .RoadworkIcon
{
	background-position: -27px -134px;
}

/* Roadwork Group Icon */
.InYourAreaMap .ListBox div .RoadworkGroupIcon
{
	width: 30px;
	height: 37px;
	background-position: -435px -60px;
}

.InYourAreaMap .ListBox div.Selected .RoadworkGroupIcon
{
	background-position: -435px -134px;
}

/* Investment Icon */
.InYourAreaMap .ListBox div .InvestmentIcon
{
	width: 30px;
	height: 37px;
	background-position: -57px -60px;
}

.InYourAreaMap .ListBox div.Selected .InvestmentIcon
{
	background-position: -57px -134px;
}

/* Leisure Icon */
.InYourAreaMap .ListBox div .LeisureIcon
{
	width: 30px;
	height: 37px;
	background-position: -87px -60px;
}

.InYourAreaMap .ListBox div.Selected .LeisureIcon
{
	background-position: -87px -134px;
}

/* Loader */
.InYourAreaMap .Loading
{
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 450px;
	background: #fff;
	border-bottom: solid 1px #b5d5c3;
	z-index: 1010;
}

.InYourAreaMap .Loading .Message
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -157px;
}

.InYourAreaMap .Loading .Loader
{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -20px;
}

/* =====>  Roadworks map controls  <================================================== */
.MapControls
{
	position: absolute;
	top: 30px;
	right: 10px;
	width: 190px;
	padding: 10px;
	background: #fff;
	z-index: 1000;
}

* html .MapControls
{
	right: 30px;
}

.MapControls .MapControlsMinimise
{
	float: right;
	display: block;
	width: 14px;
	height: 14px;
	padding: 0;
	background: no-repeat -117px -114px url(../images/inyourarea/InYourAreaSprite.jpg);	
}

.MapControls .MapControlsMaximise
{
	float: right;
	display: block;
	width: 14px;
	height: 14px;
	padding: 0;
	background: no-repeat -131px -114px url(../images/inyourarea/InYourAreaSprite.jpg);	
}

.MapControls h4
{
	font-size: 0.9em;
}

.MapControls p
{
	font-size: 0.6em;
}

.MapControls a
{
	position: relative;
	padding: 0 0 0 30px;
	text-decoration: underline;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 20px;
	outline: 0;
	color: #4a4d3f;
}

.MapControls a:hover
{
	text-decoration: none;
}

.MapControls span
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 19px;
	height: 18px;
	background: no-repeat url(../images/inyourarea/InYourAreaSprite.jpg);	
}

.MapControls .Grey
{
	background-position: -117px -60px;
}

.MapControls .GreyHover
{
	background-position: -136px -60px;
}

.MapControls .Red
{
	background-position: -117px -78px;
}

.MapControls .RedHover
{
	background-position: -117px -96px;
}

.MapControls .Orange
{
	background-position: -136px -78px;
}

.MapControls .OrangeHover
{
	background-position: -136px -96px;
}

.MapControls .Green
{
	background-position: -155px -78px;
}

.MapControls .GreenHover
{
	background-position: -155px -96px;
}

/* =====>  No Script  <================================================== */
.GoogleMapNoScript
{
	position: relative;
	width: 100%;
	height: 450px;
	background: #d9eae0;
}

.GoogleMapNoScript img
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -250px;
}

/* =====>  Weather & Water Quality  <================================================== */
.Weather,
.WaterQuality
{
	position: relative;
}

.Weather .Report,
.WaterQuality .Report
{
    float:left;
	width: 598px;
	margin: 0 0 25px 0;
}

.Weather .Report div,
.WaterQuality .Report div
{
	padding: 10px 0;
	border-bottom: dotted 1px #a7bbad;
}

.Weather .Report div.Header,
.WaterQuality .Report div.Header
{
	border-top: solid 1px #a7bbad;
	border-bottom: solid 1px #a7bbad;
}

.Weather .Report div.Footer,
.WaterQuality .Report div.Footer
{
	border: none;
}

.WaterQuality .Report div p
{
	font-size: 0.8em;
}

.Weather .Report div.Footer p,
.WaterQuality .Report div.Footer p
{
	font-style: italic;
}

.Weather .Report p,
.WaterQuality .Report p
{
	float: left;
	margin: 0;
	padding: 0;
}

.WaterQuality .Report p
{
	width: 22%;
	font-size: 0.8em;
}

.WaterQuality .Report .ReportError
{
	float: none;
	width: 100%;
	font-size: 0.8em;
}

.WaterQuality .Report p.Type
{
	width: 32%;
}

.Weather .Report br,
.WaterQuality .Report br
{
	clear: both;
}

.Weather .Report .Day
{
	width: 115px;
}

.Weather .Report .Summary
{
	width: 300px;
}

.Weather .Report .Temperature
{
	width: 90px;
	text-align: center;
}

.Weather .Today .Picture
{
	margin: 0 0 5px 0;
}

.Weather .Today,
.WaterQuality .Information,
.WaterQuality .Emergency
{
    float: right;
	width: 264px;
	padding: 15px;
	background: #ccefdb;
}

* html .Weather .Today,
* html .WaterQuality .Information,
* html .WaterQuality .Emergency
{
	right: 20px;
}

.WaterQuality .Information p,
.WaterQuality .Emergency p
{
	font-size: 0.8em;
}

.WaterQuality .Information p a,
.WaterQuality .Emergency p a
{
	text-decoration: none;
	color: #4a4d3f;
}

.WaterQuality .Information p a:hover,
.WaterQuality .Emergency p a:hover
{
	text-decoration: underline;
}

.WaterQuality .Information .PDF
{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	background: no-repeat -634px 0 url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.WaterQuality .Information .BlueArrow
{
	float: right;
	display: block;
	margin: 4px 75px 0 0;
	text-decoration: none;
}

* html .WaterQuality .Information .BlueArrow
{
	margin: 4px 37px 0 0;
}

.WaterQuality .Emergency
{
	position: relative;
	padding: 15px 15px 156px 15px;
	background: #171717;
}

* html .WaterQuality .Emergency
{
	padding: 15px 15px 155px 15px;
}

.WaterQuality .Emergency h3,
.WaterQuality .Emergency p
{
	color: #fff;
}

.WaterQuality .Emergency h3 .Droplet
{
	position: absolute;
	top: 19px;
	right: 145px;
	display: block;
	width: 9px;
	height: 15px;
	background: no-repeat -117px -144px url(../images/inyourarea/InYourAreaSprite.jpg);
	font-size: 0em;
	line-height: 0;
}

.WaterQuality .Emergency .WarningImage
{
	position: absolute;
	left: 0;
	bottom: 32px;
	width: 292px;
	height: 124px;
	background: no-repeat 0px -171px url(../images/inyourarea/InYourAreaSprite.jpg);
}

.WaterQuality .Emergency .Advice
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 279px;
	height: 32px;
	padding: 0 0 0 15px;
	background: #e04f0f;
}

* html .WaterQuality .Emergency .Advice
{
	bottom: -1px;
}

.WaterQuality .Emergency .Advice a
{
	font-size: 0.8em;
	line-height: 32px;
	color: #fff;
}

.WaterQuality .Emergency .Advice a span
{
	float: right;
	display: block;
	width: 5px;
	height: 6px;
	margin: 14px 95px 0 0;
	background: no-repeat -117px -128px url(../images/inyourarea/InYourAreaSprite.jpg);
	font-size: 0em;
	line-height: 0;
}

* html .WaterQuality .Emergency .Advice a span
{
	margin: 14px 47px 0 0;
}

.Weather .Min, .Weather .Max
{
	position: relative;
}

.Weather .Min span, .Weather .Max span
{
	position: absolute;
	left: 50px;
}

/* =====>  More Information  <================================================== */
.MoreInformation
{
	position: relative;	
}

.MoreInformation br
{
	clear: both;
}

.MoreInformation a
{
	float: left;
	display: block;
	margin: 0 5px 5px 0;
	background: no-repeat url(../images/inyourarea/InYourAreaSprite.jpg);
	text-decoration: none;
}

.MoreInformation .RSS
{
	width: 21px;
	height: 23px;
	background-position: -174px -121px;
}

.MoreInformation .Twitter
{
	width: 17px;
	height: 23px;
	background-position: -195px -121px;
}

.MoreInformation .Facebook
{
	width: 42px;
	height: 23px;
	background-position: -212px -121px;
}

.MoreInformation .Flickr
{
	width: 39px;
	height: 23px;
	background-position: -254px -121px;
}

.MoreInformation .PDF
{
	width: 17px;
	height: 23px;
	background-position: -293px -121px;
}

.MoreInformation .YouTube
{
	width: 35px;
	height: 23px;
	background-position: -309px -121px;
}

.MoreInformation .Camera
{
	width: 22px;
	height: 22px;
	background-position: -174px -99px;
}

.MoreInformation .Video
{
	width: 22px;
	height: 22px;
	background-position: -196px -99px;
}

.MoreInformation .People
{
	width: 22px;
	height: 22px;
	background-position: -218px -99px;
}

.MoreInformation .Maps
{
	width: 22px;
	height: 22px;
	background-position: -240px -99px;
}

.MoreInformation .Trophy
{
	width: 22px;
	height: 22px;
	background-position: -262px -99px;
}

.MoreInformation .Comments
{
	width: 22px;
	height: 22px;
	background-position: -284px -99px;
}
/*
input
{
    filter:alpha(opacity=0.5);
	opacity:0.5;
}
*/

.InfoWindow
{
    width: 230px;
}

.InfoWindowLeisure
{
    width: 400px;
}

.InfoWindow h3,
.InfoWindowLeisure h3
{
    font-size: 1.3em !Important;
}

.InfoWindow p,
.InfoWindowLeisure p
{
    font-size: 12px !Important;
}