/*\*//*/
@import "macie.css";
/**/     

/* ========Clearing Elements========*/

.cl  {
    clear: both;
    }

br.cl, div.cl {
    height: 0;
    font-size: 0.1px;
    line-height: .0;
    }

/* ========Remove off screen element and skip link active/focus styles========*/

 .rm {
     position: absolute;
     left: -999em;
     }

a.rm:active, a.rm:focus {
    top: 8px;
    left: 208px;
    border: 8px #1253B5 solid;
    background-color: #fff;
    padding:5px;
    color: #000 !important;
    }

/* ========Basic styles========*/

h1, h2, h3, h4, h5 {color:#3F3F3F;}
hr {
    background-color:#D9D9D9; 
    color:#D9D9D9;
    }
pre {
    color: #000;
    border-left: 1px #F75700 solid;
    }
q, blockquote {color: #1253B5;}

cite {}

/*==========Layout===========*/

.ie-strip {display:none;}

#header{
    border-top: 8px solid #1253b5;
    position:relative;
    }
#header img {
    margin: 5px 0 0 53px;
    }
#header #searchbox.form p {
    background: url(/images/rbkc/magnifier.png) no-repeat 215px 0em;
}

.not-bold {font-weight:normal;}

/*==========Header===========*/

#header ul {position:absolute;top:0;right:-5px;width:70%; text-align:right;height:2em}

#header ul li{
    display:inline;
    background: url(/images/rbkc/bullet-site-links.gif) no-repeat 0 0.5em;
    font-size:85%;
    font-weight:bold;
    padding:0 5px 0 15px;
    margin:0;
    }
#header, #header a, #header a:link {color:#858585;}
#header ul li.first-child {background:none;}

#header ul li img {margin:0 3px 0 0;}

#header #header-corner {
    width:15px;
    height:15px;
    background: url(/images/rbkc/cnr-heading.png) top left no-repeat;
    position:absolute;
    bottom:0;
    left:0;
    }

#header-inner {
    /*background:#4175C4 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x;
    padding-left:32px;
    position:relative;
    margin: 5px 0 0 0;
   /* min-height:54px;*/
    }

#header h1, #header h2, .pseudoH1 { /*h1 used for the homepage and portal pages, h2 used for other pages so that the h1 always matches the title*/
    background:#1253B5 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x;
    margin:0;
    font-size:1.4em;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    /*padding:0.72em 12px;*/
    padding:1em 12px;
    width:60%;
    color: #fff;
    font-weight:normal;
    }

#inner-one {background:#608CCD url(/images/rbkc/rbkc-transparency-hor.png) repeat-x;}

/* Search form within the header */
#header-inner #searchbox.form {position:absolute;right:0;top:25%; width:33%;margin-top:3px;/*text-align:right;*/right:16px;width:238px}


#header-inner label {
    color: #fff;
    width:auto;
    font-weight:normal;
    float:none;
    display:inline;
    font-weight:bold;
   }

#header-inner p {position:absolute; right:27px; top:-1.9em; font-size:0.85em;}
#header-inner #searchbox.form p {position:relative;right:0;top:0;font-size:1em;}
#header-inner #searchbox.form input {border: 1px solid #666666;padding:1px 0 1px 0;}
#header-inner #searchbox.form input.submit {
	background: url(/images/rbkc/button-white.png) no-repeat;
	/*background: url(/images/rbkc/button-blue.png) no-repeat;*/
	padding:2px 7px 2px 2px;
	border:none; 
	font-weight:bold;
	width:64px;
	margin-left:4px;
}

/*==========Breadcrumbs==========*/

#breadcrumbs {font-size:90%;margin:1px 0 10px 0}
#breadcrumbs p, #breadcrumbs strong {font-weight:bold;color:#615959 !important}
#breadcrumbs p, #breadcrumbs ol, #breadcrumbs li {display:inline; margin:0; padding:0;}
#breadcrumbs li a {
    margin:0;
    padding:0 10px 0 0;
    font-weight:normal;
    background:url(/images/rbkc/breadcrumb-bullet.gif) no-repeat 100% 50%;
    color:#858585;
    }



