/* ---------- Attention grabbing section ---------- */

#grab_section {
	margin-top: 20px;
	z-index: 1;
	position: relative;
}

/* ---------- News flipper --------- */

#news_flipper {
	width: 620px;
	height: 302px;
	float:left;
	padding: 0;
	background: #fff;
}

#news_items {
	position: absolute;
	top: -300px;
}

#news_items img {
	width: 616px;
	margin: 2px 0 0 2px;
	position: relative;
	top: 300px;
}

#news_items div.news_text_left {
	position: absolute;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;
	border: 1px solid #fff;
	width: 240px;
	top: 320px;
	left: 20px;
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

#news_items div.news_text_left_big {
	position: absolute;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;
	border: 1px solid #fff;
	width: 260px;
	top: 320px;
	left: 20px;
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

#news_items div.news_text_right {
	position: absolute;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;
	border: 1px solid #fff;
	width: 240px;
	top: 320px;
	left: 360px;
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

#news_items div.news_text_right_big {
	position: absolute;
	background: #fff;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;
	border: 1px solid #fff;
	width: 360px;
	top: 320px;
	left: 360px;
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}

#news_items div.news_text_left h2,
#news_items div.news_text_right h2,
#news_items div.news_text_left_big h2,
#news_items div.news_text_right_big h2 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	padding: 10px 10px 10px 10px;
	font-size: 15px;
	color: #333;
}

#news_items div.news_text_left p,
#news_items div.news_text_right p,
#news_items div.news_text_left_big p,
#news_items div.news_text_right_big p {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	padding: 0 10px 10px 10px;
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
}

#news_tabs {
	position: absolute;
	top: 240px;
}

#news_tabs ul {
	margin: 0 0 0 7px;
	list-style:none;
	background:transparent;
}

#news_tabs li {
	float: left;
	font-size: 13px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.2em;
	background:transparent;	
}

#news_tabs li a {
	display: block;
	width: 130px;
	background: rgba(150,150,150,0.9);
	color: #fff;
	font-weight: bold;
	margin: 4px 2px 0 0;
	padding: 5px 10px 0 10px;
	height: 50px;
	border-radius: 2px 10px 0 0;
	border-top: 1px solid #aaa;
	border-bottom: none;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	
	-webkit-transition-property: background, color;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
	
	cursor: pointer;
}

#news_tabs li a:hover {
	background: #bbb;
	background: rgba(150,150,150,1);
	color: #ff0;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	
	-webkit-transition-property: background, color;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
	
}

#news_tabs li a:active,
#news_tabs li a:focus {
	background: #fff;
	background: rgba(255,255,255,0.8);
	color: #f30;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-webkit-transition-property: background, color;
	-webkit-transition-duration: 0.1s, 0.1s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
}

#news_tabs li.selected a {
	background: #fff;
	background: rgba(255,255,255,0.95);
	color: #f30;
	height: 55px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	margin-top: 0;
	border: none;
	
	-webkit-box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
}


/* ---------- High visibility search and login bits --------- */

#high_vis {
	width: 299px;
	float: right;
	margin: 0 0 0 20px;
}

.gsc-completion-container {
	z-index: 4;
	position: relative;
	
}

table.gsc-completion-container {
	border: 1px solid #ccc;
	font-size: 14px;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	color: #333;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

table.gsc-completion-container td {
	margin: 0 0 0 0;
	padding: 3px 5px;
}

#big_search {
	background: url('/images/big_search_bg.png') no-repeat left top;
	width: 299px;
	height: 120px;
	margin: 0 0 20px 0;
	z-index: 3;
	position: relative;
}

#big_search form {
	margin: 0;
	padding: 0;
}

#big_search h2 {
	padding: 10px 20px 10px 20px;
	font-size: 2em;
	font-weight: normal;
	color: #000;
}

#big_search input.big_search_text {
	background: none !important;
	border: none !important;
	padding: 8px 10px !important;
	margin: 0 0 0 31px !important;
	width: 180px !important;
	font-size: 1.8em !important;
	font-weight: bold !important;
	line-height: 1em !important;
	color: #333 !important;
}

#big_search input.big_search_button {
	background: none;
	border: none;
	padding: 0;
	margin: 0 0 0 0;
	width: 36px;
	height: 36px;
	line-height: 1em;
	text-indent: -9999px;
	cursor: pointer;
}

#big_search p {
	padding: 7px 30px 0;
	font-size: 1.3em;
}

#big_search p a:link { color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.3); }
#big_search p a:visited { color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.3); }
#big_search p a:hover { color: #000; border-bottom: 1px solid #fff; border-bottom-color: rgba(0,0,0,0.3); }
#big_search p a:active { color: #000; border-bottom: 1px solid #fff; border-bottom-color: rgba(0,0,0,0.3); }

/* ---------- contact details ---------- */

