/* -------------------- GLOBAL -------------------- */ * {margin: 0; padding: 0;} body {font-family: arial,helvetica,sans-serif; font-size: 62.5%; background: #ffffff; color: #4f4c4d; text-align: center;} a {color: #007778; text-decoration: none; font-weight: bold;} a:hover {text-decoration: underline;} img {border: none;} h1, h2, h3, h4, h5, h6 {font-family: helvetica,arial,sans-serif; font-size: 2em; line-height: 1em; font-weight: normal;} h3, h4, h5, h6 {font-size: 1.6em;} p {font-size: 1.2em; margin-bottom: 1em;} blockquote {margin-left: 2em;} blockquote p {font-family: helvetica,arial,sans-serif;} hr {color: #f18030; border-top: 1px solid #f18030; border-bottom: 0; height: 1px; background: #f18030; margin: 0 3px 15px; clear: both;} ul, ol {list-style-type: none;} li {font-size: 1.2em;} li li {font-size: 1em;} dt {font-size: 1.2em; font-weight: bold;} dd {font-size: 1.2em;} fieldset {border: 0;} legend strong {font-size: 1.2em; font-weight: bold; text-align: right; display: block; width:140px; padding-bottom: .5em;} form div {margin-bottom: 1em;} label {font-weight: bold; display: block; font-size: 1.2em; margin-bottom: .3em;} input, textarea, select {font-family: arial,helvetica,sans-serif; font-size: 1.1em; vertical-align: middle; padding: .1em 2px; width: 220px;} #frmLogin .text {width: 150px;} table {width: 100%; margin-bottom: 2em;} th, td {padding: .666em 15px; } th {text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.3em; background: #d2651b url(/hfea/images/bg-tableHead.png) no-repeat 0 0; color: #ffffff; border-right: 1px solid #d3d2d2;} td {vertical-align: top; font-size: 1.2em; border: 1px solid #d3d2d2;} table.eupdate { width: 100%; margin-bottom: 2em; border: 0px solid #CC6600;} th.eupdate {text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.3em; background: #d2651b url(/hfea/images/bg-tableHead.png) no-repeat 0 0; color: #ffffff; border-right: 0px solid #d3d2d2;} td.eupdate {vertical-align: top; font-size: 1.2em; border: 0px solid #d3d2d2;} #wrapper {text-align: left; margin: 0 auto; width: 914px;} /* ----------------------------------------------- CLINIC FOCUS STYLES - ADDED BY NICK IRVINE -------------------------------------------------- */ .clinicfocustable { width:715px; padding: 0 0 0 0; margin: 0 0 0 0; text-align:left; border-spacing:0; border-collapse:collapse; font-size: 1em;} .clinicfocustable th {padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.2em; color: #ffffff; border:0;} .clinicfocustable td {padding: 0 0 0 0; margin: 0 0 0 0; vertical-align: top; font-size: 1.2em; border: 0px; text-align:left;} .clinicfocustable #tagline { background-color: #009091; padding: 0 0 0 0; margin: 0 0 0 0; } .clinicfocustable #tagline th { background-color: #009091; padding: 0 0 0 0; margin: 0 0 0 0; } .clinicfocustable #cf-taglinehead { color:#fff; position: absolute; top: 10%; padding-left:20px; FONT-WEIGHT: bold; FONT-SIZE: 1.4em; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; padding-top:2px; padding-bottom:2px;} .clinicfocustable #cf-editionnumber { position: absolute; top: 25%; width:180px; color:#fff; font-weight:normal; font-size:1em; FONT-FAMILY: Arial, Helvetica, sans-serif; valign:bottom; text-align:right; float:right; } .clinicfocusfooter {border-spacing:0; border-collapse:collapse; border:0; background-color: #009091; width:715px; padding: 0 0 0 0; margin: 0 0 0 0; text-align:left; border:0; } .clinicfocusfooter th {border:0; background-color: #009091; padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.2em; color: #ffffff; border:0;} .clinicfocusfooter td {border:0; background-color: #009091; padding: 0 0 0 0; margin: 0 0 0 0; vertical-align: top; font-size: 1.2em; border: 0px; text-align:left;} .clinicfocusfooter #footerwhite {background-color: #ffffff; } .clinicfocusfooter #footerwhite th {background-color: #ffffff; } .clinicfocusfooter #footerwhite td {background-color: #ffffff; } .clinicfocustable #cfleftnav {float:left; width:181px; margin-right:12px; font-size:1em !important; margin-left:6px; } .cfrightcol {float:left; width:428px; margin-left:6px; } .cfleftbox th {background-image:none; padding: 0 0 0 0; margin: 0 0 0 0; } .cfleftbox #blue th {background-color:#80c342;} .cfleftbox #green th {background-color:#009091; } .cfleftbox #lightpurple th {background-color:#c29cc2; } .cfleftbox #purple th {background-color:#996699; } .cfleftbox #orange th {background-color:#0081CB; font-size:1em;} .cfleftbox #cfsmboxcontainer { position: relative; height: 1.5em; } .cfleftbox #cfsmboxicon { display:inline-block; width:25px; } .cfleftbox #cfsmboxtitle { display:inline-block; position: absolute; top: -20%; text-align: left; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height:1.5em; } .cfleftbox ul { list-style-type:none; padding-left:10px; text-align:left; font-size:1em;} .cfleftbox ul li { list-style-image: url('http://www.hfea.gov.uk/hfea/images/bluebullet.png'); margin-left: 10px !important; margin-bottom:5px; padding-left:5px !important; color:#0081c7; FONT-FAMILY: Arial, Helvetica, sans-serif; } .cfleftbox ul li a { font-size:12px !important; } .cfleftbox a { color:#0081c7; font-weight:normal; } .cfleftbox p {text-align: left; font-family: helvetica,arial,sans-serif; font-weight:normal; } .cfrightcol #cfwide { width:428px; float:left; } .cfrightcol #cfsub_left, .cfrightcol #cfsub_right { width:214px; float:left; display:inline-block; } .cfrightcol #cfsub_left p { padding-right:12px; } .cfrightcol #cfsub_right p { padding-left:12px; } .cfrightcol #cfwide p { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1em; } .cfrightcol #cfwide ul { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1em; list-style-type:none; padding-left:10px; text-align:left; margin-bottom:10px;} .cfrightcol #cfwide li { font-size: 1em; list-style-image: url('http://www.hfea.gov.uk/hfea/images/bluebullet.png'); margin-bottom:5px; margin-left: 10px !important; FONT-FAMILY: Arial, Helvetica, sans-serif; } .cfrightcol #headparent { position:relative; height:4em; } .cfrightcol #newstitle { position: absolute; top: 0%; text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.6em; font-weight:bold; display:inline; color:#009091; width:400px !important; padding-right:8px;} .cfrightcol #cfwide h1 { display:inline; line-height:25px; font-family: helvetica,arial,sans-serif; font-size: 1.8em; font-weight:bold; color:#009091; padding-bottom:10px;} .cfrightcol #cfwide h2 { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.6em; color:#F18030; margin-bottom:0px;} .cfrightcol #cfwide h3 { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.2em; font-weight:bold; color:#009091; margin-bottom:5px;} .cfrightcol #cfwide a { color:#009091; } .cfsmallnews { margin-bottom:20px; } .cfsmallnews p { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1em; } .cfsmallnews #cficon { display:block; float:left; width:25px; height:60px;} .cfsmallnews #cfsmtitle { display:block; float: left; height:60px; font-family: helvetica,arial,sans-serif; font-size: 1.4em; font-weight:bold; color:#009091; width:170px;} .cfsmallnews #cfsmtitle h3 { } .cfrightcol #cfsub_right .cfsmallnews #cficon { padding-left:12px!important; } .cfrightcol #cfsub_left .cfsmallnews #cfsmtitle { padding-right:12px!important; } .cfleftspacer { float:left; display:block; margin-left:193px !important; } /*---------------------------------------------------------------- ANNUAL CONFERENCE MICROSITE STYLES - ADDED BY NICK IRVINE -------------------------------------------------------------------* .labfield { width:20%; display:block; float:left; } .inputfield { width:80%; display:block; float:left; } .frmWrapper div .CFsubscribe { width:200px; height:200px; border:1px solid #000; } #CFsubscribe.checkbox label {width:900px !important; } .frmWrapper #CFsubscribe label {float: left; width: 80%; padding-right: 10px; text-align: left;} .frmWrapper #CFsubscribe checkbox {width: 20%;} /* -------------------- COMMON -------------------- */ .accessibility {position: absolute; left: -9999px;} /*--- Image styles ---*/ img.fltLft {float: left; margin-right: 10px; margin-bottom: 1em;} img.fltRgt {float: right; margin-left: 10px; margin-bottom: 1em;} .introImg {float: left; background: url(/hfea/images/bg-introImgTR.png) no-repeat 100% 0; padding-top: 2px; padding-right: 2px; margin-right: 10px; margin-bottom: 1em;} .introImgInner {float: left; background: url(/hfea/images/bg-introImgTR.png) no-repeat 0 100%; padding-bottom: 2px; padding-left: 2px;} .introImgInner img {float: left; border: 3px solid #ffffff;} /*--- Intro styles ---*/ .intro {font-size: 1.6em; color: #231f20;} .landing .intro {font-size: 1.4em;} .intro strong {color: #bf550f;} .intro strong a {color: #bf550f;} .readMore {text-align: right;} .date {font-weight: bold; margin-bottom: 0;} /*--- Table styles ---*/ th.first {background: #d2651b url(/hfea/images/bg-tableHeadL.png) no-repeat 0 0;} th.last {background: #d2651b url(/hfea/images/bg-tableHeadR.png) no-repeat 100% 0; border-right: 0;} th.firsteupdate {background: #d2651b url(/hfea/images/bg-tableHeadL.png) no-repeat 0 0; border:0} th.lasteupdate {background: #d2651b url(/hfea/images/bg-tableHeadR.png) no-repeat 100% 0; border: 0;} /*--- Form styles ---*/ .man {color: #C00000; font-size: 1.2em; padding-right: .2em;} .frmWrapper div {width: 100%; clear: both; position: relative;} .frmWrapper div.checkbox {float: left;} .frmWrapper div label {float: left; width: 140px; padding-right: 10px; text-align: right;} .frmWrapper div.checkbox label {width: auto; padding-right: 0; text-align: left; margin-bottom: 0; width: 210px;} input.btn {width: auto;} .frmWrapper div input.btn {margin-left: 145px;} .frmWrapper div.checkbox input {padding: 0; width: auto; margin-left: 150px; float: left; margin-right: 3px;} .frmWrapper div.frmInfo p {margin-left: 145px;} .valid {border: 2px solid green !important;} .invalid {border: 2px solid #BF550F !important;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .highlight { background-color:#FBF825; color:#000000; padding:3px; } /* -------------------- HEADER -------------------- */ #header {float: left; margin-bottom: 2em; width: 100%;} #logo {float: left; padding: 2.5em 0 0 20px; width: 222px;} #siteOptions {float: right; padding-right: 5px; width: 667px;} #siteOptions ul {float: right; margin-bottom: 3.5em;} #siteOptions li {float: left; font-size: 1.1em; background: url(/hfea/images/bdr-pipe.png) no-repeat 100% 50%; margin-top: 20px; padding-right: 11px;} #siteOptions li#homeBtn, #siteOptions li#textSizeBtn, #siteOptions li.last {background: none; padding-right: 0;} #siteOptions li#homeBtn {margin-right: 20px; margin-top: 10px;} #siteOptions li#textSizeBtn {margin-top: 15px; margin-right: 30px;} dl#textSize dt, dl#textSize dd span {position: absolute; left: -9999px;} dl#textSize dd {display: inline; text-transform: uppercase; margin-right: 7px; font-size: 1em;} dl#textSize dd.large {font-size: 1.272em;} dl#textSize dd.xlarge {font-size: 1.636em; margin-right: 0;} #siteSearch {clear: both; float: right; background: url(/hfea/images/bg-siteSearchTop.png) no-repeat 0 0; width: 360px;} #siteSearch div {background: #e9e8e8 url(/hfea/images/bg-siteSearchBottom.png) no-repeat 0 100%; padding: 1em 0 1em 18px; margin-bottom: 0;} #siteSearch label {position: absolute; left: -9999px;} #siteSearch input#fldSearchFor {border: 0; background: #ffffff url(/hfea/images/bg-fldSearchFor.png) no-repeat 0 0; padding: .3em 3px; width: 226px;} /* -------------------- PRIMARY NAV -------------------- */ #primaryNav {float: left; clear: both; margin-bottom: 1em; padding: 0 4px; width: 906px;} #primaryNav ul {float: left; background: #be540f url(/hfea/images/bg-primaryNav.png) no-repeat 0 100%; width: 906px; height:56px;} #primaryNav ul#primaryNav1 {background-image: url(/hfea/images/bg-primaryNav1.png);} #primaryNav ul#primaryNav2 {background-image: url(/hfea/images/bg-primaryNav2.png);} #primaryNav ul#primaryNav3 {background-image: url(/hfea/images/bg-primaryNav3.png);} #primaryNav ul#primaryNav4 {background-image: url(/hfea/images/bg-primaryNav4.png);} #primaryNav ul#primaryNav5 {background-image: url(/hfea/images/bg-primaryNav5.png);} #primaryNav ul#primaryNav6 {background-image: url(/hfea/images/bg-primaryNav6.png);} #primaryNav li {float: left; font-family: helvetica,arial,sans-serif; font-size: 1em; width:151px; background: url(/hfea/images/bg-primaryNavMid.png) no-repeat 0 0; height:28px;} #primaryNav li#nav1 {background-image: url(/hfea/images/bg-primaryNavMidFirst.png); height: 28px;} #primaryNav ul#primaryNav1 li#nav1 {background-image: url(/hfea/images/bg-primaryNavMidFirst1.png); height: 28px;} #primaryNav ul#primaryNav6 li#nav6 {background-image: url(/hfea/images/bg-primaryNavMidLastOn.png); height: 28px;} #primaryNav li#nav6 {background-image: url(/hfea/images/bg-primaryNavMidLast.png); height: 28px;} #primaryNav li.on {background-color: #eaeaea; background-image: url(/hfea/images/bg-primaryNavMidOn.png); height:28px; } #primaryNav a {display: block; color: #ffffff; padding: 0.8em 10px 0.5em;} #primaryNav li.on a {color: #4f4c4d;} #primaryNav a span {display: block; font-size: 1.5em; padding-bottom: 2px;} /* -------------------- BREADCRUMB -------------------- */ #breadcrumb {clear: both; padding: 1em 20px 2em; padding-left: 3px; margin-left: 3px;} #breadcrumb li {display: inline; font-weight: bold;} #breadcrumb a {background: url(/hfea/images/blt-breadcrumb.png) no-repeat 100% 50%; padding-right: 15px;} /* -------------------- PAGE BODY -------------------- */ #pageBody {float: left; background: url(/hfea/images/bg-pageBodyRepeat.png) repeat-y 0 0; margin-bottom: 2em; width: 100%;} #pageBodyInner {float: left; background: url(/hfea/images/bg-pageBodyBottom.png) no-repeat 0 100%; width: 100%;} .home #pageBodyInner {background-image: url(/hfea/images/bg-pageBodyBottomAmp.png);} #contentWrapper {float: left; background: url(/hfea/images/bg-pageBodyTop.png) no-repeat 0 0; padding: 2em 20px; width: 874px;} /* -------------------- TAB NAV -------------------- */ #tabNav {float: left; clear: both; background: #ffffff; padding: 0 4px; width: 906px; position: relative;} #tabNav ul {float: left; width: 100%; position: relative;} #tabNav li {float: left; border-right: 2px solid #ffffff; background: url(/hfea/images/bg-tabL.png) no-repeat 0 0; top: 3px; position: relative;} #tabNav li.on {background-image: url(/hfea/images/bg-tabLon.png); top: 5px;} #tabNav span {display: block; background: url(/hfea/images/bg-tabR.png) no-repeat 100% 0; padding: 10px 10px 0; } #tabNav li.on span {background-image: url(/hfea/images/bg-tabRon.png);} #tabNav a {display: block; color: #231f20; float: left; height: 3em;} #tabNav a span {background: none; padding: 0;} #tabNav li.on a span {background: none;} /* -------------------- SIDE NAV -------------------- */ #sideNav {float: left; background: #ffffff url(/hfea/images/bg-sideNavMid.png) repeat-y 0 0; width: 197px; margin-right: 8px;} #sideNav strong {display: block; font-size: 2em; line-height: 1em; font-weight: normal; background: #e17226 url(/hfea/images/bg-sideNavTop.png) no-repeat 0 0; color: #ffffff; padding: .85em 15px .6em; width: 167px;} #sideNavInner {float: left; background: url(/hfea/images/bg-sideNavBot.png) no-repeat 0 100%; padding: .5em 11px 1em; width: 175px;} #sideNavInner span.active {color: #BF550F;} /*--- third level ---*/ #sideNavInner ul {width: 175px; float:left;} #sideNavInner ul li {font-size: 1.4em; font-family: helvetica,arial,sans-serif; width: 175px; float:left;} #sideNavInner ul li.on {border-top: 1px solid #8e8c8d;} #sideNavInner ul li a, #sideNavInner ul li span {color: #4f4c4d; font-weight: normal; padding-top: .714em; padding-bottom: .714em; padding-left: 16px; display: block; background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em; width: 159px; float:left;} #sideNavInner ul li.on a, #sideNavInner ul li.on span {background: #f2f2f2 url(/hfea/images/blt-orangeArrowDown.png) no-repeat 0 .9em; font-weight: bold;} /*--- fourth level ---*/ #sideNavInner ul li.on ul {border-bottom: 1px solid #8e8c8d; padding-left: 13px; width: 162px; margin-top: 1px;} #sideNavInner ul li ul li {font-size: .857em; width: 162px;} #sideNavInner ul li ul li.on {border-top: 0;} #sideNavInner ul li.on ul li a, #sideNavInner ul li.on ul li span {background: none; padding-top: .3em; padding-bottom: .3em; padding-left: 17px; width: 145px; font-weight: normal;} #sideNavInner ul li.on ul li.on a, #sideNavInner ul li.on ul li.on span {background: #f2f2f2 none; font-weight: bold;} /*--- fifth level ---*/ #sideNavInner ul li.on ul li ul {border: 0; padding-left: 13px; width: 149px;} #sideNavInner ul li ul li ul li {font-size: 1em; width: 149px;} #sideNavInner ul li.on ul li ul li a {} #sideNavInner ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 132px;} #sideNavInner ul li.on ul li.on ul li.on a, #sideNavInner ul li.on ul li.on ul li.on span {font-weight: bold; background: #f2f2f2 url(/hfea/images/blt-orangeDotOn.png) no-repeat 0 .5em;} /*--- sixth level ---*/ #sideNavInner ul li.on ul li.on ul li.on ul {width: 136px; } #sideNavInner ul li.on ul li.on ul li.on ul li {width: 136px;} #sideNavInner ul li.on ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 119px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on a, #sideNavInner ul li.on ul li.on ul li.on ul li.on span {font-weight: bold; background: #f2f2f2 url(/hfea/images/blt-orangeDotOn.png) no-repeat 0 .5em;} /*--- seventh level ---*/ #sideNavInner ul li.on ul li.on ul li.on ul li.on ul {width: 123px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li {width: 123px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 106px;} /*--- code of practice ---*/ .cop #sideNav strong {font-style: italic; font-size: 1em; font-weight: bold; background: none; color: #4f4c4d; padding: 0 0 .1em; width: 100%; margin-top: 1em;} .cop #sideNavInner {background: url(/hfea/images/bg-sideNavBot.png) no-repeat 0 100%; padding: 0; width: 197px;} .cop #sideNavInner ul {background: url(/hfea/images/bg-sideNavTopCop.png) no-repeat 0 0; padding: 1em 11px;} .cop #sideNavInner ul li {border-bottom: 1px solid #8e8c8d;} .cop #sideNavInner ul li.last {border-bottom: 0;} .cop #sideNavInner ul li.on {border-top: 0;} .cop #sideNavInner ul li a {padding: .714em 0 .714em 16px; background-position: 0 .9em;} .cop #sideNavInner ul li.on a {background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em;} .cop #sideNavInner ul ul {background: none; padding: 0;} .cop #sideNavInner ul li.on ul {border-bottom: 0; padding-left: 0; width: 100%;} .cop #sideNavInner ul li ul li {width: auto; clear: left; width: 100%; border-bottom: 0;} .cop #sideNavInner ul li ul li a {background: none; padding: 0; display: inline; width: auto; float: none;} .cop #sideNavInner ul li.on ul li a {background: none;} .cop #sideNavInner ul li ul li ul {width: 100%; padding-left: 0; margin-top: 0; border-top: 0;} .cop #sideNavInner ul li ul li ul li {color: #bf550f; padding: .1em 0;} .cop #sideNavInner ul li ul li ul li.on {font-weight: bold; background: #f3f3f3; color: #4F4C4D;} .cop #sideNavInner ul li ul li ul li a {color: #007778;} .cop #sideNavInner ul li ul li ul li.on a {background: none; color: #4F4C4D;} /* -------------------- CONTENT -------------------- */ #content {float: left; margin-right: 26px;} .home #content {width: 436px;} .landing #content {width: 534px;} .twoColumn #content {margin-right: 0; width: 669px; background: #ffffff url(/hfea/images/bg-contentBottomTwoColumn.png) no-repeat 0 100%;} .threeColumn #content {margin-right: 10px; width: 454px; background: #ffffff url(/hfea/images/bg-contentBottomThreeColumn.png) no-repeat 0 100%;} .standardTwoColumn #content {width: 643px; background: #ffffff url(/hfea/images/bg-contentBottomStandardTwoColumn.png) no-repeat 0 100%;} .standard #content {margin-right: 0; width: 874px; background: #ffffff url(/hfea/images/bg-contentBottomStandard.png) no-repeat 0 100%;} .cop #content {margin-right: 0; width: 669px; background: #ffffff url(/hfea/images/bg-contentBottomTwoColumn.png) no-repeat 0 100%;} .twoColumn #content h1, .threeColumn #content h1, .standardTwoColumn #content h1, .standard #content h1, .cop #content h1 {background: url(/hfea/images/bg-contentTL.png) no-repeat 0 0; color: #bf550f; font-size: 2.4em; margin-bottom: 1.25em; font-weight: bold;} .twoColumn #content h1 span, .threeColumn #content h1 span, .standardTwoColumn #content h1 span, .standard #content h1 span, .cop #content h1 span {display: block; background: url(/hfea/images/bg-contentTR.png) no-repeat 100% 0; padding: 17px 12px 0 12px;} .landing #content h2 {background: none; color: #BF550F; font-size: 1.6em; font-weight: bold; margin-bottom: .625em; padding-top: .625em;} .landing #content h3 {color: #BF550F; font-size: 1.4em; font-weight: bold; margin-bottom: .714em; padding-top: .714em;} .landing #content h4 {font-size: 1.3em; margin-bottom: .769em; font-weight: bold; padding-top: .769em;} #contentInner {padding: 0 12px 0 12px;} .standardTwoColumn #contentInner {float: left; width: 619px;} /* to float glossary and keep margins intact */ .cop #contentInner {float: left; width: 645px;} #contentInner h2 {color: #bf550f; font-size: 1.6em; margin-bottom:.625em; font-weight: bold; padding-top: .625em;} #contentInner h3 {color: #bf550f; font-size: 1.4em; margin-bottom: .714em; font-weight: bold; padding-top: .714em;} #contentInner h4 {font-size: 1.3em; margin-bottom: .769em; font-weight: bold; padding-top: .769em;} #contentInner ul, #contentInner ol {padding-bottom: 1.5em;} #contentInner li {margin-left: 20px; padding: .5em 0;} #contentInner ul li {background: url(/hfea/images/blt-blackDot.png) no-repeat 0 .9em; padding-left: 22px;} #contentInner ul li ul, #contentInner ol li ol {padding-top: .5em; padding-bottom: .5em;} #contentInner ol li {list-style-type: decimal} #contentInner ol li li {list-style-type: lower-alpha} #contentInner ol li li li {list-style-type: lower-roman} #contentInner dd {margin-bottom: 1em;} #contentInner ul.pdf li {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.doc li {background: url(/hfea/images/icn-doc.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.xls li {background: url(/hfea/images/icn-xls.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.ppt li {background: url(/hfea/images/icn-ppt.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.zip li {background: url(/hfea/images/icn-zip.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.mp3 li {background: url(/hfea/images/icn-mp3.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.relatedLinks li {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 0.8em; padding-left: 10px; padding-bottom: .5em;} /*--- Overide bullet styles ---*/ #contentInner ul li.pdf {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.doc {background: url(/hfea/images/icn-doc.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.xls {background: url(/hfea/images/icn-xls.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.ppt {background: url(/hfea/images/icn-ppt.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.zip {background: url(/hfea/images/icn-zip.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.mp3 {background: url(/hfea/images/icn-mp3.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.relatedLink {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 0.8em; padding-left: 22px; padding-bottom: .5em;} p.dateStamp {margin-top: 3em; color: #999; font-size: 0.9em; float: left; clear: left; width: 100%;} /*--- Glossary List ---*/ #contentInner #glossaryList {float: left; margin: 0 0 3em; padding: 0 20px; width: 100%;} .cop #contentInner #glossaryList {width: 100%;} #contentInner #glossaryList li {float: left; margin: 0; padding: 0 6px; font-size: 1.6em; list-style-type: none;} #contentInner #glossaryList li.on a {color: #bf550f;} /*--- Search Results ---*/ #advSearchBox {background: #ebebeb url(/hfea/images/bg-advSearchBoxBot.png) no-repeat 0 100%; margin-bottom: 2em;} #advSearchBox .frmWrapper {background: url(/hfea/images/bg-advSearchBoxTop.png) no-repeat 0 0; padding: 15px;} .frmWrapper form#frmAdvancedSearch div label {width: 70px;} .frmWrapper fieldset#filters legend strong {width: 70px; padding-top: 1em; padding-bottom: 1em;} .frmWrapper fieldset#filters div.checkbox label {width: auto;} .frmWrapper fieldset#filters div.checkbox input {margin-left: 80px;} .frmWrapper #filtersColLeft {float: left; width: 150px;} .frmWrapper #filtersColRight {float:left; width: 400px; clear: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox {width: 200px; float: left; clear: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox label {display: inline; float: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox input {margin-left: 0; display: inline; float: none;} .frmWrapper form#frmAdvancedSearch div.button {text-align: right;} .frmWrapper form#frmAdvancedSearch div.button input.btn {margin-left: 0;} #contentInner #searchResultsList {margin: 0; padding: 0;} #contentInner #searchResultsList li {margin: 0 0 2em; padding: 0; background: none; font-size: 1em;} #contentInner #searchResultsList li h2 {margin-bottom: .3em; color: #4f4c4d; font-size: 1.4em;} #contentInner #searchResultsList li p {margin-bottom: .3em;} /*--- Pagination ---*/ .paginationTools {position: relative; min-height: 4em; height: auto!important; height: 4em; clear: both; width: 100%; border-top: 1px solid #d3d2d2; padding-top:1em;} .paginationTools a {text-decoration: none;} .paginationTools a:hover {text-decoration: underline;} .paginationPrev {position: absolute; left: 10px; top: 1em;} .paginationPrev a {font-size: 1.2em; background: url(/hfea/images/blt-greenArrowPrev.png) left .4em no-repeat; padding-left: 10px;} .paginationPageNo {text-align: center;} .paginationPageNo p {position: absolute; left: -9999px;} .paginationPageNo ol {list-style-type: none; margin-left: 0;} #contentInner .paginationPageNo li {display: inline; margin-left: 0; margin-bottom: 0; font-size: 1.2em;} .paginationPageNo li a {padding: 0 .1em; } .paginationPageNo li strong {padding: 0 .1em;} .paginationNext {position: absolute; right: 10px; top: 1em;} .paginationNext a {font-size: 1.2em; background: url(/hfea/images/blt-greenArrow.png) right .4em no-repeat; padding-right: 12px;} /*--- Sitemap ---*/ #sitemap ul ul {background: url(/hfea/images/bdr-vert.png) repeat-y 20px 0; padding-bottom: 0; padding-left: 20px; margin-bottom: 2em;} #sitemap ul ul li {background: url(/hfea/images/bdr-horiz.png) no-repeat 0 1em; padding-left: 20px; margin-left: 0; margin-bottom: 0; padding-bottom: 0;} #sitemap ul li {background: url(/hfea/images/bdr-horiz.png) no-repeat 0 1em; padding-left: 20px; margin-left: 0; margin-bottom: 0; padding-bottom: 0;} /*--- A-Z List ---*/ #contentInner #azList li {background: none; padding-top: 1.5em; padding-left: 0;} #contentInner #azList li strong {font-style: italic;} #contentInner #azList li ul {padding-top: 0;} #contentInner #azList li ul li {color: #bf550f; padding-top: .3em;} /*--- Code of Practice homepage bottom 2 columns ---*/ .boxPanels {clear: both; width: 645px;} .boxPanelCol {float: left; width: 314px;} #boxPanelLeftCol {margin-right: 17px;} /*--- On This Page ---*/ #onThisPage {margin-right: 10px; width: 390px; float: left; margin-bottom: 2em;} #onThisPage p, #onThisPage ul {padding-left: 30px;} #contentInner #onThisPage ul li {padding-bottom: 0; paddng-top: 0; } /*--- Guidance Note Search Tools ---*/ #codeTools {width: 245px; float: left;} #codeTools ul li.arrow {background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em;} #searchTheCode {background: #f8f8f8; padding: 1.5em 15px 0; width: 215px; float: left; margin-bottom: 1em;} #searchTheCode .frmWrapper div input {width: 200px;} #searchTheCode .frmWrapper #filters div input {width: auto; margin-left: 0;} #searchTheCode .frmWrapper div.button {text-align: right;} #searchTheCode .frmWrapper div input.btn {width: auto; margin-left: 0;} #searchTheCode label em {font-style: normal; font-weight: normal;} #frmClinicFilter div {padding: 0 15px; width: 215px;} #frmClinicFilter div label {font-size: 1.4em; width: auto; padding-right: 0; text-align: left;} #frmClinicFilter div select {width: 200px;} #frmClinicFilter div.button {text-align: right;} #frmClinicFilter div input.btn {margin-left:0;} /* -------------------- SECONDARY CONTENT -------------------- */ #secondaryContent {float: right;} .home #secondaryContent {padding-bottom: 230px; width: 412px;} .landing #secondaryContent {width: 314px;} .threeColumn #secondaryContent {width: 205px;} .standardTwoColumn #secondaryContent {width: 205px;} .secondaryContentCol {float: left; width: 50%;} /* -------------------- BOXES -------------------- */ .box {background: #ffffff url(/hfea/images/bg-boxLeftBottom.png) no-repeat 0 100%; width: 100%;} .secondaryContentCol .box {float: left; width: 205px;} .cop .box {background: url(/hfea/images/bg-boxLeftBottomCop.png) no-repeat 0 100%;} .boxPanelCol .box {margin-bottom: 1em;} .cop .box h2 {color: #ffffff;} .box h1, .box h2 {background: #df7124 url(/hfea/images/bg-boxHeadOrange.png) no-repeat 0 0; color: #ffffff;} #contentInner .box h2 {margin-bottom: 0; font-size: 2em; font-weight: normal; padding-top: 0;} .box h1 span, .box h2 span {display: block; background: url(/hfea/images/bg-boxHeadOrangeRight.png) no-repeat 100% 0; padding: .85em 15px .6em;} .secondaryContentCol .box h2 span {padding: .7em 15px .5em;} .box h2.blue {background: #0081c7 url(/hfea/images/bg-boxHeadBlue.png) no-repeat 0 0;} .cop .box h2.blue {background-image: url(/hfea/images/bg-boxHeadBlueCop.png);} .box h2.blue span {background-image: url(/hfea/images/bg-boxHeadBlueRight.png);} .cop .box h2.blue span {background-image: url(/hfea/images/bg-boxHeadBlueRightCop.png);} .box h2.green {background: #009091 url(/hfea/images/bg-boxHeadGreen.png) no-repeat 0 0;} .cop .box h2.green {background-image: url(/hfea/images/bg-boxHeadGreenCop.png);} .box h2.green span {background-image: url(/hfea/images/bg-boxHeadGreenRight.png);} .cop .box h2.green span {background-image: url(/hfea/images/bg-boxHeadGreenRightCop.png);} .box h2.purple {background: #996699 url(/hfea/images/bg-boxHeadPurple.png) no-repeat 0 0;} .cop .box h2.purple {background-image: url(/hfea/images/bg-boxHeadPurpleCop.png);} .box h2.purple span {background-image: url(/hfea/images/bg-boxHeadPurpleRight.png);} .cop .box h2.purple span {background-image: url(/hfea/images/bg-boxHeadPurpleRightCop.png);} .box h2.grey {background: #e9e8e8 url(/hfea/images/bg-boxHeadGrey.png) no-repeat 0 0; color: #0081c8;} .cop .box h2.grey {background-image: url(/hfea/images/bg-boxHeadGreyCop.png);} .box h2.grey span {background-image: url(/hfea/images/bg-boxHeadGreyRight.png);} .cop .box h2.grey span {background-image: url(/hfea/images/bg-boxHeadGreyRightCop.png);} .box h1 span a, .box h2 span a {color: #ffffff; font-weight: normal;} .box h2.grey span a {color: #0081c8;} .boxInner {background: url(/hfea/images/bg-boxRightBottom.png) no-repeat 100% 100%; padding: 1em 15px .5em;} .cop .boxInner {background: url(/hfea/images/bg-boxRightBottomCop.png) no-repeat 100% 100%;} .boxInner ul {margin-left: 5px;} .cop #contentInner .boxInner ul {margin-left: 0;} .boxInner li {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: .5em;} .boxInner ul.faqList li {background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: .5em;} /* .cop #contentInner .boxInner li {margin-left: 0; padding-top: 0; background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-bottom: .5em; padding-left: 10px;} */ .boxInner ul.pdf li {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em; padding-left: 22px; padding-top: 0.5em;} div.keyAreas {clear: both; margin-bottom: 1em;} div.keyAreas h3 {float: left; padding-right: 5px; font-size: 1.2em; font-weight: bold;} div.keyAreas ul {margin-left: 6.5em;} div.keyAreas li {display:inline; background: url(/hfea/images/bdr-keyAreasPipe.png) no-repeat 0 .2em; padding-left: 11px;} div.keyAreas li.first {background: none; padding-left: 0;} /*--- Clinic Search Box ---*/ .clinicSearch {float: left; background: url(/hfea/images/bg-clinicSearchBot.png) no-repeat 0 100%; margin-right: 12px; margin-bottom: 1em; width: 217px;} .clinicSearchInner {background: url(/hfea/images/bg-clinicSearchTop.png) no-repeat 0 0; padding: 1em 0 1em 10px;} .clinicSearchInner h3 {color: #bf550f;} .clinicSearchInner h3 a {color: #bf550f; font-weight: normal;} .clinicSearchInner p {font-size: 1.1em;} #frmClinicSearch div {padding-left: 65px; margin-bottom: 0;} #frmClinicSearch input#postcode {padding: 0; width: 85px;} .clinicSearchInner p.readMore {padding-right: 10px;} #validationError, .validationError {display: none; color: #f00; padding-left: 20px; background: url(/hfea/images/yellowExlaim.gif) 0 0 no-repeat } .frmWrapper div label.error { float: none; color: #f00; padding-left: 30px; vertical-align: top; display:inline; border: 0px; background: url(/hfea/images/yellowExlaim.gif) 10px 0 no-repeat } .frmWrapper div input.error, textarea.error {border: 2px solid #BF550F !important;} /*--- FAQ Box ---*/ .faqBox {border: 1px solid #fef2ea; background: #fef9f4; padding: 1em 10px;} .faqBox h3 a {font-weight: normal; color: #4f4c4d;} .faqBox ul {background: url(/hfea/images/icn-questionMark.png) no-repeat 0 0; padding-left: 55px; margin-top: 1em; margin-left: 0;} .faqBox ul li {background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: 0;} /*--- Latest News Box ---*/ .latestNewsBox {background: #ffffff url(/hfea/images/bg-latestNewsBoxBL.png) no-repeat 0 100%; width: 100%;} .cop #contentInner .latestNewsBox {margin-bottom: 1em; background-image: url(/hfea/images/bg-latestNewsBoxBLCop.png);} .latestNewsBox h2 {background: #e5f4f4 url(/hfea/images/bg-latestNewsBoxTL.png) no-repeat 0 0; padding-top: 0;} #contentInner .latestNewsBox h2 {margin-bottom: 0; font-size: 2em; font-weight: normal;} .cop #contentInner .latestNewsBox h2 {background-image: url(/hfea/images/bg-latestNewsBoxTLCop.png); padding: 0; color: #4F4C4D;} .latestNewsBox h2 span {display: block; background: url(/hfea/images/bg-latestNewsBoxTR.png) no-repeat 100% 0; padding: .85em 15px .6em;} .cop .latestNewsBox h2 span {background-image: url(/hfea/images/bg-latestNewsBoxTRCop.png);} .latestNewsBox h2 span a {color: #4f4c4d; font-weight: normal;} .cop .latestNewsBox p {font-size: 1em;} .cop #contentInner .box h2 {color: #ffffff;} .cop #contentInner .box h2.grey {color: #0081c8;} .latestNewsBox dl {background: url(/hfea/images/bg-latestNewsBoxBR.png) no-repeat 100% 100%; padding: 0 5px 10px;} .cop .latestNewsBox dl {background-image: url(/hfea/images/bg-latestNewsBoxBRCop.png);} .latestNewsBox dt {color: #bf550f; border-top: 1px solid #b2ddde; padding: 12px 13px 0 15px;} .latestNewsBox dd {padding: 0 13px 12px 15px;} .cop #contentInner .latestNewsBox dd {margin-bottom: 0;} .latestNewsBox dd span {display: block; text-align: right;} /* .cop .latestNewsBox dd span {text-align: left;} */ .latestnewsdate { color: #777777; font-size: 0.9em !important; margin-top: 6px; margin-bottom: 6px; } /*--- Quote Box ---*/ .quoteBox {background: #ffffff url(/hfea/images/bg-quoteBoxBL.png) no-repeat 0 100%; width: 100%;} .secondaryContentCol .quoteBox {float: left; width: 205px;} .quoteBoxInner {background: url(/hfea/images/bg-quoteBoxBR.png) no-repeat 100% 100%; width: 100%;} .quote {background: url(/hfea/images/bg-quoteBoxTL.png) no-repeat 0 0; width: 100%;} .quoteInner {background: url(/hfea/images/bg-quoteBoxTR.png) no-repeat 100% 0; padding: 55px 15px .5em;} .quoteInner blockquote {background: url(/hfea/images/icn-quoteClose.png) no-repeat 100% 100%; padding: 0 8px 22px 0; margin: 0 0 1em 8px} .quoteInner blockquote p {margin-bottom: 0; font-size: 1.8em; line-height: 1em; font-weight: normal; font-style: normal;} /*--- Landing Box ---*/ .landingBox {width: 497px; clear: both; background: url(/hfea/images/bg-journeyTop.png) no-repeat 0 0;} .landingBoxInner {background: url(/hfea/images/bg-landingBoxBot.png) no-repeat 0 100%; padding: 1em 10px 19px 15px; width: 472px;} #content .landingBoxInner h2 {font-weight: bold; line-height: normal; margin-bottom: .5em; padding-top: 0;} .landingBoxInner h2 a {color: #bf550f;} .landingBoxInner dt {float: left; margin-right: 5px;} .landingBoxInner dd {margin-bottom: 1em;} .landingBoxInner p.readMore {margin-bottom: 0;} .landingBox .pressReleases {margin-top: 10px;} .landingBox .pressReleases dd {margin-left: 60px;} /*--- Background briefings Box ---*/ .backgroundbriefingsBox {width: 100%; clear: both; } .backgroundbriefingsInner {width: 100%;} #content .backgroundbriefingsInner h2 {font-weight: bold; line-height: normal; margin-bottom: .5em; padding-top: 0;} .backgroundbriefingsInner h2 a {color: #bf550f;} .backgroundbriefingsInner dt {float: left; margin-right: 5px;} .backgroundbriefingsInner dd {margin-bottom: 1em;} .backgroundbriefingsInner p.readMore {margin-bottom: 0;} .backgroundbriefings .pressReleases {margin-top: 10px;} .backgroundbriefings .pressReleases dd {margin-left: 60px;} /*--- Journey Box --- */ #journeyBox {background: url(/hfea/images/bg-journeyBoxMid.png) repeat-y 0 0;} #journeyBox .boxInner {background: url(/hfea/images/bg-journeyBoxBot.png) no-repeat 0 100%;} #journey {width: 497px;} #journey li {font-size: 1em; padding-left: 0; padding-bottom: 0; width: 100%; clear: both; background: url(/hfea/images/bg-journeyTop.png) no-repeat 0 0;} #journey div {background: url(/hfea/images/bg-journeyBot.png) no-repeat 0 100%; padding: 1em 10px 53px 15px;} #journey li.last div {background-image: url(/hfea/images/bg-journeyBotAlt.png); padding-bottom: 19px;} #journey h2 {font-size: 1.6em; color: #bf550f; background: none; font-weight: bold; line-height: normal; margin-bottom: .5em; padding-top: 0;} #journey h2 a {color: #bf550f;} #journey dt {float: left; margin-right: 5px;} #journey dd {margin-bottom: 1em;} #journey p.readMore {margin-bottom: 0;} /*--- Map Box ---*/ #mapBox {background-image: url(/hfea/images/bg-boxLeftBottomMap.png);} #mapBox .boxInner {padding: 2em 40px 6.5em 30px;} #mapBox #frmClinicSearch div {padding-top: 3em; padding-left: 104px; margin-bottom: 0;} .threeColumn #secondaryContent #mapBox #frmClinicSearch div {padding: 0; margin: 0;} .threeColumn #secondaryContent #frmClinicSearch input#postcode {padding: 0; width: 75px;} .threeColumn #secondaryContent #mapBox {background-image: url(/hfea/images/bg-boxLeftBottom.png);} .threeColumn #secondaryContent #mapBox .boxInner {padding: 2em 40px 1em 30px;} /*--- Flash Box ---*/ .flashBox {padding-bottom: 1em; padding-top: 1em; padding-left: 1em;} /*--- Sub Box ---*/ .subBoxWrapper {background: #ebebeb url(/hfea/images/bg-subBoxTL.png) no-repeat 0 0; width: 100%; margin-bottom: 2em;} .subBoxContainer {background: url(/hfea/images/bg-subBoxTR.png) no-repeat 100% 0; width: 100%; padding-top: 15px;} #contentInner .subBoxContainer h2 {padding-top: 0;} .subBox {background: url(/hfea/images/bg-subBoxBL.png) no-repeat 0 100%; padding-left: 15px;} .subBoxInner {background: url(/hfea/images/bg-subBoxBR.png) no-repeat 100% 100%; padding-right: 15px; padding-bottom: 15px;} .subBoxContainer p.readMore {clear: right; margin-bottom: 0;} .subBoxInner h2 a {color: #BF550F;} .subBoxInner p {font-weight: normal; color:#000; text-decoration:none;} .subBoxInner:hover {font-weight: normal; text-decoration:none;} .subBoxContainer:hover {font-weight: normal; text-decoration:none;} .subBoxWrapper:hover {font-weight: normal; text-decoration:none;} /*--- FAQs center box ---*/ #contentInner .faqs {padding: 1.5em 0;} #contentInner .faqs h2 {margin-bottom: 0.5em;} #contentInner .faqs h3 {padding-top: 1.5em; margin-bottom: 0.5em;} #contentInner .faqs .subBox h3 {padding: 0; background:transparent url(/hfea/images/bg-subBoxTL.png) no-repeat scroll 0 0; margin-bottom:0;} #contentInner .faqs .subBox h3 span {background: transparent url(/hfea/images/bg-subBoxTR.png) no-repeat scroll 100% 0; display: block; padding: 15px 15px 1.25em;} #contentInner .faqs .jumpTo {display: block; padding-top: 1em;} /*--- Area listings box*/ #contentInner ul.areaListings {margin: 2em 1em;} #contentInner ul.areaListings li {padding-left: 0; background: none; margin-left: 0;} #contentInner ul.areaListings li {border-bottom: 1px solid #BF550F; margin-bottom: 1em; padding-bottom: 1em} #contentInner ul.areaListings li h2 {font-size: 1em; margin-bottom: 0.5em;} #contentInner ul.areaListings p {font-size: 1em; margin-bottom: 0.5em;} #contentInner ul.areaListings img {float: right; padding: 0 1em;} /*--- Share Box ---*/ #shareBox {background: url(/hfea/images/bg-shareBoxTop.png) no-repeat 0 0; padding: 33px 12px 10px;} .threeColumn #shareBox {background: url(/hfea/images/bg-shareBoxTopThreeColumn.png) no-repeat 0 0; padding: 33px 12px 10px;} .standard #shareBox {background: url(/hfea/images/bg-shareBoxTopStandard.png) no-repeat 0 0; padding: 33px 12px 10px;} .cop #shareBox {float: left; width: 645px;} #shareBox ul {float: right; margin-bottom: 1em;} #shareBox li {float: left; margin-left: 12px;} #shareBox li#printBtn {background: url(/hfea/images/icn-print.png) no-repeat 0 0;} #shareBox li#sendBtn {background: url(/hfea/images/icn-send.png) no-repeat 0 0;} #shareBox li#shareBtn {background: url(/hfea/images/icn-share.png) no-repeat 0 0;} #shareBox a {display: block; float: left; padding-bottom: .2em;} #shareBox li#printBtn a {padding-left: 24px;} #shareBox li#sendBtn a {padding-left: 24px;} #shareBox li#shareBtn a {padding-left: 22px;} /*--- Guidance Notes Box ---*/ .notesBox {background: #ffffff url(/hfea/images/bg-notesBoxBL.png) no-repeat 0 100%; width: 100%; margin-bottom: 1em;} #contentInner .notesBox h2 {background: #009091 url(/hfea/images/bg-notesBoxTL.png) no-repeat 0 0; color: #ffffff; margin-bottom: 0; font-size: 2em; padding-top: 0;} .notesBox h2 span {display: block; background: url(/hfea/images/bg-notesBoxTR.png) no-repeat 100% 0; padding: .85em 15px .6em;} .notesBox h2 span a {color: #ffffff; font-weight: normal;} .notesBoxInner {background: url(/hfea/images/bg-notesBoxBR.png) no-repeat 100% 100%; padding: 1em 15px .5em; width: 615px;} #key {background: url(/hfea/images/legend.png) no-repeat 100% 0; padding-right: 323px; height: 25em; padding-bottom: 1em;} #key form div {margin-bottom: 0; margin-top: 2em;} #key form div #fldCode {width: 145px;} #key p.readMore {margin-right: 90px;} /*--- Download the Full Code Box ---*/ .downloadBox {background: url(/hfea/images/bg-downloadBox.png) no-repeat 100% 0; padding-right: 100px; height: 12em;} .cop #contentInner .boxInner .downloadBox ul {padding: 2em 0;} .cop #contentInner .boxInner .downloadBox li {background: none; padding-left: 0; color: #bf550f;} /*--- Subscribe to Updates Box ---*/ .subscribeBox {background: url(/hfea/images/bg-subscribeBox.png) no-repeat 100% 0; padding-right: 100px; height: 8em;} /*--- Reference Box ---*/ #referenceBox {background: #e5f1f1; width: 620px; float: left; margin-bottom: 1.5em; padding: 1em 10px 1em 15px; position: relative;} #referenceBox.referenceBoxClose {float:right;width: 220px;} #referenceBox h2 {padding-right: 100px;} #contentInner #referenceBox ul {width: 100%;} #contentInner #referenceBox ul li {background:none; padding-left: 0; margin-left:0; clear:both; width: 100%; float: left;} #contentInner #referenceBox ul li em.bullet {font-style:normal; width:40px; display:block; float:left; font-weight:bold;} #contentInner #referenceBox ul li p {margin-left: 0; width: 480px; padding-right: 100px; float: right; font-size:1em;} #contentInner #referenceBox ul li ul {margin-left: 50px;} #contentInner #referenceBox ul li ul li {background: url(/hfea/images/blt-blackDot.png) no-repeat 0 .9em; padding-left: 22px; width: 430px} /* #referenceBox #closeTxt {display:none;} #referenceBox.referenceBoxClose #closeTxt {padding-right: 100px;} #referenceBox #closeBtn {position: absolute; right: 10px; top: 1em; display:none;} #referenceBox #expandBtn {position: absolute; right: 10px; top: 1em; display:none;} */ #referenceBox #closeTxt {display:none; margin: 1em 0 5px 0; padding-top: 5px;} #referenceBox.referenceBoxClose #closeTxt {padding-right: 100px;} #referenceBox #closeBtn {position: absolute; right: 10px; top: 1em; display:none;} #referenceBox #expandBtn {position: absolute; right: 10px; top: 1em; display:none;} /*--- RSS Box ---*/ .rssBox {background: url(/hfea/images/bg-rssBoxBottom.png) no-repeat 0 100%; width: 205px;} .home .rssBox {float: left;} .landing .rssBox {background: url(/hfea/images/bg-rssBoxBottomLanding.png) no-repeat 0 100%; width: 314px; } .rssBoxInner {padding: 1.5em 15px; background: url(/hfea/images/bg-rssBoxTop.png) no-repeat 0 0; width: 175px;} .home .rssBoxInner {float: left;} .landing .rssBoxInner {background: url(/hfea/images/bg-rssBoxTopLanding.png) no-repeat 0 0; width: 284px; } .rssBoxInner div {width: 92px; padding-right: 10px; float: left;} .rssBoxInner div h2 {background: url(/hfea/images/icn-rss.png) no-repeat 0 0; padding-top: .3em; padding-bottom: .3em; padding-left: 37px;} .rssBoxInner div a {font-size: 1.2em;} .rssBoxInner p {margin-bottom: 0;} /*--- Customize icon Box ---*/ .customizeIconBox {background: url(/hfea/images/bg-rssBoxBottom.png) no-repeat 0 100%; width: 205px;} .home .customizeIconBox {float: left;} .landing .customizeIconBox {background: url(/hfea/images/bg-rssBoxBottomLanding.png) no-repeat 0 100%; width: 314px; } .customizeIconBox .boxInner {padding: 1.5em 15px; background: url(/hfea/images/bg-rssBoxTop.png) no-repeat 0 0; width: 175px;} .home .customizeIconBox .boxInner {float: left;} .landing .customizeIconBox .boxInner {background: url(/hfea/images/bg-rssBoxTopLanding.png) no-repeat 0 0; width: 284px; } .customizeIconBox .boxInner div {width: 92px; padding-right: 10px; float: left;} .customizeIconBox .boxInner div h2 {padding: .3em;} .customizeIconBox .boxInner div a {font-size: 1.2em;} .customizeIconBox .boxInner p {margin-bottom: 0;} .landing .customizeIconBox .boxInner div.teaser {width: 180px; padding-right: 0;} .customizeIconBox .boxInner div.teaser {width: 70px; padding-right: 0;} /* -------------------- CODE OF PRACTICE ICON BOXES -------------------- */ .iconBox {background: url(/hfea/images/bg-manBoxMid.png) repeat-y 0 0; width: 645px; clear: both; float: left; margin-bottom: 1.5em;} #guidanceBox.iconBox {background-image: url(/hfea/images/bg-guidanceBoxMid.png);} #infoBox.iconBox {background-image: url(/hfea/images/bg-infoBoxMid.png);} .iconBoxTop {background: url(/hfea/images/bg-manBoxCurve.png) no-repeat 100% 100%; float:left;width:100%; padding-bottom:7px;} #guidanceBox .iconBoxTop {background-image: url(/hfea/images/bg-guidanceBoxCurve.png);} #infoBox .iconBoxTop {background-image: url(/hfea/images/bg-infoBoxCurve.png);} #contentInner .iconBoxTop h2 {background: #007dc2 url(/hfea/images/bg-manBoxTL.png) no-repeat 0 0; padding-left: 61px; margin-bottom: 0; font-size: 2em; color: #ffffff; font-weight: normal; padding-top: 0;} #contentInner #guidanceBox .iconBoxTop h2 {background-color: #966396; background-image: url(/hfea/images/bg-guidanceBoxTL.png); padding-top: 0;} #contentInner #infoBox .iconBoxTop h2 {background-color: #008e8f; background-image: url(/hfea/images/bg-infoBoxTL.png);} .iconBoxTop h2 div {background: url(/hfea/images/bg-manBoxTR.png) no-repeat 100% 0; display: block; padding: 1em 0 .75em 20px;} #guidanceBox .iconBoxTop h2 div {background-image: url(/hfea/images/bg-guidanceBoxTR.png);} #infoBox .iconBoxTop h2 div {background-image: url(/hfea/images/bg-infoBoxTR.png);} .iconBoxInner {background: url(/hfea/images/bg-manBoxBot.png) no-repeat 0 100%; width: 615px; float: left; padding: 10px 15px;} #guidanceBox .iconBoxInner {background-image: url(/hfea/images/bg-guidanceBoxBot.png);} #infoBox .iconBoxInner {background-image: url(/hfea/images/bg-infoBoxBot.png);} #contentInner .iconBox h3 {color: #00588a; margin-bottom: 1.07em;} #contentInner #guidanceBox h3 {color: #794479;} #contentInner #infoBox h3 {color: #007778;} #contentInner .iconBox h4.sectionTitle {font-size:1.2em; font-weight:normal; clear: both;} #contentInner .iconBox h4.center {text-align:center;} #contentInner .iconBox ul li {background:none; padding-left: 0; margin-left:0; clear:both;} #contentInner .iconBox ul li em.bullet {font-style:normal; width:40px; display:block; float:left;} #contentInner .iconBox ul li div {width: 565px; float: right; font-size:1em; margin-bottom: 1em;} #contentInner .iconBox ul li div p {margin-left: 0; width: 100%; font-size:1em;} #contentInner .iconBox ul li ol {width: 100%; float:right; margin-left: 20px;} #contentInner .iconBox ul li ol li {padding-top: 0; padding-bottom: .5em;} #contentInner .iconBox ul li div li {margin=left: 2em;} /*--- Directions List ---*/ ul.directionsList {float:left; width:100%;} #contentInner ul.directionsList li {background:none; padding-left:0; margin-left:0; width:100%; clear:left; float:left;} ul.directionsList a {display:block; width:100%; float:left;} ul.directionsList strong {display:block; width:60px; margin-right:10px; float:left; cursor:pointer;} ul.directionsList span {display:block; width:500px; float:left; cursor:pointer;} ul.directionsList li.removeStyle a {display: inline; float: none; width: auto; } span.filesize {font-style: italic; color: #999;} ul.directionsList span.filesize {width: 45px;} /*--- Mandatory Small Box ---*/ .manBoxSm {background: #f2f9fc url(/hfea/images/bg-manBoxSmMid.png) repeat-y 0 0; margin-bottom: 1.5em; clear: both; float: left; width: 615px;} #contentInner .manBoxSm h3 {background: url(/hfea/images/bg-manBoxSmTop.png) no-repeat 0 0; padding: 1.2em 0 2em 50px; margin-bottom: 0; color: #00588a!important;} .manBoxSmInner {background: url(/hfea/images/bg-manBoxSmBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .manBoxSmInner h4 {font-weight: bold; font-style: normal; color: #00588a;} /*--- Interpretation Box ---*/ .intBox {background: #fef9f4 url(/hfea/images/bg-intBoxMid.png) repeat-y 0 0; margin-bottom: 1.5em; clear: both; float: left; width: 615px; position: relative;} #contentInner .intBox h3 {background: url(/hfea/images/bg-intBoxTop.png) no-repeat 0 0; padding: 1.2em 0 2em 50px; margin-bottom: 0; color: #bf550f!important;} #contentInner .intBox h3 span {position: absolute; top: 15px; right: 15px; color: #BF550F; font-size: 1.3em;} .intBoxInner {background: url(/hfea/images/bg-intBoxBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .intBoxInner h4 {font-weight: bold; font-style: normal; color: #bf550f;} /*--- See Also Box ---*/ .seeAlsoBox {background: #f6f6f6; margin-bottom: 1.5em; clear: both; float: left; width: 615px;} #contentInner .seeAlsoBox h3 {background: url(/hfea/images/bg-seeAlsoBoxTop.png) no-repeat 0 0; padding: 1em 15px 0.3em; margin-bottom: 0; color: #4f4c4d!important;} .seeAlsoBoxInner {background: url(/hfea/images/bg-seeAlsoBoxBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .seeAlsoBoxInner h4 {font-weight: bold; font-style: normal;} #contentInner .seeAlsoBox ul, #contentInner .seeAlsoBox ol { padding-bottom: 0; } /*--- Bold bullets in HFEA guidance section ---*/ #guidanceBox em.bullet {font-weight: bold;} #guidanceBox .intBox em.bullet {font-weight: bold;} #guidanceBox .seeAlsoBox em.bullet {font-weight: bold;} #guidanceBox .manBoxSm em.bullet {font-weight: bold;} /*--- Code of Practice A-Z list---*/ #contentInner ul#azList ul ul {margin-left: 1.5em;} #contentInner ul#azList ul ul li {display: inline; margin-left: 0; color: #666;} /*--- Code of Practice guidance key ---*/ ul#guidanceKey {margin: 1em 0; color: #999;} #contentInner ul#guidanceKey li {background: transparent none; padding: 0; margin: 0;} /*--- Readmore fix ---*/ .cop p.readMore {float: left; width: 100%; clear: both;} /* -------------------- FOOTER -------------------- */ #footer {clear: both; padding: 0 25px 2.5em; width: 864px;} #footer li {float: left; font-size: 1.1em; background: url(/hfea/images/bdr-pipe.png) no-repeat 100% 50%; padding-right: 11px;} #footer li#foi {background: none; padding-right: 0; width: 630px;} #footer li.last {background: none; padding-right: 0;} /* -------------------- MITOCHONDRIA BOX -------------------- */ .mitochondriaboxback_side { margin-left: 5px; margin-right: 10px; background: url(http://www.hfea.gov.uk/hfea/images/mitobox_side4.png) repeat-y; width: 402px; padding-left: 20px; padding-right: 10px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; font-weight: bold; margin-bottom: 0 !important; } .mitochondriaboxback_top{ margin-left: 5px; padding-left: 10px; padding-top: 10px; font-size: 16px; color: #019B9D; background: url(http://www.hfea.gov.uk/hfea/images/mitobox_top7.png) no-repeat; height: 78px; padding-bottom: 0px !importnt; margin-bottom: 0 !important; letter-spacing:2px; } .mitochondriaboxback_top h1{ color: #019B9D; font-size: 30px !important; font-weight: bold !important; letter-spacing:1px; } .mitochondriaboxback_bottom { margin-left: 5px; background: url(http://www.hfea.gov.uk/hfea/images/mitobox_bottom5.png) no-repeat; height: 14px; margin-bottom: 20px; } .mitochondriacontent { width: 365px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; margin-bottom: 0 font-weight:bold; !important; } .mitochondriacontent p {margin-bottom: 0em;} .mitochondriaboxback_side p {margin-bottom: 0em;} .mitochondriacontent ul {padding-bottom: 1.5em;} .mitochondriacontent li {margin-left: 20px; padding: .5em 0;} .mitochondriacontent ul li {background: url(/hfea/images/blt-blackDot.png) no-repeat 0 .9em; padding-left: 22px;} .mitochondriacontent ul li ul {padding-top: .5em; padding-bottom: .5em;} /* -------------------- SPOTLIGHT ON BOX -------------------- */ .spotlightboxback_side { margin-left: 5px; margin-right: 10px; height: 157px; background: url(http://www.hfea.gov.uk/hfea/images/spotlight_side-pink.png) repeat-y; width: 402px; padding-left: 0px; padding-right: 0px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; font-weight: bold; margin-bottom: 0 !important; position: relative; z-index: 100; } .spotlightboxback_top{ margin-left: 5px; color: #fff; font-size: 21px; font-family: arial,helvetica,sans-serif; padding-left: 10px; padding-top: 11px; font-weight: normal; background: url(http://www.hfea.gov.uk/hfea/images/spotlight_top-pink.png) no-repeat; height: 35px; } .spotlightboxback_bottom { margin-left: 5px; background: url(http://www.hfea.gov.uk/hfea/images/spotlight_bottom-pink.png) no-repeat; height: 11px; margin-bottom: 2px; position: relative; z-index: 100; } .spotlightcontent { width: 155px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; margin-bottom: 0 !important; font-weight: normal !important; } /* -------------------- HAVE YOUR SAY BOX -------------------- */ .haveyoursay_side { margin-left: 5px; margin-right: 10px; height: 120px; background: url(http://www.hfea.gov.uk/hfea/images/spotlight_side-pink.png) repeat-y; width: 402px; padding-left: 0px; padding-right: 0px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; font-weight: bold; margin-bottom: 0 !important; position: relative; } .haveyoursay_top{ margin-left: 5px; color: #fff; font-size: 21px; font-family: arial,helvetica,sans-serif; padding-left: 10px; padding-top: 11px; font-weight: normal; background: url(http://www.hfea.gov.uk/hfea/images/haveyoursay-greentop.png) no-repeat; height: 35px; } .haveyoursay_bottom { margin-left: 5px; margin-right: 10px; width: 402px; background: url(http://www.hfea.gov.uk/hfea/images/have-your-say_bottom-pink.png) no-repeat; height: 10px; margin-bottom: 2px; position: relative; z-index: 100; } .haveyoursay_content { width: 258px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; margin-bottom: 0 !important; font-weight: normal !important; } /* -------------------- HFEA CONFERENCE IMAGE SLIDER -------------------- */ #HCcontent {float: left; display:block; margin-right:0 !important; padding-right:0!important;} .home #HCcontent {width: 665px; } #HCsecondaryContent {float: right; margin-left:0px;} .home #HCsecondaryContent {padding-bottom: 230px; width: 450px; margin-right:0px; } #HChomepageleft { margin-right:15px; } #HChomepageleft .splash { margin-left:5px; margin-top:5px; background-image:url(/hfea/images/conf-home1.jpg); width:640px; height:242px; display:block; } .HCsecondaryContentCol { } .HCsecondaryContentCol {float: left; width: 205px; } .HCsecondaryContentCol .box {float: left; width: 205px;} .HCsecondaryContentCol .box h2 span {padding: .7em 15px .5em;} .standardTwoColumn #HCcontent {width: 643px; background: #ffffff url(/hfea/images/bg-contentBottomStandardTwoColumn.png) no-repeat 0 100%; padding:2%; margin-right:20%;} .standardTwoColumn #HCcontent h1 { background: url(/hfea/images/bg-contentTL.png) no-repeat 0 0; color: #bf550f; font-size: 2.4em; margin-bottom: 1.25em; font-weight: bold;} #HClatestnews h2 { background: #e5f4f4 url(/hfea/images/AC-bg-latestNewsBoxTL.png) no-repeat 0 0 !important; padding-top: 0; } #HClatestnews .latestNewsBox {background: #ffffff url(http://www.hfea.gov.uk/hfea/images/bg-latestNewsBoxBL-longer.png) no-repeat 0 100% !important; width: 100%;} /* ----- IFQ CONSULTATION PAGE ------------------- */ #HChomepageleft .IfQsplash { margin-left:5px; margin-top:5px; background-image:url(/hfea/images/IfQ-conshomepage.jpg); width:640px; height:242px; display:block; } #IfQNav ul { float:left; background: #be540f; width: 908px; height: 56px; list-style-type: none; padding: 0px; margin: 0px; margin-left:2px; z-index:5; position:relative; float: left; background: #be540f url(http://www.hfea.gov.uk/hfea/images/AC-back-908.jpg) no-repeat 0 100%; } #IfQNav li { float:left; font-size:1.2em; width:151px; height:56px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0px; padding-top:7px; } #IfQNav li a { padding:5px; color:#fff; } #doom-carousel3 { margin-top:5px; width: 431px !important; height: 264px; margin-left:1px; overflow: hidden; } #doom-carousel3 p { margin-right:0px; padding-right:0px; } #doom-carousel3 img { margin-right:0px !important; padding-right:0px !important; } .conferenceSlider_side { margin-left: 3px; margin-right: 0px; height: 264px; width: 461px; padding-left: 0px; padding-right: 0px; font-family: arial,helvetica,sans-serif; color: #58595b; text-align: left; font-weight: bold; margin-bottom: 0 !important; position:relative; } .conferenceSlider_content { margin:0 !important; padding:0 !important; width:100%; } .carousel-text3 { width: 461px; margin-right: 0px; display: inline-block; float:left; } #doom-carousel3 .doom-carousel-cnt { overflow: hidden; width: 461px !important; height: 264px; } #doom-carousel3 .doom-carousel-list ul { width: 461px !important; list-style-type: none !important; overflow: hidden !important; margin-left: none !important; padding: 0em !important; padding-left: 0px !important; margin-left: 0px !important; background: none !important; margin-right: 0px !important; } #doom-carousel3 .doom-carousel-list li { width: 461px !important; float: left; padding-left: 0px !important; margin-left: 0px !important; margin-right: 0px !important; overflow: hidden; list-style-type: none !important; overflow: hidden !important; margin-right: none !important; padding: 0em !important; background: none !important; } .doom-carousel-pic3 { border:none; float: left; display: block; padding-right: 0px; margin-left:2px; margin-bottom: 1px; margin-right:0px !important; padding-right:0px !important; z-index: 100 !important; width: 461px; } #ConferenceNav1 ul { float:left; background: #be540f; width: 908px; height: 56px; list-style-type: none; padding: 0px; margin: 0px; margin-left:2px; z-index:5; position:relative; float: left; background: #be540f url(http://www.hfea.gov.uk/hfea/images/AC-back-908.jpg) no-repeat 0 100%; } #ConferenceNav1 li { float:left; font-size:1.5em; width:151px; height:56px; font-family:Arial, Helvetica, sans-serif; margin:0; color:#ffffff; padding:0px; padding-top:5px; } #ConferenceNav1 li a { padding:5px; color:#fff; } #hiddennav1 u li, #hiddennav2 u li, #hiddennav3 u li { margin:0px !important; padding:0px !important; margin-bottom:0px !important; margin-top:0px !important; padding-bottom:0px !important; padding-top:0px !important; } #hiddennav1, #hiddennav2, #hiddennav3 { background:#F18030 !important; display:none; overflow:hidden; background-color:#F18030 !important; height:100%; float:left; color:#ffffff; margin-top:16px !important; font-size:12px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; z-index:10; padding-left:8px !important; padding-right:8px !important; position:absolute; margin-left:2px !important; } #hiddennav1 { height:400px; width:283px; } #hiddennav2 { height:75px; width:285px; } #hiddennav3 { height:75px; width:283px; } #hiddennav1 p, #hiddennav2 p, #hiddennav3 p { margin-left:0px !important; padding-left:0px !important; } #hiddennav1 a , #hiddennav2 a, #hiddennav3 a{ margin-left:0px !important; padding-left:0px !important; } /* Slider essential styles */ #doom-carousel { width: 402px; height: 167px; overflow: hidden; } #doom-carousel a { outline: none; } .doom-carousel-cnt { overflow: hidden; width: 402px; height: 167px; } .doom-carousel-left-btn { float: right; height:20px; position:absolute; width:20px; margin-right: 50px; margin-left: 353px; margin-top: -32px; background: url(http://www.hfea.gov.uk/hfea/images/left-arrow_off.png) left center no-repeat; } .doom-carousel-right-btn { float: right; height:20px; position:absolute; width:20px; margin-right: 25px; margin-left: 372px; margin-top: -32px; background: url(http://www.hfea.gov.uk/hfea/images/right-arrow_off.png) left center no-repeat; } .doom-carousel-left-btn:hover { background: url(http://www.hfea.gov.uk/hfea/images/left-arrow_on.png) left center no-repeat; } .doom-carousel-right-btn:hover { background: url(http://www.hfea.gov.uk/hfea/images/right-arrow_on.png) left center no-repeat; } .doom-carousel-left-btn span, .doom-carousel-right-btn span { display:none; } .doom-carousel-list { padding: 0; margin: 0; overflow: hidden; } .doom-carousel-list ul { width: 402px; list-style-type: none !important; overflow: hidden !important; margin-left: none !important; padding: 0em !important; padding-left: 0px !important; margin-left: 0px !important; background: none !important; margin-right: 0px !important; } .doom-carousel-list li { width: 401px; float: left; padding-left: 0px !important; margin-left: 0px !important; margin-right: 0px !important; overflow: hidden; list-style-type: none !important; overflow: hidden !important; margin-left: none !important; padding: 0em !important; background: none !important; } .doom-carousel-pic { border:none; float: right; margin-right: 0px; margin-bottom: 0px; z-index: 1; height: 166px; } .carousel-text { width: 155px; float: left; padding-left: 10px; padding-top: 5px; } .carousel-readmorelink { font-weight: bold !important; outline: none !important; text-decoration: none !important; color: #009091; display: block; font-size: 1em !important; } .carousel-itemtitle { font-weight: bold !important; outline: none !important; text-decoration: none !important; display: block; color: #bf550f; !important; font-size: 1em !important; margin-bottom: 0px !important; } /* Slider essential styles for have your say carousel*/ #doom-carousel2 { width: 403px; height: 130px; margin-left:1px; overflow: hidden; } #doom-carousel2 a { outline: none; } .doom-carousel-pic2 { border:none; float: left; display: inline-block; padding-right: 10px; margin-left:0px; margin-bottom: 1px; z-index: 3; height: 130px; width: 125px; } .carousel-text2 { width: 393px; margin-right: 10px; display: inline-block; float:left; } .carousel-readmorelink2 { font-weight: bold !important; outline: none !important; text-decoration: none !important; color: #009091; display: inline-block; font-size: 1em !important; float:left; width: 250px; margin-top:5px; } .carousel-readmorelink2 a{ font-weight: bold !important; outline: none !important; text-decoration: none !important; color: #009091; display: inline-block; font-size: 1em !important; float: left; width: 250px; } .carousel-itemtitle2 { font-weight: bold !important; outline: none !important; text-decoration: none !important; display: inline-block; color: #bf550f; !important; font-size: 1em !important; margin-bottom: 0px !important; margin-top:1px; float: left; width: 250px; height:30px; line-height: 30px; } .carousel-itemtext2 { line-height:14px !important; } .confirmation-field { display: none; } /*HFEA Conference 2015 styles*/ /*General styles*/ .HConference2015 { text-align:left; } .HConference2015 .HeaderContainer p { font-size: 15px; } .HConference2015 .HeaderContainer li { font-size: 15px; margin-bottom:8px; } .HConference2015 .HeaderContainer ul { list-style-type:circle; } .HConference2015 .HeaderContainer li { margin-left: 3%; } /* Header at top*/ .HConference2015 #HChead { color:#FFF; background: #009091; background: url('http://www.hfea.gov.uk/hfea/images/AC-HEAD.JPG') no-repeat center top; background-size: cover; height: 500px; }.HConference2015 .HeaderContainer { margin: 0 auto; max-width: 978px; width: 74%; } .HConference2015 #HChead h1{ font-size: 62px; line-height: 80px; font-weight: normal; text-align: center; font-size: 62px; line-height: 80px; margin: 120px 0 20px; color:#000; } .HConference2015 #HChead p { font-size: 24px; margin: 0; text-align: center; margin-bottom:20px; } .HConference2015 section { float: left; width: 100%; font: 14px Montserrat; } /*Register button*/ .HConference2015 #HChead .BigRegButton { -moz-box-shadow:inset 0px 1px 0px 0px #fed897; -webkit-box-shadow:inset 0px 1px 0px 0px #fed897; box-shadow:inset 0px 1px 0px 0px #fed897; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) ); background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105'); background-color:#f6b33d; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; text-indent:0; border:1px solid #eda933; display:inline-block; color:#ffffff; font:bold 18px Montserrat; height:40px; line-height:40px; width:130px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #cd8a15; } .HConference2015 #HChead .BigRegButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) ); background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d'); background-color:#d29105; } .HConference2015 #HChead .BigRegButton:active { position:relative; top:1px; } /*Other section*/ .HConference2015 #HCAbout, .HConference2015 #HCSpeakers, .HConference2015 #HCRegister, .HConference2015 #HCAgenda, .HConference2015 #HCWorkshops, .HConference2015 #HCExhib, .HConference2015 #HCDownloads, .HConference2015 #HCGetting { padding-bottom:20px; } .HConference2015 #HCAbout h2, .HConference2015 #HCSpeakers h2, .HConference2015 #HCRegister h2, .HConference2015 #HCAgenda h2, .HConference2015 #HCWorkshops h2, .HConference2015 #HCExhib h2, .HConference2015 #HCGetting h2, .HConference2015 #HCDownloads h2{ font-size: 42px; line-height: 46px; margin: 0 0 8px; font-weight: normal; text-align: center; line-height: 80px; color: #515151;padding-top:70px; margin-bottom:24px; } /*Green sections*/ .HConference2015 #HCSpeakers, .HConference2015 #HCAgenda, .HConference2015 #HCGetting, .HConference2015 #HCDownloads { background-color:#009091; color:#ffffff; } .HConference2015 #HCSpeakers h2, .HConference2015 #HCAgenda h2, .HConference2015 #HCGetting h2, .HConference2015 #HCDownloads h2 { color:#ffffff; } .HConference2015 #HCGetting a, .HConference2015 .SpeakerColLeft a { color:#ffffff; } .HConference2015 #HCAbout h2 { margin-bottom:20px !important; } /*Half sections*/ .HConference2015 #HCHalfLeft, .HConference2015 #HCHalfRight { display:block; float:left; width:48%; } .HConference2015 #HCHalfLeft { margin-right:2%; } .HConference2015 #HCHalfRight { magin-left:2%;} .HConference2015 #InsideSplitLeft, .HConference2015 #InsideSplitRight { display:block; float:left; margin-bottom:5%; font-size:17px; } .HConference2015 #InsideSplitLeft { width: 70%; margin-right:5%; } .HConference2015 #InsideSplitRight { width:25%; } .HConference2015 #HCHalfRight img { width: 100%; height:auto; border:0 } /*Exhibitor columns*/ .HConference2015 #HCExhib #ExhibCol1, .HConference2015 #HCExhib #ExhibCol2, .HConference2015 #HCExhib #ExhibCol3 { display:block; float:left; width:31%; } .HConference2015 #HCExhib #ExhibCol2 { margin-left:3%; margin-right:3% } .HConference2015 #HCExhib .InternalExBox { border:1px dotted #515151; padding:2%; display:block; width:100%; margin-bottom:5%;} .HConference2015 #HCExhib .InternalExBox img { width:100%; height:auto; max-width:300px; border:0 } /*Workshop info*/ .HConference2015 .workshop-container { width:95%; border:1px dotted #515151; padding:2%; margin-bottom:2%; margin-top:2%;} .HConference2015 .workshop-container h3 { font-weight:bold; font-size: 20px; padding-bottom:0; margin-bottom:12px; color: #515151; margin-top:0;} .HConference2015 .workshop-container div { width:100%;} .HConference2015 .workshop-header span { font-weight: bold; color:#0081C8; } .HConference2015 .workshop-header { padding: 2px; cursor: pointer; font-weight: bold; color:#0081C8; font-size:16px; } .HConference2015 .workshop-container .workshop-content { display: none; margin-top:1%} .HConference2015 .workshop-container h4 { font-weight:bold; font-size: 18px; padding-bottom:0; margin-bottom:0; line-height:26px; color: #515151;} /*Speaker Collumns*/ .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColLeft, .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColRight { display:block; float:left; width:97%; border:1px dotted #F5F5F5; padding:2%; margin-bottom:2%; } .HConference2015 #HCSpeakers #SpeakerImg, .HConference2015 #HCSpeakers #SpeakerText { display:block; float:left; } .HConference2015 #HCSpeakers #SpeakerImg img {width:100%; height:auto; z-index:1 } .HConference2015 #HCSpeakers #SpeakerRightMCol { display:block; float:left; margin-right:20px; width:9%; margin-bottom:1%; } .HConference2015 #HCSpeakers .SpeakerImgWrapper { position: relative; padding: 0; display:block;} .HConference2015 #HCSpeakers .SpeakerText {position: absolute; top: 0; left:0; color:#515151; background-color:rgba(255,255,255,0.8); width: 200%; height: 200%; margin:0; padding:0; max-width:80px; max-height:111px; text-align: center; z-index: 10; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; filter: alpha(opacity=00); } .HConference2015 #HCSpeakers .SpeakerText:hover { opacity:1; } /*Speakers*/ .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColLeft .SpeakersBios h3 { font-weight:bold; font-size: 20px; padding-bottom:0; margin-bottom:24px; margin-top:15px;} .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColLeft .SpeakersBios { display:none; } .HConference2015 #HCSpeakers .SpeakerColLeft img { float:left; padding:2%; width:45%; height:auto; max-width:180px; padding-top:0; padding-right:3%; padding-left:0;} /*floating menu*/ .HConference2015 #HCMenuHeader .MenuLeft, .HConference2015 #HCMenuHeader .MenuCentre, .HConference2015 #HCMenuHeader .MenuRight { display:inline-block; padding-top:5px; } .HConference2015 #HCMenuHeader .MenuCentre { width:74%; margin:0 auto; float: left; max-width:978px; } .HConference2015 #HCMenuHeader .MenuLeft, .HConference2015 #HCMenuHeader .MenuRight { width:13%; } .HConference2015 #HCMenuHeader .MenuLeft { float:left; padding-top:11px;} .HConference2015 #HCMenuHeader .MenuLeft img { padding-left:4px; } .HConference2015 #HCMenuHeader .MenuRight { float:right; } .HConference2015 #HCMenuHeader .MenuRight img { text-align:right; padding-top:8px; } .HConference2015 #HCMobileMenuHeader { display:none; position:fixed; top:0; left:0; width:100%; } .HConference2015 .NavMobileHead, .HConference2015 #HCMenuHeader #mobilemenu { display:none; } .HConference2015 .NavMobileHead { font-size: 19px; } .HConference2015 #HCMenuHeader, .HConference2015 #HCMobileMenuHeader {background-color: #FFF; color: #FFF; z-index:20;} .HConference2015 #HCMenuHeader { min-height:70px; } .HConference2015 #HCMobileMenuHeader { min-height:60px; } .HConference2015 #HCnavWrap { height: 30px;} .HConference2015 #HCnav { background: #fff; padding:0; margin:0; padding-top:8px; } .HConference2015 #HCnav ul { text-align:left; padding: 0; display:inline-block;} .HConference2015 #HCnav li { float: left; background-color: #FFF; margin: 0 15px 0 0; list-style-type: none;} .HConference2015 #HCnav li a { color: #121212;display: block;font: bold 16px Montserrat; text-decoration: none; margin-top:3px; padding-top: 12px; } .HConference2015 #HCnav li a:hover { text-decoration: underline; } .HConference2015 br.clearLeft { clear: left; }​ .HConference2015 #HCMenuHeader #HCnav .TwitButt { float: right !important; margin-right: 1%!important; margin-top:4px !important;} .HConference2015 #HCDownloads a { color:#ffffff; text-decoration:underline; } /*****MEDIA QUERIES FOR MOBILE STYLES *******/ @media only screen and (max-width: 1060x) { .HConference2015 .HeaderContainer { margin: 0 auto; max-width: 1000px; width: 94%; } } @media only screen and (max-width: 880px) { .HConference2015 .HeaderContainer { width: 94% !important; } /*Menu changes */ .HConference2015 #HCMenuHeader { display:none; } .HConference2015 #HCMobileMenuHeader { display:block; height:60px; font: 14px Montserrat; } .HConference2015 #HCnav ul { display:none; } .HConference2015 #HCnav { } .HConference2015 .NavMobileHead { display:inline-block; color: #515151; vertical-align: middle; font:22px Montserrat; margin-left: 3px;padding-top:7px;} .HConference2015 #HCnav img {vertical-align: middle; padding-top:5px; padding-left:20px;} .HConference2015 #HCnav li { width:100%; text-align:center; border-bottom:1px solid #F7F7F7; padding:2px; margin-bottom:0;} .HConference2015 #HCnav li:hover { padding:2px; margin-bottom:0; } .HConference2015 #HCMobileMenuHeader #mobilemenu { display:inline-block; float:right; cursor:pointer; width: 40px; margin-top: 5px; } .HConference2015 #HCnav li a {font: bold 18px Montserrat; } .HConference2015 #HChead { background: #009091 !important; height: auto; margin-top:57px; } .HConference2015 #HChead h1 { font-size: 42px; line-height: 45px; margin-top: 30px; padding-top:0;} .HConference2015 #HChead p { font-size: 22px; line-height: 30px; } /*Speakers change*/ .HConference2015 #HCSpeakers .SpeakerText { width:100%; } .HConference2015 #HCSpeakers #SpeakerRightMCol { width:22%; display:block; margin: 0 auto;margin-bottom:2%; } .HConference2015 #HCSpeakers #SpeakerRightMCol img {width:100%; height:auto; z-index:1; margin-right:0%; cursor:pointer; } .HConference2015 #HCSpeakers .SpeakerImgWrapper { width:90%; } .HConference2015 #HCSpeakers .SpeakerText {padding:0; margin:0; display:none} .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColRight { width:94% } .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColLeft { width: 94%; } .HConference2015 #HCSpeakers .HeaderContainer .SpeakerColLeft .SpeakersBios h3 { margin-top:35px;} /*Exhibitors change*/ .HConference2015 #HCExhib #ExhibCol1, .HConference2015 #HCExhib #ExhibCol2, .HConference2015 #HCExhib #ExhibCol3 { display:block; float:left; width:45%; } /*General style changes */ .HConference2015 #HCAbout h2, .HConference2015 #HCSpeakers h2, .HConference2015 #HCRegister h2, .HConference2015 #HCAgenda h2, .HConference2015 #HCWorkshops h2, .HConference2015 #HCExhib h2, .HConference2015 #HCGetting h2, .HConference2015 #HCDownloads h2{ line-height: 50px; } .HConference2015 .workshop-container { margin-top:5%;} .HConference2015 li { margin-left: 10%; } .HConference2015 #HCAbout h2 { margin-bottom:30px !important; } .HConference2015 #HCHalfLeft { margin-bottom: 5%; } } @media only screen and (max-width: 676px) { .HConference2015 #HCHalfLeft, .HConference2015 #HCHalfRight { width:100%; margin-left:0%; margin-right:0%; } } @media only screen and (max-width: 460px) { .HConference2015 #InsideSplitLeft, .HConference2015 #InsideSplitRight { width:100%; margin-right:0%; margin-left:0%; } .HConference2015 #InsideSplitLeft { margin-bottom:0%; } } @media only screen and (max-width: 400px) { .HConference2015 .HeaderContainer { overflow: hidden; } }