/* New code for a layout system for topic template */

.layout:before
{
	content: ' ';
	display:block;
	clear: both;
}

.layout
{
	font-size: 0;
}

.layout img
{
	width:100%;
}

.layout div.full
{
	vertical-align: top;
	width: 100%;
	display: inline-block;
}

.layout div.thirds
{
	vertical-align: top;
	width: 33%;
	display: inline-block;
}

.layout div.twoThirds
{
	vertical-align: top;
	width: 66%;
	display: inline-block;
}

.layout div.halves.BG-xlGrey p
{
	padding:10px;
}

.layout div.halves:after
{
	content:" ";
	display:block;
	clear: both;
}

.layout .thirds:first-of-type
{
  margin: 3% 0 0 0;
}

.layout .thirds
{
	margin:3% 0 0 0.5%;
}

.layout div.halves div:first-of-type, .layout div.thirds div:first-of-type
{
	padding-left: 0;
}

.layout div div
{
	margin: 0;
	width: 100%;
	font-size: 16px;
	border-radius:5px;
	position: relative;
	padding:10px;
}

.layout div .break
{
	clear: both;
}

.headerOnImage
{
	position: absolute;
	bottom: 10px;
	background-color: #0f3d4c;
	color: #fff;
	padding: 7.5px;
}

.headerOnImageDarkGreen
{
	position: absolute;
	bottom: 10px;
	background-color: #144835;
	color: #fff;
	padding: 7.5px;
}

.layout .smallerH2
{
	font-size: 26px;
}
/*
.layout .headerOnImage
{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
*/
@media (min-width: 1000px)
{
	.layout div.rows div:nth-of-type(3), .layout div.rows div:nth-of-type(6), .layout div.rows div:nth-of-type(9)
	{
		margin-right:0;
	}
	
	.layout div.halves
	{
		vertical-align: top;
		display: inline-block;
		width:48%;
		margin-left: 2%;
	}

.layout div.halves:first-of-type
	{
		width:48%;
		margin-right:2%;
		margin-left:0;
	}
}

@media (max-width: 1000px)
{
	
	
	.layout div.halves, .layout div.halves:first-of-type
	{
		width:100%;
	}
	
	.layout div.thirds
	{
		width: 48%;
	}
	
	.layout div.twoThirds
	{
		width:48%;
	}
	
	.layout div h3
	{
		font-size:22px;
	}
}

.newsBoxArticle
{
	float: right;
	margin: 0 0 30px 30px;
	width:150px;
	background-color: #f9f9f9;
	padding: 0 15px;
	border-top: .8em solid #00b3eb;
	border-radius: 3px;
}

.content-block .newsBoxArticle h3
{
	font-size: 18px;
}

/* End new code area */

.full-width
{
	width:100%;
}

main .content-block blockquote
{
	background-color:#f0f2e9;
	margin:0 0 15px 0;
	padding: 1em 40px;
}

main .content-block blockquote p {
    margin-bottom: 0 !important;
}

main .content-block blockquote p:before {
    content: "\201C";
    float: left;
    clear: both;
    margin-left: -10px;  
    font-family: "chaparral-pro", "Times New Roman", Times, serif;
}

main .content-block blockquote p:last-of-type:after {
    content: "\201D";
    margin-left: 4px;
    font-family: "chaparral-pro", "Times New Roman", Times, serif;
}

main .content-block blockquote span.attribution {
    display: block;
    font-family: "chaparral-pro", "Times New Roman", Times, serif;
}

main .page-header.leftLead
{
	display: none;
}

main .page-header div
{
	position: relative;
}

main .page-header img /* Used when an article has a header image */
{
	display: block;
    width: 100%;
	padding-top:10px;
}

main .page-header h1, main .page-header h2 /* Used to create a coloured background on a H1 or H2, ideally when an image is behind it */
{
	width: 100%;
    display: inline-block;
}

main .page-header h1.background /* Used to create a coloured background on a H1, ideally when an image is behind it */
{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
	color:#fff;
	width: calc(100% - 40px);
	background: #0f3d4c;
    background: rgba(15,61,76,.85);
	padding: 20px;
}

main .page-header h2.background /* Used to create a coloured background on a H2, ideally when an image is behind it */
{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
	color:#fff;
	width: calc(100% - 32px);
	background: #0f3d4c;
    background: rgba(15,61,76,.85);
	padding: 16px;
}

.content-block aside.inlineNews
{
	float: right;
	margin: 0 0 30px 30px;
	width:150px;
	background-color: #f9f9f9;
	padding: 0 15px;
	border-top: .8em solid #00b3eb;
	border-radius: 3px;
}

.content-block aside.inlineNews img
{
	padding-top: 15px;
	width: 100%;
}

.background-beige
{
background-color:#f0f2e9;
border-radius: 5px;
}

.categoryList
{
padding-bottom: 25px;
color: #fff;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1
}

.categoryList:after, .grid-row .colThirds.firstCol:before
{
content:"";
clear: both;
display: block;
}

.categoryList h3
{
font-size:18px;
font-weight: 400;
margin-bottom: 0;
}

.categoryList p
{
font-size:16px;
margin: 0;
color:#e0e0e0;
}

.categoryList a, .categoryList a:visited
{
color: #fff;
/* text-decoration: none; */
}

.categoryList div
{
break-inside: avoid;
padding: 2px 20px 0 0;
margin-bottom: 10px;
}

.categoryList div.highlight
{
padding-bottom: 15px;
padding-left: 15px;
margin-left: -15px;
    margin-top: 15px;
background-color:#4E717B;
}

.well-at-york img
{
width:100%;
}

/* EVERYTHING ABOVE THIS LINE IS NEW AND NEEDS PROPER PLACEMENT */

#footer .footer-categories:after, .govuk-document-footer:after, .grid-row:after, #global-header .header-wrapper .header-global .site-search:after, #global-header form#search .content:after, .current-question ul.options:after, .content-block .info-notice:after, article .info-notice:after
{
content:"";
display:block;
clear:both;

}

.background-wrapper /* For Homepage, to force 100% width around the core wrapper */
{
width:100%;
color:#fff;
position: relative;
margin:0;
padding:0;
}

.background-wrapper .grid-row
{
padding-top: 10px;
}

.background-navy
{
background-color: #0f3d4c;
color:#fff;
}

.background-wrapper:after
{
content: "";
display: block;
clear: both;
padding-bottom: 15px;
}

.background-navy a, .background-navy a:visited
{
color: #fff;
}

.background-beige
{
background-color: #f0f2e9;
color:#333;
}
/* /*For Homepage header imagery *
.background-wrapper img.homepage 
{
width:100%;
}
*/

.hr-home-img-banner
{
height: 250px;
overflow: hidden;
}

.hr-home-img-banner:after
{
content: "";
display: block;
clear: both;
}

.hr-home-box
{
position: absolute;
top: 20px;
height: 150px;
background: rgba(162, 52, 121, 0.85);
color: #f9f9f9;
padding: 20px;
width: 300px;
z-index: 50
}

.hr-home-box h1
{
	font-size: 30px
}

.hr-home-box p
{
	font-size: 16px
}