#contact_details {
	background: url('/images/contact_slice_full.png') no-repeat left top;
	height: 150px;
}

#contact_details p.tel {
	font-weight: bold;
	font-size: 2em;
	padding: 10px 20px 5px 30px;
	color: #f60;
	text-shadow: 0 -1px 0 #8E4112;
}

#contact_details ul {
	margin: 0 0 0 30px;
	list-style: none;
}

#contact_details li {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	background: url('/images/orange_arrow_w.png') no-repeat left 6px;
	padding: 0 0 0 15px;
}

#contact_details li a {
	text-decoration: none;
	border: none;
}

#contact_details p.tel strong {
	color: #333;
	font-size: 0.8em;
	text-shadow: 0 -1px 0 #000;
	
	text-indent: -9999px;
}

#contact_details p.address {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #333;
}

#contact_details p.address strong {
	font-size: 1.15em;
}

#contact_details p.email {
	text-align: center;
	font-size: 1.3em;
	color: #333;
	padding: 10px 0 0 0;
}

/* ---------- High visibility search and login bits --------- */

#nav_bar {
	width: 940px;
	float: left;
	margin: 20px 0 0 0;
	height: 35px;
}

#nav_bar ul {
	list-style: none;
	height: 35px
}

#nav_bar li {
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	height: 35px
}

#nav_bar li a {
	display: block;
	width: 140px;
	height: 35px;
	background: url('/images/nav_button.png') no-repeat left bottom;
	border: none;
	color: #fff;
	margin: 0;
	padding: 6px 0 0 0;
	text-shadow: 0 -1px 1px #f30;
}

#nav_bar li a:link { background-position: left bottom; }
#nav_bar li a:visited { background-position: left bottom; }
#nav_bar li a:hover { background-position: left top; color: #fff; text-shadow: 0 -1px 1px #f30; }
#nav_bar li a:active { background-position: left top; color: #fff; text-shadow: 0 -1px 1px #f30; }

#nav_bar li.atoz a {
	width: 100px;
	height: 35px;
	background: #009 url('/images/nav_atoz.png') no-repeat left bottom;
	color: #fff;
	text-shadow: 0 -1px 1px #009;
}

#nav_bar li.atoz a:link { background-position: left bottom; }
#nav_bar li.atoz a:visited { background-position: left bottom; }
#nav_bar li.atoz a:hover { background-position: left top; text-shadow: 0 -1px 1px #003; }
#nav_bar li.atoz a:active { background-position: left top; text-shadow: 0 -1px 1px #003; }


/* ---------- YOUR CWAC SECTION --------- */

#personal_area { /* essentially applies the arcy drop shadow */
	background: #fff url('/images/shadow.jpg') no-repeat center top;
	margin:  20px 0 0 0;
	border-top: 1px solid #ccc;
}

/* Add and help buttons */

#add_section {
	margin-top: 20px;
	margin-bottom: 20px;
	width:  100%;
	float: right;	
	z-index: 2;
	position: relative;	
}

#add_section h2 {
	background: #fff url('/images/your.png') no-repeat left 2px;
	width: 500px;
	float: left;
	height: 30px;
	text-indent: -9999px;
}

#add_section ul {
	list-style: none;
	height: 30px;
	width: 300px;
	float: right;
	display: block;
}

/* this is the style for the widgets in the "add a widget box" */

#add_section li {
	float: left;
	padding: 0;
	margin: 0;
}

#add_section li a {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

#add_section li.add {
	height: 30px;
	width: 180px;
	
}

#add_section li.add a {
	height: 30px;
	background: transparent url('/images/add_button.png') no-repeat left bottom; 
	width: 146px;
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 6px 0 0 34px;
	border: none;
	
}

#add_section li.add a:link { background-position: left bottom; color: #000; text-shadow: 0 1px 1px #fff; }
#add_section li.add a:visited { background-position: left bottom; color: #000; text-shadow: 0 1px 1px #fff; }
#add_section li.add a:hover { background-position: left top; color: #900; text-shadow: 0 1px 1px #fff; }
#add_section li.add a:active { background-position: left top; color: #900; text-shadow: 0 1px 1px #fff; }

#add_section li.help a {
	width: 100px;
	height: 30px;
	background: transparent url('/images/add_help.png') no-repeat left bottom;
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
	display: block;
	border: none;
	text-align: center;
	text-shadow: 0 -1px 1px #300;
}

#add_section li.help a:link { background-position: left bottom; }
#add_section li.help a:visited { background-position: left bottom; }
#add_section li.help a:hover { background-position: left top; }
#add_section li.help a:active { background-position: left top; }

/* this is where the widgets to add are output, again Immediacy adds Template_ */
#Template_OtherWidgets {
    background: #eee;
	width: 740px;
	margin: 0;
	height: 200px;
	position: relative;
	z-index: 2;
	top: -21px;
	left: 100px;
    display:none;
	clear: both;
	
	border: 1px solid #999;
	
	box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 4px #999;
	-moz-box-shadow: 0 2px 4px #999;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}

