/* Elements common to all pages */
body
{
	font-family: Arial, Verdana, Sans-Serif;
	background:#ffffff;
	color:#000000;
	margin: 0em 0em 0em 0em;
	font-size: 0.75em;
}

h1
{
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight:normal;
}

h2
{
	font-size: 1.2em;
	font-weight:bold;
	margin-left:-5;
}

h3
{
	margin-left:0.6em;
	font-size: 1em;
	font-weight:bold;

}

a
{
	color: #000000;
	text-decoration: underline;
}

img
{
	border:none;
}

/*Common used elements*/


#lblsearchterm
{
	color:#0052B8;
}

.radio-button-grid
{
	font-size:1em;	
}

.quietlist 
{
	margin-top:0.7em;
	margin-bottom:0.7em;
	list-style-position:outside;
	
}
.quietlist ul
{
	background-color:Black;
	list-style-type:none;
}
.quietlist li
{
	font-family: Arial, Verdana, Sans-Serif;
	list-style-type:none;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left:-35px;
	line-height:1.4em;
}


/*Datagrids and other data table forms*/
.DataGrid, .Datagrid TABLE
{
	font-size:1em;
}
.DataGrid, .DataGrid TD, .DataGrid TH
{
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align:top;
}

.DataGrid TD, .DataGrid TH
{
	padding:0 0.3em 0 0.3em;
}

.DataGrid TH
{
	padding-bottom:0.2em;
}

.DataGridHeaderRow
{
	background-color:#c0c0c0;
	font-weight:bold;
	text-align:left;
}

.DataGridEvenRow
{
	background-color:#EEEEEE;
}

#pageheader
{
	height:5em;
}

/*search criteria box*/
.SearchCriteria
{
	border:solid 0.1em black;
	font-size:1em;		
}
.SearchCriteria TD
{
	padding:0.3em;
}
.SearchCriteria THEAD
{
	background-color:Black;
	color:White;
}

/*generic search box*/
.searchform
{
	height:2.833em;
	padding: 0 0 0 0;
	margin: 0.1em 0.4em 0.0em 0.1em;
	float:right;
	vertical-align:bottom;
}

/* GK 150507 - added for FireFox 2 */
.searchform input 
{	
	margin-bottom: 1.3em;
}
.searchform #ask-question
{
	margin:0 3em 1em 1em;
}

/* page header area - search box, breadcrumb */
table#header
{
	padding: 0.3em 0.3em 0.3em 0.3em;
}
.breadcrumb-item
{
	text-align:center;
	height:2.833em;
	padding: 0.2em 0.2em 0.0em 0.2em;
	margin: 0.1em 0.1em 0em 0.1em;
	float:left;
}
.breadcrumb-item img
{
	margin: 0 0.3em 0 0;
	vertical-align:middle;
}
.breadcrumb-item p
{
	margin:0 0 0 0;
	float:left;
	vertical-align:middle;
}


.error
{
	color:#FF0000;
}

#logo
{
	float:right;
	margin: 0.1em 0.4em 0em 0.1em;
}


/* Splash Page */
.splash-header
{
	width:100%;
	padding:0.5em;
	vertical-align:bottom;
	height:6.5em;
}
.splash-header #dbclogo
{
	float:left;
	height:6.5em;
}
.multilingual-links
{
	text-align: center;
	float:left;
	padding: 2.5em 0 0 0.5em;
}

.splash-discover
{
	background-color:#CE0500;
	margin: 0 0 0.1em 0;
	color:#FFFFFF;
	width:100%;
	height:13em;
}
.splash-discover h1
{
	font-size:2em;
	color:#ffffff;
}
.splash-discover h2
{
	margin-bottom:0;
}
.splash-discover p
{
	padding:0 0 0 0;
}
.splash-discover a
{
	color:#FFFFFF;
}
#splash-discover-content
{
	padding:1em 1em 1em 1em;
	float:left;
}
.splash-discover img
{
	float:left;
	height:13em;
}
#splash-discover-quicklinks
{
	padding:1em 0 0 0;
	width:10em;
	float:left;
}

#splash-discover-quicklinks h2
{
	padding-left:0.3em;
}


.splash-discover li
{
	margin-left:-25;
}

.splash-profile
{
	background-color:#FFD5D5;
	padding:0.2em 0 0.5em 0;
	color:#000000;
	border-bottom:solid 0.1em #CE0500;
	border-top:solid 0.1em #FFFFFF;
	
	height:100%;
	float:left;
	width:100%;
}

/*.splash-profile div*/
.splash-profile #links
{
	float:left;
	margin-left:1em;
	/*margin-top:-15px;*/
}

.splash-profile ul
{
	margin:-15px 0 0 0;
	padding:0 0 0 0;
}
.splash-profile p
{
	padding:0 0 0 0;
}
.splash-profile li
{
	list-style-type:none;
	padding:0.5em 0 0.5em 0em;
}

