/* temp for ICT */
#system_extracontent {
	width: 200px;
}

/* Banner ad selection */

iframe#ad_environment {
	/* display this one */
	height: 60px;
	width: 468px;
}

iframe#ad_leisure, iframe#ad_building, iframe#ad_business, iframe#ad_care, iframe#ad_council, iframe#ad_education, iframe#ad_benefits, iframe#ad_homepage, iframe#ad_housing, iframe#ad_jobs, iframe#ad_people, iframe#ad_transport {
	/* hide these */
	display: none;
}

/* Christmas Recycling */

.xmasrecycle {
	color: #368D3E;
	font-size: 110%;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 3px solid #368D3E;
	border-bottom: 3px solid #368D3E;
}

.xmasrecycle a:link, .xmasrecycle a:visited, .xmasrecycle a:active {
	color: #368D3E;
	text-decoration: none
}

.xmasrecycle a:hover {
	color: #368D3E;
	text-decoration: underline
}

.foodimage {
	float:right;
	width:204px;
	margin: 17px 0 0 10px
}

.foodimagecaption {
	width: 204px;
	background-color: #f3f5f8;
	margin-left: auto;
	margin-right: auto;
}

.foodimagecaption P {
	font-size:90%;
	padding: 0 8px 8px 8px;
}

.foodimagecentre {
	width: 196px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #f3f5f8;
}

/* Love Food Hate Waste Recipes */

#recipe {
}

#recbanner {
	float:left;
	width:100%;
	height:270px;
	background-color: #F3F5F8
}

#recpic {
	float:left;
	padding: 10px
}

#recpic IMG {
	border: 1px solid #C63372;
}

#ingredients {
	float: left;
padding 10px;
	background-color: #F3F5F8;
	padding: 10px
}

#rectitle {
	float: left;
	width: 100%;
	background-color: #C63372
}

#rectitle H2 {
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#recsub {
	float: left;
	width: 100%;
	background-color: #F3F5F8;
	border-top: 1px solid #C63372
}

#recsub P {
	padding: 10px
}

#recsent {
	float: left;
	width: 100%;
}

#recsent P {
	padding: 10px
}

#recstruct {
	float: left;
	width: 100%;
}

#recstruct P {
	padding: 10px
}

#recstruct UL {
	padding: 10px
}


/* recycling mini template buttons */
.sys_recybuttons {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.sys_recybuttons LI {
	display:block;
	list-style:none;
	border: none;
}

.sys_recybuttons li a {
	display:block;
	height:100px;
	width:200px;
	text-indent:-2000px;
	color:#464646;
	font-weight:bold;
	margin-bottom:10px
}

a.permit {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/WastePermitButton.gif)
}

a.collection {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/CollectionDayButton.gif)
}

a.missed {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/MissedBinButton.gif)
}

a.az {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/AzButton1.gif)
}

a.findfacility {
	display: block;
	width: 200px;
	height: 100px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/FindFacilityButton.gif)
}

a.permit:hover, a.collection:hover, a.missed:hover, a.az:hover, a.findfacility:hover {
	background-position: 0 -100px;
}

/* recycling bring sites table */
.sys_facilitytable {
}

#system_content .sys_facilitytable TABLE TBODY TR TH {
	background: #FFF;
	padding: 1px;
	border: 1px solid #000;
}

#system_content .sys_facilitytable TABLE TBODY TR TD {
	background: #FFF;
	border: 1px solid #000;
	padding: 1px;
}

#system_content .sys_facilitytable TABLE TBODY TR TD.sys_facilitytableheading {
	background: #f4f4f4;
	font-weight: bold;
}

span.paper {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/paper.gif);
	text-indent:-2000px;
}

span.battery {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/batteries.gif);
	text-indent:-2000px;
}

span.glass {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/glass.gif);
	text-indent:-2000px;
}

span.books {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/books.gif);
	text-indent:-2000px;
}

span.cans {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/cans.gif);
	text-indent:-2000px;
}

span.card {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/card.gif);
	text-indent:-2000px;
}

span.cartons {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/cartons1.gif);
	text-indent:-2000px;
}

span.plastic {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/plastic.gif);
	text-indent:-2000px;
}

span.textiles {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/textiles.gif);
	text-indent:-2000px;
}

span.envelopes {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/Envelopes.gif);
	text-indent:-2000px;
}

span.paper2 {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/paper60.gif);
	text-indent:-2000px;
}

span.telephone {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/telephone.gif);
	text-indent:-2000px;
}

span.catalogues {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/catalogues.gif);
	text-indent:-2000px;
}

span.smallelec {
	display: block;
	width: 71px;
	height: 95px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/smallelec.gif);
	text-indent:-2000px;
}

span.triangle1 {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/triangle1.gif);
	text-indent:-2000px;
}

span.triangle2 {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/triangle2.gif);
	text-indent:-2000px;
}

ul.paperbins {
	display: inline;
}

ul.paperbins LI {
	float: left
}

/* waste recycling homepages - need to hide all of these when display for mobile/handheld */

div.sys_bringsites {
	width: 560px;
	height: 665px;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/bringsitesbg.gif) no-repeat;
	background-position: bottom;
}

div.sys_bringsites H2 {
	border-bottom: 1px solid #000
}

div.sys_athome {
	width: 560px;
	height: 680px;
	background: url(https://www.gateshead.gov.uk/images/Environment/Structure/athomebg1.gif) no-repeat;
}

div.sys_athome H2 {
	border-bottom: 1px solid #000
}