/**
 * Royal Mail 2011/12  Generic Styles
 * Components
 */

/* Content Email Post Share */
.eps {
  margin: 20px 19px 20px 0;
}

.eps li {
  display: inline;
  float: left;
}

.eps li.feeds,
.eps li.subscription {
  height: 18px;
  padding: 0 10px 0 2px;
  border-right: 1px dotted #ccc;
}

.eps li.feeds a {
  background: transparent url(../img/icon/main_eps.png) no-repeat -72px -22px;
  width: 18px;
}

.eps li.feeds a:hover {
  background: transparent url(../img/icon/main_eps.png) no-repeat -93px -22px;
  width: 18px;
}

.eps li.eps-e {
  margin: 0 0 0 1px;
}

.eps li a {
  display: inline-block;
  margin: 0 0 0 8px;
  height: 21px;
  overflow: hidden;
}

.eps li.subscription a {
  text-decoration: none;
}

.eps li.eps-e a {
  width: 21px;
  background: transparent url(../img/icon/main_eps.png) no-repeat 0 0;
}

.eps li.eps-e a:hover,
.eps li.eps-e a:focus,
.eps li.eps-e a:active {
  background-position: -21px 0;
}

.eps li.eps-p a {
  width: 21px;
  background: transparent url(../img/icon/main_eps.png) no-repeat -42px 0;
}

.eps li.eps-p a:hover,
.eps li.eps-p a:focus,
.eps li.eps-p a:active {
  background-position: -63px 0;
}

.eps li.eps-s a {
  width: 23px;
  background: transparent url(../img/icon/main_eps.png) no-repeat -84px 0;
}

.eps li.eps-s a:hover,
.eps li.eps-s a:focus,
.eps li.eps-s a:active {
  background-position: -107px 0;
}

.eps li a span {
  position: absolute;
  left: -99999px;
}

.eps li.subscription a strong {
  position: relative;
  left: 0;
  padding: 2px 4px 1px;
  top: 2px;
  border-radius: 1px;
  font-weight: 700;
  background-color: #666666;
  color: #ffffff;
}

.eps li.subscription a:hover strong.subscription-text,
.eps li.subscription a:focus strong.subscription-text {
  background-color: #cc0000;
  color: #ffffff;
}

.summary-block .eps li.subscription a:hover strong.subscription-text,
.summary-block .eps li.subscription a:focus strong.subscription-text {
  background-color: #cccccc;
  color: #000000;
}

.summary-block .eps li.subscription a strong {
  background-color: #fff;
  color: #000000;
}

/* Brush Metalic FX Wraps */
.rightsidebar .bmfx {
  width: 258px;
}

.bmfx {
  background: url(../img/comp/wrapper/met_630.jpg) repeat-y 0 0 #ccc;
  border: 1px solid #f5f5f5;
  box-shadow: 0 3px 5px 1px #9d9d9d;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  position: relative;
  color: #000;
}

/* Accordion */
.leftsidebar .accordion {
  width: 620px;
  clear: both;
}

.leftsidebar .accordion ul li {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}

.leftsidebar .accordion ul ul {
  margin: 13px 20px;
  overflow: auto;
}

.leftsidebar .accordion ul ul.bullet {
  overflow: visible;
}

.leftsidebar .accordion ul ul li,
.leftsidebar .accordion ul ol li {
  clear: both;
  border: none;
  margin: 0 0 18px 0;
}

.leftsidebar .accordion ul li.first {
  border-top: 1px dotted #ccc;
}

.leftsidebar .accordion ul li:hover,
.leftsidebar .accordion ul li:focus,
.leftsidebar .accordion ul li:active,
.leftsidebar .accordion ul li.hover {
  background: #fff;
}

.leftsidebar .accordion ul li ul li:hover,
.leftsidebar .accordion ul li ul li:focus,
.leftsidebar .accordion ul li ul li:active {
  background: #fff;
}

.leftsidebar .accordion ul li.active {
  background: #fff;
}

.leftsidebar .accordion ul li h2 a {
  color: #c00;
  text-decoration: none;
}

.leftsidebar .accordion ul li.active li h2 a,
.leftsidebar .accordion ul li h2 a,
.leftsidebar .accordion ul li.active h2 a {
  padding: 0 25px 0;
  margin: 0 0 0 20px;
  background: url(../img/icon/accordion-sprite.png) 0 4px no-repeat; /* plus sign */
  display: block;
}

.leftsidebar .accordion ul li.active li.active h2 a,
.leftsidebar .accordion ul li.active h2 a {
  background: url(../img/icon/accordion-sprite.png) 0 -156px no-repeat; /* minus sign */
}

.leftsidebar .accordion ul li p {
  margin: 0 25px 0 45px;
  padding: 0;
}

.leftsidebar .accordion ul ul h3,
.leftsidebar .accordion .acc_container h3 {
  font-size: 160%;
  font-family: ChevinProMedium, Arial, Helvetica, sans-serif;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
}

.leftsidebar .accordion ul ul li p {
  margin: 0 0 0 110px;
}

.leftsidebar .accordion .acc_container.node.faq_collection ol li,
.faq ol li {
  clear: both;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 1.5;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px dotted #ccc;
  display: list-item;
  overflow: auto;
  vertical-align: top;
}

.leftsidebar .accordion ol.answer > li {
  padding: 17px 0 18px;
  font-weight: 700;
}

.leftsidebar .accordion ol li ul {
  margin: 0;
}

.leftsidebar .accordion ol li ul li {
  list-style-type: none;
  margin: 0;
  float: left;
  width: 380px;
}

.leftsidebar .accordion ol li p {
  margin: 12px 0;
  font-weight: 400;
}

.leftsidebar .accordion ol li.last {
  border-bottom: 0;
  padding: 15px 0 0 0;
}

/*Default state*/
.leftsidebar .accordion ul li h2 {
  background-image: none;
  padding: 0 23px 0 0;
}

/* basic styling for accordion node content */
.leftsidebar .accordion .acc_container.node h2,
.leftsidebar .accordion .acc_container.node h3,
.leftsidebar .accordion .acc_container.node h4,
.leftsidebar .accordion .acc_container.node img,
.leftsidebar .accordion .acc_container.node div.field {
  margin-left: 25px;
}

.leftsidebar .accordion .acc_container.node th img,
.leftsidebar .accordion .acc_container.node td img {
  margin-left: 0;
}

.leftsidebar .accordion .acc_container.node img.extlink {
  margin-left: 0;
}

.leftsidebar .accordion .acc_container.node h3 {
  margin-right: 20px;
}

.leftsidebar .accordion .acc_container.node p.img {
  margin-left: 135px;
}

.leftsidebar .accordion .acc_container.node ol {
  margin-left: 30px;
}

.leftsidebar .accordion .acc_container.node ul {
  margin-left: 40px;
}

.leftsidebar .accordion .acc_container.node ul li {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  list-style-type: disc;
}

.leftsidebar .accordion .acc_container.node ol li {
  line-height: 1.5;
  margin: 0 20px;
  padding: 0;
  list-style-type: decimal;
}

.leftsidebar .accordion .acc_container.node ol ul.bullet li {
  padding: 0 20px 8px 0;
  list-style-type: disc;
  border: none;
}

.leftsidebar .accordion .acc_container.node p {
  margin-left: 25px;
  margin-right: 20px;
  margin-bottom: 10px;
  clear: both;
}

.leftsidebar .accordion .acc_container.node.faq_collection p {
  margin-left: 0;
}

.leftsidebar .accordion .acc_container.node.faq_collection h3 {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
}

.leftsidebar .accordion .acc_container .node {
  background: #fff;
}

/* fix for jump in accordion animation */
.leftsidebar .accordion .acc_container .node.grid_4 {
  float: none;
}

.leftsidebar .accordion .grid_4 {
  width: 560px;
  float: none;
  display: block;
}

.leftsidebar .accordion .grid_2 {
  width: 270px;
}

/* FAQS */

.faq {
  margin: 20px 20px 10px;
}

.faq .text {
  width: 196px;
}

.faq h3 span {
  display: none;
}

.faq h4 {
  font-weight: 700;
  display: inline;
}

.faq-full-article-link {
  clear: left;
  float: left;
  display: block;
}

/* Tabbed tools */
a.help img {
  vertical-align: bottom;
}

.tabsnav {
  background: #9f9f9f url(../img/comp/tabs/off.jpg) repeat-x left -1px;
  float: left;
  width: 100%;
  clear: both;
}

.tabsnav li {
  float: left;
  display: inline;
  line-height: 2em;
}

.tabsnav li.active {
  text-decoration: none;
  outline: none;
}

.tabsnav li.last {
  border-right: none;
  background: none;
}

.tabsnav li a {
  display: inline-block;
  color: #000;
  padding: 12px 19px 11px;
  text-decoration: none;
  font: 400 110% ChevinProMedium, Arial, Helvetica, sans-serif;
  background: url(../img/comp/tabs/right-keyline.jpg) no-repeat right 0;
}

.tabsnav li.first a,
.tabsnav li.first a:hover,
.tabsnav li.first a:focus,
.tabsnav li.first a:active {
  border-left: none;
}

.tabsnav li.active a,
.tabsnav li.active a:hover,
.tabsnav li.active a:focus {
  background: #e3e3e3 url(../img/comp/tabs/on-new.jpg) right -1px repeat-x;
}