.splash-profile li a
{
	font-size:1.5em;
}

.splash-logos
{
	padding:0.5em 1em 0.5em 1em;
	float:left;
	width:100%;
}

/* THIS IS NEW FOR THE CONTENT PAGE */
#plcContent_Logo_PresentationModeControlsContainer_PresentationImage
{
	width:10em;
	border:none;
}

/*the sitemap user control*/
#sitemap
{
	width:100%;
}

#sitemap-block #summary
{
	height:100%;
	background-color:#FFE8B7;
	padding:5px;
	width:100%;
	float:left;
	margin-bottom:10px;
}

#sitemap-block #detail
{
	width:100%;
	padding:10px;
}

#sitemap-block h1,h2,p
{
	padding-left:0.8em;
}

#sitemap-block h1
{
	margin-top:0;
	width:100%;
	background-color:#FFC949;
	color:#000000;
	margin-bottom:0.1em;
	
}

#sitemap-block #profiles
{
	float:left;
	/*width:70%;*/
	border-right:solid 0.2em #FFC949;
	margin-left:10px;
}
#sitemap-block #atoz
{
	float:left;
	font-size:1.2em;
	vertical-align:middle;
	
	margin-left:3em;
	margin-top:3em;
}

.sitemap-profile
{
	float:left;
	margin:0.25em 2em 0.25em 0em;
}

.sitemap-profile IMG
{
	height:6.8em;
}

/*class on content template*/
.sitemap
{
	FLOAT:right;
}

.breadcrumbs
{
	float:left;
}
.breadcrumbs LI
{
	list-style-type:none;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height:1.4em;
}

div#content-breadcrumb
{
	clear:both;
	margin: 0em 0em 0em 0em ;
	padding: 0.3em 0.5em 0.4em 0.5em;
	height:1.0em;
}

