/* CSS Document for Dorset Police site */
html {background:url(../../../../images/header_bg.gif) repeat-x;}
body {font-size: 76%; line-height:1.4; font-family: Arial, Helvetica, sans-serif; background: #fff;	color: #666; border-left:5px solid #fff; border-left:5px solid #fff; margin:5px 0; background:url(../../../../images/topbar.gif) no-repeat 122px 0px;}
* html body {background-position:122px 5px; bac\kground-position:122px 0px;} /* Fix for IE 5 */
* {margin:0; padding:0;}
.skip, div#skip {display:none; float:left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* default link styles */
a, a:visited {color: #4F0B7B; text-decoration:none;}
a:hover {text-decoration:underline;}
/* end default link styles */

/* 3-column layout rules */
div#container {min-width:394px;}
div#container {width:expression(document.body.clientWidth < 800? "764px": "auto" ); w\idth:expression(document.body.clientWidth < 800? "390px": "auto" );}
div#container {clear:both; position:relative; display:block; border-left:0px solid #fff; border-right:0px solid #fff; overflow:visible;}
div#container.wide {border-right:none; min-width:598px; width:expression(document.body.clientWidth < 800? "598px": "auto" );}
/*div'container {float : left; width : 98%; border : solid 1px blue;}*/
div#left { display : none; float:left; position:relative; width:162px; margin-left:-162px;}
div#right { display : none; float:right; position:relative; width:212px; margin-right:-212px;}
div#footer {clear:both; display:block;}
.prop {height:1px; background:red; width:600px;}
/* end 3-column layout rules */

div#header {display:block; overflow:visible;}
div#header {min-width:768px; width:expression(document.body.clientWidth < 800? "764px": "auto" );}
html>body div#header {}
div#header h1 {display:none;}
div#logo {float:left; position:relative; width:121px; display:inline;}

/* search box */
#SearchBox {display : none; float:right; clear:right; margin:22px 2px 5px 0; padding:0 0 0 0; border: none;}
#SearchBox td {padding:0; border: none;}
#SearchBox label {font-size:1.6em; color:#4F0B7B; padding:0 6px 0 0;}
#SearchBox input {float: left; margin: 2px 0px 0px 0px; width: 140px; font-size: 1em; border: solid 1px #4F0B7B; text-align : left; vertical-align : middle;}
#SearchBox img {float: left; border:none; margin:0 6px; clear: none;}
#SearchBox table, #SearchBox td {font-size:1em;}

/* textsize in header */
div#textsize {float:right; display : none;}
div#textsize ul {list-style-type:none; padding:2px 2px 8px 0;}
div#textsize ul li {padding:0 4px 0 4px; margin:0px;float:left;}
div#textsize ul li.small a {float:left; margin:0px; padding:0px; font-size:17px; font-style : normal; font-weight:bold;}
div#textsize ul li.medium a {float:left; margin:0px; padding:0px; font-size:18px; font-style : normal; font-weight:bold;}
div#textsize ul li.large a {float:left; margin:0px; padding:0px; font-size:20px; font-style : normal; font-weight:bold;}

/* navlinks in header */
div#nav {display : none; clear:right;}
div#nav ul {list-style-type:none;}
div#nav ul li {padding:0 6px 0 14px;float:left; background-image:url(../../../../images/bullet.gif); background-repeat:no-repeat; background-position:4px 50%; white-space:nowrap;}
div#nav ul li#skipnav {background-image:url(../../../../images/bullet_blue.gif);}
div#nav ul li#about {background-image:url(../../../../images/bullet_red.gif);}
div#nav ul li#contact {background-image:url(../../../../images/bullet_orange.gif);}
div#nav ul li#foi {background-image:url(../../../../images/bullet_blue.gif);}
div#nav ul li#policies {background-image:url(../../../../images/bullet_red.gif);}
div#nav ul li#accessibility {background-image:url(../../../../images/bullet_orange.gif);}
div#nav ul li#accesskeys {background-image:url(../../../../images/bullet_blue.gif);}
div#nav ul li#sitemap {background-image:url(../../../../images/bullet_red.gif);}
div#nav ul li#normal, div#nav ul li#large, div#nav ul li#largest {float:right;}
/* end header */

/* breadcrumb trail */
div#crumbs {float:left; clear:both; border-top:2px solid #fff; border-bottom:2px solid #fff; background-color:#ebebeb; padding:2px 0 2px 0; font-size:.92em; width:100%;}
div#crumbs {min-width:768px; width:expression(document.body.clientWidth < 800? "764px": "auto" );}
div#crumbs ul {float:left; list-style-type:none;}
div#crumbs ul li {float:left; padding:0 0 0 14px; background:url(../../../../images/bullet_grey.gif) no-repeat 0 50%;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
div#crumbs p {float:right; margin:0 8px 0 0;}
/* end breadcrumb trail */

/* background image in the pagebody */
div#left {display : none; background-image:url(../../../../images/safer_neighbourhoods.jpg); background-repeat:no-repeat; background-position:0 0;}
div#content {float : left;}

div#left.home {background-image:url(../../../../images/home_wide.jpg); background-repeat:no-repeat; background-position:0 0;}
div#content.home {border : solid 1px red; float : left; width : 98%;}

/* end background image in the pagebody */

/* content */
div#content {/*padding:0 16px;*/ text-align: justify;}
div#pageheading {min-height:100px; height:auto !important; height:100px;}
div#pageheading h2 {font-size:2.6em; padding:.6em 0 0 0; color: #4F0B7B; font-weight:normal;}
div#content_wrapper {width : 98%; margin : 2px; float : left;}
div#content_wrapper .PageCounter {display : ;}
div#content_news {margin : 2px;	width : 98%; float : left;}
div#content_news .date, div#content_wrapper .date {margin:0px; padding:0px; color: #4F0B7B; font-weight:normal;}
div#content_news .title div#content_wrapper  .title {margin:0px; padding:0px; color: #4F0B7B; font-weight:bold;}
div#content_news #PageCounter {display : none;}

div#content_news div#news {float : left; width : 100%; margin : 5px 0px 5px 0px; padding : 0px;}
div#content_news div#news p {}
div#content_news div#new div#clear {clear:both;}
/* content */

/* lists */
div#content_wrapper ul {margin : 0 0 0 2em; border : solid 0px red;}
div#content_wrapper .bullets li {padding : 0; list-style-type : disc; list-style : outside; color : #666666;}
/* end lists */

/* subnav */
div#subnav {width:162px; padding:89px 0 0 0;}
div#subnav ul {list-style-type:none; font-size:1.1em; font-weight:bold;}
div#subnav ul li {line-height:normal; background:url(../../../../images/subnav_bg.png) repeat-x top #E6E6E8; margin:0 0 2px 0;}
div#subnav ul li a {border-left:1px solid #DCCEE5; border-top:1px solid #DCCEE5; border-bottom:1px solid #DCCEE5; border-right:5px solid #DCCEE5; padding:2px 4px 2px 66px; text-decoration:none; display:block; background-repeat:no-repeat; background-image:url(../../../../images/subnav_equality.jpg); width:162px; w\idth:86px; min-height:34px; height:auto !important; height:34px;}
div#subnav ul li a:hover {text-decoration:underline; color:#000;}
div#subnav ul li.active a {color:#000;}

div#subnav ul li#leftMenuTop0 a {border-right-color:#4B0B79; background-image:url(../../../../images/subnav_victim_of_crime.jpg);}
div#subnav ul li#leftMenuTop1 a {border-right-color:#003C7F; background-image:url(../../../../images/subnav_my_area.jpg);}
div#subnav ul li#leftMenuTop2 a {border-right-color:#A31C2D; background-image:url(../../../../images/subnav_staying_safe.jpg);}
div#subnav ul li#leftMenuTop3 a {border-right-color:#DF7124; background-image:url(../../../../images/subnav_working_with_us.jpg);}
div#subnav ul li#leftMenuTop4 a {border-right-color:#0B563F; background-image:url(../../../../images/subnav_help_us_to_help_you.jpg); }
div#subnav ul li#leftMenuTop5 a {border-right-color:#007C93; background-image:url(../../../../images/subnav_news_and_events.jpg);}
div#subnav ul li#leftMenuTop6 a {border-right-color:#802335; background-image:url(../../../../images/subnav_equality.jpg);}
div#subnav ul li#leftMenuTop7 a {border-right-color:#005294; background-image:url(../../../../images/subnav_force_performance.jpg);}
div#subnav ul li#leftMenuTop8 a {border-right-color:#5A0C7C; background-image:url(../../../../images/subnav_police_authority.jpg);}

div#subnav ul li#leftMenuTop0Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop1Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop2Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop3Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop4Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop5Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop6Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop7Sel a {color:#000; border-right-color:#4B0B79;}
div#subnav ul li#leftMenuTop8Sel a {color:#000; border-right-color:#4B0B79;}

div#subnav ul li#leftMenuTop0 ul li a,
div#subnav ul li#leftMenuTop1 ul li a,
div#subnav ul li#leftMenuTop2 ul li a,
div#subnav ul li#leftMenuTop3 ul li a,
div#subnav ul li#leftMenuTop4 ul li a,
div#subnav ul li#leftMenuTop5 ul li a,
div#subnav ul li#leftMenuTop6 ul li a,
div#subnav ul li#leftMenuTop7 ul li a,
div#subnav ul li#leftMenuTop8 ul li a       
{background:none;}
div#subnav ul li#leftMenuTop0 ul ul li a,
div#subnav ul li#leftMenuTop1 ul ul li a,
div#subnav ul li#leftMenuTop2 ul ul li a,
div#subnav ul li#leftMenuTop3 ul ul li a,
div#subnav ul li#leftMenuTop4 ul ul li a,
div#subnav ul li#leftMenuTop5 ul ul li a,
div#subnav ul li#leftMenuTop6 ul ul li a,
div#subnav ul li#leftMenuTop7 ul ul li a,
div#subnav ul li#leftMenuTop8 ul ul li a 
{background-image:url(../../../../images/bullet.gif); background-repeat:no-repeat; background-position: 8px 6px;}

div#subnav ul ul {font-size:.84em; border-left:1px solid #DCCEE5; border-bottom:1px solid #DCCEE5;}
div#subnav ul ul li {background-image:none; background-color:#fff; margin:0;}
div#subnav ul ul li a {border:none; border-right:5px solid #f00; background-image:none; height:auto; min-height:0; color:#000;}
div#subnav ul ul li a {padding:2px 8px 2px 8px; margin:0; width:161px; w\idth:140px;} 
div#subnav ul ul li a:hover {text-decoration:underline;}
div#subnav ul ul ul {font-size:1em; border:none;}
div#subnav ul ul ul li a {padding:3px 8px 3px 20px; width:161px; w\idth:128px; background-image:url(../../../../images/bullet.gif); background-repeat:no-repeat; background-position: 0px 5px; color:#666;}
div#subnav ul li.active ul ul li a {color:#333;}
/* end subnav */

/* righthand panels */
div.panel {padding:6px 10px; background-color:#EDE6F2; margin:0 0 2px 0; width: 94%;}
div.panel #title, div.panel p.title {font-size:1.4em; margin:0 0 .4em 0; font-weight:bold; color: #4f0b7b; }
div.panel h3 {font-size:1.4em; margin:0 0 .4em 0; font-weight:bold; color: #4f0b7b; }
div.panel ul {list-style-type:none; margin:4px 0; clear:both;}
div.panel ul li {line-height:normal;  color: #EDE6F2;}
div.panel ul li a {color: #4f0b7b;}
html>body div.panel ul li {padding:1px 0;}
div.panel ul li a {background:url(../../../../images/bullet.gif) no-repeat 0 5px; padding:0 0 0 12px; /*display:block; width:192px; w\idth:180px;*/}
div.panel p {margin:0;}
div.panel p.text {margin:0; color : #4f0b7b;}
div.panel p.text, div.dark p.text, .text, div.panel ul li.text  {margin:0; color : #4f0b7b;}
div.panel img {border:0;}
div.panel form {padding:0 0 6px 0;}
div.panel label {font-weight:bold; color: #4F0B7B; width:192px; display:block; margin:0 0 0 0;}
div.panel input {border:0px solid #9A74B4; float:left; margin:4px 4px 0 0; padding:1px;}
div.panel input.char {width:13px;border:1px solid #9A74B4;}
div.panel input.small {width:20px;border:1px solid #9A74B4;}
div.panel input.med {width:40px;border:1px solid #9A74B4;}
div.panel input.normal {width:134px;border:1px solid #9A74B4;}
div.panel select {/*width:134px;*/ width:138px; border:1px solid #9A74B4; margin:2px 0 0 0;}
div.panel input.button {margin:-4px 0 0 5px;}
div.dark {background-color:#DCCEE5;}
div.dark ul li {color: #dccee5;}
div.panel .clear {clear:both; height:1px; overflow:hidden;} /* end righthand panels */

/* rhs panel stylesheet integration for related content*/
/*.RightNavTile {padding:6px 10px; background-color:#EDE6F2; margin:0 0 2px 0;}*/
/*.RightNavTitle { font-weight:bold; color: #4f0b7b; font-size:1.4em; margin:0 0 .4em 0;}*/

/* news page panels */
div.newspanel {padding:4px 8px; background-color:#EDE6F2; margin:0 0 4px 0;}
div.newspanel h4 {margin:0 0 4px 0;}
div.newspanel p {margin:0 0 4px 0;}
div.dark {background-color:#DCCEE5;}
/* end news page panels */

/* footer */
div#footer {float : left; border-top:1px solid #ebebeb; padding:2px 6px; width: 99%;}
div#footer div#footerholder{float:left; text-align: right; width : 100%; margin:0px; padding:0px;}
div#footer div#footerholder div.title {float:right; margin:0px; padding:0px 0px 0px 70px; background:url(../../../../images/3dots.gif) no-repeat left center; font-size:1.8em; color:#4F0B7B; font-weight:normal;}
div#footer div#footerholder div.notes {float:left;}
div#footer div#footerholder div.copyright {float:right;}
/* end footer */

/* general typography */
hr {height:1px; border: 0; margin:0 0 8px 0;}
div#content div.line {border-bottom:1px solid #DCCEE5; margin:0px 0 20px 0; height:2px; clear:left;}
div#content div.line hr {display:none;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:1px solid #DCCEE5;}
img.right, img.rightborder {float:right; margin:4px 0 4px 12px;}
img.leftborder, img.rightborder {padding:1px; border: 1px solid #DCCEE5;}
img.border {padding:1px; border: 1px solid #DCCEE5; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:182px; background-color:#EDE6F2; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:180px; background-color:#EDE6F2;}
.captionleftborder {float:left; margin:4px 12px 4px 0; width:180px; border: 1px solid #DCCEE5; background-color:#EDE6F2; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:180px; border: 1px solid #DCCEE5; background-color:#EDE6F2;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 2em;}
div#content ul li {padding:0; list-style-type:disc;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {}
div#content ul ul ul li {}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
div#content table, div#content th, div#content tr, div#content td {font-size:1em;}
div#content table {margin: .5em 0 1em 0; padding:0; border-right:0px solid #DCCEE5; border-top:0px solid #DCCEE5;}
div#content th {padding: .2em .4em; background:#EDE6F2; text-align:left;}
div#content td {padding: .4em; border-bottom:0px solid #C1E5E4; border-left:0px solid #DCCEE5;}
div#content table caption {text-align:left; font-size:1em; font-weight:bold;}
.shaded {background-color:#EDE6F2;}
/* end tables */

/* forms */
div.formholder {float:left; width:100%;}
/*div#content form {margin: 20px 0; float:left; width:356px;}
div#content fieldset {border:none;}
div#content legend {font-size:1.4em; margin:0 0 4px 0; color:#666;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 160px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #DCCEE5; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 160px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; /*background:#EDE6F2; border:1px solid #DCCEE5; clear:left;}*/
/* end forms */

/* victims info portal */
div#content div#supportHolder {float : left; border : solid 0px red; width : 98%; padding : 2px;}
div#content div#tabHolder {border: solid 0px blue; color: #999999;}

div#content div#tab { float : left; border: solid 0px green; padding : 0px; width : 99%;}
div#content div#tab ul {float: left; border: solid 0px purple; /*height: 20px; */margin : 0px; padding : 0px 0px 0px 0px; width: 99%;}
div#content div#tab li {
	text-align : center;
	list-style-type : none;
	list-style-position : outside;
	/*height: 100%;*/
	/*width : 19%;*/
	display : inline;
	float : left;
	background-color: #f5f5f5;
	padding : 3px 10px 3px 10px;
	margin : 0px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div#content div#tab ul li a { color: #999999; text-decoration: none; padding : 0px; margin : 0px; }
div#content div#tab ul li a:hover { color: #666666; text-decoration: underline; padding : 0px; margin : 0px; }

div#content div#tab .StatusofyourCrime  { border-top: solid 5px #4F0B7B; }
div#content div#tab .Howwewillinvestigate { border-top: solid 5px #8354A2; }
div#content div#tab .Howwecansupportyou { border-top: solid 5px #A785BD; }
div#content div#tab .PreventingCrime { border-top: solid 5px #CAB5D7; }
div#content div#tab .CriminalJusticeSystem  { border-top: solid 5px #DCCEE5; }

div#content div#tab .selectStatusofyourCrime,
div#content div#tab .selectHowwewillinvestigate,
div#content div#tab .selectHowwecansupportyou,
div#content div#tab .selectPreventingCrime,
div#content div#tab .selectCriminalJusticeSystem
{ 
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom : solid 1px #fff;
	float : left;
	padding : 3px 10px 3px 10px;
	margin : 0px 0px 0px 0px;
}

div#content div#tab .selectStatusofyourCrime { border-top: solid 5px #4F0B7B; }
div#content div#tab .selectHowwewillinvestigate { border-top: solid 5px #8354A2; }
div#content div#tab .selectHowwecansupportyou { border-top: solid 5px #A785BD; }
div#content div#tab .selectPreventingCrime { border-top: solid 5px #CAB5D7; }
div#content div#tab .selectCriminalJusticeSystem  { border-top: solid 5px #DCCEE5; }

div#content .tabinfo 
{
	float : left;
	border-left : solid 1px #999999;
	border-right : solid 1px #999999;
	border-top : solid 1px #999999;
	border-bottom : solid 1px #999999;
    margin: 0px 16px 0px 0px;
	padding: 5px 10px 5px 5px;
}

div#content .tabinfo p {color : #666666;}
div#content .tabinfo a, a:visited {color: #4F0B7B; text-decoration:none;}
div#content .tabinfo a:hover {text-decoration:underline;}
div#content .tabinfo ul {margin:0 0 1em 2em; border : solid 0px red;}

div#content .tabinfo ul li 
{
	color : #666666;
	text-align : left;
	list-style-type : disc;
	list-style-position :inside;
	display : list-item;
	width : 89%;
	float : none;
	background-color: #fff;
	border : solid 1px #fff;
	padding : 0px;
	margin : 0px;
}
/* victims info portal */

/* vacancies */
div#content_wrapper table
{
	width : 99%;
	margin : 0px;
}

.VacanciesDarkBg {background-color:#fff; border : solid 1px #fff;}
.VacanciesLightBg1 {background-color:#CAB5D7;}
.VacanciesLightBg2 {background-color:#DCCEE5;}
.VacanciesLightBg3 {background-color:#ffffff;}
/* vacancies */

/* Rss Feed Styles */
UL.rssFeed			{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
UL.rssFeed LI		{margin-bottom:.75em;}
UL.rssFeed A		{font-size:120%; font-weight:bold;}
Ul.rssFeed .desc	{margin-bottom:.2em;}
Ul.rssFeed .meta	{}
/* Rss Feed Styles */

/* CSS */	
div.csscolourscheme {
	float : left;
	margin : 0px;
	padding : 0px;
	width : 100%;
}

div.csscolourscheme a {
	float : left;
	padding : 5px;
	margin : 0px;
	text-decoration : none; 
	
}

div.csscolourscheme a:hover {
	text-decoration : underline; 
}
div.csscolourscheme a span {
	float :left;
	cursor : hand;
	width : 150px;
	padding : 0px;
	margin : 0px;
	font-weight : bold;
	border : solid 1px #333333;
}
/* CSS */