@import url("reset.css");
@import url("typography.css");
@import url("grid.css");
@import url("news.css");
@import url("search-results.css");
@import url("calendar.css");

body {
	background:#484b4f;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
.wrapper {
	width:960px;
	background:#f3f3f3;
	margin: 0 auto;
	position: relative;
}
.content {
	position:relative;
	float:left;
	display:inline;
	width: 920px;
	margin-left:20px;
}
.header {
	width:920px;
	background: url(../Content/images/header-background.jpg) repeat-x;
	float:left;
	position:relative;
	margin-left:20px;
	display:inline;
    top: 0px;
    left: 0px;
}
.header-inner {
	width:920px;
	float:left;
}

.header-inner h1{
	display:inline;
}

.footer {
	min-height:30px;
	height:auto !important;
	height:30px;
	clear:both;
	position:relative;
	padding-right:15px;
	background: #125587;
	margin-top:20px;
}



/*----------------------------------------------------------------------------------------
FLASH HEADER
----------------------------------------------------------------------------------------*/
#flashHeader {
	clear:right;
	float:right;
}

/*----------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------*/

.navigation {
	float:left;
	width:100%;
}
.nav 
{
	width:748px;
	padding: 0;
	margin: 0 0 0 0;
	font: bold 1em Arial, sans-serif;
	float:left;
	display:inline;
	min-height:34px;
	line-height:26px;
	background:#0096d5 url(../Content/images/navigation-ul-bg.jpg) repeat-x bottom;
}
.nav li {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline;
	background:none;
	float:left;
	line-height:26px;
}
.nav li a {
	padding: 0 12px;
	text-decoration: none;
	color:white;
	float:left;
}
.nav li a:hover {
	color: white;
	background:#133955;
	text-decoration:none;
}
.nav li.active a {
	color:white;
	background:url(../Content/images/active-breadcrumb.gif) bottom center no-repeat;
	min-height:34px;
	height:auto !important;
	height:34px;
}
.nav li.active a:hover {
	color:white;
	min-height:34px;
	text-decoration:none;
	background:url(../Content/images/active-breadcrumb.gif) bottom center no-repeat;
}

/*----------------------------------------------------------------------------------------
BREADCRUMB
----------------------------------------------------------------------------------------*/
.breadcrumb {
	background:#f3f3f3;
	width:100%;
	width:540px;
	padding:5px 0px 15px 0px;
	text-align:left;
	float:left;
}
.breadcrumb p {
	background-color: transparent;
	margin-bottom: 0px;
	font-size:100%;
	color:#0095d5;
}
.breadcrumb p a {
	background-color: transparent;
	color: #143b59;
	text-decoration:none;
}
.breadcrumb p a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------
Secondary Navigation
----------------------------------------------------------------------------------------*/
ul.secondaryNavigation ul {
	width:170px;
	margin:0;
	padding:0;
	background-color:white;
}
ul.secondaryNavigation li {
	width:170px;
	list-style-type:none;
	margin:0;
	background:#0396d5;
	border-bottom:1px solid #f3f3f3;
	padding:0;
}
ul.secondaryNavigation li ul li, ul.secondaryNavigation li ul li ul li {
	list-style-type:none;
	margin:0;
	background:#f3f3f3;
	padding:0;
}
ul.secondaryNavigation li a {
	color:white;
	font-weight:bold;
	margin:0px 0px 0px 5px;
	min-height:10px;
	height:auto !important;
	height:10px;
	display:block;
	padding:5px 0px 5px 0px;
}
ul.secondaryNavigation li a:hover {
	color:#103F61;
}
ul.secondaryNavigation li.subnavSelected {
	background-color:#046691;
	margin:0;
	padding:0;
}
ul.secondaryNavigation li.subnavSelected a:hover {
	color:#0396d5;
}
ul.secondaryLevel li {
	margin:0;
	padding:0;
}
ul.secondaryNavigation li ul.secondaryLevel li a {
	margin: 0 0 0 5px;
	background-color:white;
	border-bottom:none;
	color:#125587;
	padding:5px;
}
ul.secondaryNavigation li ul.thirdLevel li {
	border:none;
}
ul.secondaryNavigation li ul.thirdLevel li a {
	margin:0px 0px 0px 10px;
	background-color:white;
	border:none;
	color:#66c1e7;
	width:150px;
	font-size:1em;
	font-weight:normal;
}
ul.secondaryNavigation li ul.thirdLevel li a:hover {
	color:#103F61;
}
ul.secondaryNavigation li ul.secondaryLevel li a.subnavSecondaryFirst {
	background-color:#dee7ee;
}
ul.secondaryNavigation li ul.secondaryLevel li a.subnavSecondaryFirst {
	margin-top:0px;
	margin-bottom:0px;
}
ul.thirdLevel {
	margin:0px;
	padding:0px;
}


ul.secondaryNavigation li ul.thirdLevel li ul {}
ul.secondaryNavigation li ul.thirdLevel li ul li a {width:145px;margin-left:15px;}