.tabsnav li a:hover,
.tabsnav li a:focus {
  background: url(../img/comp/tabs/rollover-new.jpg) right -1px no-repeat;
}

.tabsnav li a:focus {
  outline: none;
}

.tabsnav li.first.active a {
  border-left: none;
}

.tabsnav li.last a {
  border-right: none;
}

.tabsnav li.last a.active,
.tabsnav li.last a:hover,
.tabsnav li.last a:focus,
.tabsnav li.last a:active {
  border-right: none;
  outline: none;
}

.tabsnav li a span {
  display: block;
  font: inherit;
  text-align: right;
}

.tabsnav li.active a span {
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 3px 1px #d0d0d0;
  border: 1px solid #000;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#191919));
  background: -webkit-linear-gradient(top, #333, #191919);
  background: -moz-linear-gradient(top, #333, #191919);
  background: -ms-linear-gradient(top, #333, #191919);
  background: -o-linear-gradient(top, #333, #191919);
  -pie-background: linear-gradient(#333, #191919);
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  position: relative;
}

.tabsnav li.all-tools a {
  padding: 9px 20px 10px 20px;
  border-left: none;
  background: none;
}

.tabsnav li.all-tools.active a:hover {
  background: none;
}

.tabsnav li.all-tools {
  margin: 0;
  float: right;
}

.tabs h2 {
  border-bottom: 1px solid #bebebe;
  padding-bottom: 10px;
}

.tabs .content {
  border-top: 1px solid #fbfbfb;
  padding: 10px 0;
}

.tabs .tabscontainer {
  position: relative;
  min-height: 180px;
}

.tabs .tabscontainer .tabcontent {
  position: absolute;
  /* For PIE elements to render properly, elements need to be visible (by CSS
     definition at least) so this is a way to render them in the 'background'. */
  left: -9999px;
}

.tabs .tabscontainer .tabcontent.first {
  left: 0;
}

.tabs .tabscontainer .tabcontent a.primary {
  position: relative;
}

/* Sophistication Prompt */
.prompt {
  position: absolute;
  left: 420px;
  top: 126px;
  z-index: 50001;
  display: none;
}

.prompt-border:before,
.prompt-border:after {
  content: "";
  position: absolute;
  bottom: auto;
  border-style: solid;
  width: 0;
  display: block;
}

.prompt-border:before {
  left: 108px;
  border-width: 0 20px 20px;
  border-color: #fff transparent;
  top: -20px;
}

.prompt-border:after {
  left: 115px;
  border-width: 0 13px 13px;
  border-color: #333 transparent;
  top: -13px;
}

.prompt-border {
  position: relative;
  padding: 10px;
  border: 5px solid #fff;
  width: 237px;
  box-shadow: 0 3px 3px 0 #d0d0d0;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  margin: 15px 0 0;
}

.help-content {
  color: #000000;
}

.help-content .close {
  width: 95%;
}

.help-content .close,
.close,
.ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: url(../img/comp/prompt/button_close_sprite.png) no-repeat right 0;
  float: right;
  padding: 2px 23px 3px 0;
  line-height: inherit;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  background: none;
}

.help-content .close:hover,
.close:hover,
.ui-dialog-titlebar-close:hover {
  background: url(../img/comp/prompt/button_close_sprite.png) no-repeat right -50px;
}

.ui-dialog-titlebar .ui-state-hover,
.ui-dialog-titlebar .ui-state-focus {
  background-color: transparent;
  border: none;
}

.prompt-border p {
  text-align: center;
  font-size: 160%;
  clear: right;
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
  padding: 10px 0 20px 0;
}

/* My account login */
.share-overlay .header {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px dotted #ccc;
}

.my-account label {
  display: block;
  padding: 0 0 10px;
  text-align: left;
  margin: 0;
  width: 150px;
}

.my-account .left label {
  padding: 7px;
}

.ie9 .my-account .left label {
  padding: 8px 0 4px;
}

#user-login ul {
  clear: both;
  margin: 10px 0;
}

#user-login ul li,
.menu-menu-myaccount-loggedout ul li {
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
  font-weight: 700;
}

.menu-menu-myaccount-loggedout ul li.first.nolink-li {
  border-bottom: 0;
}

.menu-menu-myaccount .nolink {
  font-weight: 700;
}

.menu-menu-myaccount-loggedout ul li a,
#user-login ul li a,
.my-account ul li a {
  font-weight: 400;
}

.my-account ul li a img {
  padding: 0 0 0 5px;
}

.my-account .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

/*override*/
#topnav .my-account ul li .last input {
  margin: 1px 0 0 0;
  float: left;
  border: 0;
  background: transparent;
}

#topnav .error div input {
  border: 1px solid #cc0000;
  background: #fbebeb;
}

#topnav .my-account a.close {
  color: #000;
}

/* Ticker */
.ticker {
  font-weight: 700;
  width: 940px;
  margin: 0 0 36px 20px;
}

.ticker-max {
  width: 980px;
}

.ticker DIV.left {
  width: 620px;
}

.ticker-max {
  margin: 0 0 20px;
}

.ticker-max DIV.left {
  width: 978px;
}

.ticker DIV.left .feeds {
  margin: 0 0 0 19px;
  height: 3.5em;
  overflow: hidden;
}

.ticker-min DIV.left .feeds {
  width: 516px;
}

.ticker-max DIV.left .feeds {
  width: 836px;
}

.ticker h2.label {
  padding: 10px 0 0 0;
  font: 500 135% ChevinProMedium, Arial, Helvetica, sans-serif;
}

.ticker DIV.left .feeds UL {
  float: left;
  position: relative;
}

.ticker DIV.left .feeds UL LI {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  display: none;
}

.ticker DIV.left .feeds UL LI.first {
  display: block;
}

.ticker DIV.left .feeds UL A {
  margin: 0 50px 0 10px;
  text-decoration: none;
}

.ticker DIV.left .feeds UL A:HOVER {
  text-decoration: underline;
}

.ticker .feeds p {
  padding: 13px 20px 15px 0;
}

.ie9 .ticker-min .feeds p {
  padding: 16px 20px 14px 0;
}

.ticker UL.control {
  width: 84px;
  margin: 8px 0 0;
  display: none;
}

.ticker UL.control LI {
  display: inline;
  vertical-align: top;
}

.ticker UL.control LI A {
  float: left;
  display: inline;
}

.ticker UL.control li a.player-ctrl {
  margin: 0 3px 0 6px;
  width: 29px;
  height: 28px;
}

.ticker UL.control li a.ctrl-play {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -72px -32px;
}

.ticker UL.control li a.ctrl-play:HOVER {
  background-position: -105px -32px;
}

.ticker UL.control li a.ctrl-pause {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -72px 0;
}

.ticker UL.control li a.ctrl-pause:HOVER {
  background-position: -105px 0;
}

.ticker UL.control li a.player-prev,
.ticker UL.control li a.player-next {
  margin: 5px 2px 0 0;
  width: 14px;
  height: 18px;
}

.ticker UL.control li a.player-prev {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -18px -22px;
}

.ticker UL.control li a.player-next {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -18px 0;
}

.ticker UL.control li a.player-prev:HOVER {
  background-position: 0 -22px;
}

.ticker UL.control li a.player-next:HOVER {
  background-position: 0 0;
}

.ticker-red UL.control li a.player-prev {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -36px -22px;
}

.ticker-red UL.control li a.player-next {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -36px 0;
}

.ticker-red UL.control li a.player-prev:HOVER {
  background-position: -54px -22px;
}

.ticker-red UL.control li a.player-next:HOVER {
  background-position: -54px 0;
}

.ticker-white,
.ticker-white DIV.left .feeds UL A,
.ticker-white li a.player-ctrl,
.ticker-white li a.player-prev,
.ticker-white li a.player-next {
  background-color: #fff;
}

.ticker-white .feeds P A,
.ticker-white .feeds P A:HOVER {
  color: #000;
}

.ticker-white UL.right {
  border-left: dotted 1px #d8d8d8;
}

.ticker-red {
  border: solid 1px #e68080;
  color: #fff;
}

.ticker-red,
.ticker-red DIV.left .feeds UL A,
.ticker-red li a.player-ctrl,
.ticker-red li a.player-prev,
.ticker-red li a.player-next {
  background-color: #c00;
}

.ticker-red DIV.left .feeds UL A:HOVER {
  color: #fff;
}

.ticker-red .feeds P A,
.ticker-red .feeds P A:HOVER {
  color: #fff;
}

.ticker-red UL.right {
  border-left: dotted 1px #e68080;
}

.ticker-white DIV.right {
  border-left: solid 1px #f5f5f5;
  width: 318px;
}

.ticker-white .right p {
  text-align: right;
  padding: 14px 20px 14px 10px;
  font-size: 110%;
}

.ticker-white .right p a {
  text-decoration: none;
}

.ticker-white .right p a:hover {
  text-decoration: underline;
}

/* Right Panel - Accordion && Common Content in BMFX */

.rightsidebar .accordion h2,
.rightsidebar .bmfx_content h2 {
  color: #000;
}

.rightsidebar .accordion ul,
.rightsidebar .bmfx_content ul {
  margin: 0;
  border-top: none;
  border-style: none;
}

.rightsidebar .accordion ul ul,
.rightsidebar .bmfx_content ul,
.smartstamp-flows .bmfx_content ul {
  margin: 17px 9px 0 9px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #fff;
}

.rightsidebar .bmfx_content ul {
  margin: 0 9px 0 9px;
}

