/* -------------------------------------------------------------------------
The Crown Prosecution Service
Print Styles

last update: 16 March 2011
author: Andy Gosling
email: andy@ecru.co.uk
website: http://www.ecru.co.uk
------------------------------------------------------------------------- */

/* general styles ------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

body {
	font: 10pt/14pt Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;
	color: #000; background-color: #fff;
}

/* header */

#header {
	margin: 20pt 10pt 0;
	height: 38pt;
}

#header p#skipLink,
#header #justice,
.noPrint {
	display: none;
	visibility: hidden;
}

#header #logo {
	float: left;
}

#header #logo img {
	width: 38px;
	height: 51px;
}

#header p {
	font-weight: normal;
	font-size: 11pt;
	float: right;
	color: #000;
	line-height: 16pt;
}

#wrapper {
	clear: both;
	border-top: #000 1pt solid;
	margin: 10pt 10pt 0;
	padding-top: 15pt;
}

#toolbar,
#navigation,
#footer,
p.breadcrumb,
p.top,
.CmenuTertiary,
.CmenuTertiarySub {
	display: none;
	visibility: hidden;
}

.clearThis {
	clear: both;
}

img {
	border: none;
}

#primaryContent {
	padding: 0;
	border-bottom: #000 1pt solid;
}

body#home #primaryContent,
body.yourcpsHome #primaryContent,
body.mediaHome #primaryContent,
body.proHome #primaryContent {
	padding: 0 0 2em 0;
	margin-bottom: 2em;
	width: 100%;
	border-bottom: #000 1pt solid;
}

body#home #secondaryContent,
body.yourcpsHome #secondaryContent,
body.mediaHome #secondaryContent,
body.proHome #secondaryContent {
	padding: 0 0 2em 0;
	width: 100%;
	border-bottom: #000 1pt solid;
}

#secondaryContent {
	padding: 10pt 0 2em 0;
	float: right;
	width: 180px;
	padding-left: 20pt;
}

#wrapper h1 {
	font-weight: normal;
	font-size: 24pt;
	margin: 1em 0 0.7em;
	color: #000;
	line-height: 28pt !important;
}

#wrapper h2 {
	font-weight: normal;
	font-size: 18pt;
	margin: 1em 0 0.7em;
	color: #000; line-height: 24pt;
}

#wrapper #secondaryContent h2 {
	font-size: 14pt;
	margin: 1em 0 0.7em;
	line-height: 18pt;
}

#wrapper h3 {
	font-weight: normal;
	font-size: 15pt;
	margin: 1.5em 0 1em;
	color: #000;
	line-height: 18pt;
}

#wrapper h4 {
	font-weight: normal;
	font-size: 13pt;
	margin: 1.5em 0 1em;
	color: #000;
	line-height: 16pt;
}

#wrapper h5 {
	font-weight: bold;
	font-size: 11pt;
	margin: 1.5em 0 1em;
	color: #000; line-height: 15pt;
}

#wrapper h6 {
	font-weight: normal;
	font-size: 10pt;
	margin: 1.5em 0 1em;
	color: #000;
	line-height: 15pt;
}

#primaryContent h2,
#primaryContent h3,
#primaryContent h4,
#primaryContent h5,
#primaryContent h6 {
	page-break-after: avoid;
}

#wrapper #primaryContent p {
	margin-bottom: 1em;
}

#wrapper #secondaryContent p {
	font-size: 9pt;
	margin-bottom: 1em;
}

#wrapper p.intro {
	font-size: 12pt;
	margin-bottom: 1em;
	line-height: 17pt;
}

#wrapper .rule {
	overflow: hidden;
}

* html #wrapper .rule {
	position: relative;
}

#wrapper ul {
	margin: 0 0 1em 1.5em;
}

ol {
	margin: 0 0 1em 1.5em;
}

#wrapper li {
	margin-bottom: 0.5em;
}

a {
	color: #000 !important;
	text-decoration: underline;
}

.rule {
	clear: left;
	border-top: #000 1pt solid;
	margin: 1.5em 0;
}

.ruleBelow {
	padding-bottom: 5px;
	border-bottom: #ccc 1pt solid;
}

.imageLeft {
	float: left;
	margin: 6px 15px 15px 0;
}

table {
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-collapse: collapse;
	margin: 1em 0 2em;
}

th {
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 2px 5px;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
}

td {
	border-right: #ccc 1px solid;
	padding: 2px 5px;
	font-size: 9pt;
	border-bottom: #ccc 1px solid;
}

#content .vacanciesListing P {
	clear: left;
	padding-left: 130px;
	padding-bottom: 10px;
	margin: 0;
}

#wrapper #content .vacanciesListing h2 {
	padding: 10px 0 0 130px;
	border-top: #ccc 1px solid;
	font-size: 10pt;
	margin: 0 0 0.7em;
}

#wrapper #content .vacanciesListing p.location {
	padding: 10px 0 0 0;
	font-size: 9pt;
	float: left;
	margin: 0;
	color: #333;
}