#Template_OtherWidgets #roll_up {
	width: 700px;
	height: 30px;
	position: relative;
	top: 160px;
	left: 20px;
	background: #fff;
}

#Template_OtherWidgets #roll_up a {
	display: block;
	width: 700px;
	height: 30px;
	background: #ccc url('/images/roll_up.png') no-repeat left bottom;
	text-indent: -9999px;
	border: none;
}

#Template_OtherWidgets #roll_up a:link { background-position: bottom; }
#Template_OtherWidgets #roll_up a:visited{ background-position: bottom; }
#Template_OtherWidgets #roll_up a:hover { background-position: top; }
#Template_OtherWidgets #roll_up a:active { background-position: top; }

div.addButton {
    float:left;
	height: 30px;
	margin-bottom: 20px;
	margin-left:20px;    
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
}

div.addButton a {
	border: none;
	display: block;
	width: 115px;
	padding: 8px 10px 7px 35px;
	overflow: hidden;
	background: #ccc url('/images/add_widget_button.png') no-repeat left bottom;
	text-shadow: 0 1px 1px #fff;
}

div.addButton a:link { background-position: bottom; color: #000; }
div.addButton a:visited { background-position: bottom; color: #000; }
div.addButton a:hover { background-position: top; color: #f00; }
div.addButton a:active { background-position: top; color: #f00; }


/* The gridded draggable bit! */

#zones {
	margin: 0 auto 0 auto;
	width:  961px;
	xbackground: #fff url('/images/graph_paper.png') repeat left top;
	clear: both;
}

/* had to prefix with Template_ due to Immediacy */
#Template_zone1 {
	width: 300px;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0;
	display: inline;
    min-height:100px;	/* added min-height or else nothing to drop onto when empty */
}

#Template_zone2 {
	width: 300px;
	float: left;
	margin: 10px 10px 10px 10px;
	display: inline;
	min-height:100px;	/* added min-height or else nothing to drop onto when empty */
}

#Template_zone3 {
	width: 300px;
	float: left;
	margin: 10px 0 10px 10px;
	display: inline;
	min-height:100px;	/* added min-height or else nothing to drop onto when empty */
}

/* added as style to use for drop zone */
.place_holder {
    width: 296px;
	margin: 0 0 20px 0;
	background: #999;
	background: rgba(150,150,150,0.5);
	height: 100px;
	border: 2px dashed #fff;
}





/* ---------- WIDGET STYLES ---------- */

div.widget {
	width: 100%;
	margin: 0 0 20px 0;
	background: #fff;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 5px #999;
	
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0 2px 5px #999;
	
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 2px 5px #999;	
}

div.widget_header {
	height: 30px;
	background: #ccc url('/images/widget_header_l.png') no-repeat left top;
	margin: 0;
	border-bottom: 1px solid #bbb;
}

/* fixed widget */
div.fixed_widget_header {
	height: 30px;
	background: url('/images/fixed_widget_header.png') no-repeat left top;
	margin: 0;	
}

div.widget_header h2, div.fixed_widget_header h2 {
	font-size: 1.3em;
	padding: 6px 10px 0px 25px;
	float: left;
	color: #333;
	text-shadow: 0 1px 1px #fff;
	display: inline;
}

div.widget_header ul, div.fixed_widget_header ul {
	list-style: none;
	float: right;
	padding: 7px 0 0 0;
	display: inline;
}

div.widget_header li, div.fixed_widget_header li {
	float:  left;
	height: 16px;
	width:  16px;
	line-height: 1em;
	text-indent: -9999px;
	margin-right: 10px;
	cursor:hand; /* added hand/pointer */
	cursor:pointer;	
	display: inline;

}

div.widget p.feed_error {
	padding-top: 10px;
	font-weight: bold;
}

/* for hyperlink no-JS versions */
div.widget_header li a , div.fixed_widget_header li a
{
	height: 16px;
	width:  16px;
	display: block;
	border: none;
}

div.widget_header li.close , div.fixed_widget_header li.close  {
	background: url('/images/close.png') no-repeat center top;
}

div.widget_header li.minimize, div.fixed_widget_header li.minimize  {
	background: url('/images/min_up.png') no-repeat center top;
}

div.widget_header li.help, div.fixed_widget_header li.help  {
	background: url('/images/help.png') no-repeat center top;
}

div.widget_header li.settings, div.fixed_widget_header li.settings  {
	background: url('/images/settings.png') no-repeat center top;
}

div.widget_header li.rss, div.fixed_widget_header li.rss  {
	background: url('/images/rss.png') no-repeat center top;
}

div.widget_content {
	clear: both;
	border: 1px solid #ccc;
	border-top: none;
	xpadding-top: 10px;
}

