.mobilemenu{display:none !important;}
.v-menu{Display:block;}

/*temp for ICT bin checker application to work on iPhone  */
#ctl00_mainContent_lbxAddress {min-height:100px;}

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

	Gateshead Council System Stylesheet
	
	CONTENTS

	01: Global Classes & fixes
	02: Global Settings
	03: Headings 
	04: Type & style formatting
	05: links
	06: Forms
	07: Tables
	08: Structure
	09: Mini Templates
	10: Fixed Icons
	11: CMS controls
	12: Section homepages
    13: Template: Alerts
    14: 2012 Template Additions

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

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

	01: Global classes & fixes - accessible within the CMS
	Please leave at the top of this style sheet

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

.imageleft {
	padding-right: 3px;
	float: left;
	margin: 0 15px 0 0;
}

.imageright {
	padding-left: 3px;
	float: right;
	margin: 0 0 0 15px;
}

.imageleft2 {
	float: left;
	margin: 0 5px
}

.imageLeft-nomargin {
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0 2px 0 0
}

.imagecentre {
	margin: auto
}

.tablethird {
	width: 33%
}

.contactleft {
	float: left
}

.bumpbox {
}

.clearfloats {
	clear: both
}

.linkbreak {
	display: none
}

.btn_more {}

/* For sortable data tables */
	
.cssAsc {
}

.cssDesc {
}

#filterClearOne {
	margin-left: 10px; 
	border: 1px solid #8b8787;
	padding: 5px;
	cursor: pointer;
	color: #8b8787;
}

#filterBoxOne {

}

/* For pop up windows */
	
.fancylinks {
}

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

	02: Global Settings

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

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,  dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,  a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,  strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_pagebg.gif) #ebebeb repeat-y center top;
	margin: 0
}

img {
	display: block;
}

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

	03: Headings

---------------*/
	
H1, H2, H3, H4, H5, H6, P, TABLE, UL, OL {
	margin-bottom: 1em;
	font-weight: 400
}

H1 {
	font-size: 1.6em;
	letter-spacing: -1px
}

H2 {
	font-size: 1.5em;
	letter-spacing: -1px;
}

H2 STRONG { 
	font-weight: 400
}

H3 {
	font-size: 1.3em;
}

H4, H5, H6, .system_echeader {
	font-size: 1.2em;
	letter-spacing: -1px;
	font-weight: 700;
}

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

	04: Type and Style Formatting

---------------*/
	
#system_container {
	font: 1em/1.5 Verdana, Helvetica, sans-serif;
	color: #333;
}

#system_content ul {
	padding-left: 30px;
	list-style-type: disc;
}

li, dt, dd,  p, pre, address,  legend, label, input, textarea,  select, option, optgroup,  th, td {
	font: inherit
}

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

	05: links

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

a, a:link, a:active, a:visited {
	color: #007FD0;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #005C96;
	text-decoration: underline;
}

a img, a:link img, a:active img, a:visited img {
	border: 0;
}

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

	06: Forms

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

fieldset {
	border: #DDD 1px solid;
	padding: 0.5em;
	margin-bottom: 1em;
}

label {
	clear: left;
	padding: 5px;
}

input, textarea, select {
	border: 1px solid #777;
	padding: 5px;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_textbg.gif) #FFF repeat-x left top;
	width:273px;
	font-family: Verdana, Helvetica, sans-serif;
	 *width: 270px;
	 *overflow: auto;
}

input:hover, textarea:hover, select:hover {
	background: #f4f4f4
}

fieldset td {
	background: #FFF
}

input[type='submit'], input.submitform {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_submitbg.gif) repeat-x left top;
	width: auto;
	color: #CCC;
	border: none;
}

input[type='submit']:hover {
	cursor: pointer;
	color: #FFF;
}

input[type='submit']:active {
	padding: 5px;
}

#councillors input.submitform {
	font-weight: 400;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_submitbg.gif) repeat-x left top;
	width: auto;
	color: #ccc;
	border: none;
}

#system_content .sys_cms-form-control ul.sys_cms-form-body {padding: 0px; margin: 0px;}

#system_content .sys_cms-form-control ul.sys_cms-form-body li.sys_radio label {
    clear: none;
    padding: 5px;
}

