/*
    Document   : layout
    Created on : 20-Nov-2012, 13:33:04
    Author     : matthew.gorton1
    Description:
        General layout styles.
*/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/euf/core/3.3/thirdParty/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Layout tweaks */
/*Begin CSS overide for 3.6 for standard/output/FileListDisplay
.rn_FileListDisplay .rn_DataLabel {
  display: block;
  font-weight: bold;
}

.rn_FileListDisplay .rn_DataValue {
  margin: 0;
}

.rn_FileListDisplay .rn_DataValue ul {
  margin: 0;
}

.rn_FileListDisplay .rn_DataValue li {
  padding: 30px 0;
}

.rn_FileListDisplay .rn_FileSize {
  color: #555;
  font-style: italic;
  padding-left: 4px;
}

.rn_FileListDisplay .rn_FileTypeImageThumbnail {
  border: 2px solid #fff;
  height: 64px;
  margin-right: 6px;
  vertical-align: middle;
  width: 64px;
}
*/
/*End CSS for standard/output/FileListDisplay */
.rn_RelatedAnswers {
  padding: 0px;
}

.RelatedAndRecent {
  display: flex;
  justify-content: space-between;
  padding: 0px;
}

.feedback {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid #BBBBBB;
  margin: 8px 0px;
}

.feedback .contribution h2 {
  margin: 10px 0px;
}

/* Social Footer */
.footer__social_links li a {
  margin-top: 10px;
  padding: 0px 10px 20px 10px;
  width: 10px;
  display: block;
  height: 18px
}

.footer__social_links li a:hover {
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-position: auto -18px
}

.footer__social_links--linkedin a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: 0px -152px
}

.footer__social_links--linkedin a:hover {
  background-position: 0px -18px
}

.footer__social_links--twitter a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -39px -152px
}

.footer__social_links--twitter a:hover {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -39px -18px
}

.footer__social_links--facebook a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -78px -152px
}

.footer__social_links--facebook a:hover {
  background-position: -78px -18px
}

.footer__social_links--gplus a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -117px -152px
}

.footer__social_links--gplus a:hover {
  background-position: -117px -18px
}

.footer__social_links--youtube a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -157px -152px
}

.footer__social_links--youtube a:hover {
  background-position: -157px -18px
}

.footer__social_links--blog a {
  background-image: url(https://www.fasthosts.co.uk/sites/all/themes/fh_omega_sub_01/css/img_v3/sprites/sprite_footer_graphics.png);
  background-position: -195px -152px
}

.footer__social_links--blog a:hover {
  background-position: -195px -18px
}

/* Breading */
.rn_answers {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.articlebreading {
  display: flex;
  align-self: left;
}

.articlebreading a:before {
  display: none;
}

.articlebreading a, .articlebreadingprodcurrent p {
  font-size: 16px;
}

.articlebreading li:before, .articlebreadingprodcurrent p:before {
  font-family: 'FontAwesome';
  margin: 10px;
  content: "\f105";
  font-size: 16px;
  line-height: 24px;
}

.articlebreadinghome, .articlebreadingprod, .articlebreadingprodcurrent {
  align-self: center;
  display: flex;
}

.articlebreadingcat ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.articlebreadingcat li {
  list-style: none;
  padding: 10px;
  margin: 1px;
  background: #0099ff;
}

.articlebreadingcat a {
  color: white;
}

.articlebreadingcat .BreadcrumbCurrent {
  background: aliceblue;
  border: 1px;
  border-style: solid;
  border-color: #09f;
}

.BreadcrumbCurrent a {
  color: black;
}

/* 3.5 */
.rn_Suggestion {
  display: none;
}

.rn_Multiline h3 {
  font-weight: normal;
}

.rn_Multiline .rn_Element1 {
  display: inline-table;
}

.rn_Multiline .rn_Element1 h3 {
  margin: 0px;
}

/*Banners - Removed from community.css as this is needed on both Support and Community */
.rn_Alert {
  overflow: hidden;
  padding: 1em;
}

.rn_Alert a.rn_CloseLink {
  float: right;
  font-weight: bold;
  text-decoration: none;
}

.rn_Alert .rn_AlertMessage {
  cursor: default;
}

.rn_AlertBox {
  border-radius: 3px;
  font-size: 1.1em;
  margin: 0.8em 0;
}

.rn_AlertBox.rn_SuccessAlert {
  background: #E1F5E3;
  border: 1px solid #A6E0A6;
  color: #013A01;
}

.rn_AlertBox.rn_SuccessAlert a {
  color: #013A01;
}

.rn_AlertBox a.rn_CloseLink {
  color: #666;
}

.rn_InfoAlert {
  background: #d9EDF7;
  border: 1px solid #C6CBE9;
  color: #161664;
}

.rn_ErrorAlert {
  background: #F2DEDE;
  border: 1px solid #E99999;
  color: #690505;
}

.rn_BannerAlert {
  color: #FFF;
  font-size: 1.3em;
  padding: 1em 10%;
  text-align: center;
  z-index: 100;
}

.rn_BannerAlert.rn_SuccessAlert {
  background: rgba(87, 162, 87, 0.94);
}

.rn_BannerAlert.rn_InfoAlert {
  background: rgba(114, 114, 236, 0.94);
}

.rn_BannerAlert.rn_ErrorAlert {
  background: rgba(255, 0, 0, 0.94);
}

.rn_BannerAlert.rn_WarningAlert {
  background: rgba(255, 255, 64, 0.94);
  color: #000;
}

.rn_BannerAlert a {
  color: #FFF;
}

/* TLS Warning Banner */
#banner_box_top {
  position: fixed;
  z-index: 9999;
  width: 100%;
  /* background: rgba(47,70,107,0.8); */
  background: rgb(217, 52, 52);
  left: 0;
}

#banner_box_top #banner_close_top {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  text-align: right;
  background: rgb(217, 52, 52);
  padding: 0.25rem;
}

#banner_close_top {
  float: right;
  bottom: 1px;
}

#banner_text_top {
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 1rem;
}

#banner_text_top a {
  color: white;
  text-decoration: underline;
  padding: 1rem, 1rem, 1rem, 0rem;
}

/* Survey Banner */
#banner_box {
  position: fixed;
  z-index: 999;
  width: 100%;
  background: rgba(47, 70, 107, 0.8);
  bottom: 0;
  left: 0;
}

#banner_close {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  text-align: right;
  background: rgba(47, 70, 107, 0.8);
  padding: 0.25rem;
}

#banner_text, #banner_text a {
  color: white;
  font-size: 16px;
  padding: 1rem;
  line-height: 2rem;
}

#banner_text a {
  background-color: #c00;
  padding: 0.5rem;
  white-space: nowrap;
}

/* Simple */
div#page div.wrapper div.simple {
  text-align: justify;
  padding: 20px 1%;
}

/* General */
div#header,
div#page,
div#nav div.wrapper,
div#footer div.wrapper {
  clear: both;
  max-width: 980px;
  margin: 0px auto;
}

div#header div.wrapper,
div#page div.wrapper {
  float: left;
  width: 98%;
  padding: 20px 1%;
}

div#header div.wrapper {
  position: relative;
  padding: 12px 1% 0px 1%;
}

/* Header */
div#header a.logo {
  position: relative;
  float: left;
  background: url("https://help.fasthosts.co.uk/euf/assets/images_fasthosts/fh-white.png") no-repeat;
  background-size: 180px 32px;
  width: 180px;
  height: 32px;
  text-indent: -9999px;
  overflow: hidden;
  top: 6px;
}

/* User login status */
div#header div.user {
  position: relative;
  float: left;
  top: 22px;
  text-align: right;
  color: #FFF;
  padding-top: 4px;
  line-height: 18px;
}

div#header div.user p {
  margin: 0px;
}

div#header div.user p span.resize {
  display: block;
}

div#header div.user p a {
  display: none;
  color: #FFF;
}

div#header div.user p a:hover {
  text-decoration: underline;
}

/* Responsive navigational menu button */
div#header div.selectmenu {
  display: none;
  position: absolute;
  right: 1%;
  width: 32px;
  height: 42px;
}

div#header div.selectmenu a {
  float: left;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/euf/assets/images_fasthosts/responsive/responsive-menu-button-2015.png") no-repeat left top;
}

div#header div.selectmenu.expanded {
  /*background-color: #0d2b3f;
	*/
  background-color: transparent;
}

div#header div.selectmenu.expanded a {
  background-position: left bottom;
}

/* Navigation toolbar */
div#nav {
  float: left;
  width: 100%;
  height: 32px;
  padding: 0px;
  margin: 0px;
  /* #0d2b3f */
  /*background: url("/euf/assets/images_fasthosts/nav_bg_new.png") repeat-x scroll 0 0 #FFFFFF;*/
  background: #2F466B;
}

div#nav div.wrapper ul,
div#nav div.wrapper ul li {
  margin: 0px;
  padding: 0px;
}

div#nav div.wrapper ul {
  float: left;
  width: 98%;
  padding: 0px 1%;
  list-style: none;
}

div#nav div.wrapper ul li {
  float: left;
  position: relative;
  z-index: 2000;
}

div#nav div.wrapper ul li a {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  /*border-left: solid 1px #3d5565;
	border-right: solid 1px #0a202f;
	border-left: solid 0px #cccccc;
	*/
  border-right: solid 1px #fff;
}

div#nav div.wrapper ul li.first a {
  border-left: none;
}

div#nav div.wrapper ul li.last a {
  border-right: none;
}

/* Selected item */
div#nav div.wrapper ul li.selected {
  /* #071925 */
  /*background: #144A91 url("/euf/assets/images_fasthosts/responsive/nav.png") repeat-x 0px -35px;
	*/
  /*background: linear-gradient(to bottom, #8F9AB0 0%, #313B54 100%) repeat scroll 0 0 transparent;*/
}

div#nav div.wrapper ul li.selected a {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

/* Item hover */
div#nav div.wrapper ul li:hover {
  background: #405D8C;
}

div#nav div.wrapper ul li:hover a {
  /*border-color: #144A91;
	*/
  color: #FFFFFF;
}

div#nav div.wrapper ul li.selected:hover a {
  color: #FFFFFF;
}

/* Home */
div#nav div.wrapper ul li.home {
  border-left: none;
}

/* Control Panel & login/out navigation tabs*/
ul#navtabs, ul#navtabs li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  clear: left;
  font-size: 13px;
  line-height: 140%;
}

ul#navtabs li a {
  background: #09F none repeat scroll 0 0;
  border-radius: 5px 5px 0 0;
  margin-right: 10px;
  padding: 6px 14px;
  text-decoration: none;
  color: #FFF;
  float: left;
}

ul#navtabs li a:hover {
  background-color: #147fc8;
}

/*div#nav div.wrapper ul li.home span {
	float: left;
	width: 10px;
	background: url("/euf/assets/images_fasthosts/responsive/nav.png") no-repeat center -112px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
*/
/* Status page span */
div#nav div.wrapper ul li span.status {
  background: url("/euf/assets/images_fasthosts/responsive/nav.png") no-repeat 0px -96px;
  position: absolute;
  top: -6px;
  right: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}

/* Popup Submenu */
div#nav div.wrapper ul li ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 0px;
  background: #858585;
  /*#3a3a3a;
	*/
  white-space: nowrap;
  top: 100%;
  left: 0px;
  width: auto;
  height: auto;
  z-index: 1500;
  transition: opacity .5s, visibility .5s;
  -moz-transition: opacity .5s, visibility .5s;
  -webkit-transition: opacity .5s, visibility .5s;
  -o-transition: opacity .5s, visibility .5s;
}

