/*	Metropolitan Police Service corporate website stylesheet, copyright the Commissioner of Police of the Metropolis.
	http://www.met.police.uk/
	Not for use on any other site.

	Last updated 16-06-04.

	This stylesheet is designed to maximise the accessibility of the site.
	Please send any comments to web.editor at met.police.uk. */

/*	Miscellaneous styles. */

body {
	background-image: url("../images/background-gradient.jpg");
	background-repeat: repeat-x;
	background-color:#01009A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;

}

li p  {
padding:0;
}

.alignright
{
	text-align:right;
}
.aligncenter
{
	text-align:center;
}
.alignleft
{
	text-align:left;
}
	.bluescheme
		{
			background-color:#000099;
			background-image:url(../images/blue-cut-corner.gif);
			background-repeat:no-repeat;
			background-position:right bottom; 	
			margin-top:0.357em;
			margin-left:0.6875em;
			padding:0.39em 0.5625em 0.39em 0.5625em;
		}
	.bluescheme a:link, .bluescheme a:visited, .bluescheme a:active
		{
			color:#ffffff;
			text-decoration:none;
		}
	.bluescheme a:hover
		{
			color:#ffffff;
			text-decoration:underline;
		}
	.blueschemeimage
		{
			padding: 1px 0 10px 6px;
		}
	.leftNavImages
		{
			padding-top:10px;
		}

.tablegrey
{
	border-left:2ex solid #ffffff;
	border-right:1ex solid #ffffff;
	background-color:#F2F2F2;
}
a.blueschemeboroughheadingslink:link, a.blueschemeboroughheadingslink:visited, a.blueschemeboroughheadingslink:active
{
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	color:#ffffff;	
}
a.blueschemeboroughheadingslink:hover
{
	text-decoration:underline;
	font-size:110%;
	font-weight:bold;
	color:#ffffff;		
}
.blueschemeboroughheadings
{
	font-size:110%;
	font-weight:bold;
	color:#ffffff;		
}
.bluescheme form
{
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
}
.bluescheme Label
{
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:0.1916em;
	margin-top:0;
	padding-top:0;
}
.bluescheme h2
{
	font-size:90%;
	color:#ffffff;
	margin-bottom:0.1916em;
}
.bluescheme p
{
	font-size:75%;
	color:#ffffff;	
	margin-top:0;
	margin-bottom:0;
}
a.blueschemelink:link, a.blueschemelink:visited, a.blueschemelink:active
{
	background-image:none;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	margin-left:-0.41666em;
}
a.blueschemelink:hover
{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;	
}
.bluescheme li
{
	list-style-image:url(../images/blue-small-icon-link.gif);
	padding-left:0;
	margin-left:0em! important;
/* 	margin-left:-1.5832em;	*/
	text-indent:0;
	margin-bottom:0em;
/*	margin-bottom:0.08333em; */

}
.blueschemenavigationfloat {
	float: left;
	width:10px;
}
.blueschemenavigationfloatright {
	padding-left:13px;
}
.blueschemenavigationfloatindented {
	float: left;
	width:20px;
}
.blueschemenavigationfloatrightindented  {
	padding-left:23px;
}
.h2white
{
	color:#ffffff;
}

/* additonal borough styles   */

.googleMapsContainer
	{
		border:1px solid #dddddd;
		margin-left:5px;
		padding:5px;
		width: 500px;
		height: 300px

	}

.dashedright{
	border-right:1px #dddddd;
	border-right-style: dotted ;
}
.boroughcontent table
{
	padding:0px;
	margin:0px;

}

.boroughcontent th
{
	
	text-align:left;
	background-color:#F2F2F2;
	margin-bottom: 1ex;
	padding-right: 1ex;
	padding-left: 1ex;
	padding-top: 0.2ex;
	padding-bottom: 0.3ex;
	margin-top: 1ex;
	
}
.boroughcontent ul
{
	list-style-image:url(../images/boroughlistitem.gif);
	padding-left:0;
	text-indent:0;
	margin-bottom:0.03333em;
}

