/*
========================================================================
Filename:		recycle.css
Date Created:	2009-02-06
Description:	Recycle for London stylesheet
Site:			www.recycleforlondon.com
Author:			Matt Richards (matt.richards@london.gov.uk)
========================================================================
*/

/* Page setup 
------------------------------------------------- */
html body#recycle {
	background-color: #042E05;
	background-image: url(../images/backgrounds/recycle_tile.gif);
	color: #fff;
}
body#recycle #outer-wrapper {
	background-image: url(../images/backgrounds/recycle_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

#recycle #quicksearch input.submitbtn {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.75em;
	padding: 4px 0;
	min-width: 50px;
}

/* RECYCLE: Content Columns 
--------------------------------------------------------------------- */
#recycle .twocolumn-wrapper .homepagecol1 {
 float: left;
 clear: right;
 width: 287px;
}
#recycle .twocolumn-wrapper .homepagecol2 {
 float: left;
 clear: right;
 width: 286px;
 margin-left: 6px;
}
#recycle .twocolumn-wrapper .col1 {
 clear:right;
 float:left;
 width:397px;
}
#recycle .twocolumn-wrapper .col2 {
 clear:right;
 float:left;
 margin-left:6px;
 width: 176px;
}

/* Navigation rules 
------------------------------------------------- */
/*
#recycle ul#nav div p {
	font-size: 110%;
	font-weight: bold;
}
#leftcol #recycle ul#sub-nav li.active {
	background-image: none;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	padding: 7px 21px 2px 21px;
	margin-top: -3px;
	margin-bottom: 1px;
	position: relative;
}
#recycle ul#sub-nav li.active {
	background-image: url(../images/backgrounds/mayor_tile.gif) !important;
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #042E05;
}
#recycle #leftcol #secondary-nav li.active, #recycle #leftcol #recycle ul#nav li.active {
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #042E05;
}
#recycle ul#sub-nav ul li.active p, #recycle ul#sub-sub-nav ul li.active p {
	background-image: url(../images/generic/secondarynav_icon.png);
	background-repeat: no-repeat;
	background-position: 100% 0.35em;
	border-bottom: 0;
}
#recycle ul#nav a {
	text-decoration: none;
}
#recycle ul#nav a:hover {
	text-decoration: underline;
}
#recycle ul#nav li div, #recycle ul#sub-nav li div, #recycle ul#sub-sub-nav li div {
	background-image: url(../images/generic/leftnav_bg3.png);
	background-repeat: repeat;
	padding: 8px 15px 8px 10px;
}
#recycle ul#nav li {
	background-image: url(../images/generic/leftnav_bg3.png);
	background-repeat: repeat;
	margin-bottom: 4px;
	position: relative;
}
#recycle ul#nav li div p {
	background-image: url(../images/generic/nav_icon_green.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	font-weight: bold;
	font-size:1.2em;
	display: block;
	padding-left:15px;
	text-transform:uppercase;
}
#recycle ul#nav li div p a, #recycle ul#sub-nav a, #recycle ul#sub-sub-nav a {
    color:#2e4b1f;
}
#recycle ul#sub-nav li.active p a, #recycle ul#sub-sub-nav li.active p a {
	color: #ffffff;
}
#recycle ul#nav li div p.up {
	background-image: url(../images/generic/nav_up_icon_green.gif);
	background-position: 100% 0.35em;
	padding-left: 0px;
	padding-right: 14px;
}
#recycle ul#sub-nav, #recycle ul#sub-sub-nav {
	margin-top: 5px;
}
#recycle ul#sub-nav li div p, #recycle ul#sub-sub-nav li div p {
	background-image: url(../images/generic/nav_icon_green.png);
	background-repeat: no-repeat;
	background-position: 100% 0.2em;
	font-weight: bold;
	display: block;
	padding-right: 10px;
	text-transform: uppercase;
}
#recycle ul#sub-nav li div p.up, #recycle ul#sub-sub-nav li div p.up {
	background-image: url(../images/generic/nav_up_icon_green.gif);
	background-position: 100% 0.35em;
}
#recycle ul#sub-nav li div p span, #recycle ul#sub-sub-nav li div p span {
    font-weight: normal;
}
#recycle ul#sub-nav div p, #recycle ul#nav div p, #recycle ul#sub-sub-nav div p {
	font-size: 110%;
	font-weight: bold;
}
#recycle ul#sub-nav ul, #recycle ul#sub-sub-nav ul {
	padding: 13px 0 27px 0;
	margin-top: 1px;
	background-image: url(../images/generic/leftnav_main_bg.png);
	background-repeat: repeat;
}
#recycle ul#sub-nav ul li, #recycle ul#sub-sub-nav ul li {
	background-image: url(../images/generic/secondarynav_icon_green.gif);
	background-repeat: no-repeat;
	background-position: 10px 1em;
	padding: 4px 21px 2px 21px;
}
#recycle ul#sub-nav ul li p, #recycle ul#sub-sub-nav ul li p {
	background-image: none;
	border-bottom: 1px dashed #2E4B1F;
	padding-bottom: 3px;
	font-weight: bold;
}
#recycle ul#sub-nav ul li p span, #recycle ul#sub-sub-nav ul li p span {
    font-weight:normal;
}
#recycle ul#sub-nav a, #recycle ul#sub-sub-nav a {
	text-decoration: none;
}
#recycle ul#sub-nav a:hover, #recycle ul#sub-sub-nav a:hover {
	text-decoration: underline;
}
*/
/* Left nav styles
--------------------------------------------------------------------- */
#recycle #nav li {
	margin-bottom:4px;
	position:relative;
}