/*==========Content header styles==========*/

#content-header {
    border:1px solid;
    padding: 0;
    position:relative;
    background-repeat:no-repeat;
    background-position:top right;
}

/*.index #content-header {
    margin-right:0px;
    margin-left:392px;
}*/

#content-header img{position:absolute; top:0;left:-184px;}
.portal #content-header img{position:absolute; top:0;left:-200px;}
.index #content-header img{position:absolute; top:0;left:-200px;}
#content #content-header img{position:absolute; top:0;left:-105px;}
#content-header p, #content-header ul, #content-header h2 {padding:0;margin:0;line-height:1.2em;font-size:1.1em}
#content #content-header p, #content #content-header ul, #content #content-header h2 {font-size:1em; color:#000;}
#content-header h2 {font-size:1.5em; font-weight:normal;margin-bottom:0.3em;}
#content-header li {font-size:85%; font-weight:bold;letter-spacing:1px; background-image: url(/images/rbkc/arrow-homeheader.gif);margin-top:7px}

#content-header, #content-header h2, #content-header a, #content-header a:link {color:#fff;}


#content-header-inner {
    background: url(/images/rbkc/rbkc-transparency-ver.png) repeat-y -10px;
    padding: 20px 20px 15px 30px;
}
#content #content-header-inner {
    padding: 15px;
}
.portal #content-header-inner { background-position: -7px; }
.index #content-header-inner { background-position: -7px; }





.leisure #header-inner {background-color:#91c733}
.leisure #header h1, .leisure #header h2 {background-color:#76b900}
.leisure #inner-one {background-color:#a3d054}

.voluntary #header-inner {background-color:#af9f7e}
.voluntary #header h1, .voluntary #header h2 {background-color:#9c875d}
.voluntary #inner-one {background-color:#b2bc00}

.business #header-inner {background-color:#69a6d2}
.business #header h1, .business #header h2 {background-color:#4490c7}
.business #inner-one {background-color:#6ab2e7}

/*Customised content header colours*/
.portal #content-header { background-image: url(/images/rbkc/bg.gif); margin-left: 200px; margin-right:185px; }
.index #content-header { background-image: url(/images/rbkc/bg.gif); margin-left: 200px; margin-right:185px; }
#content #content-header {
    background-image: none;
    background-color: #E8E8DD;
    margin-left: 105px;
}
.portal #content-header {background-color: #dddcd6;}
.index #content-header {background-color: #dddcd6;}
/*.environment #content-header {background-color: #dddcd6;}
.jobs #content-header {background: #8BABDB;}
.advice-benefits #content-header {background: #8BABDB;}
.housing #content-header {background: #8BABDB;} 
.education #content-header {background:#8BABDB;}
.planning #content-header {background:#8BABDB;}
.health #content-header {background:#8BABDB;}*/

/*Customised content heading colours*/
.jobs #content h1 {color:#2375C5;}
/*moved.environment #content h1 {color:#798000;}*/

.portal #content-header h2, .portal #content-header p {color:#000;}
.index #content-header h2, .index #content-header p {color:#fff;}
/*.jobs #content-header h2 {color:#fff !important;}
.environment #content-header h2 {color:#000;}
.planning #content-header h2 {color:#000;}
.education #content-header h2 {color:#000;}
.housing #content-header h2 {color:#000;}
.health #content-header h2 {color:#000;}
.jobs #content-header p {color:#000;}
.environment #content-header p {color:#000;}
.planning  #content-header p {color:#000;}
.education  #content-header p {color:#000;}
.housing  #content-header p {color:#000;}
.health  #content-header p {color:#000;}*/

/*Customised content head label color, default is white*/
/* moved.environment #header-inner label {color:#000;}*/