div.widget_content h3 {
	font-size: 1.3em;
	padding: 10px 20px 5px 20px;
}

div.widget_content h3.news_header {
	padding-bottom: 2px;
}

div.widget div.widget_content h3 a,
div.widget div.widget_content h4 a {
	border: none;
}

div.widget_content p {
	font-size: 1.3em;
	color: #333;
	padding: 0 20px 10px 20px;
	line-height: 1.5em;
}

div.widget_content ul {
	margin: 0 0 0 0;
	list-style: none outside;
}

div.widget_content li {
	font-size: 1.3em;
	color: #333;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

div.widget_content li a {
	border: none;
	border-top: 1px solid #eee;
	display: block;
	padding: 10px 20px;
	margin: 0;
	width: 258px;
	background: #fff;
}

#zones div.widget_content li a:link { border: none; border-top: 1px solid #eee; }
#zones div.widget_content li a:visited { border: none; border-top: 1px solid #eee; }
#zones div.widget_content li a:hover { border: none; border-top: 1px solid #eee; }
#zones div.widget_content li a:active { border: none; border-top: 1px solid #eee; }

#zones div.widget p.widget_error {
	margin: 20px 20px 0 20px;
	padding: 10px;
	font-weight: bold;
	background: #fff;
	background: rgba(255,255,255,0.8);
	color: #f00;
	text-align: center;
	border: 1px solid #f60;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	text-shadow: 0 1px 0 #fff;
}

/* ---------- Widget intro area ---------- */

div.widget div.widget_intro {
	background: #eee;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

div.widget div.widget_intro p {
	color: #000;
}

div.widget div.widget_intro h2 {
	padding: 0 20px 10px 20px;
	font-size: 1.4em;
}

div.widget div.widget_intro h2 a {
	border: none;
}

/* ---------- A to Z ---------- */

div.widget div.widget_intro ul.atoz {
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	width: 260px;
}

div.widget div.widget_intro ul.atoz  li {
	float: left;
	margin: 0 2px 2px 0;
	width: 2em;
	text-align: center;
	padding: 0;
	background: #fff;
}

div.widget div.widget_intro ul.atoz  li a {
	display: block;
	width: 2em;
	margin: 0;
	padding: 3px 0;
	background: none;
	border: none;
}

div.widget div.sections {
	width: 280px;
	margin: 0 auto 0 18px;
	padding: 10px 0;
}

div.widget div.sections ul {
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#zones div.widget div.sections ul li{
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
	border: none;
	font-size: 1.2em;
	float: left;
	border: none;
	border-bottom: 1px solid #eee;
	height: 40px;
}

#zones div.widget div.sections ul li a{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 40px;
	width: 120px;
	display: block;
	border: none;
	background: none;
}

#zones div.widget div.sections ul li a:link { border: none; }
#zones div.widget div.sections ul li a:visited { border: none; }
#zones div.widget div.sections ul li a:hover { border: none; }
#zones div.widget div.sections ul li a:active { border: none; }


/* ---------- accordion styles ---------- */

div.widget div.accordion h3 {
	padding: 10px 20px 10px 40px;
	background: #eee url('/images/accordian_bg.png') repeat-x left bottom;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	color: #333;
	text-shadow: 0px 1px 0 #fff;
	font-size: 1.4em;
	cursor: pointer;
}

div.widget div.accordion h3:hover {
	background-position: left top;
}

div.widget div.accordion h4 {
	padding: 10px 20px 3px 20px;
	font-size: 1.3em;
}

div.widget p.more {
	padding: 0;
	margin: 0 20px 10px 20px;
	text-align: center;
}

div.widget p.more a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.widget p.more a:link { background: #f60; }
div.widget p.more a:visited { background: #f60; }
div.widget p.more a:hover { background: #f30; }
div.widget p.more a:active { background: #f30; }

/*  ---------- Settings slide out  "spanner" ----------  */

div.widget_settings {
	padding: 10px 0 0 0;
	background: #222 url('/images/settings_bg.png') repeat-x left top;
	margin: 0 0 0 0;
	border-bottom: 1px solid #fff;
	display: none;
}

div.widget_settings p {
	color: #fff;
}



/* ---------- INDIVIDUAL WIDGETS ---------- */


/* Pay It styles */

div.widget div.pay_intro {
	background: #eee url('/images/pay_for_it_2_big.png') no-repeat 240px 15px;
}

div.widget div.pay_intro p {
	padding-right: 70px;
}

div.widget ul.pay_for_it li a {
	background: #fff url('/images/pay_for_it_2.png') no-repeat 20px 11px;
	padding-left: 50px;
	width: 228px;
}

/* My Area styles */

#my_neighbourhood_postcode,
#my_neighbourhood_info {
	background: #f60 url('/images/orange_fade.jpg') repeat-x left bottom;
	padding: 10px 0 20px 0;
}

#my_neighbourhood_info a:link { color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.3); }
#my_neighbourhood_info a:visited { color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.3); }
#my_neighbourhood_info a:hover { color: #000; border-bottom: 1px solid #000; border-bottom-color: rgba(0,0,0,0.3); }
#my_neighbourhood_info a:active { color: #000; border-bottom: 1px solid #000; border-bottom-color: rgba(0,0,0,0.3); }

#my_neighbourhood_postcode p.postcode_holder {
	width:  180px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: #f60 url('/images/local_search.png') no-repeat left bottom;
}

#my_neighbourhood_postcode input {
	border: none;
	background: transparent;
}

#my_neighbourhood_postcode p.postcode_holder input.my_postcode {
	width: 126px;
	margin: 0;
	padding: 0 0 0 10px;
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

 #my_neighbourhood_postcode p.postcode_holder input.my_postcode_button {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1em;
	text-indent: -9999px;
	cursor: pointer;
}