div#nav div.wrapper ul li:hover ul {
  opacity: 1;
  visibility: visible;
}

div#nav div.wrapper ul li ul li,
div#nav div.wrapper ul li:hover ul li {
  background: #405D8C;
  float: none;
}

div#nav div.wrapper ul li ul li {
  /* Required to fix IE7 bug with an extra gap between menu items */
  font-size: 0px;
  line-height: 0px;
}

div#nav div.wrapper ul li ul li a,
div#nav div.wrapper ul li:hover ul li a,
div#nav div.wrapper ul li ul li h5 {
  float: none;
  display: block;
  color: #ffffff;
  margin: 0px;
  border: none;
  /*border-top: solid 1px #4c4c4c;
	border-bottom: solid 1px #252525;
	*/
  border-top: solid 1px #bbbbbb;
  border-bottom: solid 1px #666666;
  padding: 10px 20px;
  /* Need to set height and width to auto - there is an IE7 bug where if height of the link is
	   set, it doesn't stretch all the way to the right of the parent LI element, despite display
	   being set to block. */
  line-height: normal;
  width: auto;
  height: auto;
}

div#nav div.wrapper ul li ul li.first h5,
div#nav div.wrapper ul li ul li.first a {
  border-top: none;
}

div#nav div.wrapper ul li ul li.last h5,
div#nav div.wrapper ul li ul li.last a {
  border-bottom: none;
}

div#nav div.wrapper ul li ul li h5 {
  background: #2a2a2a;
  color: #999999;
  text-transform: uppercase;
  font-size: 10px;
}

div#nav div.wrapper ul li ul li a {
  /* Having position relative here on the link seems to fix IE7 bug where link, despite display
	   being set to block, will only trigger hover/click when pointer is over the text */
  position: relative;
  font-size: 10px;
}

div#nav div.wrapper ul li:hover ul li a:hover {
  background: #2f466b;
  border-color: #203A8F;
}

/* Search bar */
div#search {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

div#search div#article_search,
div#search div#product_search {
  float: left;
  background: #FFF;
  padding: 1%;
}

div#search div#article_search {
  width: 64%;
}

div#search div#product_search {
  float: right;
  width: 30%;
}

/* Advanced search options */
div#search a.advancedsearchtoggle {
  position: absolute;
  right: 0px;
  bottom: -30px;
  padding: 0px;
  font-size: 9px;
}

div#search div.mainSearchBoxAdvancedNew {
  float: left;
  width: 74%;
  padding: 1% 2% 1% 24%;
}

div#search div.mainSearchBoxAdvancedNew .rn_ProductCategorySearchFilter {
  padding-top: 5px;
}

div#search .rn_ProductCategorySearchFilter .rn_Label {
  font-weight: normal !important;
  line-height: 30px;
}

.rn_ProductCategorySearchFilter .rn_Panel {
  z-index: 99999;
}

div#search .yui-panel-container {
  position: absolute;
  box-shadow: 0px 0px 2px #505050;
}

/* Article search */
div#search div#article_search form {
  position: relative;
  float: left;
  width: 100%;
  background: transparent none;
  margin: 0px;
  padding: 0px;
}

div#search div#article_search label {
  float: left;
  width: 22%;
  /*height: 40px;
	line-height: 40px;
	*/
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
}

/*button=input*/
div#search div#article_search input[type="text"] {
  float: right;
  width: 74%;
  /*height: 38px;
	line-height: 38px;
	*/
  height: 28px;
  line-height: 28px;
  padding: 0px 1%;
  margin: 0px;
  border: solid 1px #999999;
  font-size: 11px;
}

/*button=input*/
div#search div#article_search button[type="text"]:hover {
  /*border-color: #11a4e2;
	*/
  border-color: #144A91;
}

/*button=input*/
div#search div#article_search button[type="text"]:focus {
  border-color: #505050;
}

/*button=input*/
div#search div#article_search button[type="submit"] {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px;
  width: 40px;
  margin: 0px;
  background: transparent url("/euf/assets/images_fasthosts/responsive/search-button.png") no-repeat center -5px;
  cursor: pointer;
  border: 0px;
  text-indent: -9999px;
  overflow: hidden;
  /* Text-indent doesn't work in IE7 unless you capitalise the text! */
  text-transform: capitalize;
  border-radius: 0px;
}

/*div#search div#article_search button[type="text"]:hover + button[type="submit"] {
	/*background-color: #11a4e2;
	*/
/*background-color: #144A91;
	background-position: center -45px;
}
div#search div#article_search button[type="text"]:focus + button[type="submit"] {
	background-color: #505050;
	background-position: center -85px;
}
*/
/*button=input*/
div#search div#article_search button[type="submit"]:hover

/*,
div#search div#article_search button[type="text"]:focus + button[type="submit"]:hover*/
  {
  /*background-color: #11a4e2;
		*/
  background-color: #144A91;
  background-position: center -45px;
}

/*button=input*/
div#search div#article_search button[type="submit"]:active {
  background-color: #505050;
  background-position: center -85px;
}

/* Footer */
div#footer {
  float: left;
  width: 100%;
  /* background: #fff url("/euf/assets/images_fasthosts/titlebar_bg_new2015.png") repeat-x top left;
	   removed above rule for background, added below for a more flexible footer bg -: AB 24-05-18 */
  background: #272c3a;
  background: -moz-linear-gradient(top, #272c3a 0%, #495a8a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272c3a), color-stop(100%, #495a8a));
  background: -webkit-linear-gradient(top, #272c3a 0%, #495a8a 100%);
  background: -o-linear-gradient(top, #272c3a 0%, #495a8a 100%);
  background: -ms-linear-gradient(top, #272c3a 0%, #495a8a 100%);
  background: linear-gradient(to bottom, #272c3a 0%, #495a8a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272c3a', endColorstr='#495a8a', GradientType=0);
  color: #aaaaaa;
  font-size: 11px;
}

div#footer a {
  /*color: #aaaaaa;
	*/
  color: #ffffff;
}

div#footer ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

div#footer ul li {
  float: left;
  height: 38px;
  line-height: 38px;
  padding: 0px 1%;
}

div#footer ul.social {
  float: right;
  padding-right: 1%;
}

div#footer ul.social li {
  padding: 0px 0px 0px 5px;
}

div#footer ul.social li a {
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../media/social-media-icons.png") no-repeat 0px 0px;
}

div#footer ul.social li.facebook a {
  background-position: 0px -24px;
}

div#footer ul.social li.linkedin a {
  background-position: 0px -48px;
}

div#footer ul.social li.blog a {
  background-position: 0px -72px;
}

div#footer ul.social li.googleplus a {
  background-position: 0px -96px;
}

div#footer div.copyright {
  float: left;
  width: 98%;
  /*padding: 20px 1%;
	*/
  padding: 15px 1%;
}

/* Tab boxes */
div.boxes {
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 1% 0px;
}

div.box {
  position: relative;
  float: left;
  background: #dddddd;
  width: 30%;
  padding: 1%;
  margin: 0px 1%;
}

div.box.left {
  margin-left: 0%;
}

div.box.right {
  margin-right: 0%;
}

div.boxes div.box:after {
  position: absolute;
  background: inherit;
  bottom: -9999px;
  content: "";
  left: 0px;
  top: 0px;
  right: -1px;
  z-index: -1;
}

/* Icon and Title */
div.box img.icon {
  float: left;
  width: 18%;
  max-width: 48px;
  max-height: 48px;
}

div.box h3 {
  float: left;
  width: 78%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin: 0px;
  padding-left: 4%;
}

/* Article list */
div.box ol, div.box ul {
  padding: 0px;
  margin: 0px;
}

div.box ol li, div.box ul li {
  padding: 10px 10% 10px 2%;
  list-style: none;
  border-bottom: solid 1px #cccccc;
  background: url("../media/ol-numbers.png") no-repeat 98% -790px;
}

div.box li.one,
div.box li.two,
div.box li.three,
div.box li.four,
div.box li.five,
div.box li.six,
div.box li.seven,
div.box li.eight,
div.box li.nine,
div.box li.ten,
div.box li.pdf {
  padding: 10px 2% 10px 10%;
}

div.box li.one {
  background-position: 3% 10px;
}

div.box li.two {
  background-position: 3% -70px;
}

div.box li.three {
  background-position: 3% -150px;
}

div.box li.four {
  background-position: 3% -230px;
}

div.box li.five {
  background-position: 3% -310px;
}

div.box li.six {
  background-position: 3% -390px;
}

div.box li.seven {
  background-position: 3% -470px;
}

div.box li.eight {
  background-position: 3% -550px;
}

div.box li.nine {
  background-position: 3% -630px;
}

div.box li.ten {
  background-position: 3% -710px;
}

div.box li.pdf {
  background: url("../media/pdf.png") no-repeat 3% 10px;
}

/* Page content */
div.content {
  float: left;
  width: 66%;
}

/* Tabs */
div.box ul.tabs {
  float: left;
  margin: 10px 0% 0px 4%;
  padding: 0px;
  list-style: none;
}

div.box ul.tabs li {
  float: left;
  padding: 0px;
  border: 0px;
  background: transparent none;
}

div.box ul.tabs li.selected,
div.box div.content {
  background: #ffffff;
  box-shadow: 0px 0px 2px #505050;
}

div.box ul.tabs li a {
  float: left;
  padding: 0px 10px;
  height: 28px;
  line-height: 28px;
  position: relative;
  color: #505050;
  font-size: 12px;
  text-decoration: none;
}

div.box ul.tabs li a:hover {
  /*color: #11a4e2;
	*/
  color: #144A91;
}

div.box ul.tabs li.selected a {
  color: #000000;
  background: #ffffff;
}

div.box h3.notabs {
  height: 58px;
}

/* Adjustments for full width tabs */
div.box.one {
  margin-left: 0px;
  margin-right: 0px;
  width: 98%;
}

div.box.one ul.tabs {
  margin-left: 2%;
}

div.box.one ul.tabs li a {
  height: 68px;
  line-height: 68px;
  font-size: 20px;
  font-weight: bold;
}

div.box.one img.icon, div.box.one span.icon {
  width: auto;
  margin: 10px 10px 0px 0px;
  border: 0px;
}

div.box.one span.icon {
  float: left;
  background: url("../media/status-icons.png") no-repeat -500px -500px;
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 28px;
  text-align: center;
  color: #ffffff;
  ;
}

div.box.one span.icon.open {
  background-position: 0px 0px;
}

div.box.one span.icon.resolved {
  background-position: 0px -52px;
}

/* Box content */
div.box div.content {
  float: left;
  width: 100%;
  padding: 20px 0px;
}

div.box div.content div.column {
  float: left;
  width: 29%;
  padding: 0px 2%;
}

div.box div.content div.column h3 {
  float: none;
  width: auto;
  padding: 0px 0px 20px 0px;
}

/* Product icon slider */
div.slider {
  float: left;
  width: 98%;
  padding: 1%;
  /*background: #11a4e2;
	*/
  background: #144A91;
}

div.slider a.prev, div.slider a.next, div.slider div.panel {
  float: left;
  height: 125px;
}

div.slider a.prev, div.slider a.next {
  background: #0073bf;
  width: 4%;
  text-indent: -999px;
  overflow: hidden;
}

div.slider div.panel {
  background: #ffffff;
  width: 88%;
  padding: 0px 1%;
  margin: 0px 1%;
}