.rightsidebar .accordion ul li {
  border-style: none;
  padding: 3px 10px 15px;
  position: relative;
  background: transparent url(../img/global/accordian_div_shadow_x.png) repeat-x 0 100%;
}

.rightsidebar .accordion ul li.first {
  padding: 11px 10px 15px;
}

.rightsidebar .accordion ul li.last {
  padding: 1px 10px 5px;
}

.rightsidebar .accordion ul ul li,
.rightsidebar .bmfx_content ul li,
.smartstamp-flows .bmfx_content ul li {
  padding: 5px 0 7px 0;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #ccc;
}

.rightsidebar .accordion ul li.last,
.rightsidebar .accordion ul ul li {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.rightsidebar .accordion ul li a {
  color: #000;
}

.rightsidebar .accordion ul li h2 a:hover {
  text-decoration: none;
}

.rightsidebar .accordion ul li h2 {
  border: none;
  margin: 0;
  padding: 0 0 8px;
}

.rightsidebar .accordion ul li h2 a,
.rightsidebar .accordion ul li.active h2 a {
  padding: 4px 35px 0;
  margin: 0;
  display: block;
  background: url(../img/icon/accordion_1.png) 9px 8px no-repeat;
}

.rightsidebar .accordion ul li.active h2 a {
  color: #c00;
  background: transparent url(../img/icon/accordion_0.png) 9px 8px no-repeat;
}

.rightsidebar .accordion .acc_container {
  width: 95%;
}

.rightsidebar .block .bmfx_content {
  padding: 10px 10px 5px;
}

.rightsidebar .block .bmfx_content H2 {
  padding: 4px 35px 1px 8px;
  border: none;
}

.rightsidebar .block .accordion ul ul {
  padding: 0;
}

.rightsidebar .accordion ul li li a,
.rightsidebar .bmfx_content ul li a {
  color: #c00;
}

.rightsidebar .accordion .acc_container,
.rightsidebar .bmfx_content .acc_container {
  padding: 2px 10px 12px 10px;
  position: relative;
}

.rightsidebar .accordion p,
.rightsidebar .bmfx_content p,
.rn_Navigation {
  margin: 0;
  padding: 0 9px 9px;
}

.rightsidebar .accordion form,
.rightsidebar .bmfx_content form,
.rightsidebar .rn_SearchArea {
  padding: 0 9px;
}

.rightsidebar .accordion form p,
.rightsidebar .bmfx_content form p {
  padding: 5px 0 0;
  font-size: 110%;
}

.rightsidebar .block P.alignright,
.rn_Navigation {
  margin: 20px 0 1px 0;
}

.rightsidebar .block P.alignright a,
.rn_Navigation a {
  font-weight: 700;
}

.rightsidebar .block A.right {
  margin: 10px 9px 12px;
}

.rightsidebar .bmfx-div {
  margin: 10px 9px 17px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #fff;
}

.rightsidebar .accordion LI A:HOVER,
.rightsidebar .bmfx_content LI A:HOVER {
  color: #cc0000;
}

.rightsidebar .accordion P,
.rightsidebar .bmfx_content P.spacer {
  padding: 0 9px 7px;
}

H3.spacer {
  padding: 17px 9px 7px;
}

.block .chat {
  background: transparent url(../img/icon/chat-30-28.png) no-repeat 251px 14px;
}

.block .help {
  background: transparent url(../img/icon/help-23-33.png) no-repeat 258px 12px;
}

.rightsidebar .block .bmfx_content.chat > .pane-content {
  padding-left: 8px;
}
.rightsidebar .block .bmfx_content.chat .bmfx-div {
  margin: 10px 0;
}

.rightsidebar .block .bmfx_content.chat p {
  padding: 0 0 9px;
}

.rightsidebar .block .help .pane-content {
  overflow: hidden;
}

.block .chat .xlarge {
  display: inline-block;
  padding: 4px 0;
}

.rightsidebar .accordion .primary,
.rightsidebar .accordion .secondary,
.rightsidebar .accordion .tertiary {
  margin-top: 1px;
}

/* Sohpistication Drop Down List */
.border {
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  border: 5px solid #cc0000;
  border-radius: 24px;
  padding: 1px 0 3px;
}

/* Service overview */
.rightsidebar .service-overview ul {
  margin: 0;
}

.rightsidebar .service-overview ul li {
  padding: 8px 0;
  font-weight: 400;
}

.rightsidebar .service-overview h2 {
  border-bottom: none;
  margin: 0;
  padding: 0 0 7px;
}

.service-good,
.service-disruption,
.service-delays {
  background: url(../img/icon/service-sprite.png) no-repeat;
  padding: 0 19px 2px 0;
}

.service-disruption {
  background-position: right -42px;
}

.service-good {
  background-position: right 1px;
}

.service-delays {
  background-position: right -84px;
}

strong.color-grey-darker,
span.color-grey-lighter {
  display: block;
}

.service-overview .padding20 {
  overflow: visible;
}

div.field-field-service-update-text {
  font-weight: 700;
  margin-bottom: 20px;
}

/* Dynamic Columns */
.dyn-cols-hdr {
  z-index: 2;
}

.container_4 .bmfx.grid_4,
.container_4 .dyn-cols-wrap.grid_4 {
  width: 618px;
}

.dyn-col-init H2 {
  padding: 190px 23px 4px 19px;
}

.leftsidebar .bmfx.grid_4.dyn-cols-hdr H2 {
  padding: 0 34px 8px 0;
  background: transparent url("../img/icon/help-23-33.png") no-repeat 100% 1px;
}

.bmfx.grid_4.dyn-cols-hdr .margin0b {
  margin-bottom: 0;
}

.bmfx.grid_4.dyn-cols-hdr .error {
  border: 1px solid red;
  outline-style: none;
}

.dyn-col-init p {
  padding: 0 23px 4px 19px;
}

/*Back link*/
.dyn-col-back {
  position: absolute;
  top: 0;
  left: -205px;
  z-index: 6;
  padding: 25px 0 0;
  background: #fff;
  width: 205px;
  height: 448px;
}

.dyn-col-back p {
  padding: 160px 30px 30px;
}

/*Data wraps*/
.dyn-col {
  position: absolute;
  width: 205px;
  height: 408px;
  overflow: hidden;
  border-right: dotted 1px #ccc;
  background: #fff;
}

.dyn-col.borderless {
  border: none;
}

#dyn_col_0 {
  z-index: 5;
}

#dyn_col_1 {
  z-index: 4;
}

#dyn_col_2 {
  z-index: 3;
}

#dyn_col_3 {
  z-index: 2;
}

#dyn_col_1 .dyn-list,
#dyn_col_2 .dyn-list,
#dyn_col_3 .dyn-list {
  display: none;
}

/*Data list styles*/
.dyn-cols-wrap.grid_4 .dyn-col UL {
  margin: 0;
  padding: 0;
}

.dyn-cols-wrap.grid_4 .dyn-col UL LI {
  width: 174px;
  margin: 10px 0 0;
  padding: 0 10px 0 10px;
}

.dyn-cols-wrap.grid_4 .dyn-col UL LI P,
.dyn-cols-wrap.grid_4 .dyn-col-back UL LI p {
  padding: 0 10px 6px;
}

.dyn-col UL LI A {
  display: block;
  padding: 5px 30px 6px 10px;
  color: #000;
  background: transparent url(../img/icon/arrow-black-right-4-6.png) no-repeat 158px 11px;
}

.dyn-col UL LI A:HOVER {
  color: #fff;
  background: #333 url(../img/icon/arrow-white-right-4-6.png) no-repeat 158px 11px;
  text-decoration: none;
}

.dyn-col UL LI.active A:HOVER {
  color: #fff;
  background: #ebebeb url(../img/icon/arrow-black-right-4-6.png) no-repeat 158px 11px;
  text-decoration: none;
}

.dyn-col UL LI.active A {
  background-color: #ebebeb;
}

.dyn-col UL LI.active A:HOVER {
  color: #000;
}

.dyn-col UL LI P A {
  display: inline;
  color: #c00;
  background: none;
  padding: 0;
}

.dyn-col UL LI P A:HOVER {
  color: #c00;
  background: none;
  text-decoration: none;
}

.dyn-col ul li a.help-article {
  color: #c00;
  display: block;
  font-weight: 700;
}

.dyn-col ul li a.help-article:hover {
  color: #822;
  background: #fff url(../img/icon/arrow-black-right-4-6.png) no-repeat 158px 11px;
  text-decoration: underline;
}

.dyn-col ul li a.answer {
  padding: 0;
  outline: none;
}

.dyn-col.zero,
.dyn-col-back.zero {
  left: 0;
}

.dyn-col.first {
  left: 205px;
}

.dyn-col.second {
  left: 410px;
}

.dyn-col.third {
  left: 410px;
}

#dc-loader {
  z-index: 10;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.help-support-search .atoz-tabs .tabs {
  background: none;
}

/* JSCROLL PANE */
.jspContainer {
  overflow: hidden;
}

.dyn-cols {
  position: relative;
  z-index: 1;
  height: 428px;
  margin: -20px 0 0;
  width: 620px;
  padding: 20px 0 0;
  overflow: hidden;
  background: #fff;
}

.dyn-col-init {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
  width: 411px;
  height: 448px;
  padding: 0;
  background: url(../img/comp/dyncols/help-support-welcome-2013-411x448.jpg) no-repeat 0 0;
}