#my_neighbourhood_postcode p,
#my_neighbourhood_info p, #my_neighbourhood_info li {
	color: #000;
}

#my_neighbourhood_info li  {
	padding: 0 20px;
}

div.my_neighbourhood_councillor {
	clear: both;
	margin: 10px 0 0 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
	
}

strong#my_neighbourhood_change,
strong#my_neighbourhood_reset {
	cursor: pointer;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-bottom-color: rgba(255,255,255,0.3);
}

strong#my_neighbourhood_change:hover,
strong#my_neighbourhood_reset:hover {
	color:#000;
	border-bottom: 1px solid #000;
	border-bottom-color: rgba(0,0,0,0.3);
}

strong#my_neighbourhood_change:active,
strong#my_neighbourhood_reset:active {
	color:#000;
	border-bottom: 1px solid #000;
	border-bottom-color: rgba(0,0,0,0.3);
}

div.widget div.my_neighbourhood_councillor p {
	padding-bottom: 5px;
}

div.widget p.cllr_pic {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 20px 10px 20px;
}

p.cllr_pic a {
	border: none;
}

p.cllr_pic img {
	margin: 0;
	padding: 0;
}

/* ---------- What's On widget styling ---------- */

div.widget div.events_intro {
	background: #fff;
	border: none;
}

div.widget div.events_intro p {
	
}

#whatson_calendar table#Template_Widget_2_EventsCalendar {
	width: 260px;
	margin: 0 auto 20px auto;
	border: 1px solid #ccc;
	font-size: 1.3em;
}

#whatson_calendar table a {
	border: none;
}

#whatson_calendar table#Template_Widget_2_EventsCalendar table a:hover { color: #f00 !important; }
#whatson_calendar table#Template_Widget_2_EventsCalendar table a:active { color: #f00 !important; }

#whatson_calendar table#Template_Widget_2_EventsCalendar table td {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#whatson_calendar table#Template_Widget_2_EventsCalendar th {
	border: 1px solid #ccc;
	background: #ddd !important;
	padding: 5px 0;
}

#whatson_calendar table#Template_Widget_2_EventsCalendar td {
	border: 1px solid #ccc;
	background: #fff !important;
	padding: 5px 0;
	text-align: center;
}

/* ---------- Suggest a widget styles ---------- */

div.widget div.suggest_intro {
	margin-bottom: 10px;
}

div.widget div.suggest_form p {
	padding-bottom: 15px;
}

div.suggest_form input {
	width: 160px;
	font-size: 1.1em;
	padding: 4px;
}

div.suggest_form textarea {
	width: 240px;
	padding: 4px;
}

/* ---------- Twitter widget styles ---------- */

div.widget div.twitter_intro {
	margin-bottom: 20px;
}

#twitter_feed div.tweet {
	background: #fff url('/images/twitter_tweet.jpg') no-repeat 20px bottom;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

#twitter_feed div.tweet p {
	background: #eee;
	padding: 10px;
	margin: 0 20px 10px 65px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/* --------- ELECTIONS widget - workin blind! ---------- */

div.widget #elections_twitter {
	padding: 1px 0 0 0;
}

div.widget #elections_twitter #election_header h3 {
	background: url('http://www.cheshirewestandchester.gov.uk/images/elections_logo_2011.png') no-repeat center center;
	text-indent: -9999px;
	height: 120px;
}

div.widget #elections_twitter div.elections_tweet {
	margin: 0 0 0 0;
	background: #F1EAF4; /* Old browsers */
	background: -moz-linear-gradient(top, #F1EAF4 0%, #FFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1EAF4), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F1EAF4 0%,#FFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F1EAF4 0%,#FFF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F1EAF4 0%,#FFF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1EAF4', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F1EAF4 0%,#FFF 100%); /* W3C */
	border-top: 1px solid #ddadf7;
}

