* {
	margin: 0; padding: 0;
}
body {
	background: #fff url(../img/bg.jpg) top left repeat-x;
	font-family:  "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #666;
}
h1 {
	font-size: 200%;
	font-weight: normal;
}
h2 {
	font-size: 140%;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
span.comment_brackets{
	padding-top: 2px;
	font-size: 70% !important;
	font-weight: normal !important;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
ul {
	list-style: none;
	line-height: 1.5em;
}
a:hover {
	text-decoration: underline;
}
a, div#largetext a:hover, div#smalltext a:hover, a.hide {
	text-decoration: none;
}
p, .teaser div {
	padding-bottom: 5px;
	font-family: Arial, sans-serif;
}
img {
	border: none;
}
div#header h2{
	display: none;
}
div#header h1 a{
	position: absolute;
	top: 30px;
	left: 58px;
	display: block;
	width: 190px;
	height: 65px;
	text-indent: -1000em;
	overflow: hidden;
}
div#container {
	background: url(../img/shadowbackground.gif) no-repeat top center;
	margin: 0 auto;
	position: relative;
	width: 999px;
}
div#content {
	margin: 0 auto;
	position: relative;
	top: 170px;
}

div#content,
div#header {
	width: 980px;
}

/* Leaderboard */
table#leaderboard{
	height: 92px;
	left: 250px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 730px;
}
/* End leaderboard */

/*header*/
div#header {
	position: absolute;
	top: -160px;
}

div#headerbar {
	background: transparent url(../img/headers/headerbg-getreading.png) no-repeat top left;
	padding-top: 10px;
	height: 93px;
}
div#headerbar.getbracknell{
	background-image: url(../img/headers/headerbg-getbracknell.png);
}
div#headerbar.gethampshire{
	background-image: url(../img/headers/headerbg-gethampshire.png);
}
div#headerbar.getsurrey{
	background-image: url(../img/headers/headerbg-getsurrey.png);
}
div#headerbar.getwokingham{
	background-image: url(../img/headers/headerbg-getwokingham.png);
}

img#menlogo {
	margin:-7px 0px 3px 6px;
	float: left;
}


div#headerbar div.ad {
	float: left;
	padding: 11px 0px 0px 287px;
	border: 0px;
}

div#headerbar div.searchform {
	float: right;
	width: 156px;
	margin: 29px 0px 0px 0px;
}

div#headerbar div.searchform h3 a{
	font-size: 8pt;
	padding-left: 22px;
}

div#headerbar div.searchform h3 {
	font-size: 11pt;
	display: inline;
	color: #333;
}

div#headerbar div.searchform form {
	float: left;
}

div#headerbar div.searchform form input[type="text"],
div#footer div.searchform form input[type="text"]{
	border: 1px solid #979797;
	width: 100px;
	font-size: 18px;
	margin: -1px 10px 4px 0px ;
	color: #444;
}

div#headerbar div.searchform form input[type="submit"] {
	margin: 0px 0px -4px 12px ;
}
div#leaderboard {
	display: inline;
	float:right;
}

div#topsearch {
	padding-top: 6px;
	padding-left: 6px;
	width: 120px;
}

div#topsearch form input {
	vertical-align: middle;
}





/*header navigation*/
div#headernav {
	position: relative;
	background: #467cb7 url(../img/navsidebar_right.gif) repeat-x top left;
}
div#headernav ul#nav li,  div#headernav #right ul li{
	float: left;
	height: 33px;
	font-size: 120% ;
}
div#headernav ul#nav li{
	background: #3d80df url(../img/headernavbg.gif) repeat-x top left;
}
div#headernav ul#nav li a{
	background: transparent url(../img/navseperator.gif) no-repeat center left;
}
div#headernav ul#nav li a, div#headernav #right a{
	display: block;
	color: #fff;
}
div#headernav ul#nav li a span{
	display: block;
	padding: 7px 10px;
}
div#headernav #right{
	position: absolute;
	top: 0px;
	right: 10px;
}
div#headernav #right ul{
	padding-top: 7px;
}
div#headernav ul#nav li a:hover, #right a:hover{
	color: #000;
}