/*

.boroughscheme ul
{
	list-style-image:url(../images/red-icon-link.gif);
	padding-left:0;
 	margin-left:1.7832em;
	text-indent:0;
	margin-bottom:0.03333em;

}

*/



/* ===== MERCEDES NEW DESIGN ==== */

.boroughscheme ul
{
	
	
	list-style-image:url(../images/blue-small-icon-link2.gif);
	padding-left:0;
	margin-left:1.6em;
 	margin-bottom:0.03333em;
	
	text-indent:0px;
	
	
	/*
	
	margin-left:1.7832em;
	border-right: solid #000099;
    	border-bottom: solid #000099;
   	border-left: solid #000099;
	border-width: 1px;
	background-color:#F2F2F2;*/
	
}


.boroughscheme li 
{
	
	padding-left: 0px;
	text-decoration: none;
	border-top: SOLID #000099;
	border-width: 1px;
        /*
	border-top: SOLID #000099;
	border-width: 1px;
	list-style-position: inside;
	background-color:#F2F2F2;
	padding:2px;*/	

}
	
.boroughscheme li a:link{
	text-decoration: none;
	color:#000099;
	}

.boroughscheme li a:visited{
	text-decoration: none;
	color:#000099;
	}

.boroughscheme li a:active{
	text-decoration: none;
	color:#000099;
	}

.boroughscheme li a:hover{
	text-decoration: none;
	color:#060053;
	}



/* ++++ END NEW DESIGN ++++ */




.boroughscheme p
{
	padding:0;
 	margin:0;
	color:#666666;
}
.boroughschemelinktopage 
{
	list-style-type: none;
	list-style-image: none;

}
.listboroughup
{
	list-style-image:url(../images/grey-icon-link-up.gif);
}
.listboroughdown
{
	color:#0000ff;
	list-style-image:url(../images/grey-icon-link-down.gif);
}

.listboroughback
{
	list-style-image:url(../images/grey-icon-link-back.gif);
}
table {
	font-size: small;
}

form {
	padding: 0.1ex;
	margin: 0;
}

.forminput {
	border: 0.1ex solid #000066;
	color: #000066;
	background-color: #FFFFFF;
	margin: 0.2ex;
	padding: 0.1ex;
}

.formbutton {
	border: 0.2ex solid #000066;
	color: #000066;
	margin: 0.2ex;
	background-color: #DEE7FE;
	font-weight: bold;
}
.formbutton:hover {
	background-color: #FFFFFF;
	text-decoration: underline;
}

hr {
	color: #000066;
	width: 60%;
	border-top: solid;
}

#skipnav {
	display: none;
}

#searchlabel {
/*	display: none; */


}

.telephone {
	color: #FF0000;
	font-weight: bold;
}

acronym {
	cursor: help;
	border-bottom: 0.1ex;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-style: dashed;
}

#mainsiteframe {

	background-color: #FFFFFF;
	width:47.125em;
	padding: 0;
	border-left:solid #CCCCEB 1px;
	border-right:solid #000099 1px;
	border-top:solid #CCCCEB 1px;
	border-bottom:solid #000099 1px;
	margin-top: 1ex;
	margin-bottom: 1ex;
	position: relative;
/*	left: 5%;	*/
}

#breadcrumb {
	padding: 0.2ex;
	margin: 0;
	font-size: 80%;
	text-align: left;
}

/*	Top Bar Styles: Designed for the top bar, and for any footer elexents which mimic the top bar.
	Top Bar should be a table or div of class topbar block.
	Content should be in a paragraph of class topbar text.
	Links should be of class topbarlink. */

#topbarblock {
	/*background-color: #000066;*/
	width: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.5ex;
}

#topbar_logo {
	padding: 1ex;
}



#topbar_search {
	text-align: right;
	padding: 1ex;
}

.topbartext {
	color: #FFFFFF;
	padding: 0.3em;
}

a.topbarlink:link {
	color: #FFFFFF;
	text-decoration: underline;

}

