@import url("generic/base.css");
@import url("generic/forms.css");
@import url("generic/homepages.css");
@import url("../custom_scripts/pushup/pushup.css");

/* ************************ Color ************************  */

/* General Stuffs */

body, div.plain_box li span a, #mainContent #content .new_widget h2, div.statArchive ul li strong a, #page_wrap ul#column_nav li.services li a.active, div.statArchive ul li strong a:hover, legend, #content .xform label, div.warning, .warning, .warning h2, .warning p, label strong, p.form_text strong, div.announcement {
color:#000000;
}
div#mast p.skip a.access, div#footer a {
color:#333333;
}
p.postmetadata, div#contact, div#footer, #mainContent #content .middleAdvertWidget .feat_wrap h2, #page_wrap ul#breadcrumb li.bc_end, #content div.latestNewsWidget h2, div#mast p.skip a, ul#column_nav h2, #content .basic_form.xform p, #mainContent #content div.randomimageWidget a:hover {
color:#666666;
}
div#top_services li span, #content div.latestNewsWidget h2 span, .voted  {
color:#999999;
}
div#az_index li span, div#mast div.pseudoH1 a:hover {
color:#CCCCCC;
}
div#az_index li a:hover, div.search_az p, div.search_az h3, input.button, table#calendar td.today, table#calendar td a:hover, #content .eventCalendarWidget table.calendar td.today, #page_wrap #content .eventCalendarWidget table.calendar td a:hover, div#mast ul li, div#mast ul li a, div#mast p.about a.tt span, ul#column_nav li.info h2, ul.contactbox, li.contact h2, ul.contactbox p.phone span, ul.contactbox a, ul.contactbox a:visited, div#tag_cloud a:hover {
color:#ffffff;
}
div#az_index li a, a:link, a:active, a:visited, #page_wrap #mainContent div.search_az ul li ul li a, #page_wrap #mainContent div.new_widget ul.list li a, #mainContent #content div.latestNewsWidget h3 a, #mainContent #content div.WhatsOnWidget h3 a, #mainContent #content .randomimageWidget a, table#calendar td a, #page_wrap #content .eventCalendarWidget table.calendar td a {
color:#98339B;
}
ul.noList li strong, #content .xform span.help, #page_wrap ul#column_nav li.services li a strong {
color:#009999;
}
#page_wrap h1, div.byEditor, div.plain_box, div.poll_box, div.serviceInfo, div.linkCats, div.supplement, div.featureAdvert, ul#column_nav ul li, div.new_widget ul.list li, ul#breadcrumb, ul.contact_search_result li, div.contact, ul.person_box li, div.download ul li, ul.download_box li, div.sitemap, hr {
border-bottom:1px dotted #CCCCCC;
}
#page_wrap #content ul.contact_search_result li, #page_wrap #mainContent ul.person_box li, ul.download_box li, #page_wrap #mainContent div.navTwoColWidget li, #mainContent #content ul.noList li, #page_wrap #mainContent ul.download_box li, .middleAdvertWidget li, #content div.latestNewsWidget li, #page_wrap #mainContent #content ul.carousel-items li, #mainContent #content ul.vertical li, #mainContent #content ul.horizontal li, div#az_index li, div.pickoftheweek ul li, div.search_result li, div#mast li, ul#newslinks li, ul#contactdetails li, ul#badges li, #container div#related li, ul#column_nav li, ul.contactbox li, #mainContent #content div.latestNewsWidget ul.newsLinks li, #page_wrap #content ul.newsLinks li, #page_wrap #content div.ratingblock ul.unit-rating li, #page_wrap #content div.sociable ul li {
list-style-type:none;
list-style-image:none;
}
div.download ul ul li {
list-style-type:none;
}
#content div.lead h2, #content div.search_result h2, #content div.new_widget h2, #content abbr, div.serviceInfo div.byEditor, div.plain_box li span a, fieldset p.center, input.button, div.new_widget ul.list li a, div.latestNewsWidget ul.newsLinks li a, div.search_result ul li.last, ul#breadcrumb li a, div.new_widget ul.list li a:hover, #content div.latestNewsWidget p.carousel-pagination a, #mainContent #content .rightAdvertWidget a, p.page_down a, div.sociable ul li a, div#related ul li a, div.widget_banner a, div#mast form a, #page_wrap #mainContent div.search_az ul li a, div.search_result div.byEditor, div.download ul li ul li, ul.download_box li li, div#content img.noborder, div#content a.noborder, #content div.plain_box p a img, #content p.newslinks a img, #mainContent #content .middleAdvertWidget img, div.statArchive ul li strong a, div.statArchive ul li strong a:hover, table#calendar td a, #page_wrap #content .eventCalendarWidget table.calendar td a, div#mast h1, div.pseudoH1 a, div.pseudoH1 a:visited, div.pseudoH1 a:hover, div#mast p.skip a, div#mast form input.button, div#mast ul li.sign-in, div#mast ul li a, div#mast ul li a:hover, div#mast ul li a.active, div#mast ul li a.active:hover, ul#column_nav li a, div#footer a, ul#badges a, #mainContent #content div.randomimageWidget a, #content .xform.xform div p, form.weekly p, div.ratingblock ul.unit-rating li a, div#tag_cloud a, ul.list li a  {
border:none;
}
#mainContent #content .new_widget h2, #mainContent #content .new_widget li, #mainContent #content .new_widget,  li, #mainContent #content li, #page_wrap #mainContent ul.download_box li ul li, #page_wrap ul#breadcrumb li.bc_end, ul#column_nav li.info h2, div#mast form fieldset {
background:none;
}
div#mast ul li.sign-in a:hover, div#mast ul li a.active, div#mast ul li a.active:hover, #container #page_wrap ul#column_nav li.services li a.active:hover, #content div.statArchive ul.list li span a:hover {
background-color:transparent;
}
caption, table#calendar th, #content .eventCalendarWidget table.calendar th, table th, div#content .search_result img, div#content .lead img, div#content .latestNewsWidget img, img.contentimage, img.main_image, img.float_left, img.float_right, ul.person_box li img, div#mast, div#page_wrap {
background-color:#ffffff;
}
div.new_widget ul.list li a:hover, #container #page_wrap ul#column_nav li a:hover, table#calendar tr, #content .eventCalendarWidget table.calendar tr, table tr, blockquote, div#tag_cloud a {
background-color:#EEEEEE;
}
div#calendarcontainer, #mainContent #content .new_widget .eventCalendarWidget {
background-color:#DDDDDD;
}
table#calendar td.today, table#calendar td a:hover, #content .eventCalendarWidget table.calendar td.today, #page_wrap #content .eventCalendarWidget table.calendar td a:hover, div#az_index li a:hover, div#tag_cloud a:hover {
background-color:#98339B;
}
div#mast ul li.sign-in a:hover, div#mast ul li a.active, div#mast ul li a.active:hover {
color:#EFD0EF;
}
div.plain_box li span a, div.statArchive ul li strong a, div.statArchive ul li strong a:hover, div#mast ul li a.active, div#mast ul li a.active:hover, #container #page_wrap ul#column_nav li.services li a.active:hover {
cursor:default;
}