div#headernav ul#nav li a#selected{
	background: transparent url(../img/navsidebar_right.gif) repeat-x top left;
}
div#headernav ul#nav li a#selected span{
	background: transparent url(../img/navselected.gif) no-repeat 50% 10%;
}

div#headernav #left{
	width: 770px;
	/* float and margin-top needed here as fish4 styles conflict with ours*/
	float: none !important;
	margin-top: 0px !important;
}

.rss{
	padding: 7px 7px 7px 15px;
	margin-top: -7px;
	float: left;
}
div#headernav #right li.fontsize{
	margin-right: 15px;
}
div#headernav #right li.fontsize a{
	padding: 7px 5px;
	background: url(../img/textchangespacer.gif) no-repeat 100% 60%;
	display: inline;
}
div#headernav #right li.seperate{
	background: transparent url(../img/navside2.gif) no-repeat 0 -15px;
	width: 95px;
}
/* end navigation */


input#searchterm{
	border-top: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	font: inherit;
}

div#crumb {
	position: relative;
	top: -10px;
	width: 550px;
	z-index: 10;
}
div#login {
	float: right;
	padding-right: 8px;
	font-size: 120%;
}

p.clear {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}

div#messages {
	text-align: center;
	color: black;
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	background: #eee;
}

/*Section navigation*/
div#navigation {
	width: 160px;
	float: left;
	margin-top: 3px;
}
div#center div#navigation{
	font-size: 90%;
}
/*
div#navigation h2 {
	background: url(../img/divborder.gif) repeat-x bottom left;
	padding-bottom: 5px;
}
*/
ul#sectionnav {
	margin: 0px;
	padding: 2px 0px 21px 0px;
}

ul#sectionnav a, ul#tertiary a {
	display: block;
}

ul#sectionnav li a span, ul#tertiary li a span {
	padding: 0 10px 0 10px;
}

ul#sectionnav li, ul#tertiary li {
	background: url(../img/divbordergrey.gif) repeat-x bottom left;
	display: block;
	line-height: 1.7em;
}

ul#sectionnav ul {
	background: url(../img/divbordergrey.gif) repeat-x top left;
	margin-top: 1px;
	padding-top: 1px;
}

ul#sectionnav li, ul#tertiary li {
	padding-bottom: 2px;
}

ul#sectionnav li.notnav, ul#sectionnav li.hassub  {
	display: inline;
	border-bottom: none;
}

ul#sectionnav li.hasnosub  {
	display: block;
}

ul#sectionnav li a:hover, ul#tertiary li a:hover {
	background:url(../img/navhover.gif) top left no-repeat #ededed;
}

ul#sectionnav li a span, ul#tertiary li a span {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}

ul#subnav li a span {
	display: block;
	padding: 0px 5px 0px 1.8em;
	background: url(../img/navpointer3.gif) .9em .7em no-repeat transparent;
}

ul#tertiary li a span {
	display: block;
	padding: 0px 5px 0px 1em;
	background: url(../img/navpointer3.gif) .0em .7em no-repeat transparent;
}

ul#subnav li#subselected a span, ul#tertiary li#subselected a span {
	background: url(../img/navpointer2.gif) .9em .7em no-repeat transparent;
}

/*Navigation Tiles*/
div#navigation div.tile {
	padding-bottom: 10px;
	width: 160px;
	background-color: #f3f3f3;
	margin-bottom: 15px;
}
div#navigation div.tile a {
	color: #333;
}
div#navigation div.tile h2 {
	background: #fff url(../img/tileheader.gif) 4% 50% no-repeat;
	padding: 4px 0px 4px 20px;
	margin: 0px 0px 10px 0px;
	color: #333;
	border-top: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	font-size: 100%;
}
div#navigation div.tile img {
	float: right;
	margin-right: 2px;
}
div#navigation  div.tile ul.indentlist li{
	padding-left: 10px;
}