#system_content .sys_cms-form-control ul.sys_cms-form-body li.sys_radio input {
	border: none;
	background: none;
}

#system_content .sys_cms-form-control ul.sys_cms-form-body input, #system_content .sys_cms-form-control ul.sys_cms-form-body textarea, #system_content .sys_cms-form-control ul.sys_cms-form-body select {
	border: 1px solid #777;
	padding: 5px;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_textbg.gif) #FFF repeat-x left top;
	font-family: Verdana, Helvetica, sans-serif;
}


input[type='submit'], input.submitform, .sys_form-submit {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_submitbg.gif) repeat-x left top;
	width: auto;
	color: #CCC;
	border: none;
}


.sys_form-submit, .sys_cms-form-item button {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_form_submitbg.gif) repeat-x left top;
	width: auto;
	color: #CCC;
	border: none;
	padding: 5px;
	margin-right: 10px;
}

#Div1 #system_contentarea #system_contentwrapper #system_content input[type='radio'] {
	border: none;
	background: none;
	width:auto;
}

#Div1 #system_contentarea #system_contentwrapper #system_content input[type='submit'] {
	font-weight: 400;
	text-align:left;
	font-size: 0.95em
}

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

	07: Tables

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

table {
	width: 100%;
	border-collapse: collapse
}

caption, th, td {
	border: 1px solid #FFF;
	padding: 5px;
	margin: 1px;
	vertical-align: top;
	text-align:left;
}

caption {
	background: #C2E8FF;
}

th {
	background: #008CE4;
	color: #FFF;
}

th a, th a:link, th a:visited, th a:active, th a:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF
}

th a:hover {
	color: #CBC5C5;
	border-bottom: 1px dotted #CBC5C5;
	text-decoration: none;
}

td {
	background: #EEE;
}

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

	08: Structure
		- Header
		- Content
		- Footer

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

#system_container {
	padding: 0;
	margin: 0 auto;
	width: 990px;
	position: relative
}

/* 08A: Header */
	
#header {
	z-index: 100;
	background:#2f2f2f;
	float: left;
	margin: 10px 0;
	width: 990px;
	height: 132px;
}

#logo_area {
	float: left;
	width: 990px;
	height: 97px;
}

#logo {
	float: left;
	position: relative;
}

#logo H1 {
	left: -99999px;
	position: absolute;
}

.bannerad {
	padding: 15px 15px 0 0;
	float: right;
	width: 470px;
	height: 70px;
}

.bannerad iframe {
	border: #FFF 2px solid;
}

/* Not sure if this is in use */
iframe#ad_all {
	/* display this one */
	height: 60px;
	width: 468px;
}

/* Tabbed Navigation */
		
#top_navigation {
	z-index: 3000;
	float: left;
	width: 990px;
	color: #FFF;
	position: relative;
	height: 35px
}

/* Fonts for top navigation */
		
#top_navigation ul {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 0.95em;
}

#top_navigation ul ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-size: 0.75em;
}

/* end font */

#top_navigation a:hover {
	text-decoration: none;
}

#top_navigation ul {
	float: left;
	list-style-type: none;
	position: relative
}

#top_navigation ul ul {
	padding: 4px;
	z-index: 1000;
	background: #0068aa;
	left: -1px;
	visibility: hidden;
	width: 292px;
	position: absolute;
	top: 35px
}

#top_navigation ul ul li {
	float: none;
	margin: 0;
}

#top_navigation ul ul li a {
	padding: 4px 12px 6px 22px;
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavdroparrow.png) no-repeat 6px 10px;
	width: 258px;
	color: #FFF;
	border-bottom: #0a6eae 1px solid;
}

#top_navigation ul ul li a:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavdroparrow.png) #007fd0 no-repeat 6px 10px;
	border-bottom: #007fd0 1px solid;
	text-decoration: none;
}

#top_navigation ul ul li a.moreservices {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavplusicon.png) #007fd0 no-repeat 8px 11px;
	width: 224px;
	border: none;
	padding: 10px 32px 12px 36px;
}

#top_navigation ul ul li a.moreservices:hover {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavplusicon.png) #35a4eb no-repeat 8px 11px;
	border: none;
}

