/* Structure Style Sheet © Beyond Content Management - www.psusoftware.com */

/* ============== Reset ============== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: black;
	background: transparent;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 
h1, h2, h3, h4, h5, h6 { 
	font-size: normal;
	font-weight: normal;
} 

/* ============== Sticky footer ============== */
html, body, form, #website {
	height: 100%;
}

body > form #website {
	height: auto;
	min-height: 100%;
}

#content {
	padding-bottom: 29px; /* value of footer height */
} 

#website-footer {
	position: relative;
	margin-top: -29px; /* negative value of footer height */
	height: 29px; /* value of footer height */
	clear: both;
} 

/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} 

/* ============== Site wide ============== */
body, .button, .Button, .ntb, input, select, textarea { 
	font: 84%/140% Helvetica, Arial, sans-serif;
	color: #646363;
} 
a:link { 
	color: #5b8118;
} 
a:visited { 
	color: #5b8118;
} 
a:hover { 
	color: #5b8118;
} 
a:active { 
	color: #5b8118;
} 

/* ============== Structure ============== */
#website {
	width: 980px;
	margin: 0 auto;
} 
#website #header {
	height: 24px;
	margin: 0 16px;
} 
#website #banner {
	margin: 1px 0 0 0;
	position: relative;
} 
#website #banner h2 a {
	height: 60px;
	width: 220px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 25px;
	left: 30px;
/*	background: url(/Design/Images/logo.gif) no-repeat 0 0;*/
} 
#website #header ul li {
	list-style: none;
	line-height: 24px;
	font-size: 0.9em !important;
} 
#website #header ul li.date {
	float: left;
} 
#website #header ul li.login {
	float: right;
} 
body#user-authenticated #website #header ul li.login {
	display: none;
} 
#website #header ul li.logged {
	float: right;
} 
span#WelcomeMessage a {
	text-decoration: none;
} 
#website .bar {
	background: url(/Design/Images/Structure/bar-bg.gif) repeat-x 0 0;
	height: 48px;
} 
#website .bar .options {
	float: left;
	width: 230px;
	height: 48px;
	background: url(/Design/Images/Structure/options-bg.gif) no-repeat 0 0;
} 
#website .bar .options ul li {
	list-style: none;
	float: left;
	padding: 0 0 0 18px;
	line-height: 44px;
	font-size: 0.95em;
} 
body#user-not-authenticated #website .bar .options ul li.logout {
	display: none;
} 
#website .bar .options ul li a {
	color: #646363;
	text-decoration: none;
} 
#website .bar #menu {
	float: left;
	width: 750px;
	height: 48px;
	background: url(/Design/Images/Structure/menu-right.gif) no-repeat right 0;
} 
#content {
	width: 980px;
	margin: 0;
} 
#website-footer {
	background: url(/Design/Images/Structure/footer-bg.gif) repeat-x bottom;
} 
#website-footer .inner {
	width: 940px;
	height: 24px;
	margin: 0 auto;
	padding: 4px 0 1px 0;
	font-size: 0.9em;
} 
#website-footer .inner ul li {
	line-height: 24px;
	list-style: none;
	color: #628b1a;
} 
#website-footer .inner ul li.copyright {
	float: left;
} 
#website-footer .inner ul li.options {
	float: right;
} 
#website-footer .inner ul li a {
	color: #628b1a;
	text-decoration: none;
} 

/* ============== Main menu ============== */
#website .radmenu {
	background: url(/Design/Images/Menu/parent-div.gif) no-repeat right 0;
}
.RadMenu_Menu {
	list-style: none;
} 
.RadMenu_Menu .link, .RadMenu_Menu .link:hover { /* all links in the menu */ 
	text-decoration: none;
} 

/* GRAPHIC MENU */


/* PARENT ITEMS */
.RadMenu_Menu .rootGroup .link { /* parent items min width and the bg look */
	cursor: hand;
	cursor: pointer;
	color: #373737;
	font-size: 1.2em;
	padding: 0 20px 0 18px;
	height: 48px;
	line-height: 44px;
	float: left;
}
.RadMenu_Menu .rootGroup .item { /* parent items min width and the bg look */
	background: url(/Design/Images/Menu/parent-div.gif) no-repeat left 0;
}
.RadMenu_Menu .rootGroup .focused {
	background: url(/Design/Images/Menu/parent-expand.gif) no-repeat center bottom;
} 
.RadMenu_Menu .rootGroup .expanded {
	background: none;
} 
.RadMenu_Menu .rootGroup .link:hover {
	
} 