div.slider div.panel ul {
  float: left;
  margin: 1% 0px;
  padding: 0px;
  width: 100%;
  list-style: none;
}

div.slider div.panel ul li {
  float: left;
  width: 20%;
  padding: 0px;
  margin: 0px;
}

div.slider div.panel ul li a {
  display: block;
  text-align: center;
  padding: 10px 2% 0px 2%;
  height: 100px;
  line-height: normal;
}

div.slider div.panel ul li a:hover {
  background: #dddddd;
}

div.slider div.panel ul li a img {
  border: 0px;
}

div.slider div.panel ul li a,
div.slider div.panel ul li a span {
  display: block;
  font-size: 12px;
  color: #505050;
  text-decoration: none;
}

div.slider div.panel ul li a span {
  padding-top: 10px;
}

/* Sidebar */
div.sidebar {
  float: right;
  width: 30%;
  padding: 1%;
  background: #FFF;
  overflow: hidden;
}

div.sidebar div.teaserBox {
  clear: both;
  width: 93.4%;
  padding: 3%;
  margin: 0px 0px 10px 0px;
  background: #ffffff;
  border: solid 1px #999999;
}

div.sidebar div.teaserBox.annoncements {
  /* Easier to go with original spelling mistake than update the widget to correct it! */
  border-color: #144A91;
}

div.sidebar div.teaserBox h2,
div.sidebar div.teaserBox h3 {
  font-size: 16px;
  float: none;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
}

div.sidebar div.teaserBox h2 {
  border-bottom: solid 1px #dddddd;
}

div.sidebar div.teaserBox h3 {
  font-size: 17px;
  font-weight: normal;
}

div.sidebar div.teaserBox.annoncements h2 {
  color: #144A91;
}

div.sidebar div.teaserBox ul.list {
  margin-bottom: 10px;
}

div.sidebar div.teaserBox ul.list li {
  list-style: square outside;
  margin: 0px 0px 0px 16px;
  padding: 0px;
  line-height: 180%;
}

div.sidebar div.teaserBox ul.list li a {
  min-height: 0px;
  padding: 0px;
}

div.sidebar .twitterfeed {
  float: left;
  padding: 0px 2% 10px 0px;
}

/* Side box icons */
/*div.sidebar div.box ul li.difficulty {
	background-image: url("../media/icons/difficulty32.png");
}
div.sidebar div.box ul li.time {
	background-image: url("../media/icons/time32.png");
}
div.sidebar div.box ul li.prerequisites {
	background-image: url("../media/icons/prerequisites32.png");
}
div.sidebar div.box ul li.guide {
	background-image: url("../media/icons/guide32.png");
}
div.sidebar div.box ul li.video {
	background-image: url("../media/icons/video32.png");
}
div.sidebar div.box ul li.rss {
	background-image: url("../media/icons/rss32.png");
}
*/
/* Mini system status box */
#systemstatus-mini .systems-bug,
#systemstatus-mini .systems-planned,
#systemstatus-mini .systems-ok {
  padding: 0 0 0 25px;
  margin: 10px 12px 0px 0px;
  display: block;
  width: auto;
  clear: right;
}

#systemstatus-mini .systems-bug {
  background: url("/euf/assets/images_fasthosts/system-status-bug.png") no-repeat left center;
  color: #454545;
}

#systemstatus-mini .systems-planned {
  background: url("/euf/assets/images_fasthosts/systems-status-flat.png") no-repeat left center;
  color: #454545;
}

#systemstatus-mini .systems-ok {
  background: url("/euf/assets/images_fasthosts/systems-working-ok.png") no-repeat left center;
  color: #009900;
}

/* Article content */
div.content.article {
  position: relative;
}

div.content.article h1 {
  padding-right: 112px;
}

div.content.article h3 {
  color: #0073bf;
}

div.content.article h4 {
  margin: 0px 0px 30px 0px;
}

div.content.article img {
  max-width: 80%;
  border: solid 10px #dddddd;
  box-shadow: 0px 2px 2px #666666;
}

/* Sharing bar */
div.content.article ul.sharing,
div.content.article ul.sharing li,
div.content.article ul.sharing li a,
div.content.article ul.sharing li a img {
  margin: 0px;
  padding: 0px;
}

div.content.article ul.sharing {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 34px;
  width: 102px;
  background: #ffffff;
  list-style: none;
}

div.content.article ul.sharing li {
  float: left;
}

div.content.article ul.sharing li a img {
  border: 0px;
  width: 24px;
  height: 24px;
  padding: 5px;
  box-shadow: none;
}

/* Seperator */
.seperator {
  float: left;
  clear: both;
  width: 100%;
  border-top: solid 1px #dddddd;
  margin-top: 20px !important;
  padding-top: 20px !important;
}

/* Article rating */
div.rating span {
  float: left;
  font-size: 16px;
  line-height: 24px;
}

div.rating ul {
  float: left;
  padding: 0px 4%;
  margin: 0px;
  list-style: none;
}

div.rating ul li, div.rating ul li a {
  float: left;
  width: 24px;
  height: 24px;
}

div.rating ul li a {
  background: url("../media/rating-star.png") no-repeat 0px 0px;
}

div.rating ul li a:hover {
  background-position: 0px -24px;
}

div.rating ul li a span {
  visibility: hidden;
}

div.rating form {
  float: left;
  width: 96%;
  background: #dddddd;
  padding: 2%;
  margin-top: 20px;
}

div.rating form label,
div.rating form textarea {
  float: left;
  width: 98%;
  margin: 0px 0px 10px 0px;
}

div.rating form label {
  width: 100%;
}

div.rating form textarea {
  height: 100px;
}

div.rating form a {
  line-height: 30px;
}

/* Search filter */
div.filter {
  float: left;
  width: 100%;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  background: #dddddd;
}

div.filter a h3 {
  margin: 0px;
  padding: 1%;
  background: #cccccc;
  color: #505050;
}

div.filter a:hover {
  text-decoration: none;
}

div.filter a:hover h3 {
  /*color: #11a4e2;
	*/
  color: #144A91;
}

div.filter form {
  float: left;
  width: 100%;
  position: relative;
}

div.filter form div.product {
  float: left;
  width: 64%;
  padding: 1% 0px 1% 1%;
}

div.filter form div.product label,
div.filter form div.display label,
div.filter form div.dhr label {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 22%;
  margin: 5px 0px;
}

div.filter form div.product div.select,
div.filter form div.dhr .textbox {
  float: right;
  width: 76.5%;
  margin: 5px 0px;
}

div.filter form div.display {
  float: right;
  width: 30%;
  padding: 1% 1% 1% 0px;
}

div.filter form div.display span {
  float: left;
  line-height: 200%;
}

div.filter form div.display ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 5%;
}

div.filter form div.display ul li {}

div.filter form div.display ul li label {
  float: none;
  width: auto;
  height: auto;
  line-height: 200%;
}

div.filter form div.display ul li label span {
  float: none;
}

div.filter form div.buttons {
  float: right;
  width: auto;
  padding: 0px 0px 1% 0px;
}

div.filter form div.dhr {
  position: relative;
  float: left;
  width: 96%;
  padding: 2%;
}

div.filter form div.doctor {
  position: absolute;
  background: url("../media/doctor.png") no-repeat 0px 0px;
  bottom: 50%;
  right: 0px;
  width: 235px;
  height: 255px;
}

/* Search results list */
div.article_list {
  float: left;
  width: 100%;
}

div.article_list ul {
  list-style: none;
  padding: 10px 0px;
  margin: 0px;
}

div.article_list ul li {
  padding: 20px 0px;
  border-top: solid 1px #dddddd;
}

div.article_list ul li:first-child {
  border-top: 0px;
}

div.article_list ul li h3 {
  position: relative;
  font-weight: normal;
  font-size: 20px;
  margin: 0px;
}

div.article_list ul li span {
  display: block;
  margin: 5px 0px 10px 0px;
  font-style: italic;
  font-size: 12px;
}

div.article_list ul li h3 span {
  display: static;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px;
  font-size: 14px;
  text-transform: uppercase;
  color: #009900;
  font-style: normal;
}

div.article_list ul li p {
  margin: 0px;
}

/* More results button */
a.more_results {
  float: left;
  width: 98%;
  padding: 1%;
  margin: 10px 0px 0px 0px;
  background: #dddddd;
  text-align: center;
  color: #505050;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}

a.more_results:hover {
  background: #d6d6d6;
  box-shadow: 0px 1px 2px #666666;
}

a.more_results:active {
  box-shadow: 0px 5px 10px #333333 inset, 0px -1px 0px #999999 inset;
  background: #505050;
  color: #ffffff;
}

/* System status */
div.boxes div.box.one div.content div.status {
  float: left;
  background: #ddffdd;
  width: 92%;
  padding: 2%;
  margin: 2%;
}

div.boxes div.box.one div.content div.status.open {
  background: #ffdddd;
}

div.boxes div.box.one div.content div.status h3, div.boxes div.box.one div.content div.status h5 {
  float: none;
  color: #009900;
  padding: 0px;
  width: 100%;
}

div.boxes div.box.one div.content div.status.open h3, div.boxes div.box.one div.content div.status.open h5 {
  color: #cc3333;
}

div.boxes div.box.one div.content div.status h5 {
  margin: 0px;
}

div.boxes div.box.one div.content div.status p {
  margin-top: 2px;
}

div.boxes div.box.one div.content div.status div {
  float: left;
  padding: 2%;
  margin-top: 2%;
  width: 96%;
  background: #ffffff;
}

div.boxes div.box.one div.content div.status div.original {
  margin-top: 0px;
}

/* PDF Guides page */
h1.pdf {
  position: relative;
}

h1.pdf a {
  position: absolute;
  right: 0px;
}

h1.pdf a img {
  border: 0px;
}

/* Welcome centre thumbs */
div.thumbs {
  float: left;
  width: 100%;
  padding-top: 15px;
}

div.thumbs div {
  float: left;
  /*width: 32%;
	*/
  width: 48%;
  height: 200px;
  /*background: #11a4e2;
	*/
  background: #144A91;
  margin: 0px 0px 20px 2%;
  padding: 0px;
  /*border-bottom: solid 5px #144A91;
	border-radius: 10px;*/
  overflow: hidden;
}

div.thumbs div.odd {
  margin-left: 0px;
}

div.thumbs div.even {
  float: right;
}

div.thumbs div a {
  display: block;
  border: solid 1px #09f;
  height: 99%;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center bottom;
  border-radius: 0px;
}

/*div.thumbs div a:hover {
	border-left: solid 5px #0f83b3;
	border-right: solid 5px #0f83b3;
	border-bottom: solid 5px #0f83b3;
}
*/
div.thumbs div a span {
  display: block;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  padding: 10px;
  /*background: #144A91;
	*/
  background: none repeat scroll 0 0 #09f;
  text-decoration: none;
}

div.thumbs div a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

div.thumbs div a:hover span {
  /*background: #0f83b3;
	*/
}

/* Pictures */
div.thumbs div.welcome a {
  background-image: url("https://help.fasthosts.co.uk/euf/assets/images_fasthosts/responsive/welcome/meet-the-team.jpg");
}

div.thumbs div.articles a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/articles.jpg");
}

div.thumbs div.guides a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/guides.jpg");
}

div.thumbs div.forums a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/forums.jpg");
}

div.thumbs div.dhr a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/dhr.jpg");
}

div.thumbs div.contact a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/contact.jpg");
}

div.thumbs div.resources a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/resources.jpg");
}

/* Welcome Centre */
div.thumbs div.support a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/your-support-site.jpg");
}