#top_navigation ul ul li.sys_last a {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavplusicon.png) #007fd0 no-repeat 8px 11px;
	width: 224px;
	border: none;
	padding: 10px 32px 12px 36px;
}

#top_navigation ul ul li.sys_last a:hover {
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001topnavplusicon.png) #35a4eb no-repeat 8px 11px;
	border: none;
}

#top_navigation li:hover ul, #top_navigation a:hover ul {
	visibility: visible
}

#top_navigation ul li {
	display: inline;
	float: left;
	margin: 0 0 0 1px;
	width: 120px;
	position: relative
}

/*Tab background colour changes 22/12/2011*/

#top_navigation ul li a.azservices {
text-align: center;
	padding: 6px 15px 0 0;
	width: 105px;
	display: block;
	background: #fff url(https://www.gateshead.gov.uk/images/structure/ArrowDownblk.png) no-repeat 100px 15px;
	height: 29px;
	color: #007fd0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
  border-radius: 10px 10px 0px 0px;
  -pie-border-radius: 10px 10px 0px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation ul li a.home, #top_navigation ul li a.mygateshead, ul li.recite {
	padding: 6px 0 0 0;
	display: block;
	background: #57b8f5;
	width: 120px;
	color: #fff;
	height: 29px;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
  border-radius: 10px 10px 0px 0px;
  -pie-border-radius: 10px 10px 0px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation UL LI A.home:hover, #top_navigation UL LI A.mygateshead:hover, UL LI.recite {
	BACKGROUND: #0068aa;
}

#top_navigation UL LI A.toptasks {
	padding: 6px 15px 0 0;
	display: block;
	background: #57b8f5 url(https://www.gateshead.gov.uk/images/structure/ArrowDown.png) no-repeat 100px 15px;
	width: 105px;
	color: #fff;
	height: 29px;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
  border-radius: 10px 10px 0px 0px;
  -pie-border-radius: 10px 10px 0px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation UL LI A.toptasks:hover {
	background: #0068aa url(https://www.gateshead.gov.uk/images/structure/ArrowDown.png) no-repeat 100px 15px;
}

#top_navigation UL LI A.azservices:hover {
	BACKGROUND: #fff url(https://www.gateshead.gov.uk/images/structure/ArrowDownblk.png) no-repeat 100px 15px;
	COLOR: #007fd0
}

UL LI.recite {
	PADDING: 6px 0 0 30px;
	DISPLAY: block;
	BACKGROUND: #57b8f5 url(https://www.gateshead.gov.uk/images/structure/recite.gif) no-repeat 90px 6px;
	COLOR: #fff;
	HEIGHT: 29px;
	TEXT-DECORATION: none;
	text-align:left;
	width:90px !important;
}

UL LI.recite:hover {
	BACKGROUND: #0068aa url(https://www.gateshead.gov.uk/images/structure/recitehover.gif) no-repeat 90px 6px;
}
  
/*End of tab styles*/

/*Start search styles*/

#top_navigation .site_search .sys_search-query-control {
	float: right;
	width: 221px;
	height: 35px
}

#top_navigation .site_search .sys_search-query-control .sys_search-label {
	display: none
}

#top_navigation .site_search .sys_search-query-control INPUT#sitesearch_SearchTextBox {
	BORDER:0;
	BACKGROUND: #fff url(https://www.gateshead.gov.uk/images/structure/search.gif) no-repeat;
	FLOAT: left;
	MARGIN: 4px 0px 0px 4px;
	WIDTH: 151px;
	PADDING: 6px 6px 0 28px;
	HEIGHT: 21px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-position: 5px 4px;
  border-radius: 10px 0px 0px 10px; 
  -pie-border-radius: 10px 0px 0px 10px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation .site_search .sys_search-query-control INPUT#sitesearch_SearchButton {
	border: 0;
	display: block;
	BACKGROUND:#57b8f5 url(https://www.gateshead.gov.uk/images/structure/arrow.gif) no-repeat 10px 10px;
	float: left;
	margin: 4px 0 0 3px;
	overflow: hidden;
	width: 25px;
	text-indent: -99999px;
	line-height: 1000px;
	height: 27px;
	border-right-width: 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
  border-radius: 0px 10px 10px 0px; 
  -pie-border-radius: 0px 10px 10px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation .site_search .sys_search-query-control INPUT#sitesearch_SearchButton:hover {
	cursor: pointer
}