/*search box styles*/
div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888888;
	margin:0px;
	padding:0px;
}

div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected {
	background-color: #0000FF;
	color: #FFFFFF;
}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

/*Content Section*/

div#center{
	font-size: 110%;
}
div#center img {
	border: 1px solid #ccc;
}

p.seperator {
	height: 15px;
	clear: both;
}
div#articletools img,
div#brightcove-player img,
div#bcplayer img,
div#videocolumnone img{
	border: none;
}
div#brightcove-player {
	height:292px;
	width:auto;
}
span.throbber{
	background: transparent url(../img/mini_throbber.gif) no-repeat center left;
	padding: 5px 0;
	padding-left: 24px;
}
/*Footer*/
div#footer {
	background: url(../img/footerbg.gif) repeat-x bottom center;
	margin: 170px auto 0;
	padding-top: 30px;
	text-align: center;
}

div#footer p.footernav {
	background: url(../img/divbordergrey.gif) repeat-x top left;
}

div#footer p {
	padding-top: 5px;
}

div#footer p a {
	padding-top: 5px;
	color: #333;
}


/* search form in the footer */

div#footer label {
	color: #666;
	font-size: 140%;
}

div#footer div.searchform {
	margin: 0.5em 0;
}



/*List Style*/
ul.indentlist li a{
	padding: 2px 0px 2px 10px;
	background: url(../img/navpointer3.gif) 0em 0.6em no-repeat;
}

ul.indentlistnolink li{
	padding: 2px 0px 2px 10px;
	background: url(../img/navpointer3.gif) 0em 0.6em no-repeat;
}

/*Form Styles*/
.formcell {
	border: 1px solid #B9B9B9;
}
.formcell.article-comments {
	border:1px solid #B9B9B9;
	height:100px;
	width:615px;
}
form#submitcomments label{
	display: block;
}
form#submitcomments input.submit{
	position: relative;
	left: 567px;
	margin-top: 5px;
}
option {
	padding: 0 2px;
}

textarea {
	font: inherit;
}


/*poll styles*/
div.poll_bar {
	width: 100px;
	background: url(../img/poll_background.gif) repeat-x ;
	height: 15px;
	position: relative;
}
div.poll_bar_shaded {
	background: url(../img/poll_foreground.gif) repeat-x ;
	height: 15px;
	position: absolute;
}
div.poll_option {
	margin-bottom: 5px;
}
div.poll_bar_container {
	padding: 0px 0px 5px 0px;
	background: url(../img/divbordergrey.gif) repeat-x bottom left;
}
span.poll_percentage {
	display: block;
	position:absolute;
	left: 105px;
}
div.poll_bar_container {
	position: relative;
	width: 150px;
	margin-bottom: 5px;
}
div#poll_submit {
	text-align: right;
	width: 43px;
}
#poll_submit	{
	float:right;
}
input.poll_option_radio {
	margin-bottom: -2px;
}
div.poll-container{
	margin-bottom: 20px;
	padding: 5px;
}
div.poll-container.alt{
	background-color: #f3f3f3;
}
div.poll-container div.title{
	font-size: 140%;
	color: #ae0d2c;
}
div.poll-container div.header{
	margin-bottom: -15px;
}
div.poll-container p.poll-message{
	display: none;
}
form#poll_archive{
	margin-bottom: 20px;
}
p.poll-message{
	margin-bottom: 15px;
}

div#poll-archives div.poll_inards.archive{
	display: none;
}

div.poll-container p.poll-comments{
	margin-top: 20px;
}
div.poll-container p.poll-comments a{
	background: none;
	padding-left: 0;
}
p.poll-comments a,
p a.prev-poll{
	background: url(../img/comment_icon.gif) no-repeat 0% 50%;
	padding: 2px 0 2px 25px;
	font-size: 90%;
}
p a.prev-poll{
	background: url(../img/previous_icon.gif) no-repeat 4% 50%;
}
div.poll-links{
	margin-top: -15px;
}
div.poll-links p{
	line-height: 1em;
}
div#poll-archives{
	line-height: 1.4em;
}