/* CHILD ITEMS */
.RadMenu_Menu .group { /* child drop-down bg look */
	background: #f4f4f4;
	border: 1px solid #d0d0d0;
} 
.RadMenu_Menu .group .item { /* parent items min width and the bg look */
	background: none;
}
.RadMenu_Menu .group .link { /* child link */
	text-indent: 0;
	width: auto;
	_width: 100px;
	min-width: 100px;
	height: 30px;
	color: #000;
	padding: 0;
	background: none;
} 
.RadMenu_Menu .group .first .link {
	
} 
.RadMenu_Menu .group .last .link {
	
} 
.RadMenu_Menu .group .link .text { /* child items font and spacing */
	padding: 0 30px 0 18px;
	font-size: 0.8em;
	line-height: 30px;
} 
.RadMenu_Menu .group .link .text:hover {
	background: #e3e3e3;
	color: #000;
} 
.RadMenu_Menu .group .link .expandLeft {
	background: url(/Design/Images/Menu/arrow.gif) no-repeat right;
} 
.RadMenu_Menu .group .link .expandLeft:hover {
	background: #e3e3e3 url(/Design/Images/Menu/arrow-hover.gif) no-repeat right;
} 
.RadMenu_Menu .group .expanded .text {
	background: #e3e3e3 url(/Design/Images/Menu/arrow-hover.gif) no-repeat right;
	color: #000;
}
.RadMenu_Menu .group .expanded {
	
}
.RadMenu_Menu .level1 {
	margin: -4px 0 0 0 !important;
	border-top: none;
} 
.RadMenu_Menu .level2 { /* child drop-down bg look */
	margin: -1px 0 0 0 !important;
} 

/* ============== Part styles ============== */
.part-style {
	clear: both;
	margin: 20px 0 0 0;
} 
.part-style h1, .part-style h2, .part-style h3, .part-style h4, .part-style h5, .part-style h6 { 
/*font-weight:normal;*/
} 
.part-style div.none {
	display: none;
} 
/* LEFT */
#LeftPane .ps-01 div.title {
	border-bottom: 1px solid #cbcbcb;
	padding: 10px 12px 4px 6px;
	font-size: 1.3em;
} 
#LeftPane .ps-01 div.content {
	padding-bottom: 14px;
	background: url(/Design/Images/Part-Styles/Left/ps-01-btm.gif) repeat-x bottom;
} 

/* CONTENT */
#ContentPane .ps-01 div.title {
	border-bottom: 1px solid #cbcbcb;
	font-size: 1.8em;
	padding: 7px 12px 7px 6px;
	color: #000;
} 
#ContentPane .ps-01-sub div.title {
	font-size: 1.5em;
	padding: 0 12px 7px 6px;
} 
#ContentPane .ps-01 div.content {
	padding-top: 10px;
} 
#ContentPane .ps-01-positioned {
	position: absolute;
} 

/* RIGHT */
#RightPane .ps-01 div.title, #RightPane .ps-02 div.title, #LeftPane .ps-03 div.title {
	border-bottom: 1px solid #cbcbcb;
	padding: 10px 12px 4px 6px;
	font-size: 1.3em;
} 
#RightPane .ps-01 div.none {
	display: block;
	border-bottom: none;
	padding-top: 36px;
} 
#RightPane .ps-01 div.content {

} 

#RightPane .ps-02, #LeftPane .ps-03{
/*background-color:#EBF1E0;*/
position:relative;
}

#RightPane .ps-02 div.title{
background:transparent url(/Design/Images/Part-Styles/Right/ps02-header.gif) no-repeat 0 0;
padding:9px;
}

#LeftPane .ps-03 div.title{
background:transparent url(/Design/Images/Part-Styles/Left/ps03-header.gif) no-repeat 0 0;
padding:9px;
}


#RightPane .ps-02 div.content{
background:#EBF1E0 url(/Design/Images/Part-Styles/Right/ps02-bottom.gif) no-repeat 0 bottom;
padding-bottom:25px;
}

#LeftPane .ps-03 div.content{
background:#EBF1E0 url(/Design/Images/Part-Styles/Left/ps03-bottom.gif) no-repeat 0 bottom;
padding-bottom:25px;
}