/* Specific Stuffs */

blockquote {
margin: 7px 10px 12px 10px !important;
padding: 2px 0 2px 45px !important;
background: #F3F4F4 url(http://www.lichfielddc.gov.uk/site/custom_scripts/quote.gif) 5px 2px no-repeat !important;
font-size: 1em !important;
border: none !important;
}
hr {
background:none;
color:#ffffff;
border-width:0 0 1px 0;
}
div#az_index li span {
border:1px solid #CCCCCC;
}
div#az_index li a {
border:1px solid #98339B;
}
ul.noList li strong, #container #page_wrap ul#column_nav li.services li a.active strong {
background:url(css_img/teal-right-arrow.gif) right center no-repeat;
}
div#related {
border-left:1px dotted #009999;
}
p.page_down {
background:url(css_img/purple-down-arrow.gif) 0px 3px no-repeat;
}
h3.downloadNow {
background:url(css_img/dload-arrow.gif) left bottom no-repeat;
}
div.poll_box span, div#progressbar {
background:url(css_img/poll-bar-bg.gif) left center repeat-x;
}


/* Links */

a:link, a:active, a:visited, #page_wrap #mainContent div.search_az ul li ul li a  {
text-decoration:none;
border-bottom:1px dotted;
}
a:hover, #content div.latestNewsWidget ul.newsLinks li a:hover, ul.list li a:hover, p.page_down a:hover, #mast li.sign-in a:hover, div.sociable ul li a:hover, div#related ul li a:hover, #page_wrap #mainContent div.search_az ul li a:hover, div#footer a:hover, div#mast p.skip a:hover {
border-bottom:1px solid; 
text-decoration:none;
}
/* For external link icon */
#content .byEditor a[href^="http://"], #content .link a[href^="http://"], #content .event a[href^="http://"] {
background: transparent url(css_img/externallink.gif) no-repeat 100% 50%; 
padding-right: 12px; 
}