/* Default Colors */

a, h3 {
	color: #06c;
}

/*
this has moved to the individual sites ccs.
its needed for legacy content as they overide our styles
we dont eant to use important here as other sites (getwokingham)
have different colours
div#navigation div.tile a {
	color: #06c !important;
}
*/

div#navigation h2.nav-head{
	background: url(../img/navheader.gif) no-repeat 4% 50%;
	margin: 0 0 0 0;
	padding: 0 0 4px 20px;
	border-bottom: 1px solid #d0d9e3;
}

/* video player single start */
.video {
	width: 100%;
	text-align: center;
}

.swfvideoplayer {
	width: 250px;
	margin: 0 auto 0 auto;
	padding: 5px;
	background: url(../img/bg_flv_video.png) no-repeat center top;
}

#videolist {
	width: 250px;
	text-align: left;
	margin: 10px auto 0 auto;
}
/* video player single end */

/* video player multiple start */
.multivideo {
	width: 100%;
	text-align: center;
}
.multivideotop {
	width: 250px;
	background: url(../img/bg_video_top.png) no-repeat;
	height: 20px;
	margin: 0 auto 0 auto;
	display: block;
}

.multivideo {
	width: 250px;
	background: url(../img/bg_video.png) repeat-y;
	margin: -15px auto 0 auto;
}

.multivideobottom {
	width: 250px;
	background: url(../img/bg_video_bottom.png) no-repeat;
	height: 1px;
	display: block;
	margin: 0 auto 0 auto;
}

.multivideo .swfvideoplayer {
	text-align: left;
	width: 240px;
	padding: 0;
	background: none;
}

.multivideo #ufoDemo {
	margin-bottom: 4px;
}
/* video player multiple end */

/* right hand side general start */
#rightside {
	width: 160px;
	float: left;
	margin-left: 20px;
}

#rightside DIV.tile2 {
	margin-bottom: 12px;
	/*background: url(../img/tile_shadow.jpg) bottom left no-repeat;*/
}
/* right hand side general end */

/* right hand side tile header start */
#rightside .header {
	background: #fff url(../img/tileheaderborder.gif) no-repeat top left;
	padding: 0;
}

#rightside .title {
	/*background: url(../img/tileheader.jpg) no-repeat top left ;*/
	margin-left: 21px;
	padding:  3px 0 0 5px;
	font-weight: bold;
	line-height: 19px;
	color: #333;
}

#rightside .tile2 .action {
	float: left;
	width: 22px;
	margin: 0;
	border: 0;
	padding: 0;
	/*background: url(../img/tile_header_left.png) top left no-repeat;*/
}

#rightside .tileborder {
	background: url(../img/tile_header_bottom.gif) top left no-repeat;
	height: 2px;
	font-size: 2px;
}

#rightside .header UL {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	line-height: 16px;
}

#rightside .header LI {
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	font-weight: bold;
}

#rightside .header LI A, #rightside .header LI .current  {
	float: left;
	/*background: url("../img/tile_inactive_left.gif") no-repeat left top #C22746;*/
	margin: 0 2px 0 2px;
	border: 0;
	padding: 0;
	height: 19px;
}

#rightside .header A SPAN, #rightside .header .current SPAN {
	float: left;
	display: block;
	/*background: url("../img/tile_inactive_right.gif") no-repeat right top #C22746;*/
	margin: 0;
	border: 0;
	padding: 0; /* 2px 5px 1px 0px; */
	font-weight: bold;
}

#rightside .header A SPAN {
	color: #06c;
}

#rightside .header UL A:hover {
	text-decoration: underline;
	color: #f0f0f0;
}

#haveyoursay{
	background: url(../img/haveyoursay.gif) no-repeat bottom right;
}