.jspScrollable {
  outline: none;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 6px;
  width: 9px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #ebebeb url(../img/comp/dyncols/scroll-y-t.jpg) no-repeat 0 0;
  position: relative;
}

.jspDrag {
  position: relative;
  top: 4px;
  left: 2px;
  cursor: pointer;
  width: 5px;
  background: #333 url(../img/comp/dyncols/scroll-drag-t.jpg) no-repeat 0 0;
}

.jspDragBottom {
  position: absolute;
  bottom: 0;
  width: 5px;
  height: 3px;
  background: url(../img/comp/dyncols/scroll-drag-b.jpg) no-repeat 0 0;
}

.jspCapBottom {
  position: relative;
  bottom: 0;
  width: 9px;
  height: 3px;
  background: #ebebeb url(../img/comp/dyncols/scroll-y-b.jpg) no-repeat 0 100%;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
}

.jspVerticalBar .jspArrow {
  height: 9px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  float: left;
  height: 100%;
}

.ie6 .jspCorner {
  margin: 0 -3px 0 0;
}

/* In-bound Twitter */
.twitter {
  padding: 20px;
}

.twitter h2 {
  border-bottom: 1px dotted #d0d0d0;
}

.twitter-text {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.twitter-text.scroll-pane {
  overflow: auto;
}

.twitter-text.jspScrollable {
  height: 210px;
}

.twitter-text a {
  padding: 0 5px 0 0;
  text-decoration: none;
}

.twitter .right p {
  padding: 0;
}

.twitter .right p a {
  text-decoration: none;
  font-weight: 700;
}

.twitter .right p a:hover {
  text-decoration: underline;
}

.twitter .right a img {
  padding: 0 0 0 5px;
}

.rightsidebar .block .twitter ul li {
  font-weight: 400;
}

.rightsidebar .twitter-text ul {
  margin: 0;
  border-top: none;
}

.rightsidebar .jspScrollable ul {
  width: 230px;
}

.rightsidebar .twitter-text .padding18tb {
  padding: 18px 0;
}

/* Content component */
.paperclip {
  position: relative;
  float: left;
}

.paperclip span {
  position: absolute;
  background: url(../img/icon/paperclip_bg.png) no-repeat;
  width: 34px;
  height: 35px;
  top: -16px;
  right: 0;
}

.col-194 li {
  width: 194px;
  margin: 0 19px 0 0;
  float: left;
}

.col-194 li.last {
  margin: 0;
}

.col-161 {
  width: 161px;
}

.rightsidebar .col-161 .block {
  display: block;
  margin: 0;
  width: auto;
}

/* Numeric steps feature */
.numeric-list {
  min-height: 172px;
  padding: 20px 20px 5px 20px;
}

/* Pricing table */

.pricing tr:hover {
  background: none;
}

.pricing td {
  padding: 8px 0;
}

.pricing tr.first td {
  border-top: 1px solid #ccc;
}

.pricing caption {
  font: inherit;
  font-weight: 700;
  margin: 5px 0 10px;
}

/* Help icons */
.tabcontent .help {
  background: url(../img/icon/help.jpg) no-repeat right 0;
  width: 18px;
  height: 15px;
  display: block;
}

.rmg_help_button {
  position: relative;
  top: 0;
  left: 3px;
}

.rmg_help_link {
  display: inline-block;
}

.form-item + .rmg_help_link {
  float: left;
  margin-left: 5px;
}

.form-radios + .rmg_help_button {
  margin-top: 7px;
}

a:hover.rmg_help_button,
a:focus.rmg_help_button {
  background: transparent url(../img/icon/main_eps.png) no-repeat -18px -22px;
}

.form-obj a.rmg_help_button,
.form-item a.rmg_help_button {
  background: transparent url(../img/icon/main_eps.png) no-repeat -36px -22px;
  display: inline-block;
  vertical-align: top;
}

.form-obj a:hover.rmg_help_button,
.form-obj a:focus.rmg_help_button,
.form-item a:hover.rmg_help_button,
.form-item a:focus.rmg_help_button {
  background: transparent url(../img/icon/main_eps.png) no-repeat -54px -22px;
}

a.rmg_help_button {
  background: transparent url(../img/icon/main_eps.png) no-repeat 0 -22px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

a:focus.rmg_help_button {
  outline: none;
  width: 16px;
  height: 16px;
}

.ie7 .form-obj .rmg_help_button,
.ie7 .form-item .rmg_help_button {
  top: -25px;
}

.ie7 .smartstamp-flows #edit-question-wrapper .rmg_help_button {
  top: 0;
}

.ie7 .smartstamp-flows #edit-smartstamp-tc-wrapper {
  overflow: visible;
}

.rmg_help_button SPAN {
  position: absolute;
  left: -99999px;
}

.help_text {
  position: absolute;
  left: -9999px;
}

/* Tool Tip */
#tooltip.default,
#tooltip.reverse {
  top: 200px;
  left: 200px;
  position: absolute;
  z-index: 999;
  display: none;
  padding: 8px;
  background: #fff;
  box-shadow: 0 1px 3px 0 #888;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  max-width: 300px;
  min-width: 100px;
}

#tooltip.default .after,
#tooltip.reverse .after {
  width: 20px;
  height: 15px;
  display: block !important;
  position: absolute;
  z-index: 1001;
  bottom: -15px;
  background-image: url(../img/icon/main_eps.png);
  background-repeat: no-repeat;
}

#tooltip.default .after {
  background-position: -265px 0;
  right: auto;
  left: -4px;
}

#tooltip.reverse .after {
  background-position: -284px 0;
  left: auto;
  right: -4px;
}

.ie7 #tooltip.default,
.ie7 #tooltip.reverse {
  border: solid 1px #888;
  box-shadow: none;
}

.ie7 #tooltip .after {
  border-bottom: 10px solid transparent;
  width: 0;
  height: 0;
  bottom: -10px;
  background: none;
}

.ie7 #tooltip.default .after {
  border-left: 10px solid #888;
  border-right: 10px solid transparent;
  left: -1px;
  right: auto;
}

.ie7 #tooltip.reverse .after {
  border-left: 10px solid transparent;
  border-right: 10px solid #888;
  right: -1px;
  left: auto;
}

#tooltip h3,
#tooltip div {
  margin: 0;
}

/* Tool tip inline override */
#tooltip.default.inline,
#tooltip.reverse.inline {
  margin-left: 27px;
  padding: 10px;
  background: #333;
  color: #fff;
  box-shadow: none;
}

#tooltip.default.inline .after,
#tooltip.reverse.inline .after {
  bottom: auto;
  top: 50%;
  width: 10px;
  height: 22px;
  margin-top: -11px;
}

#tooltip.default.inline .after {
  left: -10px;
  background: transparent url(../img/icon/tooltip_grey.png) no-repeat 0 0;
}

#tooltip.reverse.inline .after {
  right: -10px;
  background: transparent url(../img/icon/tooltip_grey.png) no-repeat 10px 0;
}

/* Step Bar */
.steps {
  margin-bottom: 15px;
}

.steps-six li,
.steps-6 li {
  width: 16.96%;
}

.steps-five li,
.steps-5 li {
  width: 21.19%;
}

.step-bar li.steps-four-list,
.steps-four li,
.steps-4 li {
  width: 24.25%;
}

.step-bar li.steps-three-list,
.steps-three li,
.steps-3 li {
  width: 33%;
}

.step-bar li,
.steps li {
  float: left;
  position: relative;
  background: url(../img/icon/border-right-dotted.jpg) repeat-x 0 10px;
  color: #666;
}

.step-bar li.active,
.steps li.active,
.step-bar li.current,
.steps li.current {
  color: #000;
}

.step-bar li.active a,
.step-bar li.active a:hover {
  color: #822;
  text-decoration: none;
}

.step-bar li.last,
.steps li.last {
  background: none;
  width: auto;
}

.step-bar li.finished,
.steps li.active-passed,
.steps li.passed {
  background: url(../img/icon/border-right-solid.jpg) repeat-x 0 10px;
  color: #000;
}

.steps li.active-passed:hover,
.steps li.passed:hover {
  color: #cc0000;
  cursor: pointer;
}

.step-bar li a:hover,
.steps li a:hover {
  text-decoration: none;
  color: #d12121;
  left: 0;
  top: 0;
}

.step-bar li.finished span.circle,
.steps li.active-passed .step-wrapper,
.steps li.passed .step-wrapper,
.steps.no-numbers li.active-passed:hover .step-wrapper,
.steps.no-numbers li.passed:hover .step-wrapper {
  background: url(../img/icon/completed.png) no-repeat left center;
  padding: 12px 12px;
  position: absolute;
  left: 0;
  top: 0;
}

.step-bar li.finished span.circle {
  font-size: 1px;
  top: -2px;
}

.step-bar li.finished span.circle:hover {
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  padding: 4px;
  border: 1px solid #dedede;
  border-radius: 15px;
  background: #fff;
  color: #000;
  position: absolute;
  height: 15px;
  width: 15px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  color: #d12121;
}

ol.steps li span.label a,
ol.steps li:hover span.label a,
ol.steps li.finished:hover span.label a,
ol.steps li span.label a:hover {
  background: none;
  padding: 30px 0 0 0;
  width: 100%;
}

.steps li.active-passed:hover .step-wrapper,
.steps li.passed:hover .step-wrapper {
  background: none;
  padding: 0;
}