#content .byEditor a[href^="http://www.lichfielddc.gov.uk"], #content .link a[href^="http://www.lichfielddc.gov.uk"], #content .event a[href^="http://www.lichfielddc.gov.uk"] {
background: none;
padding-right: 0; 
}

/* Images */

div#content .search_result img, div#content .lead img, div#content .latestNewsWidget img, img.contentimage, img.main_image, img.float_left, img.float_right, ul.person_box li img {
border:1px solid #CCCCCC;
}

/* Lists */

li, #mainContent #content li, #page_wrap #mainContent ul.download_box li ul li {
list-style-image:url(css_img/grey-bullet.gif);
}
#page_wrap #mainContent  ul.download_box li ul ul li, #page_wrap #mainContent #content div.byEditor li, #container #page_wrap div.warning li {
list-style-image:url(css_img/bullet.gif);
}
div.search_result, div.lead, div.pickoftheweek {
background:url(css_img/grey-dotted-border.png) repeat-x bottom left;
}
div.new_widget ul.list li a, ul#column_nav li a {
background:url(css_img/grey-bullet.gif) 0px 9px no-repeat;
}
#mainContent #content div.pickoftheweek ul li, #mainContent #content div.search_result ul li, #page_wrap ul#breadcrumb li a, #page_wrap #content ul.newsLinks li {
background:url(css_img/grey-bullet-sm.gif) left center no-repeat;
}
div.pickoftheweek ul li, div.search_result ul li {
list-style-image:url(css_img/grey-bullet-sm.gif);
}
#page_wrap ul#breadcrumb li a {
background-position:right center;
}
#page_wrap #mainContent div#related li.relevents {
background:url(css_img/icon_event.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relnews {
background:url(css_img/icon_news.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relprint {
background:url(css_img/icon_print.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relemail {
background:url(css_img/icon_email.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relfaq {
background:url(css_img/icon_faq.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.reldownload {
background:url(css_img/icon_download.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relform {
background:url(css_img/icon_form.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relserv {
background:url(css_img/icon_serv.gif) top left no-repeat;
}
#page_wrap #mainContent div#related li.relmeet {
background:url(css_img/icon_meet.gif) top left no-repeat;
}

/* Forms */

.warning, label strong, p.form_text strong, p.date_birth span strong, span.star {
color:#FF0000;
}
div#mast form input.button {
background:none;
}
div.warning, div.announcement {
background:#FFFF99;
border:3px solid #FF0000;
}
fieldset p strong span, h2.warning span {
display:none;
}
fieldset.warning {
border:1px solid #FF0000;
background:none;
}
fieldset.warning legend {
background:#ff0000;
color:#ffffff;
}
fieldset p strong, h2.warning {
background:url(css_img/warning.gif) left center no-repeat;
}
select, input.field, input.text, textarea, input.dob {
background:#F9F9F1;
border:1px solid #666666;
}
fieldset p {
border-top:1px dotted #CCCCCC;
}
input.field:focus, textarea:focus, input.dob:focus {
border:1px solid #000000;
outline:2px solid #98339B;
}
.search_az input.field:focus {
outline:2px solid #49B4B4;
}
#content .xform radio:focus, #content .xform checkbox:focus {
outline: none;
}
input.button {
cursor:pointer;
}
fieldset {
background: url(css_img/grey-dotted-border.png) repeat-x bottom left;
}
input.button {
background:url(css_img/nav-bg.png) top repeat-x;
}
div.az_wrapper {
background:url(css_img/live-search-bg.png) left bottom repeat-x;
}

/* Divs */

body {
background : url(css_img/tile.jpg) top center no-repeat #F3F4F4;
}
div#container, div.offline {
background : url(css_img/header.png) top center no-repeat #ffffff;
}

/* Homepage Widgets */

#mainContent #content div.randomimageWidget span {
background:url(css_img/random-image-title.gif) top left repeat-x;
}
#mainContent #content div.latestNewsWidget p.carousel-pagination a.next, #mainContent #content div.latestNewsWidget p.carousel-pagination a.prev {
border:1px outset;
}
#mainContent #content div.latestNewsWidget ul.newsLinks li {
background:url(css_img/teal-bullet.gif) 0 4px no-repeat;
}
/*
a.prev {
background:url(css_img/prev-next.gif) center left no-repeat;
}
a.next {
background:url(css_img/prev-next.gif) center right no-repeat;
}

*/

/* Tables and Calendars */

table {
border:10px solid #DDDDDD;
}
table#calendar tr, #content .eventCalendarWidget table.calendar tr, table tr {
border-bottom:3px solid #DDDDDD;
}

/* Mast */

div#mast h1, div.pseudoH1 a, div.pseudoH1 a:visited {
background : url(css_img/logo.png) top center no-repeat;
}
div.pseudoH1 a:hover {
background-position: bottom center;
}
div#mast form input.button {
color:#973298;
}
div#mast form input.field {
background:#F9F9F1;
border:2px solid #660066;
}
div#mast form input.field:focus {
border-color:#333333;
}
div#mast ul, div#mast ul li {
background:url(css_img/nav-bg.png) top right repeat-x;
}
div#mast ul li {
border-right:1px solid #9C369C;
}
div#mast ul li.sign-in {
background:url(css_img/nav-signin-bg.png) top right repeat-x;
}
div#mast ul li a:hover {
background:#9C369C;
}
div#mast p.about, div#mast div.about  {
background:url(css_img/about-bg.png) top center no-repeat;
}
div#mast p.about a.tt span.top {
background:url(css_img/tt-top.gif) no-repeat top;
}
div#mast p.about a.tt span.middle {
background:url(css_img/tt-middle.gif) repeat-y top;
}
div#mast p.about a.tt span.bottom {
background:url(css_img/tt-bottom.gif) no-repeat top;
}