/* Brightcove Player Styles */
#bcplayer{
	clear:both;
	border:1px #ccc solid;
	margin:30px 0 0 0;
}
#bcplayer p, #bcplayer ul {
	margin:0 10px;
}
#bcplayer li a{
	margin-left:-10px;
}
/* End of Brightcove Player Styles */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#rightside .header A SPAN, #rightside .header .current SPAN {float:none;}
/* End IE5-Mac hack */

#rightside .header #current .current{
	/*background: url("../img/tile_active_left.gif") no-repeat left top;*/
	border-width: 0;
}
#rightside .header #current .current SPAN {
	/*background: url("../img/tile_active_right.gif") no-repeat right top;*/
	padding-bottom: 2px;
}
/* right hand side tile header end */

/* right hand side body start */
#rightside .tile2 .tilecontent {
	padding: 4px 5px 5px 5px;
	width: 150px;
}

#rightside .tile2 UL LI.indent {
	padding: 0 0 0 10px;
	background: url(../img/navpointer3.gif) 0em 0.4em no-repeat;
}
/* right hand side body end */


/*money expert tile */

#monex {
	width: 160px;
	padding:4px 0px 4px 0px;
	margin-left: -5px;
	font-size: 90%;
	border-bottom:1px dotted #ccc;
}
div.monex_footer {
	margin-left: -5px;
}
#monex #nav {
	clear: both;
}
#monex #nav a {
	height: 23px;
	float:left;
	text-decoration: none;
	cursor: pointer;
}
#monex #nav a#navcards {
	width: 49px;
	background: url(../img/personal_finance/1red.gif) left top no-repeat;
}
#monex #nav a#navloans {
	width: 47px;
	background: url(../img/personal_finance/2grey.gif) left top no-repeat;
}
#monex #nav a#navsavings {
	width: 64px;
	background: url(../img/personal_finance/3grey.gif) left top no-repeat;
}
#monex tr.detailsname td{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding: 0px;
	height: 20px;
}
#monex .titleplace {
	text-align: right;
}
#monex .financetype {
	padding: 3px 0px 3px 0px;
}
/* end money expert */

.clear{
	clear: left;
}

div#headernav .search-go{
	background: transparent url(../img/rsubmit.gif) no-repeat top left;
	border: none;
	width: 29px;
	height: 22px;
	padding-top: 27px;
	cursor: pointer;
}

.tile-widget, .tile-widget-closed{
	background: transparent url(../img/tile_header_left.png) no-repeat top left;
	width: 22px;
	height: 23px;
	display: block;
}
.tile-widget:hover, .tile-widget-closed:hover{
	text-decoration: none;
}
.tile-widget-closed{
	background-image: url(../img/tile_header_down.png);
	height: 24px;
}

/* legacy */

.LegacyContent img {
border: 0px;
}

/* popular stories tile */
p.popular{
	font-family:"Lucida Grande","Tahoma","Verdana","Arial",sans-serif;
	background: #305f92 url(/static/img/popular_bg.gif) repeat-x top left;
	padding: 4px 0 4px 25px;
	color: #fff;
	font-weight: bold;

}
ul#popular-stories{
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
ul#popular-stories li span{
	height: 18px;
	border-top: 1px dotted #ccc;
	padding: 1px 0 1px 25px;
	color: #000;
	font-weight: bold;
	display: block;
	cursor: pointer;
	background: transparent url(/static/img/bullet_minus.png) no-repeat 3% 50%;
}
ul#popular-stories li ul{
	border-top: 1px dotted #ccc;
}
ul#popular-stories li ul li{
	background:transparent url(/static/img/navpointer3.gif) no-repeat 3% 25%;
	padding-left: 14px;
}
span.openlist{
	background-image: url(/static/img/bullet_plus.png) !important;
}
.hidden{
	display: none;
}
h4.comment-header {
	font-size:140%;
	margin-top:15px;
}
ul.featured-jobs li {
	border-bottom: 1px dotted #3A3A3A;
	margin-bottom: 5px;
	padding-bottom: 5px;
}