@font-face {
  font-family: "Corbel";
  src: url("/portals/0/fonts/Corbel.eot");
  src: url("/portals/0/fonts/Corbel.eot?#iefix") format("embedded-opentype"),
    url("/portals/0/fonts/Corbel.woff") format("woff"),
    url("/portals/0/fonts/Corbel.ttf") format("truetype"),
    url("/portals/0/fonts/Corbel.svg#Corbel") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Corbel-Italic";
  src: url("/portals/0/fonts/Corbel-Italic.eot");
  src: url("/portals/0/fonts/Corbel-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("/portals/0/fonts/Corbel-Italic.woff") format("woff"),
    url("/portals/0/fonts/Corbel-Italic.ttf") format("truetype"),
    url("/portals/0/fonts/Corbel-Italic.svg#Corbel") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Degular";
  src: url("/portals/0/fonts/Degular-Regular.woff") format("woff"),
    url("/portals/0/fonts/Degular-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Degular";
  src: url("/portals/0/fonts/Degular-Bold.woff") format("woff"),
    url("/portals/0/fonts/Degular-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  line-height: 1;
}

.Normal {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
} /* Used to override the DNN .Normal styling that is automatically generated within every HTML Pro module */
.Normal a {
  color: #8c6199;
  font-family: Arial, Helvetica, sans-serif;
}
.purple-primary .Normal a {
  color: #fff;
}
.purple-eighty .Normal a {
  color: #fff;
}
.quotation-block .Normal a {
  color: white;
}
.orange-primary .Normal a {
  color: white;
}
.pod-overlay .Normal a {
  color: White;
  text-decoration: none;
}
.pod-overlay .Normal a:hover {
  text-decoration: none;
}
.tv-pod .Normal a {
  color: White;
  text-decoration: none;
}
.tv-pod .Normal a:hover {
  color: White;
  text-decoration: none;
}
.tweet-pod .Normal a {
  color: White;
  text-decoration: none;
}
.tweet-pod .Normal a:hover {
  color: White;
  text-decoration: none;
}
.word-cloud-pod .Normal a:hover {
  color: White;
  text-decoration: underline;
}
.word-cloud-pod .Normal a {
  color: White;
  text-decoration: none;
}

.sprite {
  display: block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.inline-block {
  display: inline-block;
}
.icon {
  vertical-align: middle;
}

.dnnSearchResults span {
  font-size: 14px;
}
.DnnModule {
  position: static;
}
th {
  font-size: 18px;
}
.orange-head {
  /* Tom */
  color: #f49036;
}
h1 {
  font-size: 3em;
  color: #6f397f;
}

h2 {
  font-size: 2.8em;
  color: #6f397f;
}

h3 {
  font-size: 2.4em;
  color: #6f397f;
}

h4 {
  font-size: 2.2em;
  color: #6f397f;
}

h5 {
  font-size: 2em;
  color: #6f397f; /* RF - was blank */
}

h6 {
  font-size: 1.8em;
  color: #6f397f; /* RF - was blank */
}
h1 .desc,
h2 .desc,
h3 .desc,
h4 .desc,
h5 .desc,
h6 .desc {
  font-size: 13px;
  line-height: 1.2em;
  font-style: italic;
  font-family: arial;
  color: #333;
  margin-top: 3px;
  display: block;
}
p.intro-purple,
div.intro-purple p {
  /* TB */
  font-size: 1.8em;
  line-height: 1.4em;
  max-width: 850px;
  color: #c5b0cc;
}
p.intro,
div.intro p {
  font-size: 1.8em;
  line-height: 1.4em;
  max-width: 850px;
}
.caption {
  font-size: 12px;
  color: #333333; /* Darkend from #aaa based on feedback - need to lighten up other instances of caption - article for example */
}

.caption a {
  color: #6f397f;
}

/*All body text should be contained inside a p, ul ol or dl */
p,
ul,
ol {
  /*
Font sizes relate to pt sizes in photoshop. Standard is 14pt = 1.4em
*/
  font-size: 1.4em;
}
ol li {
  /* TB */
  list-style-position: inside;
}
ul li ul,
ol li ol,
ul li ul li ul,
ol li ol li ol {
  font-size: 1em;
  /*1em will keep font size at the current size.*/
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  line-height: 1.5em; /* ? */
  margin: 16px 0 8px;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Temp measure while we wait for our font embedding licence */
  font-family: Degular, Corbel, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  line-height: 1.3em;
}
.Normal h1 a,
.Normal h2 a,
.Normal h3 a,
.Normal h4 a,
.Normal h5 a,
.Normal h6 a {
  font-family: Degular, Corbel, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  line-height: 1.3em;
}
.sub {
  color: #a28aab;
}
a {
  text-decoration: none;
  color: #6f397f;
}
a:hover {
  text-decoration: underline;
  color: #8c6199;
}
a:link,
a:visited,
a:active {
  color: #6f397f;
  text-decoration: underline;
}
p {
  margin: 0 0 20px 0;
}
ul li {
  list-style-type: disc;
}
ul,
ul li {
  /*list-style-type: disc;*/
}
li {
  padding-bottom: 15px;
}
ul,
ol {
  padding: 0 0 0 50px;
}
ul li .caption {
  display: block;
}

abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
}

q {
  color: #6f397f;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  padding-left: 20px;
  display: inline-block;
}

blockquote {
  color: #6f397f;
  /* Temp measure while we wait for our font embedding licence */
  font-family: Corbel-Italic, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  font-weight: normal;
  font-size: 1.8em;
  /*font-style: italic;*/
  padding-left: 20px;
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 130%;
  text-indent: 20px;
  background: url(/portals/0/skins/stepchange/images/quote-mark.png) no-repeat;
}
address,
address p {
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0 !important;
}
hr {
  background-color: #d0d0d0;
  height: 2px;
  border: none;
  margin: 24px 0px;
}
.vr {
  width: 1px;
  min-height: 220px;
  margin: 30px 0;
  float: left;
  display: block;
  background: #e2eef3;
  -moz-box-shadow: 1px 0px 0px white;
  -webkit-box-shadow: 1px 0px 0px white;
  box-shadow: 1px 0px 0px white;
}

img.tooltip {
  cursor: pointer;
  margin: 0;
}
#tooltip {
  position: absolute;
  border: 1px solid #888a8b;
  background: white;
  padding: 8px 20px;
  color: #797979;
  display: none;
  width: 200px;
  text-align: center;
  font-size: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
#tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  position: absolute;
  bottom: -4px;
  left: 115px;
}

/* ---------- TABLE FUN ------------ */
.table,
.dnnSearchResults table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 24px;
}

table {
  font-size: 14px;
}

.table td,
.dnnSearchResults table td {
  border-top: 1px solid #dddddd;
}
.table th,
.table td,
.dnnSearchResults table th,
.dnnSearchResults table td {
  padding: 11px 16px;
  line-height: 20px;
  vertical-align: top;
}

.table th,
.dnnSearchResults table th {
  font-weight: normal;
  padding: 14px 16px;
}
.table caption,
.dnnSearchResults table caption {
  font-size: 12px;
  color: #aaa;
  padding: 8px;
}
.table thead th,
.dnnSearchResults table thead th {
  vertical-align: bottom;
}
.table thead,
.dnnSearchResults table thead {
  background: #ffb400; /* Old browsers */
  background: -moz-linear-gradient(top, #ffb400 7%, #f08200 98%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(7%, #ffb400),
    color-stop(98%, #f08200)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffb400 7%,
    #f08200 98%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffb400 7%,
    #f08200 98%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffb400 7%, #f08200 98%); /* IE10+ */
  background: linear-gradient(to bottom, #ffb400 7%, #f08200 98%); /* W3C */
  font-size: 18px;
  font-weight: normal;
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.table thead tr th:last-child,
.dnnSearchResults table thead tr th:last-child {
  border-right: none;
}
.table thead tr th,
.dnnSearchResults table thead tr th {
  border-bottom: solid 1px #eb5600;
  color: white;
  border-right: solid 1px #e67e00;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3),
    inset 1px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3),
    inset 1px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3),
    inset 1px 1px 0px rgba(255, 255, 255, 0.2);
}
.table thead tr th:first-child,
.dnnSearchResults table thead tr th:first-child {
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.table thead tr th:last-child,
.dnnSearchResults table thead tr th:last-child {
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
}
.table tbody tr {
}
.table tbody tr td,
.dnnSearchResults table tbody tr td {
  border: solid 1px #dddddd;
}

.table tbody {
}

.table tbody tr:nth-child(odd) td,
.table tbody tr:nth-child(odd) th,
.dnnSearchResults table tbody tr:nth-child(odd) th,
.dnnSearchResults table tbody tr:nth-child(odd) td {
  background: #fafbfc; /* Old browsers */
  background: -moz-linear-gradient(top, #fafbfc 26%, #eff3f4 77%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(26%, #fafbfc),
    color-stop(77%, #eff3f4)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #fafbfc 26%,
    #eff3f4 77%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #fafbfc 26%,
    #eff3f4 77%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafbfc 26%, #eff3f4 77%); /* IE10+ */
  background: linear-gradient(to bottom, #fafbfc 26%, #eff3f4 77%); /* W3C */
}

/* --------- Form elements --------- */
input[type="text"] {
  border: solid 1px #b0b0b0;
  color: #797979;
  padding: 6px 5px;
  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.2em;
}
input[type="submit"] {
  cursor: pointer;
}
.play-button {
  background: url(/portals/0/images/sprites.png) no-repeat -266px -95px #e3d5e2;
  border: solid 3px white;
  height: 34px;
  width: 34px;
  text-indent: -9999px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  overflow: hidden;
  margin-left: 4px;
  position: relative;
  top: -5px;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
a.play-button {
  display: block;
  float: right;
  height: 28px;
  width: 28px;
}
/* --------- Unique list styles --------- */

.social-twitter,
.social-facebook,
.social-youtube,
.social-google,
.social-linkedin {
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding-top: 24px;
  width: 24px;
  margin-left: 5px;
}
.social-links {
  width: 145px;
  float: right;
  display: inline;
  top: 1px;
  right: 16px;
}
.social-twitter {
  background: url(/portals/0/images/sprites.png) no-repeat -100px -150px;
}
.social-facebook {
  background: url(/portals/0/images/sprites.png) no-repeat -125px -150px;
}
.social-youtube {
  background: url(/portals/0/images/sprites.png) no-repeat -75px -150px;
}
.social-google {
  background: url(/portals/0/images/sprites.png) no-repeat -150px -150px;
}
.social-linkedin {
  background: url(/portals/0/images/sprites.png) no-repeat -275px -150px;
}
.social h1,
.social h2,
.social h3,
.social h4,
.social h5,
.social h6 {
  padding: 0 16px;
  position: relative;
}
.tweets,
.tweets-secondary {
  padding: 16px;
  position: relative;
  min-height: 115px;
  clear: both;
}
.tweets:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f4f7f8;
  display: block;
  position: absolute;
  top: -5px;
  right: 125px;
}
.tweets-secondary:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f4f7f8;
  display: block;
  position: absolute;
  top: -5px;
  right: 125px;
}
ul.tweet_list li {
  font-size: 14px;
  font-family: Corbel-Italic, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  /*font-style: italic;*/
  line-height: 22px;
  margin: 3px 0px !important;
  padding: 2px 0px;
  list-style-type: none;
}

ul.tweet_list li span {
  display: inline;
  font-size: 16px;
}

ul.tweet_list {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

ul.check-list {
  list-style-image: url(/portals/0/skins/stepchange/images/tick-bullet-grey.png) !important;
}

.purple-sixtyfive ul.check-list,
.purple-eighty ul.check-list,
.purple-primary ul.check-list,
.orange-primary ul.check-list {
  /* TB */
  list-style-image: url(/portals/0/skins/stepchange/images/tick-bullet.png) !important;
}

ul.check-list li span {
  font-size: 12px;
  display: block;
  color: #333;
}
ul li span,
ol li span,
ul li span.caption,
ol li span.caption {
  font-size: 12px;
  display: block;
  color: #333;
}
.purple-sixtyfive ul.check-list li span,
.purple-primary ul.check-list li span {
  color: #d3c2d5 !important;
}
.bluegrey-thirty ul.check-list li span,
.bluegrey-fifty ul.check-list li span,
.bluegrey-sixtyfive ul.check-list li span {
  color: #aaa;
}
ul.no-bullets,
ul.no-bullets li {
  list-style-type: none !important;
}

.module ul,
.accordion ul,
.expand-collapse ul {
  /* TB */
  margin: 16px 0px;
  padding-left: 16px;
}
.module ol {
  padding-left: 0;
  margin-top: 1px;
}
.module ul li,
.accordion ul li,
.expand-collapse ul li {
  /* TB */
  padding-bottom: 6px;
}

ul.block-list {
  list-style-position: inside;

  padding-left: 0;
}
ul.block-list li {
  padding: 9px 16px;
  margin-bottom: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #eee;
}

.bluegrey-ten ul.block-list li {
  /* TB */
  background: #eff2f4;
}
.bluegrey-twenty ul.block-list li {
  /* TB */
  background: #e4eaec;
}
.bluegrey-thirty ul.block-list li,
.bluegrey-fifty ul.block-list li {
  /* TB */
  background: #fafbfb;
}

.chevron-list {
  list-style: disc
    url(/portals/0/skins/stepchange/images/arrow-right-double-footer.png)
    outside;
  margin: 0;
  padding: 0 0 0 16px;
}

.purple-primary .chevron-list,
.purple-eighty .chevron-list,
.purple-eighty-bottom .chevron-list,
.purple-twenty-bottom .chevron-list,
.purple-sixtyfive .chevron-list,
.purple-sixtyfive .chevron-list,
.orange-primary .chevron-list {
  /* TB */
  list-style: disc
    url(/portals/0/skins/stepchange/images/arrow-right-double-footer-white.png)
    outside;
  margin: 0;
  padding: 0 0 0 16px;
}

ul.chevron-list h1,
ul.chevron-list h2,
ul.chevron-list h3,
ul.chevron-list h4,
ul.chevron-list h5,
ul.chevron-list h6 {
  /* TB */
  font-size: 20px;
  font-family: arial;
  color: #4c4c4c;
  margin-bottom: 3px;
}
ol.orange-icon-list,
ol.icon-list {
  /* TB */
  counter-reset: listCounter;
  list-style-type: none;
  list-style-position: inside;
  margin: 10px 0 20px -5px;
  padding: 0;
}
ol.orange-icon-list li,
ol.icon-list li {
  /* TB */
  counter-increment: listCounter;
  list-style-type: none;

  padding-left: 52px; /* TB */
  position: relative; /* TB */
}
ol.orange-icon-list li:before,
ol.icon-list li:before,
.orange-primary ol.icon-list li:before {
  /* TB */
  content: counter(listCounter) "";
  background: url(/portals/0/skins/stepchange/images/ordinal-bg.png) no-repeat
    top;
  background-position: -2px;
  padding: 12px 0 0 14px;
  font-size: 20px;
  min-height: 33px;
  width: 45px;
  display: block;
  float: left;
  clear: left;
  font-family: verdana, serif;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-top: -3px;

  left: 0px; /* TB */
  position: absolute; /* TB */
}
.bluegrey-thirty ol.icon-list li:before,
.bluegrey-thirty ol.icon-list li:before,
.bluegrey-twenty ol.icon-list li:before,
.bluegrey-ten ol.icon-list li:before,
.bluegrey-fifty ol.icon-list li:before,
ol.icon-list li:before {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/ordinal-bg-blue.png)
    no-repeat top;
  background-position: -2px;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: white;
}

.purple-primary ol.icon-list li:before,
.purple-eighty ol.icon-list li:before,
.purple-eighty-bottom ol.icon-list li:before,
.purple-eighty-bottom ol.icon-list li:before,
.purple-sixtyfive ol.icon-list li:before {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/ordinal-bg-purple.png)
    no-repeat top;
  background-position: -2px;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: white;
}

ol.blue-icon-list {
  /* TB */
  counter-reset: listCounter;
  list-style-type: none;
  list-style-position: inside;
  margin: 10px 0 20px -5px;
  padding: 0;

  padding-left: 52px; /* TB */
  position: relative; /* TB */
}
ol.blue-icon-list li {
  /* TB */
  counter-increment: listCounter;
  list-style-type: none;
}
ol.blue-icon-list li:before {
  /* TB */
  content: counter(listCounter) "";
  background: url(/portals/0/skins/stepchange/images/ordinal-bg-blue.png)
    no-repeat top;
  background-position: -2px;
  padding: 12px 0 0 14px;
  font-size: 20px;
  min-height: 33px;
  width: 45px;
  display: block;
  float: left;
  clear: left;
  font-family: verdana, serif;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: white;
  position: relative;
  margin-top: -3px;

  left: 0px; /* TB */
  position: absolute; /* TB */
}

.corner-circle-icon img {
  position: absolute;
  left: 7px;
  top: 7px;
}
.corner-circle-icon {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: block;
  text-align: center;
  font-size: 21px;
  width: 42px;
  padding: 5px 0px;
  color: white;
  background: -moz-linear-gradient(top, #e4eaec 0%, #cad5da 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e4eaec),
    color-stop(100%, #cad5da)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #e4eaec 0%,
    #cad5da 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #e4eaec 0%,
    #cad5da 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e4eaec 0%, #cad5da 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e4eaec 0%, #cad5da 100%); /* W3C */
  border: solid 6px #eff2f4;
  position: absolute;
  top: -16px;
  right: -16px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 200;
  min-height: 31px;
}

/* --------- Common elements used through out --------- */

.sub-heading {
  font-size: 16px;

  display: block;
  line-height: 1em;
  margin-bottom: 0.2em;
}

.bottom-border {
  border-bottom: solid 2px #8c6199;
  padding: 0 0 12px 0;
  color: #8c6199;
}

.bottom-border-blue {
  /* TB */
  border-bottom: solid 2px #f6f6f6;
  padding: 0 0 12px 0;
  color: #8c6199;
}
.bottom-orange {
  border-bottom: solid 2px #fcb316;
  padding-bottom: 5px;
}
.newsletter {
  /* TB */
  font-size: 1.3em;
  margin: auto 0;
  display: block;
}

.newsletter .sprite {
  width: 55px;
  height: 38px;
  vertical-align: middle;
  padding-right: 10px;
  background: url(/portals/0/images/sprites.png) no-repeat -150px -25px;
}

.phone-no-image {
  font-size: 36px;
  line-height: 30px;
  color: #6f397f;
}
.phone-no-image .caption {
  display: block;
  color: #6f397f;
}
.phone {
  font-size: 25px;
  background: url(/portals/0/skins/stepchange/images/phone-icon.png) no-repeat
    left top;
  padding-left: 55px;
  line-height: 26px;
  min-height: 50px;
}
.purple-twenty-bottom .phone,
.purple-twenty-bottom .phone .caption {
  color: #6c3475;
  margin-top: 4px;
}
.phone .caption {
  display: block;
  color: white;
  line-height: 18px;
}
.time {
  color: #797979; /* TB */
  font-style: normal;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 15px;
  position: relative;
  top: 5px;
  display: inline-block;
  text-align: center;
  margin-top: -1.2em;
  background: url(/portals/0/skins/stepchange/images/clock-icon-grey.png) left
    bottom no-repeat;
  padding-left: 32px;
}
.time span {
  display: block;
  clear: both;
  font-size: 12px;
}
.time-small {
  background: url(/portals/0/skins/stepchange/images/clock-icon-grey.png) left
    center no-repeat;
  padding: 10px 3px 10px 34px;
  font-style: normal;
}
.time-small span {
  font-variant: small-caps;
}
.purple-primary .time,
.purple-eighty .time,
.purple-eighty-bottom .time,
.purple-twenty-bottom .time,
.purple-sixtyfive .time,
.purple-sixtyfive .time,
.orange-primary .time {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/timer.png) left bottom
    no-repeat;
  color: #fff;
}
.orange-five .time,
.bluegrey-thirty .time,
.bluegrey-twenty .time,
.bluegrey-ten .time,
.bluegrey-fifty .time,
.blank .time {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/clock-icon-grey.png) left
    bottom no-repeat;
  color: #797979;
}

.ModsocialShareC > span > div {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
} /* Social Share module CSS */

/* INFO BAR MODULE */
.ModinfoBarC .infoMessage {
  display: block;
  width: 96%;
  background-color: #fff;
  padding: 14px 2% 14px 2%;
  font-size: 1.4em;
  border: solid 1px #d5dde1;
  margin-top: 16px;
  color: #333;
}
.ModinfoBarC .infoMessage .i-icon {
  display: block;
  background-color: #6b3374;
  width: 20px;
  color: #ffffff;
  text-align: center;
  height: 17px;
  padding-top: 3px;
  float: left;
  font-size: 15px;
  margin-right: 10px;
  margin-top: -3px;
  border-radius: 13px;
}
.ModinfoBarC td {
  padding: 5px;
}
.ModinfoBarC h3 {
  font-size: 1.6em;
}
.ModinfoBarC td input {
  margin-top: 10px;
}

/* Existing Clients Icons */
.sprite.qa {
  background: url(/portals/0/images/sprites-med.png) no-repeat 0px -5px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.sprite.computer {
  background: url(/portals/0/images/sprites-med.png) no-repeat -225px -5px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.sprite.advisor {
  background: url(/portals/0/images/sprites-med.png) no-repeat -75px -5px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.sprite.hands {
  background: url(/portals/0/images/sprites-med.png) no-repeat -150px -5px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

/* Masonry Block and Containers */

#masonrySection {
  width: 944px;
  background-color: #f2f2f2;
  margin: 0 auto;
  padding: 8px 8px;
  position: relative;
}
#masonrySection select {
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 0px;
}
#masonrySection .masonryBlock {
  width: 230px;
  float: left;
}
.masonryCol {
  width: 24%;
  float: left;
  margin-left: 1%;
}
.masonryCol:first-child {
  margin-left: 0px;
}
.masonryBlock {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 6px;
  float: left;
}
.masonryBlock p {
  padding: 15px;
  margin: 0;
}
.masonryBlock p + p {
  padding-top: 0px;
}
.masonryBlock .cta-medium {
  display: block;
  margin: 0 auto;
  width: 60%;
  text-align: center;
}

.masonryCTA {
  background: #9f49b4; /* Old browsers */
  background: -moz-linear-gradient(top, #9f49b4 0%, #6e3a7c 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #9f49b4),
    color-stop(100%, #6e3a7c)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #9f49b4 0%,
    #6e3a7c 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #9f49b4 0%,
    #6e3a7c 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9f49b4 0%, #6e3a7c 100%); /* IE10+ */
  background: linear-gradient(to bottom, #9f49b4 0%, #6e3a7c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f49b4', endColorstr='#6e3a7c',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

.masonryCTA p:first-child {
  font-size: 18px;
}
.masonryCTA a {
  color: #ffffff;
}

.masonryTweet {
  background: #f2f2f2;
}
.masonryTweet p + p {
  padding-top: 15px;
}
.masonryTweet p:first-child {
  background: #fff;
  position: relative;
}
.masonryTweet .triangle {
  width: 0;
  height: 0;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  bottom: -15px;
  right: 30px;
}

.cta-large .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 50%;
  margin: -8px 0px 0px 10px;
  right: 12px;
  display: block;
}
.timerSprite {
  background: url("/portals/0/images/sprites.png") no-repeat scroll -225px -100px
    transparent;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.twitterBird {
  background: url("/portals/0/images/sprites.png") no-repeat scroll -200px -146px
    transparent;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.facebook-small {
  background: url("/portals/0/images/sprites.png") no-repeat scroll -225px -147px
    transparent;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.masonryBlock .whiteOverlay img {
  opacity: 0.5;
}
.masonryBlock .whiteOverlay:hover img {
  opacity: 1;
}

/* --------- Icon Sprites --------- */

.icon-container {
  display: table;
}
.icon-container span {
  width: 180px;
  height: 180px;
}
.icon-container div {
  font-size: 20px;
  color: #f59000;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  line-height: 1.5em;
  max-width: 170px;
}

.coins {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat 0px 0px;
}
.computer {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -180px 0px;
}
.money-box {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -360px 0px;
}
.line-graph {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat 0px -180px;
}
.people {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -180px -180px;
}
.hands {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -360px -180px;
}
.clock {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat 0px -360px;
}
.bar-graph {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -180px -360px;
}
.bubbles {
  background: url("/portals/0/images/icon-sprites.jpg") no-repeat -360px -360px;
}

/* --------- Buttons --------- */

a.cta-mini-left,
a.cta-mini {
  float: none;
}
a.cta-mini-right {
  float: right;
}
a.cta-mini-right:after,
a.cta-mini-left:after,
a.cta-mini:after,
a.eng:after,
a.scot:after,
a.ni:after,
a.wales:after {
  /* TB */
  content: " \00BB";
}
a.cta-medium,
input[type="submit"] {
  background: #ec5e24;
  font-size: 16px;
  padding: 9px 16px;
  display: inline-block;
  border: solid 2px #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  color: #fff;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -moz-text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  -webkit-text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  margin-bottom: 4px; /* TB */
  width: auto;
}

input[type="submit"] {
  margin-top: 20px;
}

a.cta-medium:hover,
input[type="submit"]:hover {
  background: #f1865b;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  color: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
a.cta-medium:active,
input[type="submit"]:active {
  background: #f1865b;
  text-decoration: none;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0px 0px 7px;
  -webkit-transition: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
a.cta-large {
  background: #ec5e24;
  font-size: 20px;
  padding: 11px 20px;
  display: inline-block;
  border: solid 3px #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  -webkit-text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px;
  color: #fff;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  margin-bottom: 4px; /* TB */
}
a.cta-large:hover {
  background: #f1865b;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  color: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
a.cta-large:active {
  background: #f1865b;
  text-decoration: none;
  box-shadow: inset rgba(0, 0, 0, 0.4) 0px 0px 7px;
  -webkit-transition: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
a.grey {
  background: #aaaaaa;
}
a.grey:hover {
  background: #bcbcbc;
}
a.grey:active {
  background: #bcbcbc;
}

a .arrow {
  background: url(/portals/0/skins/stepchange/images/arrow-right-solid-dr.png)
    right no-repeat;
  padding-right: 22px;
  display: block;
}
a .video {
  background: url(/portals/0/skins/stepchange/images/watch-icon.png) right
    no-repeat;
  padding-right: 22px;
  display: block;
}
.play-pause {
  color: #ec5e24;
  font-size: 12px;
  width: 80px;
  display: block;
  line-height: 1.2em;
  padding-left: 45px;
  background: url(/portals/0/skins/stepchange/images/play-pause-icon.png) center
    left no-repeat;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: -0.5em;
}
.article {
  /*border-bottom: solid 1px #e5e5e5;
	margin-bottom: 10px;*/
  padding: 0px 0px 8px 0;
  clear: both;
  margin-bottom: 6px; /* TB */
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  /* TB */
  margin-bottom: 0px !important;
}
.article p {
  margin-bottom: 2px;
}
.article .caption {
  font-size: 12px;
  margin-bottom: 0px;
}
.article img {
  float: left;
  margin: 3px 16px 5px 0;
}

dl.accordion,
dl.expand-collapse {
  /* TB */
  margin-bottom: 24px;
}
.module dl.accordion,
.module dl.expand-collapse {
  /* TB */
  margin-bottom: 0;
}
dl.accordion dt:hover,
dl.expand-collapse dt:hover {
  /* TB */
  color: #4c4c4c;
  background: url(/portals/0/skins/stepchange/images/plus-icon-hover.png) top
    left no-repeat;
}
dl.accordion dt,
dl.expand-collapse dt {
  font-size: 20px;
  cursor: pointer;
  display: block;
  height: auto;
  padding: 3px 0px 16px 30px;
  /*margin:0 0px 16px 0px; */ /* TB */
  color: #333;
  position: relative; /* TB */
  overflow: hidden; /* TB */
}
.module dl.accordion dt,
.module dl.expand-collapse dt {
  font-size: 15px;
  cursor: pointer;
  display: block;
  height: auto;
  padding: 3px 0px;
  padding-left: 24px;
  margin: 8px 0px 4px 0px; /* TB */
  color: #333;
  font-weight: bold;
  line-height: 18px;
}
.module dl.accordion dd,
.module dl.expand-collapse dd {
  /* TB */
  display: none;
  padding-left: 24px;
  margin-bottom: 12px;
}
dl.seo-links dt {
  font-weight: normal !important;
  color: #6f397f !important;
}
dl.seo-links ul li {
  padding-bottom: 1px;
}
dl.seo-links ul li a {
  /*color:#C5B0CC;*/
  font-size: 12px;
}
dl.seo-links ul {
  margin: 8px 0;
  padding-left: 30px;
}
dl.accordion dd p a {
  /*color:#8C6199; font-weight:bold;  for bold links */
}
dl.accordion dd,
dl.expand-collapse dd {
  /* TB */
  display: none;
  padding-left: 30px;
  position: relative; /* TB */
  overflow: hidden; /* TB */
}
.module dl.accordion dt,
.module dl.expand-collapse dt {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/plus-icon-faq.png) 4px 2px
    no-repeat;
}
dl.accordion dt,
dl.expand-collapse dt {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/plus-icon.png) top left
    no-repeat;
}
dl.accordion dt.active:hover,
dl.expand-collapse dt.active:hover {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/minus-icon-hover.png) top
    left no-repeat;
}
.module dl.accordion dt.active,
.module dl.expand-collapse dt.active {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/minus-icon-faq.png) 4px 2px
    no-repeat;
}
dl.accordion dt.active,
dl.expand-collapse dt.active {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/minus-icon.png) top left
    no-repeat;
}
dl.accordion dd.active,
dl.expand-collapse dd.active {
  /* TB */
  display: block;
}
.tabs dl.accordion,
.tabs dl.expand-collapse {
  /* TB */
  margin-top: 24px;
}

.the-tabs {
  margin: 0;
  padding: 0;
  height: 61px;
  display: block;
  list-style: none;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f4f5 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #f2f4f5)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #f2f4f5 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffffff 0%,
    #f2f4f5 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f2f4f5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f2f4f5 100%); /* W3C */
  border-bottom: solid 1px #dbdbdb;
  margin-top: 4px;
}
.the-tabs li {
  float: left;
  margin: 0;
  padding: 0;
}
.tab {
  clear: both;
  margin-top: 12px;
  display: none;
}
#tabs-1 {
  display: block;
}

.tabs li a .sprite {
  width: 21px;
  height: 21px;

  float: none;
  margin-left: 15px;
  display: inline-block;
  background: url(/portals/0/images/sprites.png) no-repeat -350px -25px;
}

.the-tabs li a:hover span {
  text-decoration: underline;
}
.the-tabs li a {
  color: #333;
  padding-right: 10px;
  cursor: pointer;
  display: block;
}

.the-tabs li a span {
  font-size: 24px;
  color: #8c8c8c;
  float: left;
}

.tabs {
  padding-bottom: 24px;
  min-height: 300px;
}
.the-tabs li.selected a span {
  color: #6f397f;
}

.the-tabs li.selected a .sprite {
  background: url(/portals/0/images/sprites.png) no-repeat -300px -25px;
}

.the-tabs li {
  display: block;
  font-family: Degular, Corbel, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  font-size: 24px;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  border-top: solid 1px transparent;
  padding: 16px 16px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  margin-left: 2px;
  margin-top: 8px;
}
.the-tabs li.selected {
  color: #6f397f;
  background: white;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  border-top: solid 1px #dbdbdb;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

/* ------- Corner styles -------*/
.bottomleft {
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bottomright {
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.topleft {
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
.topright {
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* ------- Ribbon styles -------*/

.strip {
  display: block;
  padding: 10px 10px;
  position: relative;
  line-height: 28px;
  width: 60%;
  margin-left: 16px;
  background: url(/portals/0/skins/stepchange/images/end-arrow.png) #f4f7f8
    center right no-repeat;
  margin-bottom: 2px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.ui-tabs-hide {
  display: none;
}
ul.youtube-videos li,
ul.youtube-videos {
  list-style-type: none !important;
}
ul.youtube-videos li span {
  color: #6f397f;
  font-size: 16px;
}

#videos:before {
  /* TB */
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f4f7f8;
  display: block;
  position: absolute;
  top: -5px;
  right: 57px;
}
ul.youtube-videos li {
  /* TB */
  margin: 0 0 10px 0;
  display: block;
}
ul.youtube-videos li:last-child {
  /* TB */
  margin-bottom: 0;
  display: block;
}
ul.youtube-videos span {
  /* TB */
  display: block;
  float: left;
  width: 120px;
}
ul.youtube-videos img {
  /* TB */
  float: left;
  width: 120px;
  height: auto;
}
#videos {
  /* TB */
  position: relative;
}
#videos ul {
  /* TB */
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

.lightbox,
.lightbox-video,
.word-cloud-lightbox {
  /* Tom */
  /* TB */
  position: fixed;
  top: 5%;
  left: 30%;
  width: 592px;
  height: auto;
  z-index: 1001;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.lightbox .lightbox-contents,
.lightbox-video .lightbox-contents,
.word-cloud-lightbox .lightbox-contents {
  /* Tom */
  background: white;
  height: 100%;
  padding: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 0;
}
.lightbox .lightbox-border,
.lightbox-video .lightbox-border,
.word-cloud-lightbox .lightbox-border {
  /* Tom */
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.lightbox .lightbox-close,
.lightbox-video .lightbox-close,
.word-cloud-lightbox-close {
  /* Tom */
  /* TB */
  float: right;
  margin-right: 6px;
  cursor: pointer;
  font-size: 20px;
  color: #797979;
}
.lightbox .lightbox-close:hover,
.lightbox-video .lightbox-close:hover,
.word-cloud-lightbox-close:hover {
  /* Tom */
  text-decoration: none;
  color: black;
}
.backdrop {
  /* TB */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #d3dde4;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1000;
  display: none;
}
.eng {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/england.png) left center
    no-repeat;
  display: block;
  padding: 4px 0 4px 42px;
  margin: 2px 0;
}
.scot {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/scotland.png) left center
    no-repeat;
  display: block;
  padding: 4px 0 4px 42px;
  margin: 2px 0;
}
.ni {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/northernireland.png) left
    center no-repeat;
  display: block;
  padding: 4px 0 4px 42px;
  margin: 2px 0;
}
.wales {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/wales.png) left center
    no-repeat;
  display: block;
  padding: 4px 0 4px 42px;
  margin: 2px 0;
}
a.scot {
  display: inline;
} /* TB */
a.eng {
  display: inline;
} /* TB */
a.ni {
  display: inline;
} /* TB */
a.wales {
  display: inline;
} /* TB */

.pagination,
.scrPaging {
  background: #f4f7f8;
  width: 100%;
  padding: 8px 4px;
}
.pagination ul {
  margin: 0;
  padding: 0;
  float: right;
}
.scrPaging {
  margin: 24px 0 0 0;
  width: 99%;
}
.scrPaging ol {
  display: block;
}
.pagination ul li,
.scrPaging ol li {
  /* TB */
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  list-style: none;
  display: block;
  float: left;
}
.pagination ul li a,
.scrPaging ol li a {
  /* TB */
  margin-right: 2px;
  color: #bcc6cb;
  padding: 0 6px;
  margin: 0 2px;
  display: block;
  cursor: pointer;
  border: none;
}
.pagination ul li a:hover,
.scrPaging ol li a:hover {
  /* TB */
  background: #d9e5ea;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pagination ul li.active,
.scrPaging ol li .scrActive {
  /* TB */
  background: #cad5da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  margin-right: 2px;
  padding: 0 6px;
  margin: 0 2px;
}
.scrPaging ol li .scrActive {
  padding: 3px 6px;
}
.pagination ul li.previous a,
.pagination ul li.previous a:hover,
.pagination ul li.previous-off a,
.pagination ul li.previous-off a:hover {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/pagination-prev.png)
    no-repeat center center;
}
.pagination ul li.next a,
.pagination ul li.next a:hover,
.pagination ul li.next-off a,
.pagination ul li.next-off a:hover {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/pagination-next.png)
    no-repeat center center;
}
.pagination ul li.next a,
.pagination ul li.previous a,
.pagination ul li.previous-off a,
.pagination ul li.next-off a {
  /* TB */
  text-indent: -9999px;
}
.pagination ul li.previous-off a,
.pagination ul li.next-off a {
  /* TB */
  opacity: 0.4;
}
.pagination .caption {
  /* TB */
  margin-top: 4px;
  display: block;
  float: left;
}
.addthis_toolbox {
  /* TB */
  display: inline-block;
  margin-left: 7px;
  margin-top: 3px;
  position: relative;
  top: 3px;
}
.home-button {
  display: block;
  margin-top: 15px;
  width: 150px;
  background: #6f397f;
  font-size: 14px;
  background: -moz-linear-gradient(top, #a17eac 0, #6f397f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #a17eac),
    color-stop(100%, #6f397f)
  );
  background: -webkit-linear-gradient(top, #a17eac 0, #6f397f 100%);
  background: -o-linear-gradient(top, #a17eac 0, #6f397f 100%);
  background: -ms-linear-gradient(top, #a17eac 0, #6f397f 100%);
  background: linear-gradient(to bottom, #a17eac 0, #6f397f 100%);
  color: #ffffff !important;
  padding: 8px 0 8px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none !important;
}
.home-button span {
  font-size: 12px;
  vertical-align: middle;
}
/* phone number larger, bold and purple */
.header .telephone-panel p {
  font-weight: bold;
  color: #6f397f;
  font-size: 27px;
  margin-bottom: 0px;
}
.header .telephone-panel p span {
  font-weight: normal;
}

/* Request a callback in header */
.header .callback-headpanel {
  float: right;
  margin-top: 13px;
  margin-right: 13px;
  color: #6f397f;
}
.header .callback-headpanel .callback-button {
  background: url(/portals/0/Header/images/callback-phone.png) no-repeat #f5edf7;
  background-position: 7px 5px;
  border: solid 1px #e8d7eb;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.8em;
  border-radius: 5px;
  padding-left: 25px;
  padding-right: 8px;
  padding-top: 1px;
}
.header .callback-headpanel span {
  display: block;
  padding-top: 2px;
  margin-left: 10px;
}
.header .callback-headpanel span.callback-large {
  font-style: normal;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 5px;
}
.header .callback-headpanel span.callback-small {
  font-size: 1em;
}

/* Container Yellow Link Box for Infographic/Code Sections */
.yellow-link-box .content {
  background-color: #fdfbc6;
  padding: 10px;
  border: dashed 1px #948f01;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  -moz-user-select: text;
  -webkit-user-select: text;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.yellow-link-box .content p {
  margin: 0;
  padding: 0;
}

/* Testimonial image lightbox module */
.pod-med.image-lightbox-link .module-content {
  padding: 0px;
  cursor: pointer;
}

/* large orange button */
.cta-large-orange,
.liveChat {
  padding: 10px 10px 10px 10px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #fff;
  background: #f08200;
  box-shadow: 0 35px 35px -13px #ffb400 inset, 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 35px 35px -13px #ffb400 inset,
    2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 35px 35px -13px #ffb400 inset,
    2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  -khtml-shadow: 0 35px 35px -13px #ffb400 inset,
    2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  color: #fff;
  font-size: 16px;
  text-shadow: 1.2px 1.2px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  font-weight: bold;
}
.cta-large-orange:hover,
.liveChat:hover {
  background-color: #ffb300;
}
.liveChat .chaticon {
  background: url("/portals/0/images/buttons/chatbubble.png");
  width: 35px;
  height: 28px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.liveChat.chatUnavailable .smaller {
  display: block;
  font-size: 13px;
}

/* Hero Banners */
.heroBanner {
  width: 100%;
  height: 240px;
  overflow: hidden;
  color: #ffffff;
  margin: 20px 0px;
  position: relative;
}
.heroBanner .bannerContent {
  width: 57%;
  background: #f18600;
  height: 240px;
  float: left;
}
.heroBanner .gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxODYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGFmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #f18600 0%, #fdaf00 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #f18600),
    color-stop(100%, #fdaf00)
  );
  background: -webkit-linear-gradient(left, #f18600 0%, #fdaf00 100%);
  background: -o-linear-gradient(left, #f18600 0%, #fdaf00 100%);
  background: -ms-linear-gradient(left, #f18600 0%, #fdaf00 100%);
  background: linear-gradient(to right, #f18600 0%, #fdaf00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18600', endColorstr='#fdaf00',GradientType=1 );
}
.heroBanner .solid {
  background: #fea40f;
}
.heroBanner .bannerImage {
  position: relative;
  width: 43%;
  float: left;
}
.heroBanner .curve {
  position: absolute;
  height: 240px;
  width: 87px;
  top: 0px;
  left: 0px;
  background: url(/portals/0/img/banners/curve.png) no-repeat;
  z-index: 2;
}
.heroBanner .curveSolid {
  position: absolute;
  height: 240px;
  width: 110px;
  top: 0px;
  left: -20px;
  background: url(/portals/0/img/banners/curve_solid.png) no-repeat;
  z-index: 2;
}
.heroBanner .bannerImage img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.heroBanner h2,
.heroBanner h3 {
  margin: 0;
  padding: 30px 20px 10px 30px;
  color: #ffffff;
  font-size: 32px;
}
.heroBanner h3 {
  font-size: 26px;
}
.heroBanner p {
  margin: 0;
  padding: 0px 30px 15px 30px;
  font-size: 18px;
}
.heroBanner a {
  margin-top: 10px;
  margin-left: 30px;
}

.eightColBanner {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #cccccc;
  position: relative;
  margin-top: 16px;
  height: 186px;
  overflow: hidden;
}
.eightColBanner div:first-child {
  width: 380px;
  float: left;
  height: 186px;
  background: #ef8200;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmODIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #ef8200 0%, #ffaa00 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #ef8200),
    color-stop(100%, #ffaa00)
  );
  background: -webkit-linear-gradient(left, #ef8200 0%, #ffaa00 100%);
  background: -o-linear-gradient(left, #ef8200 0%, #ffaa00 100%);
  background: -ms-linear-gradient(left, #ef8200 0%, #ffaa00 100%);
  background: linear-gradient(to right, #ef8200 0%, #ffaa00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8200', endColorstr='#ffaa00',GradientType=1 );
}
.eightColBanner div a,
.eightColBanner div p,
.eightColBanner div h2 {
  margin: 5px 0px 8px 20px;
  color: #ffffff;
}
.eightColBanner a {
  cursor: pointer;
}
.eightColBanner div p {
  font-size: 1.7em;
}
.eightColBanner div h2:first-child {
  margin-top: 20px;
}
.eightColBanner .image {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 240px;
  height: 186px;
}
.eightColBanner img {
  max-width: inherit;
}
.eightColBanner img.curve {
  position: absolute;
  left: 380px;
  top: 0px;
  width: 61px;
  height: 186px;
  z-index: 2;
}
/* End Hero Banners */