/* Rate it */

.sociable {
border-left:1px dotted #CCCCCC;
}
.loading {
background: url('css_img/working.gif') 50% 50% no-repeat;
}	
.unit-rating, .unit-rating li a:hover, #mainContent #content .unit-rating li.current-rating {
background-image: url('css_img/starrating.gif');		
}
.unit-rating {
background-position:top left;
background-repeat:repeat-x;		
}	
.unit-rating li a:hover {
background-position:left center;
}
#mainContent #content .unit-rating li.current-rating {
background-position:left bottom;
}		

/* Column */
ul#column_nav li.info {
background: url(css_img/column-select-bg.gif) repeat-x top left;
}
ul#column_nav h2 {
background: url(css_img/grey-dotted-border.png) repeat-x bottom left;
}
#page_wrap ul#column_nav ul.taxNav li a, #page_wrap ul#column_nav li.services li a {
background:url(css_img/teal-column-bullet.gif) 0px 9px no-repeat;
}

/* Footer */

ul.contactbox li.contact {
color:#98E3E3;
background: url(css_img/footer-contact-bg.png) no-repeat top right #0C5F5F;
}
ul.contactbox li.taxonomy, ul.contactbox {
background: url(css_img/footer-contact-bg.png) no-repeat top left #0C5F5F;
}
ul.contactbox li.focus {
background: url(css_img/footer-focus-bg.png) no-repeat top center #49B4B4;
}
ul.contactbox a, ul.contactbox a:visited {
border-bottom:1px dotted #49B4B4;
}
ul.contactbox a:hover {
border-bottom:1px solid #49B4B4;
}
ul.contactbox li ul li {
background:url(css_img/turquoise-footer-bullet.gif) left center no-repeat;
}
ul.contactbox li.focus ul li {
background:url(css_img/footer-bullet-white.gif) 8px 5px no-repeat;
}
div#footer {
background:url(css_img/footer-bottom.png) center top no-repeat #F3F4F4;
}