div.thumbs div.promise a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/our-promise.jpg");
}

div.thumbs div.scope a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/scope-of-support.jpg");
}

div.thumbs div.team a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/meet-the-team.jpg");
}

div.thumbs div.say a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/have-your-say.jpg");
}

div.thumbs div.community a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/community.jpg");
}

div.thumbs div.help a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/finding-help.jpg");
}

div.thumbs div.training a,
div.thumbs div.webinars a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/training.jpg");
}

div.thumbs div.econsultancy a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/econsultancy.jpg");
}

/* Social media */
div.thumbs div.blog a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/blog.jpg");
}

div.thumbs div.rss a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/rss.png");
}

div.thumbs div.twitter a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/twitter.png");
}

div.thumbs div.facebook a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/facebook.png");
}

div.thumbs div.linkedin a {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/linkedin.png");
}

/* Domain Health Report */
#rn_columnone {
  float: left;
  width: 100%;
}

div#healthreportintro {
  float: left;
  width: 100%;
  background: url("/euf/assets/images_fasthosts/domainhealth/doctor.png") no-repeat right bottom;
}

div#healthreportintro h1 {
  max-width: 425px;
}

div#healthreportintro p {
  max-width: 380px;
}

div#healthreportintro ul {
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

div#healthreportintro ul li {
  max-width: 320px;
  padding: 5px 0px 5px 25px;
  background: url("/euf/assets/images_fasthosts/GreenTick.png") no-repeat left center;
  list-style: none;
}

/* Domain health report */
div.healthreport {
  float: left;
  width: 100%;
}

div.healthreport h3 {
  margin: 20px 0px 10px 0px;
}

div.healthreport ul {
  background: #f9f9f9;
  border: solid 1px #dddddd;
  border-bottom: none;
  margin: 0px;
  padding: 0px;
}

div.healthreport ul li {
  position: relative;
  border: solid 1px #ffffff;
  border-bottom: solid 1px #dddddd;
  margin: 0px;
  padding: 10px;
  background: url("/euf/assets/images_fasthosts/domainhealth/background.png") repeat-x left top;
  font-weight: bold;
  list-style: none;
}

div.healthreport ul li span.title {
  padding: 2px 0px 2px 20px;
}

/* Show / hide links */
div.healthreport ul li a.show,
div.healthreport ul li a.hide {
  background: url("/euf/assets/images_fasthosts/domainhealth/show.png") no-repeat left center;
  /*position: absolute;
	right: 10px;
	*/
  font-size: 11px;
  display: inline-block;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 20px;
}

div.healthreport ul li a.hide {
  background: url("/euf/assets/images_fasthosts/domainhealth/hide.png") no-repeat left center;
}

/* Icons */
div.healthreport ul li.success span.title {
  display: inline-block;
  color: #009933;
  background: url("/euf/assets/images_fasthosts/domainhealth/success.png") no-repeat 0px 0px;
}

div.healthreport ul li.error span.title {
  color: #cc0000;
  background: url("/euf/assets/images_fasthosts/domainhealth/error.png") no-repeat 0px 0px;
}

div.healthreport ul li.warning span.title {
  color: #ff9900;
  background: url("/euf/assets/images_fasthosts/domainhealth/warning.png") no-repeat 0px 0px;
}

div.healthreport ul li.info span.title {
  color: #000066;
  background: url("/euf/assets/images_fasthosts/domainhealth/info.png") no-repeat 0px 0px;
}

/* Information box */
div.healthreport ul li div {
  background: #ffffff;
  margin: 10px 0px 0px 0px;
  color: #505050;
  padding: 0px 10px;
  border: solid 1px #dddddd;
  font-weight: normal;
  overflow: auto;
}

div.healthreport ul li.success div {
  border: solid 1px #009933;
}

div.healthreport ul li.error div {
  border: solid 1px #cc0000;
}

div.healthreport ul li.warning div {
  border: solid 1px #ff9900;
}

div.healthreport ul li.info div {
  border: solid 1px #000066;
}

div#container #mainContent div.healthreport ul li div p {
  margin: 2px 0px 12px 0px;
}

div.healthreport div#loading {
  padding: 10px 0px 10px 40px;
  background: no-repeat left center;
}

div.healthreport div#loading h3 {
  margin: 0px;
}

/* Table */
div.healthreport ul li div table {
  margin: 0px 0px 12px 0px;
}

div.healthreport ul li div table tr th {
  padding: 5px 10px;
  font-weight: bold;
  border-bottom: solid 1px #D4D4D4;
}

div.healthreport ul li div table tr td {
  padding: 5px 10px;
}

/* Not used DHR */
/*div.content.dhr h3 {
	margin: 0px 0px 10px 0px;
}
div.content.dhr p {
	float: left;
	width: 60%;
}
div.filter form div.dhr .textbox {
	width: 74%;
}
/* Results */
/*#dhr-results {
	float: left;
	width: 100%;
}
#dhr-results ul.dhr,
#dhr-results ul.dhr li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: transparent none;
}
#dhr-results ul.dhr li {
	float: left;
	width: 100%;
	background: #dddddd url("/euf/assets/images_streamline/dhr-icons.png") no-repeat 10px 8px;
	padding: 0px;
	margin: 5px 0px;
	overflow: hidden;
	list-style: none;
}
#dhr-results ul.dhr li a.title {
	float: left;
	width: 99%;
	padding: 0px 1% 0px 0px;
	line-height: normal;
	font-size: 14px;
	color: #505050;
	background: url("../media/dhr.png") no-repeat 1% 0px;
}
#dhr-results ul.dhr li a.title span {
	padding: 8px 0px 8px 5%;
	display: block;
	background: url("../media/dhr.png") no-repeat right -180px;
}
#dhr-results ul.dhr li.hidden a.title span {
	background-position: right -140px;
}
#dhr-results ul.dhr li a.title:hover {
	background-color: #d4d4d4;
}
#dhr-results ul.dhr li div {
	clear: both;
	width: 92%;
	margin: 0px 1% 1% 1%;
	background: #ffffff;
	padding: 0px 2% 0px 4%;
	font-size: 11px;
	overflow: hidden;
}
#dhr-results ul.dhr li div p,
#dhr-results ul.dhr li div ul {
	float: none;
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
}
#dhr-results ul.dhr li div ul {
	padding-top: 0px;
}
#dhr-results ul.dhr li div ul li {
	float: none;
}
#dhr-results ul.dhr li div ul li {
	line-height: 180%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 16px;
	background: transparent none;
	list-style: square outside;
	overflow: visible;
}
#dhr-results ul.dhr li div ul li h5 {
	margin: 0px 0px 5px 0px;
}
#dhr-results ul.dhr li div table {
	padding: 1% 0px;
}
/* Info */
/*#dhr-results ul.dhr li.info {
	background-color: #11a4e2;
	background-color: #144A91;
	background-position: 10px -18px;
}
#dhr-results ul.dhr li.info a.title {
	background-position: 1% -35px;
}
#dhr-results ul.dhr li.info a.title:hover {
	background-color: #0f83b3;
}
/* Warning */
/*#dhr-results ul.dhr li.warning {
	background-color: #ff9900;
	background-position: 10px -44px;
}
#dhr-results ul.dhr li.warning a.title {
	background-position: 1% -70px;
}
#dhr-results ul.dhr li.warning a.title:hover {
	background-color: #e18803;
}
#dhr-results ul.dhr li.warning div tr th {
	background: #ffe5bf;
}
/* Error */
/*#dhr-results ul.dhr li.error {
	background-color: #cc3333;
	background-position: 10px -70px;
}
#dhr-results ul.dhr li.error a.title {
	background-position: 1% -105px;
}
#dhr-results ul.dhr li.error a.title:hover {
	background-color: #b42e2e;
}
#dhr-results ul.dhr li.error div tr th {
	background: #f2cccc;
}
#dhr-results ul.dhr li.info a.title,
#dhr-results ul.dhr li.warning a.title,
#dhr-results ul.dhr li.error a.title {
	color: #ffffff;
}
#dhr-results ul.dhr li.info a.title span,
#dhr-results ul.dhr li.warning a.title span,
#dhr-results ul.dhr li.error a.title span {
	background-position: right -260px;
}
#dhr-results ul.dhr li.info.hidden a.title span,
#dhr-results ul.dhr li.warning.hidden a.title span,
#dhr-results ul.dhr li.error.hidden a.title span {
	background-position: right -220px;
}
/* Hidden */
/*#dhr-results ul.dhr li.hidden div {
	display: none;
}
/* Tip/important/note boxes */
p.important, div.important, p.tip, div.tip, p.note, div.note {
  padding: 10px 10px 10px 40px;
  margin: 20px 0;
  clear: left;
}

p.important, div.important {
  border: solid 1px #DA3B3B;
  background: #EDEDED url("/euf/assets/images_fasthosts/important-comment-header.png") no-repeat scroll 5px 2px;
}

p.tip, div.tip {
  background: #FFFFD8 url("/euf/assets/images_fasthosts/tip-comment-header.png") no-repeat scroll 5px 2px;
  border: 0px;
}

p.note, div.note {
  background: #D8EFFF url("/euf/assets/images_fasthosts/note-comment-header.png") no-repeat scroll 5px 2px;
  border: 0px;
}

/* Meet the team */
div.meetteamintro {
  float: left;
  padding: 0px 0px 30px 0px;
  width: 100%;
}

div.meetteamintro div.intro {
  float: left;
  width: 70%;
  padding: 0px 10px 0px 0px;
}

div.meetteamintro div.intro h1 {
  margin: 10px 0px 15px 0px;
}

div.meetteamintro div.image {
  float: right;
  width: 28%;
  padding: 0px;
  margin-top: 55px;
}

div.meetteamintro div.image img {
  width: 100%;
  max-width: 240px;
}

div.meetteamintro div.image span {
  float: left;
  clear: both;
  padding: 5px 0px;
  font-size: 12px;
  font-weight: bold;
}

/* Team thumbs */
#tabs {
  float: left;
  width: 100%;
}

ul.teamthumbs {
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background: #dddddd;
}

ul.teamthumbs li {
  display: inline;
  float: left;
  /*width: 16.5%;
	 uncomment to add 6th team*/
  width: 20%;
  background: transparent none;
  padding: 0px;
  margin: 0px;
}

ul.teamthumbs li a {
  float: left;
  width: 80%;
  padding: 10%;
  cursor: pointer;
  text-decoration: none;
}

ul.teamthumbs li a:hover {
  background: #144A91;
}

ul.teamthumbs li a img {
  float: left;
  width: 100%;
  border: 0px;
}

ul.teamthumbs li a span {
  float: left;
  clear: both;
  width: 100%;
  height: 35px;
  padding: 5px 0px 0px 0px;
  text-decoration: inherit;
  color: #505050;
  font-size: 12px;
}

div.meetteamintro div.image span {
  width: 100%;
}

ul.teamthumbs li a:hover span {
  color: #ffffff;
}

/* Selected item */
ul.teamthumbs li.selected a {
  background: #11A4E2;
  cursor: default;
  position: relative;
}

ul.teamthumbs li.selected a span,
ul.teamthumbs li.selected a:hover span {
  color: #ffffff;
}

ul.teamthumbs li.selected a:hover img {
  border-color: #ffffff;
}

ul.teamthumbs li.selected a:after {
  content: "";
  background: url("/euf/assets/images_fasthosts/responsive/tab-arrow.png") no-repeat scroll center top transparent;
  position: absolute;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 20px;
  top: 100%;
  left: 0px;
}