/* 08B: Content */
	
#system_contentarea {
	z-index: 1;
	float: left;
	position: relative
}

#system_contentarea #title {
	float: left;
	margin: 0 0 20px 10px;
	width: 780px;
	padding: 0;
	border-bottom: #0068aa 1px solid
}

#system_contentarea #title H1 {
	font-weight: 400;
	padding-bottom: 6px;
	margin: 0;
	color: #0068aa;
	letter-spacing: -1px;
	font-size: 1.3em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.16em;
}

/* Branding
			
	Used if content requires the replacement of the standard title with
	a banner
*/
		
#system_contentarea #system_branding {
	left: 0;
	float: left;
	margin: 0 0 -31px 10px;
	width: 780px;
	position: relative;
	top: -51px
}

#system_navigation {
	float: left;
	overflow: visible;
	width: 200px;
	height: auto
}

/* Font */
		
#system_navigation {
	font-size: 0.7em;
}

/* End Font */
		
.system_menu {
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%
}
.system_menu a, .system_menu a:visited  {
	padding: 7px 20px 8px;
	border-top: #FFF 1px solid;
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_linkbg.gif) #F4F4F4 no-repeat 10px 11px;
	width: 180px;
	color: #000;
	line-height: normal;
	border-bottom: #D3D3D3 1px solid;
	text-decoration: none
}

.system_menu a:hover {
	color: #007FD0;
	text-decoration: none
}

.system_menu .home a, .system_menu .home a:visited {
	padding: 7px 20px 8px 10px;
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_homebg.gif) no-repeat 0 -41px;
	color: #FFF;
	border-top-style: none;
	border-bottom: #4297CC 1px solid
}

.system_menu .home a:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_homebg.gif) no-repeat 0 0;
	color: #FFF
}

.parent_folder {

}

.system_menu .parent_folder a, .system_menu .parent_folder a:visited {
	padding: 7px 20px 8px 10px;
	border-top: #FFF 1px solid;
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_folderbg.gif) #5EBAF4 no-repeat 0 -41px;
	color: #FFF;
	border-bottom: #4297cc 1px solid
}

.system_menu .parent_folder a:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_folderbg.gif) no-repeat 0 0;
	color: #FFF
}

.current_folder {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_thisfolderbg.gif) #5EBAF4 no-repeat 0 -41px;
}

.system_menu .current_folder a, .system_menu .current_folder a:visited {
	padding: 7px 20px 8px 10px;
	border-top: #FFF 1px solid;
	font-weight: 700;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_thisfolderbg.gif) #5EBAF4 no-repeat 0 -41px;
	color: #FFF;
	border-bottom: #005992 1px solid
}

.system_menu .current_folder a:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_leftnav_thisfolderbg.gif) no-repeat 0 0;
	color: #FFF
}

.system_menu .current_item a {
	color: #007FD0
}

.current_item {

}

.item {

}

.system_menu .lastitem {
	background: #F4F4F4;
	width: 200px;
	height: 10px
}

#system_contentwrapper {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
	width: 780px;
	position: relative;
	_margin: 0 0 0 0;
}

/* Font */
		
#system_contentwrapper {
	font-size: 0.8em;
}

/* End Font */
		
#system_content {
	margin: 0 10px 0 0;
	width: auto;
	position: relative;
 overflow: hidden;   
}

#system_extracontent {
	float: right
}

#system_extracontent SPAN.extrablank {
	display: none
}

/* 08C: Footer */
	
#footer {
	background: #2f2f2f;
	float: left;
	margin: 0 0 10px;
	width: 990px
}

/* Fonts for footer */
		
#footer {
	font-size: 0.7em;
}

#quicklinks LI:first-child {
	font-size: 1.2em
}

/* end font */

#quicklinks {
	padding: 20px 0 0 20px;
	float: left;
	width: 970px;
	height: 141px
}

#quicklinks ul {
	float: left;
	margin: 0 40px 0 0;
	list-style-type: none
}

#quicklinks ul li {
	color: #b3b3b3;
}