/* Predictive Search */

#suggest {
	z-index: 9999999 !important;
	border-left: 1px #333333 solid !important;
	border-right: 1px #333333 solid !important;
	border-bottom: 1px #333333 solid !important;
	background: #fff !important;
	display: block;
	height: auto !important;
	}
	
#suggest ul {
	position: relative;
	z-index: 9999999;
	background-image: none !important;
	background: #fff !important;
	margin: 7px 0 !important;
	padding: 0 !important;
	}
	
#suggest ul li {
	color: #98339B !important;
	background-image: none !important;
	background: #fff !important;
	border: none !important;
	text-align: left;
	line-height: 1.3em !important;
	font-size: 1em;
	width: 293px !important;
	padding: 7px 2px 7px 67px !important;
	height: auto !important;
	margin: 0 !important;
	list-style-image: none !important;
	list-style-type: none !important;
	}
	
#suggest ul li.form {
	background: #fff url(http://www.lichfielddc.gov.uk/site/custom_scripts/doit.gif) 7px center no-repeat !important;
	}
	
#suggest ul li.homepage {
	background: #fff url(http://www.lichfielddc.gov.uk/site/custom_scripts/house.gif) 24px center no-repeat !important;
	}
	
#suggest ul li.document {
	background: #fff url(http://www.lichfielddc.gov.uk/site/custom_scripts/world.gif) 24px center no-repeat !important;
	}
	
#suggest ul li.searchsug {
	background: #fff url(http://www.lichfielddc.gov.uk/site/custom_scripts/magnifier.gif) 24px center no-repeat !important;	}
	
#suggest ul li.selected {
	background-color: #eee !important;
	cursor: pointer;
	}
	
/* ************************ Lightbox ************************  */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a#fdbk_close {
	border: none !important;
	}
	
#postcodebox {
	position: absolute;
	margin-top: 4px;
	z-index: 9999;
	color: #000000;
	float: left;
	padding: 10px;
	background-color: #fff;
	border: 4px #50b4b3 solid;
	width: 250px;
	display: block;
	}
		
#postcodebox .text {
	width: 75px;
	}
		
#postcodebox .pbutton {
	background:url(http://www.lichfielddc.gov.uk/site/styles/css_img/nav-bg.png) top repeat-x;
	padding:3px !important;
	height:100%;
	width:auto;
	vertical-align:top;
	font:150%/1.4em "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-weight:normal;
	color:#ffffff;
	border: none;
	margin-left: 605px;
	width: 250px !important;
	}
    
#postcodebox form {
    width: 250px !important;
    }
		
#postcodebox label {
	position: static !important;
    left: 0 !important;
    width: 100px;
	}
	