.steps li.active-passed .step-wrapper > span.step-index,
.steps li.passed .step-wrapper > span.step-index {
  left: -9999px;
}

.steps li.active-passed:hover .step-wrapper > span.step-index,
.steps li.passed:hover .step-wrapper > span.step-index {
  display: inline;
  color: #cc0000;
  left: 0;
  top: 0;
  box-shadow: 0 1px 3px 1px #e1e1e1;
}

.steps.no-numbers li.active-passed:hover .step-wrapper > span.step-index,
.steps.no-numbers li.passed:hover .step-wrapper > span.step-index {
  left: -9999px;
}

.step-bar li.active a > span,
.item-list .step-bar li.active span.active,
.steps li.active .step-wrapper > span.step-index,
.steps li.current .step-wrapper > span.step-index {
  background: #494949;
  color: #cecece;
}

.item-list .step-bar li span.active,
.step-bar li span.inactive,
.steps li .step-wrapper > span.step-index {
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  padding: 4px 8px 3px 7px;
  border: 1px solid #dedede;
  border-radius: 15px;
  background: #fff;
  color: #000;
  position: absolute;
  height: 15px;
  width: 7px;
}

.step-bar li span.label,
.steps li span.label {
  display: block;
  width: 80px;
  margin: 29px 0 0;
}

.step-bar li.finished a {
  text-decoration: none;
  color: #000;
  display: inline-block;
}

.step-bar li.finished a:hover {
  color: #cc0000;
}

.step-bar li.finished a span {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.step-bar li.finished a span.label {
  margin-top: 28px;
}

.steps-3 li span.label {
  width: 100%;
}

.ie7 .steps li.passed span,
.ie7 .steps li.active-passed span {
  padding-top: 29px;
}

.ie7 .steps li.active-passed span a {
  display: inline;
}

/* Promo */
.promo {
  position: relative;
  min-height: 200px;
}

.promo IMG {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.promo DIV {
  position: relative;
}

.rightsidebar .pane-content.promo_redesign {
  overflow-y: hidden;
}

.promo-max {
  width: 980px;
  margin: 0 0 40px;
}

.promo-max H2 {
  padding: 14px 20px 5px;
}

.promo-max p {
  padding: 0 20px 16px;
}

.promo-max A {
  margin: 0 20px;
}

.promo-med {
  width: 620px;
}

.promo-min {
  height: 200px;
  width: 300px;
}

.promo-medium {
  width: 300px;
  height: 260px;
}

.promo_mini {
  min-height: 150px;
  margin: 0 0 20px;
  position: relative;
  background: #fff;
  width: 300px;
}

.promo_mini div {
  position: relative;
  z-index: 1;
}

.promo_mini .img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.mid-align {
  padding: 59px 18px 18px;
}

.rightsidebar .mid-align h2,
.rightsidebar .top-align h2 {
  margin: 0;
  padding: 0 0 11px;
}

.rightsidebar .promo .bullet,
.rightsidebar .promo .bullet li {
  border-width: 0;
  border-style: none;
}

.rightsidebar .promo .bullet li {
  padding: 0 0 1px;
}

.rightsidebar .promo {
  box-shadow: 0 3px 5px 1px #9d9d9d;
}

.view-promos {
  position: relative;
  min-height: 200px;
  margin-bottom: 20px;
}

.view-promos .views-row {
  position: absolute;
}

/* AtoZ */
.atoz-tabs .tabs {
  float: left;
  border-bottom: 6px solid #333;
  width: 100%;
  background-color: #f5f5f5;
}

.atoz-tabs .tabs li {
  float: left;
  font: 400 107% arial, Helvetica, sans-serif;
  color: #adadad;
  margin: 0 4px 0 0;
  width: 18px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #aaa;
  border-radius: 2px;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  position: relative;
  box-shadow: 0 1px 1px 1px #c8c8c8;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3));
  background: -webkit-linear-gradient(top, #fff, #e3e3e3);
  background: -moz-linear-gradient(top, #fff, #e3e3e3);
  background: -ms-linear-gradient(top, #fff, #e3e3e3);
  background: -o-linear-gradient(top, #fff, #e3e3e3);
  -pie-background: linear-gradient(#fff, #e3e3e3);
}

.atoz-tabs .tabs li:hover a,
.atoz-tabs .tabs li a:focus,
.atoz-tabs .tabs li a:active,
.atoz-tabs .tabs li:hover input,
.atoz-tabs .tabs li input:focus,
.atoz-tabs .tabs li input:active {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}

.atoz-tabs .tabs li.active {
  background: #333;
  border-color: #333;
  border-bottom-color: #333;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}

.atoz-tabs .tabs li.first {
  margin: 0 4px 0 1px;
}

.atoz-tabs .tabs li.empty {
  background: #f5f5f5;
  border-width: 1px 1px 1px 0;
  border-style: none;
  border-radius: 0;
  box-shadow: none;
  padding: 2px 0 0 0;
  color: #666;
}

.atoz-tabs .tabs li a,
.atoz-tabs .tabs li input {
  display: block;
  border: 1px solid #fefefe;
  color: #333;
}

.atoz-tabs .tabs li input {
  background: none;
  padding: 2px 0;
  cursor: pointer;
}

.atoz-tabs .tabs li a:hover {
  text-decoration: none;
}

.atoz-tabs .tabs li.active input,
.atoz-tabs .tabs li.active a {
  color: #fff;
  border: 1px solid #333;
  margin: 0 0 4px;
}

.atoz-content li {
  float: left;
  width: 280px;
}

.atoz-content.border-bot li {
  padding: 17px 0 8px;
}

.atoz-content li:nth-child(odd) {
  margin: 0 20px 0 0;
}

.atoz-content li h3 {
  padding: 0 0 4px;
}

.ie .atoz-tabs .tabs li.active {
  -pie-background: none;
  background-color: #333;
}

.ie .atoz-tabs .tabs li.empty {
  -pie-background: none;
  background-color: #f5f5f5;
}

/* Promo Carousel */
.promo-carousel {
  display: block;
  position: relative;
}

.view-promo-carousel .views-row {
  display: none;
}

.view-promo-carousel .views-row-first {
  display: block;
}

.promo-nav {
  display: none;
  float: left;
  width: 100%;
  position: relative;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#cacaca));
  background: -webkit-linear-gradient(top, #fafafa, #cacaca);
  background: -moz-linear-gradient(top, #fafafa, #cacaca);
  background: -ms-linear-gradient(top, #fafafa, #cacaca);
  background: -o-linear-gradient(top, #fafafa, #cacaca);
  -pie-background: linear-gradient(#fafafa, #cacaca);
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
}

.promo-controls {
  margin: 0 auto;
  width: 130px;
}

.promo-nav .prev a,
.promo-nav .next a {
  padding: 13px 10px;
  display: block;
  float: left;
}

.promo-nav .prev a span,
.promo-nav .next a span {
  position: absolute;
  left: -99999px;
}

.promo-nav ul li.circle a span {
  position: absolute;
  left: -9999px;
}

.promo-nav .prev a {
  background: url(../img/icon/promo-sprite.png) no-repeat 11px 7px;
}

.promo-nav .next a {
  background: url(../img/icon/promo-sprite.png) no-repeat -28px 7px;
}

.promo-nav ul {
  float: left;
  margin: 5px 0 0 0;
}

.promo-nav ul li {
  float: left;
  margin: 0 3px 0 0;
}

.promo-nav ul li.circle a {
  float: left;
  padding: 7px;
  background: url(../img/icon/carousel-sprite.png) no-repeat 0 -26px;
}

.promo-nav ul li.circle.active a {
  background: url(../img/icon/carousel-sprite.png) no-repeat 0 -1px;
}

/* Email and share overlay */
#email-window.email-overlay h2,
.share-overlay h2 {
  padding-bottom: 11px;
  border-bottom: 1px dotted #ccc;
  margin: 0 0 17px;
}

#email-window.email-overlay a.close,
.share-overlay a.close {
  color: #000;
}

.email-overlay {
  width: 424px;
  position: absolute;
  z-index: 503;
  box-shadow: 0 3px 7px 1px #9d9d9d;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  display: none;
}

#email-window.email-overlay p {
  padding: 0 0 14px;
}

#email-window.email-overlay .maxlength-counter-remaining {
  display: inline;
}

#email-window.email-overlay .padding17t p {
  padding: 0;
}

.modalframe-page-wrapper .webform-confirmation-links {
  display: none;
}

.share-overlay {
  width: 262px;
  position: absolute;
  z-index: 503;
  left: 500px;
  box-shadow: 0 3px 7px 1px #9d9d9d;
  display: none;
}

.share-overlay ul li {
  float: left;
  margin: 0 20px 0 0;
}

.share-overlay ul li.last {
  margin: 0;
}

/* Email this page - modalframe */

html#email-html {
  /*overflow: hidden;*/
  height: auto; /*auto open to height required */
  width: auto;
}

body#email-body {
  background: none;
  height: 99%;
}

/*jScrollPane style*/
body#email-body .jspDrag {
  background: url("../img/comp/dyncols/scroll-drag-t.jpg") no-repeat scroll 0 0 #333333;
  cursor: pointer;
  left: 2px;
  position: relative;
  top: 4px;
  width: 5px;
}

body.modalframe-page {
  padding-top: 0;
}

body.modalframe-page a.close {
  color: #fff;
  margin-bottom: 8px;
}

.modalframe {
  border: none;
  box-shadow: 0 3px 7px 1px #9d9d9d;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
}

.modalframe .ui-dialog-titlebar {
  display: none;
}

.ui-dialog-container,
#modalframe-element {
  background: none;
  border: none;
}

#modalframe-container,
#modalframe-element {
  height: 100% !important;
}

#modalframe #email-window .grid_4 {
  margin: 0;
}

#modalframe #email-window .padding20 {
  padding: 0;
}

#modalframe #email-window  .message {
  margin: 0 0 6px 0;
}

#modalframe #email-window .rmg-form-errors,
#modalframe #email-window .form-message {
  background: url("../img/icon/form-error-alert.png") no-repeat scroll 0 19px #fff;
}

#modalframe .email-overlay {
  width: auto;
  position: inherit;
  box-shadow: none;
  display: block;
}