/*----------------------------------------------------------------------------------------
SEARCH
----------------------------------------------------------------------------------------*/
.email-container {
	display:inline;
	width:167px;
	float:right; /*CHANGE THIS FLOAT WHEN PLACING SEARCH CONTAINER ELSEWHERE*/
	padding:0;
	height:1%;
	font-size:100%;
	position:relative;
}
.search-container {
	display:inline;
	width:160px;
	float:right; /*CHANGE THIS FLOAT WHEN PLACING SEARCH CONTAINER ELSEWHERE*/
	padding:0;
	padding: 4px 0 4px 12px;
	height:1%;
	font-size:100%;
	position:relative;
	background-color:#0096d5;
}
.search-container .search-box, .email-container .email-box {
	background-color:transparent;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:125px;
}
.search-container .search-box input, .email-container .email-box input {
	background-color:transparent;
	background-image:url(../Content/images/search-box.gif);
	background-repeat:no-repeat;
	border:medium none;
	color:#515E6A;
	display:inline;
	float:left;
	font-size:1em;
	margin:0;
	padding:3px 5px 2px 5px;
	width:115px;
	
}
.search-container input.search-submit, .email-container input.email-submit {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
.postcode-container {
	display:inline;
	width:150px;
	float:left; /*CHANGE THIS FLOAT WHEN PLACING SEARCH CONTAINER ELSEWHERE*/
	padding:0;
	height:1%;
	font-size:100%;
	position:relative;
	margin-top:3px;
}
.postcode-container .postcode-box {
	background-color:transparent;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
.postcode-container .postcode-box input {
	background-color:transparent;
	background-image:url(../Content/images/search-box.gif);
	background-repeat:no-repeat;
	border:medium none;
	color:#515E6A;
	display:inline;
	float:left;
	font-size:1em;
	margin:0 0 6px 0;
	padding:3px 5px 2px 5px;
	width:110px;
}
.postcode-container input.postcode-submit {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}



/*----------------------------------------------------------------------------------------
HEADER&FOOTER: PIPED LIST
----------------------------------------------------------------------------------------*/
.newsletter {
	width:375px;
	background: #125587 url(../Content/images/newsletter-bg.jpg) no-repeat right center;
	min-height:24px;
	line-height:1.4em;
	height:auto !important;
	height:24px;
	padding-top:6px;
	padding-left:15px;
}

.newsletter strong {
	font-size:1.4em;
	font-weight:bold;
	color:#fff200;
	line-height:1.4em;
	float:left;
}

.language {
	min-height:25px;
	line-height:1.2em;
	height:auto !important;
	height:25px;
	padding-top:5px;
}

.header ul.pipe-list {
	font-size:0.9em;
	margin:5px 10px 0 0;
	padding:0;
}


.header ul.pipe-list li, .footer ul.flags li {
	margin:0;
	padding:0;
	list-style-type:none;
	background:none;
	float:left;
	color:white;
	line-height:15px;
}

.header ul.pipe-list li.NonEmergencies {
	background:url(../Content/images/phone-icon.jpg) top left no-repeat;
	padding:0 12px 5px 12px;
	margin-left:21px;
}

.header ul.pipe-list li.NonEmergencies strong {
	color:#c1ecff;
}


.footer ul.flags, .footer ul.footer-links {
	font-size:0.9em;
	margin:5px 10px 0 0;
	padding:0;
}


.header ul.pipe-list li a, .footer ul.flags li a, .footer ul.footer-links li a {
	padding: 0 4px;
	margin:0;
	text-decoration: none;
	color:#c1ecff;
}

.header ul.pipe-list li a:hover, .footer ul.flags li a:hover, .footer ul.footer-links li a:hover {
	color:white;
}

.footer ul.footer-links li {
	margin:0;
	padding:0;
	list-style-type:none;
	background:none;
	float:left;
	color:white;
}


ul.flags li a {
	height:11px;
	width:19px;
	text-indent:-9999px;
	display:block;
}

li a.english {
	background:url(../Content/images/uk-flag.jpg) no-repeat;
}

li a.chinese {
	background:url(../Content/images/china-flag.jpg) no-repeat;
}

li a.indian {
	background:url(../Content/images/india-flag.jpg) no-repeat;
}
li a.latvian {
	background:url(../Content/images/latvia-flag.jpg) no-repeat;
}
li a.lithuanian {
	background:url(../Content/images/lithuania-flag.jpg) no-repeat;
}
li a.polish {
	background:url(../Content/images/poland-flag.jpg) no-repeat;
}
li a.portuguese {
	background:url(../Content/images/portugal-flag.jpg) no-repeat;
}
li a.turkish {
	background:url(../Content/images/turkey-flag.jpg) no-repeat;
}




/*----------------------------------------------------------------------------------------
NEWS FEATURE
----------------------------------------------------------------------------------------*/
h2.news {
	color:#515559;
}

.featured-h2 {
	display:none;
}

.featured-h2 span {
	background-color:#f2e941;
	color:black;
	padding-right:2px;
	padding-left:2px;
}

a.rss {
	color:#515559;
	padding-right:30px;
	background:url(../Content/images/rss.jpg) no-repeat right center;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	margin:5px 0px;
	line-height:20px;
	vertical-align:text-bottom;
	position:relative;
	z-index:90;
}

a.rss:hover {
	color:#0396d5;
}


div#feature_list {
	width: 520px;
	height: 309px;
	overflow: hidden;
	position: relative;
	float:left;
	background-color:white;
	padding:0 10px 10px 10px;
	margin-right:20px;
	margin-bottom:20px;
}
div#feature_list ul {
	position: absolute;
	list-style: none;
	top: 40px;
	padding: 0;
	margin: 0;
}
div#feature_list ul#output li h2 {
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	line-height:1.15em;
	margin:0px;
}
ul#tabs {
	right:10px;
	width:270px;
	z-index:2;
}
ul#tabs li {
	list-style: none;
	background:none;
	margin:0 0 3px 0;
	padding:0px;
}
ul#tabs li img {
	padding: 0;
	border: none;
	float: left;
	margin:0;
}
ul#tabs li a {
	text-decoration: none;
	display: block;
	padding:3px 3px 3px 30px;
	height: 58px;
	outline: none;
	background: url(../Content/images/feature-tab.png) bottom left no-repeat;
}
ul#tabs li a:hover {
	color:#165889;
}
ul#tabs li a.current {
	background:  url(../Content/images/feature-tab-current.png) left center no-repeat;
	color: #FFF;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
	color:white;
}
ul#tabs li a span {
	font-weight:bold;
	color:#0095d5;
}
ul#tabs li a.current span {
	font-weight:bold;
	color:white;
}
div#feature_list ul#output {
	top: 0px;
	width:520px;
	height: 309px;
	position: relative;
}
div#feature_list ul#output img {
	position:relative;
	width:265px;
	height:265px;
}
ul#output li {
	position: absolute;
	top:40px;
	width: 265px;
	height: 265px;
	background:none;
	margin:0px;
	padding:0px;
}
ul#output li a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	margin:0px;
	text-decoration: none;
	font-weight:bold;
	font-size: 1em;
	color: #0094d6;
	background: white;
}
ul#output li a:hover {
	background: #0094d6;
	color:white;
}
ul#output li a.newsimg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	top:4px;
	margin:0px;
	text-decoration: none;
	font-weight:bold;
	font-size: 1em;
	color: #0094d6;
	background: white;
}
ul#output li a.newsimg:hover {
	color:white;
}