a.topbarlink:visited {
	color: #EEEEEE;

}

a.topbarlink:active {
	color: #FFFFFF;
	text-decoration: none;

}

a.topbarlink:hover {

	color: #FFFFFF;
	text-decoration: none;

}

/*	Left menu styles: for use in the left-hand navigation.
	Link groups should have a header.
	Use leftmenuheadblock for the block elexent.
	Use leftmenuheadtext for title text.
	Link groups should be made from alternating light and dark blocks.
	Use leftmenulightblock and leftmenudarkblock for the menu itexs.
	Use leftmenutext for non-active itexs, e.g. the current page.
	Use leftmenulink for active menu itexs.
	*/

#leftmenu {
	width: 27ex;
	padding-top: 1ex;
	padding-right: 1ex;
	vertical-align: top;
}

.leftmenuheadblock {
	background-color: #000066;
	margin-top: 0;
	margin-bottom: 0;
}

.leftmenuheadtext {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0.3ex;
	padding-left: 0.4ex;
	padding-right: 0.2ex;
	padding-top: 0.3ex;
	font-size: 110%;
}

.leftmenuspacer {
	border-top: 0.1ex solid #000066;
	margin-top: 0;
	margin-bottom: 0;
	height: 0.5ex;
}

.leftmenulightblock {
	background-color: #dee7fe;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 0.1ex solid #000066;
}

.leftmenudarkblock {
	background-color: #d6e0fe;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 0.1ex solid #000066;
}

.leftmenutext {
	margin: 0;
	padding-bottom: 0.5ex;
	padding-left: 0.6ex;
	padding-right: 0.2ex;
	padding-top: 0.3ex;
}

a.leftmenulink:link {
	color: #666666;
	text-decoration: none;
}

a.leftmenulink:visited {
	color: #666666;
	text-decoration: none;

}

a.leftmenulink:active {
	color: #666666;
}

a.leftmenulink:hover {
	color: #666666;
	text-decoration: underline;

}

/*	Body styles: for use in the main content of the page.
	H1 should only be used for the main page title.
	Subsequent h-numbers should be used for different levels of sub-heading.
	titleblock can be applied to visually highlight titles. */

.contentblock {
	vertical-align: top;
}
.content-view-full h1
{
	font-size: 120%;
	font-weight: bold;
	color: #000099;	
	padding:0px 10px 0px 10px;
}
.content-view-full h2
{
	font-size: 110%;
	font-weight: bold;
	padding:10px;
	padding:0px 25px 0px 25px;
}
h1 {
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
}

h2 {
	font-size: 110%;
	color: #000066;
	font-weight: bold;
}

h3 {
	color: #000099;
	font-weight: bold;
	font-size: 100%
}

h4 {
	color: #000066;
	font-weight: bold;
	font-size: 100%
}

ul {
	list-style-type: circle;
}

ol {
	color: #000099;
}

li {
	color: #000099;
}

p {
	color: #000099;
 	padding-right: 1ex;	
	padding-left: 2ex;	
	padding-top: 0.2ex;
	padding-bottom: 0.2ex;
	margin-bottom: 1ex;
	margin-top: 0.5ex;
	margin-left: 0;
	margin-right: 0;
}