/* Individual tabs */
div.teamtabs div {
  display: none;
  float: left;
  width: 100%;
  padding: 20px 0px 0px 0px;
}

/* Table containing column of text and image on right or left hand side */
table.welcomeimagetable {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
}

table.welcomeimagetable tr,
table.welcomeimagetable tr td {
  vertical-align: top;
  padding: 0px 15px 0px 0px;
}

table.welcomeimagetable tr td.rightcol {
  padding: 0px 0px 0px 15px;
}

div.meetteamintro div.intro h3,
table.welcomeimagetable tr td h3 {
  font-size: 16px;
  border-bottom: dotted 1px #dfdfdf;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

div.meetteamintro div.intro h3 {
  margin-right: 10px;
}

div.meetteamintro div.intro h3 span,
table.welcomeimagetable tr td h3 span {
  font-size: 12px;
  font-weight: normal;
  padding-left: 10px;
  font-style: italic;
}

em.quote {
  color: #144B93;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
}

/*div.content.team {
	width: 100%;
}
div.team-member {
	float: left;
	width: 100%;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
div.team-member.first {
	padding: 0px 0px 20px 0px;
}
div.team-member h3 {
	line-height: 20px;
}
div.team-member h3 span {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	padding-left: 10px;
}
div.team-member img, div.team-member.odd img {
	float: right;
	width: 32%;
	max-width: 302px;
}
div.team-member.even img {
	float: left;
	margin-right: 2%;
}
div.team-member div.about {
	float: left;
	width: 40%;
}
div.team-member div.about p {
	margin: 0px 0px 20px 0px;
}
div.team-member span.quote {
	float: right;
	width: 24%;
	margin: 0px 2% 0px 0px;
	color: #144A91;
	font-family: Georgia, "Times New Roman", Times,serif;
	font-size: 16px;
	line-height: 150%;
	font-style: italic;
	text-align: center;
	padding: 25px 0px 0px 0px;
	background: url("../media/quote-open.png") no-repeat left top;
}
div.team-member.even span.quote {
	margin-right: 0px;
}
div.team-member span.quote span {
	display: block;
	padding: 0px 10px 25px 10px;
	background: url("../media/quote-close.png") no-repeat right bottom;
}
div.team-member img,
ul.departments li a img {
	box-shadow: 0px 2px 3px #444444;
}
/* Meet the team department tabs */
/*ul.departments {
	float: left;
	width: 100%;
	background: #dddddd;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.departments li {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 20%;
	padding: 0px;
}
ul.departments li.last {
	/* Fix IE7 bug with rounding pixels up when using percentage widths */
/*float: right;
	margin-left: -1%;
}
ul.departments li a {
	float: left;
	width: 80%;
	position: relative;
	padding: 10%;
	text-decoration: none;
}
ul.departments li a:hover {
	background: #cccccc;
}
ul.departments li.selected a {
	background: #144A91 url("../media/selected-tab.png") repeat-x 0px 0px;
}
ul.departments li a img {
	width: 100%;
	border: 0px;
}
ul.departments li.selected a img {
	box-shadow: 0px 2px 3px #0a2538;
}
ul.departments li a span {
	display: block;
	padding: 5px 0px 0px 0px;
	color: #505050;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
}
ul.departments li.selected a span {
	color: #ffffff;
}
/* Bottom arrow */
/*ul.departments li.selected a:after {
	position: absolute;
	left: 0px;
	bottom: -16px;
	width: 100%;
	height: 16px;
	content: "";
	background: url("../media/tab-arrow.png") no-repeat center top;
}
/* Department */
/*div.department a.banner {
	float: right;
	padding: 1%;
	width: 30%;
	margin-top: 20px;
	text-decoration: none;
	background: #dddddd;
}
div.department a.banner h4 {
	color: #144A91;
	margin: 0px 0px 10px 0px;
}
div.department a.banner p {
	font-size: 11px;
	color: #505050;
}
div.department a.banner:hover {
	background: #144A91;
}
div.department a.banner:hover h4 {
	color: #ffffff;
}
div.department a.banner:hover p {
	color: #9fd8f0;
}
/* Accordion */
/*ul.accordion {
	float: left;
	width: 100%;
	background: #dddddd;
	list-style: none;
	margin: 20px 0px;
	padding: 0px;
}
ul.accordion li {
	float: left;
	width: 100%;
	clear: both;
	padding: 0px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #cccccc;
}
ul.accordion li h3 {
	float: left;
	width: 100%;
	margin: 0px;
}
ul.accordion li h3 a {
	float: left;
	width: 96%;
	padding: 2%;
}
ul.accordion li h3 a:hover {
	background: #d4d4d4;
}
ul.accordion li h3 a span {
	display: block;
	background: url("../media/dhr.png") no-repeat right -188px;
	text-shadow: 1px 1px 0px #eeeeee;
}
ul.accordion li h3 a,
ul.accordion li h3 a span {
	text-decoration: none;
}
ul.accordion li h3 a:hover span {
	text-shadow: 1px 1px 0px #dddddd;
}
ul.accordion li.hidden h3 a span {
	background-position: right -148px;
}
ul.accordion li div {
	float: left;
	width: 96%;
	padding: 0px 2% 2% 2%;
}
ul.accordion li.hidden div {
	display: none;
}
ul.accordion li div p,
ul.accordion li div ul {
	float: left;
	width: 96%;
	padding: 2%;
	margin: 0px;
	background: #ffffff;
}
ul.accordion li div ul li {
	width: auto;
	padding: 5px 0px;
	margin-left: 5%;
}
ul.accordion li ul {
	float: none;
	background: none transparent;
}
ul.accordion li ul li {
	float: none;
	border: 0px;
	padding: 0px;
}
*/
/* Old style accordion */
div.accordion,
div.accordian,
/* Originally spelt wrong! */
div.pledge {
  float: left;
  width: 100%;
  clear: both;
  border: solid 1px #a0a7ae;
  border-bottom: none;
  margin-bottom: 20px;
}

div.accordion h2,
div.accordian h2,
div.pledge h2 {
  border-bottom: solid 1px #a0a7ae;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  overflow: hidden;
}

div.accordion h2 a,
div.accordian h2 a,
div.pledge h2 a {
  display: block;
  background: #d7eafd url("/euf/assets/images_fasthosts/welcome/pledge-heading.png") repeat-x 0px 0px;
  /*padding: 5px 10px;
	*/
  padding: 5px 2%;
  margin: 0px;
  color: #000000;
}

div.accordion h2 a:hover,
div.accordian h2 a:hover,
div.pledge h2 a:hover {
  background: #144a91 url("/euf/assets/images_fasthosts/welcome/pledge-heading.png") repeat-x 0px -35px;
  color: #ffffff;
  text-decoration: none;
}

div.accordion h2 a span,
div.accordian h2 a span,
div.pledge h2 a span {
  display: block;
  background: url("/euf/assets/images_fasthosts/welcome/pledge-arrows.png") no-repeat right 5px;
  white-space: nowrap;
}

div.accordion h2 a span em,
div.accordian h2 a span em {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  /*padding-left: 10px;
	*/
  padding: 0px 2%;
  color: #7499c7;
}

div.accordion h2 a:hover span em,
div.accordian h2 a:hover span em {
  color: #a3b7ee;
}

div.accordion h2 a:hover span,
div.accordian h2 a:hover span,
div.pledge h2 a:hover span {
  background-position: right -18px;
}

div.accordion h2.open a span,
div.accordian h2.open a span,
div.pledge h2.open a span {
  background-position: right -40px;
}

div.accordion h2.open a:hover span,
div.accordian h2.open a:hover span,
div.pledge h2.open a:hover span {
  background-position: right -63px;
}

div.accordion div,
div.accordian div,
div.pledge div {
  border-bottom: solid 1px #a0a7ae;
  padding: 10px 10px 0px 10px;
}

table.pledge td {
  vertical-align: top;
}

div.accordion div div,
div.accordian div div,
div.pledge div div {
  border: 0px;
  padding: 0px;
  margin: 10px 0px;
}

div.pledge div div.tip {
  padding: 5px 5px 5px 40px;
  border: 0px;
}

/* Your support site */
div.two_columns,
div.three_columns {
  float: left;
  width: 100%;
  clear: both;
}

div.two_columns div.left,
div.two_columns div.right,
div.three_columns div.left,
div.three_columns div.middle,
div.three_columns div.right,
div.right {
  float: left;
  width: 31%;
  margin-right: 3%;
}

div.two_columns div.left {
  width: 65%;
}

div.three_columns.images div.middle {
  width: 43%
}

div.three_columns.images div.left,
div.three_columns.images div.right {
  width: 25%
}

div.three_columns div.middle {
  margin-right: 0px;
}

div.two_columns div.right,
div.three_columns div.right,
div.right {
  float: right;
  margin-right: 0%;
}

div.two_columns div.right img,
div.three_columns div.left img,
div.three_columns div.middle img,
div.three_columns div.right img,
div.right img {
  margin-top: 10px;
  /*max-width: 302px;
	*/
  max-width: 250px;
  width: 100%;
  box-shadow: 0px 2px 3px #444444;
}

div.two_columns div.right span,
div.three_columns div.left span,
div.three_columns div.middle span,
div.three_columns div.right span,
div.right span {
  display: block;
  padding: 5px 0px 20px 0px;
}

div.two_columns div.right span strong,
div.three_columns div.left span strong,
div.three_columns div.middle span strong,
div.three_columns div.right span strong,
div.right span strong {
  display: block;
  font-size: 16px;
}

/* Features box */
div.features {
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
}

div.features h2 {
  margin-top: 0px;
}

div.features div.left, div.features div.right {
  float: left;
  width: 48%;
}

div.features div.right {
  float: right;
}

div.features div ul {
  margin: 0px;
  padding: 0px;
}

div.features div ul li {
  float: left;
  width: 100%;
  padding: 10px 0px;
  list-style: none;
  background: url("/euf/assets/images_fasthosts/GreenTick.png") no-repeat 0px 10px;
}

div.features div ul li strong, div.features div ul li span {
  display: block;
  padding: 0px 0px 0px 25px;
}

div.features div ul li strong {
  font-size: 16px;
}

/* Welcome centre */
div.welcome-intro {
  float: left;
  width: 100%;
  /* background: url("/euf/assets/images_fasthosts/welcome/welcome-intro.jpg") no-repeat left center; */
  margin: 0px;
  padding: 0px;
}

div.welcome-intro p {
  /* max-width: 300px; */
}

/* Button */
a.welcomebutton {
  float: left;
  background: url("/euf/assets/images_fasthosts/primary-button-left.png") no-repeat left center;
  padding-left: 8px;
}

a.welcomebutton.right {
  float: right;
}

a.welcomebutton span {
  background: url("/euf/assets/images_fasthosts/primary-button-right.png") no-repeat right center;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  padding: 10px 12px 10px 4px;
  text-align: center;
  display: block;
  white-space: nowrap;
}

/* Print page button */
.rn_PrintPageLink a {
  background: url("/euf/assets/images_fasthosts/print_this_article.png") no-repeat scroll left top transparent;
  display: block;
  float: right;
  height: 50px;
  overflow: hidden;
  text-indent: -9999em;
  width: 156px;
}

.rn_PrintPageLink a:hover {
  background: url("/euf/assets/images_fasthosts/print_this_article.png") no-repeat scroll left bottom transparent;
}

/* Finding help */
.findinghelp {
  float: left;
  width: 100%;
  padding: 0px 0px 30px 0px;
  margin: 10px 0px 0px 0px;
  background: url("/euf/assets/images_fasthosts/responsive/finding-help-arrow.png") no-repeat center bottom;
}

.findinghelp a,
.findinghelp div {
  display: block;
  border: solid 5px #dddddd;
  border-radius: 10px;
  color: #505050;
  padding: 2% 2% 2% 75px;
  background: url("/euf/assets/images_fasthosts/responsive/welcome/step1.png") no-repeat 10px 10px;
}

.findinghelp a:hover {
  border-color: #144a91;
  text-decoration: none;
}

.findinghelp a h2,
.findinghelp div h2 {
  margin: 0px;
}

.findinghelp a:hover h2 {
  text-decoration: underline;
}

.findinghelp.contact {
  background-image: none;
}

.findinghelp a#step2 {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/step2.png")
}