/* ============== Login page ============== */
#login-page {
background:url(/Design/Logo/logo.jpg) no-repeat top center;
margin:0 auto;
min-height:630px;
height:auto !important;
height:630px;
padding-top:200px;
} 
h2.login-logo a {
display:none;
} 
.login-message {
text-align:center;
margin:0 auto;
width:260px;
} 
#login-clear {
clear:both;
} 
#login-left {
text-align:center;
} 
h3.login-options {
display:none;
}
#login-left ul {
margin:10px auto 0px auto;
width:210px;
text-align:center;
} 
#login-left ul li {
padding:0 0 20px 10px;
margin:0;
float:left;
list-style:none;
} 
#login-left ul li:first-child {
padding:0;
} 
#login-right {
clear:both;
padding:0px 0 0px 10px;
text-align:center;
border-left:1px solid #666666;
width:180px;
margin:0 auto;
} 
#login-right table {
text-align:left;
width:200px;
margin:0px auto;
padding:0px;
} 
#login-right label {
line-height:30px;
padding:0 6px;
} 

/* ============== Error pages ============== */
.error-page {
background:transparent url(/Design/Logo/Logo.jpg) no-repeat scroll left top;
height:400px;
margin:0 auto;
padding:30px 0 0 200px;
width:330px;
} 
.error-page h3 {
font-size:1.4em;
} 
.error-page p {
padding-top:10px;
} 
.error-page p.inconvenience {
font-style:italic;
} 
.error-page ul {
margin:20px 10px;
} 
.error-page ul li {
list-style:none;
} 
.error-page ul li a {
line-height:24px;
padding:0 0 0 20px;
background:url(/Design/Images/submenu.gif) no-repeat 2px 4px;
} 

/* ============== Text styles in RCE ============== */
.n { 
font-size:1em;
} 
.n2 { 
font-size:1em;
color:#1d3242;
} 
.n3 { 
font-size:1em;
color:#929292;
} 
.n4 { 
font-size:0.9em;
} 
.nb { 
font-size:1em;
font-weight:bold;
} 
.ni { 
font-size:1em;
font-style:italic;
} 
.nr { 
font-size:1em;
color:#ff0000;
} 
.nblk { 
font-size:1em;
color:#000;
} 
.nblkb { 
font-size:1em;
color:#000;
font-weight:bold;
} 
.head { 
font-size:1.4em;
color:#000;
line-height:1.2em;
} 
.head2 { 
font-size:1.6em;
color:#000;
line-height:1.2em;
} 
.head3 { 
font-size:1.8em;
color:#000;
line-height:1.2em;
} 
.head4 { 
font-size:1.2em;
color:#b2b2b2;
line-height:1.4em;
} 
.head5 { 
font-size:1.5em;
color:#b2b2b2;
line-height:1.2em;
font-weight: bold;
} 
.head6 { 
font-size:1.8em;
color:#b2b2b2;
line-height:1.2em;
} 
.subhead { 
font-size:1.1em;
color:#b2b2b2;
font-weight:bold;
} 
.subhead2 { 
font-size:1.1em;
color:#000;
font-weight:bold;
} 
.subhead3 { 
font-size:1.1em;
color:#b2b2b2;
text-transform:uppercase;
} 
.subhead4 { 
font-size:1.1em;
color:#000;
text-transform:uppercase;
} 

/* ============== Table layout ============== */
.tbl { 
font-size:1em;
border:1px solid #c6c6c6;
} 
.tblhdr { 
line-height:1.4em;
font-size:1em;
padding:4px;
background-color:#e7e7e7;
font-weight:bold;
} 
.tblhdr a { 
color:#fff;
} 
.tblftr { 
font-size:1em;
padding:4px;
background-color:#e7e7e7;
} 
.tblftr a { 
color:#fff;
} 
.tblitm { 
background-color:#f9f9f9;
padding:4px;
} 
.tblitm a { 
font-weight:normal;
} 
.tblalt { 
background-color:#f4f4f4;
padding:4px;
} 
.tblalt a { 
font-weight:normal;
} 
.tbledit { 
background-color:#dedfde;
padding:4px;
} 
.tblsel { 
background-color:#dedfde;
padding:4px;
} 
.tblcel { 
background-color:#fff;
padding:4px;
} 
.tblaltc { 
background-color:#d1cfcf;
padding:4px;
} 
.tblpag { 
background-color:#ededed;
padding:4px;
color:#000;
} 
.tblpag a { 
color:#000;
} 

/* ============== Pane layout ============== */
#LeftPane, #ContentPane, #RightPane { 
	text-align: left;
	float: left;
	display: inline;
	position: relative;
} 