.paragraph {
	color: #000099;

}
a:link {
	color: #666666;
	text-decoration: none;
	
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:active {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

.titleblock {
	color: #000099;
	width: auto;
	background-color: #F2F2F2;
	margin-bottom: 1ex;
	padding-right: 1ex;
	padding-left: 1ex;
	padding-top: 0.2ex;
	padding-bottom: 0.3ex;
	margin-top: 1ex;
}

/*	Right bar styles: Used for features etc boxed on the right side of the page.
	Use rightbarheadblock for the title block
	Use rightbarheadtext for text
	use rightbarheadlink for links
	Use rightbarblock for details
	Use rightbartext for detail text
	Use rightbarlink for detail link */

#rightbar {
	width: 28ex;
	margin-left: 1ex;
	margin-top: 1ex;
	vertical-align: top;
}

.rightbarheadblock {
	width: 100%;

	margin-top: 0.4ex;
	margin-bottom: 0.4ex;
}

.rightbarheadtext {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0.3ex;
	padding-left: 0.4ex;
	padding-right: 0.2ex;
	padding-top: 0.3ex;
	font-size: 110%;
}

.rightbarheadlink:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.rightbarheadlink:visited {
	color: #E5E5E5;
}

.rightbarheadlink:active {
	color: #D5D5D5;
}

.rightbarheadlink:hover {
	color: #DDDDDD;
	text-decoration: none;
}

.rightbarblock {
	width: 100%;
	border-left: 0.1ex solid #000066;
	border-top: 0.1ex solid #000066;
	border-bottom: 0.1ex solid #000066;
	background-image: url("../images/mainbg.gif");
	background-repeat: repeat-y;
}

.rightbartext {
	padding-left: 0.5ex;
	padding-right: 0.3ex;
	padding-top: 0.2ex;
	padding-bottom: 0.2ex;
}

.rightbarlink:link {
	color: #000099;
	text-decoration: underline;
}

.rightbarlink:visited {
	color: #000099;
}

.rightbarlink:active {
	color: #FF0000;
}

.rightbarlink:hover {
	color: #FF0000;
	text-decoration: none;
}

@media print {
	#topbarblock {
		display:none;
	}
	#leftmenu {
		display:none;
	}
	#rightbar {
		display:none;
	}
	.printonly {
		display:block;
	}
	#mainsiteframe {
		width: 100%;
		margin: 0%;
		left: 0%;
		border: 0;
	}
	#breadcrumb {
		display: none;
	}
	acronym:after {
		content: " (" attr(title) ")";
	}
	a:after {
		content: " (" attr(title) "," attr(href) ")";
	}
}

/* Added for CMS */

.headline {
	color: #000066;
	font-size: 110%;
	font-weight: bold;
	padding-left: 1.8ex;
	margin-left: 0;
}

hr.alt{
	color: #DCDCDC;
	margin-left: 2ex;
	border-top: thin solid;
	width: 98%;
}

a.pagelink:link {
	color: #666666;
	text-decoration: none;
}

a.pagelink:visited {
	color: #666666;
	text-decoration: none;
}

a.pagelink:hover {
	color: #666666;
	text-decoration: underline;
}

em{
	color:#000066;
}

/* Added for boroughs */

p.intro {
    padding-top: 20px;
}

p.body {
    padding-top: 20px;
}

img.body {
    padding: 20px;
}

/* additional styles for news */
.searchlabel
{
	color: #000066;
	display: inline;
}
#topbarmenu
{
	text-align: center;
	color: #cccccc;
	font-size:90%;
}

#topbarmenu a.topbarlink:link, a.topbarlink:visited, a.topbarlink:active
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;


}

#topbarmenu a.topbarlink:hover
{

	text-decoration: underline;
	

}
.bluebg
{
	background-color:#000099;	
}
.BgColorGrey
{
	background-color:#F6F6F6;
}
#headergradient
{
	background-image: url("../images/header-gradient.gif");
	background-repeat: repeat-x;
	height:0.9375em;
}

#searchid

{

	width:9.6em;

	margin-left:0.4em;

	vertical-align:middle;	

}

#btnsearchid

{

	vertical-align:middle;	

	padding-left:0.25em;

}
.newsdate
{
	color:#666666;
	font-size:90%;
	font-weight:normal;
}

/* ADDED FOR MET COMMENTS PAGE */

.news_shade1
{
	background-color:#EBEBF7;
	margin-bottom:0.1em;
	padding-top:0.5em;
	padding-bottom:0.625em;
	padding-left:0.625em;
	margin-left:0.0625em;}

.news_shade2
{
	background-color:#F2F2F2;
	margin-bottom:0.1em;
	padding-top:0.5em;
	padding-bottom:0.625em;
	padding-left:0.625em;
	padding-right:0.625em;
	margin-left:0.0625em;}