/*
========================================================================
Filename:		rents.css
Date Created:	2009-04-03
Description:	London Rents CSS stylesheet
Site:			london.gov.uk/rents
Author:			John Ngo (john.ngo@london.gov.uk)
========================================================================
*/
 

/* Story of London styles
--------------------------------------------------------------------- */
.component img.nomarg {
	margin-right: 0px;
}

/* Background styles
--------------------------------------------------------------------- */
html body#rents {
	background-color: #710001;
	background-image: none;
	color: #FFFFFF;
}
body#rents #outer-wrapper {
	background-image:url(/rents/images/backgrounds/rents_bg.jpg);
	background-repeat:no-repeat;
}

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

/* Left nav styles
--------------------------------------------------------------------- */
body#rents #secondary-nav, body#rents #sub-nav, body#rents #browse, body#rents #sub-sub-nav {
	margin-top: 0px;
}

body#rents #nav li {
	margin-bottom:4px;
	position:relative;
}

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

body#rents #nav li div {
	background-image:url(/images/site_redesign/generic/leftnav_main_bg.png);
	background-repeat:repeat;
	/* padding:9px 21px 9px 11px; */
}

body#rents #nav ul li.active {
	background-image:url(/images/site_redesign/generic/leftnav_bg.png);
	background-repeat:repeat;
}
body#rents #nav li div p {
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

body#rents #nav div p {
	font-size:110%;
	font-weight:bold;
}
body#rents #nav li div p a {
	color:#ffffff;
}
body#rents #nav a:hover {
	text-decoration: underline;
}
body#rents #nav a {
	text-decoration: none;
}
/*body#rents #nav li div p.up {
	background-image: url(/rents/images/generic/nav_up_icon.png);
	background-position: 100% 0.35em;
	padding-left: 0px;
}*/

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


/* Submit button styles
--------------------------------------------------------------------- */
body#rents .component button, .component input.submitbtn {
	background-color:#AB2939;
	color:#FFFFFF;
}


/* Map styles
--------------------------------------------------------------------- */
body#rents .component .subcomponent div.map {
	margin: 12px 0 !important;
}

body#rents table.table .cellwidth {
	width: 100px;
}


/* form styles */
#rents-comments {
	padding-bottom:.5em;
}
#rents-comments input.textbox {
	width:20em;
}
#rents-comments label {
	font-size:75%;
}
#rents-comments .submitbtn {
	margin-right:.5em;
}

/* tooltip styles */
#data td.text {margin:50px auto; }
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(/rents/images/tooltip/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/rents/images/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#efe0e0; color:#000; ;font-size:11px !important;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/rents/images/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}
/* end of tooltip styles */