div.widget #elections_twitter div.elections_tweet p {
	padding: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

div.widget #elections_twitter div.elections_tweet.clear {
	
}





/* ----------  Twitter widget styles ---------- */

div.widget #winter_twitter {
	padding: 1px 0 0 0;
} 

div.widget #winter_twitter div.winter_tweet {
	margin: 0 0 1px 0;
}

div.widget #winter_twitter div.winter_tweet.cwacgrit {
	background: #FFF7D9 url('/images/twit_grit_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwactravel {
	background: #FFF5E5 url('/images/twit_travel_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwacroads {
	background: #FFEFEA url('/images/twit_roads_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwacschools {
	background: #EFE5FA url('/images/twit_schools_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwacweather {
	background: #D9E8F7 url('/images/twit_weather_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwacsnow {
	background: #EBFAFF url('/images/twit_snow_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.cwacservices {
	background: #EAEAEA url('/images/twit_services_bg.png') no-repeat left top;
}

div.widget #winter_twitter div.winter_tweet.clear {
	background: #EBF5FF url('/images/twit_clear_bg.png') no-repeat left top;
	height: 100px;
}

div.widget #winter_twitter div.winter_tweet p {
	padding: 20px 10px 20px 100px;
	font-size: 12px;
	font-weight: bold;
}

div.widget #winter_twitter div.winter_tweet p em {
	font-weight: normal;
	font-size: 11px;
	color: #555;
}

/* ---------- YouTube widget styles ---------- */

div.widget div.youtube_intro {
	margin-bottom: 10px;
}

#youtube_feed div.youtube_clip {
	clear: both;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	background: #fff;
}

div.widget div.youtube_clip h3 {
	padding: 0 30px 5px 20px;
}

div.widget div.youtube_clip p {
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
}

#youtube_feed p.clip_preview {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 10px 0 20px;
}

#youtube_feed p.clip_preview a {
	border: none;
}

#youtube_feed p.clip_preview img {
	padding: 1px;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	width: 120px;
	height: 90px;
	background: #ccc url('/images/missing_vid.png') no-repeat left top;
}

/* ---------- Council Tax Widget ---------- */

div.council_tax_header h2 {
	background: #fff url('/images/ctax_2012.jpg') no-repeat left top;
	width: 300px;
	height: 300px;
	text-indent: -9999px;
}

#ctax_yourcounciltax table,
#ctax_spending table {
	width: 260px;
	margin: 20px auto;
	border-collapse: collapse;
	font-size: 1.1em;
}

#ctax_yourcounciltax table th,
#ctax_spending table th {
	text-align: center;
	padding: 5px;
	background: #eee;
	color: #fff;
}

p.pay_tax {

}

div.widget p.pay_tax a {
	display: block;
	text-align: center;
	border: none;
	color: #fff;
	padding: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}

div.widget p.pay_tax a:link { background: #009; border-top: 1px solid #00f; border-bottom: 1px solid #004; }
div.widget p.pay_tax a:visited { background: #009; border-top: 1px solid #00f; border-bottom: 1px solid #004; }
div.widget p.pay_tax a:active { background: #006; border-top: 1px solid #009; border-bottom: 1px solid #003; }
div.widget p.pay_tax a:hover { background: #006; border-top: 1px solid #009; border-bottom: 1px solid #003; }

#ctax_yourcounciltax table th.band { background: #37418C; }
#ctax_yourcounciltax table th.value { background: #904190; }
#ctax_yourcounciltax table th.charge { background: #BA438F; }

#ctax_yourcounciltax table td.band { background: #B0B1D6; }
#ctax_yourcounciltax table td.value { background: #D5BBD9; }
#ctax_yourcounciltax table td.charge { background: #F9C6DC; }

#ctax_spending table th.empty { background: #fff; }
#ctax_spending table th.budget { background: #904190; }
#ctax_spending table th.income { background: #BA438F; }
#ctax_spending table th.spending { background: #F89129; }

#ctax_spending table td.area { background: #B0B1D6; }
#ctax_spending table td.budget { background: #D5BBD9; }
#ctax_spending table td.income { background: #F9C6DC; }
#ctax_spending table td.spending { background: #FFE2AB; }

#ctax_yourcounciltax table td,
#ctax_spending table td {
	text-align: center;
	padding: 8px 5px;
	background: #fff;
	vertical-align: top;
}

div.widget #ctax_billing table {
	width: 260px;
	margin: 0 auto 10px auto;
	font-size: 1.2em;
	border: 1px solid #eee;
	border-collapse: collapse;
}

div.widget #ctax_billing h4 {
	cursor: pointer;
}

div.widget #ctax_billing table th {
	background: #eee;
}

div.widget #ctax_billing table td {
	text-align: center;
}

/* ---------- My Links/Subscriptions styles ---------- */

