/*
 $a-s10:0.7692307692em;
 $a-s12:0.9230769231em;
 $a-s13:1em;
 $a-s14:1.0769230769em;
 $a-s15:1.1538461538em;
 $a-s16:1.2307692308em;
 $a-s18:1.3846153846em;
 $a-s20:1.5384615385em;
 $a-s24:1.8461538462em;
 */
/* FFS Safari */
input:not([type=radio]):not([type=checkbox]) {
  -webkit-appearance: none;
  /*border-radius: 4px;*/ }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus, textarea:focus, input:focus {
    font-size: 16px; } }
/* global settings */
body {
  margin: 0;
  color: #000;
  min-width: 1000px;
  background-color: #666;
  /* JT*/
  /* background:#666 url(https://www.journalism.co.uk/newsite/images/bg-shadow-new.png) repeat-y 50% 0;*/
  /* end JT*/
  font-size: 14px/16px;
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif !important; }

a {
  text-decoration: none;
  color: #f3058f; }

a:hover {
  text-decoration: underline; }

input, textarea, select {
  font: 100% "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  color: #000;
  border: 1px solid darkgrey;
  border-radius: 4px; }

input[type="submit"], input[type="button"] {
  border: 1px solid darkgrey;
  border-radius: 4px;
  padding: 3px; }

.alignleft {
  float: left !important; }

.alignright {
  float: right !important; }

#custom-doc {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  border: 1px solid #cbcbcb;
  border-width: 0 1px;
  background-color: #fff;
  /* TB */
  /* end TB */ }
/* TB Fix autocomplete dropdown formatting */
.ui-menu-item {
  background: none;
  text-align: left; }