#recycle #nav li ul li{
	margin-bottom: 1px;
}

#recycle #nav li div {
	background-image:url(../images/generic/leftnav_bg3.png);
	background-repeat:repeat;
}
#recycle #nav div p {
	font-size: 1.2em;
	font-weight:bold;
}
#recycle #nav a, #recycle #nav li div p a, #recycle #sub-nav li div p a {
	color:#2E4B1F;
}
#recycle #nav ul li p {
	background-image:url(../images/generic/nav_icon_green.gif);
}
#recycle #nav ul li.active {
	background-image:url(../images/generic/leftnav_main_bg.png) !important;
}

#recycle #nav ul li.active p {
	background-position: 96.5% 0.20em !important;
}
#recycle #nav a:hover {
	text-decoration: underline;
}

#recycle #nav a {
	text-decoration: none;
}
#recycle #nav li div p.up, #recycle #sub-nav li div p.up {
	background-image:url(../images/generic/nav_up_icon_green.gif) !important;
	background-position:100% 0.35em !important;
	padding-left: 0px !important;
}
body#recycle #nav li div p, body#recycle #sub-nav li div p {
	background-image:url(../images/generic/nav_icon_green.gif);
	background-position:100% 0.2em;
	background-repeat:no-repeat;
}
body#recycle #nav ul li {
	background-image:url(../images/generic/leftnav_main_bg.png);
}
body#recycle #nav li div, body#recycle #secondary-nav li div, body#recycle #sub-nav li div, body#recycle #browse li div, body#recycle #sub-sub-nav li div {
	background-image:url(../images/generic/leftnav_bg3.png);
}
#secondary-nav ul li, #sub-nav ul li, #browse ul li {
	background-image:url(../images/generic/secondarynav_icon_green.gif);
}
#recycle ul#sub-nav ul li p {
	background-image: none;
	border-bottom: 1px dashed #2E4B1F;
	padding-bottom: 3px;
	font-weight: bold;
}
#recycle ul#sub-nav ul li p span {
    font-weight:normal;
}
#recycle ul#sub-nav a {
	color: #2E4B1F;
	text-decoration: none;
}
#recycle ul#sub-nav li.active a {
	color: #ffffff;
	text-decoration: none;
}
#recycle ul#sub-nav a:hover {
	text-decoration: underline;
}
#recycle #leftcol #sub-nav li.active, #recycle #browse.separatenav li.active {
	border-color: #dcf4a9;
}