.findinghelp a#step3,
.findinghelp div#step3 {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/step3.png")
}

.findinghelp div#step4 {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/step4.png")
}

.findinghelpthumbs {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.findinghelpthumbs div {
  float: left;
  width: 25%;
  margin-left: 4%;
  border-radius: 10px;
  background: #144a91;
}

.findinghelpthumbs div.first {
  margin-left: 10.5%;
}

.findinghelpthumbs.two div.first {
  margin-left: 23.5%;
}

.findinghelpthumbs div a {
  float: none;
  display: block;
  border: solid 5px #144a91;
  border-radius: 10px;
  background: url("/euf/assets/images_fasthosts/responsive/welcome/chat-small.jpg") no-repeat center bottom;
}

.findinghelpthumbs div a#ticket {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/ticket-small.jpg");
}

.findinghelpthumbs div a#phone {
  background-image: url("/euf/assets/images_fasthosts/responsive/welcome/phone-small.jpg");
}

.findinghelpthumbs div a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-decoration: none;
}

.findinghelpthumbs div a h3 {
  background: #144a91;
  color: #ffffff;
  padding: 2%;
  margin: 0px 0px 100px 0px;
}

.findinghelpthumbs div a:hover h3 {
  color: #ffffff;
  text-decoration: none;
}

.findinghelpthumbs.three div a {}

.findinghelpthumbs.two div a {}

/* Marketing pages */
.clear {
  clear: both;
}

div.white-label-layout {
  float: left;
  width: 48%;
  margin-bottom: 20px;
}

div.white-label-layout-full {
  width: 100%;
}

div.white-label-layout-full h2 {
  margin: 20px 0px;
  font-size: 16px;
}

div.white-label-layout h2 {
  margin: 0px 2% 20px 0px;
  font-size: 16px;
}

div.white-label-layout img {
  float: left;
  margin: 0px 10px 40px 0px;
}

div.white-label-layout p {
  display: static;
  margin: 10px 2% 0px 0px;
}

.pdficon-small {
  float: left;
  margin: 0px 20px 50px 0px;
  border: 0px;
}

.guide-pdficon-small {
  float: left;
  margin: 0px 20px 30px 0px;
}

.rssFeedSoftware {
  background: transparent url("/euf/assets/images_fasthosts/outlook-icon.png") no-repeat left top;
  display: block;
  margin-bottom: 10px;
  padding: 6px 0 14px 51px;
  width: 160px;
  float: left;
}

.rssFeed-ie7 {
  background: transparent url("/euf/assets/images_fasthosts/ie7-icon.png") no-repeat left top;
}

.rssFeed-firefox {
  background: transparent url("/euf/assets/images_fasthosts/firefox-icon.png") no-repeat left top;
}

.rssFeed-google {
  background: transparent url("/euf/assets/images_fasthosts/google-icon.png") no-repeat left top;
}

.rssFeed-feeddemon {
  background: transparent url("/euf/assets/images_fasthosts/feeddemon-icon.png") no-repeat left top;
}

/* Training centre - Webinars */
.webinarintro {
  padding-right: 180px;
  background: url("/euf/assets/images_fasthosts/webinars/econ-logo.png") no-repeat right center;
}

.webinar_training_highlights {
  padding: 15px 0px 10px 0px;
}

.webinar_training_highlights h3 {
  margin: 0px 0px 10px 0px;
}

.webinarintro ul,
table.webinarinfo tr td ul {
  padding-left: 0px;
}

.webinarintro ul li,
table.webinarinfo tr td ul li {
  padding: 5px 0px 5px 25px;
  background: url("/euf/assets/images_fasthosts/GreenTick.png") no-repeat 0px 4px;
  list-style: none;
  margin: 0px;
}

table.webinarinfo {
  width: 100%;
}

table.webinarinfo tr,
table.webinarinfo tr td {
  vertical-align: top;
  padding: 0px 15px 0px 0px;
}

table.webinarinfo tr td.rightcol {
  padding: 0px 0px 0px 15px;
}

table.webinarinfo tr td img {
  width: 100%;
  max-width: 300px;
}

table.webinarinfo h4 {
  font-weight: bold;
  margin-bottom: 5px;
}

/* Webinar presenter biographies */
.rn_Input .yui3-panel,
.rn_ProductCategorySearchFilter .yui3-panel {
  border: none;
  padding: 0px;
}

.rn_Dialog {
  overflow: visible;
}

.yui3-panel-hidden {
  visibility: hidden;
}

.popup, .yui-dialog,
.yui3-panel {
  position: absolute;
  left: 536px;
  top: 114px;
  background: #ffffff;
  border: 10px solid #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 15px;
  max-width: 600px;
}

.popup .closepopup,
.yui3-button-close {
  display: block;
  background: url("/euf/assets/images_fasthosts/tooltip-close.png") no-repeat left top;
  border: none;
  margin: 0px;
  float: right;
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: -2000px;
}

.popup .closepopup:hover,
.yui-dialog .container-close:hover,
.yui3-button-close:hover {
  background: url("/euf/assets/images_fasthosts/tooltip-close.png") no-repeat left bottom;
}

.popup h1,
.yui-dialog #rn_Dialog_1_Title,
.yui-dialog #rn_Dialog_2_Title,
.yui3-widget-hd {
  display: block;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px dotted #CCCCCC;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
}

.popup h3 {
  margin: 15px 0px 5px 0px;
}

table.webinarinfo tr td .popup img {
  float: left;
  width: 25%;
}

.popup div {
  float: right;
  width: 75%;
}

#popupcurtain {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000000;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 999990;
  -moz-opacity: .50;
  filter: alpha(opacity=50);
  opacity: .50;
}

/* Privacy box */
div.privacy {
  background: #ececec url("/euf/assets/images_fasthosts/privacy.png") no-repeat right bottom;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 15px;
  margin: 20px 0px;
}

div.privacy h3 {
  font-size: 16px;
  color: #144B93;
}

div.privacy h3,
div.privacy p {
  margin: 10px 0px;
}

/* Chat */
.chatintro {
  float: left;
  width: 64%;
}

.chatimg {
  float: right;
  width: 34%;
}

.rn_ChatForm {
  float: left;
  width: 49%;
  padding-top: 5px;
}

.openinghours {
  float: right;
  width: 49%;
}

.rn_Chat_Mobile {
  display: none;
}

/* Co-browse/Screen share */
div.co-browse img {
  max-width: 100%;
  height: auto;
}

div.co-browse .rn_CoBrowseLink {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
}

div.co-browse .rn_CoBrowseLink a img {
  display: none;
}

div.co-browse .rn_CoBrowseLink a {
  background: url("/euf/assets/images_fasthosts/primary-button-left.png") no-repeat left center;
  text-decoration: none;
  padding: 0px 0px 0px 5px;
  display: block;
  float: left;
  cursor: pointer;
}

div.co-browse .rn_CoBrowseLink a span {
  background: url("/euf/assets/images_fasthosts/primary-button-right.png") no-repeat right center;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 10px 10px 10px 5px;
  text-align: center;
  display: block;
  white-space: nowrap;
}

/* Account */
#rn_PageContent .rn_Overview .intro {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

#rn_PageContent {
  float: left;
  width: 100%;
}

#rn_SearchControls,
.mainSearchBox-fullwidth {
  float: left;
  width: 96%;
  padding: 2%;
  background: #FFF;
  margin: 0px 0px 20px 0px;
}

#rn_SearchControls label,
.mainSearchBox-fullwidth .searchText.SearchTitle {
  float: left;
  width: 30%;
  line-height: 30px;
}

#rn_SearchControls input[type="text"],
.mainSearchBox-fullwidth input[type="text"] {
  float: left;
  width: 50%;
}

#rn_SearchControls input[type="submit"],
.mainSearchBox-fullwidth input[type="submit"] {
  float: right;
  margin: 0px;
}

#healthreportintro .mainSearchBox-fullwidth {
  margin: 20px 0px 0px 0px;
}

/*.rn_Questions {
	position: relative;
}
*/
.rn_AdvancedSearchDialog {
  display: none;
}

#rn_UpdateQuestion textarea {
  width: 95%;
}

#rn_UpdateQuestion .primarybutton {
  float: left;
  width: 100%;
  margin: 20px 0px;
}

/* Table */
.rn_Grid table, .rn_Grid .yui-dt table {
  border: 0px;
}

.rn_Grid .yui-dt th {
  background: none transparent;
}

.rn_Grid .yui-dt th, .rn_Grid .yui-dt td {
  border: 0px;
  border-left: dotted 1px #dfdfdf;
}

.rn_Grid .yui-dt th.yui-dt-first, .rn_Grid .yui-dt td.yui-dt-first {
  border-left: 0px;
}

.rn_Grid .yui-dt td,
.rn_Grid .yui-dt tr.yui-dt-first td {
  border-top: dotted 1px #dfdfdf;
}

.rn_Grid .yui-dt th, .yui-dt td {
  padding: 10px;
}

.rn_Grid .yui-dt th, .yui-dt th a, .yui-dt th a:hover {
  color: #144A91;
  font-weight: bold;
}

.rn_Paginator a:hover, .rn_Paginator a:focus {
  background: #ffffff;
}

/* System status page */
#statuspage {
  padding-bottom: 15px;
}

#systemstatusbuttons, #mysupportbuttons {
  padding: 0;
  margin: 10px 0;
  height: 58px;
  width: 100%;
  /*position: relative;
	*/
  background: transparent url("/euf/assets/images_fasthosts/notoolbar.png") repeat-x left bottom;
}

#systemstatusbuttons ul, #mysupportbuttons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#systemstatusbuttons li, #mysupportbuttons li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#systemstatusbuttons #currentissues, #mysupportbuttons #currentissues {
  margin: 0px;
  float: left;
}

#systemstatusbuttons #statushistory {
  float: right;
}

#systemstatusbuttons a, #mysupportbuttons a {
  height: 32px;
  text-indent: -9999em;
  overflow: hidden;
  width: 168px;
  display: block;
  float: left;
  margin: 0 1px 0 0;
}

#systemstatusbuttons #currentissues .statusissue {
  background: transparent url("/euf/assets/images_fasthosts/system-status-button-issues.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#systemstatusbuttons #currentissues .statusplanned {
  background: transparent url("/euf/assets/images_fasthosts/system-status-button-planned.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#systemstatusbuttons #currentissues .statusissue .selected {
  background: transparent url("/euf/assets/images_fasthosts/system-status-button-issues.png") no-repeat left top;
}

#systemstatusbuttons #currentissues .statusplanned .selected {
  background: transparent url("/euf/assets/images_fasthosts/system-status-button-planned.png") no-repeat left top;
}