/* ============== Attributes ============== */
.clear {
	clear: both;
} 
.button, .Button { 
	background-color: #ccc;
	font-size: 1em;
	padding: 4px;
	border: 1px solid #666;
	cursor: pointer;
} 
.ntb { 
/*	border: 1px solid #666;
	font-size: 1em;
	padding: 4px;
	background: #fff url(/Design/Images/Parts/ntb-bg.gif) repeat-x top;*/
} 
.ErrorText { 
	font-weight: bold;
	color: #ff0000;
} 

/* ============== Standard lists, hr etc ============== */
UL LI { 
list-style-type:square;
color:#323232;
} 
UL LI LI { 
list-style-type:disc;
color:#323232;
} 
UL LI LI LI { 
list-style-type:square;
color:#323232;
} 
OL LI { 
list-style-type:decimal;
color:#323232;
} 
OL OL LI { 
list-style-type:lower-alpha;
color:#323232;
} 
OL OL OL LI { 
list-style-type:lower-roman;
color:#55595a;
} 
HR { 
color:#323232;
height:1pt;
} 

/* ============== Accessibility ============== */
h3#nav {
	text-indent: -9999px;
	display: none;
	visibility: hidden;
} 
ul#page-nav {
	position: absolute;
	top: -900px;
}
hr.rule {
	display: none;
	visibility: hidden;
} 

.larger-text {
font-size:1.5em;
}

/* ============== Edit buttons in Edit Mode ============== */
.edit .buttons { 
position:absolute;
margin-left:-108px;
width:108px;
height:26px;
z-index:1;
float:right;
opacity: .80;
filter:alpha(opacity=80);
-moz-opacity: .80;
-khtml-opacity: .80;
} 
.edit {
float:right;
position:relative;
}

/* ============== Custom layouts ============== */

.part-rich-content table.home-lozenge {
width:100%;
margin:0 0 10px 0;
}
table.home-lozenge td.employer-top {
background: transparent url(/Design/Images/Part-Styles/Content/Employer-Header.gif) no-repeat left top;
width:153px;
height:59px;
}
table.home-lozenge td.member-top {
background: transparent url(/Design/Images/Part-Styles/Content/Member-Header.gif) no-repeat left top;
width:153px;
height:59px;
}
table.home-lozenge td.calender-top {
background: transparent url(/Design/Images/Part-Styles/Content/Calender-Header.gif) no-repeat left top;
width:153px;
height:59px;
}
table.scheme-lozenge td.h-members-top {
background: transparent url(/Design/Images/Part-Styles/Content/Hackney-Members-Header.gif) no-repeat left top;
width:153px;
height:39px;
}
table.scheme-lozenge td.h-councillors-top {
background: transparent url(/Design/Images/Part-Styles/Content/Hackney-Councillors-Header.gif) no-repeat left top;
width:153px;
height:39px;
}
table.home-lozenge td.bottom, table.scheme-lozenge td.bottom {
background: transparent url(/Design/Images/Part-Styles/Content/Bottom.gif) no-repeat left top;
width:153px;
height:17px;
}
table.home-lozenge td.body, table.scheme-lozenge td.body {
background: transparent url(/Design/Images/Part-Styles/Content/Body.gif) repeat-y left top;
width:153px;
height:2px;
padding:0 4px;
}

table.scheme-lozenge {
margin: 0 auto;
}

table.scheme-lozenge td.body {
padding:10px 10px 10px 6px;
}

table.scheme-lozenge td.body p {
width:133px;
}

table.home-lozenge td ul, table.scheme-lozenge td ul {
margin:6px 0 0 5px;
}

table.home-lozenge td li, table.scheme-lozenge td li {
background:none;
padding:0;
width:133px;
}

table.home-lozenge td li, table.scheme-lozenge td li strong {
font-weight:bold;
}

table.home-lozenge td li, table.scheme-lozenge td li a {
font-weight:normal;
}

img.center-image {
margin:0 auto;
display:block;
padding:0 0 10px 0;
}



/* ============== JQuery Flash ============== */

/* ============== Demo Login ============== */

.demo-login {
margin: 0 auto;
width:250px;
}

.part-rich-content .demo-login span {
clear:left;
display:block;
line-height:35px;
}

.part-rich-content .demo-login label {
width:80px;
float:left;
}

.demo-login span input {
}

.demo-login span.submit {
margin-left:80px;
}

.demo-login span.submit a {
padding:5px;
text-decoration:none;
background-color:#CCCCCC;
border:1px solid #666666;
color:#333333;
}