#quicklinks ul li:first-child {
	font-weight: 700;
	margin-bottom: 15px;
}

#quicklinks ul li a {
	color: #B3B3B3;
}

#quicklinks ul li a:hover {
	color: #FFF
}

#quicklinks a.feedback {
	display: none;
}

#quicklinks a.feedback SPAN {
	left: -99999px;
	position: absolute
}

#copyright {
	border-top: #565656 1px solid;
	float: left;
	width: 990px;
	height: 28px
}

#copyright ul {
	margin: 0 0 0 20px;
	list-style-type: none
}

#copyright ul.listright {
	float: right
}

#copyright ul li {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	color: #b3b3b3;
	padding-top: 2px
}

#copyright ul li a {
	color: #35a4eb;
}

#copyright ul li a:hover {
	color: #007fd0;
}

#socialmedia {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_socbg.gif) #b3b3b3 no-repeat;
	float: left;
	width: 990px;
	height: 34px
}

#socialmedia ul {
	margin: 0 0 0 192px;
	list-style-type: none
}

#socialmedia ul li {
	float: left;
	margin: 0 40px 0 0;
}

#socialmedia ul li a SPAN {
	left: -99999px;
	position: absolute
}

#socialmedia ul li a.facebook {
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_fb.gif) no-repeat 0 100%;
	width: 90px;
	height: 34px
}

#socialmedia ul li a.facebook:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_fb.gif) no-repeat 0 0
}

#socialmedia ul li a.flickr {
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_flickr.gif) no-repeat 0 100%;
	width: 60px;
	height: 34px
}

#socialmedia ul li a.flickr:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_flickr.gif) no-repeat 0 0
}

#socialmedia ul li a.twitter {
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_twitter.gif) no-repeat 0 100%;
	width: 88px;
	height: 34px
}

#socialmedia ul li a.twitter:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_twitter.gif) no-repeat 0 0
}

#socialmedia ul li a.youtube {
	display: block;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_youtube.gif) no-repeat 0 100%;
	width: 56px;
	height: 34px
}

#socialmedia ul li a.youtube:hover {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_footer_soc_youtube.gif) no-repeat 0 0
}

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

	09: Mini Templates

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

.system_echeader {
	padding: 0 0 0.4em;
	font-weight: 400;
	border-bottom: #d3d3d3 1px solid;
}

.system_echeader P {
	margin-bottom: 0;
}

.system_ecbody {
	margin: 10px 0 0;
}

.system_ecbody TD {
	padding: 0;
	background-color: #fff;
}

.system_ecbody A {
	WORD-WRAP: break-word
}

#system_extracontent .system_contactus  {
	margin: 0 0 20px 10px;
	width: 200px
}

#system_content .system_contactus .system_ecbody  {
	padding-left: 10px;
}

.system_documentlink,  .system_internallink,  .system_externallink {
	margin: 0 0 20px 10px;
	width: 200px;
	position: relative
}

#system_content .system_documentlink,  #system_content .system_internallink,  #system_content .system_externallink {
	margin: 0 0 20px;
	width: 100%;
	position: relative;
	padding-bottom: 5px;
}

#system_content .system_documentlink ul,  #system_content .system_internallink ul,  #system_content .system_externallink ul {
	padding-left: 0;
	list-style-type: none;
}

.system_documentlink .system_ecbody UL,  .system_internallink .system_ecbody UL,  .system_externallink .system_ecbody UL {
	list-style-type: none
}

.system_documentlink .system_ecbody UL LI,  .system_internallink .system_ecbody UL LI,  .system_externallink .system_ecbody UL LI {
	padding: 3px 0 3px 14px;
	border-bottom: #d3d3d3 1px solid;
}

#system_content .system_ecbody ul li {
	border-bottom: none;
}

.system_documentlink .system_ecbody UL LI {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_mini_doc.gif) no-repeat 0 9px;
	margin: 0 0 4px;
}

.system_internallink .system_ecbody UL LI,  .system_externallink .system_ecbody UL LI {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_mini_linkarrow.gif) no-repeat 0 11px;
}

/* Image templates */