#modalframe a#email-top:hover {
  text-decoration: none;
}

/* Link list */
.rightsidebar .block.link-list h2,
.rightsidebar .block.super-link-list h2 {
  margin: 0;
  padding: 10px 0 9px;
}

.rightsidebar .block.link-list ul {
  margin: 0;
}

.rightsidebar .block.link-list a.active {
  color: #cc0000;
}

.rightsidebar .block.link-list ul.margin6t {
  margin: 6px 0 0 0;
}

.rightsidebar .block.super-link-list h3 {
  margin: 0 0 4px;
}

.rightsidebar .block.super-link-list p {
  padding: 0 0 8px;
}

.rightsidebar .block.link-list.padding6b h2 {
  padding: 0 0 7px;
}

/* Login teaser */
.login-teaser h2 {
  padding-bottom: 6px;
}

/* Document embed subscribe link */
.document-subscribe {
  font-size: 94%;
  margin-left: 1em;
}

/* Google Search */
.atoz-tabs-pager ul.tabs {
  border: none;
  padding: 20px 0 10px 0;
  text-align: center;
  overflow: auto;
}

.atoz-tabs-pager .tabs .pager-current {
  padding: 3px 4px;
}

.atoz-tabs-pager .tabs .pager-ellipsis {
  background: #f5f5f5;
  border-width: 0;
  border-style: none;
  border-radius: 0;
  box-shadow: none;
  padding: 3px 4px;
  color: #666;
}

.atoz-tabs-pager .tabs li {
  width: auto;
  margin-left: 2px;
  color: #ffffff;
  padding: 0;
}

.atoz-tabs-pager .tabs li a {
  padding: 2px 4px;
}

/* Feed icons (news listing & case study listing) */

.view-news-listing,
.view-casestudy-listing {
  position: relative;
}

.view-news-listing .feed-icon,
.view-casestudy-listing .feed-icon {
  top: 2px;
}

.view-news-listing .feed-icon a,
.view-casestudy-listing .feed-icon a {
  position: absolute;
  right: 0;
}

.view-news-listing .feed-icon img,
.view-casestudy-listing .feed-icon img {
  position: relative;
  top: 3px;
}

/* plain text link on rich media */
.view-plain {
  margin-top: 20px;
}

/* Star rating */
.fivestar {
  margin: 14px 0 0 0;
}

.fivestar  .item-list {
  float: left;
}

.fivestar .item-list ul {
  float: left;
}

.fivestar .item-list ul li {
  float: left;
  margin: 0 0 0 2px;
}

.fivestar .item-list ul li a {
  display: block;
}

.rate-widget {
  outline: none;
}

.fivestar ul li span.rate-fivestar-btn-empty,
.fivestar .no-stars .item-list ul li a.rate-fivestar-btn-filled,
.fivestar .item-list ul li a.fivestar-btn-empty,
.fivestar .item-list ul li a.rate-fivestar-btn-empty {
  background: url(../img/icon/star-rating.png) no-repeat 0 0;
}

.fivestar ul li span.rate-fivestar-btn-filled,
.fivestar  .no-stars .item-list ul li a.fivestar-btn-filled,
.fivestar .item-list ul li a.rate-fivestar-btn-filled,
.fivestar .item-list ul li a.fivestar-btn-filled {
  background: url(../img/icon/star-rating.png) no-repeat 0 -39px;
}

.fivestar-comment input.text {
  width: 477px;
}

.fivestar-comment form label,
.thumbs-comment form label {
  display: block;
}

.fivestar-comment form textarea,
.thumbs-comment form textarea {
  height: 20px;
  max-width: 500px;
  float: left;
  margin: 1px 5px 20px 0;
  padding: 3px 0 0 0;
}

.ie .fivestar-comment form textarea,
.thumbs-comment form textarea {
  height: 30px;
}

.average-rating-message p {
  padding: 0;
}

.average-rating-message {
  padding: 3px 5px 0 15px;
  border-left: 1px dotted #ccc;
}

.star-rating-message {
  margin: 0 2px 0 0;
}

.star-rating-message p,
.average-rating-message p,
.comment-rating-message p {
  font-weight: bold;
}

/* Thumbs rating */
.thumbs_up_down {
  margin: 8px 0 0 0;
}

ul li.thump-up,
ul li.thump-down {
  float: left;
  margin: 0 5px 0 0;
  width: auto;
}

ul li.thump-up a {
  padding: 10px 0 7px 27px;
  display: block;
}

ul li.thump-down a {
  padding: 10px 0 7px 25px;
  display: block;
}

ul li.thump-up a {
  background: url(../img/icon/thumbs-rating.png) no-repeat 0 1px;
}

ul li.thump-down a {
  background: url(../img/icon/thumbs-rating.png) no-repeat left -61px;
}

ul li.thump-up a:hover,
ul li.thump-down a:hover {
  text-decoration: none;
}

ul li.thump-up a:hover,
ul li.thump-up a:focus {
  background: url(../img/icon/thumbs-rating.png) no-repeat 0 -32px;
}

ul li.thump-down a:hover,
ul li.thump-down a:focus {
  background: url(../img/icon/thumbs-rating.png) no-repeat left -97px;
}

.rating-message p {
  font-weight: bold;
}

/* Ratings - comments */

.fivestar-comment textarea,
.fivestar-comment #webform-component-message {
  float: left;
}

.fivestar-comment #webform-component-message {
  float: left;
  max-width: 510px;
}

.fivestar-comment textarea {
  height: 17px;
  max-width: 495px;
  margin: 1px 5px 0 0;
}

#maincontent .fivestar-comment .webform-component .form-item label {
  display: block;
  float: none;
  margin: 0 0 5px 0;
  padding: 0;
  width: 98%;
  text-align: left;
  font-weight: 700;
}

.fivestar-comment .resizable-textarea {
  float: left;
  margin: 0 0 20px 0;
}

.fivestar-comment fieldset,
.fivestar-comment .textarea-identifier,
.fivestar-comment .grippie {
  display: none;
}

.fivestar-comment #edit-submit {
  margin: 22px 0 0 0;
}

/* Forum */

#forum table thead tr th {
  color: #ffffff;
  background-color: #333;
}

#forum table thead tr th a {
  color: #ffffff;
}

#forum tr td.forum {
  background-position: 0 50%;
}

#comments span.new {
  font-weight: bold;
}

#maincontent #comment-form .form-item label {
  width: 100%;
  margin: 0 0 5px 0;
  text-align: left;
}

#comments .print_html,
#comments .print_mail,
#comments .print_pdf {
  margin: 0;
}

#comments .comment ul.links li.first {
  border-top: none;
  padding: 0 0.5em 0 0;
}

#comments .indented,
#comments .comment {
  border-bottom: 1px dotted #d0d0d0;
}

#comments .comment {
  padding: 5px 0;
}

#comments .indented {
  margin-left: 0;
  padding: 5px 0 5px 25px;
}

#comments .indented .indented {
  border-bottom: none !important;
}

#comments .indented .comment {
  border-bottom: none;
}

#comments ul.links li.comment_delete,
#comments ul.links li.comment_edit,
#comments ul.links li.comment_reply {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
  border-bottom: none;
}

.forum-topic-navigation .topic-next {
  text-align: right;
}

.forum-topic-navigation .topic-previous {
  text-align: left;
}

.forum-topic-navigation {
  border-bottom: 1px dotted #d0d0d0;
  border-top: 1px dotted #d0d0d0;
}

/* video player */
.vjs-control:focus {
  outline: 1px dotted #fff !important;
}

video {
  outline: none;
}

.play-icon {
  position: absolute;
  top: 0;
  left: 0;
}

/* VM OVERLAY */
.vm-overlay a.close {
  color: #000;
}

.vm-overlay p {
  padding: 0 0 14px;
}

.vm-overlay label {
  float: left;
  width: 80px;
}

.vm-overlay input.text {
  width: 260px;
}

.vm-overlay textarea {
  resize: none;
  width: 338px;
}

.vm-overlay form span {
  display: block;
}

.vm-overlay .padding17t p {
  padding: 0;
}

.vm-overlay #videoInfo {
  display: none;
}

/* VIDEO MANAGEMENT MODULE */
.video-management {
  background: #fff;
  margin-bottom: 40px;
}

.video-management .accordionVM {
  width: 161px;
}

.video-management .accordionVM .accordion-link {
  width: 150px;
  background: #e5e5e5;
}

.video-management .accordionVM .link {
  border-bottom: 1px solid white;
  padding: 10px 10px;
  display: block;
  width: 130px;
  background: url(../img/icon/vm-accordion-open.png) 90% 56% no-repeat #333;
  color: #fff;
}