/*Customised large bullet images colours*/
.jobs ul.large-round-bullet li {background-image: url(/images/rbkc/bullet-arrow-blue.gif);}
/* moved.environment ul.large-round-bullet li {background-image: url(/images/rbkc/bullet-arrow-green.gif);}*/

/*link colors*/
/*Note: jobs is not included below as it uses the default link colous set in basic.css on line 40*/

/*Customised of content area submit buttons*/
.jobs #content .submit {background:#5F8BCC url(/images/rbkc/button-blue.gif) no-repeat ;color:#fff;}

/*========== Homepage Specific==========*/

.index #content-header {background: #5992D7 url(/images/rbkc/home-header-bg.jpg) no-repeat top right;}
.index #content-header-inner {
    min-height:117px; /*This will also require changing in ie.css as ie 6 don't support min-height*/
    font-size:0.9em;
}

/*Homepage specific content elements*/
/*.index #content ul {margin:0 0 0.5em 0;}*/
#content li {margin-right:5px; padding-left:25px;}
#content .rel-links li {margin-bottom:0px;}
/*.index #content h2 {margin-bottom:0.1em; font-size:1.2em; font-weight:bold;}*/
/*.index #content h3 {margin:0 0 0 0; line-height:1.1em;}/*removes padding and margin from h3 tags within the homepage content div*/
/*.index #content p {margin-top:0.1em; padding:0;line-height:1.2em;}/*removes padding and margin from paragraphs within the homepage content div*/

/*========== Portal Page Specific==========*/

/*Custom content header styles for the portal pages*/
.portal #content {border-top: none;}
.portal #content-header-inner { min-height:85px; /*This will also require changing in ie.css as ie 6 don't support min-height*/ }
.index #content {border-top: none;}
.index #content-header-inner { min-height:85px; /*This will also require changing in ie.css as ie 6 don't support min-height*/ }
#content #content-header-inner { min-height:70px; /*This will also require changing in ie.css as ie 6 don't support min-height*/ }

.jobs #content-header h2 {color:#000;}

/*Portal specific content elements*/
.portal #content ul {margin-bottom:1em;}
.index #content ul {margin-bottom:1em;}


/*======== Content========*/

#content{
    border-top: 1px solid #fff;
    }
        
.indent {padding-left:72px !important;}


/*content form submit buttons*/
.content-search .submit-row {padding-left:64px}
#content .submit {padding:4px 16px; font-weight:bold; border:none;margin-left:10px;}

/*content headings*/
.no-top-margin {margin-top:-0.35em; margin-bottom:0.15em}
#content h1 {font-size:1.5em;font-weight:normal;}
#content h2 {font-size:1.2em;margin-top:1em;}
#content .grey-box h2 {margin-top:0em;}

/*lists*/

/*default list*/
#content ul li {line-height:1.4em}
#content ul li h2 a, #content ul li h2 a:link {}
#content ul li p {margin-top:0;}

/*custom rounded arrow lists*/
/* The below style is to accomodate for the slightly bigger size of the custom bullets over the grey. Add the custom slectors here as well as setting the bullet image below*/
ul.large-round-bullet {margin-top:1em;margin-bottom:1em;}

ul.large-round-bullet li {
    background-repeat: no-repeat;
    background-position:0 0.5em;
    }