body#recycle #leftcol #sub-nav li li.active {
	background-image:url(../images/generic/secondarynav_icon.png) !important;
	background-position:93% 1.35em !important;
	background-repeat:no-repeat;
}
#secondary-nav ul li, #sub-nav ul li, #browse ul li {
	background-image:url(../images/generic/secondarynav_icon_green.gif);
}
/* Component rules 
------------------------------------------------- */
#recycle #pagecontentwrapper .component h2.component-heading,
#recycle #pagecontentwrapper .component h2.component-heading_long,
#recycle #pagecontentwrapper .component h2.component-heading_longest,
#recycle #pagecontentwrapper .component h2.component-heading_medium
 {
	color: #dcf4ab;
	font-size: 0.8em;
	position: relative;
	min-height: 23px;
}
#recycle #pagecontentwrapper .col1 .component h2.component-heading span.stretch {
	min-width: 238px;
}
#recycle #pagecontentwrapper .col2 .component h2.component-heading span.stretch {
	min-width:159px;
}
#recycle #pagecontentwrapper .col_expanded .component h2.component-heading span.stretch {
	min-width:159px;
}
#recycle #pagecontentwrapper .component h2.component-heading span,
#recycle #pagecontentwrapper .component h2.component-heading_long span,
#recycle #pagecontentwrapper .component h2.component-heading_longest span,
#recycle #pagecontentwrapper .component h2.component-heading_medium span,
#recycle #pagecontentwrapper .col1 .component h2.component-heading span,
#recycle #pagecontentwrapper .col1 .component h2.component-heading_long span,
#recycle #pagecontentwrapper .col1 .component h2.component-heading_longest span,
#recycle #pagecontentwrapper .col1 .component h2.component-heading_medium span, 
#recycle #pagecontentwrapper .col_expanded .component h2.component-heading span,
#recycle #pagecontentwrapper .col_expanded .component h2.component-heading_long span,
#recycle #pagecontentwrapper .col_expanded .component h2.component-heading_longest span,
#recycle #pagecontentwrapper .col_expanded .component h2.component-heading_medium span,
#recycle #pagecontentwrapper .col2 .component h2.component-heading span,
#recycle #pagecontentwrapper .col2 .component h2.component-heading_long span,
#recycle #pagecontentwrapper .col2 .component h2.component-heading_longest span,
#recycle #pagecontentwrapper .col2 .component h2.component-heading_medium span {
	background-color: #2c4b1f;
}
#recycle .latestfrom .mayor h3.replace a {
	height: auto;
	width: auto;
}

/* Recycle for London 
------------------------------------------------- */
#recycle_search_form fieldset
{
    border-top:1px solid #EAFCBE;
}
#recycle_search_form fieldset label
{
 color: #2A4D25;
}
#recycle .recycle_fac fieldset {
    background-color:#EAFCBE;
    padding:8px 0 8px 5px;
}
#recycle .recycle_fac .textbox {
    width: 180px;
    height:18px;
    border: 1px solid #2D72A1;
    padding: 1px;
    float:left;
    clear:right;
    margin:3px 0 8px 0;
}
#recycle .recycle_fac label {
    color:#000000;
    font-size:0.75em;
    font-weight:normal;
    margin-left:1px;
}
#recycle .recycle_fac .go_btn {
    float:left;
    clear:right;
    margin:3px 0 8px 5px;
}
#recycle .component .divider,
#recycle .component .divider_small_mrgn {
	border-bottom:1px solid #DBF1A5;
}
.component ul.recycle_links {
    margin-left:0px;
}
.component ul.recycle_links li {
	background-image: url(../images/icons/link_red.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	font-weight: bold;
	padding-left: 10px;
	list-style-type: none;
	margin-right:15px;
	margin-top:5px;
}
.recycle_links ul li, .recycle_links ul li p, ul.recycle_links li, ul.recycle_links li p {
    display:inline;
}
.component .recycle_links a:link, 
.component .recycle_links a:visited, 
.component .recycle_links a:hover, 
.component .recycle_links a:focus, 
.component .recycle_links a:active {
	background-color: Transparent;
	color: #2c4b23;
}
.component hr.green {
    height:1px;
    border:0px;
    background-color:#2c4b23;
    color:#2c4b23;
    margin:3px 5px 7px 0;
    clear:left;
}
.component hr.lightgreen {
    height:1px;
    border:0px;
    background-color:#8dc439;
    color:#8dc439;
    margin:7px 0px 7px 0;
    clear:left;
}
.component hr.rfllightgreen {
    height:1px;
    border:0px;
    background-color:#DBF1A5;
    color:#8dc439;
    margin:7px 0px 7px 0;
    clear:left;
}
.component hr.white {
    height:1px;
    border:0px;
    background-color:#ffffff;
    color:#8dc439;
    margin:7px 0px 7px 0;
    clear:left;
}
#recycle .col2 .component ul.logos {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#recycle .col2 .component ul.logos li {
	margin: 0px;
	padding: 0px;
}
#recycle .col2 .component ul.logos li img {
	float: none;
	clear: none;
	margin: 0px;
}
#recycle #advanced_search fieldset
{
    border-top: none;
}
.component .search_recycle ul.tabs
{
	border-bottom:1px solid #2C4B1F;
	list-style-type:none;
	margin-left:0pt;
	padding-bottom:3px;
}
.component .search_recycle .tabs li.active
{
    font-weight:bold;
    font-size:0.75em;
    padding:3px 10px;
    background-color:#2C4B1F;
    color:#ffffff;
    display:inline;
    border-bottom:1px solid #2C4B1F;
}
.component .search_recycle .tabs li
{
    font-weight:bold;
    font-size:0.75em;
    padding:3px 10px;
    background-color:#EAFCBE;
    display:inline;
    margin-right:-2px;
    border-bottom:1px solid #ffffff;
}
.component .search_recycle .tabs a, .component .search_recycle .tabs span
{
    color:#ffffff;
    text-decoration:none;
}
.component .search_recycle .tabs a:hover
{
    color:#ffffff;
    text-decoration:underline;
}
.component .search_recycle .tabs li.active a, .component .search_recycle .tabs li.active a:hover {
 color: #FFFFFF;
}
.component .search_recycle .tabs li a, .component .search_recycle .tabs li a:hover {
 color: #2A4D25;
}
#recycle .col1 .highlighter
{
    clear:both;
    padding:10px 10px 0 10px;
    background-color:#EAFCBE;
    width:95.5%;
    border-bottom:solid 1px #ffffff;
}
#recycle .col1 .highlighter p,
#recycle .col1 .highlighter h1, 
#recycle .col1 .highlighter h2,
#recycle .col1 .highlighter h3,
#recycle .col1 .highlighter h4,
#recycle .col1 .highlighter h5,
#recycle .col1 .highlighter li {
	color: #2A4D25;
}
#recycle .col1 .searched_item ul, #recycle .col1 .highlighter ul
{
    padding:7px 0 0 0;  
    margin:0px 0 0 0;
        min-height:30px;
}
#recycle .col1 .searched_item ul li p, #recycle .col1 .highlighter ul li p
{
    font-weight:normal;
}
#recycle .col1 .searched_item ul li, #recycle .col1 .highlighter ul li
{
    float:left;
    padding:0px 15px 0 0; 
    width:100px;
    margin-top:-10px;
}
#recycle .col1 .searched_item ul li a, #recycle .col1 .highlighter ul li a
{
    font-weight:bold;
    color:#55565a;
    text-decoration:underline;
}
#recycle .col1 .searched_item ul li a:hover, #recycle .col1 .highlighter ul li a:hover
{
    text-decoration:underline;
}
#recycle .col1 .form_body
{
    background-color:#EAFCBE;
}
#recycle .col2 .quickpoll .result {
	background-color: #ED1C24;
	height: 15px;
	margin: 2px 0 4px 0;
}

