/*
========================================================================
Filename:		streettrees.css
Date Created:	2009-04-16
Description:	Mayor's street trees CSS stylesheet
Site:			london.gov.uk/streettrees
Author:			Matt Richards (matt.richards@london.gov.uk)
========================================================================
*/
 

/* Mayor's street trees styles
--------------------------------------------------------------------- */
.component img.nomarg {
	margin-right: 0px;
}
#streettrees .component select.narrow {
	float: left;
	width: 50px;
}

/* Background styles
--------------------------------------------------------------------- */
html body#streettrees {
	background-color: #03447a;
	background-image: url(/streettrees/images/backgrounds/streettrees_tile.gif);
	color: #FFFFFF;
}
body#streettrees #outer-wrapper {
	background-image:url(/streettrees/images/backgrounds/streettrees_bg.jpg);
	background-repeat:no-repeat;
}

/* Search button
--------------------------------------------------------------------- */
body#streettrees #quicksearch input.submitbtn {
	background-color: #ab2939;
	color: #ffffff;
}

/* Left nav styles
--------------------------------------------------------------------- */
body#streettrees #secondary-nav, body#streettrees #sub-nav, body#streettrees #browse, body#streettrees #sub-sub-nav {
	margin-top: 0px;
}
/*
body#streettrees #nav li {
	margin-bottom:4px;
	position:relative;
}
*/

body#streettrees #nav ul li {
	background-image:url(/images/site_redesign/generic/leftnav_dark_bg.png);
}
body#streettrees #nav li div {
	background-image:url(/images/site_redesign/generic/leftnav_main_dark_bg.png);
	background-repeat:repeat;
	/* padding:9px 21px 9px 11px; */
}
#nav li div p {
	font-size: 125%;
}
/*
body#streettrees #nav li div p {
	background-image:url(/images/site_redesign/generic/nav_icon.png);
	background-position:0 0.2em;
	background-repeat:no-repeat;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding-left:15px;
	text-transform:uppercase;
}
body#streettrees #nav div p {
	font-size:110%;
	font-weight:bold;
}
*/
body#streettrees #nav li div p a {
	color:#ffffff;
}
body#streettrees #nav a:hover {
	text-decoration: underline;
}
body#streettrees #nav a {
	text-decoration: none;
}
body#streettrees #nav li div p.up {
	background-image: url(/images/site_redesign/generic/nav_up_icon.png);
	background-position: 100% 0.35em;
	padding-left: 0px;
}

/* Left sub-nav styles
--------------------------------------------------------------------- */
body#streettrees #sub-nav li div {
	background-image: url(/images/site_redesign/generic/leftnav_main_dark_bg.png);
	background-repeat: repeat;
	padding: 8px 15px 8px 10px;
}
body#streettrees #sub-nav ul {
	padding: 13px 0 27px 0;
	margin-top: 1px;
	background-image: url(/images/site_redesign/generic/leftnav_dark_bg.png);
	background-repeat: repeat;
}
body#streettrees #leftcol #secondary-nav li.active, body#streettrees #leftcol #sub-nav li.active, #sub-nav li.active {
	background-image:url(/streettrees/images/backgrounds/secondarynav_bg.gif) !important;
}
body#streettrees #leftcol #secondary-nav li.active, body#streettrees #leftcol #sub-nav li.active, body#streettrees #leftcol #browse li.active, body#streettrees #leftcol #sub-sub-nav li.active {
	border-bottom:1px dashed #ffffff;
	border-top:1px dashed #ffffff;
}
body#streettrees #secondary-nav ul li.active p, body#streettrees #sub-nav ul li.active p, body#streettrees #browse ul li.active p, body#streettrees #sub-sub-nav ul li.active p {
	background-image:url(/streettrees/images/backgrounds/secondarynav_icon.gif);
}
body#streettrees #sub-nav li.active a:link, body#streettrees #sub-nav li.active a:visited, body#streettrees #sub-nav li.active a:hover, body#streettrees #sub-nav li.active a:focus, body#streettrees #sub-nav li.active a:active {
	color:#ffffff;
}
#streettrees #pagecontentwrapper .component h2.component-heading span,
#streettrees #pagecontentwrapper .component h2.component-heading_long span,
#streettrees #pagecontentwrapper .component h2.component-heading_longest span,
#streettrees #pagecontentwrapper .component h2.component-heading_medium span,
#streettrees #pagecontentwrapper .col1 .component h2.component-heading span,
#streettrees #pagecontentwrapper .col1 .component h2.component-heading_long span,
#streettrees #pagecontentwrapper .col1 .component h2.component-heading_longest span,
#streettrees #pagecontentwrapper .col1 .component h2.component-heading_medium span, 
#streettrees #pagecontentwrapper .col_expanded .component h2.component-heading span,
#streettrees #pagecontentwrapper .col_expanded .component h2.component-heading_long span,
#streettrees #pagecontentwrapper .col_expanded .component h2.component-heading_longest span,
#streettrees #pagecontentwrapper .col_expanded .component h2.component-heading_medium span,
#streettrees #pagecontentwrapper .col2 .component h2.component-heading span,
#streettrees #pagecontentwrapper .col2 .component h2.component-heading_long span,
#streettrees #pagecontentwrapper .col2 .component h2.component-heading_longest span,
#streettrees #pagecontentwrapper .col2 .component h2.component-heading_medium span {
	/* background-color: #ab2939; */
}
/* Component styles
--------------------------------------------------------------------- */
body#streettrees #pagecontentwrapper .col2 .component h2.component-heading span {
	/* background-color: #172F00; */
}
.component .page-ownership p {
	margin: 10px 12px 0px 12px;
}