/* TB adding 'a' subselectors too as we usually want a linked header to look like a normal one, not pink. */
h1 {
  /* TB trying a rework of default H1
   font:26px/28px $a-serif-stack;
   color:#333;
   margin:0 0 5px;
   */
  font: bold 18px/20px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #2a343e;
  display: block;
  margin: 0 0 18px;
  padding: 0px 0 5px;
  border-bottom: 1px solid #2a343e; }

h1 a {
  color: #333; }

h2 {
  font: 18px/20px Georgia, "Times New Roman", Times, serif;
  color: #666;
  margin: 0 0 5px; }

h2 a {
  color: #666; }

h3 {
  font: 16px/18px Georgia, "Times New Roman", Times, serif;
  color: #333;
  margin: 0 0 5px; }

h3 a {
  color: #333; }

h4 {
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0 0 5px; }

h4 a {
  color: #000; }

h5 {
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0 0 5px; }

h5 a {
  color: #333; }

h6 {
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0 0 5px; }

h6 a {
  color: #333; }

p {
  font-size: 13px/15px; }
/* end TB */
hr {
  height: 1px;
  border: 1px dotted #999;
  border-width: 0 0 0;
  /* TB: */
  /*border-width:1px 0 0;*/
  border-top: 1px dotted #a9a9a9;
  /*background : url("https://www.journalism.co.uk/newsite/images/bg-dotted.gif") repeat-x scroll 0 0 transparent;*/
  /* background:none; */
  /* end TB */
  display: block;
  margin: 0 0 10px; }

* html hr {
  margin: -7px 0 5px; }

* + html hr {
  margin: -7px 0 5px; }

p {
  margin: 0 0 10px; }

p a {
  font-weight: bold; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

ul {
  /* TB mod font:14px/15px $a-serif-stack; */
  color: #000;
  margin: 10px 0;
  /* TB mod */ }
/* end TB */
ul li {
  /* TB mod */
  padding: 4px 0 4px 10px;
  background: url(https://www.journalism.co.uk/newsite/images/dott.gif) no-repeat 0 10px; }
/* end TB */
ol {
  width: 100%;
  color: #000;
  overflow: hidden;
  counter-reset: item;
  padding: 0 0 10px;
  margin: 10px 0;
  /* JT mod
   font:14px/15px $a-serif-stack;
   end JT mod*/
  /* JT mod */ }
/* end JT */
ol li {
  display: block;
  padding: 4px 0 4px 10px;
  /* JT mod */ }
/* end JT */
ol a {
  font-weight: normal; }

dl {
  width: auto;
  overflow: hidden; }

ul.link-list {
  font: 12px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

ul.link-list li {
  padding: 0 0 5px;
  background: none; }

ul.link-list a {
  color: #666; }

ul.link-list .chevron {
  color: #f3058f;
  font: 13px/15px inherit;
  font-weight: bold;
  margin: 0 5px 0 0; }

dl dt {
  float: left;
  color: #fff;
  width: 25%;
  border: 1px solid #b0b7bd;
  padding: 4px 5px 5px 10px;
  background: #354350;
  margin: 0 5px 0 0; }

dl dd {
  border: 1px solid #fff;
  background: #f1efec;
  padding: 4px 5px 5px 10px; }

table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 2px solid #999;
  margin: 0 0 10px; }
/* TB: I'm removing the thead and tbody parts here as they're not always present in tables. Might need to revisit if it causes bugs */
table th {
  text-align: left;
  background: #354350;
  padding: 10px;
  color: #fff;
  font: bold 14px/16px Georgia, "Times New Roman", Times, serif; }

table td {
  padding: 10px;
  border: 1px solid #fff;
  background: #f1efec;
  color: #222b34;
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
/* end TB */
/* Image credits */
div.image-attribution {
  color: #b9b9b9; }

div.image-caption {
  color: #b9b9b9; }
/* tables block styles */
.table-block {
  width: 100%;
  border-bottom: 2px solid #999;
  margin: 0 0 10px; }

.container .table-block h2 {
  color: #333;
  margin: 0;
  border: 0;
  font: 20px/24px Georgia, "Times New Roman", Times, serif; }

.table-block .table-links {
  overflow: hidden;
  height: 24px;
  font: 14px/24px Georgia, "Times New Roman", Times, serif;
  background: url(https://www.journalism.co.uk/newsite/images/bg.dotted.gif) repeat-x 0 100%;
  padding: 0 0 5px;
  margin: 0 0 5px; }

.table-block .table-links li {
  float: left;
  padding: 0 6px;
  background: url(https://www.journalism.co.uk/newsite/images/divider-04.gif) no-repeat 0 7px; }

.table-block .table-links li a {
  font-weight: normal;
  color: #333; }

.table-block .table-links li.active a {
  text-decoration: underline; }

.table-block .mark-line {
  background: #e0e0e0;
  width: 100%;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.table-block .mark-line a {
  color: #f09; }

.table-block .table-links li:first-child {
  background: none; }

.table-block .heading {
  overflow: hidden;
  background: #354350;
  color: #fff;
  font: bold 14px/16px Georgia, "Times New Roman", Times, serif;
  height: 36px; }

.table-block .heading li {
  float: left;
  height: 28px;
  padding: 8px 0 0;
  text-align: center; }

.section1 {
  width: 18%;
  float: left;
  background: none; }

.section2 {
  width: 31%;
  float: left;
  background: url(https://www.journalism.co.uk/newsite/images/divider-07.gif) no-repeat; }

.section3 {
  width: 31%;
  float: left;
  background: url(https://www.journalism.co.uk/newsite/images/divider-07.gif) no-repeat; }

.section4 {
  width: 20%;
  float: right;
  background: url(https://www.journalism.co.uk/newsite/images/divider-07.gif) no-repeat;
  margin: 0 0 0 -1px; }

* + html .section4 {
  margin: 0 0 0 -1px; }

* html .section4 {
  margin: 0 0 0 -1px; }

.table-block .slide-block {
  margin: 0;
  background: none;
  padding: 0; }

.table-block .slide-block .line {
  background: #f1efec;
  padding: 0;
  width: 100%;
  position: relative;
  overflow: hidden; }

.table-block .active .section4, .table-block .active .slide {
  background: #e0e0e0;
  border-top: 1px solid #fff;
  overflow: hidden;
  padding: 10px; }
/* JT amended */
.table-block .slide-block .line p {
  margin: 0 10px 10px; }
/* end JT amend */
.table-block .slide-block .line .section1, .table-block .slide-block .line .section2, .table-block .slide-block .line .section3, .table-block .slide-block .line .section4 {
  padding: 10px 0 9999px;
  margin: 0 0 -9999px;
  color: #222b34;
  border-top: 1px solid #fff; }

* + html .table-block .slide-block .line .section4 {
  margin: 0 0 -9999px -1px; }

* html .table-block .slide-block .line .section4 {
  margin: 0 0 -9999px -1px; }
/* JT amended */
.table-block .slide-block .holder {
  padding: 0;
  width: 620px; }
/* end JT amend */
.table-block .line .open-close {
  float: none;
  display: block;
  text-align: center; }

.table-block .line .open-close:hover {
  text-decoration: none; }

.table-block .line .open-close em {
  background: url(https://www.journalism.co.uk/newsite/images/arrow-down-2.gif) no-repeat 100% 50%; }

.table-block .line .open-close span {
  background: url(https://www.journalism.co.uk/newsite/images/arrow-up-2.gif) no-repeat 100% 50%; }

.table-block .info {
  padding: 0;
  overflow: hidden;
  width: 600px;
  /* JT */
  position: relative;
  /* end JT */
  margin: 0;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.table-block .info li {
  display: inline-block;
  padding: 0 4px 0 5px;
  margin: 0 1px 0 -1px;
  overflow: hidden;
  background: url(https://www.journalism.co.uk/newsite/images/divider-04.gif) no-repeat 0 3px; }

* html .table-block .info li {
  display: inline; }

* + html .table-block .info li {
  display: inline; }

.table-block .info li a {
  color: #f09;
  font-weight: bold; }
/* header */
.header {
  padding: 10px 0 0; }
/* TB bottom reduced from 21px for mobile layout */
/* top nav bar */
/*.container460 .nav-bar{width:460px;}*/
.nav-bar dl {
  height: 1%;
  overflow: hidden;
  font-size: 12px;
  padding: 2px 0; }

.nav-bar dl dt {
  float: left;
  margin: 0 10px 0 0;
  font-weight: bold;
  background: none;
  border: 0;
  padding: 0;
  color: #333;
  width: auto; }

.nav-bar dl dd {
  float: left;
  border: 0;
  background: none;
  color: #333;
  padding: 0;
  height: 1.2em;
  /*width: 375px;*/
  overflow: hidden; }

.nav-bar dl dd a {
  padding: 0;
  background: none;
  color: #333;
  font-weight: normal; }

.nav-bar {
  border: 1px solid #ccc;
  border-width: 1px 0;
  overflow: hidden;
  /*padding:0 10px 0 0;*/
  /*margin:0 0 20px;*/ }
/* width:930px;*/
.sub-function {
  overflow: hidden;
  color: #999;
  float: left;
  margin: 0;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
/* TB removed
 background:url(https://www.journalism.co.uk/newsite/images/divider-01.gif) no-repeat 99% 9px;
 */
.sub-function li {
  float: left;
  padding: 7px 16px 6px 0;
  background: none;
  /* TB removed
   background:url(https://www.journalism.co.uk/newsite/images/divider-01.gif) no-repeat 100% 50%;
   */
  /* TB Add  */ }

.sub-function li a {
  font-weight: bold; }

.sub-function li a.awesome {
  padding: 3px 6px;
  font: 10px/12px inherit; }

.sub-function li.download-iphone {
  background: url(https://www.journalism.co.uk/newsite/images/ico-iphone.gif) no-repeat 6px 50%;
  padding: 7px 12px 6px 24px; }

.sub-function li strong {
  font-weight: bold;
  color: #333; }
/* search form */
.search-form {
  float: right;
  width: 255px; }

.row {
  overflow: hidden; }

.search-form .row {
  padding: 2px 0 2px; }

.search-form label {
  float: left;
  font-weight: bold;
  margin: 7px 10px 0 0;
  letter-spacing: -1px; }

.search-form .text {
  float: left;
  margin: 4px 0 0;
  padding: 0 2px 0 9px;
  width: 140px;
  height: 20px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-text.gif) no-repeat; }

.search-form .text input {
  float: left;
  width: 140px;
  margin: 0;
  padding: 3px 0;
  border: 0;
  background: none;
  color: #999;
  font: 12px/14px inherit;
  outline: none; }

.search-form .submit {
  float: right;
  width: 43px;
  height: 23px;
  margin: 2px 0 0;
  border: 0;
  padding: 0;
  cursor: pointer; }
/** new search form **/
.desktop-search {
  padding: 0; }
  .desktop-search form {
    display: block;
    float: right; }
/* PR search form JT add*/
.prsearchform {
  display: inline-block;
  zoom: 1;
  /* ie7 hack for display:inline-block */
  *display: inline;
  border: solid 1px #d2d2d2;
  padding: 3px 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
  background: #f1f1f1;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1efec));
  background: -moz-linear-gradient(top, #fff, #f1efec);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1EFEC');
  /* ie7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1EFEC');
  /* ie8 */ }

.prsearchform input {
  font: normal 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #999; }

.prsearchform .prsearchfield {
  background: #fff;
  padding: 4px 4px 4px 6px;
  width: 77%;
  border: solid 1px #bcbbbb;
  outline: none;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); }

.prsearchform .prsearchbutton {
  color: #fff;
  padding: 1px;
  font: 12px/14px inherit;
  font-weight: bold;
  height: 22px;
  width: 23px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  background: #5f5f5f;
  background: -webkit-gradient(linear, left top, left bottom, from(#a9014b), to(#d42d76));
  background: -moz-linear-gradient(top, #a9014b, #d42d76);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9014B', endColorstr='#d42d76');
  /* ie7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9014B', endColorstr='#d42d76');
  /* ie8 */ }
/* End PR search form JT add*/
.header-holder {
  width: 100%;
  overflow: hidden;
  margin: 0 0 12px; }

.logo img {
  float: left;
  margin: 10px 0 0; }

.header .banner {
  float: right; }

.banner img {
  display: block; }
/* main navigation */
.navigation {
  height: 52px;
  overflow: hidden;
  background: #fff url(https://www.journalism.co.uk/newsite/images/bg-navigation.gif) repeat-x; }
/* TB amends #nav->.agile_nav, and li.active->li.ulmenu_selected_or_parent */
.navigation .agile_nav {
  float: left;
  position: relative;
  margin: 0;
  font: bold 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
  .navigation .agile_nav ul {
    display: none;
    opacity: 0; }
  .navigation .agile_nav li {
    float: left;
    padding: 0;
    background: url(https://www.journalism.co.uk/newsite/images/divider-02.gif) no-repeat 0 4px; }
  .navigation .agile_nav li a {
    float: left;
    color: #fff;
    padding: 8px 13px 5px; }
  .navigation .agile_nav .sf-sub-indicator {
    display: none; }
  .navigation .agile_nav li:hover a, .navigation .agile_nav li.hover a, .navigation .agile_nav li a:hover, .navigation .agile_nav li.ulmenu_selected_or_parent a, .navigation .agile_nav li.sfHover a {
    text-decoration: none;
    background: url(https://www.journalism.co.uk/newsite/images/bg-nav-active.gif) repeat-x; }
  .navigation .agile_nav ul {
    position: absolute;
    top: 28px;
    left: 0;
    padding: 2px 0 0;
    width: 940px;
    font: bold 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
    overflow: hidden;
    background: url(https://www.journalism.co.uk/newsite/images/transparent.gif);
    /* TB added to offset changes to core UL definition */
    margin: 0 0 10px;
    /* end TB */ }
    .navigation .agile_nav ul li {
      margin: 0 1px 0 -1px;
      padding: 0 8px 0 9px;
      background: url(https://www.journalism.co.uk/newsite/images/divider-03.gif) no-repeat 0 5px !important; }
  .navigation .agile_nav ul li a, .navigation .agile_nav .ulmenu_selected_or_parent li a, .navigation .agile_nav li.sfHover li a, .navigation .agile_nav ul li a:hover, .navigation .agile_nav .ulmenu_selected_or_parent li a:hover {
    padding: 2px 0;
    background: none; }
  .navigation .agile_nav ul li a:hover, .navigation .agile_nav .ulmenu_selected_or_parent li a:hover {
    text-decoration: underline; }
/* end TB */
.socials {
  float: right;
  padding: 4px 0 0;
  margin: 0 0 10px;
  /* TB added to offset changes to core UL definition */
  /* end TB */ }
/* AF 27/01/2016 - social icons needs space above when in 'editorial training' block */
.training-block ul.socials {
  margin-top: 9px; }

.socials li {
  float: right;
  padding: 9px 0px 0px 6px !important;
  /* TB adjust padding for new menu */
  /*padding:4px 7px 4px 9px;*/
  /* AF 13/01/2016 tightened up padding */
  /*padding: 9px 12px 0px 9px !important;*/
  /*padding: 9px 0px 0px 12px !important;*/
  /* AF 27/01/2016 further tightened padding on request */
  /*tb remove dividers for new menu */
  /* background:url(https://www.journalism.co.uk/newsite/images/divider-02.gif) no-repeat 0 50%; */
  background: none; }
/* AF 13/01/2016 swapped padding-right and padding-left for main menu social icons */
.mainmenu .socials li {
  padding: 9px 12px 0px 0px !important; }

.socials li a {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden; }

.socials li .twitter {
  background: transparent url("https://www.journalism.co.uk/newsite/images/ico-twitter.png") no-repeat scroll 0% 20%; }

.socials li .email {
  background: url(https://www.journalism.co.uk/newsite/images/ico-mail.png) no-repeat; }

.socials li .rss {
  background: url(https://www.journalism.co.uk/newsite/images/ico-rss.png) no-repeat; }
/* main content */
/* Mod from psd2html
 .main{
 width:100%;
 overflow:hidden;
 background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) repeat-y 630px 0;
 }
 .content{
 width:620px !important;
 overflow:hidden;
 position:relative;
 margin-right:320px !important;
 }
 */
.main {
  width: 100%; }
/*background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) repeat-y 630px 0;*/
#yui-main {
  border-right: 1px dotted #a9a9a9; }
/*
 .content{
 width:620px !important;
 position:relative;
 margin-right:320px !important;
 }
 */
* html .content {
  overflow: hidden; }

.yui-g {
  overflow: hidden; }
/* end psd2html */
.content .nav-bar {
  margin: 0 0 10px;
  padding: 0; }

.topics-block {
  width: 100%;
  margin: 0;
  overflow: hidden; }

.landscape {
  padding: 0 0 15px; }

.news-page {
  background: none;
  padding: 0;
  margin-bottom: 15px; }

.topics-block img {
  display: block;
  margin: 5px 0 10px; }
/*width: 100%;*/
.topics-holder {
  height: 1%;
  overflow: hidden;
  margin: 0 0 10px; }
/*background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) repeat-y 473px 0;*/
.topic-content {
  /*width:460px;*/
  padding: 0 0 5px;
  line-height: 15px;
  float: left;
  overflow: hidden;
  border-right: 1px dotted darkgrey; }
/* tb removed  see .holder-link a
 .holder-link{padding:25px 0 0;}
 */
/* TB add for home lockups */
.holder-link a {
  background: url("https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif") no-repeat scroll 0 4px transparent;
  color: #666;
  font-weight: normal;
  padding: 0 0 0 15px;
  word-spacing: -2px; }
/*end tb*/
.topics-block p {
  margin: 0 0 10px; }
/* TB various mods */
.topics-block a {
  font-weight: normal; }

.news-section a {
  color: #666;
  padding: 0 0 0 15px;
  /* TB mod
   word-spacing:-2px;
   */
  font-weight: normal; }
/* TB mod not needed, these are handled by sub-links class on ULs
 background:url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px;
 */
/* end TB various mods */
.sub-links {
  width: 210px;
  float: left;
  margin: 0; }
/* TB don't limit sub-links width when showing as top story on homepage (only on s2) */
div.topic-content ul.sub-links {
  width: inherit; }
/* But do on portrait layout or they jump to below the image */
div.topic-content.home_portrait_single_story ul.sub-links {
  width: auto !important; }
/* end TB */
.sub-links a {
  color: #666;
  padding: 0;
  background: none; }

.sub-links li {
  padding: 0 0 10px 15px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 3px;
  font-family: Georgia, "Times New Roman", Times, serif; }

.topics-block .heading {
  margin: 0 0 15px;
  border: 0;
  padding: 0;
  font: 24px/24px Georgia, "Times New Roman", Times, serif; }

.topics-block .heading a {
  background: none;
  color: #333;
  padding: 0;
  word-spacing: 0; }

.topics-block .alignleft {
  margin: 0 15px 0 0; }

.topics-block .alignright {
  margin: 0 0 0 15px; }

.topics-links {
  float: right;
  width: 136px;
  overflow: hidden; }

.analysis .topics-links {
  /*background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) 0 0 repeat-y;*/
  border-left: 1px dotted #a9a9a9; }

.topics-links h2 {
  font: bold 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  margin: 0 0 1px !important;
  color: #fff !important;
  padding: 3px 0 3px 7px !important;
  background: #192028 url(https://www.journalism.co.uk/newsite/images/bg-heading.gif) repeat-x; }

.topics-links ul {
  overflow: hidden;
  font: 14px/16px Georgia, "Times New Roman", Times, serif;
  height: 1%;
  margin: 0 !important;
  padding-bottom: 0 !important; }

.topics-links ul li {
  float: left;
  width: 137px;
  margin: -1px 0 1px;
  padding: 10px 0 10px 3px !important;
  border-top: 1px dotted #a9a9a9;
  /* background:url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x !important; */ }

.topics-links ul a {
  padding: 0 !important;
  background: none !important;
  color: #333 !important;
  display: block;
  line-height: 18px; }

.right-column {
  float: right;
  width: 140px;
  margin: 0 0 0 10px; }

.analysis {
  /* margin:0 0 10px !important; */
  margin-bottom: 10px !important;
  overflow: hidden;
  border-top: 1px dotted #a9a9a9;
  padding-top: 8px;
  border-bottom: 1px dotted #a9a9a9;
  padding-bottom: 8px; }

.analysis h2 {
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 0 0 7px;
  margin: 0;
  color: #000; }

.analysis a {
  font: 14px/16px Georgia, "Times New Roman", Times, serif;
  color: #333; }

.analysis img {
  display: block;
  margin: 0 0 9px;
  width: 100%; }

.analysis p {
  margin: 0;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.analysis .title {
  font: 14px/16px inherit;
  display: block;
  margin: 0 0 5px; }
/* container */
.container {
  overflow: hidden;
  padding: 15px 10px 0 0;
  border-right: 1px dotted #a9a9a9;
  /* width:380px !important; */
  /*background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) repeat-y 389px 0;*/ }

.container460 {
  padding-top: 0; }
/*width:460px !important;*/
/*background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-vertical.gif) repeat-y 100% 0;*/
.container h2.underlined {
  margin: 0;
  padding: 0 0 2px;
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #ec008c;
  color: #000; }

.news-section {
  width: 100%;
  margin: 0 0 9px;
  padding: 14px 0;
  overflow: hidden;
  border-bottom: 1px dotted darkgrey; }

.lower-section {
  background: none;
  margin: 0; }

.news-content {
  height: 1%;
  overflow: hidden; }

.news-section .alignleft {
  margin: 3px 20px 5px 0; }

.news-section p {
  margin: 0 0 5px; }

.news-section .headline {
  font: 16px/18px Georgia, "Times New Roman", Times, serif; }

.news-section .headline a {
  color: #333;
  padding: 0;
  background: none; }

.more {
  width: 100%;
  font: 14px/16px inherit;
  font-weight: bold;
  padding: 0 0 10px;
  letter-spacing: -1px;
  overflow: hidden;
  margin: 0 0 12px;
  border-bottom: 1px dotted darkgrey; }

.more a {
  float: left;
  color: #999;
  padding: 0 15px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 100% 50%; }

.blog {
  background: #f1efec; }

.blog h2 {
  font: 16px/18px inherit;
  margin: 0 0 10px;
  color: #fff;
  padding: 7px 5px 7px 12px;
  border: 0;
  background: #7e6552 url(https://www.journalism.co.uk/newsite/images/bg-heading-blog.gif) repeat-x; }

.content .blog ul {
  padding: 2px 0 8px 10px; }

.content .blog ul li {
  padding: 0 10px 9px 20px; }
/* TB this removes the pink arrows on front page blog headlines list, commenting out
 background:none;
 end TB */
.blog .links {
  padding: 15px 0; }

.content .blog .links li {
  padding: 0 0 0 5px; }

.blog .links .socials {
  padding: 0; }

.headline-post {
  color: #666;
  font: 18px/20px Georgia, "Times New Roman", Times, serif; }

.headline-post h1 {
  /* TB trying a rework of default H1
   font-size:28px;
   */
  font: 28px Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 30px;
  color: #333;
  border: 0;
  margin: 0 0 5px; }

.topics-block .headline-post h1 {
  margin: 0 0 10px; }

.headline-post h1 a {
  color: #333;
  padding: 0;
  background: none;
  font-weight: normal; }

.headline-post p {
  margin: 0 0 10px; }

.headline-post .title, .heading-title {
  font: bold 100% "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #2a343e;
  display: block;
  margin: 0 0 10px;
  padding: 10px 0 5px;
  border-bottom: 1px solid #2a343e; }

.headline-post dl {
  padding: 7px 0 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px; }

.headline-post dl dt {
  overflow: hidden;
  font-weight: bold;
  float: left;
  margin: 0 5px 0 0;
  border: 0;
  background: none;
  color: #666;
  padding: 0;
  font-size: 16px;
  line-height: 16px;
  width: auto; }

.headline-post dl dd {
  margin: 0 0 8px;
  border: 0;
  padding: 0;
  background: none;
  font: 14px/17px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
/* post box */
.post-box {
  background: #f1efec;
  font-size: 11px;
  line-height: 14px;
  color: #263039;
  margin: -15px 0 15px; }

.full-impact .post-box {
  margin: 0 0 15px; }

.post-box img {
  display: block;
  margin: 0 0 5px;
  width: 100%; }

.post-box-content {
  padding: 0 10px 10px; }

.post-box-content .copyright-info {
  display: block;
  font-weight: bold; }

.post-box .post-box-content p {
  margin: 0 0 2px; }

.post-info {
  height: 1%;
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px solid #eaeaea; }

.post-info span {
  font-weight: normal; }

.post-info a {
  color: #be0062;
  font-weight: bold; }

.post-info ul {
  overflow: hidden;
  width: 460px;
  float: left;
  margin: 0 0 0 -6px;
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.post-info ul li {
  float: left;
  padding: 0 8px 0 9px;
  background: url(https://www.journalism.co.uk/newsite/images/divider-06.gif) no-repeat 0 50%;
  margin: 0 1px 0 -1px; }

.post-content {
  padding: 15px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif) repeat-x; }

.full-impact .post-content {
  padding: 0;
  background: none; }

.photo-box {
  font-size: 11px;
  margin: 3px 0 15px 15px;
  color: #263039;
  background: #f1efec;
  width: 220px; }

.photo-box img {
  display: block;
  margin: 0 0 10px; }

.photo-box span {
  display: block;
  padding: 0 5px 3px; }

.photo-box strong {
  padding: 0 5px 5px;
  display: block;
  font-weight: bold; }

.photo-box strong a {
  color: #263039; }

.post-content p {
  margin: 0 0 15px; }

.post-content li p {
  margin: 0; }
/* TB removed <p> requirement and bold */
.post-content a {
  color: #be0062; }
/* end TB */
/* AF 14/01/2016 - set image width to 100% and its right-aligned container to 50% to fix overly large images on articles on mobile view */
/* AF 21/01/2016 - also affect images in .post-box divs (portrait orientation image fix) */
.post-content .alignright, .post-box .alignright {
  margin-left: 5px;
  width: 50%; }
  .post-content .alignright img, .post-box .alignright img {
    width: 100%; }

.post-content .alignleft, .post-box .alignleft {
  margin-right: 5px;
  width: 50%; }
  .post-content .alignleft img, .post-box .alignleft img {
    width: 100%; }
/* AF 21/01/2016 - end modification */
blockquote {
  margin: 0 0 15px;
  color: #505a63;
  font: 18px/24px Georgia, "Times New Roman", Times, serif;
  width: 218px;
  background: #a8acb0 url(https://www.journalism.co.uk/newsite/images/bg-blockquote.gif) no-repeat 11px 11px; }

blockquote.alignleft {
  margin-right: 15px; }

blockquote.alignright {
  margin-left: 15px; }

blockquote q {
  padding: 35px 10px 5px;
  display: block; }

blockquote cite {
  padding: 15px 10px;
  font: bold 14px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  display: block;
  color: #fff;
  background: #505a63 url(https://www.journalism.co.uk/newsite/images/bg-cite.gif) no-repeat; }

.register {
  padding: 15px 0 0;
  font-style: italic;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.tags-links {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-light.gif) repeat-x; }

.tags-links .holder {
  overflow: hidden;
  padding: 15px 0 10px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-light.gif) repeat-x 0 100%; }

.tags-links strong {
  /* float:left;*/
  font-weight: bold;
  color: #000;
  font-size: 13px;
  margin: 0 10px 0 0;
  padding: 0 0 3px 24px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-tags.gif) no-repeat; }

.tags-links span {
  color: #666; }

.tags-links ul {
  float: left;
  width: 355px;
  font: 13px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.feed-links ul {
  float: none;
  height: 1%;
  width: 100%;
  /* AF 27/01/2016 - setting width to 100% to fix issue with mobile screen widths */
  /*width:445px;*/
  overflow: hidden;
  padding: 10px 0 0;
  margin: 0; }

.tags-links ul li {
  float: left;
  padding: 0 6px 0 5px;
  background: url(https://www.journalism.co.uk/newsite/images/divider-05.gif) no-repeat 100% 50%; }

* html .tags-links ul li .feed {
  margin-right: 6px; }

.tags-links ul a {
  color: #be0062;
  float: left;
  font-weight: normal;
  white-space: nowrap; }
/* TB - This is wrong, search and feed links should be separate
 .feed-links ul a{
 padding:0 15px 0 0;
 background:url(https://www.journalism.co.uk/newsite/images/ico-feed.gif) no-repeat 100% 50%;
 }
 end TB */
.notes {
  width: 100%;
  overflow: hidden;
  color: #000;
  padding: 0 0 15px;
  margin: 0 0 10px;
  border-bottom: 1px dotted darkgrey; }

.notes .title {
  font-weight: bold;
  display: block;
  margin: 0 0 15px; }

.notes .title a {
  color: #000; }

.notes dl {
  height: 1%;
  line-height: normal;
  margin: 0 0 15px;
  overflow: hidden; }

.notes dl dt {
  float: left;
  font-weight: bold;
  margin: 0 5px -1px 0;
  border: 0;
  background: none;
  width: auto;
  padding: 0;
  color: #000; }

.notes dl dd {
  margin: 0 0 -1px;
  border: 0;
  padding: 0;
  background: none;
  line-height: 18px; }

.notes ul {
  margin: 0 0 15px;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.notes ul li {
  padding: 0 0 0 13px;
  background: none; }

.buttons {
  height: 1%;
  overflow: hidden;
  padding: 10px 0 20px;
  margin: 0 0 15px;
  border-bottom: 1px dotted darkgrey; }

.buttons a {
  margin: 0 20px 0 0; }

.buttons a:hover {
  text-decoration: none; }

.quote {
  height: 1%;
  overflow: hidden;
  margin: 0 0 5px;
  color: #666; }

.quote .title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 0 0 15px; }
/* contact info */
.contact-info {
  height: 1%;
  color: #000;
  padding: 0 0 15px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-light.gif) repeat-x 0 100%;
  overflow: hidden; }

.contact-info dt {
  float: left;
  font-weight: bold;
  margin: 0 5px 0 0;
  border: 0;
  background: none;
  width: auto;
  color: #000;
  padding: 0; }

.contact-info dd {
  margin: 0 0 2px;
  background: none;
  border: 0;
  padding: 0; }

.contact-info dd a {
  font-weight: bold;
  color: #be0062; }

.articles {
  padding: 0 0 10px;
  margin: 0 0 20px;
  border-bottom: 1px dotted darkgrey; }

.articles h2 {
  border: 0;
  line-height: 18px;
  padding: 5px 0 5px 10px;
  color: #fff;
  margin: 0 0 15px;
  font-size: 12px;
  background: #1a2129 url(https://www.journalism.co.uk/newsite/images/bg-heading.gif) repeat-x; }

.articles ul {
  margin: 0;
  padding: 0 0 10px 10px;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.articles .sign-up {
  margin: 0 0 15px;
  padding: 15px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.articles ul li {
  padding: 0 0 8px;
  overflow: hidden;
  background: none; }

.articles ul a {
  padding: 0 0 0 15px;
  float: left;
  color: #263039;
  font-weight: normal;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px; }

.articles p {
  margin: 0 0 20px; }
/*
 .disqus-form{padding:0 0 15px;}
 .disqus-form img{display:block;}
 */
.feed {
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  margin: 2px 0 0 5px;
  padding: 0 !important;
  background: url(https://www.journalism.co.uk/newsite/images/ico-feed.gif) no-repeat !important; }

.heading-title {
  font-size: 18px;
  margin: 0 0 18px;
  padding: 0 0 5px; }

.map-block .heading-title {
  margin: 0 0 10px; }

.map-block {
  padding: 0 0 5px;
  margin: 0 0 10px;
  border-bottom: 1px dotted darkgrey; }

.map-block p {
  margin: 0 0 10px; }

.map {
  width: 100%;
  margin: 0 0 5px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.map .holder {
  height: 1%;
  padding: 15px 6px 2px 17px;
  overflow: hidden;
  background: #f1efec url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x 0 100%; }

.map img {
  display: block;
  border: 5px solid #fff; }

.map h2 {
  border: 0;
  color: #263039;
  margin: 0 0 20px;
  font: 18px/20px Georgia, "Times New Roman", Times, serif; }

.map .alignright {
  margin: 0 0 15px 15px; }

.map .alignleft {
  margin: 0 15px 15px 0; }

.map dl {
  height: 1%;
  overflow: hidden; }

.map dl dt {
  float: left;
  background: none;
  border: 0;
  padding: 0;
  color: #333;
  width: auto;
  margin: 0 5px 0 0;
  font: bold 18px/20px Georgia, "Times New Roman", Times, serif; }

.map dl dd {
  background: none;
  border: 0;
  margin: 2px 0 0;
  padding: 0;
  font: 12px/20px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.map dl dd a, .map dl dd strong {
  color: #be0062;
  font-weight: bold; }

.map-block p a {
  font-weight: bold;
  color: #be0062; }

.company-info {
  overflow: hidden;
  width: 100%;
  color: #999;
  padding: 0 0 5px;
  margin: 0 0 15px;
  border-bottom: 1px dotted darkgrey; }

.company-info dt {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  width: auto;
  background: none;
  border: 0;
  color: #999; }

.company-info dd {
  float: left;
  margin: 0 20px 0 0;
  background: none;
  border: 0;
  padding: 0; }
/* personal */
.personal {
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  margin: 0 0 15px; }

.personal .heading {
  color: #fff;
  margin: 0 0 4px;
  padding: 1px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x;
  font: 18px/18px Georgia, "Times New Roman", Times, serif; }

.personal .heading .holder {
  padding: 0 0 1px;
  border-bottom: 1px dotted darkgrey; }

.personal .heading .frame {
  height: 1%;
  padding: 12px 15px;
  overflow: hidden;
  background: #473f33 url(https://www.journalism.co.uk/newsite/images/bg-personal-heading.gif) repeat-x; }

.personal .heading .frame h2 {
  color: #fff;
  margin: 0;
  font: 18px/18px Georgia, "Times New Roman", Times, serif; }

.personal-info {
  height: 1%;
  overflow: hidden;
  background: #f1efec;
  padding: 10px 15px;
  margin: 0 0 10px; }

.personal-info .alignleft {
  margin: 0 15px 0 0; }

.personal-info dl {
  height: 1%;
  color: #263039;
  overflow: hidden; }

.personal-info dl dt {
  float: left;
  width: auto;
  background: none;
  padding: 0;
  border: 0;
  color: #333;
  margin: 0 5px 0 0;
  font: bold 14px/16px Georgia, "Times New Roman", Times, serif; }

.personal-info dl dd {
  margin: 0 0 8px;
  background: none;
  border: 0;
  padding: 0;
  font: bold 14px/17px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.personal-info dl dd a {
  color: #be0062; }

.personal p {
  margin: 0 0 12px; }
/* comments section */
.comments-section {
  padding: 15px 0 25px;
  overflow: hidden;
  width: 100%;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.comments-section .alignleft {
  margin: 0 15px 0 0; }

.comments-info {
  height: 1%;
  overflow: hidden;
  font-size: 12px; }

.comments-section a, .comments-section h2 a {
  display: block;
  color: #333;
  margin: 0 0 5px;
  font: 16px/19px Georgia, "Times New Roman", Times, serif; }

.comments-section .sub-link {
  font: 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #666;
  display: inline;
  padding: 0 0 0 15px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px; }

.section-link {
  height: 1%;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 5px;
  overflow: hidden; }

.section-link a {
  float: left;
  color: #999;
  font: bold 14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 0 15px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 100% 50%; }

.comments-section .author {
  display: block;
  color: #cb006b;
  margin: 0 0 5px;
  font-weight: bold; }

.comments-section .posted {
  display: block;
  padding: 5px 0 0;
  color: #999;
  border-top: 1px solid #e8e8e8; }
/* TB modified */
.top-comments, .editors-blog-import > div.comments-section:first-child {
  padding: 0 0 25px;
  background: none; }

.top-comments h2, .top-comments h2 a, .editors-blog-import > div.comments-section:first-child h2, .editors-blog-import > div.comments-section:first-child h2 a {
  font-size: 24px;
  line-height: 28px;
  color: #333;
  margin: 0 0 12px;
  font-weight: normal; }

.top-comments .posted, .editors-blog-import > div.comments-section:first-child {
  padding: 10px 0 0; }
/* end TB */
.mark-section {
  padding: 18px 0 0 !important;
  margin: 0 0 18px; }

.mark-section .holder {
  overflow: hidden;
  height: 1%;
  background: #263039;
  padding: 11px; }

.mark-section .comments-info {
  color: #fff; }

.mark-section p {
  margin: 0 0 5px; }

.mark-section h2 {
  color: #fff;
  padding: 0 0 0 28px;
  margin: 0 0 10px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-coments-section.gif) no-repeat; }

.mark-section a, .mark-section h2 a {
  color: #fff; }

.news {
  padding: 0 0 15px;
  border-bottom: 1px dotted darkgrey; }

.news .comments-section {
  padding: 18px 0 12px; }
/* TB */
.news .top-comments, .editors-blog-import > div.comments-section:first-child {
  padding: 0 0 12px; }
/* end TB */
.news .comments-section .posted {
  border: 0;
  padding: 0;
  color: #999; }

.comments-section p {
  margin: 0 0 10px; }

.comments-section .posted a {
  color: #ce1175;
  display: inline;
  font: bold 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
/* events section - JT add */
.events-section {
  padding: 15px 0 12px;
  overflow: hidden;
  width: 100%;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.events-section h2 {
  margin: 0 0 12px 0; }
/* end JT */
/* jobs block */
.welcome {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px dotted darkgrey; }

.welcome strong {
  font-weight: bold;
  display: block;
  margin: 0 0 5px;
  font-size: 14px; }

.reg-box {
  padding-bottom: 10px; }

.reg-box h2 {
  color: #fff;
  font: 16px/28px Georgia, "Times New Roman", Times, serif;
  font-weight: 700;
  background-color: #828e32;
  height: 28px;
  padding-left: 10px;
  margin: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 1px dotted #a9a9a9; }

.reg-box p {
  font: 13px/15px Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 5px 10px;
  width: 87%;
  height: 49px;
  /*height: 64px;*/
  /* 64-15px padding - probably not needed with foundation's box-sizing */
  overflow: hidden; }

.reg-box ul {
  border-top: 1px dotted #a9a9a9;
  background-color: #fff;
  margin: 0;
  padding: 3px 0; }

.reg-box ul li {
  display: inline-block;
  list-style-type: none;
  line-height: 100%;
  background: none;
  padding: 0; }

.reg-box ul li a {
  color: #666;
  text-decoration: none;
  padding-left: 10px;
  background: none; }

.reg-box ul li a:before {
  content: '»';
  font-size: 130%;
  color: #828e32;
  padding-right: 3px; }

.box-advertiser, .box-advertiser h2, .box-jobseeker, .box-jobseeker h2, .box-jobalerts, .box-jobalerts h2, .box-pressgo, .box-pressgo h2, .box-pressquest, .box-pressquest h2 {
  background-repeat: no-repeat;
  background-position: right top; }

.box-advertiser, .box-jobseeker, .box-jobalerts, .box-pressgo, .box-pressquest {
  background-color: #c9cea6;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }

.box-advertiser, .box-advertiser h2 {
  background-image: url(https://www.journalism.co.uk/newsite/images/bg-box-advertiser.png); }

.box-jobseeker, .box-jobseeker h2 {
  background-image: url(https://www.journalism.co.uk/newsite/images/bg-box-jobseeker.png); }

.box-jobalerts, .box-jobalerts h2 {
  background-image: url(https://www.journalism.co.uk/newsite/images/bg-box-jobalerts.png); }

.box-pressgo, .box-pressgo h2 {
  background-image: url(https://www.journalism.co.uk/newsite/images/bg-box-pressgo.png); }

.box-pressquest, .box-pressquest h2 {
  background-image: url(https://www.journalism.co.uk/newsite/images/bg-box-pressquest.png); }
/* aside section */
.aside {
  /*width:220px !important;*/
  margin: 0 !important; }
/*padding-top: 14px;*/
/*border-left: 1px dotted #A9A9A9*/
/*.aside140{width:140px !important;}*/
.box {
  width: 100%;
  font-size: 12px;
  border-bottom: 2px solid #949a9f;
  margin: 0 0 10px;
  background: #f1efec; }

.list-box .list li:first-child {
  background: none;
  border: none; }

.top-box {
  border: 0;
  border-bottom: 1px dotted #a9a9a9; }

.box .holder {
  height: 1%;
  overflow: hidden;
  padding: 8px 10px 5px;
  border-top: 1px dotted #a9a9a9; }

.box h2, .advenced h2 {
  color: #fff;
  margin: -8px -10px 10px;
  font: bold 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  border: 0;
  padding: 3px 0 4px 12px;
  background: #192028 url(https://www.journalism.co.uk/newsite/images/bg-heading.gif) repeat-x; }

.list-box h2 {
  margin-bottom: 0; }

.job-select h2 {
  margin: 0 0 -1px;
  position: relative; }

.box .links {
  padding: 0 0 5px;
  margin: 0 0 10px;
  height: 1%;
  background-position: 0 100%;
  border-top: none; }

.box .links .title {
  float: left;
  color: #978262;
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  border: none; }

.box .socials li {
  padding: 0 0 0 5px;
  background: none;
  border: none; }

.box .vacation {
  display: block;
  color: #000;
  margin: 0 0 4px;
  font: 13px Georgia, "Times New Roman", Times, serif; }

.box .title {
  color: #c00063;
  display: block;
  margin: 0 0 5px;
  padding: 0;
  background: none;
  font: 16px Georgia, "Times New Roman", Times, serif; }

.box .title a {
  color: #c00063; }

.pr .box {
  padding-bottom: 12px; }

.pr .box .title a {
  color: #333; }

.pr .box .posted {
  color: #999; }

.sponsoredlogo {
  margin-left: 8px;
  margin-bottom: 8px; }

.salary {
  font-weight: bold;
  display: block;
  padding: 0 0 10px 10px;
  margin: 0 -10px 10px;
  border-bottom: 1px dotted darkgrey; }

.salary span {
  font-weight: normal; }

.white-box {
  background: #fff; }

.white-box .holder {
  background: none;
  border: none; }

.container .box .vacation {
  color: #666;
  font: 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.aside140 .vacation {
  font-size: 12px;
  line-height: 16px; }

.box p {
  margin: 0 0 10px; }

.box .view {
  height: 1%;
  overflow: hidden;
  padding: 0 0 7px;
  margin: -5px 0 10px;
  border-bottom: 1px dotted #a9a9a9;
  /* background:#f1efec url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x 0 100%; */ }

.box view.list {
  border: none;
  padding: 0; }

.box .view a {
  float: left;
  border-bottom: 1px solid #f1efec;
  padding: 0 0 2px 12px;
  font-weight: normal;
  color: #666;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 13px; }

.box .view.list a {
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px; }

.box .view a:hover {
  text-decoration: none;
  border-bottom: 1px solid #666; }

.box .view span {
  font: bold 24px/24px Georgia, "Times New Roman", Times, serif;
  color: #ec008c;
  padding: 0 3px; }
/* tabs */
.tabset {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1px;
  font: bold 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.tab-content {
  margin: 0 0 2px; }

.tab-content .title {
  background: #828e32 url(https://www.journalism.co.uk/newsite/images/bg-tabs-title.gif) no-repeat;
  color: #fff;
  padding: 4px 8px; }

.tabs-area-add .tab-content .title {
  background: #828e32 url(https://www.journalism.co.uk/newsite/images/bg-tabs-title01.gif) no-repeat; }

.tab-content .text {
  background: #bdc392 url(https://www.journalism.co.uk/newsite/images/bg-tabs-text.gif) no-repeat;
  color: #000;
  padding: 4px 8px; }

.tabs-area-add .tab-content .text {
  background: #bdc392 url(https://www.journalism.co.uk/newsite/images/bg-tabs-text01.gif) no-repeat; }
/* JT amended */
.tab-content .text p {
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  margin: 0; }

.tab-content .title strong {
  font: bold 18px/20px Georgia, "Times New Roman", Times, serif; }
/* end JT amended */
.tab-content .title span {
  font: bold 16px/18px Georgia, "Times New Roman", Times, serif; }

.tabset li {
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  background: none; }
/* Removing this clear both as it breaks the wide 
 layout version of the jobs sell on the homepage.
 Removing doesn't seem to break narrow version and
 can't see it being used elsewhere...
 */
/* clear:both; */
.aside140 .tabset li {
  float: none;
  width: 100%;
  vertical-align: top; }

.tabset li a {
  float: left;
  color: #fff;
  padding: 3px 27px 5px 10px;
  background: #bdc392 url(https://www.journalism.co.uk/newsite/images/arrow-tabs.gif) no-repeat 90% -23px; }

.tabs2 .tabset li a {
  padding: 3px 5px 5px 10px !important;
  width: 134px; }

.tabset .tab {
  box-sizing: border-box;
  width: 100%; }

.tabset .jobseeker-tab {
  padding: 4px 10px 4px 27px;
  text-align: right;
  background: #bdc392 url(https://www.journalism.co.uk/newsite/images/arrow-tabs.gif) no-repeat 10% -23px; }

.tabset .jobseeker-tab:hover, .tabset .active .jobseeker-tab {
  background: #959d61 url(https://www.journalism.co.uk/newsite/images/arrow-tabs.gif) no-repeat 10% 9px; }
/*.aside140 .tabset li a{width:103px;}*/
.tabset li a:hover, .tabset li.active a {
  background: #959d61 url(https://www.journalism.co.uk/newsite/images/arrow-tabs.gif) no-repeat 90% 9px;
  text-decoration: none; }

.aside140 .actions .advertiser, .aside140 .actions .jobseeker {
  margin: 2px 0 5px 10px; }

* html .aside140 .actions .advertiser, * html .aside140 .actions .jobseeker {
  display: inline; }

.tabs-links {
  margin: 0 0 8px;
  background: #d5d8bc;
  border-bottom: 2px solid #828e32; }

.actions {
  overflow: hidden;
  font-size: 14px;
  color: #828e32;
  padding: 0 5px;
  font-weight: bold;
  margin: 0;
  border-bottom: 1px solid #fff; }

.actions li {
  overflow: hidden;
  padding: 7px 0 9px;
  margin: -1px 0 1px;
  width: 100%;
  float: left;
  background: none;
  border-top: 1px dotted #a9a9a9; }

.actions li strong {
  display: block;
  padding: 0 0 2px 10px;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif; }

.line-actions li strong {
  float: left;
  padding: 0; }

.actions li a {
  color: #666;
  float: left;
  font: 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 0 0 0 12px;
  margin: 2px 0 0 10px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-green.gif) no-repeat 0 50%; }

.two-columns {
  padding: 0 0 15px;
  margin: 0 0 15px; }
/* border-bottom: 1px dotted darkgrey;*/
.aside .sub-news-content {
  padding: 13px 5px 13px 0;
  font: 13px/16px Georgia, "Times New Roman", Times, serif; }

.aside140 .sub-news-content {
  padding: 0 8px 10px 10px;
  width: auto;
  color: #666;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.aside .sub-news-content a {
  margin: 0;
  color: #263039;
  display: inline;
  font-size: 13px; }

.aside .sub-news {
  /*width:218px;*/
  margin: 0 0 13px; }

.aside140 .sub-news {
  width: 100%;
  margin: 0 0 15px; }
  .aside140 .sub-news img {
    width: 100%;
    height: auto; }

.aside140 .sub-news a {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 5px;
  display: block; }

.aside140 .sub-news ul {
  width: 100%;
  margin: 0;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }
/* TB override disc/dot background inherited from generic ul li */
.aside140 .sub-news ul li {
  padding: 0 0 3px;
  background: none; }
/* end TB */
.aside140 .sub-news ul a {
  padding: 0 0 0 15px;
  font: 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px; }

.aside140 .sub-news img {
  display: block;
  margin: 0 0 10px; }

.aside140 .sub-news p {
  margin: 0 0 15px; }

.vacancies-form {
  margin: 0 0 5px; }

.vacancies-form label {
  display: block;
  color: #978262;
  font-weight: bold;
  margin: 0 0 12px; }

.aside140 .vacancies-form select {
  width: 90px; }

.vacancies-form select {
  width: 166px; }

.vacancies-form .submit {
  float: right;
  width: 29px;
  height: 23px;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 5px; }

.aside140 .vacancies-form .submit {
  float: right; }

.aside140 .vacancies-form .row {
  margin: 0 -4px 0 0;
  width: 100%;
  padding: 0 0 2px; }

.job-select .links .title {
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.list {
  margin: 0;
  font: 12px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.list li {
  height: 1%;
  overflow: hidden;
  padding: 5px 0;
  background: none;
  /* background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif) repeat-x;*/
  border-top: 1px dotted #a9a9a9; }

.list li a {
  color: #666;
  font-weight: normal;
  display: block;
  padding: 0 0 0 15px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 3px; }

.list .socials {
  padding: 0;
  width: 56px;
  margin: 0;
  /* AF 13/01/2016 - icons should be next to each other - was 50px */ }
/* AF 13/01/2016 - tighten up space above icons in list */
/* AF 14/01/2016 - tighten up space above icons in links */
.list .socials li, .links .socials li {
  padding-top: 0 !important; }

.list .socials a {
  padding: 0; }

.box-form select {
  width: 200px; }

.aside140 .box-form select {
  width: 115px; }

.job-select .vacancies-form select {
  width: 124px; }

.job-select .vacancies-form .row {
  padding: 0 0 10px; }

.job-select .vacancies-form label {
  margin: 0 0 5px; }

.job-select .vacancies-form .submit {
  float: left;
  width: 76px;
  height: 29px; }

.job-select .vacancies-form .row2 {
  padding: 10px 0 3px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif) repeat-x; }

.box-form .row {
  padding: 0 0 9px; }

.box-form .submit {
  float: left;
  width: 76px;
  height: 29px;
  cursor: pointer;
  border: 0;
  padding: 0 0 2px; }

.box-form .list {
  height: 1%;
  padding: 10px 0 0;
  margin: 0;
  border-top: 1px dotted #a9a9a9;
  /* background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif) repeat-x; */ }

.box-form .list li {
  background: none;
  border: none; }
/* gallery block */
.gallery-block {
  padding: 15px 0;
  background: #263039; }

.gallery-block h2 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 6px 42px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-gallery-heading.gif) no-repeat 15px 0; }

.gallery-block .next, .gallery-block .prev {
  position: absolute;
  top: 46px;
  left: 5px;
  width: 7px;
  height: 12px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(https://www.journalism.co.uk/newsite/images/btns-prev-next.gif) no-repeat 0 -12px; }

.gallery-block .next {
  left: auto;
  right: 5px;
  background-position: 0 0; }

.gallery-holder {
  position: relative;
  width: 100%; }

.gallery {
  width: 581px;
  margin: 0 auto;
  overflow: hidden; }

.slider {
  color: #ccc;
  width: 99999px;
  overflow: hidden;
  margin: 0;
  font: 12px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.slider li {
  float: left;
  background: #37434e;
  margin: 0 23px 0 0;
  height: 100px;
  width: 259px;
  padding: 10px;
  overflow: hidden; }

.slider img {
  margin: 0 10px 0 0; }

.slider li a {
  color: #fff;
  margin: 0 0 4px;
  display: block;
  font: 13px/18px Georgia, "Times New Roman", Times, serif; }

.share-block {
  /*width:140px;*/
  position: relative;
  margin: 0 0 15px -11px;
  padding: 0 0 0 11px; }
/*border-top: 1px dotted #A9A9A9;*/
.share-block > hr {
  margin: 0; }

.share-block .holder {
  padding: 10px 8px 0 7px;
  border-bottom: 1px dotted darkgrey; }

.share-block .frame {
  /*width:125px;*/
  overflow: hidden; }

.services {
  font: bold 12px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  color: #263039;
  overflow: hidden;
  padding: 3px 0 10px;
  margin: 0 -17px 10px 0;
  /*width:137px;*/
  border-bottom: 1px dotted #a9a9a9; }

.services li {
  float: left;
  margin: 0 12px 0 0;
  padding: inherit;
  background: none; }

.services li a {
  float: left;
  width: 16px;
  text-indent: -9999px;
  overflow: hidden; }

.services .mail {
  /*margin:2px 0 0;*/
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-email.1.svg) no-repeat;
  background-size: 100%; }

.services .print {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-print.svg) no-repeat;
  background-size: 100%; }

.services .rss {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-rss.svg) no-repeat;
  background-size: 100%; }

.services .facebook {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-facebook.svg) no-repeat;
  background-size: 100%; }

.services .twitter {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-twitter.1.svg) no-repeat;
  background-size: 100%; }

.services .linkedin {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-linkedin.svg) no-repeat;
  background-size: 100%; }

.services .whatsapp {
  height: 32px;
  width: 32px;
  background: url(https://www.journalism.co.uk/assets/3/ico-whatsapp.svg) no-repeat;
  background-size: 100%; }

.services .newsletter {
  height: 16px;
  background: url(https://www.journalism.co.uk/newsite/images/ico-newsletter.gif) no-repeat; }

.our-newsletter {
  background: none;
  padding-bottom: 0;
  border: none !important; }

.socials-links {
  padding: 0 0 15px;
  margin: 0 -10px 10px 0;
  /*width:135px;*/
  overflow: hidden;
  border-bottom: 1px dotted #a9a9a9; }

.socials-links iframe {
  margin-top: 42px; }

.socials-links li {
  float: left;
  margin: 0 8px 0 0;
  padding: 0;
  background: none; }

.socials-links li a {
  /* text-indent:-9999px; */
  overflow: hidden;
  float: left; }

.socials-links .facebook {
  width: 60px;
  height: 61px;
  background: url(https://www.journalism.co.uk/newsite/images/ico-share.gif) no-repeat; }

.socials-links .twitter {
  width: 55px;
  height: 62px;
  background: url(https://www.journalism.co.uk/newsite/images/ico-tweet.gif) no-repeat; }
/* advenced search job */
.advenced h2 {
  margin: 0 0 6px 0; }

.slide-block {
  padding: 1px 0 0;
  margin: 0 0 8px;
  background: #f1efec url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x; }

.slide-block .line {
  height: 1%;
  overflow: hidden;
  background: #d3cbbf;
  padding: 5px 15px 5px 5px; }

.slide-block .holder {
  width: 460px;
  overflow: hidden;
  border-bottom: 1px dotted darkgrey;
  padding: 0 0 12px 0; }

.slide-block .holder .row {
  padding: 12px 0 0 13px; }

.slide-block .holder .columns .row {
  padding: 0 0 0 13px; }

.lever-slide .holder {
  border-bottom: 2px solid #949a9f;
  background: none; }

.line strong {
  font-weight: bold;
  float: left; }

.line .open-close {
  float: right;
  font-weight: normal;
  color: #333; }

.line .open-close span {
  padding: 0 15px 0 0;
  display: none;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-up.gif) no-repeat 100% 50%; }

.line .open-close em {
  font-style: normal;
  padding: 0 15px 0 0;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-down.gif) no-repeat 100% 50%; }

.active .open-close span {
  display: inline; }

.active .open-close em {
  display: none; }

.job-form label {
  color: #978262;
  font-weight: bold;
  margin: 2px 0 0;
  float: left; }
/*JT add */
.job-form label.course {
  margin: 4px 5px 0 0; }

.job-form label.unisearch {
  width: 120px;
  margin-top: 4px; }

.job-form label.wdcontrolpanel {
  width: 160px;
  margin-top: 4px; }

.job-form .textwd {
  float: left;
  margin: 0;
  background: #fff;
  border: 1px solid #c1c1c1;
  border-top: 1px solid #848484;
  padding: 1px 2px;
  width: 214px; }

.job-form .textwddp {
  float: left;
  margin: 0;
  background: #fff;
  border: 1px solid #c1c1c1;
  border-top: 1px solid #848484;
  padding: 1px 2px;
  width: 107px; }
/*end JT add */
.job-form .text {
  float: left;
  margin: 0 0 0 56px;
  background: #fff;
  border: 1px solid #c1c1c1;
  border-top: 1px solid #848484;
  padding: 1px 2px;
  width: 214px; }

.job-form .columns {
  width: 100%;
  padding: 10px 0 0;
  overflow: hidden; }

.job-form .left-column {
  float: left;
  width: 170px;
  padding: 0 60px 0 0; }

.job-form .right-column {
  float: left;
  width: 175px; }

.left-column label {
  width: 135px; }

.right-column label {
  width: 110px; }

.job-form select {
  width: 198px; }

.lever-slide label {
  width: 100px; }

.lever-slide .row {
  padding: 0 0 7px; }
/* AF 19/01/2016 - commented out following line as it was breaking the mobile layout */
/*.lever-slide .row2 select{width:157px;}*/
.short-row {
  width: 210px; }

.scale {
  float: left;
  padding: 5px 0 0 15px;
  font-size: 12px;
  line-height: 15px; }

.scale a {
  padding: 0 3px;
  font-size: 18px;
  float: left;
  font-weight: normal;
  color: #333; }

.scale span {
  float: left; }

.job-form .submit {
  width: 76px;
  height: 29px;
  cursor: pointer;
  margin: 22px 0 8px;
  padding: 0;
  border: 0; }
/* JT add */
.job-form .coursesubmit {
  width: 76px;
  height: 23px;
  cursor: pointer;
  margin: 0 0 15px 10px;
  padding: 0;
  border: 0; }

.job-form .wdsubmit {
  width: 210px;
  height: 23px;
  cursor: pointer;
  margin: 0 0 15px 10px;
  padding: 0;
  border: 0; }
/* end JT add */
.lever-slide .holder2 {
  width: 285px;
  overflow: hidden;
  height: auto;
  padding: 0 0 0 175px;
  margin: 26px 0 0 -13px;
  background: url("https://www.journalism.co.uk/newsite/images/bg-dotted.gif") repeat-x; }
/* control panel */
/*
 .control-panel{
 width:616px;
 overflow:hidden;
 }
 */
.description {
  height: 1%;
  line-height: 17px;
  overflow: hidden;
  border-bottom: 1px dotted darkgrey;
  padding: 9px 0 5px;
  margin: 0 0 11px; }

.description p span {
  color: #666; }

.description img {
  display: block;
  margin: 0 0 30px; }

.step-block {
  height: 133px;
  margin: 0 0 28px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-step-block-1.gif) no-repeat; }

.control-panel .step-block .title {
  padding: 8px 0 11px 11px;
  margin: 0; }

.step-block .title h2, .vacancy-form .title h2 {
  color: #53463e;
  font: bold 16px/16px Georgia, "Times New Roman", Times, serif; }

.step-block .steptable {
  width: 616px;
  color: #fff;
  height: 87px;
  border-collapse: collapse;
  border-bottom: 0;
  margin: 0;
  font: bold 12px/15px Georgia, "Times New Roman", Times, serif; }

.step-block .steptable td {
  text-align: center;
  padding: 0 11px 0 10px;
  background: none;
  color: #fff;
  border: 0;
  font-family: Georgia, "Times New Roman", Times, serif; }

.step-block .steptable .cell1 {
  width: 71px; }

.step-block .steptable .cell2 {
  width: 96px; }

.step-block .steptable .cell3 {
  width: 83px; }

.step-block .steptable .cell4 {
  width: 79px; }

.step-block .steptable .cell5 {
  width: 75px; }

.step-block .steptable .cell6 {
  width: 84px;
  color: #726b56; }

.control-panel .title {
  display: block;
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  margin: 0 0 17px;
  color: #333; }

.control-panel p {
  margin: 0 0 18px; }

.control-panel p a {
  color: #c00063;
  font-weight: bold; }

.vacancy-form {
  height: 1%;
  margin: 0 0 20px;
  padding: 54px 0 0 11px; }

.vacancy-form .row {
  padding: 0 0 30px; }

.form3 {
  background: url(https://www.journalism.co.uk/newsite/images/bg-vacancy-3.gif) no-repeat;
  position: relative; }

.vacancy-form .title {
  position: absolute;
  width: 600px;
  top: 10px;
  left: 10px; }

.vacancy-form label {
  display: block;
  color: #fff;
  font-weight: bold;
  margin: 0 0 6px; }

.vacancy-form .text {
  float: left;
  padding: 1px 2px;
  background: #fff;
  border: 1px solid #c1c1c1;
  border-top: 1px solid #848484; }

.vacancy-form .cell {
  float: left;
  width: 183px; }

.vacancy-form .submit {
  float: left;
  width: 104px;
  height: 34px;
  cursor: pointer;
  padding: 0;
  margin: 15px 0 0;
  border: 0; }
/* right sidebar */
.sidebar {
  overflow: hidden; }
/*width:300px !important;*/
/*border-left: 1px dotted #A9A9A9*/
.sidebar h2 {
  color: #fff;
  font: bold 12px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  margin: 0 0 7px;
  padding: 3px 0 3px 6px;
  background: #192028 url(https://www.journalism.co.uk/newsite/images/bg-heading.gif) repeat-x; }
/* video block */
.video-block {
  color: #fff;
  padding: 0 0 0 11px;
  margin: 0 0 18px;
  background: #263039;
  font: 14px/17px Georgia, "Times New Roman", Times, serif; }

.video-block h2 {
  padding: 3px 0 3px 11px;
  margin: 0 0 7px -11px; }

.video-block h3 a {
  color: #aaa; }

.video-block p {
  margin: 0 0 10px; }

.video-block p a {
  color: #fff;
  font-weight: normal; }

.video-block .video-holder {
  width: 300px;
  margin: 0 0 0 -11px; }

.video-holder img {
  display: block; }
/* article-panel */
.article-panel {
  margin: 0 0 18px;
  background: #263039; }

.article-panel h2, .featured-panel h2 {
  padding: 3px 0 3px 11px; }

.article-panel ul {
  height: 1%;
  margin: 0;
  padding: 3px 15px 0;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.article-panel ul strong {
  font-weight: bold; }

.article-panel ul li {
  padding: 0 0 13px 18px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-check.gif) no-repeat 0 5px; }

.article-panel ul a {
  color: #fff;
  font-weight: normal; }
/* tab panel */
.sidebar .tabset li a {
  padding-right: 50px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-tab-1.gif) no-repeat 100% 50%; }

.sidebar .tabset li a:hover, .sidebar .tabset li.active a {
  background: url(https://www.journalism.co.uk/newsite/images/bg-tab-2.gif) no-repeat 100% 50%; }

.tabs-area .article-panel {
  padding: 15px 0 5px;
  height: 1%; }
/* featured panel */
.featured-panel {
  color: #fff;
  margin: 0 0 18px;
  overflow: hidden;
  font-size: 12px;
  line-height: 17px;
  background: #263039; }

.featured-panel a {
  color: #fff; }

.featured-panel .title {
  display: block;
  padding: 0 10px 10px;
  font: 16px/19px Georgia, "Times New Roman", Times, serif; }

.featured-panel img {
  display: block;
  margin: 0 0 5px; }

.featured-panel p {
  margin: 0 5px 13px 10px; }

.featured-panel h2 {
  font-size: 12px; }
/* topics panel */
.topics-panel {
  color: #fff;
  margin: 0 0 18px;
  background: #263039; }

.topics-panel .columns {
  width: 270px;
  padding: 9px 15px 0;
  overflow: hidden;
  font: 12px/14px Georgia, "Times New Roman", Times, serif; }

.topics-panel .l-col {
  float: left;
  width: 121px; }

.topics-panel .r-col {
  float: right;
  width: 121px; }

.topics-panel ul {
  margin: 0;
  padding: 0 0 20px;
  font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.topics-panel ul li {
  padding: 7px 0 12px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-panel.gif) repeat-x 0 100%; }

.topics-panel ul a {
  color: #fff;
  font-weight: normal; }

.topics-panel .title {
  display: block;
  margin: 0 0 13px; }
/* side-box */
.side-box {
  margin: 0 0 20px;
  border: 1px solid #192028;
  font: 14px/16px Georgia, "Times New Roman", Times, serif; }

.side-box .inside-box {
  padding: 0 10px; }

.side-box p {
  margin: 0 0 10px; }

.side-box .player {
  margin: 0 0 18px; }

.player img {
  display: block; }

.side-section {
  width: 100%;
  overflow: hidden;
  padding: 17px 0 0;
  border-top: 1px dotted darkgrey;
  /*  background:url(https://www.journalism.co.uk/newsite/images/bg-dotted.gif) repeat-x;*/ }

.sidebar .lower-block {
  margin: 0 0 15px !important; }

.side-section dl {
  overflow: hidden;
  font: 12px/14px inherit;
  color: #999;
  font-weight: bold;
  margin: 0 0 15px;
  width: 100%;
  font-size: 11px; }

.side-section dl dt {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  background: none;
  color: #999;
  font-weight: normal;
  border: 0;
  width: auto; }

.side-section dl dt span {
  font-weight: normal; }

.side-section dl dd {
  float: left;
  color: #333;
  background: none;
  border: 0;
  padding: 0;
  font-weight: normal; }
/* promobox */
.ad-box {
  /* width:314px;*/
  width: 100%;
  margin: 0 -14px 5px 0;
  overflow: hidden; }

.ad-box img, .ad img {
  display: block;
  width: 100%;
  height: auto; }

.ad-box li {
  float: left;
  background: none;
  /* padding:0 15px 10px 0; */
  width: 45%;
  /*height:42px;*/ }
/* JT amend */
.ad {
  margin: 0 0 20px; }
/* End JT amend */
.iphone-app {
  padding: 9px 143px 20px 9px;
  color: #fff;
  margin: 0 0 20px;
  line-height: 15px;
  background: #263039 url(https://www.journalism.co.uk/newsite/images/bg-app.gif) no-repeat bottom right;
  /*  background:#263039 url(https://www.journalism.co.uk/newsite/images/bg-app.gif) no-repeat 178px 100%;*/ }

.iphone-app .heading {
  padding: 0 0 10px;
  margin: 0 0 8px;
  background: url(https://www.journalism.co.uk/newsite/images/bg-dotted-gray.gif) repeat-x 0 100%;
  font: 16px/18px Georgia, "Times New Roman", Times, serif; }

.iphone-app a {
  color: #fff;
  line-height: 15px; }

.sub-news {
  background: #f4f3f3;
  overflow: hidden;
  border: 1px solid #b9bdc1;
  margin-bottom: 10px;
  /*  margin:0 0 10px;*/ }
/*.sidebar .sub-news{width:298px;}*/
.sub-news .alignleft {
  margin: 0 10px 0 0; }

.sub-news-content {
  height: 1%;
  overflow: hidden;
  padding: 8px 5px 0 0; }

.sub-news-content a {
  display: block;
  margin: 0 0 4px;
  color: #333;
  font: 16px/18px Georgia, "Times New Roman", Times, serif; }

.ad-block {
  margin: 0 0 10px;
  border: 1px solid #000; }

.ad-block2 {
  margin: 0 0 10px; }

.ad-block .how-fast {
  text-indent: -9999px;
  overflow: hidden;
  width: 298px;
  height: 40px;
  padding: 0;
  margin: 0 0 10px;
  background: url(https://www.journalism.co.uk/newsite/images/text-how-fast-is-your.gif) no-repeat; }

.ad-block .title {
  font-weight: bold;
  color: #000;
  display: block;
  font: 16px/18px inherit;
  margin: 0 0 10px 10px; }

.ad-block .holder {
  height: 1%;
  overflow: hidden;
  font: 12px/14px inherit;
  line-height: 14px;
  padding: 0 10px 20px; }

.ad-block .holder span {
  float: left;
  width: 130px;
  padding: 12px 0 0; }

.ad-block .holder span a {
  font-weight: bold;
  color: #900; }

.ad-block .go {
  float: left;
  width: 61px;
  height: 54px;
  margin: 0 10px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(https://www.journalism.co.uk/newsite/images/btn-go-green.gif) no-repeat; }

.ad-block h2 {
  padding: 5px 5px 8px 11px;
  margin: 0 0 10px;
  font: 16px/18px inherit;
  background: #e2223f url(https://www.journalism.co.uk/newsite/images/bg-heading-broadband.gif) repeat-x; }

.lower-block {
  margin: 0 !important; }

.compare-form {
  padding: 0 0 5px 10px;
  color: #999;
  font: 12px/14px inherit;
  width: 234px; }

.compare-form label {
  float: left;
  font-weight: bold;
  color: #000;
  font: 14px/16px inherit;
  margin: 0 4px 0 0; }

.compare-form .text {
  float: left;
  width: 150px;
  padding: 2px;
  background: #fff;
  border: 1px solid #c3c3c3;
  border-top: 1px solid #7d7d7d; }

.compare-form .submit {
  float: right;
  width: 108px;
  height: 26px;
  border: 0;
  margin: 0 10px 0 0;
  cursor: pointer;
  background: url(https://www.journalism.co.uk/newsite/images/btn-compare.gif) no-repeat; }

.compare-form p {
  margin: 0 0 7px; }

.compare-form .row {
  margin: 0 0 5px; }

.compare-form .broadband {
  display: block;
  overflow: hidden;
  width: 131px;
  height: 23px;
  text-indent: -9999px;
  background: url(https://www.journalism.co.uk/newsite/images/logo-braodband.gif) no-repeat; }
/* training block */
.training-block {
  margin: 0 0 18px;
  background: #f1efec url(https://www.journalism.co.uk/newsite/images/bg-training-block.gif) no-repeat 100% 44px; }

.training-block h2 {
  height: 1%;
  font: 16px/18px inherit;
  padding: 9px 5px 8px 11px; }

.training-block ul, .blog ul {
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  padding: 0 0 0 10px;
  margin: 0; }

.training-block ul {
  width: 165px; }

.training-block ul li {
  padding: 0 0 8px;
  background: none; }

.training-block ul li a {
  padding: 0 0 0 15px;
  font-weight: normal;
  color: #333;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 4px; }

.blog ul li {
  padding: 0 0 8px 15px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 10%;
  /* JT amended 5px to 10%*/ }
/* JT end*/
.blog ul li a {
  color: #1c1c1c;
  font-weight: normal; }

.links {
  padding: 10px 0;
  overflow: hidden;
  margin: 0 10px;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  border-top: 1px dotted #a9a9a9;
  /* background:url(https://www.journalism.co.uk/newsite/images/bg-dotted-dark.gif) repeat-x;*/
  border-bottom: 1px dotted #a9a9a9; }

.links a {
  padding: 0 0 0 15px;
  float: left;
  color: #666;
  font-weight: normal;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-pink-double.gif) no-repeat 0 40%;
  /* JT amended 50% to 40%*/ }
/* JT end*/
.training-block .links {
  width: 280px;
  padding: 0; }

.training-block .links li {
  background: none;
  padding: 10px 0 10px 4px; }

.training-block .links a {
  margin: 10px 0; }

.training-block .links li a {
  padding: 0;
  margin: 0; }

.blog .links li {
  background: none;
  padding: 0 0 0 5px; }

.links .socials {
  width: auto;
  padding: 0;
  margin: 0;
  overflow: hidden; }

.links li a {
  padding: 0; }

.links .twitter {
  background: url(https://www.journalism.co.uk/newsite/images/ico-twitter.png) no-repeat; }

.links .rss {
  background: url(https://www.journalism.co.uk/newsite/images/ico-rss.png) no-repeat; }
/* tags block */
.tags {
  padding: 10px 8px 10px 12px;
  border: 1px solid #ccc; }

.tags h3 {
  font-size: 14px;
  padding: 0 0 9px 6px;
  font-weight: bold;
  color: #1d242c;
  border-bottom: 1px dotted darkgrey; }

.tags ul {
  margin: 0;
  padding: 8px 0 0;
  line-height: 22px;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center; }

.tags ul li {
  display: inline;
  padding: 0 4px 0 6px;
  background: url(https://www.journalism.co.uk/newsite/images/divider-04.gif) no-repeat 0 50%; }

.tags ul li:first-child {
  background: none; }

.tags ul a {
  color: #354350;
  font-weight: normal; }

.tags ul a:hover {
  color: #ccc;
  text-decoration: none; }

.tags .popular {
  font-size: 12px; }

.tags .v-popular {
  font-size: 14px; }

.tags .vv-popular {
  font-size: 15px; }

.tags .vvv-popular {
  font-size: 18px; }
/* footer */
.footer {
  width: 100%;
  overflow: hidden;
  padding: 25px 0 0; }

.footer h3 {
  color: #fff;
  padding: 8px 10px 7px 11px;
  font: bold 16px/18px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  background: #192028 url(https://www.journalism.co.uk/newsite/images/bg-heading.gif) repeat-x; }
/* featured block */
.featured {
  width: 948px;
  margin: 0 -36px 18px 0;
  padding: 19px 0 0 17px;
  overflow: hidden;
  background: #f1efec;
  font: 13px/15px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.featured li {
  /*width:200px;
   float:left;*/
  overflow: hidden;
  padding: 0 36px 10px 0;
  background: none;
  height: 220px; }

.featured li img {
  display: block;
  margin: 0 0 5px;
  border: 1px solid #ccc;
  width: 100%; }

.featured li h4 {
  color: #333;
  font: 16px/18px Georgia, "Times New Roman", Times, serif; }

.featured li p {
  margin: 0 0 7px; }

.featured li a {
  color: #333; }
/* site map */
.site-map {
  color: #fff;
  font: 12px/14px inherit;
  /*width:950px;*/
  /*margin:0 -25px 0 0;*/
  overflow: hidden;
  background: #354350;
  padding: 15px 0 0 10px; }

.site-map .column {
  /*JT amended from 146px*/
  /*width:175px;*/
  /* end JT amend*/
  /*float:left;*/
  padding: 0 10px 0 15px; }

.column ul {
  margin: 0;
  padding: 0 0 20px;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.column ul a {
  color: #fff;
  font-weight: normal;
  padding: 0 0 0 12px;
  background: url(https://www.journalism.co.uk/newsite/images/arrow-white.gif) no-repeat 0 5px; }

.column ul li {
  padding: 0 0 5px;
  background: none; }

.column h4 {
  margin: 0 0 5px;
  color: #fff;
  font: bold 14px/16px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif; }

.copyright {
  font: 12px/14px inherit;
  font-weight: bold;
  color: #263039;
  padding: 20px 0;
  margin: 0 0 40px;
  border-bottom: 1px dotted #a9a9a9; }

.copyright a {
  color: #263039; }
/* custom forms */
.outtaHere {
  position: absolute;
  left: -3000px; }
/*Radio buttons*/
.radioArea, .radioAreaChecked {
  float: left;
  width: 15px !important;
  height: 16px;
  background: url(https://www.journalism.co.uk/newsite/images/radio.gif) no-repeat;
  overflow: hidden; }

.radioAreaChecked {
  background-position: 0 -16px; }
/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
  float: left;
  width: 10px !important;
  height: 10px;
  margin: 5px 0 0 10px;
  overflow: hidden;
  background: url(https://www.journalism.co.uk/newsite/images/checkbox.gif) no-repeat; }

.slide-block .checkboxArea, .checkboxAreaChecked {
  float: right; }

.checkboxAreaChecked {
  background-position: 0 -10px; }
/*JT adds for wd cp*/
.row11 .checkboxArea, .row11 .checkboxAreaChecked, .row12 .checkboxArea, .row12 .checkboxAreaChecked {
  float: left;
  margin-left: 0; }

.row24 .checkboxArea, .row24 .checkboxAreaChecked {
  float: right;
  margin: 27px 60px 0 0; }
/*end JT adds for wd cp*/
/* select2 */
.select2-drop {
  text-align: left; }
/* Selects */
.selectArea {
  position: relative;
  height: 23px;
  float: left;
  color: #999;
  font: 12px/14px inherit;
  line-height: 23px; }

.selectArea .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: url(https://www.journalism.co.uk/newsite/images/select-left.gif) no-repeat;
  display: block; }

.selectArea a.selectButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  outline: none;
  background: url(https://www.journalism.co.uk/newsite/images/select-button.gif) no-repeat; }

* html .selectArea a.selectButton {
  right: -1px; }

.selectArea .center {
  height: 23px;
  overflow: hidden;
  line-height: 23px;
  display: block;
  padding: 0 20px 0 6px;
  background: url(https://www.journalism.co.uk/newsite/images/select-middle.gif) repeat-x; }

.selectArea .center img {
  float: left; }
/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
  position: absolute;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  display: block;
  z-index: 100;
  font: 12px/14px inherit; }

.drop-dif {
  background: #9cc; }

.optionsDivInvisible {
  display: none; }

.optionsDivVisible ul {
  margin: 0;
  padding: 2px;
  font: 12px/14px "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  list-style: none;
  text-align: left;
  max-height: 150px;
  overflow: auto;
  overflow-x: hidden; }

.optionsDivVisible ul li {
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background: none; }

.optionsDivVisible a {
  color: #999;
  text-decoration: none;
  padding: 2px 19px 2px 4px; }

.optionsDivVisible-init a {
  display: block;
  height: 1%;
  font-weight: normal; }

.optionsDivVisible a img {
  border: none;
  float: left; }

.optionsDivVisible a:hover {
  background: #f0efed;
  text-decoration: none; }

.none {
  display: none !important; }

.bottom {
  margin: 0; }
/* buttons */
.awesome, .awesome:visited {
  background: #222;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
  /* TB */
  position: relative;
  /* end TB */
  cursor: pointer;
  font-weight: bold; }

.awesome:hover, .awesome.hover {
  background: #111;
  color: #fff; }

.awesome:active {
  top: 1px; }

.small, .small:visited {
  font: 12px/14px inherit; }

.awesome, .awesome:visited, .medium, .medium:visited {
  font: bold 13px/15px inherit;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }

.large, .large:visited {
  font: 14px/16px inherit;
  padding: 8px 14px 9px; }

.green, .green:visited {
  background-color: #91bd09; }

.green:hover, .green.hover {
  background-color: #749a02; }

.blue, .blue:visited {
  background-color: #2daebf; }

.blue:hover, .blue.hover {
  background-color: #007d9a; }

.red, .red:visited {
  background-color: #e33100; }

.red:hover {
  background-color: #872300; }

.orange, .orange:visited {
  background-color: #ff5c00; }

.orange:hover, .orange.hover {
  background-color: #d45500; }

.yellow, .yellow:visited {
  background-color: #ffb515; }

.yellow:hover, .yellow.hover {
  background-color: #fc9200; }

.magenta, .magenta:visited {
  background-color: #a9014b; }
/* TB mod to compensate for ".post-content a" changes */
a.magenta, a.magenta:visited {
  color: #fff; }
/* end TB */
.magenta:hover, .magenta.hover {
  background-color: #630030 !important; }
/* to properly display in IE6 and IE7, this string should be the last */
ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item; }
/* Agile default table based search */
table.agile_search td {
  background: inherit;
  border: inherit; }
/* Agile submit buttons */
.submit_wrapper {
  display: block;
  width: 100%;
  text-align: right; }

.submit_wrapper .submit {
  height: 29px;
  margin: 0px 0 8px;
  padding: 0;
  border: 0;
  background-color: #a9014b;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  font: bold 14px/16px inherit;
  padding-left: 5px;
  padding-right: 5px; }
/* JT add CSS for freelance maps */
#balloon {
  width: 300px;
  font-size: 90%; }

#balloon img {
  margin-right: 5px; }

#readmore {
  margin-top: 5px;
  font-size: 100%; }
/* Adjust LinkedIn share button positioning */
#linkedin-share {
  margin-left: -4px; }

#linkedin-share > span.IN-widget > span:nth-child(3) {
  width: 57px !important; }
/*
 #linkedin-share > span.IN-widget > span:nth-child(3) > span
 {
 margin-left: 18px !important;
 }
 #linkedin-share > span.IN-widget > span:nth-child(3) > span > a > span:nth-child(2){
 top: -1000px;
 position: absolute;
 }
 */
/* JQuery UI autocomplete text styling */
.ui-menu .ui-menu-item {
  font-family: Helvetica, Arial, verdana, sans-serif;
  font: 12px/14px inherit; }

div.login-form {
  background-color: #c9cea6;
  padding: 0 0 24px 0;
  border-radius: 8px;
  margin: 0 0 24px 0;
  /* AF 14/01/2016 - added margin to add space between login form and dotted border beneath it*/ }
  div.login-form h2 {
    padding: 10px 0 8px 12px; }
  div.login-form .login-body {
    background-color: #a6ae6d;
    padding: 12px 12px 8px 12px;
    color: white; }
  div.login-form .login-body a, div.login-form .login-body a:hover, div.login-form .login-body a:visited {
    text-decoration: underline;
    color: white;
    font-style: normal; }
  div.login-form .login-body label {
    font-weight: bold;
    display: block;
    margin: 12px 0 8px 0; }
  div.login-form .login-body .user-wrap, div.login-form .login-body .pass-wrap, div.login-form .login-body .register, div.login-form .login-body .password-retrieval {
    margin-left: 12px; }
  div.login-form .login-body .user-wrap, div.login-form .login-body .pass-wrap {
    float: left; }
  div.login-form .login-body .pass-wrap {
    margin-right: 12px; }
  div.login-form .login-body input:not([type=submit]):not([type=file]) {
    border: none;
    padding: 4px;
    border-radius: 3px;
    margin-bottom: 4px;
    width: 130px; }
  div.login-form .login-body .submit_wrapper {
    padding-top: 33px;
    float: right;
    width: inherit; }
  div.login-form .login-body .register {
    clear: both; }

.structured-editor-image {
  width: 100%;
  margin: 8px 0;
  display: inline-block; }
  .structured-editor-image.image-small-right {
    width: 50%;
    float: right;
    margin-left: 8px;
    margin-top: 4px; }
  .structured-editor-image.image-small-left {
    width: 50%;
    float: left;
    margin-right: 8px;
    margin-top: 4px; }
  .structured-editor-image img {
    width: 100%; }
/* AF 19/01/2016 - fixes for things with no existing CSS rule: */
/* 1. img width scaling on #events_list <span> */
#events_list img {
  width: 100%; }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.063em) and (max-width:62.5rem)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:62.5rem)/";
  width: 62.5rem; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:62.5rem) and (max-width:90em)/";
  width: 62.5rem; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }
/* AF 27/01/2016 - fixing widths of select tags only on mobile (have to specify max width here because select widths are individually set to specific pixel amounts elsewhere in this CSS */
@media only screen and (max-width: 40.063em) {
  /* AF 27/01/2016 - fixing zooming selects on mobile devices: */
    select {
      font-size: 16px;
      width: 100% !important; } }
/* AF 19/01/2016 - new classes to enable hiding elements at different screen widths */
.mobile-hide {
  display: none; }

@media only screen and (min-width:40.063em) {
  .mobile-hide {
    display: inherit !important; }

  .desktop-hide {
    display: none; } }

body {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 320px;
  /* AF 25/01/2016 - make job search select full-width on mobile */
  /* AF 25/01/2016 - lower font-size of table heading on mobile */
  /* AF 19/01/2016 - fixing table-links to allow it to break over two lines on mobile: */
  /* AF 19/01/2016 - fixing #leftCol and #rightCol when viewed on mobile */ }
  body #custom-doc {
    width: 95%; }
  body .navigation {
    display: none; }
  body .header .nav-bar {
    display: none; }
  body .logo img {
    display: none; }
  body .banner img {
    width: 100% !important;
    height: auto;
    margin-top: 70px; }
  body .landscape img {
    width: 100%;
    margin-bottom: 12px; }
  body .topics-block .alignleft {
    margin: 0 15px 15px 0; }
  body .topics-block .alignright {
    margin: 0 0 15px 15px; }
  body .post-content {
    /* AF 21/01/2016 - fixes for portrait mode images */ }
  body .post-content > img {
    width: 100%;
    height: auto; }
  body .post-content > img.alignright {
    width: 50%;
    margin-left: 5px; }
  body .post-content > img.alignleft {
    width: 50%;
    margin-right: 5px; }
  body .post-content iframe, body .post-content .mejs-container, body .post-content video, body .post-content embed, body .post-content object {
    width: 100% !important; }
  body .agile_basic_form_wrapper fieldset label {
    display: block;
    margin-bottom: 8px; }
    body .agile_basic_form_wrapper fieldset input, body .agile_basic_form_wrapper fieldset textarea, body .agile_basic_form_wrapper fieldset select, body .agile_basic_form_wrapper fieldset small {
      margin-bottom: 16px; }
    body .agile_basic_form_wrapper fieldset small, body .agile_basic_form_wrapper fieldset #editorWrapper, body .agile_basic_form_wrapper fieldset .time-widget {
      margin-left: 0; }
  body .agile_form_2_columns .column {
    width: 100%; }
  body .agile_job_search #salaryBandID {
    margin-left: 0;
    display: block; }
  body .agile_job_search #location {
    margin-left: 0;
    /*display: block;*/ }
  body .agile_job_search #job_posting_locations {
    display: block; }
  body .agile_job_search .text {
    margin-left: 0;
    display: block; }
  body .share-block .services {
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 270px;
    left: 0;
    right: 0;
    padding: 4px;
    margin: 0 auto; }
    body .share-block .services li {
      margin: 0 5px 0 0; }
    body .share-block .services li.no-mobile {
      display: none; }
    body .share-block .services li.mobile-only {
      display: inline-block; }
  body .share-block .services.our-newsletter {
    position: inherit;
    height: 24px; }
  body .share-block h2 {
    display: none; }
  body .job-form select {
    width: 100%; }
  body ul.heading li {
    font-size: 11px; }
  body .table-block .table-links {
    height: 48px; }
  body .table-block .slide-block p {
    font-size: 10px;
    margin-left: 5px !important; }
  body .table-block .slide-block a.open-close {
    font-size: 10px; }
  body #leftCol {
    float: none; }
  body #rightCol {
    float: none;
    margin-left: 0;
    margin-bottom: 15px; }

@media only screen and (min-width:40.063em) {
  /* AF 25/01/2016 - make job search select full-width on mobile */
  /* AF 25/01/2016 - lower font-size of table heading on mobile */
  /* AF 19/01/2016 - fixing table-links to allow it to break over two lines on mobile: */
  /* AF 19/01/2016 - PR search form fixes */
  /* AF 19/01/2016 - fixing #leftCol and #rightCol when viewed on mobile */
    body {
      /*
       // Images have been entered to fit template widths...
       .post-content > img{
       width: auto;
       height: auto;
       }
       */
      /* container */ }
      body #custom-doc {
        max-width: 700px; }
      body .header {
        padding: 10px 0 16px; }
      body .navigation {
        display: block; }
      body .logo img {
        /*      width: 194px;*/
        max-width: 100% !important;
        margin: 0;
        float: left;
        display: block; }
      body .banner img {
        margin-top: 0px; }
      body .landscape img {
        width: 280px; }
      body .topics-block .alignleft {
        margin: 0 15px 0 0; }
        body .topics-block .alignright {
          margin: 0 0 0 15px; }
      body .header .nav-bar {
        display: block;
        margin-bottom: 20px;
        padding-top: 4px;
        padding-bottom: 4px;
        /*
         .controlpanels{
         display:inline-block;
         }
         .search-form{
         display:inline-block;
         }
         */ }
      body .header .header-holder {
        margin: 0 0 10px;
        /* TB reduced from 20px to 10px */ }
      body .header #logo {
        padding-right: 10px; }
      body .agile_basic_form_wrapper fieldset label {
        display: inline-block;
        margin-bottom: 12px; }
        body .agile_basic_form_wrapper fieldset input, body .agile_basic_form_wrapper fieldset textarea, body .agile_basic_form_wrapper fieldset select, body .agile_basic_form_wrapper fieldset small {
          margin-bottom: 8px; }
        body .agile_basic_form_wrapper fieldset small, body .agile_basic_form_wrapper fieldset #editorWrapper, body .agile_basic_form_wrapper fieldset .time-widget {
          margin-left: 137px; }
      body .agile_job_search #salaryBandID {
        margin-left: 65px;
        display: inline-block; }
        body .agile_job_search #job_posting_locations {
          display: inline-block; }
        body .agile_job_search #location {
          margin-left: 97px;
          display: inline-block; }
        body .agile_job_search .text {
          margin-left: 56px;
          display: inline-block; }
      body .container {
        padding: 0px 10px 0 0; }
    .lower-block + .side-section {
      padding-top: 0;
      border: 0; }
    .footer .featured {
      padding: 19px 0 19px 17px; }
    .share-block .holder {
      padding: 0; }
      .share-block .services {
        position: relative !important;
        bottom: auto;
        width: 100% !important;
        padding: inherit; }
        .share-block .services li.no-mobile {
          display: block !important; }
        .share-block .services li.mobile-only {
          display: none !important; }
      .share-block h2 {
        display: block !important; }
    .job-form select {
      width: 198px !important; }
    ul.heading li {
      font-size: 14px !important; }
    .table-block .table-links {
      height: 24px !important; }
    .table-block .slide-block p {
      font-size: 13px !important;
      margin-left: 10px !important; }
    .table-block .slide-block a.open-close {
      font-size: 13px !important; }
    .prsearchform .prsearchfield {
      width: 68%; }
    #leftCol {
      float: left !important; }
    #rightCol {
      float: left !important;
      margin-left: 50px !important; } }

@media only screen and (min-width:62.5rem) {
  /* AF 19/01/2016 - PR search form fixes */
    body {
      min-width: 1000px; }
      body #custom-doc {
        max-width: 940px;
        width: 940px; }
      body .landscape img {
        width: 380px; }
      body .agile_form_2_columns .column {
        width: 49%; }
    .lower-block + .side-section {
      padding-top: 17px;
      border-top: 1px dotted darkgrey; }
    .footer .featured {
      padding: 19px 0 0 17px; }
    .share-block .services {
      position: relative !important;
      bottom: auto;
      width: inherit;
      background-color: inherit;
      padding: 4px 0px !important; }
      .share-block .services li a {
        width: 53px !important;
        height: 53px !important;
        padding: 3px !important; }
      .share-block h2 {
        display: block !important; }
    .prsearchform .prsearchfield {
      width: 77%; } }

.main {
  margin: 0 -0.625rem;
  max-width: none;
  width: auto;
  box-sizing: border-box; }
  .main:before, .main:after {
    content: " ";
    display: table; }
  .main:after {
    clear: both; }
  .main #yui-main {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    box-sizing: border-box; }
  .main #yui-main .topics-block .column, .main #yui-main .analysis .column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: left;
    box-sizing: border-box; }
  .main #yui-main .analysis {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .main #yui-main .analysis:before, .main #yui-main .analysis:after {
      content: " ";
      display: table; }
    .main #yui-main .analysis:after {
      clear: both; }
    .main #yui-main .analysis > h2 {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
  .main #yui-main .topics-links {
    display: none; }
  .main #yui-main > .content > .yui-gc.two-columns {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .main #yui-main > .content > .yui-gc.two-columns:before, .main #yui-main > .content > .yui-gc.two-columns:after {
      content: " ";
      display: table; }
    .main #yui-main > .content > .yui-gc.two-columns:after {
      clear: both; }
    .main #yui-main > .content > .yui-gc.two-columns .first {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box;
      /* AF 25/01/2016 - added margin-bottom for mobile when .aside is directly beneath it */
      margin-bottom: 15px; }
    .main #yui-main > .content > .yui-gc.two-columns .aside {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: right;
      box-sizing: border-box; }
  .main #yui-main > .yui-b.content > .yui-ge {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge:before, .main #yui-main > .yui-b.content > .yui-ge:after {
      content: " ";
      display: table; }
    .main #yui-main > .yui-b.content > .yui-ge:after {
      clear: both; }
    .main #yui-main > .yui-b.content > .yui-ge .yui-gc {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge .first {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box;
      /* AF 19/01/2016 - added margin-bottom for mobile when .aside is directly beneath it */
      margin-bottom: 15px; }
    .main #yui-main > .yui-b.content > .yui-ge .aside {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge .control-panel {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .control-panel .menu {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .control-panel .panel {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left;
        box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge.wide-main-col {
      margin: 0 auto;
      max-width: 62.5rem;
      width: 100%;
      box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:before, .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        content: " ";
        display: table; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        clear: both; }
  .main #yui-main .lower-block {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .main #yui-main .lower-block:before, .main #yui-main .lower-block:after {
      content: " ";
      display: table; }
    .main #yui-main .lower-block:after {
      clear: both; }
    .main #yui-main .lower-block .first {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main .lower-block .aside {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: right;
      box-sizing: border-box; }
  .main .sidebar {
    display: none; }
  .main .promobox {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
  .main .promobox:before, .main .promobox:after {
    content: " ";
    display: table; }
  .main .promobox:after {
    clear: both; }
  .main .promobox .side-section {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    box-sizing: border-box; }

.footer {
  /* Reset problematic inherited padding */ }
  .footer .featured {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    box-sizing: border-box; }
  .footer .featured:before, .footer .featured:after {
    content: " ";
    display: table; }
  .footer .featured:after {
    clear: both; }
  .footer .featured > li {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
    box-sizing: border-box; }
  .footer .site-map {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
  .footer .site-map:before, .footer .site-map:after {
    content: " ";
    display: table; }
  .footer .site-map:after {
    clear: both; }
  .footer .site-map .column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
    box-sizing: border-box; }

@media only screen and (min-width:40.063em) {
  .nav-bar {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .nav-bar:before, .nav-bar:after {
      content: " ";
      display: table; }
    .nav-bar:after {
      clear: both; }
    .nav-bar #nav-bar {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 50%;
      float: left;
      box-sizing: border-box; }
    .nav-bar .desktop-search {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 50%;
      float: left;
      box-sizing: border-box; }

  .header-holder {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    /*    @include grid-row($behavior: nest);*/
    box-sizing: border-box; }
    .header-holder:before, .header-holder:after {
      content: " ";
      display: table; }
    .header-holder:after {
      clear: both; }
    .header-holder #logo {
      padding-left: 0;
      padding-right: 0;
      width: 25%;
      float: left;
      box-sizing: border-box; }
    .header-holder .banner {
      padding-left: 0;
      padding-right: 0;
      width: 75%;
      float: left;
      box-sizing: border-box; }

  .main #yui-main {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    box-sizing: border-box; }
    .main #yui-main .topics-holder {
      margin: 0 -0.625rem;
      max-width: none;
      width: auto;
      box-sizing: border-box; }
      .main #yui-main .topics-holder:before, .main #yui-main .topics-holder:after {
        content: " ";
        display: table; }
      .main #yui-main .topics-holder:after {
        clear: both; }
    .main #yui-main .topic-content {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 75%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main .topics-block .column, .main #yui-main .analysis .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 25%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main .topics-links {
      display: inline-block; }
    .main #yui-main .analysis {
      margin: 0 -0.625rem;
      max-width: none;
      width: auto;
      box-sizing: border-box; }
      .main #yui-main .analysis:before, .main #yui-main .analysis:after {
        content: " ";
        display: table; }
      .main #yui-main .analysis:after {
        clear: both; }
      .main #yui-main .analysis > h2 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main .analysis.analysis-full-width .column {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: left;
        box-sizing: border-box; }
    .main #yui-main > .content > .yui-gc.two-columns {
      margin: 0 -0.625rem;
      max-width: none;
      width: auto;
      box-sizing: border-box; }
      .main #yui-main > .content > .yui-gc.two-columns:before, .main #yui-main > .content > .yui-gc.two-columns:after {
        content: " ";
        display: table; }
      .main #yui-main > .content > .yui-gc.two-columns:after {
        clear: both; }
      .main #yui-main > .content > .yui-gc.two-columns .first {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 58.33333%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .content > .yui-gc.two-columns .aside {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 41.66667%;
        float: right;
        box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge.wide-main-col {
      margin: 0 auto;
      max-width: 62.5rem;
      width: 100%;
      box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:before, .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        content: " ";
        display: table; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        clear: both; }
      .main #yui-main > .yui-b.content > .yui-ge .boxes {
        margin: 0 -0.625rem;
        max-width: none;
        width: auto;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .boxes:before, .main #yui-main > .yui-b.content > .yui-ge .boxes:after {
        content: " ";
        display: table; }
      .main #yui-main > .yui-b.content > .yui-ge .boxes:after {
        clear: both; }
      .main #yui-main > .yui-b.content > .yui-ge .boxes .reg-box {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge #prsells {
        margin: 0 -0.625rem;
        max-width: none;
        width: auto;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge #prsells:before, .main #yui-main > .yui-b.content > .yui-ge #prsells:after {
        content: " ";
        display: table; }
      .main #yui-main > .yui-b.content > .yui-ge #prsells:after {
        clear: both; }
      .main #yui-main > .yui-b.content > .yui-ge #prsells .reg-box {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 50%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .first {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 75%;
        float: left;
        box-sizing: border-box;
        /* AF 19/01/2016 - added margin-bottom for mobile when .aside is directly beneath it */
        margin-bottom: auto; }
      .main #yui-main > .yui-b.content > .yui-ge .aside {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 25%;
        float: right;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .control-panel {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .control-panel .menu {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .control-panel .panel {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 66.66667%;
        float: left;
        box-sizing: border-box; }
        .main #yui-main > .yui-b.content > .yui-ge .control-panel .panel .address {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
          width: 50%;
          float: left;
          box-sizing: border-box; }
        .main #yui-main > .yui-b.content > .yui-ge .control-panel .panel .basketPaymentProviders {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
          width: 50%;
          float: left;
          box-sizing: border-box; }
    .main #yui-main .lower-block {
      margin: 0 -0.625rem;
      max-width: none;
      width: auto;
      box-sizing: border-box; }
      .main #yui-main .lower-block:before, .main #yui-main .lower-block:after {
        content: " ";
        display: table; }
      .main #yui-main .lower-block:after {
        clear: both; }
      .main #yui-main .lower-block .first {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 58.33333%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main .lower-block .aside {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 41.66667%;
        float: right;
        box-sizing: border-box; }
    .main .promobox {
      margin: 0 auto;
      max-width: 62.5rem;
      width: 100%;
      /* removing $behavior: nest as it causes border dots to overflow */
      box-sizing: border-box; }
    .main .promobox:before, .main .promobox:after {
      content: " ";
      display: table; }
    .main .promobox:after {
      clear: both; }
    .main .promobox .side-section {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 50%;
      float: left;
      box-sizing: border-box; }

  .footer .featured {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    box-sizing: border-box; }
    .footer .featured:before, .footer .featured:after {
      content: " ";
      display: table; }
    .footer .featured:after {
      clear: both; }
    .footer .featured > li {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 25%;
      float: left;
      box-sizing: border-box; }
    .footer .site-map {
      margin: 0 -0.625rem;
      max-width: none;
      width: auto;
      box-sizing: border-box; }
    .footer .site-map:before, .footer .site-map:after {
      content: " ";
      display: table; }
    .footer .site-map:after {
      clear: both; }
    .footer .site-map .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 33.33333%;
      float: left;
      box-sizing: border-box;
      min-height: 155px; } }

@media only screen and (min-width:62.5rem) {
  .main #yui-main {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.66667%;
    float: left;
    box-sizing: border-box; }
    .main #yui-main.full-width {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left;
      box-sizing: border-box; }
    .main #yui-main > .yui-b.content > .yui-ge.wide-main-col {
      margin: 0 auto;
      max-width: 62.5rem;
      width: 100%;
      box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:before, .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        content: " ";
        display: table; }
      .main #yui-main > .yui-b.content > .yui-ge.wide-main-col:after {
        clear: both; }
      .main #yui-main > .yui-b.content > .yui-ge .first {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 66.66667%;
        float: left;
        box-sizing: border-box; }
      .main #yui-main > .yui-b.content > .yui-ge .aside {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: right;
        box-sizing: border-box; }
    .main .sidebar {
      display: initial;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 33.33333%;
      float: left;
      box-sizing: border-box; }
    .main .promobox {
      display: none; }

  .footer .site-map {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto;
    box-sizing: border-box; }
    .footer .site-map:before, .footer .site-map:after {
      content: " ";
      display: table; }
    .footer .site-map:after {
      clear: both; }
    .footer .site-map .column {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 16.66667%;
      float: left;
      box-sizing: border-box; } }