/*----------------------------------------------------------------------------------------
HELPER CLASSES
----------------------------------------------------------------------------------------*/

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	overflow: hidden;
	width: 100%;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.logo {
	margin:10px 0px 0px 40px;
	padding:0;
	float:left;}


/*----------------------------------------------------------------------------------------
COMPONENTS
----------------------------------------------------------------------------------------*/
/*.row {
	margin-bottom:20px;
	float:left;
	width:100%;
}*/

.have-your-say
{
width: 165px;
float: left;
}


.have-your-say p
{
font-size: 1.1em;
}

.poll img {
float: left;
}
 
.component-content {
	padding:7px;
}

.component-content {
	padding:7px;
}

.content .component-content {
	padding:7px 7px 0px 7px;
}



/*Small components*/


.small {
	width:170px;
	margin:0 0 20px 0;
	min-height:205px;
	height:auto !important;
	height:193px;
}

.small h2 {
	color:white;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	min-height:12px;
	height:auto !important;
	height:12px;
	margin:0;
	padding:4px 4px 4px 10px;
}

.small p, .small h3 {
	margin:0 0 5px;
}

.bio h2 {
	background:#7cc9ea url(../Content/images/small-component-lightblue-h2-bg.jpg) repeat-x bottom center;
	color:white;
}

.moreInformation {
	background-color:white;
	color:#515559;
	min-height:55px;
	height:auto !important;
	height:55px;
}
.moreInformation h2 {
	background:#c5c6c8 url(../Content/images/small-component-grey-h2-bg.jpg) repeat-x bottom center;
	color:#123651;
}
.crimeMaps {
	background:#d96532;
	color:white;
	min-height:173px;
	height:auto !important;
	height:173px;
}
.crimeMaps h2 {
	background:#ab4f27 url(../Content/images/small-component-orange-h2-bg.jpg) repeat-x bottom center;
}

.crimeMaps p a, .crimeMaps p a:hover {
color:white;
font-weight:bold;}


.policing-pledge-small {
	min-height:173px;
	height:auto !important;
	height:173px;
}
.policing-pledge h2, .policing-pledge-small h2, .regional h2, .twitter-widget h2, .youtube-widget h2, .facebook-widget h2 {
	background: #1D6495 url(../Content/images/medium-component-h2-bg.jpg) repeat-x scroll center bottom;
}