#mylinks_tabs {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#mylinks_tabs ul {
	list-style: none;
	padding: 0;
	margin: 10px 20px;
	background: none;
	border: none;
	width: auto;
}

#mylinks_tabs li {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	width: auto;
}

#mylinks_tabs ul.mylinks_pagingLinks,
#mylinks_tabs ul.mylinks_pagingSubs {
	padding: 10px 0 0 0;
}

#mylinks_tabs ul.mylinks_pagingLinks li {
	background: #fff url('/images/my_link_bullet.png') no-repeat left 1px;
	padding: 0 0 0 26px;
	margin: 0 0 10px 0;
}

#mylinks_tabs ul.mylinks_pagingSubs li {
	background: #fff url('/images/my_subs_bullet.png') no-repeat left 2px;
	padding: 0 0 0 26px;
	margin: 0 0 10px 0;
}

#zones #mylinks_tabs li a {
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	width: auto;
}


div.widget div.tab_area  {
	padding: 0;
	margin: 0;
	background: #f90;
	border: none;
	padding-top: 10px;
	margin: 0;
	width: 100%;
}

div.widget #mylinks_tabs div.tab_area ul {
	margin: 0 0 0 20px;
}

div.widget #mylinks_tabs div.tab_area li {
	width: 125px;
	float: left;
	background: #ddd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	margin: 0 5px 0 0;
	padding: 5px 0;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
}

div.widget #mylinks_tabs div.tab_area li.tab_selected {
	border: none;
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div.widget #mylinks_tabs div.tab_area li a {
	background: none;
	display: block;
	padding: 5px 0;
	margin: 0;
	
}

div.widget #mylinks_tabs p.edit_list {
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #ddd;
}

div.widget #mylinks_tabs ul.simplePagerNav {
	padding: 5px 0;
}

div.widget #mylinks_tabs ul.simplePagerNav li {
	text-align: center;
	margin: 0 5px 0 0;
	float: left;
	
}

div.widget #mylinks_tabs ul.simplePagerNav li a {
	display: block;
	padding: 5px 0;
	border: 1px solid #ccc;
	width: 2em;
}

div.widget #mylinks_tabs ul.simplePagerNav li a:link { background: #fff; color: #333;  }
div.widget #mylinks_tabs ul.simplePagerNav li a:visited { background: #fff; color: #333; }
div.widget #mylinks_tabs ul.simplePagerNav li a:hover { background: #f60; color: #fff; }
div.widget #mylinks_tabs ul.simplePagerNav li a:active { background: #f60; color: #fff; }

div.widget #mylinks_tabs ul.simplePagerNav li.currentPage a {
	border: 1px solid #f60;
	background: #fff;
	color: #f60;
}

div.widget #mylinks_tabs ul.simplePagerNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ---------- Do it online ---------- */

div.doitonline_header h2 {
	background: #fff url('/images/do_it_online_colours.jpg') no-repeat left top;
	width: 298px;
	height: 100px;
	text-indent: -9999px;
}

#doitonline_accordion div.widget_intro p {
	padding-bottom: 5px;
}

div.widget div.petition {
	border-top: 1px solid #eee;
	width: 260px;
	margin: 10px auto 10px auto;
}

div.widget div.petition h4 {
	margin: 0;
	padding: 10px 10px 2px 25px;
	background: transparent	url('/images/pet_icon.png') no-repeat 0 10px;
}

div.widget div.petition p {
	margin: 0;
	padding: 0 10px 0 25px;
	font-size: 12px
}

div.widget p.epet_button {
	margin: 20px 20px 20px 20px;
	width: 260px;
	padding: 0;
	text-indent: -9999px;
}

div.widget p.epet_button a {
	display: block;
	width: 260px;
	height: 39px;
	background: #fff url('/images/ePetition_button.png') no-repeat left top;
	border-bottom: none;
}

div.widget p.epet_button a:link { background-position: left bottom; }
div.widget p.epet_button a:visited { background-position: left bottom; }
div.widget p.epet_button a:hover { background-position: left -104px; }
div.widget p.epet_button a:active { background-position: left 1px; }

#Template_Help {
	display: none;
	position: absolute;
	top: 250px;
	left: 50%;
	width: 900px;
	height: 600px;
	margin: 0 0 0 -450px;
	background: #333;
	background: rgba(0,0,0,0.95);
	z-index: 10;
	-webkit-box-shadow: 0 4px 7px #000;
	-webkit-border-radius: 8px;
}

#Template_Help #help_content #help_close {
	position: relative;
	top: -30px;
	left: 740px;
	text-align: center;
	width: 100px;
	height: 20px;
	color: #000;
}

#Template_Help #help_content #help_close a {
	display: block;
	background: transparent url('/images/close_help.png') no-repeat left top;
	width: 100px;
	height: 20px;
	text-indent: -9999px;
	border: none;
}