.home-news-container
{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.news-box
{
min-height: 317px;
background-color: #fff;
padding: 15px;
break-inside: avoid;
margin-bottom:15px;
}

.news-box.pinned 
{
background: #00546E;
color: #fff;	
}

.news-box.pinned a
{
color: #fff;
}


#news .wrapper h3
{
margin-top: 0;
padding-top: 15px;	
}

/* .report-a-problem-container, .report-a-problem-toggle-wrapper,*/ #wrapper, .wrapper
{
max-width:960px;
margin:0 15px;

}

.wrapper-full
{
max-width: 100%;
margin:0;
}

#footer .footer-categories, .grid-row
{
margin:0;

}

#footer .footer-categories hr
{
clear:both;
margin:0 15px 30px;
border:1px solid #bfc1c3;
border-width:1px 0 0 0;

}

/* GLOBAL-HEADER CODE */

#global-header .header-wrapper .header-global .site-search
{
float:right;
width: 30%;
margin-top: 32px;
margin-bottom: 5px;
}


#global-header .header-wrapper .header-global .site-search .content
{
margin:0 15px;

}
#global-header.with-proposition #search
{
margin-top:4px;

}
#global-header .search-toggle
{
display:none;

}

#global-header .search-toggle:hover
{
background-color:#004f8c;

}
#global-header .search-toggle.js-hidden
{
display:none;

}
#global-header form#search .content
{
position:relative;
background:#fff;

}
#global-header form#search label
{
float:left;
height:35px;
line-height:35px;
text-indent:15px;
overflow:hidden;
display:block;
margin-right:10px;

}
.js-enabled #global-header form#search label
{
float:none;
position:absolute;
left:0;
top:1px;
z-index:1;
width:100%;
margin-right:0;
border-radius:3px;

}
#global-header form#search input
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
width:50%;
min-width:0;
display:block;
margin:0;
border:1px solid #b3b3b3;
border-radius:3px;
height:2.4em;
padding:.25em 8px;
-webkit-appearance:none;
-moz-appearance:none;

}
#global-header form#search input#site-search-text
{
font-size:14px;
line-height:1.76923;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
position:relative;
padding:6px;
z-index:3;
background:transparent;

}

#global-header form#search input#site-search-text.focus, #global-header form#search input#site-search-text:focus
{
background:#fff;

}
.js-enabled #global-header form#search input#site-search-text
{
width:86%;
width:-webkit-calc(100% - 37px);
width:calc(100% - 37px);

}
#global-header form#search .submit-form
{
position:absolute;
z-index:4;
right:0;
top:0;
width:39px;
height:38px;
border:1px solid #c9588f;
border-width:0 0 0 1px;
border-left-color:#222;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:3px;
overflow:hidden;
color:#fff;
background-color:#a13469;

}

#global-header form#search .submit-form i
{
padding:25% 0 0 25%;
position:relative;
}

#global-header form#search .submit-form:hover
{
background-color:#b53a87;
transition: all .2s ease-out;

}

#global-header form#search input.submit-form
{
	font-family: "FontAwesome";
}

#global-header form#search.js-visible
{
display:block;

}
#global-browser-prompt
{
display:none;
padding:0.5em 2em;
background-color:#d5e8f3;

}

#global-browser-prompt .dismiss
{
background-image:url();
background-color:transparent;
background-repeat:no-repeat;
background-position:center right;
text-decoration:none;
height:22px;
width:10px;
text-indent:-9999px;
display:inline-block;
position:absolute;
right:0;

}
#global-breadcrumb
{
background-color:#fff;
max-width:1020px;
margin:0 auto;
z-index:50;

}

#user-satisfaction-survey
{
display:none;
background-color:#2B358B;
padding:0.5em 0;
color:#fff;

}

/* BANNER CODE - Need to work out precisely what this does, but I assume it is tied to statisfaction surveys, cookie messages etc */

#banner-notification
{
background-color:#dee0e2;
border-top:2px solid white;
padding:0.5em 1em;

}

#banner-notification div
{
font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
color:#fff;
margin:0 auto;
padding:0.5em 0;
max-width:1020px;
overflow:hidden;

}

#banner-notification.green
{
background:#28a197;

}
#banner-notification.red
{
background:#b10e1e;

}
#banner-notification.black
{
background:#000000;

}

/* LABEL CODE */

label.selectable
{
display:block;
float:none;
clear:left;
position:relative;
background:#dee0e2;
border:1px solid #dee0e2;
padding:18px 30px 15px 45px;
margin-top:10px;
margin-bottom:10px;
cursor:pointer;

}

label.selectable:hover
{
border-color:#0b0c0c;

}

label.selectable input
{
position:absolute;
top:18px;
left:15px;
cursor:pointer;

}

.inline label.selectable
{
clear:none;
margin-right:15px;

}

.js-enabled label.selectable input:focus
{
outline:none;

}

.js-enabled label.selectable.selected
{
background:#fff;
border-color:#0b0c0c;

}

.js-enabled label.selectable.focused
{
outline:3px solid #ffbf47;

}

/* BUTTON CODE */

.button
{
background-color:#00b3eb;
position:relative;
display:-moz-inline-stack;
display:inline-block;
padding:.526315em .789473em .263157em;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-appearance:none;
-webkit-box-shadow:0 2px 0 #00b3eb;
-moz-box-shadow:0 2px 0 #00b3eb;
box-shadow:0 2px 0 #003618;
font-size:1.1em;
line-height:1.25;
text-decoration:none;
-webkit-font-smoothing:antialiased;
cursor:pointer;
color:#fff;
margin-bottom:15px;
}
/* Disabled - assuming by Alex.M

.button:visited
{
background-color:#006585;
}

*/
.button:hover, .button:focus
{
background-color:#006585;

}
.button:active
{
top:2px;
-webkit-box-shadow:0 0 0 #006585;
-moz-box-shadow:0 0 0 #006585;
box-shadow:0 0 0 #006585;

}
.button.disabled, .button[disabled="disabled"], .button[disabled]
{
zoom:1;
filter:alpha(opacity=50);
opacity:0.5;

}
.button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover
{
cursor:default;
background-color:#006585;

}
.button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active
{
top:0;
-webkit-box-shadow:0 2px 0 #003618;
-moz-box-shadow:0 2px 0 #003618;
box-shadow:0 2px 0 #003618;

}
.button:link, .button:hover, .button:focus, .button:visited
{
color:#fff;

}
.button:before
{
content:"";
height:110%;
width:100%;
display:block;
background:transparent;
position:absolute;
top:0;
left:0;

}

.button:active:before
{
top:-10%;
height:120%;

}
.button:after 
{ content: ' \000BB' 
}
.button[rel="external"]:after
{
display:none;
content:none;
margin-left:0;
margin-right:0;

}
.button, .button.medium
{
padding:0.4em 0.7em 0.3em 0.7em;

}
.button.medium
{

font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}


/* AddEvent theme CSS
---------------------------------------------------------------------- */