.video-management .accordionVM .link:hover {
  background: url(../img/icon/vm-accordion-open.png) 90% 56% no-repeat #666;
}

.video-management .accordionVM .link.active {
  background: url(../img/icon/vm-accordion-closed.png) 90% 56% no-repeat #333;
}

.video-management .accordionVM .link.active:hover {
  background: url(../img/icon/vm-accordion-closed.png) 90% 56% no-repeat #666;
}

.video-management .accordionVM .accordion-content a {
  border-bottom: 1px solid white;
  padding: 10px 20px 10px 10px;
  display: block;
  width: 120px;
  background: #e5e5e5;
  color: #000;
}

.video-management .accordionVM .accordion-content a:hover {
  background: #ccc;
}

.video-management .accordionVM .accordion-content a.active {
  position: relative;
  background: #cc0000;
  color: #fff;
}

.video-management .accordionVM .accordion-content a.smlTri span {
  position: absolute;
  top: 0;
  left: 150px;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-left: 8px solid #cc0000;
  border-bottom: 18px solid transparent;
}

.video-management .accordionVM .accordion-content a.lrgTri span {
  position: absolute;
  top: 0;
  left: 150px;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 8px solid #cc0000;
  border-bottom: 25px solid transparent;
}

.video-management .contentVM {
  width: 460px;
}

#videoDiv {
  width: 640px;
  height: 379px;
}

.video-management .landing .content1 {
  width: 460px;
  position: relative;
  z-index: 1;
}

.video-management .landing .content1 div.large {
  margin: 4px 0 0px 13px;
  width: 336px;
  min-height: 170px;
}

.video-management .landing .content1 h2 {
  width: 334px;
  background: none repeat scroll 0 0 #cc0000;
  display: inline;
  padding: 9px 0;
  line-height: 35px;
  box-shadow: 0.6em 0 0 #cc0000, -0.5em 0 0 #cc0000;
}

.video-management .landing .content2 {
  width: 419px;
  padding: 0 0 0 20px;
}

.video-management .landing .content2 ul li {
  font-weight: 700;
  padding: 0 0 10px 15px;
  background: url(../img/icon/vm-red-bullet.png) 0 4px no-repeat;
}

.video-management .landing .content2 .getstartedVM {
  padding: 0 0 0 52px;
  background: url(../img/icon/vm-getstarted-icon.png) 0 0 no-repeat;
}

.video-management .preview {
  display: none;
}

.video-management .preview .content {
  position: relative;
  padding: 0 0 3px 0;
  width: 460px;
}

.video-management .preview .content .preview-img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.video-management .preview .videoContent {
  display: none;
}

.video-management .preview p.videoContent {
  width: 430px;
}

.video-management .preview .video-info {
  position: relative;
  z-index: 2;
  padding: 15px 15px 5px 15px;
  width: 430px;
  margin: 170px 0 51px 0;
  background: url(../img/icon/vm-video-info-bg.png) 0 0 repeat-x;
}

.video-management .preview .video-info p,
.video-management .preview .video-info h3 {
  color: #fff;
}

.video-management .preview .video-info .eps-vm {
  margin-right: 15px;
}

.video-management  a.play-btn:focus,
.video-management  a.play-btn:active {
  outline: 1px dotted #fff;
}

.video-management .preview .pdf {
  margin: 15px 15px 2px 15px;
}

.video-management .preview .pdf img.left {
  margin: 0 6px 12px 0;
}

.video-management .starRating .text1,
.video-management .starRating .text2 {
  padding: 2px 7px 7px 13px;
}

.video-management .vm-overlay .starRating .text1,
.video-management .vm-overlay .starRating .text2 {
  padding: 2px 7px 7px 0;
}

.video-management .starRating {
  width: 410px;
}

.video-management .vm-overlay h2 {
  margin-bottom: 18px;
}

.video-management .vm-overlay h2.relContent {
  margin-left: 9px;
}

.video-management .related-videos-pane .container {
  margin: 0 0 0 0;
  padding: 18px;
  width: 604px;
  background-color: #ebebeb;
}

.video-management .related-videos-pane h2 {
  font-size: 200%;
}

.video-management .related-videos-pane h2 span {
  color: #cc0000;
}

.video-management .related-content-vm {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.video-management .related-content-vm.jspScrollable {
  height: 210px;
}

.video-management .related-content-vm .jspVerticalBar {
  right: 0;
}

.video-management .related-content-vm li {
  padding: 10px 10px 0 10px;
  width: 540px;
}

.video-management .related-content-vm li:hover {
  background: #fff;
}

.video-management .related-content-vm li img {
  margin-right: 10px;
}

.video-management .related-content-vm li h3 {
  width: 440px;
  color: #cc0000;
  font-size: 160%;
}

.video-management .related-content-vm li span {
  width: 440px;
  color: #cc0000;
  font-size: 160%;
}

.video-management .vm-overlay .primary {
  margin-top: 14px;
}

.video-management .vm-overlay .replay {
  background-image: url(../img/icon/vm-replay.png) 0 0 no-repeat !important;
}

/* VM JSCROLL PANE */

.video-management .scroll-pane {
  width: 100%;
  height: 200px;
  overflow: auto;
}

.video-management .scroll-pane p {
  margin: 5px 0;
}

.video-management .jspContainer {
  overflow: hidden;
  position: relative;
}

.video-management .jspPane {
  position: absolute;
}

.video-management .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

.video-management .jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.video-management .jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.video-management .jspCap {
  display: none;
}

.video-management .jspHorizontalBar .jspCap {
  float: left;
}

.video-management .jspTrack {
  background: #dde;
  position: relative;
}

.video-management .jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.video-management .jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.video-management .jspArrowUp {
  cursor: pointer;
  background: url(../img/comp/dyncols/scroll-button.jpg) no-repeat 0 0;
  height: 28px;
}

.video-management .jspArrowDown {
  cursor: pointer;
  background: url(../img/comp/dyncols/scroll-button2.jpg) no-repeat 0 0;
  height: 28px;
}

.video-management .jspVerticalBar .jspArrow:focus {
  outline: none;
}

.video-management .jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

* html .jspCorner {
  margin: 0 -3px 0 0;
}

.video-management .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 6px;
  width: 20px;
  height: 100%;
}

.video-management .jspTrack {
  width: 20px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.video-management .jspDrag {
  position: relative;
  top: 4px;
  left: 6px;
  cursor: pointer;
  width: 8px;
  background: #333 url(../img/comp/dyncols/vm-scroll-drag-t.jpg) no-repeat 0 0;
  z-index: 2;
}

.video-management .jspDragBottom {
  position: absolute;
  bottom: -1px;
  width: 8px;
  height: 5px;
  background: url(../img/comp/dyncols/vm-scroll-drag-b.jpg) no-repeat 0 0;
}

.video-management .jspCapBottom {
  position: relative;
  bottom: 0;
  width: 20px;
  height: 10px;
  background: #ebebeb url(../img/comp/dyncols/vm-scroll-y-b.jpg) no-repeat 0 100%;
  z-index: 1;
}

.video-management .jspCapTop {
  position: relative;
  top: 0;
  width: 20px;
  height: 10px;
  background: #ebebeb url(../img/comp/dyncols/vm-scroll-y-t.jpg) no-repeat 0 100%;
  z-index: 1;
}

.vm-overlay.ui-widget-content,
.video-management.ui-widget-content {
  border: 0;
}

.ui-dialog .vm-overlay.ui-dialog-content {
  padding: 13px 18px 18px;
}

.video-management .videos-markers-pane {
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -18px;
  background-color: #333;
  padding: 18px;
  width: 100%;
  color: #f8f3ef;
}

.video-management .video-chapters-vm .vm-markers {
  position: relative;
}

.video-management .video-chapters-vm .vm-markers > a.vm-carousel-nav {
  display: none;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 50px;
  height: 60px;
}
.video-management .video-chapters-vm .vm-markers > a.vm-carousel-nav.next {
  background: #bbb url(../img/comp/ticker/next-black.png) no-repeat 20px 20px;
  right: -18px;
  top: 8px;
  border-radius: 3px 0 0 3px;
}

.video-management .video-chapters-vm .vm-markers > a.vm-carousel-nav.next:hover {
  background: #fff url(../img/comp/ticker/next-red.png) no-repeat 20px 20px;
}

.video-management .video-chapters-vm .vm-markers > a.vm-carousel-nav.previous {
  background: #bbb url(../img/comp/ticker/prev-black.png) no-repeat 17px 20px;
  left: -18px;
  top: 8px;
  border-radius: 0 3px 3px 0;
}

.video-management .video-chapters-vm .vm-markers > a.vm-carousel-nav.previous:hover {
  background: #fff url(../img/comp/ticker/prev-red.png) no-repeat 17px 20px;
}

.video-management .vm-markers > .item-list {
  overflow: hidden;
}
.video-management .vm-markers > .item-list ul {
  overflow: hidden;
  float: left;
  height: 90px;
  width: 1226px;
}

.video-management .vm-markers > .item-list > ul > li {
  display: inline;
  float: left;
  padding: 8px 4px 10px 4px;
  width: 90px;
  margin: 0;
}
.video-management .video-chapters-vm.paged .vm-markers > .item-list > ul > li {
  margin-left: 20px;
}

.video-management .video-chapters-vm .vm-markers > .item-list > ul > li.first {
  margin-left: 0;
}

.video-management .vm-markers > .item-list > ul > li:hover {
  background-color: gray;
}

.video-management .vm-markers > .item-list > ul > li .contextual {
  position: absolute;
}

.chapter-carousel-paging {
  width: 1000px;
  margin-left: 570px;
  padding-top: 5px;
  display: none;
}

.chapter-carousel-paging-first-box {
  float: left;
  background-color: #ccc;
  width: 32px;
  height: 6px;
}

.chapter-carousel-paging-second-box {
  background-color: #ccc;
  width: 32px;
  height: 6px;
  margin-left: 36px;
}

.chapter-carousel-paging-first-box.active,
.chapter-carousel-paging-second-box.active {
  background-color: #fff;
}

.video-chapters-header-wrapper div.padding18b {
  float: left;
}

a.vm-chapter-link {
  color: #f8f3ef;
}
/* Site map module page */

#site-map .site-map-box .content > ul > li.expanded > a,
#site-map .site-map-box .content > ul > li.expanded > span {
  font: 400 1.6em ChevinProMedium, Arial, Helvetica, sans-serif;
  line-height: 3.0;
}