.system_mini_featurewithimage .system_imageleft .system_picture {
	background: #eee;
	border: none;
	float: left;
	margin: 0 10px 10px 0;
	position: static;
	width: 250px;
}

.system_mini_featurewithimage .system_imageright .system_picture {
	background: #eee;
	border-left: 10px solid #fff;
	float: right;
	margin: 0 0 10px 10px;
	position: static;
	width: 250px;
}

.system_mini_featurewithimage .system_imageleft .system_text ul {
	margin: 0 10px;
}

.system_mini_featurewithimage .system_picture .system_caption {
	color: #555;
	font-size: 0.7em;
	margin: 7px;
}

.system_mini_featurewithimage .system_picture .system_caption a:link {
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 15px;
}

.system_mini_featurewithimage .system_picture .system_caption a:active {
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 15px;
}

.system_mini_featurewithimage .system_picture .system_caption a:visited {
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 15px;
}

/* Main content picture & caption */

.captionextra_ad {
	background: #F3F5F8;
	float: right;
	margin: 10px 0 0 10px;
	padding: 4px;
	width: 250px;
}

.captionextra_ad_text p {
	font-size: 0.8em;
	margin: 5px 0 0;
}

/* Small left image 128px */

.system_mini_featurewithimage .system_imageleft128px .system_picture {
	background: #F3F5F8;
	border: 4px solid #F3F5F8;
	float: left;
	margin: 0 10px 0 0;
	position: static;
	width: 128px;
}

.system_mini_featurewithimage .system_imageleft128px ul {
	margin: 0 10px 0 0;
}

.system_mini_featurewithimage .system_imageleft128px .system_text ul {
	margin:0 0 0 10px;
}

/* Features - for a 1 x 3 row of features and a 1 x 2 row. Used in Mini templates: FeatureRow3 and FeatureRow2 */

.sys_featurebox_left {
	width: 250px;
	background: #F4F4F4;
	float:left;
	margin: 0 10px 13px 0;
	height: 250px;
	z-index: 1999;
}

.sys_featurebox_right {
	width: 250px;
	background: #F4F4F4;
	float:right;
	margin: 0 0 15px;
	height: 250px;
	z-index: 1999;
}

.sys_featurebox_textarea {
	width: 228px;
	margin:auto;
	z-index: 1999;
}

.sys_featurebox_wide {
	width: 510px;
	height: 250px;
	background: #F4F4F4;
	float:right;
	margin: 0 0 15px;
	z-index: 1999;
}

.sys_featurebox_left IMG, .sys_featurebox_right IMG {
	border: 1px solid #252525;
	margin:10px 0 10px 11px;
	z-index: 1999;
}

.sys_featurebox_textarea H2, .sys_featurebox_textarea P {
	margin: 0;
	padding: 0;
	z-index: 1999;
}

.sys_featurebox_wide {
	width: 510px;
	height: 250px;
	background: #F4F4F4;
	float:right;
	margin: 0 0 15px;
	z-index: 1999;
}

.sys_featurebox_wide IMG {
	border: 1px solid #252525;
	margin:10px 0 10px 11px;
	z-index: 1999;
}

.sys_featurebox_wide_text {
	background: #252525;
	padding: 7px;
	margin-top: -70px;
	margin-left: 85px;
	width: 400px;
	z-index: 1999;
}

.sys_featurebox_wide_text a {
	margin-left: 10px;
	z-index: 1999;
}

/* Features FOR WHEN STUFFED IN SYSTEM BRANDING - for a 1 x 3 row of features and a 1 x 2 row. Used in Mini templates: FeatureRow3 and FeatureRow2 */
	
#system_branding .sys_featurebox_textarea P {
	font-size: 0.8em;
	line-height: 1.5em;
}

#system_branding .sys_featurebox_textarea h2 {
	font-size: 1em;
	margin-bottom: 5px;
}

#system_branding .sys_featurebox_left {
	width: 250px;
	background: #F4F4F4;
	float:left;
	margin: 0 15px 13px 0;
	height: 250px;
}

.system_mini_featurewithimage .system_imageleft .system_picture {
	background: #EEE;
	float: left;
	margin: 0 10px 10px 0;
	width: 250px;
	border-style: none;
	position: static;
}