/* Tabs for Answers, E-Learning and Communities */
#mysupportbuttons #currentissues .answer {
  background: transparent url("/euf/assets/images_fasthosts/support-article-tab.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#mysupportbuttons #currentissues .elearning {
  background: transparent url("/euf/assets/images_fasthosts/e-learning-tab.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#mysupportbuttons #currentissues .communities {
  background: transparent url("/euf/assets/images_fasthosts/communities-tab.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#mysupportbuttons #currentissues .answer .selected {
  background: transparent url("/euf/assets/images_fasthosts/support-article-tab.png") no-repeat left top;
}

#mysupportbuttons #currentissues .elearning .selected {
  background: transparent url("/euf/assets/images_fasthosts/e-learning-tab.png") no-repeat left top;
}

#mysupportbuttons #currentissues .communities .selected {
  background: transparent url("/euf/assets/images_fasthosts/communities-tab.png") no-repeat left top;
}

/* Tabs for account section (Tickets and Subscriptions) */
#mysupportbuttons #currentissues .history {
  background: transparent url("/euf/assets/images_fasthosts/my-support-history-buttons.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#mysupportbuttons #currentissues .notifications {
  background: transparent url("/euf/assets/images_fasthosts/my-support-notifications-buttons.png") no-repeat left bottom;
  padding: 0px;
  margin: 0px;
}

#mysupportbuttons #currentissues .notifications .selected {
  background: transparent url("/euf/assets/images_fasthosts/my-support-notifications-buttons.png") no-repeat left top;
}

#mysupportbuttons #currentissues .history .selected {
  background: transparent url("/euf/assets/images_fasthosts/my-support-history-buttons.png") no-repeat left top;
}

#systemstatus div.statusblock ul {
  margin: 0px;
}

#systemstatus div.statusblock ul li {
  margin: 15px 0px;
  padding: 0px 0px 10px 0px;
  background: #E8FAE8;
}

#systemstatus div.statusblock ul li.open {
  background: #FFF0F0;
}

#systemstatus div.statusblock ul li.allonline {
  background: #009900 url("/euf/assets/images_fasthosts/status-no-issues-bg.png") no-repeat left center;
  padding: 0px;
}

#systemstatus div.statusblock ul li h3 {
  padding: 15px;
  font-size: 18px;
}

#systemstatus div.statusblock ul li.open h3 {
  color: #990000;
}

#systemstatus div.statusblock ul li.allonline h3 {
  color: #ffffff;
  text-shadow: none;
}

#systemstatus div.statusblock ul li.resolved h3 {
  color: #009900;
}

#systemstatus div.statusblock ul li h4 {
  font-weight: bold;
  padding-bottom: 5px;
}

#systemstatus div.statusblock ul li h5 {
  font-weight: normal;
  padding: 5px 0px;
}

div#container #mainContent #systemstatus ul li h4,
div#container #mainContent #systemstatus ul li h5 {
  margin: 0px 15px;
}

div#container #mainContent #systemstatus ul li p,
div#container #mainContent #systemstatus ul li span {
  margin: 5px 15px 20px 15px;
}

#systemstatus div.statusblock ul li p {
  background: #ffffff;
  padding: 10px;
}

#systemstatus div.statusblock ul li p.update {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

/* New status page */
div.rsslinks {
  float: left;
  clear: none;
  width: 100%;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}

div.sysstatus {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px 0px 15px 0px;
  margin: 15px 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.sysstatus h3 {
  margin: 15px 15px 5px 15px;
  font-size: 18px;
}

div.sysstatus span {
  display: block;
  margin: 0px 15px;
}

div.sysstatus div.date {
  display: none;
}

div.sysstatus ul {
  float: left;
  padding: 0px;
  margin: 0px;
}

div.sysstatus ul li {
  float: left;
  padding: 1%;
  margin: 10px 1%;
  background: #ffffff;
  width: 95%;
  border: solid 3px #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  list-style: none;
}

div.sysstatus ul li span {
  display: block;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

/* Open item (red) */
div.sysstatus.open {
  background: #FFF0F0;
}

div.sysstatus.open h3 {
  color: #990000;
}

div.sysstatus.open ul li.original {
  border: solid 3px #990000;
}

/* Recently resolved item (green) */
div.sysstatus.closed {
  background: #E8FAE8
}

div.sysstatus.closed h3 {
  color: #009900;
}

div.sysstatus.closed ul li.original {
  border: solid 3px #009900;
}

/* No issues (green) */
div.sysstatus.noissues {
  background: #E8FAE8;
}

div.sysstatus.noissues h3 {
  margin: 15px 15px 0px 15px;
  color: #009900;
}

/* Contact page */
.chatbanner img {
  max-width: 100%;
  border: 0px;
}

/* Contact form */
.contactForm {
  float: left;
  width: 96%;
  background: #4c4c4c;
  padding: 2%;
}

.contactForm .ContactFormHeader {
  float: left;
  background: none repeat scroll 0 0 #D7EAFD;
  border-bottom: 1px solid #FFFFFF;
  color: #000000;
  padding: 2%;
  width: 96%;
}

.contactForm .ContactFormHeader h3 {
  font-size: 16px;
  margin: 0px;
}

.contactForm .ContactFormMain {
  float: left;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #FFFFFF;
  color: #454545;
  min-height: 40px;
  width: 100%;
  clear: both;
}

.contactForm .ContactFormMain label,
.contactForm .ContactFormMain .label {
  float: left;
  background: none repeat scroll 0 0 #ECECEC;
  font-size: 13px;
  line-height: normal;
  color: #6A6A6A;
  display: block;
  line-height: 22px;
  min-height: 20px;
  padding: 10px 2%;
  text-align: right;
  width: 25%;
}

.contactForm .ContactFormMain.textarea {
  height: 108px;
}

.contactForm .textarea label {
  height: 110px;
}

.field {
  float: left;
  margin: 4px 0px 0px 10px;
}

.rn_ProductCategoryInput .rn_Panel {
  position: absolute;
  z-index: 6000;
  width: 300px;
}

.rn_ProductCategoryInput, .field {
  z-index: 4000;
}

.contactForm .rn_ProductCategoryInput .rn_Label {
  display: none;
}

.contactForm .rn_ProductCategoryInput {
  clear: none;
}

.rn_DisplayButton,
.contactForm .ContactFormMain textarea,
.contactForm .ContactFormMain input,
.contactForm .ContactFormMain select {
  border-radius: 0px;
  margin: 4px 0px 0px 10px;
}

div#search .rn_DisplayButton {
  margin: 0px;
}

.contactForm .ContactFormMain .field button {
  margin: 0px;
}

.rn_FileAttachmentUpload ul {
  float: left;
  width: 66%;
  margin: 0px;
  padding: 0px 0px 0px 34%;
  clear: both;
  background: #dddddd;
}

p.contactTelNumber {
  padding-top: 20px;
}

p.contactTelNumber strong {
  font-size: 16px;
  margin: 0px 0px 5px;
  display: block;
}

p.contactTelNumber strong.secondLine {
  font-size: 12px;
  margin: 0px;
  display: inline;
}

p.contactTelNumber span {
  color: #144A91;
}

p.contactTelNumber em {
  font-style: italic;
  color: #999999;
}

/* The button */
.contactForm div.rn_FormSubmit {
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px !important;
}

.contactForm div.primarybutton {
  position: relative;
  background: url("/euf/assets/images_fasthosts/primary-button-left2.png") no-repeat scroll left center transparent;
  cursor: pointer;
  display: block;
  float: right;
  padding: 0;
  text-decoration: none;
}

.contactForm div.primarybutton a {
  background: url("/euf/assets/images_fasthosts/primary-button-right2.png") no-repeat scroll right center transparent;
  margin: 0px 0px 0px 8px;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 10px 5px;
  text-align: center;
  white-space: nowrap;
}

#contactTelNumberMobile {
  display: none;
  margin-bottom: 20px;
}

#contactTelNumberMobile p.contactTelNumber {
  padding-top: 0px;
}

/* Error message */
.rn_ErrorMessage {
  background: #FFFFD8;
  margin: 10px 0px;
  padding: 2%;
}

.rn_ErrorMessage h2 {
  color: #DA3B3B;
  margin-top: 0px;
  border-bottom: dotted 1px #999999;
}

.rn_ErrorMessage b {
  font-weight: normal;
}

/* Articles and guides */
.guidesbanner {
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: dotted 1px #999999;
}

.guidesbanner h2 {
  margin-top: 0px;
}

.guidesbanner p {
  float: left;
  width: 60%;
}

.guidesbanner a.liveChat-contentTeaser {
  float: right;
}

.liveChat-contentTeaser img {
  border: 0px;
}

.rn_Multiline ol {
  margin: 0px;
  padding: 0px;
}

.rn_AnswerList {
  position: relative;
}

.rn_AnswerList li {
  border-top: dotted 1px #999999;
  padding: 10px 0px;
  margin: 10px 0px;
  list-style: none;
}

.rn_PaginationLinks>ul {
  padding: 0 0 0 1px !important;
}

.rn_AnswerList li:first-child {
  border: 0px;
}

.rn_Paginator a, li.rn_CurrentPage {
  border: none !important;
}

.rn_AnswerList .rn_Multiline {
  /*margin-top: 70px;*/
  /* 3.5 FW changes */
  margin-top: 70px;
  /* Taking this out broke paginator position for answer search results unsure what effects this had on 3.5 previously */
}

.rn_PaginationLinks>ul {
  font-size: 140%;
  list-style: outside none none;
}

.rn_PaginationLinks>ul li {
  border: 1px solid #ddd;
  float: left;
  margin-right: 4px;
  padding: 4px;
}

.rn_Overview .rn_Questions .rn_Paginator,
.rn_Overview .rn_Questions .rn_ResultInfo,
.rn_Overview .rn_Questions .rn_Grid {
  clear: both;
}

/* Results */
/*.rn_ResultInfo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
}
.rn_Paginator {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
*/
/* SmartAssistant */
.rn_SmartAssistantDialog {}

/* Articles page */
#rn_mostpopular {
  padding-top: 20px;
}

#rn_mostpopular .mainContentBox {
  float: left;
  width: 100%;
  border: 1px solid #d4d4d4;
  padding-bottom: 2%;
}

#rn_mostpopular .mainContentBox h3 {
  font-size: 14px;
  margin: 0px 0px 10px 0px;
}

#rn_mostpopular .mainContentBox .mainContentHeader {
  position: relative;
}

#rn_mostpopular .mainContentBox .mainContentHeader h2 {
  font-size: 16px;
  margin: 0px;
  background: #D7EAFD;
  padding: 10px 10px 10px 90px;
  line-height: normal;
}

#rn_mostpopular .mainContentBox .mainContentBox-fullContent {
  padding: 2%;
}

#rn_mostpopular .mainContentBox .mainContentBox-leftContent,
#rn_mostpopular .mainContentBox .mainContentBox-rightContent {
  float: left;
  width: 46%;
  padding-left: 2%;
  padding-bottom: 0px;
}

#rn_mostpopular .mainContentBox .mainContentBox-rightContent {
  float: right;
  border-left: solid 1px #d4d4d4;
  padding-right: 2%;
}

#rn_mostpopular .rn_Multiline ol {
  padding: 0px 0px 0px 25px;
  margin: 0px;
  font-size: 10px !important;
}

#rn_mostpopular .rn_Multiline li {
  margin-bottom: 5px;
}

#rn_mostpopular .seeall {
  float: left;
  width: 100%;
  padding: 10px 0px 30px 0px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