/* The button */
.addeventatc 							{display:inline-block;position:relative;z-index:999998;cursor:pointer;background:#00b3eb;font-family: "museo-sans", Helvetica, Arial, sans-serif;font-weight:200;font-size:20px;color:#fff!important;background-color:#00b3eb; position:relative; display:-moz-inline-stack; display:inline-block; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-appearance:none; -webkit-box-shadow:0 2px 0 #00b3eb; -moz-box-shadow:0 2px 0 #00b3eb; box-shadow:0 2px 0 #003618; font-size:1.1em; line-height:1.25; text-decoration:none; -webkit-font-smoothing:antialiased; cursor:pointer; color:#fff; margin-bottom:15px; padding: 0.4em 0.7em 0.3em 0.7em;}
.addeventatc:hover 						{background-color:#006585;}
.addeventatc:active 					{top:1px;}
.addeventatc .date 						{width:60px;height:60px;float:left;position:relative;}
.addeventatc .date .mon 				{display:block;text-align:center;padding:9px 0px 0px 0px;font-size:11px;color:#bf5549;font-weight:bold;line-height:110%;text-transform:uppercase;}
.addeventatc .date .day 				{display:block;text-align:center;padding:0px 0px 8px 0px;font-size:30px;font-weight:bold;color:#333;line-height:100%;}
.addeventatc .date .bdr1 				{width:1px;height:50px;background:#eaeaea;position:absolute;z-index:100;top:5px;right:-3px;}
.addeventatc .date .bdr2 				{width:1px;height:50px;background:#fff;position:absolute;z-index:100;top:5px;right:-4px;}
.addeventatc .desc 						{width:210px;height:60px;float:left;position:relative;}
.addeventatc .desc p 					{margin:0;display:block;text-align:left;padding:7px 0px 0px 18px;font-size:12px;color:#666;line-height:110%;}
.addeventatc .desc .hed 				{height:15px;display:block;overflow:hidden;margin-bottom:3px;font-size:14px;line-height:110%;color:#333;text-transform:uppercase;}
.addeventatc .desc .des 				{height:28px;display:block;overflow:hidden;}
.addeventatc-selected 					{background-color:#006585;}
.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client {display:none!important;}
.addeventatc:after 
{ content: ' \000BB' 
}

/* The drop down */
.addeventatc_dropdown 					{width:280px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:-2px;margin-left:-1px;border:1px solid #cfcfcf;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addeventatc_dropdown span 				{display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px;}
.addeventatc_dropdown span:hover 		{background-color:#f4f4f4;color:#000;text-decoration:none;font-size:14px;}
.addeventatc_dropdown em 				{color:#999!important;font-size:12px!important;}
.addeventatc_dropdown .frs 				{background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:normal!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;}
.addeventatc_dropdown .frs:hover 		{color:#999!important;}
.addeventatc_dropdown .ateappleical 	{background-image:url(../images/addevent/gfx/icon-apple-t1.svg);background-position:13px 50%;background-repeat:no-repeat;background-size:14px auto;}
.addeventatc_dropdown .ateoutlook 		{background-image:url(../images/addevent/gfx/icon-outlook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ateoutlookcom 	{background-image:url(../images/addevent/gfx/icon-outlook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ategoogle 		{background-image:url(../images/addevent/gfx/icon-google-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto;}
.addeventatc_dropdown .ateyahoo 		{background-image:url(../images/addevent/gfx/icon-yahoo-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto;}
.addeventatc_dropdown .atefacebook 		{background-image:url(../images/addevent/gfx/icon-facebook-t1.svg);background-position:12px 50%;background-repeat:no-repeat;background-size:16px auto;}
.addeventatc_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:default;}
.addeventatc_dropdown .brx 				{height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;right:10px;top:9px;}


/* CONTENT-BLOCK TABLE HEADER / ROW */

.content-block tr:nth-child(even)
{
background-color: #f4f6ef;
}

tbody tr:last-child th, tr:last-child td {
    border-bottom: 0;
}

.content-block th
{
background:#fff;
color:#0f3d4c;
padding: .75em .5em .75em .5em;
}

/* GET-STARTED CODE - Clarity on what this is for required. Based on initial checks, it is often tied to applications on the webpage. */

.get-started .button
{

font-size:18px;
line-height:1.2;
font-weight:700;
text-transform:none;
font-size-adjust:0.525;
padding:0.45em 0.5em 0.45em 0.5em;
display:inline-block;

}

.transaction .get-started .button, .local_transaction .get-started .button, .business_support .get-started .button, .licence .get-started .button, .next-steps-promo .get-started .button
{
padding:0.60em 1.7em 0.45em 0.67em;
background-image:url();
background-position:100% 50%;
background-repeat:no-repeat;

}

.get-started
{
margin:1.5em 0 0 0;

}
.get-started .destination,
.destination
{

font-size:12px;
line-height:1.25;
font-weight:200;
text-transform:none;
font-size-adjust:0.5;
color:#646464;
display:block;
margin-top:-0.75em;
max-width:25em;

}

input[disabled="disabled"]
{
opacity:0.5;

}
input[type="text"], input[type="search"], form textarea, form select, input[type="date"], input[type="time"]
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
border:1px solid #bbb;
min-width:8em;
padding:0.25em;
}

/* COLTHIRDS CODE - Used for the homepage */

.grid-row main#content, .grid-row .colThirds
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position: relative;
margin-bottom:20px;

}

.grid-row .colThirds .content
{
padding:20px;
}

div .image img
{
width:100%;
}

.grid-row .colThirds img
{
width:100%;
}


/* RELATED CONTENT - LRELATED should ideally follow this code or run in advance of it. */

.Lrelated-container /* We use this for Left side related content, ie for policy lists and people / team profiles. */
{
	float:left;
	padding: 0 30px 0 0;
	box-sizing: border-box;
    margin-top: 40px;
	width:100%;
}

.Lrelated-container#rightLead
{
	display:none;
}

.Lrelated-container /* We use this for Left side related content, ie for policy lists and people / team profiles. */
{
	margin-top: 30px;
    margin-bottom: 20px;
}

.Lrelated-container .related
{
	color: #333;
    border-radius: 3px;
    margin-bottom: 20px;
	padding:20px;
}

.Lrelated-container .no-background
{
	background:none;
	border:none;
	padding-top: 0;
}
	

.Lrelated-container .related img
{
	width:100%;
}

.related.no-background li
{
	list-style: square;
	list-style-position: inside;
}

.Lrelated-container .related.background li
{
	list-style-type: none;
}

.Lrelated-container li ul
{
	margin-top: 10px;
}

.Lrelated-container li li
{
	margin-left: 10px;
}

.Lrelated-container .related li a,  .related.no-background li a
{
	display: inline;
	cursor: pointer;
}

.Lrelated-container .page-header div
{
	position: relative;
}

.Lrelated-container .page-header h1.background
{
	position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
    top: auto;
	color:#fff;
	width: 100%;
	width: calc(100% - 40px);
	background: #0f3d4c;
    background: rgba(15,61,76,.85);	
    padding: 20px;
    display: inline-block;
}

.related-container.leftLead
{
	display: block;
}

.related-container
{
padding:0 0 0 30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-top:40px;
}

.related, .related.background
{
padding:20px;
border-top: .8em solid #caccb8;
background-color: #f0f2e9;
color: #333;
border-radius: 3px;
margin-bottom:20px;
}

.related.no-background
{
background-color: #fff;
border-top: none;
color: #333;
border-radius: 3px;
margin-bottom:20px;
}

.related nav
{
margin-bottom:1.25em;

}
.related-container h2, .Lrelated-container h2
{
text-transform:none;
font-size-adjust:0.5;
color:#0b0c0c;
margin-top:0.3em;
margin-bottom:0.5em;
position:relative;

}

.related ul, .Lrelated-container ul
{

font-size:16px;
line-height:1.14286;
font-weight:300;
text-transform:none;
font-size-adjust:0.5;
list-style:none;
margin:0;
padding:0;
overflow:hidden;

}

.related li, .Lrelated-container .related li
{
margin-bottom:0.75em;
padding-left:0;

}
.related li.related-topic
{
list-style:none outside none;

}
.related li.related-topic a
{
display:inline;
font-weight:bold;

}
.related li a
{
background-position:0 -287px;
background-repeat:no-repeat;
display:block;
line-height:1.25em;
orphans:2;

}
.related li a:hover
{
background-position:0 10px;

}
.related li a[href*="#"]
{
background:none;
color:#087396;
cursor:default;
text-decoration:none;

}
.related li a[href*="#"]:hover
{
text-decoration:underline;
cursor: pointer;

}
.related li a.view-all
{
margin:10px 0 10px;

}
.related li a[rel="external"]:after
{
content:"\A0\A0\A0\A0\A0\A0";
background-position:5px 0;

}
.related li a[rel="external"]:hover:after
{
background-position:5px -388px;

}
.related .return-to-top
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
margin:0.25em 0 0;
padding:0.75em 0;

}

.Lrelated-container #related
{
display: none;
}

.Lrelated-container .contact-card
{
display: none;
}

.Lrelated-container #contentsBox
{
display: none;
}

/* ARTICLE HEADER CODE */

header.page-header div h1, .content-block .inner h1.replacement /* The h1 page header. Includes all its details in a single block. Use of font-family continues, over used throughout the 8000 lines. Most rules are overruled by other rules until the lowest screen resolution. */
{
font-size:32px;
text-transform:none;
font-size-adjust:0.5;
padding-top:10px;
padding-bottom:10px;
background-repeat:no-repeat;

}

header.page-header div h1 span /* Creates a much smaller lighter grey type. Likely used for a subtitle after a title. */
{

font-size:20px;
line-height:1.11111;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
display:block;
margin-bottom:0.25em;
text-shadow:none;
color:#6f777b;

}

/* MISC CODE */


.meta-data
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
color:#6f777b;

}

.meta-data p
{
text-align:left;

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}
.meta-data p a
{
color:#6f777b;

}

.print-link
{
text-align:left;
margin:2em 0 0 0;

}
.print-link a, .print-link a:link, .print-link a:visited
{
padding:0.5em 0 0.5em 0;
zoom:1;

}


.error-notification
{
border:1px solid #ffc946;
background-color:#fbedcd;
padding:0 1em;
margin-bottom:1em;

}
.error-notification p
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

.close
{
margin:0;
position:absolute;
top:0;
right:0;

}
.close a
{
background-color:transparent;
background-image:url();
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
margin:0;
height:2em;
width:2em;
text-indent:-9999px;

}
.close a:hover
{
background-color:rgba(0,0,0,0.25);

}
.sets-cookie
{

font-size:12px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

.cookie-container
{
margin:0;
position:absolute;
bottom:1em;
right:1em;

}
.find-location-for-service .cookie-container
{
bottom:1em;
right:0.75em;

}

/* TABS CODE - Not currently in use, to be implemented */

.nav-tabs
{
zoom:1;
background:#fff;
padding:0;
position:relative;

}
.nav-tabs:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;

}
.nav-tabs ol, .nav-tabs ul, .nav-tabs .tabs-nav
{
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
z-index:5;

}

.nav-tabs li, .nav-tabs .tabs-nav li
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
padding:0;
margin:0;
float:left;

}

.nav-tabs li a, .nav-tabs .tabs-nav li a
{
border:solid 1px #fff;
border-bottom:none;
float:left;
height:2.25em;
line-height:2.25em;
margin-bottom:-1px;
padding:0 1em 0 1em;
position:relative;
text-align:center;
top:0;

}
.nav-tabs li a:hover, .nav-tabs .tabs-nav li a:hover
{
background-color:#bfc1c3;

}
.nav-tabs li.active a, .nav-tabs .tabs-nav li.active a
{
background-color:#fff;
border:solid 1px #bfc1c3;
border-bottom:solid 1px #fff;
color:#0b0c0c;
position:relative;
text-decoration:none;
z-index:5;

}

.nav-tabs li.active a:hover, .nav-tabs .tabs-nav li.active a:hover
{
color:inherit;

}
.nav-tabs li:first-child a, .nav-tabs .tabs-nav li:first-child a
{
margin-left:0;

}

.tab-content .tab-pane
{
padding:1em 1em 0 1em;
border-top:solid 1px #bfc1c3;
clear:both;
width:auto;

}

.tab-content .inner
{
padding:0em 2.5em 1em;

}

.tab-content h1.visuallyhidden+h2
{
margin-top:2em;

}
.tab-content p
{
padding:0;
margin-left:0;
margin-right:0;

}
.tab-content em
{
font-style:normal;
font-weight:bold;

}
.tab-content nav
{
margin:1em -1.375em 0;

}

/* MISC CODE ROUND 2 - This appears to be inline form components, likely for quick surveys or assessments done direct through the website */

.hint
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
display:block;

}

.done-questions
{
position:relative;

}
.start-again
{
background:#fff;
position:absolute;
right:0;
top:-2.5em;
height:2.5em;
width:11em;

}
.start-again a
{

font-size:16px;
line-height:3.07692;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
display:block;
text-align:center;
text-decoration:underline;

}

.start-again a:hover
{
text-decoration:none;

}

.question-number
{
padding-right:0.5em;

}
.done-questions ol, .upcoming-questions ol
{
background-color:#fff;
margin:0;
padding:0;
position:relative;
z-index:1;

}
.done-questions ol li, .upcoming-questions ol li
{
list-style:none;
position:relative;
padding:0.75em 1.5em 0.75em 1em;

}

.done-questions ol li h3, .upcoming-questions ol li h3
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

.done-questions ol li.done, .upcoming-questions ol li.done
{
background:#D5ECEA;
border-bottom:solid 1px #b6d6d2;
overflow:hidden;
padding-right:9.5em;

}
.done-questions ol li.done .answer, .upcoming-questions ol li.done .answer
{

font-size:14px;
line-height:1.14286;
font-weight:700;
text-transform:none;
font-size-adjust:0.525;
color:#315843;
display:block;
margin:0 0.5em 0 1em;

}

.done-questions ol li.done .answer.multiple, .upcoming-questions ol li.done .answer.multiple
{
display:block;

}
.done-questions ol li.done .answer.multiple ul, .upcoming-questions ol li.done .answer.multiple ul
{
margin-top:0;

}
.done-questions ol li.done .answer.multiple ul li, .upcoming-questions ol li.done .answer.multiple ul li
{
margin:0;
padding:0;

}
.upcoming-questions ol li
{
background-color:#f0e7d7;
border-bottom:solid 1px #dac39c;

}
.question .question-number
{
font-weight:normal;

}
li.done .undo
{
position:absolute;
top:0.83333em;
right:1.66667em;
margin:0;

font-size:12px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

li.done .undo a
{
color:#0b0c0c;
display:block;

}
li.done .answer ul
{
margin:0.5em 0 0 -2.1em;
padding-left:2.1em;

}
li.done:hover .undo a
{
color:inherit;

}
.step.current
{
background-color:#fff;
margin-right:15em;
padding:0 10em 1em 0;
position:relative;

}

.question-body+p input.button
{
margin-top:0.5em;

}
.current-question
{
padding:1.5em 0 1em 0;

}
.current-question h2
{
border:none;

text-transform:none;
font-size-adjust:0.525;
margin-top:0;
margin-bottom:1em;
position:relative;

}

.current-question h2 .question-number
{
padding-right:0.25em;
font-weight:400;

}
.current-question ul label
{
margin-left:0.25em;

}
.current-question ul select
{
margin-right:0.25em;

}
.current-question ul.options
{
list-style:none;
padding:0;

}
.current-question ul.options li
{
line-height:1.5em;
margin:0.5em 0;

}
.current-question ul.optional-date li fieldset
{
display:inline;

}
.next-question
{
margin:1.5em 0 0.5em 0;

}
.outcome
{
background-color:#fff;
float:none;
margin-right:0;
min-height:480px;

}
.outcome .inner
{
padding-top:2em;

}
.content-block .error, article .error
{
border:1px solid #B01117;
background-color:#FFF3CF;
color:#B01117;

}
.content-block .error ul, article .error ul
{
margin-bottom:0;

}
.error-message
{
margin-top:0;
color:#B01117;

}

/* MULTI-PAGE CODE - multipage guidance details */

#content.multi-page li a:visited, #content.multi-page .pagination li a:visited, #wrapper.programme .article-container nav a:visited
{
color:#4c2c92;

}
#content.multi-page header
{
position:relative;

}
#content.multi-page aside
{
z-index:10;
border-bottom:1px solid #bbb;
margin-bottom:1em;
padding-bottom:1em;
overflow:hidden;

}

/* SINGLE PAGE CODE - We don't actually use this yet */

#content.single-page header div
{
padding-bottom:1em;

}

/* VIDEO-GUIDE CODE */

.video-guide .content-block .inner, .video-guide article .inner
{
padding-bottom:2em;

}
.video-guide .meta-data
{
border-top:none;
margin:1em 0 2em 2em;

}
.licence .content-block .inner, .licence article .inner
{
padding-top:0;

}

.layout .embed-container, .inner .embed-container
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.layout .embed-container iframe, .layout .embed-container object, .layout .embed-container embed, .inner .embed-container iframe, .inner .embed-container object, .inner .embed-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* MULTI-PAGE GUIDANCE ADDITIONAL CODE */

aside .show-all-parts
{

font-size:16px;
line-height:3.46154;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
border:solid 1px #bfc1c3;
border-width:1px 0;
padding:0 16px;
display:none;

}

aside .show-all-parts, aside .show-all-parts:hover, aside .show-all-parts:focus
{
text-decoration:none;

}
aside .show-all-parts.show-all-parts-open
{
background-position:100% -40px;
border-bottom:none;

}

aside .page-navigation-open
{
border-bottom:solid 1px #bfc1c3;

}

aside .page-navigation-closed
{
border-bottom:none;

}

.pagination
{
display:block;
margin:4em 0 0 0;
border-bottom:1px solid #bfc1c3;

}

/* FIND-LOCATION CODE - Not used */

.find-location-for-service, .find-location-for-licence
{
background-color:#dee0e2;
min-height:2em;
line-height:2;
margin:2em 0;
padding:1em 0.75em 1em 1em;
position:relative;

}

.find-location-for-service p.geolocate-me, .find-location-for-licence p.geolocate-me
{
border-top:1px solid #bfc1c3;

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
margin-bottom:0;
padding-top:1em;

}

.find-location-for-service input[type="submit"], .find-location-for-licence input[type="submit"]
{
border-color:#bfc1c3;

}

/* CONTENT TABLE CODE */

#wrapper .get-started a[rel="external"]:after
{
content:"";

}

.content-block table, article table
{
border-collapse:collapse;
border-spacing:0;
margin:1em 0 2em;
width:100%;

}

.content-block table caption, article table caption
{

font-size:18px;
line-height:1.2;
font-weight:700;
text-transform:none;
font-size-adjust:0.525;
margin:0.4em 0.5em 0.4em 0.7em;
text-align:left;

}

.content-block th, .content-block td, article th, article td
{
font-size:15px;
line-height:1.14286;
font-weight:200;
text-transform:none;
font-size-adjust:0.5;
vertical-align:top;
padding:.75em .5em .75em .5em;

}

.content-block th a[rel="external"]:after, .content-block td a[rel="external"]:after, article th a[rel="external"]:after, article td a[rel="external"]:after
{
content:"     ";
background-position:right 3px;

}
.content-block th a[rel="external"]:hover:after, .content-block td a[rel="external"]:hover:after, article th a[rel="external"]:hover:after, article td a[rel="external"]:hover:after
{
background-position:right -385px;

}

.content-block td, article td
{
border-bottom:dotted 1px #39d0ff;

}
.content-block td small, article td small
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

.content-block th, article th
{
line-height:1.25em;
text-align:left;
font-weight:700;
border-bottom: solid 2px #00b3eb;

}

/* PAY GRADE TABLE SPECIFIC CODE */

.grade-table
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.grade-table th
{
	text-align:center;
}

.grade-table tr td
{
	padding:0px 10px;
}

.grade-table .contribution-point
{
	background-color:#307abd;
	color:#fff;
}

.grade-table .omitted-point
{
	background: repeating-linear-gradient(45deg, #d1d1d1, #d1d1d1 2px, #fff 4px, #fff 4px);
	
}

.grade-table .no-bold
{
	font-weight:200;
}

/* MAINSTREAM CODE - THis isn't used as yet, might be worth removal*/

.mainstream .content-block .summary, .mainstream article .summary
{
margin:0 0 2em 0;
padding:0;
color:#0b0c0c;

}
.mainstream .content-block .summary p, .mainstream article .summary p
{

font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

/* SUMMARY CODE - Requires testing */

.content-block .summary p, .content-block .summary h2, article .summary p, article .summary h2
{
border:none;
margin:0 0.75em 0 0;

}
.content-block .summary h2, article .summary h2
{
line-height:1.35em;

}

.licence-finder .content-block.outcome ul, .licence-finder article.outcome ul
{
padding:1em 1em;
margin:0 -1em;

}
.licence-finder .content-block.outcome ul li, .licence-finder article.outcome ul li
{
list-style-type:none;
list-style-image:none;
margin:0 0 0.75em 0;
padding:0;

}
.content-block .advisory, article .advisory
{
background:url() no-repeat scroll 98% 1em #D5E8F3;
line-height:1.3em;
margin:0 -1em 1em -1em;
padding:1em;
text-align:left;

}

.content-block .advisory p, article .advisory p
{
margin:0 0.75em 0 0;
min-height:1.75em;
padding-right:3em;

}
.content-block .advisory strong, article .advisory strong
{
font-weight:400;

}
.content-block .advisory.high-alert, article .advisory.high-alert
{
background-color:#dee0e2;
border-color:#C00;

}

/* INTRO CODE */

.content-block .intro, article .intro
{
font-size: 150%;

}
.content-block .intro p:first-child, article .intro p:first-child
{
margin-top:0;

}

#wrapper.place .content-block .intro, #wrapper.place article .intro
{
margin-bottom:0;

}

/* EXAMPLE CODE */

.content-block .example, article .example
{
border-left:10px solid #dee0e2;
padding-left:1.5em;
margin:2.5em 0;

}
.content-block .example strong, article .example strong
{
display:block;

}

.content-block .application-notice, .content-block .advisory.minor, .content-block .form-download, .content-block .subscribe, article .application-notice, article .advisory.minor, article .form-download, article .subscribe
{
padding:0.25em 0 0.25em 3.5em;

}

.content-block .application-notice, article .application-notice
{
padding:0.1em 0 0.1em 1em;

}
.content-block .advisory.minor, article .advisory.minor
{
background-image:none;
padding:0.75em 1em;

}
.content-block .help-notice, article .help-notice
{
background:none;
background:url() no-repeat scroll 0 0.5em;

}

/* HELP-NOTICE CODE - this needs to include the application-notice class on the div for it to work. It basically has a large exclamation mark the right of the content similar to a highlight */

.content-block .help-notice p, article .help-notice p
{
font-weight:600;

}
.content-block .help-notice p a, article .help-notice p a
{
font-weight:600;

}

.content-block .help-notice p, .content-block .info-notice p, .content-block .subscribe p, article .help-notice p, article .info-notice p, article .subscribe p
{
padding-right:4em;

}

.content-block .help-notice p, article .help-notice p
{
padding:0 1em 0 2em;

}

/* INFO-NOTICE CODE - this needs to include the application-notice class on the div for it to work. */

.content-block .info-notice, article .info-notice
{
background:none;
border-left:10px solid #bfc1c3;
margin-bottom:1em;

}

.content-block .info-notice p, article .info-notice p
{
padding:0 1em 0 0;

}

.content-block p+.help-notice, .content-block p+.info-notice, article p+.help-notice, article p+.info-notice
{
margin-top:2em;

}
.content-block .info-notice a[rel="external"], article .info-notice a[rel="external"]
{
display:inline;

}

.content-block a.important, article a.important
{
background:url() no-repeat scroll 100% 0 #FFF;

}
.content-block .subscribe, article .subscribe
{
background:url() no-repeat scroll 98% 1em #D5E8F3;

}

/* FORM-DOWNLOAD CODE - acts similar to help-notice but doesn't require the additional class. Adds a downloadable document icon */

.content-block .form-download, article .form-download
{
padding:0.25em 0 0.25em 0;

}
.content-block .form-download p, article .form-download p
{
padding-right:3em;

}
.content-block .form-download a, article .form-download a
{
display:block;
font-weight:600;
background:url() no-repeat scroll 0 0;
min-height:2.5em;
padding:0 0 0 2.5em;

}

.content-block .form-download a[rel="external"]:after, article .form-download a[rel="external"]:after
{
content:none;

}

/* ADDRESS CODE - We don't use this, yet. Worth exploring. */

.content-block .address, article .address
{
margin:2.5em 0;
min-width:35%;

}
.content-block h2+.address, .content-block h3+.address, article h2+.address, article h3+.address
{
margin-top:.5em;

}
.content-block ol.places, article ol.places
{
list-style-type:none;
padding-left:0;
margin-left:0;

}
.content-block ol.places.answer_locations .information, article ol.places.answer_locations .information
{
min-height:3em;

}
.content-block ol.places li, article ol.places li
{
margin:0;
padding-left:0;

}
.content-block .place, article .place
{
margin:1.5em 0;
border-bottom:solid 1px #bfc1c3;
padding-bottom:1.5em;

}
.content-block .place .address, article .place .address
{
margin:0;
padding:0;
width:auto;
display:block;

}
.content-block .place .url, article .place .url
{
overflow:hidden;
text-overflow:ellipsis;

}
.content-block .place .additional-information, article .place .additional-information
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;

}

.content-block .place .additional-information p, article .place .additional-information p
{
margin:0.25em 0;

}

.content-block ul.view-maps, article ul.view-maps
{
list-style:none;
padding:0;
margin:1em 0;

}
.content-block ul.view-maps li, article ul.view-maps li
{

font-size:14px;
line-height:1.14286;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
display:inline-block;
margin-right:1em;

}

/* ACCORDION CODE - This is the hand written code for our fold out accordion */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    
    color: #087396;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	font-weight: bold;
	background-color:#fff;
	font-size: 16px;
}
		
button.accordion:focus
{
	outline: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #fff;
	color:#00b3eb;
}

/* Style the accordion panel. Note: hidden by default */

.panel {
    
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
	padding: 0 20px;
	display: block;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
	font-weight: normal;
    color: #087396;
    float: right;
    margin-left: 5px;
	transition-duration: .4s;
	-webkit-transform: rotate(0);
}
		
.accordion.active:after {
    transition-duration: .4s;
	-webkit-transform: rotate(45deg);
}
		
.question-container
{
	border: 1px solid #d5d7c7;
	border-left-width: 10px;
	margin-bottom: 10px;
}

/* STEPS CODE! - This is the step by step code - it needs a new icon associated with it */

.content-block ol.steps, article ol.steps
{
padding-left:0;
margin-left:0;
overflow:hidden;

}
.content-block ol.steps>li, article ol.steps>li
{
background-position:0 0.87em;
background-repeat:no-repeat;
list-style-type:decimal;
margin-left:0;
padding:0.75em 0 0.75em 2.2em;

}
.content-block ol.steps>li:nth-child(1), article ol.steps>li:nth-child(1)
{
background-image:url(../images/template/step-1.png);

}

.content-block ol.steps>li:nth-child(2), article ol.steps>li:nth-child(2)
{
background-image:url(../images/template/step-2.png);

}

.content-block ol.steps>li:nth-child(3), article ol.steps>li:nth-child(3)
{
background-image:url(../images/template/step-3.png);

}

.content-block ol.steps>li:nth-child(4), article ol.steps>li:nth-child(4)
{
background-image:url(../images/template/step-4.png);

}

.content-block ol.steps>li:nth-child(5), article ol.steps>li:nth-child(5)
{
background-image:url(../images/template/step-5.png);

}

.content-block ol.steps>li:nth-child(6), article ol.steps>li:nth-child(6)
{
background-image:url(../images/template/step-6.png);

}

.content-block ol.steps>li:nth-child(7), article ol.steps>li:nth-child(7)
{
background-image:url(../images/template/step-7.png);

}

.content-block ol.steps>li:nth-child(8), article ol.steps>li:nth-child(8)
{
background-image:url(../images/template/step-8.png);

}

.content-block ol.steps>li:nth-child(9), article ol.steps>li:nth-child(9)
{
background-image:url(../images/template/step-9.png);

}

.content-block ol.steps>li:nth-child(10), article ol.steps>li:nth-child(10)
{
background-image:url(../images/template/step-10.png);

}

.content-block ol.steps>li:nth-child(11), article ol.steps>li:nth-child(11)
{
background-image:url(../images/template/step-11.png);

}

.content-block ol.steps>li:nth-child(12), article ol.steps>li:nth-child(12)
{
background-image:url(../images/template/step-12.png);

}

.content-block ol.steps>li:nth-child(13), article ol.steps>li:nth-child(13)
{
background-image:url(../images/template/step-13.png);

}

.content-block ol.steps>li:nth-child(14), article ol.steps>li:nth-child(14)
{
background-image:url(../images/template/step-14.png);

}

.content-block ol.steps>li:nth-child(15), article ol.steps>li:nth-child(15)
{
background-image:url(../images/template/step-15.png);

}

/* CONTACT CODE This sets up a defined list CSS, might be worth swapping into our code output */ 

.contact
{
margin:0.75em 0;
min-width:60%;

}
.contact dl dt
{
font-weight:bold;
margin:0 0 0.25em 0;

}
.contact dl dd
{
margin:0 0 0.5em 0;

}

.contact dl dt, .meta-data .contact dt
{
float:left;
clear:left;

}
.contact dl dd, .meta-data .contact dd
{
margin-left:8.5em;
}

section.places h3
{
margin-top:0;

}
.meta-data .contact
{
width:auto;

}

.highlight-answer, .highlighted-event
{
background-color:#0f3d4c;
color:#fff;
text-align:center;
padding:0.1em 2em 0.2em 2em;
margin:0 0 1em 0;

}
.highlight-answer p, .highlighted-event p
{
line-height:2.3em;
color:#fff;

}
.highlight-answer p em, .highlighted-event p em
{
font-size:80px;
line-height:1;
font-style:normal;
font-weight:700;
display:block;
margin-bottom:0.2em;
color:#fff;

}

.webchat-banner
{
background-color:#005ea5;
color:#fff;

font-size:16px;
line-height:1.25;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
max-height:0;
padding:0 15px;
opacity:0;
margin-bottom:0;
overflow:hidden;
-webkit-transition:.7s ease-out;
-webkit-transition-property:max-height, opacity, margin-bottom, padding-top, padding-bottom;
transition:.7s ease-out;
transition-property:max-height, opacity, margin-bottom, padding-top, padding-bottom;

}
.webchat-banner.open
{
max-height:200px;
padding-top:15px;
padding-bottom:15px;
margin-bottom:30px;
opacity:1;

}
.webchat-banner h2:first-child
{
margin-top:0;

}
.webchat-banner a
{
color:#fff;

font-size:16px;
line-height:1.25;
font-weight:700;
text-transform:none;
font-size-adjust:0.525;

}

.webchat-banner .reject
{
margin-left:1em;

}
.error .intro
{
background-color:#D5E8F3;
color:#0b0c0c;

}
.error form input[type="text"]
{

font-size:18px;
line-height:1.2;
font-weight:400;
text-transform:none;
font-size-adjust:0.5;
padding:0.3em 0 0.1em 0.4em;
margin-left:0;

}

.error .search-box label
{
display:block;

}
.error .search-box input[type="text"], .error .search-box input[type="search"]
{
background-color:#dee0e2;
border:2px inset;

}

.contact-card
{
	border-top:.8em solid #a13469;
	border-radius:3px;
	background-color:#f9f9f9;
	padding:20px;
	margin-bottom:20px;
}

.text-highlight {
    border-color: #00b3eb;
    background-color: #d2f4ff;
}

.text-highlight, div.fsError {
    margin: 0 0 20px;
    border-left: .8em solid #00b3eb;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

/* MEDIA QUERIES BELOW HERE */

@media (min-width: 641px)
{
	.report-a-problem-container, .report-a-problem-toggle-wrapper, #wrapper
	{
	margin:0 30px;
	
	}
	
	#footer .footer-categories
	{
	padding-bottom:30px;
	
	}
	
	#footer .footer-categories .footer-explore, #footer .footer-categories .footer-inside-hr
	{
	float:left;
	width:66.66%;
	padding-bottom:60px;
	
	}
	
	#footer .footer-categories hr
	{
	margin-bottom:0;
	
	}
	
	#footer .footer-categories .footer-inside-hr
	{
	width:50%; /* Changed from 33.33% - Rob.K*/ /* Further Changed from 25% - Rob.K*/
	}
	
	#footer .footer-categories .footer-inside-hr.left
	{
	float:left;
	}
	
	#footer .footer-categories .footer-inside-hr.right
	{
	float:right;
	text-align: right;
	}
	
	#footer .footer-categories .footer-inside-hr p
	{
	font-size:1em;
	margin-top: 0;
	}
	
	#footer .footer-categories .footer-inside-hr img
	{
	float:left;
	margin-top: -12px;
	margin-right: 10px;
	margin-bottom: 45px;
	}
	
	#global-header form#search input#site-search-text
	{
	font-size:16px;
	line-height:1.4375;
	
	}
	
	#banner-notification
	{
	padding:0;
	
	}
	
	#banner-notification div
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.report-a-problem-container .button-wrapper .button
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.report-a-problem-container input[type="text"]
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.report-a-problem-toggle
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.report-a-problem-container, .report-a-problem-toggle-wrapper, #wrapper
	{
	margin:0 30px;
	
	}
	
	label.selectable
	{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	
	}
	
	.button.medium
	{
	font-size:19px;
	line-height:1.36842;
	
	}
	
	.get-started .button
	{
	font-size:24px;
	line-height:0.66667;
	
	}
	
	.get-started .destination
	{
	font-size:14px;
	line-height:1.42857;
	
	}
	
	input[type="text"], input[type="search"]
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.related-container h2, .Lrelated-container h2
	{
	font-size:24px;
	line-height:1.25;
	
	}
	
	.related ul
	{
	font-size:16px;
	line-height:1.25;

	}
	
	.related .return-to-top
	{
	font-size:16px;
	line-height:1.25;

	}
	
	header.page-header div /* Used for the H1 page header, sets a top and bottom margin to create space around them. */
	{
	margin-top:30px;
	margin-bottom:20px;
	
	}
	
	header.page-header div h1, .content-block .inner h1.replacement
	{
	font-size:48px;
	line-height:1.04167;
	padding-top:7px;
	padding-bottom:0;
	
	}
	
	header.page-header div h2, .content-block .inner h2.replacement
	{
	font-size:30px;
	line-height:1.04167;
	padding-top:7px;
	padding-bottom:0;
	
	}	
	
	.business_support .support-info h2
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.business_support .long-description p, .business_support .long-description li
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.meta-data
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.meta-data p
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.error-notification p
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.sets-cookie
	{
	font-size:14px;
	line-height:1.42857;
	
	}
	
	.nav-tabs li, .nav-tabs .tabs-nav li
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.js-tab-content .programme-progression li a, .js-tab-content .programme-progression li h1, .js-tab-content .js-heading-tab a, .js-tab-content .js-heading-tab h1
	{
	font-size:24px;
	line-height:1.875;
	
	}
	
	.js-tab-content .tab-shiftlink
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.hint
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.start-again a
	{
	font-size:19px;
	line-height:2.10526;
	
	}
	
	.done-questions ol li h3, .upcoming-questions ol li h3
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.done-questions ol li.done .answer, .upcoming-questions ol li.done .answer
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	li.done .undo
	{
	font-size:14px;
	line-height:1.42857;
	
	}
	
	.current-question h2
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	#content.multi-page aside
	{
	margin:0 0 2.5em;
	
	}
	
	aside .show-all-parts
	{
	font-size:19px;
	line-height:2.36842;
	
	}
	
	.find-location-for-service p.geolocate-me, .find-location-for-licence p.geolocate-me
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.content-block table caption, article table caption
	{
	font-size:1rem;
	line-height:1.25;
	
	}
	
	.content-block td small, article td small
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.mainstream .content-block .summary p, .mainstream article .summary p
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.content-block .place .additional-information, article .place .additional-information
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.content-block ul.view-maps li, article ul.view-maps li
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.webchat-banner
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.webchat-banner a
	{
	font-size:19px;
	line-height:1.31579;
	
	}
	
	.error form input[type="text"]
	{
	font-size:24px;
	line-height:1.25;
	
	}

}


@media (max-width: 800px)
{
	.step.current
	{
	margin-right:0;
	padding:0 1em 1em 1em;
	
	}
	
	.related-container
	{
	padding:0;	
	}		

}

@media (max-width: 640px) and (min-width: 641px)
{
	.highlight-answer, .highlighted-event
	{
	font-size:48px;
	line-height:1.04167;
	
	}

}

@media (max-width: 640px)
{
	#global-browser-prompt
	{
	padding:0.5em 1em;
	
	}
	
	#global-breadcrumb
	{
	padding:0 1em;
	
	}
	
	.js-tab-content .report-a-problem-toggle
	{
	margin-top:2em;
	
	}
	
	.transaction .get-started .button, .local_transaction .get-started .button, .business_support .get-started .button, .licence .get-started .button, .next-steps-promo .get-started .button
	{
	background-position:110% 50%;
	
	}

	.related-container
	{
	padding:0;	
	}
		
	.related-container h2, .Lrelated-container h2
	{
	font-size:17px;
	margin-bottom:0.625em;

	}
	
	.print-link
	{
	width:60%;
	
	}
	.print-link a, .print-link a:link, .print-link a:visited
	{
	padding-bottom:4px;
	
	}
	
	.find-location-for-service .cookie-container
	{
	bottom:20px;
	right:16px;
	
	}
	
	.nav-tabs ol, .nav-tabs ul, .nav-tabs .tabs-nav
	{
	float:none;
	margin:0 -16px;
	
	}
	
	.nav-tabs li, .nav-tabs .tabs-nav li
	{
	float:none;
	
	}
	
	.nav-tabs li a, .nav-tabs .tabs-nav li a
	{
	display:block;
	position:static;
	float:none;
	height:auto;
	line-height:3.5em;
	padding:0 16px;
	text-align:left;
	margin-bottom:0;
	border-bottom:1px solid #bfc1c3;
	
	}
	
	.nav-tabs li.active a, .nav-tabs .tabs-nav li.active a
	{
	border:none;
	border-bottom:1px solid #bfc1c3;
	
	}
	
	.nav-tabs li:first-child a, .nav-tabs .tabs-nav li:first-child a
	{
	border-left:none;
	border-top:1px solid #bfc1c3;
	
	}
	
	.tab-content
	{
	margin:0 0;
	
	}
	
	.tab-content .tab-pane
	{
	border-top:none;
	padding:0;
	
	}
	
	.tab-content .inner
	{
	padding:0 1em 1em;
	border-bottom:solid 1px #C9D0D0;
	
	}
	
	/* Test removal
	
	.js-tab-content .tab-shiftlink
	{
	position:static;
	left:auto;
	
	}
	
	.js-tab-content .js-tab-container
	{
	min-height:0;
	
	}
	.js-tab-content .js-tab-pane
	{
	border-bottom:solid 1px #bfc1c3;
	
	}
	.js-tab-content .js-tab-container:first-child
	{
	border-top:solid 1px #bfc1c3;
	
	}
	
	*/
	
	.start-again
	{
	position:static;
	width:auto;
	padding:0 1em;
	
	}
	.start-again a
	{
	text-align:right;
	
	}
	
	.done-questions ol li, .upcoming-questions ol li
	{
	padding:0.5em 1em;
	
	}
	
	#content.multi-page aside
	{
	width:auto;
	overflow:hidden;
	border-bottom:none;
	padding-bottom:0;
	margin-left:0;
	
	}
	
	aside .show-all-parts
	{
	display:block;
	background:transparent url() 100% 6px no-repeat;
	
	}
	
	aside .page-navigation
	{
	margin-top:0;
	
	}
	
	.pagination
	{
	margin:2em 0 0 0;
	
	}
	
	.find-location-for-service, .find-location-for-licence
	{
	margin:1.2em 0;
	padding-left:1em;
	padding-right:1em;
	
	}
	.find-location-for-service .postcode, .find-location-for-licence .postcode
	{
	margin-left:0;
	
	}
	
	.find-location-for-service p.geolocate-me, .find-location-for-licence p.geolocate-me
	{
	margin-left:-2.5em;
	padding-right:2.5em;
	
	}
	
	.content-block table, article table
	{
	margin:1em 0 2em 0;
	width:100%;
	
	}
	.content-block table caption, article table caption
	{
	padding-left:0;
	
	}
	
	.content-block th, .content-block td, article th, article td
	{
	font-size:16px;
	line-height:1.25;
	
	}
	
	.content-block th a[rel="external"]:after, .content-block td a[rel="external"]:after, article th a[rel="external"]:after, article td a[rel="external"]:after
	{
	content:"     ";
	background-position:right 1px;
	
	}
	.content-block th a[rel="external"]:hover:after, .content-block td a[rel="external"]:hover:after, article th a[rel="external"]:hover:after, article td a[rel="external"]:hover:after
	{
	background-position:right -387px;
	
	}
	
	.mainstream .content-block .summary, .mainstream article .summary
	{
	margin:0 0 2em 0;
	padding:0;
	
	}
	
	.content-block .advisory, article .advisory
	{
	margin:0 0 1em 0;
	
	}
	
	.contact
	{
	margin:0.75em 0;
	
	}
	
	.content-block .intro, article .intro
	{
	margin:0 0 1.5em 0;
	padding:0;
	
	}
	
	.content-block .example, article .example
	{
	margin:0.75 0;
	
	}
	
	.content-block .application-notice, .content-block .advisory.minor, .content-block .form-download, .content-block .subscribe, article .application-notice, article .advisory.minor, article .form-download, article .subscribe
	{
	margin:1em 0 1.5em 0;
	
	}
	
	.content-block .place, article .place
	{
	margin:0.75em 0;
	
	}
	
	.highlight-answer, .highlighted-event
	{
	margin:0 0 1em 0;
	
	font-size:32px;
	line-height:1.09375;
	font-weight:100;
	text-transform:none;
	font-size-adjust:0.5;
	
	}
	
	.highlight-answer p, .highlighted-event p
	{
	font-size:1em;
	line-height:inherit;
	
	}
	.highlight-answer p em, .highlighted-event p em
	{
	font-size:2em;
	display:block;
	
	}
	
	.error .page-header div
	{
	padding-left:1em;
	
	}
	
	.Lrelated-container .page-header h1.background
	{
	bottom:7px;
	}
	
	.categoryList, .home-news-container
	{
		column-count: 1;
	}
	
	.news-box:after
	{
		margin-bottom: 10px;
	}
	

}

@media (min-width: 769px)
{
	#global-header .header-wrapper .header-global .site-search
	{
	width: 30%;
    margin-top: 32px;
    margin-bottom: 5px;
	
	}
	
	.grid-row main#content
	{
	float:left;
	width:66.66667%;
	padding-bottom:75px;
	}
	
	.grid-row .colThirds /* Used for dividing the webpage into three sections */
	{
	float:left;
	width:32%;
	margin-left: 2%;
	margin-bottom:10px;
	min-height: 340px;
	}
	
	.grid-row .colThirds.firstCol
	{
	margin-left:0;
	}
	
	.colThirds .content /* Used for dividing the webpage into three sections */
	{
	padding:15px;
	}
	
	.colThirds .content h2
	{
	font-size:1.15em;
	}
	
	.grid-row .colThirds .content div.image
	{
	width:100%;
	max-height: 185px;
	overflow: hidden;
	}
	
	.related-container, .Lrelated-container
	{
	float:left;
	width:33.33333%;
	
	}
	
	.Lrelated-container#rightLead
	{
		display:block;
	}
	
	.Lrelated-container .page-header
	{
	display: none;
	}
	
	.Lrelated-container #related
	{
	display: block;
	}
	
	.Lrelated-container .contact-card
	{
	display: block;
	}
	
	.Lrelated-container #contentsBox
	{
	display: block;
	}
	
	.related .return-to-top
	{
	position:absolute;
	left:-9999em;

	}
	
	.related-container.leftLead
	{
	display: none;
	}
	
	main .page-header.leftLead
	{
	display: block;
	}
	
	.categoryList
	{
	-moz-column-count: 3;
  	-webkit-column-count: 3;
	column-count: 3;
		
	}
	
	.home-news-container
	{
	-moz-column-count: 4;
  	-webkit-column-count: 4;
	column-count: 4;
	}
	
	.news-box:after
	{
		margin-bottom: 10px;
	}

}

@media (min-width: 1020px)
{
	
	.report-a-problem-container, .report-a-problem-toggle-wrapper, #wrapper, .wrapper
	{
	margin:0 auto;
	
	}


}

@media only screen and (max-width: 379px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 379px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 379px) and (-o-min-device-pixel-ratio: 20 / 10), only screen and (max-width: 379px) and (min-device-pixel-ratio: 2), only screen and (max-width: 379px) and (min-resolution: 192dpi), only screen and (max-width: 379px) and (min-resolution: 2dppx)
{
	#global-header .search-toggle
	{
	background-size:52.5px 35px;
	background-position:100% 50%;
	
	}

}

@media screen and (max-width: 379px)
{
	#global-header .search-toggle
	{
	display:block;
	float:right;
	height:30px;
	width:36px;
	padding:0;
	margin:-32px 15px;
	overflow:hidden;
	text-indent:-5000px;
	background-color:#005ea5;
	background-image:url();
	background-repeat:no-repeat;
	background-position:0 50%;
	
	}
	body.search #global-header .search-toggle
	{
	display:none;
	
	}
	
	#global-header form#search
	{
	display:none;
	width:100%;
	
	}
	#global-header form#search #site-search-text
	{
	width:80%;
	
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
{
	.transaction .get-started .button, .local_transaction .get-started .button, .business_support .get-started .button, .licence .get-started .button, .next-steps-promo .get-started .button
	{
	background-image:url();
	background-size:30px 19px;
	
	}
	
	.print-link a, .print-link a:link, .print-link a:visited
	{
	background-size:16px 18px;
	
	}
	
	aside .show-all-parts
	{
	background-image:url();
	background-size:45px 90px;
	
	}
	
	.content-block .advisory, article .advisory
	{
	background-image:url();
	background-size:27px 27px;
	
	}
	
	.content-block .help-notice, article .help-notice
	{
	background-image:url();
	background-size:34px 34px;
	
	}
	
	.content-block .subscribe, article .subscribe
	{
	background-image:url();
	background-size:27px 27px;
	
	}
	
	.content-block .form-download a, article .form-download a
	{
	background-image:url();
	background-size:25px 25px;
	
	}
	
	.content-block ol.steps>li:nth-child(1), article ol.steps>li:nth-child(1)
	{
	background-image:url(../images/template/step-1.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(2), article ol.steps>li:nth-child(2)
	{
	background-image:url(../images/template/step-2.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(3), article ol.steps>li:nth-child(3)
	{
	background-image:url(../images/template/step-3.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(4), article ol.steps>li:nth-child(4)
	{
	background-image:url(../images/template/step-4.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(5), article ol.steps>li:nth-child(5)
	{
	background-image:url(../images/template/step-5.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(6), article ol.steps>li:nth-child(6)
	{
	background-image:url(../images/template/step-6.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(7), article ol.steps>li:nth-child(7)
	{
	background-image:url(../images/template/step-7.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(8), article ol.steps>li:nth-child(8)
	{
	background-image:url(../images/template/step-8.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(9), article ol.steps>li:nth-child(9)
	{
	background-image:url(../images/template/step-9.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(10), article ol.steps>li:nth-child(10)
	{
	background-image:url(../images/template/step-10.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(11), article ol.steps>li:nth-child(11)
	{
	background-image:url(../images/template/step-11.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(12), article ol.steps>li:nth-child(12)
	{
	background-image:url(../images/template/step-12.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(13), article ol.steps>li:nth-child(13)
	{
	background-image:url(../images/template/step-13.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(14), article ol.steps>li:nth-child(14)
	{
	background-image:url(../images/template/step-14.png);
	background-size:24px 24px;
	
	}
	
	.content-block ol.steps>li:nth-child(15), article ol.steps>li:nth-child(15)
	{
	background-image:url(../images/template/step-15.png);
	background-size:24px 24px;
	
	}

}