/*content-search form*/
.form.content-search fieldset {background-color:#EDEDE4;border: solid #918989; border-width:3px 0 3px 0; padding-top:1em;padding-bottom:1em;}

#content .content-search .row {padding-top:0.5em;}
#content .content-search label {margin-top:0.5em; width:auto;}

.to-top {clear:both;}

/*float:right; margin-left:20px;*/
.image-left {float:left;margin: 3px 8px 0 0; clear:left;}
.image-right {float:right;margin-left:8px}

/*==========Common Elements===========*/

/*Empty spans within the page which add the transparent strips to elements, note that a container must be set to position:relative */
span.trans-border {
    background: url(/images/rbkc/rbkc-transparency-hor.png) repeat-x top left;
    height:7px;
    width:100%;
    position:absolute;
    }
span.top {top:0;left:0; z-index:100;}
span.bottom {bottom:0;left:0; z-index:100;}
/*end--empty spans */

/*Generic setup of additional navigation style lists, by these we mean the 'See also' and 'Do it online' lists*/

#related .do-it-online-list a {
    padding: 3px 40px 3px 17px;
    text-decoration: none;
    background-position: 90% 50%;
    background-image: url(/images/rbkc/nav-arrow.png);
    display: block;
    color: #615959;
    background-color: #E3E3D9;
    background-repeat:no-repeat;
    font-weight:bold;
    }
    
#navigation .see-also-list a {
    text-decoration: none;
    background-position: 90% 50%;
    background-image: url(/images/rbkc/nav-arrow.png);
    display: block;
    color: #615959;
    background-color: #E3E3D9;
    background-repeat:no-repeat;
    font-weight:bold;
    padding: 3px 35px 3px 7px;
    }

/*Customisation for: Do it online list in the related column*/
#related h2 {font-size:1.2em;margin-top:12px;}
#related .do-it-online-list {width:175px;margin:0;}
#related .do-it-online-list li {padding-left:0;}
#related .do-it-online-list a {background: #608CCD;color:#fff;padding-bottom:5px;background-image:url(/images/rbkc/arrow-blue.gif); background-position:90% 50%; background-repeat:no-repeat; }
#related .do-it-online-list a:hover {color: #615959;background-color: #E3E3D9;background-image:url(/images/rbkc/arrow-white-large.gif);}
#navigation .do-it-online-list a:hover {background-color: #608CCD;color:#fff}

/*Customisation for: Quick links list in the home page*/
#content .do-it-online-list li a {
    padding: 3px 40px 3px 43px;
    text-decoration: none;
    background-position: 90% 50%;
    background-image: url(/images/rbkc/arrow-blue.gif);
    display: block;
    color: #fff;
    background-color: #608CCD;
    background-repeat:no-repeat;
    font-weight:bold;
}
#content .do-it-online-list {width:250px;margin:0; padding-left:70px;}
#content .do-it-online-list li {background:none; padding-left:0;}
#content .do-it-online-list li a:hover {color: #615959;background-color: #E3E3D9; background-image: url(/images/rbkc/arrow-white-large.gif);}
#content .do-it-online-list p {padding-left:40px;}