/* Article Icons */
.mainContentHeader .mainContentIcon {
  position: absolute;
  width: 74px;
  height: 74px;
  margin: 0px;
  padding: 0px;
  top: -20px;
  left: 10px;
}

.mainContentHeader .customerControlIcon {
  background: url("/euf/assets/images_fasthosts/customercontrol_icon.png") no-repeat top left;
}

.mainContentHeader .yourAccountIcon {
  background: url("/euf/assets/images_fasthosts/your_account_icon.png") no-repeat top left;
}

.mainContentHeader .domainIcon {
  background: url("/euf/assets/images_fasthosts/domains_icon.png") no-repeat top left;
}

.mainContentHeader .emailIcon {
  background: url("/euf/assets/images_fasthosts/email_icon.png") no-repeat top left;
}

.mainContentHeader .websitebuilderIcon {
  background: url("/euf/assets/images_fasthosts/websitebuilder_icon.png") no-repeat top left;
}

.mainContentHeader .hostingIcon {
  background: url("/euf/assets/images_fasthosts/hosting_icon.png") no-repeat top left;
}

.mainContentHeader .marketingIcon {
  background: url("/euf/assets/images_fasthosts/marketing_icon.png") no-repeat top left;
}

.mainContentHeader .dedicatedServersIcon {
  background: url("/euf/assets/images_fasthosts/dedicated_servers_icon.png") no-repeat top left;
}

.mainContentHeader .broadbandIcon {
  background: url("/euf/assets/images_fasthosts/broadband_internet_icon.png") no-repeat top left;
}

/* Article */
.rn_AnswerDetail#rn_PageTitle {
  font-size: 16px;
  font-style: italic;
  padding-bottom: 20px;
}

.rn_AnswerDetail#rn_PageTitle h1 {
  font-style: normal;
  margin-bottom: 5px;
}

.rn_AnswerDetail#rn_PageTitle #rn_AnswerInfo {
  display: none;
}

#rn_AnswerText {
  padding-bottom: 20px;
}

#rn_AnswerText img {
  max-width: 100%;
}

.articlemoredetails {
  background: url("/euf/assets/images_fasthosts/article_more_details.png") no-repeat scroll left top transparent;
  float: left;
  height: 32px;
  margin: 5px 10px 0 0;
  position: relative;
  width: 84px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1000;
}

.dateCreatedModified {
  padding-bottom: 10px;
}

#rn_AnswerText h3 {
  color: #144A91;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 5px;
}

/* Time / required box */
#rn_AnswerText div.time {
  float: left;
  background: #eeeeee;
  width: 100%;
  padding: 0px;
  margin: 10px 0;
}

#rn_AnswerText div.time div h3 {
  margin: 0px 0px 5px 40px;
  padding-bottom: 0px;
  border-bottom: 0px;
  color: #505050;
}

#rn_AnswerText div.time div {
  float: left;
  border: 0px;
  margin: 0px;
  padding: 10px 2%;
  width: 45%;
}

#rn_AnswerText div.time div.time {
  background: url("/euf/assets/images_fasthosts/clock.png") no-repeat 10px 8px;
  float: right;
}

#rn_AnswerText div.time div.required {
  background: url("/euf/assets/images_fasthosts/spanner.png") no-repeat 10px 8px;
  clear: both;
  width: 90%;
}

#rn_AnswerText div.time div.youtube {
  background: url("/euf/assets/images_fasthosts/youtube.png") no-repeat 10px 8px;
  clear: both;
  width: 90%;
}

#rn_AnswerText div.time div.difficulty {
  background: url("/euf/assets/images_fasthosts/difficulty.png") no-repeat 10px 8px;
}

#rn_AnswerText div.time div.difficulty ul li {
  list-style: none;
}

#rn_AnswerText div.time ul {
  margin: 5px 0px 5px 40px;
  padding: 0px 0px 0px 15px;
}

#rn_AnswerText div.time div.difficulty ul {
  padding: 0px;
}

#rn_AnswerText div.time ul li {
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

#rn_AnswerText div.time ul li.onestar {
  padding: 3px 0px 5px 112px;
  background: url("/euf/assets/images_fasthosts/1star.png") no-repeat scroll 0px 2px
}

#rn_AnswerText div.time ul li.twostars {
  padding: 3px 0px 5px 112px;
  background: url("/euf/assets/images_fasthosts/2stars.png") no-repeat scroll 0px 2px
}

#rn_AnswerText div.time ul li.threestars {
  padding: 3px 0px 5px 112px;
  background: url("/euf/assets/images_fasthosts/3stars.png") no-repeat scroll 0px 2px
}

#rn_AnswerText div.time ul li.fourstars {
  padding: 3px 0px 5px 112px;
  background: url("/euf/assets/images_fasthosts/4stars.png") no-repeat scroll 0px 2px
}

#rn_AnswerText div.time ul li.fivestars {
  padding: 3px 0px 5px 112px;
  background: url("/euf/assets/images_fasthosts/5stars.png") no-repeat scroll 0px 2px
}

/* Categories popup list */
#rn_metalist {
  position: relative;
}

div.additionalArticleDetails {
  background: #858585;
  color: #ffffff;
  left: 0;
  margin: 20px 0 0;
  position: absolute;
  bottom: 100%;
  width: 96%;
  padding: 2%;
  z-index: 1000;
}

div.additionalArticleDetails div.additionalDetailsContentBox {
  float: left;
  overflow: hidden;
  width: 48%;
}

div.additionalArticleDetails div.additionalDetailsContentBox h3 {
  margin-top: 0px;
}

div.additionalArticleDetails div.ADCBLast {
  float: right;
  overflow: hidden;
  width: 48%;
}

div.additionalArticleDetails a {
  color: #ffffff;
}

div.additionalArticleDetails a:hover {
  color: #bddeff;
}

.rn_ProductCategoryDisplay .rn_DataValue {
  margin-left: 0px;
}

#rn_AdditionalInfo .rn_ProductCategoryDisplay .rn_DataValue ul {
  margin-left: 180px;
}

/* Article rating */
.mask,
.yui3-widget-mask {
  position: fixed;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.yui-simple-dialog, .yui3-widget-positioned {
  position: fixed !important;
}

.yui-dialog, .yui3-panel {
  background: #ffffff;
}

.yui-dialog .container-close,
.rn_Dialog .yui3-button-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.rn_AnswerFeedback2Form .rn_Textarea {
  width: 96%;
}

/* User guides page */
div.guidesLeftCol, div.guidesRightCol {
  float: left;
  width: 48%;
}

div.guidesRightCol {
  float: right;
}

div.guidesLeftCol ul,
div.guidesRightCol ul {
  margin: 0px;
  padding: 0px;
}

div.guidesLeftCol ul li,
div.guidesRightCol ul li {
  list-style: none;
  background: url("/euf/assets/images/icons/pdf.gif") no-repeat 0px 0px;
  padding: 0px 0px 5px 25px;
  margin: 0px;
}

div.guidesLeftCol ul li.pdfonly,
div.guidesRightCol ul li.pdfonly {
  background: url("/euf/assets/themes/standard/images/icons/pdf-only.png") no-repeat 0px 0px;
  padding: 0px 0px 5px 62px;
}

div.guidesLeftCol ul li.pdfwlsrc,
div.guidesRightCol ul li.pdfwlsrc {
  background: url("/euf/assets/themes/standard/images/icons/pdf-whitelabel-source.png") no-repeat 0px 0px;
  padding: 0px 0px 5px 62px;
}

div.guidesLeftCol ul li.pdfsrc,
div.guidesRightCol ul li.pdfsrc {
  background: url("/euf/assets/themes/standard/images/icons/pdf-source.png") no-repeat 0px 0px;
  padding: 0px 0px 5px 62px;
}

div.guidesLeftCol ul li.wlsrc,
div.guidesRightCol ul li.wlsrc {
  background: url("/euf/assets/themes/standard/images/icons/whitelabel-source.png") no-repeat 0px 0px;
  padding: 0px 0px 5px 62px;
}

div.guidesLeftCol ul li span,
div.guidesRightCol ul li span {
  font-size: 12px !important;
}

div.guidesLeftCol ul li span.rn_Element1 img,
div.guidesRightCol ul li span.rn_Element1 img {
  /* Hide icon */
  display: none;
}

div.guidesLeftCol ul li span.rn_Element2,
div.guidesRightCol ul li span.rn_Element2 {
  display: block;
  color: #777777;
}

/* Masterclass range */
div.masterclass {
  float: left;
  width: 100%;
  padding: 10px 0px;
}

div.masterclass ul {
  padding: 0px;
}

div.masterclass ul li {
  list-style: none;
  background: url("/euf/assets/images_fasthosts/pdf-icon-small.jpg") no-repeat 0px 0px;
  float: left;
  width: 42%;
  height: 32px;
  padding: 2px 1% 2px 7%
}

div.masterclass ul li a span.new {
  color: #cc0000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
}

/* Key */
ul.key {
  padding: 0px;
}

ul.key li {
  list-style: none;
  padding: 0px 0px 5px 24px;
}

ul.key li strong {
  margin-right: 10px;
}

ul.key li.pdficon {
  background: url("/euf/assets/themes/standard/images/icons/page_white_acrobat.png") no-repeat 0px 0px;
}

ul.key li.whitelabelicon {
  background: url("/euf/assets/themes/standard/images/icons/page_white_text.png") no-repeat 0px 0px;
}

ul.key li.sourceicon {
  background: url("/euf/assets/themes/standard/images/icons/page_white_word.png") no-repeat 0px 0px;
}

td[id*=ygtvcontentel] {
  display: block;
  width: 100%;
}

.contactForm .ContactFormMain .rn_SmartAssistantDialog {
  margin-top: 15px;
  border-top: 5px solid #4C4C4C;
}

.contactForm .ContactFormMain .rn_SmartAssistantDialog h2 {
  color: black;
  display: block;
  font-size: 16px;
  background: none repeat scroll 0 0 #D7EAFD;
  border-bottom: 1px solid #FFFFFF;
  float: left;
  padding: 2%;
  width: 96%;
}

.contactForm .ContactFormMain,
.contactForm .ContactFormMain.textarea {
  height: auto;
  overflow: visible;
}

/* Products dropdown lvl2 display with arrows and that 04/04/17 */
.ygtvchildren .ygtvtp a:before, .ygtvchildren .ygtvtph a:before, .ygtvchildren .ygtvlp a:before, .ygtvchildren .ygtvlph a:before {
  content: "\f0da";
  font-family: "FontAwesome";
  margin-right: 6px;
  text-decoration: none;
}

.ygtvchildren .ygtvtm a:before, .ygtvchildren .ygtvtmh a:before, .ygtvchildren .ygtvlm a:before, .ygtvchildren .ygtvlmh a:before {
  font-family: 'FontAwesome';
  margin-right: 6px;
  content: "\f0d7";
  text-decoration: none;
}

.ygtvchildren a.ygtvspacer {
  display: block;
  text-decoration: none;
  width: 1em;
  #
}

.ygtvchildren .ygtvdepthcell, .ygtvchildren .ygtvblankdepthcell {
  /* Empty cells that are used for rendering the depth
         * of the node */
  background: transparent;
  width: 1em;
  height: 20px;
}

.ygtvchildren .ygtvloading:before {
  font-family: 'FontAwesome';
  margin-right: 6px;
  content: "\f110";
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: block;
  font-size: 1em;
  position: relative;
  text-align: center;
}

.ygtvchildren a.ygtvspacer:focus {
  outline-color: transparent;
}