#site-map .site-map-box .content > ul > li.expanded > ul > li.expanded > a,
#site-map .site-map-box .content > ul > li.expanded > ul > li.expanded > span {
  font: 400 1.2em ChevinProMedium, Arial, Helvetica, sans-serif;
  line-height: 2.0;
}

#site-map .site-map-box .content > ul,
#site-map .site-map-box .content > ul > li.expanded > ul {
  padding-left: 0;
}

#site-map .site-map-box .content > ul li a,
#site-map .site-map-box .content > ul li span {
  line-height: 1.5;
}


#site-map .site-map-box .content > ul > li {
  border-top: 1px dotted #ccc;
  padding: 10px 0;
}

#site-map .site-map-box .content > ul > li > ul > li {
  border-top: 1px dotted #ddd;
  padding: 5px 0;
}

#site-map .site-map-box .content ul li.collapsed {
  list-style: none;
}

/* FIXES */
.ie7 .rightsidebar {
  z-index: -1;
}

.ie7 .video-management .vm-overlay {
  z-index: 9999;
}

.ie7 .video-management .landing .content1 div.large,
.ie8 .video-management .landing .content1 div.large {
  width: auto;
  margin: auto;
}

.ie7 .video-management .landing .content1 h2,
.ie8 .video-management .landing .content1 h2 {
  width: 334px;
  background: none repeat scroll 0 0 #cc0000;
  padding: 10px;
  margin: 0 0 87px 0;
  line-height: auto;
  display: block;
}

#overview-image {
  position: absolute;
}

/* Right-rail contextual tips */
.rightsidebar .tips-contextual ul,
.l-secondary .tips-contextual ul {
  border: none;
  margin-bottom: 0;
}

.rightsidebar .tips-contextual ul li,
.l-secondary .tips-contextual ul li {
  border: 1px dotted #d0d0d0;
  border-style: none none dotted;
  list-style-type: none;
  margin: 0;
}

.node-faq_collection.tips-contextual,
.kb-restricted-widget.tips-contextual {
  border-top: solid 6px #666;
  position: relative;
}

.node-faq_collection.tips-contextual h2,
.kb-restricted-widget.tips-contextual h2 {
  font-size: 195%;
  padding: 0;
}

.node-faq_collection.tips-contextual h3,
.kb-restricted-widget.tips-contextual h3 {
  margin: 0;
}

.node-faq_collection.tips-contextual ul li,
.kb-restricted-widget.tips-contextual ul li {
  padding: 17px 0;
}

.node-faq_collection.tips-contextual .black-arrow-right,
.kb-restricted-widget.tips-contextual .black-arrow-right {
  text-align: right;
  display: block;
  font-weight: 400;
}

.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible {
  background: transparent url(../img/icon/open-close-sprite.png) 0 -26px no-repeat;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 15px;
  right: 20px;
}

.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible:hover,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible:hover,
.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible:focus,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible:focus {
  background-position: -26px -26px;
}

.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible.closed,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible.closed {
  background-position: 0 0;
}

.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible.closed:hover,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible.closed:hover,
.node-faq_collection.tips-contextual.collapsible a.contextual-collapsible.closed:focus,
.kb-restricted-widget.tips-contextual.collapsible a.contextual-collapsible.closed:focus {
  background-position: -26px 0;
}

.node-faq_collection.tips-contextual.collapsible ul li,
.kb-restricted-widget.tips-contextual.collapsible ul li,
.node-faq_collection.tips-contextual.node-component ul li,
.kb-restricted-widget.tips-contextual.node-component ul li,
.rightsidebar .node-faq_collection.tips-contextual ul li.last,
.l-secondary .node-faq_collection.tips-contextual ul li.last,
.kb-restricted-widget.tips-contextual ul li.last {
  padding: 12px 0;
}

.node-faq_collection.tips-contextual.node-component a:hover,
.kb-restricted-widget.tips-contextual.node-component a:hover,
.node-faq_collection.tips-contextual.node-component a:focus,
.kb-restricted-widget.tips-contextual.node-component a:focus {
  color: #822;
  text-decoration: none;
}

.node-faq_collection.tips-contextual.collapsible .item-list:first-child ul li a,
.kb-restricted-widget.tips-contextual.collapsible .item-list:first-child ul li a,
.node-faq_collection.tips-contextual.node-component .item-list ul li a,
.kb-restricted-widget.tips-contextual.node-component .item-list ul li a {
  text-decoration: none;
}

.node-faq_collection.tips-contextual.node-component a,
.kb-restricted-widget.tips-contextual.node-component a,
.node-faq_collection.tips-contextual .item-list ul li a:hover,
.kb-restricted-widget.tips-contextual .item-list ul li a:hover,
.node-faq_collection.tips-contextual .item-list ul li a:focus,
.kb-restricted-widget.tips-contextual .item-list ul li a:focus,
.node-faq_collection.tips-contextual.collapsible .item-list:first-child ul li a:hover,
.kb-restricted-widget.tips-contextual.collapsible .item-list:first-child ul li a:hover,
.node-faq_collection.tips-contextual.collapsible .item-list:first-child ul li a:focus,
.kb-restricted-widget.tips-contextual.collapsible .item-list:first-child ul li a:focus {
  color: #c00;
  text-decoration: underline;
}

.rightsidebar .node-faq_collection.tips-contextual.node-component ul li:last-child,
.l-secondary .node-faq_collection.tips-contextual.node-component ul li:last-child,
.kb-restricted-widget.tips-contextual.node-component ul li:last-child {
  border-bottom: 0;
}

.node-faq_collection.tips-contextual.collapsible.closed .content,
.kb-restricted-widget.tips-contextual.collapsible.closed .content {
  padding-bottom: 7px;
}

.node.collapsible {
  position: relative;
}

.node-faq_collection.tips-contextual a.help-article,
.kb-restricted-widget.tips-contextual a.help-article {
  font-weight: 700;
}

.node.collapsible.collapsible-processed h2.header {
  max-width: 234px;
}

/* Open/close controls */
a.open-control:after {
  content: ' ';
  background: transparent url(../img/icon/controls.png) 0 -52px no-repeat;
  display: inline-block;
  height: 26px;
  width: 26px;
  position: relative;
  top: 10px;
  right: -2px;
}

a.open-control:hover:after,
a.open-control:focus:after {
  background-position: -26px -52px;
}

/* App header - page element */
.app-header {
  padding: 10px 10px 12px;
  margin-bottom: 20px;
}

.app-header h2 {
  margin-top: -4px;
  font-size: 195%;
  line-height: 1.2em;
}

.app-header .content {
  width: 390px;
}

.app-header .image {
  width: 190px;
}

/* Print friendly confirmation page */
.print-confirmation * {
  margin: 0;
  padding: 0;
}

.print-confirmation p {
  padding: 0 0 22px;
  font-size: 110%;
}

.print-confirmation .heading {
  clear: both;
}

.print-confirmation .heading h3 {
  margin: 6px 0 0;
  padding: 13px 0 11px;
  text-align: left;
  border-bottom: 1px solid #fff;
  font: 700 135% Arial, Helvetica, sans-serif;
}

.print-confirmation .heading h3 span.details-heading {
  display: block;
  float: left;
  width: 40%;
}

.print-confirmation dl {
  float: left;
  width: 100%;
  padding: 0 0 16px;
  font-size: 110%;
}

.print-confirmation dl dt,
.print-confirmation dl dd {
  float: left;
  padding: 10px 0 0;
  border-top: solid 1px #ccc;
  min-height: 32px;
}

.print-confirmation dl dt {
  width: 40%;
  font-weight: 700;
}

.print-confirmation dl dd {
  width: 60%;
}

.print-confirmation  dl dd:after {
  height: 1px;
  width: 100%;
  content: " ";
  display: block;
  clear: both;
}

.print-confirmation .customer-services-content p {
  padding: 10px 0 22px;
}

.container_4 .printbutton {
  float: left;
  width: 645px;
  height: 40px;
  margin: 0 0 0 20px;
}

.printbutton.container_4 .grid_4 a.print-icon {
  position: relative;
  bottom: 6px;
}

.printbutton.container_4 .grid_4 a.primary.btn_forward.right {
  position: relative;
  bottom: 10px;
}