.system_mini_featurewithimage .system_imageright .system_picture {
	background: #EEE;
	float: right;
	margin: 0 10px 10px 0;
	width: 250px;
	border-style: none;
	position: static;
}

.system_mini_featurewithimage .system_imageleft .system_text UL {
	margin: 0 10px
}

.system_mini_featurewithimage .system_picture .system_caption {
	font-size: 0.7em;
	margin: 7px;
	color: #555
}

.system_mini_featurewithimage .system_picture .system_caption A:link,  .system_mini_featurewithimage .system_picture .system_caption A:active,  .system_mini_featurewithimage .system_picture .system_caption A:visited {
	padding: 0 0 0 15px;
	font-weight: 700;
	margin: 0;
}

#system_content .system_contactus {
	background: url(https://www.gateshead.gov.uk/images/structure/1001_mini_curve_topleft.gif) #eee no-repeat left top;
	float: left;
	width: 100%;
}

#system_content .system_contactus .system_echeader {
	padding: 6px 0 0 10px;
	background: url(https://www.gateshead.gov.uk/images/structure/1001_mini_curve_topright.gif) no-repeat right top;
	width: auto;
	border-bottom: #fff 1px solid;
	height: 29px
}

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

	10: Fixed Icons
	Note: these do not work in IE6
	
---------------*/

ul#sys_fixedicons {
	position: fixed;
	left: 50%;
	top: 370px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 505px;
	_display: none; /* Hide from IE6 */
}