.featured-websites {
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
.featured-websites p {padding:0px 12px; text-align:center;}

#related .rel-links {padding-bottom:5px;}
#related .rel-links img {float:left;}
#related .rel-links p {margin-bottom:10px;}
#related .rel-links a {display:block; margin-left:50px;}
/*.environment .rel-links a {color:#798000;}*/
.useful-contacts a {display:block; margin-left:10px;}
#related .rel-links h2 {clear:both;}

.site-promo {
	background-color:#bfdeea;
	min-height:53px;
	border:solid 1px #bfdeea;
}

/*.index #content .site-promo p {
	margin:0pt 96px 0pt 0pt !important;
	padding:10px;
}*/

/*.index #content .site-promo p a {
	color:#727800;
}*/

.two-col1 .site-promo {
	background: #bfdeea url(/images/rbkc/kccentral.jpg) no-repeat right center;
}

.two-col2 .site-promo {
	background: #bfdeea url(/images/rbkc/opera.jpg) no-repeat right center;
}

/*.index #content #local-events  {
	background-color:#edede5;
	padding:0 0 12px 0;
}*/

/*.index #content #local-events ul  {
	background-color:#edede5;
	padding:12px;
}

.index #content #local-events h2 {
	background-image: url(/images/rbkc/local_events.jpg);
	background-repeat:repeat-y;
	height:102px;
	margin-top:15px;
	margin-bottom:0px;
	margin-left:-2px;
	padding-left:20px;
	padding-top:15px;
}

.index #content #local-events ul li, .portal #content ul li {*/


/*.index #content #tags h2 {
	color:#ff0084;
}

.index #content #tags p {
	padding:12px;
	background-color:#edede5;
	line-height:2em;
	text-align:justify;
}

.index #content #tags span {
	margin-right:10px;
}*/

#local-events li {background: url(/images/rbkc/bullet_arrow_dk.gif) no-repeat -1px 0.02em;}

#local-events .greybox {margin:0; padding:0; border:0;}

/*Customisation for: See also links list in the navigation column*/
#navigation ul.see-also-list {width:185px;margin:0 0 18px 0;}
#navigation .see-also-list li {background:none; padding-left:0;}
#navigation .see-also-list a:hover {background-color: #608CCD;color:#fff}


#content .file-list-table {background-color:#edede5; padding:15px;}
#content .file-list-table th {text-align:left; color:#696063; border-bottom:solid 1px #cccccc; background-color:#edede5 !important;}
#content .file-list-table td {color:#696063;}
#content .file-list-table .hr {background-color:#cccccc; line-height:1px;}
#content .file-list-table img {float:left;}
#content .file-list-table a {display:block; margin-left:63px;}


/*========== Footer ==========*/
#footer {
    margin-top:15px;
/*    border-top:5px solid #8DACDC;*/
    padding:0;
    color:#666666;
    }

#footer h2 {color:#756C6C;font-size:1.15em;}

#footer ul {
    margin:0; 
    padding-top:1em;
    border-top:5px solid #6891D0;
    }

#footer li {
    display: inline;
    background-image:none;
    padding:0 5px 0 0;
    margin-right:0;
    }





/*========= Related Column======*/

#related {font-size:1em;}

/*Quick links setup (blue box with white links present on all pages)*/

/*no longer on homepage*/
/*.index #related .quick-links {min-height:132px;} sets the height for the homepage different from the default*/

#related .quick-links {
    background:#6084cd url(/images/rbkc/site-wide-bg.gif) no-repeat 100% 100%;
    min-height:120px;
    position:relative;
    }

#related .quick-links ul {padding:15px}
#related .quick-links ul li{
    background: url(/images/rbkc/arrow-blue.gif) no-repeat 0 0.1em;
    margin:0 0 2px 0;
    padding-left:13px;
    font-weight:bold;
    }

#related .quick-links a, #related .quick-links a:link {color:#fff; margin-left:0px;}

#related .heartcolumn {
    background:#fff url(/images/rbkc/hearts.gif) no-repeat 0 0;
    min-height:100px;
	height:73px;
    position:relative;
  }

/*======== Navigation Column=======*/


/*Elements underneth the main navigation but still within the navigation column*/

#navigation .grey-box li {
	background: transparent url(/images/rbkc/bullet_arrow_dk.gif) no-repeat scroll -1px 0.1em;
	padding: 0pt 0pt 0pt 19px
}
#navigation .grey-box {
	background-color:#EEEEE5; 
	border-top: 6px solid #F4F4EE;
	margin-right:10px;
	padding: 10px;
	font-size:90%;
	 color:#5a5053;
}
#navigation .contact img {margin-bottom:14px}
#navigation img {margin-bottom:4px}

#navigation dt {margin-bottom:0;}
#navigation dl {margin-bottom:.5em;}
#navigation dd {margin:0;padding:0;}

#navigation h2 {font-size:1.1em;color:#756C6C;}
#navigation .contact h2 {
    background: url(/images/rbkc/contact.gif) no-repeat 0 0.1em;
    padding:4px 0px 10px 40px;
    margin: 0px;
    }

#navigation .rounded-bullet ul li {background: url(/images/rbkc/bullet-grey.png) no-repeat 0 50%;}
#navigation .contact .email {color:#1253B5}


