/* CSS Document */
/* General Styles for Step Stone - November 2011 */

/* defaults, globals, and miscellaneous
============================================================================== */

*, span, img {
	margin: 0;
	padding: 0;
	border: none;
	} /* removes defaults from all elements */

body.background, body.threads-background {background: url(../images/style/bg.gif) top center repeat-x #d9f1f4;}
/*body.threads-background {background: url(../images/style/threads-ea-bg.jpg) top center no-repeat #d9f1f4; background-size: cover;}
body.threads-background > .wrap {width: 100%; min-height: 300px; background: transparent url(../images/style/threads-ea-whitefade.png) top left repeat-x!important;}
body.threads-background > .wrap #header, body.threads-background > .wrap #content {margin: 0 auto!important}*/
body.threads-background.mobile .small {color: #eee!important}
body.threads-background.mobile #footer ul {background-color: #eee}
body.threads-background.mobile #footer ul.footer_navi {background-color: #0f153c!important}

a, a p {color: #00a1b3;}
a:hover { }
a:focus {}
p { color: #1a171b;}
ul {}
	ul li {}

h2 {color: #252c63;}

h3 {color: #1a171b;}

h4 {color: #1a171b;}

img {}

ul.nostyle {}
ul.nostyle li {background: none;}

pre {
	border: #242d64 1px dotted;
	background: #EFEFEF;
}

/* HEADER
============================================================================ */
#sys_nav {background: #0f153c;}
	#sys_nav.local {background: #242d64;}
	#sys_nav.national {background: #00a1b3;}
	#sys_nav.global {background: #d2df53;}

		#txt_search {
			color: #ffffff;
			background: #5e627c;
			}
		 #txt_search_repeat {
			 color: #ffffff;
			 background: #0F153C;
		 }
			#sys_nav.local #txt_search { background: #6c7297;}
			#sys_nav.national #txt_search { background: #54c0cc;}
			#sys_nav.global #txt_search { background: #e1ea8c; color: #0f153c;}
		#btn_search {background: url(../images/style/search.png) no-repeat #5e627c;}
		#btn_search_repeat {background: url(../images/style/search.png) no-repeat #0F153C;}
			#sys_nav.local #btn_search { background-color: #6c7297;}
			#sys_nav.national #btn_search { background-color: #54c0cc;}
			#sys_nav.global #btn_search { background: url(../images/style/search2.png) no-repeat  #e1ea8c;}

h1 a {background: url(../images/style/logo.gif) no-repeat;}
	h1 a.england {background: url(../images/style/logo_england.png) no-repeat;}
	h1 a.scotland {background: url(../images/style/logo_scotland_updated.png) no-repeat;}
	h1 a.wales {background: url(../images/style/logo_wales.png) no-repeat;}
	h1 a.ireland {background: url(../images/style/logo_northern_ireland.png) no-repeat;}

ul.map_list { background: url(../images/style/map.gif) right 0 no-repeat;}
	ul.map_list.england {background-position: right -123px;}
	ul.map_list.scotland {background-position: right -246px;}
	ul.map_list.wales {background-position: right -369px;}
	ul.map_list.ireland {background-position: right -492px;}

		ul.map_list li a {color: #87888a;}
			ul.map_list li a:hover, ul.map_list li a.active {color: #1a171b;}

a#a_join {background: url(../images/style/join.gif) top center no-repeat;}
	a#a_join:hover {background-position: bottom center;}
a#a_give {background: url(../images/style/give-lime.gif) top center no-repeat;}
	a#a_give:hover {background-position: bottom center;}
a.test#a_give {background-image: url(../images/style/give-lime.gif);}

/* NAVIGATION
============================================================================ */

/* filter ===================================================================== */
	ul#filter {}
		ul#filter li {
			border-bottom: 6px solid #0f153c;
			background: none;
		}
			ul#filter li.filter_current {border-color: #0f153c;}
			ul#filter li.filter_local {border-color: #242d64;}
			ul#filter li.filter_national {border-color: #00a1b3;}
			ul#filter li.filter_global {border-color: #d2df53;}


			ul#filter li a {color: #b1b3b4;}
				ul#filter li a:hover, ul#filter li a.active {color: #ffffff;}
				ul#filter li.filter_current a:hover, ul#filter li.filter_current a.active {background-color: #0f153c;}
				ul#filter li.filter_local a:hover, ul#filter li.filter_local a.active {background-color: #242d64;}
				ul#filter li.filter_national a:hover, ul#filter li.filter_national a.active {background-color: #00a1b3;}
				ul#filter li.filter_global a:hover, ul#filter li.filter_global a.active {background-color: #d2df53; color: #0f153c;}


/* navi ======================================================================== */
#navi {background: #0f153c;}
	#navi ul {}
		#navi ul li {border-right: 1px dotted #ffffff;	}
			#navi ul li.navi_connect { background: url(../images/style/navi_connect.gif) top right no-repeat #0f153c;}
			#navi ul li.navi_church { background: url(../images/style/navi_church.gif) top right no-repeat #0f153c;}
			#navi ul li.navi_culture { background: url(../images/style/navi_culture.gif) top right no-repeat #0f153c;}
			#navi ul li.navi_current { background: url(../images/style/navi_current.gif) top right no-repeat #0f153c; border: none;}

			#navi ul li.link_last {border: none;}
			#navi ul li li {border-right: none;}

			#navi ul li a, #navi ul ul li a {color: #ffffff;}
				#navi ul li a:hover, #navi ul ul li a:hover {color: #d2df53;}
/* breadcrumb ============================================================== */
	.num {
		color: #0f153c;
		background: url(../images/style/comments.gif) top center no-repeat;
	}
/* pagination ============================================================== */
.num_pages {color: #242d64;}
.pagi ul li a {color: #242d64;}
.pagi ul li.prev a {background: url(../images/style/prev.png) center 3px no-repeat;}
.pagi ul li.next a {background: url(../images/style/next.png) center 3px no-repeat;}
.pagi ul li a.current {
	background: url(../images/style/pagi_current.png) center center no-repeat;
	color: #ffffff;
}

/* BANNER
============================================================================ */
#slider li.slide_national { border-bottom: solid 2px #00a1b3;}
#slider li.slide_global { border-bottom: solid 2px #d2df53;}
#slider li.slide_local { border-bottom: solid 2px #242d64;}

/* CONTENT
============================================================================ */
/* Content Boxes =========================================================== */

	.white_box { background: #ffffff;}
	.blue_box { background: #242d64;}
	.teal_box { background: #00a1b3;}
	.green_box { background: #d2df53;}
	.navy_box { background: #0f153c;}


		.blue_box p, .teal_box p, .blue_box h2, .teal_box h2, .blue_box h3, .teal_box h3 { color: #ffffff;}


	.green_border { border-bottom: solid 2px #d2df53;}
	.blue_border { border-bottom: solid 2px #242d64;}
	.navy_border { border-bottom: solid 2px #0f153c;}
	.teal_border { border-bottom: solid 2px #00a1b3;}

	.border_box { border: solid 1px #000000;}

	.green_border .idea_permission { border-top: #d2df53 1px dotted; }
	.blue_border .idea_permission { border-top: #242d64 1px dotted; }
	.navy_border .idea_permission { border-top: #0f153c 1px dotted; }
	.teal_border .idea_permission { border-top: #00a1b3 1px dotted; }

/* Tabbed content ========================================================= */
ul.tabs li a {color: #ffffff;}
	ul.tabs li.tab_green { background: #d2df53; color: #0f153c;}
	ul.tabs li.tab_blue { background: #242d64;}
	ul.tabs li.tab_teal { background: #00a1b3;}

ul.tabs li a:hover {color: #d2df53;}

/* Headings =============================================================== */
h3.h3_invert, h3.h3_invert a {
	background: #0f153c;
	color: #ffffff;
}
h3.h3_invert_green, h3.h3_invert_green a {
	background: #d2df53;
	color: #0f153c;
}
h3.h3_invert_teal {
	background: #00a1b3;
	color: #ffffff;
}
h3#h3_noticeboard {background: url(../images/style/h3_noticeboard.gif) center 10px no-repeat;}

/* Links =================================================================== */
a.a_box_link {color: #0f153c;}
	a.a_box_link .h3 {color: #1a171b;}
	a.a_box_link .p {color: #1a171b;}

	a.a_box_link .h2 {color: #252c63;}


a.teal_link { color: #242d64}

/* byline ================================================================= */
p.byline {background-color: #ffffff;}
.grey {color: #9c9e9f;}

/* Comments ============================================================= */
.comment_box {background: url(../images/style/comment_bg.gif) top center repeat-x #b1e2e8;}
	.comment_box h3 {color: #ffffff;}

	.comment.reply {background: url(../images/style/comment_reply.png) 540px 0 no-repeat;}
		.name p {color: #ffffff;}
	.comment_text {
		background: #ffffff;
		color: #1a171b;
		}

	.featured {background: url(../images/style/comment_featured.png) top center no-repeat;}


/* might be interested in ================================================== */
	ul.interest li {border-bottom: 1px dotted #1a171b;}
			ul.interest li.last {border: none;}
			ul.interest li a {color: #1a171b;}

/* popular articles/videos ================================================ */
	ul.list_articles li, ul.list_vids li, ul.list_pr li {
		color: #ffffff;
	}
		ul.list_articles li, ul.list_pr li { border-bottom: 1px dotted #2897a5;}
		ul.list_vids li { border-bottom: 1px dotted #565b76;}
		ul.list_articles li a, ul.list_vids li a, ul.list_pr li a { color: #ffffff;}

		ul.list_vids li a {
			background: url(../images/style/video.gif) 10px center no-repeat;
		}

	ul.list_articles li.list_1 { background: url(../images/style/list_1.gif) right center no-repeat;}
	ul.list_articles li.list_2 { background: url(../images/style/list_2.gif) right center no-repeat;}
	ul.list_articles li.list_3 { background: url(../images/style/list_3.gif) right center no-repeat;}
	ul.list_articles li.list_4 { background: url(../images/style/list_4.gif) right center no-repeat;}
	ul.list_articles li.list_5 { background: url(../images/style/list_5.gif) right center no-repeat;}
	ul.list_vids li.list_1 { background: url(../images/style/list_1b.gif) right center no-repeat;}
	ul.list_vids li.list_2 { background: url(../images/style/list_2b.gif) right center no-repeat;}
	ul.list_vids li.list_3 { background: url(../images/style/list_3b.gif) right center no-repeat;}
	ul.list_vids li.list_4 { background: url(../images/style/list_4b.gif) right center no-repeat;}
	ul.list_vids li.list_5 { background: url(../images/style/list_5b.gif) right center no-repeat;}


/* Poll ==================================================================== */
.question {background: url(../images/style/poll_01_q.gif) top center no-repeat;}
	.question p {background: url(../images/style/poll_02.gif) bottom center no-repeat;	}

.answer {background: url(../images/style/poll_01_a.gif) top center no-repeat;}
	.answer .bot {background: url(../images/style/poll_02.gif) bottom center no-repeat;	}
		/*.answer a.vote {color: #0f153c;}*/

/* Idea issues ============================================================ */
ul.idea_issues li a img {border: solid 1px #000000;}


/* FORMS
============================================================================ */

input.text {
	color: #1a171b;
	background: url(../images/style/text_bg.gif) top left no-repeat;
	}
	input.text_indent {background: url(../images/style/text_indent_bg.gif) top left no-repeat;}
	input.text_verysmall {background: url(../images/style/text_verysmall_bg.gif) top left no-repeat;}
	input.text_small {background: url(../images/style/text_small_bg.gif) top left no-repeat;}
	input.text_medium {background: url(../images/style/text_medium_bg.gif) top left no-repeat;}
	input.error { border: #ff0000 1px solid; background-image: none; background-color: #FFF; }
textarea.text { color: #1a171b; background: url(../images/style/textarea_bg.gif) top left no-repeat; }
textarea.error { border: #ff0000 1px solid;  background-image: none; background-color: #FFF; }
textarea.no_bgnd {background: none!important;}
label.error, p.error, h3.error, h4.error, h5.error, h6.error, fieldset.error label, span.error { color: #ff0000; }
.orderform select.select, .signupform select.select, .bookingform select.select, .cafform select.select { border: #bfbfbf 1px solid; }
select.error { border: #ff0000 1px solid!important;  background-image: none; background-color: #FFF }



input.button, input.clsPushButton, #church_results .button, #org_results .button, a.button {
	background: #00a1b3;
	color: #ffffff;
	}
	input.button_blue, #church_results .button_blue {background: #242d64;	}
		input.button:hover, #church_results .button:hover, a.button:hover {color: #d2df53;	}

		input.disabled, input.submitted {background: #CCC !important; color: #000 !important;}
			input.disabled:hover, input.submitted:hover {background: #CCC !important; color: #000 !important;}

.blue_box fieldset span, .teal_box fieldset span {
		color: #fff;
}
/* Search results filter ================================================================== */
select#filterSubject, select#filterType, select#filterTime, select#filterCreator, select#filterLocal, select#filterCountry {border: solid 1px #b1b3b4;}
#fDateRange {border: solid 1px #b1b3b4;}
h3 span#fTime {
	border-top: solid 1px #b1b3b4;
	border-left: solid 1px #b1b3b4;
	}
h3 span#fDate {
	border-top: solid 1px #b1b3b4;
	border-left: solid 1px #b1b3b4;
	border-right: solid 1px #b1b3b4;
	}
h3 span#fTime a, h3 span#fDate a {color: #1A171B; }
h3 span#fTime a:hover, h3 span#fDate a:hover { color: #00A1B3;}
h3 span.fActive {background: #ffffff; border-bottom: 1px solid #ffffff;}

a#searchDate {
	color: #ffffff;
	background: url("../images/style/btn_go.gif") no-repeat 0px 0px;
}
a#searchDate:hover {background-position: 0px -31px;}

#ui-datepicker-div .ui-widget-header {
	background: #1A171B;
	border: none;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
  color: #00A1B3;
}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight {
  background: #00A1B3;
  border: 1px solid #00A1B3;
  color: #ffffff;
}
#ui-datepicker-div .ui-state-hover {
	background: #D9F1F4;
	border-color: #00A1B3;
}
#ui-datepicker-div .ui-state-hover .ui-icon, #ui-datepicker-div .ui-state-focus .ui-icon {
  background-image: url("../images/jqueryui/ui-icons_ffffff_256x240.png");
}
#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-datepicker-header .ui-state-hover {
	background: #00A1B3;
  border: 1px solid #00A1B3;
}


/* LISTS
============================================================================ */

.print {background: url(../images/style/print.gif) 16px 12px no-repeat;}
.web {background: url(../images/style/web.gif) 16px 12px no-repeat;}
.television {background: url(../images/style/tv.gif) 16px 12px no-repeat;}
.radio {background: url(../images/style/radio.gif) 16px 12px no-repeat;}

.Documents {background: url(../images/style/print.gif) 16px 12px no-repeat;}
.Links {background: url(../images/style/web.gif) 16px 12px no-repeat;}
.Policies {background: url(../images/style/print.gif) 16px 12px no-repeat;}
.Audio {background: url(../images/style/radio.gif) 16px 12px no-repeat;}

/* FOOTER
============================================================================ */
#footer {
	border-top: 28px solid #d2df53;
	background: #ffffff;
}


			#footer ul li a {color: #87888a;}

				#footer ul li a.li_title {color: #1ca4b4;}

				#footer ul li.li_more .view_more {
					background: url(../images/style/link_more.gif) center right no-repeat;
				}
				#footer ul li.li_more .view_more.active {color: #1a171b; background-image: url(../images/style/link_less.gif);}

			#footer ul li.li_more ul.more li a {background: none;}


	#footer p {color: #87888a;}
/* FLOATING FOOTER BAR
=========================================================================== */
#footer_bar {background: #0f153c;}
		#login a {color: #ffffff;}
			#login a:hover {background: #3f4463;}


	.tooltip {
		background: url(../images/style/tooltip_arrow.png) bottom center no-repeat;
	}
		.tooltip p {
			background: #252c63;
			color: #fff;
		}

#footer_bar .num {
		color: #ffffff;
		background: url(../images/style/comment_footer.png) top center no-repeat;
	}
	#footer_comments .comments a {
			color: #fff;
		}


/* Matter to you additional styes */

.matterToYou .conservativeparty {
	background-color: rgb(183, 183, 255);
	margin-bottom: 10px;
}
.matterToYou .labourparty {
	background-color: rgb(255, 183, 183);
	margin-bottom: 10px;
}
.matterToYou .libdemparty {
	background-color: rgb(254, 254, 146);
	margin-bottom: 10px;
}
.matterToYou .ukip {
	background-color: rgb(185, 130, 185);
	margin-bottom: 10px;
}
.matterToYou .greenparty {
	background-color: rgb(183, 255, 183);
	margin-bottom: 10px;
}
.matterToYou .matterfooter {
	background-color: #333333;
	color: #ffffff;
}
.matterToYou .matterfooter a,  .matterToYou .matterfooter p {
	color: #ffffff;
}

/*.matterToYou .conservativeparty {
    border-left: 20px solid blue; //rgb(183, 183, 255)
}
.matterToYou .labourparty {
    border-left: 20px solid red; //rgb(255, 183, 183)
}
.matterToYou .libdemparty {
    border-left: 20px solid yellow; //rgb(254, 254, 146)
}
.matterToYou .ukip {
    border-left: 20px solid purple; //rgb(185, 130, 185)
}
.matterToYou .greenparty {
    border-left: 20px solid green; //rgb(183, 255, 183)
}*/