a.fixedtwitter {
	display: block;
	text-indent: -9999px;
	width: 36px;
	height: 32px;
	background:url(https://www.gateshead.gov.uk/images/structure/fixed-twitter-icon.png);
}

a.fixedfacebook {
	display: block;
	text-indent: -9999px;
	width: 36px;
	height: 32px;
	background:url(https://www.gateshead.gov.uk/images/structure/fixed-facebook-icon.png);
	margin-top: 3px;
}

a.fixedfeedback {
	display: block;
	text-indent: -9999px;
	width: 36px;
	height: 96px;
	background:url(https://www.gateshead.gov.uk/images/structure/fixed-feedback-icon.png);
	margin-top: 3px;
}

a:hover.fixedfeedback,  a:hover.fixedfacebook,  a:hover.fixedtwitter {
	background-position: 36px 0;
}

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

	11: CMS Controls

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

/* Image gallery */
	
.sys_imageslideshowgallery-control .sys_imageslideshowgallery-fullimagecontainer IMG {
	display: block;
	text-align:center;
	margin: auto;
}

.sys_imageslideshowgallery-control .sys_imageslideshowgallery-fullimagecontainer {
	margin: 0 auto;
	max-width: 98%;
	text-align:center;
}

.sys_imageslideshowgallery-fullimagecontainer {
	margin: auto;
}

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

	12: Section homepages
	Shouldn't these be moved to section.css ?
	There is an issue with these styles and how they display in IE6 - not tested and not fixed

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

.SubHome {
	margin-bottom: 10px;
	width: 780px;
	float:right;
}

.SubHomeStory {
	background: #5EBBF4;
	float: left;
	width: 560px;
	height: 177px;
	padding: 0 5px;
}

.SubHomeStory H2 {
	margin-left: 5px;
	margin-bottom: 0.3em;
	color: #fff;
	font-weight: 400
}

.SubHomeAds {
	float: right;
	width: 200px
}

.SubHomeAds img {
	margin-bottom: 9px
}

.SubHomeStory a {
	color: #fff
}

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

    13: Alerts
    Simple styles to add a box with a dotted border to pages

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

.sys_websitealert {
        background-color: #f4f4f4;
        border: 1px dotted #242424;
        padding: 10px;
        margin-bottom: 10px;
}


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

    14: 2012 Template Additions

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

.darkbg {
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #2f2f2f;
	color: #f3f3f3;
  -pie-border-radius: 5px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

.darkbg a {
	color: #f3f3f3;
}

.lightbg {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #f3f3f3;
	color: #2f2f2f;
  margin-bottom: 25px;
    -pie-border-radius: 5px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}



.lightbg:hover {
	background-color: #cac9c9;
	color: #2f2f2f;
}

.redbg {
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #FFE7CE;
	color: #2f2f2f;
  margin-bottom: 25px;
    -pie-border-radius: 5px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

.system_minitemplate {
    padding: 8px;
    min-height: 155px;
}

.system_minitemplate_alert {
    padding: 8px;
}

.system_minitemplate a.btn_more {
	
 padding: 6px;
 background:#74c7f9;
  color: #fff;
  font-weight: 700;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    -pie-border-radius: 5px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

.system_minitemplate a:hover.btn_more {
	text-decoration: none;
}

.system_minitemplate_title {
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 10px;
  display: block;
  /*background: url(https://www.gateshead.gov.uk/images/structure/arrow-header.png) no-repeat top right;*/
    }
    
    .system_minitemplate a[href^="mailto"] { 
    padding: 0 0 5px 30px;
	background: url(https://www.gateshead.gov.uk/images/structure/mail.png) no-repeat;
}

    .system_minitemplate a[href$="pdf"] { 
    	padding: 0 0 5px 30px;
    	background: url(https://www.gateshead.gov.uk/images/structure/pdf.png) no-repeat;
    }
    
    .system_minitemplate a[href$="doc"] { 
    	padding: 0 0 5px 30px;
    	background: url(https://www.gateshead.gov.uk/images/structure/doc.png) no-repeat;
    }
    
    .system_minitemplate a[href$="xls"] { 
    	padding: 0 0 5px 30px;
    	background: url(https://www.gateshead.gov.uk/images/structure/xls.png) no-repeat;
    	list-style-type: none;
    }
    
        div.caption-right{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:3px;
	}
	
		div.caption-right img{
			display:block;
			padding:0;
			margin:0;
		}
	
		div.caption-right span{
			display:block;
			margin-top:3px;
			font-size:0.8em;
			color:#666;
			padding:0px 5px;
		}

	div.caption-left{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:3px;
	}
	
		div.caption-left img{
			display:block;
			padding:0;
			margin:0;
		}
	
		div.caption-left span{
			display:block;
			margin-top:3px;
			font-size:0.8em;
			color:#666;
			padding:0px 5px;
		}

.wrapper {
    width: 100%;
	margin: 0 auto;
  
 
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}

.wrapper .onecol {
	width: 4.85%;
}

.wrapper .twocol {
	width: 13.45%;
}

.wrapper .threecol {
	width: 22.05%;
}

.wrapper .fourcol {
	width: 30.75%;
}

.wrapper .fivecol {
	width: 39.45%;
}

.wrapper .sixcol {
	width: 48%;
}

.wrapper .sevencol {
	width: 56.75%;
}

.wrapper .eightcol {
	width: 65.4%;
}

.wrapper .ninecol {
	width: 74.05%;
}

.wrapper .tencol {
	width: 82.7%;
}

.wrapper .elevencol {
	width: 91.35%;
}

.wrapper .twelvecol {
	width: 100%;
	float: left;
}

#system_extracontent .wrapper .twelvecol {
	margin: 0 0 20px 10px;
	width: 200px
}

.last {
	margin-right: 0;
}

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

    DEVELOPMENT

---------------*/
/*Homepage redesign 05/01/2011*/

#Sys_Services {
width:990px;
  
}


#sys_services, .hpservice h3, #azhp h2 {
  font-family: Arial,Helvetica,sans-serif;
}

.hpservice{
  float:left;
  width:310px;
  margin:10px;
  border-bottom: 1px dotted #666;
  height:140px;
  line-height:1em;
  
  
}

.hpservice h3 {
	font-weight:lighter;
 margin-bottom:0px;
}

.hpservice ul {
padding:0;
margin: 10px 0 0 0;
} 

.hpservice li {
  display:inline;
  font-size: 0.8em;  
  list-style-type:none;
  margin-right:4px;
  
}

.hpservice li a{
  color: #35A4EB;
  text-decoration:none;
}

.hpservice li a:hover{
  text-decoration:underline;
}

.hpservice .more{
  clear:both;
  text-transform:uppercase;
  font-size:0.8em;
  text-decoration:none;
}

.hpservice .more a {
  color:#FF3300;
  text-decoration:none;
}

.hpservice .more a:hover {
  text-decoration:underline;
}

#azhp {
  clear:both;
}