#content .vacanciesListing .headVacancy {
	clear: none;
	padding: 0;
	font-size: 9pt;
	margin-bottom: 5px;
}

#content .vacanciesListing .headLocation {
	font-size: 9pt;
	float: left;
	margin-bottom: 5px;
	padding: 0;
	width: 130px;
}

#content .headlinesListing p {
	clear: left;
	padding-left: 110px;
	padding-bottom: 10px;
	margin: 0;
}

#wrapper #content .headlinesListing h2 {
	border-top: #ccc 1px solid;
	font-size: 10pt;
	margin: 0 0 0.7em;
	padding: 10px 0 0 110px;
}

#wrapper #content .headlinesListing p.date {
	font-size: 9pt;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}

#content .headlinesListing .headOutline {
	clear: none;
	font-size: 9pt;
	margin-bottom: 5px;
	padding: 0;
}

#content .headlinesListing .headDate {
	padding: 0;
	font-size: 9pt;
	float: left;
	margin-bottom: 5px;
	width: 110px;
}

#content .publications p {
	margin: 0 0 0.5em;
	padding: 0 0 0 120px;
}

#content .publications h2 {
	font-size: 10pt;
	margin: 0 0 0.5em;
	padding: 0 0 0 120px;
}

#wrapper #content .publications p.subhead {
	clear: both;
	font-size: 9pt;
	float: left;
	width: 110px;
	padding: 0;
}

.sidePanel,
.sidePanelLocal,
.sidePanelWithPic {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: #000 1pt solid;
}

.sidePanelWithPic img {
	margin-bottom: 1em;
}

.sidePanel img,
.sidePanel object  {
	display: none;
}

.panel {
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	border-bottom: #000 1pt solid;
}

.pullquote {
	float: left;
	width: 180px;
	margin: 0 20pt 20pt 0;
	border-bottom: #000 1pt solid;
	border-top: #000 1pt solid;
	padding: 10px 0;
}

/* homepage ------------------------------------------------------------- */

#home a {
	color: #006;
	text-decoration: underline;
}

#home #primaryContent h2 {
	margin-top: 1.5em;
	font-size: 1.3em;
}

#home #secondaryContent h2 {
	margin-top: 1.5em;
	font-size: 1.3em;
}

#home #localPanel,
#home #teaserPanels,
#home #featured #nav,
#home #featured #pauseButton,
#home #featured #resumeButton,
#home #smallNewsPanel .rss,
#home #smallNewsPanel .link,
#home .socialmedia,
#home #secondaryContent .panel img  {
	display: none;
}

#home #navWrapper {
	border-top: #000 1pt solid;
	border-bottom: #000 1pt solid;
	margin: 20pt 10pt 0;
	padding: 10px 0;
	clear: both;
}

#home #dppPanel {
	float: right;
	display: inline;
}

#home #introPanel {
	float: left;
	display: inline;
	width: 60%;
	padding-top: 10px;
}

#home h1,
#home #introPanel p {
	margin: 5pt 0;
}

#home h1 {
	font-size: 21pt !important;
	line-height: 28pt !important;
}

#home #introPanel p {
	font-size: 12pt;
	line-height: 20px;
}

#home #wrapper,
#home #primaryContent {
	border: none !important;
}

#home #smallNewsPanel {
	width: 48%;
	float:left;
}

#home #smallNewsPanel h2,
#home #featured h2 {
	margin-top: 0.5em;
}

#home #smallNewsPanel h3 {
	font-size: 10pt;
}

#home #featured {
	width: 48%;
	float: right;
	border-left: #000 1pt solid;
	padding-left: 15pt;
}

#home #featured #slideshow.pics .info {
	position: relative !important;
}

#home #secondaryContent {
	clear: both;
	border-top: #000 1pt solid;
	margin-top: 20pt;
}

#home #secondaryContent .panel {
	width: 48%;
	float: left;
	border: none;
}

#home #secondaryContent .panel h2 {
	font-size: 14pt;
}

#home #secondaryContent .panel h3 {
	font-size: 12pt;
}

#consultationsPanel,
#careersPanel {
	clear: left;
}

#home #secondaryContent #victimsPanel,
#home #secondaryContent #legalPanel {
	float: right;
}

#home #secondaryContent #consultationsPanel,
#home #secondaryContent #legalPanel {
	border-top: #000 1pt solid;
}

/* landing pages -------------------------------------------------------- */

#wrapper.landing #primaryContent {
	width: 47%;
	border-bottom: none;
	float: left;
}

#wrapper.landing #secondaryContent {
	width: 47%;
	border-bottom: none;
}

#wrapper.landing .block,
#wrapper.landing .panel {
	border: #000 1pt solid;
	padding: 0 15px 5px;
	margin: 20pt 0;
}

#wrapper.landing #primaryContent h2,
#wrapper.landing #secondaryContent h2 {
	font-size: 14pt;
	margin: 1em 0 0.7em;
	line-height: 18pt;
}