div#content-breadcrumb p
{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

#content-sidebar-image img
{
	width:12em;
}

.content-sidebar
{
	clear:both;
	margin: 0em 0em 0em 0em ;
	padding: 0.3em 0.5em 0.4em 0.5em;
}
.content-sidebar UL
{
	margin-top:0.4em;
}

.content-sidebar LI
{
	list-style-type:disc;
	margin-left:-25px;
}
.content-sidebar UL LI SPAN
{
	color:#000000;
	font-weight:bold;
}

.content-sidebar p
{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
.content-rightline
{
	float:left;
	vertical-align:top;
	width:12em;
}
.content-middlearea-working
{
	float:none;
	height:100%;
}

.content-sidebar-grad
{
	width:12em;
	height:7em;
}

.content
{
	/*padding:0.7em;*/
	float:none;
	padding:10px;
	height:100%;
	width:auto;
	
}

.content h2,.content p
{
	padding-left:0px;
	margin-bottom:0px;
}
.content h1
{
	margin-bottom:5px;
	margin-top:0px;
	/*padding-left:10px;*/
}
.content .RedLink
{
	font-weight:bold;
	color:#A00000;
}

.content a
{
	color: #0000FF;
}


/*Editing Console*/
.editconsole
{
	background-color:#ffffcc;
	color:#000000;
	height:100%;
	border-bottom:solid 1pt #DDDDAA;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.editconsole DIV
{
	margin:0em 1em 0em 0em;
	float:left;
	width: 9em;
	
}
.editconsole UL
{
	margin-top:0.7em;
	margin-bottom:0.7em;
	list-style-position:outside;
}

.editconsole LI
{
	font-family: Arial, Verdana, Sans-Serif;
	list-style-type:none;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left:-39px;
	line-height:1.4em;
}

.floatleft
{
	float:left;
}

.editconsole H2
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:-0.5em;
	padding-left:0;
}
.editconsole A, .editconsole A:hover
{
	cursor:hand;
	color:#000000;
}
.alert
{
	border: lightgrey 1px solid; 
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#a9a9a9',Direction=135,Strength=4); 
	BACKGROUND-COLOR: #ffffcc;
	padding: 5px;
	color:black;
}
.RedAlertText
{
	color:#ff0000;
}

.skipto
{
	background-color:#FFFFFF;
	color:#FFFFFF;
}

.IndCouncillor
{
	float:left;
	padding:1em;
}

.IndCouncillor h2
{
	margin-bottom:-15;
}

.IndCouncillor img
{
	width:5em;
}

.WardList li
{
	list-style-type:none;
}

.AtoZBanner h2
{
	font-size:0.9em;
	color:#A00000;
	margin-left:35;
	margin-bottom:-20;
}

.AtoZBanner UL
{
	width:80%;
	padding:0;
	
}

.AtoZBanner li
{
	float:left;
	width:1.3em;
	height:1.3em;
	margin-right:-1px;
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
    BORDER-RIGHT: #777776 0.1em solid;
    BORDER-TOP: #777776 0.1em solid;
    BORDER-LEFT: #40433c 0.1em solid;
    BORDER-BOTTOM: #40433c 0.1em solid;
    
}
#KeyServices TD
{
	font-size:1em;
}
#KeyServices h2
{
	margin-bottom:-5;
}
#KeyServices img
{
	height:5em;
	width:5em;
	border-bottom: solid 0.2em #40433c;
	border-left: solid 0.2em #40433c;
	border-right: solid 0.2em #777776;
	border-top: solid 0.2em #777776;
	font-weight: bold;
}

#sitemap-block TD
{
	vertical-align:top;
}

.graphicalbreadcrumb
{
	float:left;
	margin-right:2em;
}

.GreyIMG IMG
{
	border-bottom: solid 0.2em #40433c;
	border-left: solid 0.2em #40433c;
	border-right: solid 0.2em #777776;
	border-top: solid 0.2em #777776;
}

#newsummaryarea LI
{
	margin-bottom:2em;
}
#newsummaryarea P
{
	margin-top:0;
}
.multilingual-links
{
	text-align: center;
	float:left;
	padding: 2.5em 0 0 0.5em;
}

.EventsDiary, .EventsDiary TABLE
{
	font-size:1em;
}
.EventsDiary, .EventsDiary TD, .EventsDiary TH
{
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align:top;
}

.EventsDiary TD, .EventsDiary TH
{
	padding:0 0.3em 0 0.3em;
}

.EventsDiary TH
{
	text-align:right;
	padding-bottom:0.2em;
	background-color:#EEEEEE;
	width:1%;
}

.EventsDiary P
{
	margin:5px;
}

.EventsDiary TABLE
{
	margin-bottom:20px;
}

.EventsDiaryHeaderRow
{
	background-color:#EEEEEE;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
}

/*.EventsDiaryEvenRow
{
	background-color:#EEEEEE;
}*/

.adv-opt
{
	padding-left:5px;
	padding-right:5px;
	background-color:#EEEEEE;
	/*float:right;*/
}

.lnk-button
{
	background-color:#FFFFFF;
	cursor:hand;
	color:#0000FF;
	text-decoration:underline;
	border:none;
	padding:none;
	margin:none;
	float:right;
	
}

.RateThisPage
{
	background-color:#EEEEEE;
	border-top:solid 1pt #DDDDDD;
	border-left:solid 1pt #DDDDDD;
	border-right:solid 1pt #DDDDDD;
	padding-left:0.7em;
	padding-bottom:0.7em;
	float:left;
	width:98%;
}
.lefty
{
	float:left;
}
.righty
{
	float:right;
}
.quarter
{
	width:25%;
}



.mayoralmenu a
{
	font-size: 1.2em;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.mayoralmenu a:visited
{
	font-size: 1.2em;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.mayoralmenu a:hover
{
	font-weight: bold;
	font-size: 1.2em;
	color: black;
	text-decoration: none;
}


.mayoralmenu TABLE
{
	width: 100%;
	margin-bottom: 2em;	
	


}

.mayoralmenu TABLE TR TD
{
	padding-bottom: 0.5em;
	width: 16.66%;
	padding-top: 0.5em;
	height: 1.5em;
	text-align: center;
	width:auto;

}


.mayoralmenu .current
{
	font-weight: bold;
	color: black;
	background-color: silver;
}

#Diary_Picture
{
	padding-right: 1em;
	float: left;
	padding-top: 1.2em;
}

#Diary_Bottom_Content
{
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
	margin-bottom: 2em;
	width: 100%;
}
.recyclecontrols
{
	
}
.recyclecontrols p label
{
	display:inline;
	color:#000000;
	font-weight:800;
}
.recyclecontrols p input
{
	margin-right:1em;
}

.RecycleData
{
	clear: left;
	width: 435px;
	margin-bottom: 12px;
}
.RecycleData div.StreetScene
{
	border:solid 1px #CCCCCC;
}
.RecycleData .streetscene-result0
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 0px;
}

.RecycleData .streetscene-result1
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 0px;
	background-color: #EDF8DE;
}
.RecycleData .streetscene-upcoming
{
	background-color:#EEEEEE;
	border:solid 1pt #CCCCCC;
	width:20em;
	padding:5px;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#a9a9a9',Direction=135,Strength=4); 
}

.RecycleData .streetscene-next
{
	border:none;
	background-color:Transparent;
	padding:0px;
	width:auto;
	margin-bottom:0px;
	margin-top:0px;
}

.RecycleData .streetscene-largetext
{
	font-size:1em;
	padding:0px;
	margin-top:0px;
}
.RecycleData .streetscene-largetext
{
}
.RecycleData h3.recycletitle
{
	width: 175px;
	font-size: 10pt;
	margin-top: 5px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight: bold;
	clear: left;
	color: White;
	background-color: #8DC63F;
	padding-left: 3px;	
}

.button-link
{
	border: none; 
	background-color:transparent; 
	text-decoration: underline; 
	padding: 0; 
	color:#0000ff;
}