.policing-pledge h2 a, .policing-pledge-small h2 a { color: #fff; }
.policing-pledge h3 a, .policing-pledge-small h3 a { color: #fff; }

.regional {background:#babbbe none repeat scroll 0 0;
color:white;
height:auto !important;
min-height:140px;}

.regional p {margin:0px;padding:5px;background:#f9f9f9;border-top:1px solid #babbbe;}
.regional p  a {margin-left:5px;background:url(../Content/images/regional-news-more-link-icon.jpg) no-repeat right center;padding-right:20px;margin-right:3px;display:block;}
.regional-view-all-link {background:#babbbe;padding:7px;}
.regional-view-all-link a {color:white;font-weight:bold;font-size:1.2em;}




.kids {
	position:relative;
	background-color:#F2E941;
	color:#103F62;
}

.kids h2 {background: #f3c848 url(../Content/images/kids-h2-bg.jpg) repeat-x scroll 50% 100%;}



.kids h3 {
	font-weight:bold;
	font-size:1.8em;
}
.kids h3 span {
	background-color: #F2C641;
    color: white;
    line-height: 1.1em;
}
.policing-pledge, .policing-pledge-small {
	position:relative;
	background-color:#0095d5;
	color:white;
}


.contact {
	background:white;
	position:relative;
}

.crime-stoppers {background:#F3F3F3;
				position:relative;padding-top:20px;}

.contact h2 {
	background:#7cc9ea url(../Content/images/small-component-lightblue-h2-bg.jpg) repeat-x bottom center;
	color:white;
}
.contact p strong {
	color:#0094d4;
}
.contact p a {
	color:#103F61;
	font-weight:bold;
}


.contact p a:hover {
	color:#0094d4;
	text-decoration:none;
}
.contact-footer {
	background:#65c0e7;
	min-height:63px;
	height:auto !important;
	height:63px;
	padding:8px;
}
.contact-footer p {
	color:#165889;
	margin-bottom:0; 
}
.contact-footer p strong {
	color:#f2e941;
}


/*Medium components*/

.medium {
	width:360px;
	margin:0 0 20px;
}

.medium h2 {
	color:white;
	font-weight:bold;
	padding:4px 4px 4px 10px;
	display:block;
	width:346px;
	background:#1d6495 url(../Content/images/medium-component-h2-bg.jpg) repeat-x bottom center;
	min-height:12px;
	height:auto !important;
	height:12px;
	margin:0;
	font-size:1.2em;
}

.medium p {
	margin:0 0 5px;
}

.policing-pledge h3, .policing-pledge-small h3 {
	color:white;
	font-weight:bold;
	font-size:1.7em;
	margin-top:0px;
}
.policing-pledge-small p {
	width:50%;
	float:left;
}
.policing-pledge strong, .policing-pledge-small strong {
	color:#eeec0e;
	font-weight:bold;
}
.policing-pledge img, .policing-pledge-small img {
	position:absolute;
	bottom:0;
	right:0;
}
.local-station {
	position:relative;
	background-color:#b30549;
	color:#103F62;
}

.local-station h2 {background:#c61057 url(../Content/images/team-and-station-h2-bg.jpg) repeat-x bottom center;}




.local-station h3 {
	font-weight:bold;
	color:white;
}

.local-station p {color:#fff;}

.local-station a, .local-station a:hover {color:White;}


.dynamic {
	background:#c1ecff;
	margin-right:20px;
}

.regional {
	background:#c1ecff;
}

.dynamic h3 {
	font-size:1.8em;
	margin:0 0 10px;
}
.dynamic h3 span {
	font-weight:bold;
	color:#0a6c97;
	background-color:white;
	line-height:1.1em;
	font-size:100%;
}
.dynamic p {
	margin:0 0 5px;
}

.dynamic .component-content a.read { padding:10px; font-size:1.2em; }

/*----------------------------------------------------------------------------------------
ACCORDIONS
----------------------------------------------------------------------------------------*/


.accordion {
	background:white;
	width:350px;
	margin:0;
	float:left;
}
.accordion h2 {
	color:white;
	font-weight:bold;
	padding:4px 4px 4px 10px;
	display:block;
	width:336px;
	background:#1c5e8e url(../Content/images/medium-component-h2-bg.jpg) repeat-x bottom center;
	min-height:12px;
	height:auto !important;
	height:12px;
	margin:0;
	font-size:1.2em;
	float:left;
	cursor:pointer;
}
.categoryitems {
	float:left;
	display:inline;
	padding:10px;
}

.categoryitems ul {margin:0px;padding:0px;}

.categoryitems ul li {
	list-style-type:none;
	font-size:1em;
	background:none;
	padding:0;
	margin:0;
	display:inline;
}
.categoryitems ul li a, .categoryitems ul li a:hover {
	color:#53575b;
	text-decoration:none;
	display:inline;
}

.categoryitems-icon {
	width:80px;
	float:left;
	display:inline;
}
.categoryitems-icon img {
	display:inline;
	margin-bottom:3px;
}
.categoryitems-content {
	width:240px;
	float:left;
	display:inline;
}

.categoryitems strong {
	color:#505458;
}
.categoryitems .date {
	font-weight:bold;
	color:#0095d5;
}



.neighbourhoodAccordion h3 {
	color:#174466;
	font-size:1.4em;
	padding:5px 5px 5px 25px;
	margin:0;
	background:url(../Content/images/accordion-closed.jpg) left center no-repeat;
	/*width:490px;*/
	cursor:pointer;
}

.neighbourhoodAccordion h3.openheader {
	background:url(../Content/images/accordion-open.jpg) left center no-repeat;
}


.handle {
	position:relative;
}
.neighbourhoodAccordion .handle a.NPTpage {
	position:absolute;
	top:0px;
	right:0px;
	font-size:1.2em;
	padding:8px;
}
.neighbourhoodAccordion .categoryitems {
	float:left;
	font-size:1.2em;
	display:inline;
	height:auto;
	padding:0px;
	margin-left:25px;
}

.neighbourhoodAccordion .categoryitems a {
	color:#0095d5;
}

.neighbourhoodAccordion .categoryitems ul {
	display:block;
	margin:0px 0px 0.5em 20px;
}
.neighbourhoodAccordion .categoryitems ul li {
	display:block;
	padding:2px;
}
.neighbourhoodAccordion .categoryitems h4 {
	font-size:1em;
	color:#515559;
	font-weight:normal;
	cursor:pointer;
}
.neighbourhoodAccordion .categoryitems .subexpandable.openheader h4 {
	font-weight:bold;
}




/*----------------------------------------------------------------------------------------
NEIGHBOURHOOD PAGES
----------------------------------------------------------------------------------------*/

ul.inThisSection {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0.5em 0;
	list-style-type:none;
}
ul.inThisSection li {
	background:none;
	padding:0;
}
ul.inThisSection li a {
	background:url(../Content/images/blue-arrow.jpg) no-repeat;
	padding:2px 0 5px 15px;
	line-height:19px;
	margin-bottom:5px;
}
.neighbourhoodSectionCol1x {
	float:left;
	width:30%;
}
.neighbourhoodSectionCol1 {
    float:left;
    width:100%;
}
.neighbourhoodSectionCol1 h3 {
	margin:0;
	padding:0;
}
.neighbourhoodSectionCol2 {
	float:left;
	width:70%;
}

.teamMember {
    float:left;
	min-height:150px;
	height:auto !important;
	height:150px;
    width:260px;
}

.teamMember img {margin-top:10px;}
.teamMember-data {width:178px; float:right;}

.neighbourhoodSectionRow {
	float:left;
	width:100%;
}
.neighbourhoodSectionRow ul li {
	font-weight:bold;
	background:none;
	padding:7px 0;
	margin:0;
}
.neighbourhoodSectionRow strong {
	color:#0095d5;
	font-weight:bold;
	font-size:1em;
}
.neighbourhoodSectionRow strong.grey {
	color:#484b4f;
}
.neighbourhoodSectionRow img {
	float:left;
	margin-right:10px;
}
.neighbourhoodSectionRow p {
	margin:1em 0;
}
.topLink {
	color:#103f62;
	font-weight:bold;
}
/*----------------------------------------------------------------------------------------
FORM
----------------------------------------------------------------------------------------*/

.feedbackform  {
	float:left;
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:10px;
}
.feedbackform  div {
	margin-bottom:20px;
	float:left;
	width:520px;
}
.feedbackform  label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
}
.feedbackform  input {
	float:right;
	background:#f1f2f4;
	color:#5f5f5f;
	border:0px solid #365f7c;
	padding:2px;
	width:170px;
}
.feedbackform  select {
	float:right;
	background:#f1f2f4;
	color:#5f5f5f;
	border:0px solid #365f7c;
	padding:2px;
	width:175px;
}
.feedbackform textarea {
	float:left;
	width:514px;
	height:100px;
	margin-top:10px;
	background:#f1f2f4;
	color:#5f5f5f;
	border:0px solid #365f7c;
	padding:2px;
}
input:focus, textarea:focus, select:focus {
	background-color:#f1f2f4;
	padding:1px;
	
}
.feedbackform  div.checkbox-container, .feedbackform  div.radio-container {
	width:25%;
	clear:left;
}
.feedbackform  p {
	margin-bottom:10px;
	float:left;
}
.feedbackform  div.checkbox-container div, .feedbackform  div.radio-container div {
	width:100%;
	margin-bottom:10px;
}
.feedbackform  div.checkbox-container label, .feedbackform  div.radio-container label {
	padding-top:3px;
}
.feedbackform  .checkbox {
	width:auto;
}
input.submit {
	width:80px;
	background-color:#0396d5;
	color:white;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
}*


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

.s-h {
	display: block;
	height: 0;
	float: left;
	overflow: hidden;
	width: 0;
} /* accessible display none */

.s-h-o {
	left: -9999em;
	position: absolute;
	top: -9999em;
} /* place content off screen */

.s-i-bg {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}

.s-i-i {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}

.s-break {
	display: block;
}
.margin-top {margin-top: 1.5em;}


/*ADD TO FULL SITE
*/
.component-content-video {
	padding:15px 20px;
}

.home-jobs {background-color:#e3e4e6;padding:10px;border-bottom:1px solid white;}
.home-jobs h4 {margin:0px;padding-bottom:5px;}
.home-jobs.last {border-bottom:none;}

.events {
	background:#d5cd27;
	color:white;
	min-height:140px;
	height:auto !important;
	height:140px;
}
.events h2 {
	background:#d5cd27 url(../Content/images/small-component-yellow-h2-bg.jpg) repeat-x bottom center;
}

.events p a, .events p a:hover {color:white;font-weight:bold;}

.no-print {display:none;}


.col-wrapper-med {float:left; display:inline; width:350px;margin-bottom:20px; margin-right:20px; }
.col-wrapper-sml {float:left; display:inline; width:170px;margin-bottom:20px; }
.footer-logos {float:left; display:inline; margin:0; background:#f3f3f3;}
.footer-logos img {float:left; margin-right:15px; margin-bottom:15px;}
.footer-logos img.last { margin-right:0; margin-top:10px; }

/*----------------------------------------------------------------------------------------
PDF
----------------------------------------------------------------------------------------*/

.pdf-banner { position:relative; }
.pdf-link { position:absolute; top:10px; left:20px; }


/*----------------------------------------------------------------------------------------
CMS TWEETER & FACEBOOK ICONS
----------------------------------------------------------------------------------------*/

a#TweetIcon { background:url(/Content/images/tweet-this-page.gif) no-repeat 0px 3px; }
a#TweetIcon:hover { background-position:0px -47px; }

a#FacebookIcon { background:url(/Content/images/facebook.gif) no-repeat 0px 3px;}
a#FacebookIcon:hover { background-position:0px -47px; }


/*----------------------------------------------------------------------------------------
New styles for dynamic widget with image & Generic widget
----------------------------------------------------------------------------------------*/

.content-image { background:#0096d5; color:#FFFFFF; padding:0; width:360px; }
.content-image .component-content { padding:0; }
.content-image p { clear:left; padding:10px; margin:0; }
.content-image a { text-decoration:underline; color:#FFFFFF; }
.content-image a:hover { text-decoration:none; color:#FFFFFF; }
.content-image p.right {padding:0 10px 10px 10px; }

.contact { float:right; min-height:10px; height:auto !important; height:10px; }
.contact-footer { min-height:10px; height:auto !important; height:10px; }
.generic, .poll { background-color:#246290; color:#FFFFFF; position:relative;}
.generic h2, .poll h2 { background:url("../Content/images/medium-component-h2-bg.jpg") repeat-x scroll center bottom; }
.generic a { color:#f2e941; font-weight:bold; } 
.generic a:hover, .poll a:hover { color:#f2e941; } 

.wanted img
{
    height: 110px;
}
.poll
{
background-color:#F3F3F3;
color:#515559;
margin-top:20px;
width:350px;
}

.poll-holder {width:150px; position:relative; margin-bottom:5px; min-height:20px;}
.poll label { font-size:1.2em; line-height:1.4em; top:3px; left:20px; position:relative; width:120px; }
.poll .radio { background: url(../Content/images/radio.gif) no-repeat; width: 19px; height: 25px; padding: 0 5px 0 0; display: block; position:absolute; top:0; left:0; }
.poll a.more { clear:both; float:left; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1.2em; margin:5px 0px; line-height:1.4em; background:url(../Content/images/find-out-more.gif) no-repeat right center; }

.key_icons {overflow: hidden;}
.key_icons p {margin: 0 10px 0 0;}
/*----------------------------------------------------------------------------------------
FORM
----------------------------------------------------------------------------------------*/
.survey-section { float:left; width:520px; }
.survey-section div { float:left; width:520px !important; margin-bottom:7px; }
.survey-section div p { margin-top:0px; margin-bottom:3px; }
.survey-section label { font-size:1.2em; font-weight:bold; color:#505458; }
.survey-single-question input { width:242px; border:1px solid; float:right; }
.survey-single-question select { width:95px; border:1px solid; float:right; }
.survey-text-question textarea { float:left; width:518px; height:95px; border:1px solid; margin-top:5px; }
input.submit { width:80px; background-color:#0396d5; color:white; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:0px; }


.CmsContentPanels
{ position:relative; }

#homepageLinkPaneWrapper .CmsContentPanels
{ position:static;}

.content-pane-unapproved { position:absolute;top:-15px;right:-15px; }


.graph { margin-bottom:7px; width:150px; }
.graph thead h3 { padding:0; }
.graph tfoot { display:none; }
.graph thead tr th { margin:0; padding:0; }
.graph thead tr th h3 { color:#006AA4; font-size:1.3em; }
.graph thead th, .graph tfoot td, .graph, .graph td { background-color:#f3f3f3; border:0 none; }
.graph td { color:#515559;font-size:1em; font-weight:bold; padding:2px; }
.bar { background-color:#65C0E7; padding:0; text-align:right; width:140px; }
.bar div { background-color:#65C0E7; color:white; height:2em;line-height:2em; margin-bottom:5px; padding:0; text-align:right; }
.content-pane-unapproved{display:none;}

/*----------------------------------------------------------------------------------------
Add to Any 
----------------------------------------------------------------------------------------*/
.a2a_kit {line-height:1.2em;padding-top:3px; margin-right:10px; float:right; }
.a2a_kit a.a2a_dd {color:#C1ECFF; margin:0; font-size:1.08em;}
.a2a_kit a.a2a_dd:hover {color:#FFFFFF;}
.a2a_kit span.a2a_divider {border-left:1px solid #C1ECFF;}
.a2a_kit .a2a_i_a2a {background:url(../Content/images/a2a.png) 0 0 no-repeat;}

/*----------------------------------------------------------------------------------------
You policing team - bn
----------------------------------------------------------------------------------------*/
.your-policing-team .twitter-widget, .your-policing-team .youtube-widget, .your-policing-team .facebook-widget
{
    background-color: #ffffff;
}
.your-policing-team .twitter-widget p { font-size: 10px; margin: 10px 0px 3px 7px; }
/*.your-policing-team .twitter-widget ul { margin: 0px; word-wrap: break-word; }*/
.your-policing-team .twitter-widget ul li { background: none; padding: 0px 7px 5px; }
.your-policing-team .twitter-widget img { margin: 0px 0px 15px 10px; }
.your-policing-team .twitter-widget li span { color: #0095d5; display: block; margin:5px 0; }
.facebook-widget, .youtube-widget { padding-bottom: 15px; }
.facebook-widget h2, .youtube-widget h2 { color:white; display:block; font-size:1.2em; font-weight:bold; height:auto !important; margin:0; min-height:12px; padding:4px 4px 4px 10px; }
.facebook-widget img, .youtube-widget img { margin: 17px 0px 10px 8px; }
.facebook-widget p, .youtube-widget p { margin: 0px 0px 0px 11px; }
.your-policing-team .youtube-channel-links { float:right; margin:10px 0 20px; width:235px; }
.your-policing-team .youtube-channel-links ul { margin: 8px 0px 0px 0px; }
.your-policing-team .youtube-channel-links li { margin:0 0 5px; padding:0; }
.your-policing-team .youtube-channel-content p { float: left; }
.neighbourhood-subheading { margin-bottom: 10px; }
.facebook-widget
{
    margin-bottom: 20px;
}

/*----------------------------------------------------------------------------------------
Neighbourhood overview - bn
----------------------------------------------------------------------------------------*/
.NeighbourhoodOverview-img
{
    position: absolute;
    top: 10px;
    left: 205px;
}

.neighbourhoodAccordion
{
    position:relative;
    margin-top: 10px;
    min-height: 405px;
    height:auto !important;
    height:500px;
    width: 300px;
}


.neighbourhoodAccordion .subcategoryitems
{
    width: 170px;
}
 



/********************* Front Page Update 11/04/2011 *********************/

.col-wrapper
{
	width:360px;
	float:left;
	margin-right:20px;
}

/*Ticker Start*/

.ticker
{
	position:relative;
	float:left;
	width:540px;
	height:24px;
	margin-bottom:15px;
	overflow:hidden;
	background-color:#fff;
}

.tickerHead
{
	position:relative;
	float:left;
	height:14px;
	padding:5px 10px;
	background-color:#65c0e7;
	color:#153860;
	font-size:11px;
	font-weight:bold;
	border-left:1px solid #fff;
	border-right:1px solid #eff4f5;
}

.tickerBody
{
	position:relative;
	float:left;
}

ul.tickerContent  {
	list-style:none;
}
ul.tickerContent li, ul.tickerContent li a {
	padding:4px;
	background-image:none;
	color: #153860;
	font-size:14px;
}

/*Ticker End*/

/*Welcome Start*/

.welcomeText
{
	position:relative;
	float:left;
	width:170px;
	height:103px;
}

.welcomeImage
{
	position:absolute;
	bottom:0px;
	right:0;
	width:170px;
	height:110px;
}

/*Welcome End*/

/*Traffic Start*/

.traffic {
	position:relative;
	color:#fff;
	background:#441962  url(../images/traffic-body-bg.jpg) no-repeat bottom left;
}

.traffic h2 {
	background:#441962  url(../images/traffic-head-bg.jpg) no-repeat bottom left;
}

.traffic p {
	font-weight:bold;
	color:#fff;
}

.traffic a, .traffic a:hover {
	font-weight:bold;
	color: #fff;
}

/*Traffic End*/

/*Social Start*/

.categoryitems
{
	min-height:93px;
}

h2.menuheader a, h2.menuheader:hover
{
	color:#fff !important;
}

/*Social End*/

/*Wanted Start*/

.wanted {
	position:relative;
	color:#103F62;
	background:#1d5d8d url(../images/wanted-body-bg.jpg) no-repeat bottom left;
}

.wanted h2 {
	background:#1d5d8d url(../images/wanted-head-bg.jpg) no-repeat bottom left;
}

.wanted h2 a, .wanted h2 a:hover {
	color:#fff;
}

.wanted p {
	color:#fff;
}

.wanted a, .wanted a:hover {
	font-weight:bold;
	color:#f2e941;
}

/*Wanted End*/

/*Youth Start*/

.kids {
	position:relative;
	background:#F2E941 url(../images/youth-body-bg.jpg) no-repeat bottom left;
	color:#103F62;
}

.kids h2 {background:#F3C848;}

.kids p
{
	color:#103F62;
}

/*Youth End*/

/*Contact Start*/

.contact h2 {
	background:#7cc9ea url(http://www.cumbria.police.uk/Content/images/small-component-lightblue-h2-bg.jpg) repeat-x bottom center !important;
}

.contactColumn, .contactColumnRight
{
	position:relative;
	float:left;
}

.contactColumnRight
{
	margin-left:20px;
}

.contact-footer {
	clear:both;
	min-height:17px !important;
	height:auto !important;
	padding:4px 0 0 8px !important;
}

/*Contact End*/

hr {border: none; border-bottom: 1px solid #eee; background: none; margin: 1.5em 0;}

/* twitter feed
--------------------------------------------- */
.m-twitter-feed { position:relative; color:#515559; width:190px; float:left; }
.m-twitter-feed .img-overlay-bottom { position:absolute; bottom:0; left:0; height:6px; width:190px; background:url(../images/news-feed-overlay.png) no-repeat; }
.m-twitter-feed .img-overlay-top { position:absolute; top:0; left:0; height:6px; width:190px; }
.m-twitter-feed .m-h { min-height:25px; height:auto !important; height:25px; width:190px; }
.m-twitter-feed .m-h h2 { display:inline; margin-bottom:0; margin-left:7px; color:#FFFFFF; font-size:1.3em; line-height:24px; }
.m-twitter-feed .m-h img.twitter-logo { display: none; }
.m-twitter-feed .m-h p { float:right; margin-bottom:0; line-height:24px; position:absolute; top:0px; right:0px; }
.m-twitter-feed .m-h a { color: #103F61; text-decoration:none; font-weight:bold; font-size:0.8333em; }
.m-twitter-feed .m-b {height: 85px;}
.m-twitter-feed .m-b a { color:#105771; }
.m-twitter-feed .m-f {position:relative; height:25px;}
.m-twitter-feed .tweet-spacer {position:absolute; z-index:1;}
.tweet_text, .tweet_time {position:relative; z-index:10; font-size: 11px; line-height: 1.35;}
.tweet_text {color:#515559;}
.tweet_time {clear:both; display:block; color:#9C9590; font-size: 11px; padding-top: 5px;}
.m-twitter-feed .m-b .tweet_time a { color: #103F61; }
/*m-twitter-feed and #Carousel are the same item*/
#carouselWrapper {top: -10px; left: -20px;}
#carousel ul { width: 190px; min-height: 90px; height:auto !important; height: 90px; list-style: none;	margin: 0; padding: 0; position:relative; }
#carousel ul li { width:240px; min-height: 90px; height:auto !important; height: 90px; display:inline; float:left; padding: 0; margin-bottom:0; color: #515559;}

.tweet_join {color:#515559; display:block;  position:relative; z-index:1000; font-weight:bold; font-size:1.1667em; margin-bottom: 5px;}

#carousel ul li a { color: #103F61; text-decoration:none;}
#carousel ul li a:hover { color:#105771; }
.loading {padding: 14px 0 0 0;}

/*
    budget survey form
--------------------------------------------------------------------------------*/

.budgetsurvey, .form_row, .form_section {position: relative;}
.budgetsurvey .left {float: left;}
.budgetsurvey .right {float: right;}
.budgetsurvey .central {margin-left: 84px;}
.budgetsurvey .step {margin-bottom: 20px;}

/* {margin: 0 10px 10px 0; float: left; position: relative; top: 1px; vertical-align: bottom; overflow: hidden;}*/
.budgetsurvey .checkboxes {position: absolute; top: 0;}
.form_section label, .form_section p, .form_row li {font-size: 13px; color: #000;}
.form_section label {display: block; padding-left: 25px; line-height: 1.2;}
.form_row ul {margin: .5em 0 0; overflow: hidden;}
.form_row ul, .form_row li {list-style-type: none; background: none; padding: 0;}
.budgetsurvey .navigation_button, .budgetsurvey .allocation {background: #0095d5; -webkit-appearance: none; -moz-appearance: none; border: none; padding: 4px 7px; color: #fff; cursor: pointer}
.budgetsurvey .allocation {background: #bb064d; float: right;}

.budgetsurvey hr {display: block; border-bottom-color: #babbbe; margin: 0;}
.budgetsurvey #eighth hr {margin-bottom: 8px;}
.budgetsurvey .hr_blue {border-bottom-color: #68c1e8;}
.budgetsurvey .bottom_hr {display: block; margin: 20px 0 0; clear: both;}

.budgetsurvey .form_section h2, .budgetsurvey .step h2 {color: #000; font-size: 14px;}
.budgetsurvey .form_section h3 {color: #154466; font-size: 14px; display: block; width: 440px;}
.budgetsurvey .form_section b {position: absolute; right: -80px; top: 0;}

.form_section {overflow: hidden;}
.form_row {margin: 0 0 10px 0; width: 440px;}
.form_images {width: 504px; height: 102px; overflow: hidden; float: left; margin: 20px 0 20px 8px;}
.activity_area {width: 150px;}
.activity_area, .provision, .money {display: block; float: left;}
.money {text-align: right; width: 46px;}
.budgetsurvey .provision {margin: 0 50px 0 23px; width: 250px; word-break: break-word;}
#eighth label, #eighth p {padding: 0; margin: 0 0 20px;}
#eighth label, .form_section select {display: inline;}
#eighth .form_row {overflow: hidden; width: auto;}
#seventh ul, #seventh .form_row {width: auto !important;}
.form_section select {margin: 0 0 30px; padding: 0; float: right; width: 140px;}
.budgetsurvey textarea {display: block; width: 514px; margin: 0 0 8px;}
.budgetsurvey input[type="email"] {display: block; margin: 10px 0 0; width: 514px;}
.budgetsurvey input, .budgetsurvey textarea, .budgetsurvey select {border: 1px solid #ccc; padding: 2px;}
.budgetsurvey input[type="checkbox"] {border: none;}
.budgetsurvey .bold_label {font-weight: 900;}
.summary_total {text-align: right; width: 100%;}
label.error { color:Red; font-weight:bold;}

#form-overbudget { padding: 1.5em 15px; text-align: left; }
#form-overbudget #ok { background: #0095d5; -webkit-appearance: none; -moz-appearance: none; border: none; padding: 4px 7px; color: #fff; cursor: pointer }