/*=Core styles
===============================================*/

	html,body {margin:0;padding:0;height:100%}

	body {background:#eff8fb url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/backgroundthinline.png") repeat-x top left fixed}
	
	body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;  
	}

	h1,h2,h3,h4,h5,h6 { 
  	font-family: Verdana, Helvetica, Arial, sans-serif; 
  	font-weight:bold; 
  	color:#069;
  	margin: 0 0 0.25em 0; 
  }
  
  a,a:visited{color:#069;text-decoration:none}
  a:hover{text-decoration:underline}
  
  p{line-height:1.4em;margin:1em 0}
  
  img{border:0}
  
  h2{color:#069;font-size:200%;font-weight:normal}
  h3{color:#75ad1b;font-size:150%;font-weight:normal}
  h4{color:#069;font-size:130%;font-weight:normal}
  h5{color:#75ad1b;font-size:130%;font-weight:normal}
    
/*===================================== EOF Core styles*/	

/*=Tables
==============================================*/
/*Standard green table*/
table{border:solid 1px #b3d967;border-collapse:collapse;margin:10px 0 20px 0;width:100%}
th{background:#d7ecb4 url(../imagesv2/backgrounds/repeating/x/tableHeaderAlt.png) repeat-x 0 0;
	border: 1px solid #b3d967;color:#666;font:bold 11px verdana;letter-spacing:2px;padding:6px 6px 6px 12px;text-align:left}
th.nobg{border-top:0;border-left:0;border-right: 1px solid #b3d967;background:none}
td{background:#fff;color:#6D929B;padding:12px 6px 12px 12px}
.alt td{background:#f8fded;border:1px solid #effad2;border-width:1px 0;color:#666}
.highlight td{background:#daeda3}

/*Alternate blue table*/
table.alternate{border:solid 1px #44aad5}
.alternate th{background:#68badd url(../imagesv2/backgrounds/repeating/x/tableHeader.png) repeat-x 0 0;
	border: 1px solid #44aad5;color:#003750;font:bold 11px verdana;letter-spacing:2px;padding:6px 6px 6px 12px;text-align:left}
.alternate th.nobg{border-top:0;border-left:0;border-right: 1px solid #44aad5;background:none}
.alternate td{background:#fff;color:#6D929B;padding:12px 6px 12px 12px}
.alternate .alt td{background:#e7f5f9;border:solid 1px #c7e6f2;border-width:1px 0}
.alternate .highlight td{background:#c7eaf1}

/*==============================================EOF Tables*/

/*=Forms
==============================================*/

fieldset {border:solid 1px #ccc;clear:left;float:left;margin:0 0 1.5em 0;padding:0;width: 100%;border-radius:10px;margin:0 0 10px 0;-moz-border-radius:10px;-webkit-border-radius:10px}
legend {color: #069;font-weight: bold;font:bold 14px verdana;margin-left:1em}  
fieldset ol {padding: 1em 1em 0 1em;list-style: none}  
fieldset li{clear:left;float:left;padding-bottom:1em;width: 100%}  
fieldset.submit {border: 0 none #FFF;float:none;padding-left:26em;width:auto}
div.submit{padding-bottom:1em;padding-left:26em;width:auto}

/*default alignment is left*/
label {float: left;width: 15em;margin-right: 1em}
/*add rightalign class to surrounding fieldset to right align labels*/
.rightalign label{float:left;margin-right:1em;text-align:right;width:15em;}

/*Add bigger notes under input field*/
span.formnote{color:#999999;display:block;font-size:90%;margin-left:18em;margin-top:5px}
/*Make image buttons (for datepickers etc) line up with fields*/
.imagebutton{position:absolute}

/*Add a span into a label for short help text*/
label span{color:#aaa;display:block;font-size:85%;font-weight:normal}


/*============================================== EOF Forms*/


/*=Reusable styles 
==============================================*/
	/*Messages*/
	.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;display:block}
	.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;display:block}
	.warning {background: #fdd;color:#666 !important; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;display:block}
	
	/*Positioning*/
	.float_left {float:left;display:inline;margin-right:1em;margin-bottom:0.15em}
	.float_right {float:right;display:inline;margin-left:1em;margin-bottom:0.15em}
	.center {text-align:center;margin:0.5em auto}  

	/*Misc*/
	.clear{clear:both}
    .hideme{display:none}
	.green{color:#76AF19}/*Used for split colouring headings*/
	
	hr.seperator{background-color:#e7f4f9;border:0 solid #e7f4f9;color:#e7f4f9;display:block;height:5px;margin:20px 0;width:100%}
	
	/*remove styles from lists*/
	ul.nostyle{margin:0;padding:0;position:relative;list-style:none}
	ul.nostyle li{margin:0}	
	
	/*=Standard list (used for main menu*/
	ul.standard{border:solid 1px #ccc;list-style-type:none;margin:0;padding:0}
	ul.standard li{background:#f6f6f6 url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/list_grey_back.png") repeat-x left bottom;
					color:#606060;font-size:0.9em;list-style-type:none;margin:0;padding:0;position:relative}

	ul.standard li.child{background:#fff url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/list_grey_back_alt.png") repeat-x left bottom;
							color:#333;display:block;text-decoration:none}
	ul.standard li.child a,ul.standard li.child a:visited{background:transparent url("http://www.redbridge.gov.uk/externalstyles/backgrounds/single/childbullets.png") no-repeat 10px 12px;border-top:solid 1px #eee;padding-left:25px}
		
	ul.standard li a,
	ul.standard li a:visited{border-bottom:solid 1px #fbfbfb;border-top:solid 1px #efefef;color:#606060;display:block}	
	
	ul.standard li.selected a,
	ul.standard li a:hover,
	ul.standard li.child a:hover,
	ul.standard li a:focus
	{background:#d0e795 url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/list_grey_back_hover.png") repeat-x left bottom;
							border-bottom:solid 1px #add274;border-top:solid 1px #add274;color:#333;display:block;text-decoration:none}
	ul.standard li.selected a{color:#496202}

	/*Clearing methods */
	/* Clearfix method for clearing floats */
   .clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden}

	/* Safari fix */
	.clearfix {display:block}

	/*Text styles*/
	.normal{font-weight:normal}
    .bold{font-weight:bold}
	
/*=Buttons
=================================================*/
	/*Rounded buttons */
	span.button,a.button,a.button:visited{background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/buttons_sprite.png") no-repeat 0 0;
											color:#fff;cursor:pointer;display:block;line-height:30px;text-align:center;text-decoration:none}
	a:hover.button{background-position:0 -30px;color:#fff;text-decoration:none}
	a.button:focus{background-position:0 -60px;text-decoration:none;outline:none}
			
	/*Blue - ACTION (Submit, Save, etc) button*/
	a.short_blue,
	a.short_blue:visited{background-position:-120px -180px;width:60px}
	a.short_blue:hover{background-position:-120px -210px}
	a.short_blue:active,a.short_blue:focus{background-position:-120px -240px}
		
	a.long_blue,
	a.long_blue:visited{background-position:0 -180px;width:119px}
	a.long_blue:hover{background-position:0 -210px}
	a.long_blue:active,a.long_blue:focus{background-position:0 -240px}
	
	/*Green - LINK/INFO button*/
	a.short_green,
	a.short_green:visited{background-position:-120px -90px;width:60px}
	a.short_green:hover{background-position:-120px -120px}
	a.short_green:active,a.short_green:focus{background-position:-120px -150px}

	a.long_green,
	a.long_green:visited{background-position:0 -90px;width:119px}
	a.long_green:hover{background-position:0 -120px}
	a.long_green:active,a.long_green:focus{background-position:0 -150px}
	
	/*Red - REMOVE/CANCEL button*/
	a.short_red,
	a.short_red:visited{background-position:-120px -270px;width:60px}
	a.short_red:hover{background-position:-120px -300px}
	a.short_red:active,a.short_red:focus{background-position:-120px -330px}	
	
	a.long_red,
	a.long_red:visited{background-position:0 -270px;width:119px}
	a.long_red:hover{background-position:0 -300px}
	a.long_red:active,a.long_red:focus{background-position:0 -330px}
	
	/*Grey - DISABLED button*/
	a.short_grey,
	a.short_grey:visited{background-position:-120px 0px;width:60px}
	a.long_grey,
	a.long_grey:visited{background-position:0 0;width:119px}	
	
	a:hover.short_grey,
	a:focus.short_grey{background-position:-120px 0}
	a:hover.long_grey,
	a:focus.long_grey{background-position:0 0}
			
	/* Styles for input buttons to make them look like link buttons */
	.green_button,
	.blue_button,
	.red_button{color:#fff;cursor:pointer;padding:3px 5px;zoom:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
	
	.green_button{background:#80c31c url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/green_button.png") repeat-x 0 0;border:solid 1px #629115}
	.blue_button{background:#069 url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/blue_button.png") repeat-x top left;border:solid 1px #069}
	.red_button{background:#cc2c2c url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/red_button.png") repeat-x 0 -1px;border:solid 1px #992123}
	
	.green_button:hover,
	.blue_button:hover,
	.red_button:hover{background-image:none;text-decoration:none}	

/*=Page structure
=================================================*/
	#page_margins {background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/y/backshadow.png") repeat-y top center;
					margin:0 auto;min-width:inherit;max-width:none;padding:0 10px;min-width:960px;width:960px}
	#page {background-color:#fff;border:solid 1px #6b6f70;border-top:none;border-bottom:none;position:relative}
	#main {background: #fff none no-repeat bottom left;border:solid 5px #eee;border-width:5px 0 0 0;margin:0;padding:10px;position:relative}

	/* 2 COLUMN LAYOUT - Use these two div ids to create the normal 2 col layout */
	#sidebar{float:left;padding-bottom:70px;min-height:200px;width:253px}
	#contentarea{margin-left:275px;padding-top:10px}
	
	/* 1 COLUMN LAYOUT - Use a single div with this id for a 100% layout */
	#fullcontentarea{padding:10px 10px 80px 10px}

/*=Header
=================================================*/
	#header{background:#f0f0f0 url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/headerrepeat.png") repeat-x 0 0;border:solid 1px #ccc;border-bottom:none;color:#000;height:74px}
	#header h1{background:url("http://www.redbridge.gov.uk/externalstyles/images/redbridgeiLogo.png") no-repeat 0 0;position:absolute;height:74px;margin:0;outline:none;text-indent:-9000px;width:299px}
	#header h1 a{background:url("http://www.redbridge.gov.uk/externalstyles/images/redbridgeiLogo.png") no-repeat 0 0;display:block;height:74px;outline:none;width:299px}
	#header span{color:#999}
	
	/*Header menu */
	.topnav{background:#f0f0f0 url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/headerrepeat.png") repeat-x 0 0;float:right;height:74px;list-style-type:none;margin:0;width:636px}
	.topnav li{float:right;margin-left:0;width:212px}
	.topnav a,
	.topnav a:visited{background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/buttons/large/headerbuttonsingle.png") no-repeat 0 0;
			clear:left;color:#888;display:block;font:bold 14px verdana;height:74px;line-height:74px;text-align:center;text-decoration:none;width:212px}
	.topnav a:hover{background-position:0 -75px;color:#80c31c;text-decoration:none}
	.topnav a:active{background-position:0 -150px}
	.topnav a:focus{text-decoration:none}
	
	/*Green graduated bar */
	.buttonBar{background:transparent  url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/HeaderGreenBar.png") repeat-x top left;height:31px;padding:6px 5px 0 5px;position:relative}
		
		a.backtohome,
		a.customisecontent,
		a.loginout,
		a.signup,
		a.useroptions,
		a:visited.backtohome,
		a:visited.customisecontent,
		a:visited.loginout,
		a:visited.signup,
		a.useroptions
		{background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/actionbarbuttons.png") no-repeat 0 0;
			color:#666;cursor:pointer;display:block;font-size:9px;font-weight:bold;line-height:25px;text-decoration:none;text-indent:8px;width:134px}
		/*normal*/
		a.backtohome{background-position:0 0;margin-left:6px;text-indent:25px}
		a:visited.backtohome{text-indent:25px}
		a.loginout{background-position:-277px 0;width:72px}
		a.signup{background-position:-354px 0;width:72px}
		a.customisecontent{background-position:-138px 0}
		a.useroptions{background-position:-430px 0;width:89px}
		/*hover*/
		.buttonBar a:hover{text-decoration:none}
		a:hover.backtohome{background-position:0 -30px}
		a:hover.loginout{background-position:-277px -30px}
		a:hover.signup{background-position:-354px -30px}
		a:hover.customisecontent{background-position:-138px -30px}
		a:hover.useroptions{background-position:-430px -30px}
		/*click*/
		a:active.backtohome{background-position:0 -60px}
		a:active.loginout{background-position:-277px -60px}
		a:active.signup{background-position:-354px -60px}
		a:active.customisecontent{background-position:-138px -60px}
		a:active.useroptions{background-position:-430px -60px}

	/*=Search field*/
		.searchmain{height:27px;left:328px;margin:-1px 0 0;padding:0;position:absolute;width:306px}
		.searchmain label{display:none}
		.searchbg{background:url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/single/searchbox.png") no-repeat 0 -33px;border:0;display:block;height:27px;width:274px}
		.searchbox{background-color:transparent;border:0;color:#666;float:left;height:20px;padding:7px 10px 0;width:255px}  		
		.searchbox:focus + .searchbg{background-position:0 0}
		.searchbgIE{background:url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/single/searchbox.png") no-repeat 0 -33px;border:0;display:block;height:27px;width:308px}
		a.searchbutton{background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/searchbutton.png") no-repeat 0 -4px;color:#fff;height:30px;margin:-1px 0 0;text-indent:-9000px;width:29px}
		a:hover.searchbutton{background-position:0 -42px}
		a:active.searchbutton{background-position:-1px -80px}


/*=Main area
=================================
=================================*/
	.breadcrumb{color:#999;font:normal 10px Verdana;margin-top:0}
	.breadcrumb a,.breadcrumb a:visited{color:#999;font-weight:bold}
	#contentarea hr.seperator{background-color:#e7f4f9;border-color:#e7f4f9;color:#e7f4f9;margin:10px 0}
	#fullcontentarea  hr.seperator{margin:10px 0 20px}

/*=Sidebar
================================*/
	#sidebar hr.seperator{background-color:#e3f7bb;border-color:#e3f7bb;color:#e3f7bb;margin:20px 0}

	/*=Main menu (uses .standard list styling from top of file)*/
	.menu{position:relative}
	.menu a, .menu a:focus, .menu a:visited {color:#666;display:block;font:normal 12px Verdana;line-height:28px;padding:0 0 0 10px}
	.menu a:hover {color:#666;text-decoration:none}
	.menu li{padding:0}
	
	/*=atoz menu*/
	.atoz{background:#a7d661 url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/atozgreenfade.png") repeat-x top left;border:solid 1px #6da317;height:35px;padding:5px 0 5px 5px}
	.atoz span{background:url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/single/atoz.png") no-repeat 0 0;float:left;height:35px;margin-right:5px;text-indent:-9000px;width:53px}
	.atoz ul{list-style-type:none;margin:0;padding:0 5px 0 0}
	.atoz ul li{float:left;height:18px;text-align:center}
	.atoz ul li a{color:#fff;display:block;font:bold 13px Verdana;text-decoration:none;width:14px}
	.atoz ul li a:hover{color:#fff;background-color:#CEF18E}

/*=Footer
=================================*/
	#footer{background:#fff url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/bluebar.png") repeat-x 0 0;padding-top:41px;position:relative;width:100%}
	#townhall{background:transparent url("http://www.redbridge.gov.uk/externalstyles/images/footertownhallsub.png") no-repeat 0 0;height:110px;position:absolute;text-indent:-9000px;top:-103px;width:168px}
	#topfooter{border-top:solid 1px #c0c0c0;min-height:245px;padding-top:20px}
	#topfooter ul{list-style-type:none;margin-top:0;padding-top:0}
	#topfooter li{float:left;list-style-type:none;width:48%}
	#topfooter .heading{color:#069;display:block;font:bold 16px verdana;margin-bottom:10px}
	
	#topfooter #logos{border-right:solid 1px #c6e5f2;float:left;height:225px;padding-left:10px;width:275px}
	#topfooter #logos a,#topfooter #logos a:visited{border:solid 1px #fff;display:block;float:left}
	#topfooter #logos a:hover{border:solid 1px #ccc}
	#topfooter #logos a img{border:none}
	
	#topfooter #biglinks{margin-left:275px}
	#topfooter #biglinks a{border:solid 1px #fff;color:#404040;display:block;height:90px;padding:10px 10px 0px 50px}
	#topfooter #biglinks a:hover,#topfooter #biglinks a:active{border:solid 1px #ccc;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
	
	#topfooter #biglinks a{background:transparent none no-repeat 10px 5px}
	#topfooter #biglinks .planning{background-image:url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/planninggel.png")}
	#topfooter #biglinks .payit{background-image:url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/payitgel.png")}
	#topfooter #biglinks .libraries{background-image:url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/librariesgel.png")}
	#topfooter #biglinks .reportit{background-image:url("http://www.redbridge.gov.uk/externalstyles/images/buttons/medium/reportitgel.png")}
	
	#bottomfooter{background:#fff url("http://www.redbridge.gov.uk/externalstyles/images/backgrounds/repeating/x/footergreenbar.png") repeat-x 0 0;padding:50px 10px 0px 10px}
	#bottomfooter ul{list-style-type:none;padding:0;padding-left:20px;margin:0}
	#bottomfooter li{list-style-type:none;text-align:right}
	#bottomfooter a{line-height:22px}
	#bottomfooter .first{border-left:solid 1px #aae34e;float:right;margin-left:20px}
	#bottomfooter .second{padding-right:20px}

	#page_margins{min-height:100%;position:relative}
#page{padding-bottom:535px}
#footer{border:solid 1px #666;border-width:0 1px;position:absolute;bottom:0;width:958px;height:420px}
	
	
/*=Specific area styles
=================================*/
	
/*=Maintenance*/
.maintenance{background-color:#fff !important;background-image:none !important;margin:50px auto 10px auto !important;min-width:850px !important;padding:10px !important;width:850px !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.maintenance #main{min-height:200px;padding-bottom:150px}
.maintenance #page{border:solid 1px #666;padding-bottom:100px !important}
.maintenance #footer{border-width:0 !important;height:100px;width:848px}