div.colinfo {
	background: transparent url(http://www.lichfielddc.gov.uk/site/styles/css_img/column-select-bg.gif) left top repeat-x;
		width: 210px;
		padding: 10px;
	}

div.colinfo h2 {
	color: #fff;
	margin-bottom: 7px;
	}
	
div.colinfo select {
	width: 100%;
	}
	
/* Recycling Stuff */

ul.greenboxes {
	list-style-type: none;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	display: block;
	width: 490px;
	float: left;
	}
	
ul.greenboxes li {
	float: left;
	display: block;
	width: 100px !important;
	height: 60px !important;
	text-align: center;
	margin: 10px !important;
	padding: 105px 0 0 0 !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	overflow: visible !important;
	}
	
ul.greenboxes li.paper {
	background-image:url(http://www.lichfielddc.gov.uk/images/paper_1_.jpg) !important;
	}
	
ul.greenboxes li.envelopes {
	background-image: url(http://www.lichfielddc.gov.uk/images/envelopes.jpg) !important;
	}
	
ul.greenboxes li.newspapers {
	background-image: url(http://www.lichfielddc.gov.uk/images/newspapers.jpg) !important;
	}
	
ul.greenboxes li.magazines {
	background-image: url(http://www.lichfielddc.gov.uk/images/magazines.jpg) !important;
	}

ul.greenboxes li.directories {
	background-image: url(http://www.lichfielddc.gov.uk/images/directories.jpg) !important;
	}
	
ul.greenboxes li.mail {
	background-image: url(http://www.lichfielddc.gov.uk/images/mail.jpg) !important;
	}
	
ul.greenboxes li.cards {
	background-image: url(http://www.lichfielddc.gov.uk/images/cards.jpg) !important;
	}
	
ul.greenboxes li.wrapping {
	background-image: url(http://www.lichfielddc.gov.uk/images/wrapping_1_.jpg) !important;
	}
	
ul.greenboxes li.sleeves {
	background-image: url(http://www.lichfielddc.gov.uk/images/sleeves.jpg) !important;
	}

ul.greenboxes li.boxes {
	background-image: url(http://www.lichfielddc.gov.uk/images/boxes.jpg) !important;
	}

ul.greenboxes li.paperbags {
	background-image: url(http://www.lichfielddc.gov.uk/images/paperbags.jpg) !important;
	}

ul.greenboxes li.plates {
	background-image: url(http://www.lichfielddc.gov.uk/images/plates.jpg) !important;
	}
	
ul.greenboxes li.looroll {
	background-image: url(http://www.lichfielddc.gov.uk/images/looroll.jpg) !important;
	}
	
ul.greenboxes li.egg {
	background-image: url(http://www.lichfielddc.gov.uk/images/egg.jpg) !important;
	}
	
ul.greenboxes li.tubs {
	background-image: url(http://www.lichfielddc.gov.uk/images/tubs.jpg) !important;
	}
	
ul.greenboxes li.pots {
	background-image: url(http://www.lichfielddc.gov.uk/images/pots.jpg) !important;
	}
	
ul.greenboxes li.carrier {
	background-image: url(http://www.lichfielddc.gov.uk/images/carrier.jpg) !important;
	}
	
ul.greenboxes li.pplates {
	background-image: url(http://www.lichfielddc.gov.uk/images/pplates.jpg) !important;
	}

ul.greenboxes li.plant {
	background-image: url(http://www.lichfielddc.gov.uk/images/plant.jpg) !important;
	}
	
ul.greenboxes li.containers {
	background-image: url(http://www.lichfielddc.gov.uk/images/containers.jpg) !important;
	}
	
ul.greenboxes li.pfoodtrays {
	background-image: url(http://www.lichfielddc.gov.uk/images/pfoodtrays.jpg) !important;
	}
	
ul.greenboxes li.foil {
	background-image: url(http://www.lichfielddc.gov.uk/images/foil.jpg) !important;
	}

ul.greenboxes li.toys {
	background-image: url(http://www.lichfielddc.gov.uk/images/toys.jpg) !important;
	}
	
ul.greenboxes li.aerosol {
	background-image: url(http://www.lichfielddc.gov.uk/images/aerosol.jpg) !important;
	}
	
ul.greenboxes li.tetrapak {
	background-image: url(http://www.lichfielddc.gov.uk/images/tetrapak.jpg) !important;
	}
	
ul.greenboxes li.atrays {
	background-image: url(http://www.lichfielddc.gov.uk/images/atrays.jpg) !important;
	}
	
ul.greenboxes li.dcans {
	background-image: url(http://www.lichfielddc.gov.uk/images/dcans.jpg) !important;
	}

ul.greenboxes li.tcans {
	background-image: url(http://www.lichfielddc.gov.uk/images/tcans.jpg) !important;
	}

ul.greenboxes li.jars {
	background-image: url(http://www.lichfielddc.gov.uk/images/jars.jpg) !important;
	}

ul.greenboxes li.dbottle {
	background-image: url(http://www.lichfielddc.gov.uk/images/dbottle.jpg) !important;
	}
	
ul.greenboxes li.glasses {
	background-image: url(http://www.lichfielddc.gov.uk/images/glasses.jpg) !important;
	}
	
ul.greenboxes li.glasses {
	background-image: url(http://www.lichfielddc.gov.uk/images/glasses.jpg) !important;
	}
	
ul.greenboxes li.cartons {
	background-image: url(http://www.lichfielddc.gov.uk/images/cartons.jpg) !important;
	}

ul.greenboxes li.gbottles {
	background-image: url(http://www.lichfielddc.gov.uk/images/gbottles.jpg) !important;
	}
	
ul.greenboxes li.detergent {
	background-image: url(http://www.lichfielddc.gov.uk/images/detergent.jpg) !important;
	}

ul.greenboxes li.leaves {
	background-image: url(http://www.lichfielddc.gov.uk/images/leaves.gif) !important;
	}

ul.greenboxes li.weeds {
	background-image: url(http://www.lichfielddc.gov.uk/images/weeds.gif) !important;
	}

ul.greenboxes li.grass {
	background-image: url(http://www.lichfielddc.gov.uk/images/grass_1_.gif) !important;
	}

ul.greenboxes li.branches {
	background-image: url(http://www.lichfielddc.gov.uk/images/branches.gif) !important;
	}

ul.greenboxes li.plants {
	background-image: url(http://www.lichfielddc.gov.uk/images/plants.gif) !important;
	}

ul.greenboxes li.veg {
	background-image: url(http://www.lichfielddc.gov.uk/images/veg.gif) !important;
	}

ul.greenboxes li.dairy {
	background-image: url(http://www.lichfielddc.gov.uk/images/dairy.gif) !important;
	}

ul.greenboxes li.meat {
	background-image: url(http://www.lichfielddc.gov.uk/images/meat.gif) !important;
	}
	
ul.greenboxes li.shells {
	background-image: url(http://www.lichfielddc.gov.uk/images/shells.gif) !important;
	}

ul.greenboxes li.food {
	background-image: url(http://www.lichfielddc.gov.uk/images/food_1_.gif) !important;
	}
	
/* Faux Modal Box */

.signin {
		position: absolute;
		width: 400px;
		top: 120px;
		left: 50%;
		background: #fff;
		margin-left: -200px;
		z-index: 1000;
		padding: 10px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		}
		
	.signin #close {
		margin: -15px 0 0 390px;
		position:absolute;
		}	
	
	.signin h2 {
		background: #fff url(http://www.lichfielddc.gov.uk/site/styles/css_img/lilac-dotted-border.png) bottom left repeat-x;
		padding-bottom: 7px !important;
		}
		
	.signin p {
		border: none !important;

		}
		
	.signin label {
		float: left;
		width: 100px !important;
		}
		
	.signin .field {
		width: 200px !important;
		}
		
	.signin .button {
		margin-left: 130px !important;
		}

	.signin .warning {
		background: #fff url(http://www.lichfielddc.gov.uk/site/styles/css_img/warning.gif) left no-repeat;
		padding: 2px 25px;
		margin-bottom: 12px;
		}