/* Recycle Search
--------------------------------------------------------------------- */
.recycle_search {
    margin-bottom:5pt;
}
.recycle_search fieldset
{
    border-bottom:solid 1px #fff;
    padding:5px;
}
.recycle_search fieldset.darker_blue_gray
{
    background-color:#ccdded;
}
.recycle_search fieldset.darker_green
{
    background-color:#dbf1a5;
}
.recycle_search .floatlabel
{
    float:left;
    clear:right;
    width:100px;
}
.recycle_search #floatfindlab label span
{
    font-weight:normal;
}
.recycle_search .floattextrow1 
{
    float:left;
    clear:right;
}
.recycle_search .floattextrow1 
{
    padding-bottom:15px;
}
.recycle_search .floattextrow2 
{
    float:left;
    clear:right;
    padding:1px 0 0 6px;
}
.recycle_search .floattextrow1 .textbox {
	border:1px solid #2D72A1;
	padding:1px;
	width:200px;
}
.recycle_search .floattextrow1 .textbox {
    width: 200px;
}
.recycle_search .checkbox-block
{
    clear:both;
    padding-left: 55px; 
}
#recycle .submitbtn, #recycle .register2
{
    background-color:#2C4B1F;;
}
#recycle .homepagebtn {
	margin-top: 3px;
	float: left;
}
#recycle .component input.submitbtn2 {
    background-color:#2C4B1F;
}

/* Recycle of London customised user ratings / comments
--------------------------------------------------------------------- */
#recycle .component .component-body .article_block .register,
#recycle .component .component-body .article_block .login
{
	background-color:#EAFCBE;
}
#recycle .component .component-body .article_block .register h3,
#recycle .component .component-body .article_block .register p,
#recycle .component .component-body .article_block .login h3,
#recycle .component .component-body .article_block .login p
{
	color:#2A4D25;
}
#recycle .component .component-body .rating,
#recycle .component .component-body .rating .row {
	background-color:#EAFCBE;
}
#recycle .component .component-body .rating .action_row {
	background-color: #DBF1A5;
}
#recycle .component .component-body .rating h3,
#recycle .component .component-body .rating p,
#recycle .component .component-body .rating label {
	color: #2A4D25;
}