/*========Table Styles========*/

table, caption {
    border: none;
    border-spacing: 4px 1px;
    margin: 0 0 15px 7px;
    }

td {
    background-color: #fff;
    color: #000;
    padding: 4px 10px;
    }

th {
    background-color: #E8EBF1;
    font-weight: bold;
    color: #000;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    }

thead th, tfoot th {background: #09c;}

caption {
    text-align: right;
    color: #036;
    font-style: italic;    
    padding-right: 3px;
    padding-bottom: 5px
    }
    
table h3 {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    }

 .wide table {
    width: 100%;
    }

/*============Form styles=========*/

.error {
    color: #f33;
    font-weight: bold;
    display: block;
    }

.wide-row .error {color: #f33; font-weight: bold;}

/*================Misc. box styles==================*/
#content .grey-box {
    background-color:#E8E8DD;
    border-top: 8px solid #F0F0E9;
    padding: 10px 15px;
}

/*#content .plain-box {
    padding: 10px 15px;
}*/

/*.index #content .grey-box ul {margin:0 0 0.5em 0;}
.index #content .grey-box {margin:0;padding:0 0 1em 0;}
.index #content .grey-box {
    background-color:#edede5;
    border-top: 6px solid #f4f4ee;
    padding: 12px;
}*/

/*.index #content .grey-box p{margin-left:8px}
.index #content .grey-box ul li {background: url(/images/rbkc/bullet_arrow_dk.gif) no-repeat -1px 0.02em;}*/

#content .grey-box ul li {
	background: url(/images/rbkc/bullet_arrow_dk.gif) no-repeat 2px 0.1em; 
	float:none;
	width:auto;
}
/*#content .grey-box ul li a {margin-left:10px;}*/

.portal #content .grey-box {margin-bottom:1em;}
.portal #content .grey-box ul {margin-bottom:0;}
.index #content .grey-box {margin-bottom:1em;}
.index #content .grey-box ul {margin-bottom:0;}

/*#content .grey-box ul {margin-left:-11px;}*/
#content .grey-box p {margin-top:0;}
#content .grey-box img {margin-top:-11px; margin-left:-11px; border: solid #fff;border-width:0 8px 8px 0;}
/*.grey-box ul li a {margin-left:10px;}*/

#content .blue-box {
    background-color:#ecf1f9;
    border-bottom: 4px solid #618cce;
    padding: 12px;
    }
    
#content .site-wide-tools {
    border-bottom: 4px solid #618cce;
    padding: 25px;
	background: #ecf1f9 url(/images/rbkc/big-arrow.gif) no-repeat 90% 90%;
	/* fixed layout for demo only */
	height:110px;
	/* fixed layout for demo only */
    }
    
.site-wide-tools img { clear:left; float:left; position:relative; top:7px; margin-right:15px; }
.site-wide-tools ul { padding-left:93px; }
.site-wide-tools ul li {background: url(/images/rbkc/arrow-lightblue.gif) no-repeat 2px 0.2em; padding-left:15px !important;}
.site-wide-tools ul li a {margin-left:0px;}

#mobile_name { display:none; }

.image-block {
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:5px;
	width:164px;
	float:left;
}

.top-border {
	margin-bottom:0px;
	padding:0px;
	line-height:16px;
	background:#FFFFFF url(/images/rbkc/top.jpg) no-repeat scroll 0 0;
}

.text-block {
	border-left: solid 4px #d2bf94;
	border-right: solid 4px #d2bf94;
	
	margin-top:0px;
	margin-bottom:0px;
}

.text-block p {
	margin:0px;
	padding:3px;
	border-bottom: solid 1px #000000;
}

.middle-border {
	margin:0px;
	padding:0px;
	background:#FFFFFF url(/images/rbkc/middle.jpg) no-repeat scroll 0 0;
}

.main-image, .main-image img {
	margin-top:0px;
	padding: 0px;
	width:164px;
	height:144px;
}