#Template_Help #help_content #help_close a:link { background-position: bottom; }
#Template_Help #help_content #help_close a:visited { background-position: bottom; }
#Template_Help #help_content #help_close a:hover { background-position: top; }
#Template_Help #help_content #help_close a:active { background-position: top; }

#Template_Help #help_content {
	width: 820px;
	height: 520px;
	position: relative;
	top: 40px;
	left: 40px;
	background: #fff;
	-webkit-border-radius: 8px;
	
}

#help_content div.help_col1 {
	width: 370px;
	float: left;
	margin: 0 0 0 30px;
	position: relative;
	top: -20px;
	display: inline;
}

#help_content div.help_col2 {
	width: 370px;
	float: right;
	margin: 0 30px 0 0;
	position: relative;
	top: -20px;
	display: inline;
}

#Template_Help #help_content h2 {
	padding: 20px 0 10px 0;
	font-size: 1.8em;
	font-weight: normal;
	color: #009;
}

#Template_Help #help_content h3 {
	padding: 20px 0 14px 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #009;
}

#Template_Help #help_content p {
	padding: 0 0 0 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

#Template_Help #help_content p  + p {
	text-indent: 40px;
}


/* ---------- Directgov link ----------- */

div.directgov {
	margin: 0 auto;
	clear: both;
	background: #fff;
	padding: 20px 0;
}

div.directgov a {
	display: block;
	width: 220px;
	height: 75px;
	background: #faf url('/images/directgov_logo.png') no-repeat left top;
	text-indent: -9999px;
	border: none;
	float: left;
}


/* ---------- Front page ADVERT styling ---------- */

div.front_ad {
	width: 300px;
	margin: 0px auto 10px auto;
	padding: 0;
	background: #eee;
	background: rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
	border-radius: 4px;
}

div.front_ad h2 {
	padding: 6px 10px 0 10px;
	height: 25px;
	margin: 0;
	color: #c00;
	background: #ccc url('/images/fixed_widget_header.png') no-repeat left top;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	border-radius: 4px 4px 0 0;
	text-align: center;
}

div.front_ad p {
	font-size: 12px;
	padding: 10px;
}

div.front_ad a {
	border: none;
	position: relative;
	xtop: -13px;
}

div.front_ad img {
	height: 1px;
	margin: 0;
	padding: 0;
	float: right;
}


/* ---------- Consultation thingy ----------- */

#consult {
	position: absolute;
	top: 250px;
	z-index: 10;
	width: 300px;
	left: -260px;
}

#consult_content {
	width: 270px;
	height: 435px;
	margin: 0;
	padding: 0;
	float: left; 
	background: transparent url(/images/ltp_stop.png) no-repeat left top;
	position: relative;
	z-index: 11;
}

#consult_content h1,
#consult_content h2,
#consult_content h3 {
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

#consult_content p {
	padding: 0;
	margin: 0;
	diplay: inline;
}

#consult_content p a {
	display: block;
	width: 233px;
	padding: 380px 0 20px 35px;
	margin: 0;
	background: transparent;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border: none;
	overflow: hidden;
}

#consult_content p a:link { color: #fff; -webkit-transition-property: color, text-shadow; -webkit-transition-duration: 1s, 1s; }
#consult_content p a:visited { color: #fff; -webkit-transition-property: color, text-shadow; -webkit-transition-duration: 1s, 1s; }
#consult_content p a:hover { color: #0f0; text-shadow: 0 0 8px rgba(0,255,0,1); -webkit-transition-property: color, text-shadow; -webkit-transition-duration: 2s, 2s; }
#consult_content p a:active { color: #f00; text-shadow: 0 0 8px rgba(255,0,0,1); -webkit-transition-property: color, text-shadow; -webkit-transition-duration: 1s, 1s; }

#consult_pull {
	float:right;
	position: relative;
	top: 30px;
	width: 28px;
	border: 2px solid #fff;
	border-left: none;
	height: 30px;
	background: #c00;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	font-family: Georgia;
	border-radius: 0 4px 4px 0;
	-webkit-background-clip: padding-box;
	
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	z-index: 12;
	cursor: pointer;
	padding: 0;
	line-height: 1em;
}

#consult_pull:hover {
	color: #000;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

@-webkit-keyframes glow {
	0% {
		background: #900;
		-webkit-box-shadow: 0 0 2px rgba(200,0,0,0.3);
	}
	
	50% {
		background: #f00;
		-webkit-box-shadow: 0 0 7px rgba(200,0,0,0.8);
	}
	
	100% {
		background: #900;
		-webkit-box-shadow: 0 0 2px rgba(200,0,0,0.3);
	}
}

#consult_pull {
	background: #900;
	-webkit-animation: glow 4s infinite;
	-webkit-animation-timing-function: ease-in-out;
}



form#HomePageForm {
	padding: 0;
	margin:0;
}