/*[fmt]1010-110A-3*/ /********************************************************** End of Life CSS - Danny Connell, Reading Room 2012 ********************************************************* ********************************************************* normalize **********************************************************/ article, aside, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; =display: inline; =zoom: 1; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: none; /*-ms-text-size-adjust: 100%;*/ } body { margin: 0; font-size: 62.5%; line-height: 1.231; } /* overflow: hidden; } GF-21-April-2015 */ body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #222; } ::-moz-selection { background: #15BBE7; color: #FFF; text-shadow: none; } ::selection { background: #15BBE7; color: #FFF; text-shadow: none; } a { color: #007874; text-decoration: none; } a:visited { /*[disabled]color:#0173A0;*/ } a:focus { outline: thin dotted #000000; } a:hover, a:active { outline: 0; color: #000; text-decoration: underline; } abbr[title] { border-bottom: 1px dotted #000000; } b, strong { font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } form { margin: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; =vertical-align: middle; } button, input { line-height: normal; =overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } fieldset { border: none; padding: 0; margin: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid {} input:invalid, textarea:invalid { background-color: #F0DDDD; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /********************************************************** fonts Replaced FrutigerBold - with arialbold FrutigerLTCom-LightItalic - with arialitalic arialregular - arialregular **********************************************************/ /* @font-face { font-family: 'arialbold'; src: url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialbold.eot'); src: url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialbold.eot#iefix') format('embedded-opentype'), url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts//media/fonts/arialbd-webfont.ttf') format('truetype'), url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialbd-webfont.svg#arialbold') format('svg') url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialbd-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family:'arialitalic'; src: url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialitalic.eot"); src: url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialitalic.eot#iefix") format('embedded-opentype"), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/ariali-webfont.woff") format('woff'), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/ariali-webfont.ttf") format('truetype'), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/ariali-webfont.svg#arialitalic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family:'arialregular'; src: url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialregular.eot'); src: url('/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arialregular.eot#iefix') format('embedded-opentype'), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arial-webfont.woff") format("woff"), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arial-webfont.ttf") format("truetype"), url("/20151103085442oe_/http://www.nhsiq.nhs.uk/media/fonts/arial-webfont.svg#arialregular") format("svg"); font-weight: normal; font-style: normal; } */ /********************************************************** primary text styles **********************************************************/ /* h2 { font-family: arialbold; font-size: 1.4em; font-weight: normal; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/border-thin.png) repeat-x 0px 7px; color: #49462F; margin-top: 0px; margin-bottom: 1em; } h2 span { background: #FFF; padding-right: 10px; } h3 { font-size: 1.4em; font-family: arialbold; color: #656565; margin-top: 0px; } #main h2 span { background: #F2EFE4; } p { font-size: 1.4em; color: #333; line-height: 1.43; } .date, .source { font-family: Arial, serif; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; color: #656565; font-style: italic; } */ h2 { font-family: Arial,Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/border-thin.png) repeat-x 0px 7px; color: #49462F; margin-top: 0px; margin-bottom: 1em; } h2 span { background: #FFF; padding-right: 10px; } h3 { font-size: 1.4em; font-family: Arial,Helvetica,sans-serif; color: #656565; margin-top: 0px; } #main h2 span { background: #F2EFE4; font-weight:bold; } p { font-size: 1.4em; color: #333; line-height: 1.43; } .date, .source { font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; color: #656565; font-style: italic; } /********************************************************** helper classes **********************************************************/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } .hidden { display: none; } .right { float: right; } a.right { margin-bottom: 12px; } img.left { float: left; margin-right: 20px; margin-bottom: 20px; } img.right { float: right; margin-left: 20px; margin-bottom: 20px; } .mobile { display: none; } input.placeholder { color: #999; } /********************************************************** icons, buttons, lists, widgets, boxes ********************************************************* lists*/ ul.list-links { list-style-type: none; margin: 0; padding: 0; position: relative; } .ie6 ul.list-links { padding-bottom: 10px; } ul.list-links li { display: block; margin-bottom: 12px; } .ie6 ul.list-links li { margin-bottom: 0px; } ul.list-links li a { font-size: 1.4em; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link.png) no-repeat 0px 1px; padding-left: 16px; display: block; padding-bottom: 0px; } ul.list-links-white { list-style-type: none; margin: 0; padding: 0; float: left; } ul.list-links-white li { margin-bottom: 11px; } .ie6 ul.list-links-white li { margin-bottom: 0; } ul.list-links-white li a { color: #333333; font-size: 1.4em; font-weight: bold; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link-white.png) no-repeat 0px 0px; padding-left: 16px; display: block; } #content ul { list-style-type: none; font-size: 1.4em; margin-bottom: 18px; color: #333; } #content ul li { background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/bullet-pink.png) no-repeat 0px 4px; padding-left: 18px; margin-bottom: 0.6em;} #content ul li ul { font-size: 98%; margin-bottom: 0; list-style-type: disc;} #content ul li ul li{ background: none; padding-left: 0px; margin-left: 18px;} nav#page-links { clear: both; } #page-links ul { margin-left: -18px; overflow: hidden; } .ie6 #page-links ul { float: left; margin-left: -20px; } nav#page-links ul li { background: none; padding: 4px; float: left; display: block; width: 227px; background: #FFF; border: 1px solid #CBCBCB; /*[disabled]height:67px;*/ margin-left: 17px; margin-bottom: 17px; } nav.descriptive ul li { /*[disabled]height:137px;*/ } .ie6 #page-links ul li { margin-left: 10px; padding-bottom: 0px; } nav#page-links ul li a { display: block; float: left; background: #EBEBEB url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link.png) no-repeat 13px 17px; /*[disabled]height:52px;*/ width: 178px; color: #B12F4B; font-size: 1.15em; font-weight: bold; padding-left: 29px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; } nav.descriptive ul li a { /*[disabled]height:122px;*/ } #page-links ul li a span { display: block; color: #333; font-weight: normal; font-size: 0.8em; } ul.pagination { list-style-type: none !important; float: right; font-size: 1em !important; } ul.pagination li { display: block; float: left; font-size: 1.4em; font-weight: bold; margin-left: 5px; background: none !important; padding-left: 2px !important; } ul.pagination li.prev { width: 9px; height: 15px; margin-right: 5px; } ul.pagination li.next { padding-left: 6px; margin-left: 11px; } ul.pagination li.prev a, ul.pagination li.next a { overflow: hidden; text-indent: 9999px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-previous.png) no-repeat top left !important; width: 9px; height: 15px; display: block; position: relative; } ul.pagination li.next a { background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-next.png) no-repeat top left !important; } ul.pagination li a { display: block; float: left; } /*social media list*/ ul.social { list-style-type: none; } ul.social li { display: block; float: left; } ul.social li a { font-size: 1.4em; color: #333; display: block; background-repeat: no-repeat; background-position: 100% 0px; line-height: 1.3em; padding-bottom: 9px; padding-right: 29px; margin-right: 13px; margin-bottom: 10px; } .icon-twitter { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-twitter.png); } .icon-print { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-print.png); } .icon-share, .st_sharethis_custom { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-share.png); margin-right: 0 !important; } /*my publications widget*/ /*#my-publications { padding: 12px 19px; position: relative; display: none; }*/ #my-publications { padding: 12px 19px; position: relative; } #my-publications a { font-size: 1.3em; font-weight: bold; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/my-publications.png) no-repeat 0px 0px; padding-left: 22px; } #added-to-my-publications { padding-bottom: 7px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-arrow-pink.png) no-repeat 23px 100%; position: absolute; left: -3px; top: -52px; /*[disabled]display:none;*/ /*+opacity:0;*/ filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity: 0; opacity: 0; display: none; } #added-to-my-publications div { font-size: 1.3em; color: #FFF; background: #C94987; /*+border-radius:4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px 4px 4px 4px; display: block; padding: 7px 15px 9px; width: 118px; font-weight: bold; } /*icons*/ .icon-link-large { font-family: Arial, Verdana, sans-serif; font-size: 1.8em; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link-large.png) no-repeat 100% 2px; padding-right: 17px; } a.icon-link-green { color: #333; display: block; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link-green.png) no-repeat 0px 0px; padding-left: 14px; } a.icon-arrow-green { color: #333; font-size: 1.4em; font-weight: bold; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-arrow-green.png) no-repeat right 50%; padding-right: 11px; float: right; display: block; } a.icon-calendar { display: block; float: left; width: 29px; height: 24px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-calendar.png) no-repeat 0px 0px; overflow: hidden; text-indent: -99999px; margin-top: 5px; margin-left: 4px; position: relative; } /*boxes*/ .box-grey { border: 1px solid #D9D9D9; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; } .box-grey div { margin: 4px; background: #EAEAEA; padding-top: 0px; padding: 15px; } .box-white { background: #FFF; border: 1px solid #CBCBCB; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; margin-bottom: 14px; } .feature { background: #FFF; border: 1px solid #CBCBCB; margin-bottom: 17px; clear: both; padding: 16px 20px 32px; } .ie6 .feature, .ie7 .feature { padding-bottom: 0px; } #related-links { padding: 11px 11px 3px; } #related-links h2 { background: none; font-size: 1.4em; } .ie6 #related-links h2 { margin-bottom: 0px; } /*buttons*/ .button { background: #0065B7; background: -moz-linear-gradient(top, #0065b7 0%, #004782 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0065b7), color-stop(100%,#004782)); background: -webkit-linear-gradient(top, #0065b7 0%,#004782 100%); background: -o-linear-gradient(top, #0065b7 0%,#004782 100%); background: -ms-linear-gradient(top, #0065b7 0%,#004782 100%); background: linear-gradient(top, #0065b7 0%,#004782 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065b7', endColorstr='#004782',GradientType=0 ); color: #FFF; font-size: 14px; font-family: Arial, Verdana, sans-serif; border: none; margin: 0px; padding: 6px 9px 7px; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; } .button:hover { color: #FFF; text-decoration: none; background: #004782; background: -moz-linear-gradient(top, #004782 0%, #0065b7 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004782), color-stop(99%,#0065b7)); background: -webkit-linear-gradient(top, #004782 0%,#0065b7 99%); background: -o-linear-gradient(top, #004782 0%,#0065b7 99%); background: -ms-linear-gradient(top, #004782 0%,#0065b7 99%); background: linear-gradient(top, #004782 0%,#0065b7 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004782', endColorstr='#0065b7',GradientType=0 ); } .ie6 input.button { padding: 5px 10px 6px; cursor: pointer; } /*downloads*/ .download { clear: both; margin-bottom: 10px; } .download .icon { width: 61px; height: 60px; background-color: #FFF; background-repeat: no-repeat; display: block; border: 1px solid #CBCBCB; text-indent: -9999px; overflow: hidden; float: left; /*[empty]margin-right:;*/ background-position: center center; } .download .pdf { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-pdf.png); } .download .pdfs { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-pdfs.png); } .download .hyperlink { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-hyperlink.png); } .download .publication { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-publication.png); } .download .icon-link { float: left; width: 79%; margin-left: 13px; margin-top: 7px; } .download .icon-link span { color: #656565; font-style: italic; font-size: 0.85em; display: block; } /********************************************************** forms **********************************************************/ input.text, input.date, textarea { background: #CECFCF; background: -moz-linear-gradient(top, #cecfcf 0%, #ffffff 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecfcf), color-stop(98%,#ffffff)); background: -webkit-linear-gradient(top, #cecfcf 0%,#ffffff 98%); background: -o-linear-gradient(top, #cecfcf 0%,#ffffff 98%); background: -ms-linear-gradient(top, #cecfcf 0%,#ffffff 98%); background: linear-gradient(top, #cecfcf 0%,#ffffff 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecfcf', endColorstr='#ffffff',GradientType=0 ); border: 1px solid #8F8989; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; font-family: Arial; font-style: normal; font-size: 1.4em; } textarea { padding: 6px; } label { margin-bottom: 3px; display: block; font-family: Arial, Verdana, sans-serif; color: #333; font-size: 1.4em; } label span { color: #FF0000; } select { height: 36px; padding: 7px; font-size: 1.4em; } div.form { background: #FFF; border: 1px solid #CBCBCB; margin-bottom: 18px; } div.form section { padding: 17px 18px; border-bottom: 1px solid #CBCBCB; } div.form section.last { border-bottom: none; } div.form section h2 { background: none; font-size: 1.8em; color: #007773; } ul.checkbox-list { width: 30%; float: left; margin-right: 2%; list-style-type: none; } ul.checkbox-list li { float: none; clear: both; } ul.checkbox-list input.checkbox { float: left; margin-right: 11px; } ul.checkbox-list label { float: left; margin-bottom: 9px; width: 85%; } div.radio-check {padding-left: 10px; padding-top: 3px; clear: both; } div.radio-check input {display: block; clear: both; float: left} div.radio-check label {display: inline; float: left; margin-right: 10px; margin-left: 3px; color: #666 !important; font-style: italic;} div.form input.text { padding: 6px; } ul.checkbox-list li input.text { margin-left: 24px; } div.form section div { margin-bottom: 15px; } div.form section div.full-width { width: 100%; clear: both; } div.form section div.full-width textarea { width: 90%; } div.form section div.half-width { width: 50%; float: left; } div.form section div.half-width input.text {} div.form section div.half-width div.left { float: left; margin-right: 21px; } div.form section div input.text { width: 80%; } .form input.button { clear: both !important; float: right; margin: 0 37px 34px 0; } label.error { color: #FF0000; } input.error { border-color: #FF0000; background: #FFDADA; } /*fancy dropdowns*/ div.select-container { position: relative; float: left; } a.trigger, a.activetrigger { background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-select.png) no-repeat top right; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-select.png) no-repeat top right, url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/gradient-select.png) repeat-x top left; background-color: #FFF; color: #333; display: block; font-family: Arial; font-size: 1.4em; font-weight: normal; margin-bottom: 16px; padding: 6px 30px 6px 5px; text-decoration: none; /*[disabled]min-width:73px;*/ float: left; margin-right: 8px; border: 1px solid #8F8989; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; overflow: hidden; word-wrap: break-word; word-break: break-all; position: relative; height: 15px; line-height: 1.3em; } div.dropcontainer { position: absolute; z-index: 100000; top: 38px; left: 0px; height: auto !important; } ul.dropdownhidden { display: none; } ul.dropdownvisible { background: #FFF; border: 1px solid #CBCBCB; display: block; position: absolute; top: -6px; z-index: 100000; list-style-type: none; max-height: 388px; overflow-y: auto; overflow-x: hidden; } ul.dropdownvisible li { background: none !important; padding: 0 !important; } ul.dropdownvisible li a { color: #333; font-weight: normal !important; display: block; font-family: Arial; font-size: 12px; font-weight: bold; padding: 2px 0px 2px 6px; text-decoration: none; width: 98%; width: 97%; } ul.dropdownvisible li a:hover { background: #0063B4; color: #FFF; } /********************************************************** popups **********************************************************/ #popups {display: none;} .popup {padding-left: 15px; padding-right: 15px;} /********************************************************** layout **********************************************************/ /*#upper-container { background: #F2EFE4 url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/upper-container.png) repeat-x 0px 0px; /*+box-shadow:4px 4px 4px #E7E7E7;*/ -moz-box-shadow: 4px 4px 4px #E7E7E7; -webkit-box-shadow: 4px 4px 4px #E7E7E7; -o-box-shadow: 4px 4px 4px #E7E7E7; box-shadow: 4px 4px 4px #E7E7E7; overflow: hidden; } */ #upper-container { background: #FFFFFF url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/upper-container.png) repeat-x 0px 0px; /*+box-shadow:4px 4px 4px #E7E7E7;*/ -moz-box-shadow: 4px 4px 4px #E7E7E7; -webkit-box-shadow: 4px 4px 4px #E7E7E7; -o-box-shadow: 4px 4px 4px #E7E7E7; box-shadow: 4px 4px 4px #E7E7E7; /*[GF 21-April 2015 disabled]overflow:hidden;*/ } #upper { width: 960px; margin: 0 auto; } .one-col-right { float: right; width: 240px; } .filter-page .one-col-right { position: absolute; right: 0; top: 0; } .two-col-left { width: 490px; float: left; } .ie6 .two-col-left { /*[disabled]overflow:hidden;*/ position: relative; } .three-col-left { float: left; width: 689px; } .three-col-right { width: 760px; float: right; } .ie6 .three-col-right { border: 1px solid #F2EFE4; width: 760px; overflow: hidden; } #content hr { height: 1px; color: #CBCBCB; background: #CBCBCB; border: none; border-bottom: 1px solid #CBCBCB; margin-top: 20px; clear: both; margin-bottom: 20px; } /********************************************************** header **********************************************************/ #skip-to-content { display: none; } #header { height: 140px; width: 100%; position: relative; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/border-thick.png) repeat-x bottom left; } #header h1 { position: absolute; left: 2px; top: 40px; font-size: 15px; margin: 0; padding: 0; font-family: FrutigerLightItalic, Arial, "Helvetica ", sans-serif; padding-right:150px; /*[disabled]letter-spacing:-0.02em;*/ font-weight: normal; font-style: italic; } #header h1 a { color: #C94987; text-decoration: none; display: block; font-weight: normal; } #header h1 a span { display: inline; } #header img { position: absolute; right: 0px; top: 10px; } /********************************************************** navigation **********************************************************/ .navigation { border-bottom: 1px solid #CBCBCB; margin-bottom: 19px; /*[empty]padding-left:;*/ } .navigation ul { text-align: center; } .navigation ul li { display: inline; font-family: Arial; font-weight:bold; font-size: 1.4em; } .navigation ul li a { line-height: 3.9em; display: inline; padding: 0 11px 14px; margin-right: -2px; margin-left: -2px; } .navigation ul li a:hover, .navigation ul li a.active { border-bottom: 5px solid /*#C94987*/ #FF6600; color: #000; text-decoration: none; } /********************************************************** sub-navigation **********************************************************/ .sub-navigation { width: 170px; float: left; padding-right: 30px; } .ie6 .sub-navigation { padding-right: 22px; } .sub-navigation h1 { font-family: Arial; color: #49462F; font-size: 1.8em; margin-top: 3px; padding-left: 10px; font-weight: normal; } .ie6 .sub-navigation h1, .ie7 .sub-navigation h1 { margin-bottom: 11px; } .sub-navigation div { padding: 10px; } /*level 1*/ .sub-navigation .level-1 a { display: block; font-size: 14px; padding: 7px; } .ie6 .sub-navigation .level-1 a { margin-bottom: -12px; } .sub-navigation .level-1 a.active { font-weight: bold; color: #333; } .sub-navigation .level-1 a.more { border-bottom: 5px solid #67C1C1; margin-bottom: 4px; } .sub-navigation .level-1 a.add-a-topic { border-top: 4px solid #CCC; margin-top: 7px; } /*level 2*/ .sub-navigation .level-2 a { color: #333; font-size: 1.2em; padding-left: 12px; } .sub-navigation .level-2 a.active { font-weight: bold; } .sub-navigation .level-2 a.more { border-bottom: 2px solid #0091C9; margin-bottom: 6px; } /*level 3*/ .sub-navigation .level-3 { border-bottom: 5px solid #CBCBCB; padding-bottom: 7px; margin-bottom: 5px; } .sub-navigation .level-3 a { color: #0065B7; padding-left: 17px; } .sub-navigation .level-3 a.active { color: #0065B7; font-weight: bold; } /********************************************************** main **********************************************************/ #main { padding-bottom: 50px; position: relative; } .ie7 #main, .ie6 #main { padding-bottom: 22px; } /********************************************************** breadcrumbs **********************************************************/ #breadcrumbs { border-bottom: 1px solid #CBCBCB; padding-bottom: 6px; padding-top: 8px; } .ie6 #breadcrumbs, .ie7 #breadcrumbs { padding-bottom: 16px; } #breadcrumbs p { font-size: 1.1em; float: left; margin-top: 0px; line-height: 1.1em; margin-right: 5px; position: relative; line-height: 1.3em; } #breadcrumbs ul { float: left; line-height: 1.3em; } #breadcrumbs ul li { float: left; font-size: 1.1em; padding-bottom: 10px; } #breadcrumbs ul li a { color: #333; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-arrow-grey.png) no-repeat 100% 4px; padding-right: 8px; margin-right: 4px; } .ie6 #breadcrumbs ul li a { background-position: 100% 3px; } /********************************************************** content **********************************************************/ #content { clear: both; } #content h1 { font-family: Arial; font-size: 2.4em; font-weight: normal; color: #49462F; border-bottom: 1px solid #CBCBCB; padding-bottom: 29px; padding-top: 12px; margin-bottom: 20px; } #content h1.nobottomline { border-bottom: 0px; padding-bottom: 0px !important; margin-bottom: 0px !important; } #content .line { border-bottom: 1px solid #CBCBCB;width:100%;height:1px; margin-bottom:10px; } #content h2 { color: #007773; font-family: Arial, Verdana, sans-serif; font-size: 1.8em; background: none; margin-bottom: 0.5em; } #content img { background: #FFF; padding: 5px; border: 1px solid #CBCBCB; margin-bottom: 20px; } .ie6 #content img { padding: 0; } .pagecontent h2 { color: #007773; font-family: Arial, Verdana, sans-serif; font-size: 1.8em; background: none; margin-bottom: 0.5em; } .pagecontent h3 { color: #007773; font-family: Arial, Verdana, sans-serif; font-size: 1.5em; background: none; margin-bottom: 0.5em; } .pagecontent h4 { color: #007773; font-family: Arial, Verdana, sans-serif; font-size: 1.3em; background: none; margin-bottom: 0.5em; } .pagecontent h5 { color: #007773; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; background: none; margin-bottom: 0.5em; } .pagecontent ol { font-size:1.4em; margin-left:20px; } /********************************************************** home page ********************************************************* welcome*/ #welcome { width: 690px; background: #EB9B26; overflow: hidden; /*+box-shadow:0px 5px 10px #98968F;*/ -moz-box-shadow: 0px 5px 10px #98968F; -webkit-box-shadow: 0px 5px 10px #98968F; -o-box-shadow: 0px 5px 10px #98968F; box-shadow: 0px 5px 10px #98968F; float: left; margin-bottom: 21px; } #welcome-image { width: 100%; height: 190px; overflow: hidden; position: relative; } #welcome-image img { position: absolute; left: 0px; } #welcome h1 { font-family: Arial; font-weight: bold; font-style: italic; letter-spacing: -0.06em; font-size: 2.2em; padding-left: 19px; height: 46px; margin: 0; line-height: 46px; } #welcome-copy { padding-left: 29px; padding-top: 23px; padding-bottom: 26px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/welcome-bg.png) repeat-x; } .ie6 #welcome-copy { padding-bottom: 17px; } #welcome-copy div { width: 185px; float: left; margin-right: 28px; } #welcome-copy p { margin: 0; } ul.list-links-white { list-style-type: none; margin: 0; padding: 0; float: left; } ul.list-links-white li { margin-bottom: 11px; } ul.list-links-white li a { color: #333333; font-size: 1.4em; font-weight: bold; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link-white.png) no-repeat 0px 0px; padding-left: 16px; display: block; } #welcome-copy ul.list-links-white { width: 199px; margin-right: 18px; } /*social, search, publications*/ .search { clear: both; padding: 12px 19px 19px; margin-bottom: 17px; } .ie7 .search { padding-top: 8px; } .search label { color: #333; font-family: Arial, Verdana, sans-serif; font-size: 1.4em; display: block; padding-bottom: 7px; } .search .field { overflow: hidden; width: 100%; height: 30px; border: 1px solid #8F8989; /*+border-radius:7px;*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px 7px 7px 7px; position: relative; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/text-field.png) repeat-x 0px 0px; } .search input.text { padding: 7px 5px 6px; font-size: 1.4em; width: 156px; border: none; background: none; } .search input.icon-search { border: none; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-search.png) no-repeat 0px 0px; width: 27px; height: 27px; position: absolute; right: 1px; top: 2px; cursor: pointer; } /*publications*/ ul.tab-nav { list-style-type: none; clear: both; margin-left: 1px; margin-bottom: 0px; height: 33px; } ul.tab-nav li { display: block; float: left; } ul.tab-nav li a { display: block; float: left; border: 1px solid #CBCBCB; border-bottom: none; padding: 7px 11px; color: #0063B3; font-size: 14px; font-weight: bold; margin-left: -1px; background: #EEEDEB; border-bottom: 1px solid #CBCBCB; } .ie6 ul.tab-nav li a { margin-left: 0; padding: 7px 10px 7px 11px; } .ie7 ul.tab-nav li a, .ie8 ul.tab-nav li a { padding: 7px 11px; } ul.tab-nav li a.active, ul.tab-nav li a:hover, ul.tab-nav li .active:hover { background: #FFF; color: #333; border-bottom: 1px solid #FFF; text-decoration: none; } ul.tab-nav li a:hover { border-bottom: 1px solid #CBCBCB; } ul.tab-nav li:first-child a { /*+border-radius:5px 0px 0px;*/ -moz-border-radius: 5px 0px 0px; -webkit-border-radius: 5px 0px 0px; -khtml-border-radius: 5px 0px 0px; border-radius: 5px 0px 0px 0px; } ul.tab-nav li:last-child a { /*+border-radius:0px 5px 0px 0px;*/ -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; -khtml-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } #publications .tabs { background: #FFF; width: 236px; height: 210px; border: 1px solid #CBCBCB; border-top: none; clear: both; padding-top: 22px; position: relative; } .ie6 #publications .tabs { margin-left: 1px; width: 235px; /*[disabled]height:198px;*/ } .ie7 #publications .tabs { height: 191px; } .tab-slides-mask { width: 202px; height: 172px; margin: 0 auto; overflow: hidden; position: relative; } .tab-slides { width: 7000px; position: absolute; left: 0; } .tab-slide { width: 202px; float: left; } .tab-slide img { float: left; margin-right: 10px; border: 1px solid #CCCCCC; margin-bottom: 29px; } .tab-slide a { font-size: 1.3em; float: left; width: 86px; font-weight: bold; line-height: 1; display: block; word-wrap: break-word; margin-bottom: 7px; } .tab-slide p.date { margin-top: 8px; } .tab-slides-nav { text-align: center; list-style-type: none; margin: 22px 3px 3px; width: 100%; position: absolute; bottom: 10px; } .tab-slides-nav li { display: inline; } .tab-slides-nav li a { padding: 4px 5px 0px; font-size: 6px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/tab-nav.png) no-repeat 0px 0px; text-decoration: none; } .ie7 .tab-slides-nav li a { padding: 4px 7px; text-align: center; position: relative; } .ie6 .tab-slides-nav li a { background: #CBCBCB; padding: 4px 5px; } .ie6 .tab-slides-nav li a:hover, .ie6 .tab-slides-nav li a.active { background: #007773; } .tab-slides-nav li a:hover, .tab-slides-nav li a.active { background-position: 0px -22px; } .pubImage img {max-width:200px;float:left;margin-right:10px;} /*latest*/ #latest { margin-bottom: 37px; } .ie6 #latest, .ie7 #latest { margin-bottom: 15px; } .content #latest { clear: both; padding-top: 17px; } .ie6 .content #latest { width: 100%; } #latest article { /*[disabled]width:29%;*/ float: left; border-left: 1px solid #CBCBCB; padding-left: 18px; margin-left: 17px; } #latest article.two-col { width: 60%; } #latest article.one-col { width: 33%; } #latest article div { float: left; width: 186px; margin-right: 20px; } .ie6 #latest article div { margin-right: 18px; } .content #latest article { border: none; width: 41%; margin-right: 22px; } .ie6 .content #latest article { width: 40%; } .content #latest article div { margin-bottom: 24px; } #latest div article:first-child, #latest div article.first { border-left: none; padding-left: 0; margin-left: 0px; } #latest article h3 {} #latest article h3 a { color: #656565; } #latest article p.date { margin-bottom: 5px; } #latest article div a { font-size: 1.4em; font-weight: bold; height: auto !important; min-height: 105px; height: 105px; max-height: 105px; display: block; overflow: hidden; } .content #latest article a { height: inherit !important; display: block; overflow: hidden; } .ie6 .content #latest article a { height: auto !important; } #latest article a.icon-link-green { min-height: 0 !important; height: auto !important; max-height: inherit; float: right; margin-top: 11px; } .content #latest article a.icon-link-green { margin-top: 0px; } /*rss*/ #rss { width: 456px; float: left; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-rss.png) no-repeat 0px 0px; padding-top: 2px; } .one-col-right #rss { width: 240px; margin-top: 19px; } #rss h2 { margin-left: 28px; } #rss article { border-bottom: 1px solid #CBCBCB; margin-bottom: 16px; } #rss article a { color: #0065B7; font-size: 1.4em; } /*twitter*/ #twitter { float: right; width: 212px; padding-top: 2px; } #tweet { border: 1px solid #CBCBCB; background: #E1F5D5; padding: 9px; /*+border-radius:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px 5px 5px 5px; margin-bottom: 0px; } #tweet a { color: #0065B7; } #tweet .date { font-size: 0.8em; display: block; margin-top: 10px; } #follow-us { background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/twitter.png) no-repeat 20px 0px; display: block; text-align: right; font-size: 1.4em; color: #333333; font-weight: bold; margin-top: -2px; padding-top: 16px; } #follow-us span { /*[disabled]display:block;*/ background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link-green.png) no-repeat 0px 0px; padding-left: 13px; } /*external links*/ #external-links article { clear: both; margin-bottom: 25px; height: 60px; } #external-links article .image { width: 91px; height: 60px; display: block; background: #FFF no-repeat center center; text-align: center; border: 1px solid #CBCBCB; position: relative; float: left; } #external-links article .image img { vertical-align: middle; } #external-links article a.icon-link { float: left; width: 126px; margin-left: 7px; } a.icon-link { font-size: 1.4em; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link.png) no-repeat 0px 2px; display: block; padding-left: 14px; } ul li a.icon-link { font-size:1em; } /********************************************************** events/publications search **********************************************************/ ul.filter { background: none; margin-bottom: 4px !important; z-index: 3; position: relative; } .ie6 ul.filter { margin-left: 0px; } ul.filter li { background: none !important; padding-left: 0 !important; margin-right: 2px; } ul.filter li a { /*+border-radius:5px 5px 0 0;*/ -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; font-size: 1.8em; padding-left: 25px; padding-right: 25px; } div.filter { background: #FFF; border: 1px solid #CBCBCB; width: 724px; padding: 17px 17px 9px; margin-bottom: 13px; z-index: 4; } div.filter { width: 95.3%; } .ie6 div.filter { margin-top: -5px; } div.filter div { float: left; width: 265px; height: 54px; margin-right: 25px; margin-bottom: 17px; } .ie6 div.filter div { margin-bottom: 0px; } div.filter div input.text, div.filter div input.date { height: 26px; padding-bottom: 2px; } .oldie div.filter div input.text, .oldie div.filter div input.date { line-height: 1.8em; } div.filter div input.text { width: 251px; font-size: 1.4em; padding-left: 7px; margin-right: 7px; } div.filter div input.date { padding-left: 3px; width: 78px; float: left; padding-right: 3px; } div.filter div select { width: 261px; } div.filter div a.trigger, div.filter div a.activetrigger { width: 225px; } .ie7 div.filter div a.trigger, .ie7 div.filter div a.activetrigger { width: 222px; } .ie8 div.filter div a.trigger, .ie8 div.filter div a.activetrigger { width: 224px; } div.filter ul.dropdownvisible { width: 261px; } div.filter div div { width: 121px; float: left; margin-right: 9px; } .filter .buttons { width: 96px; padding-top: 22px; height: auto; margin-left: -22px; } .ie6 .filter .buttons { margin-left: -25px; } .results-filter { border-bottom: 1px solid #CBCBCB; margin-bottom: 22px; padding-left: 0px; padding-bottom: 18px; } .results-filter div { width: 119px; float: left; margin-right: 16px; } .results-filter select { min-width: 96px; } .results-filter div a.trigger, .results-filter div a.activetrigger { width: 58px; } .results-filter ul.dropdownvisible { width: 94px; } .results-filter ul.dropdownvisible li a { width: 93%; } .results-filter ul.pagination { margin-top: 30px; } .ie6 .results-filter ul.pagination { clear: both; float: none; text-align: right; position: absolute; right: 0px; margin-top: -30px; } .link-listing article { border-bottom: 1px solid #CBCBCB; margin-bottom: 14px; } .link-listing article.last { border-bottom: none; } .link-listing article a { background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link.png) no-repeat 0px 0px; font-size: 1.4em; font-weight: bold; padding-left: 16px; display: block; } .link-listing article a span { color:#000000 !important; } .link-listing article p.info { padding-left: 16px; margin-top: 0px; margin-bottom: 0px; } /*.link-listing article p.info strong { font-size: 0.9em; }*/ .link-listing article .date { padding-left: 16px; padding-bottom: 14px; padding-top: 0px; } /*publication details*/ a.add-to-my-publications, a.added { float: right; margin-bottom: 22px; margin-top: 11px; } a.added { background: #C94987 !important; cursor: default; } /********************************************************** events calendar **********************************************************/ #calendar-nav { text-align: center; margin-bottom: 20px; } #calendar-nav ul li { display: inline; font-size: 1.8em; color: #007773; } #calendar-nav a.previous { margin-right: 11px; } #calendar-nav a.next { margin-left: 11px; } table#events-calendar { /*[disabled]width:100%;*/ color: #656565; /*[disabled]font-family:Arial, serif;*/ margin-bottom: 11px; } table#events-calendar th { font-weight: normal; font-size: 1.4em; padding-bottom: 14px; border-bottom: 1px solid #CBCBCB; } table#events-calendar td { border-right: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width: 100px; height: 100px; position: relative; padding: 0; } .ie7 table#events-calendar td, .ie6 table#events-calendar td { padding-top: 1px; } table#events-calendar td.first { border-left: 1px solid #CBCBCB; } table#events-calendar td div { width: 100%; height: 100%; margin-bottom: 0px; position: relative; padding: 0px !important; margin: 0px !important; } .ie8 table#events-calendar td div { width: 99%; height: 99%; } table#events-calendar td.other-month div { background: #EBEBEB; } table#events-calendar td.events div { background: #E0F5D5; } table#events-calendar td span.date { font-style: normal; font-family:Arial, serif; right: 9px; bottom: 7px; position: absolute; } table#events-calendar td span.date span { display: none; } td.events ul { list-style-type: none; margin-left: 5px; margin-top: 2px; height: 58px; overflow-y: hidden; position: absolute; } td.events ul li a { width: 85px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: Arial, Verdana, sans-serif; font-size: 1.4em; background: #E0F5D5; text-decoration: none; display: block; border: 1px solid #E0F5D5; } td.events ul li:hover a { text-overflow: inherit; overflow: visible; width: inherit; z-index: 999999; position: relative; border: 1px solid #666; background: #FFFFAF; } .ie7 td.events ul li:hover a, .ie6 td.events ul li:hover a { text-overflow: ellipsis; overflow: hidden; width: 80px; } td.events a.see-more { font-size: 1.4em; font-family: Arial, Verdana, sans-serif; font-weight: bold; display: block; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-link.png) no-repeat 100% 2px; text-align: right; padding-right: 12px; margin-right: 6px; position: absolute; right: 2px; bottom: 23px; } /*lightbox*/ #overlay { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/lightbox.png) repeat 0px 0px; z-index: 999999; display: none; } .ie6 #overlay { background: #FFF !important; position: absolute; width: 100%; width: 960px; height: 1400px; left: 50%; margin-left: -480px; } #popup-events { width: 498px; border: 1px solid #CBCBCB; position: absolute; left: 50%; margin-left: -249px; top: 209px; background: #FFF; } #popup-events header { background: #E0F5D5; position: relative; padding: 12px 20px; border-bottom: 1px solid #CBCBCB; } #popup-events header p { margin: 0; font-weight: bold; } #popup-events header p span { font-weight: normal; font-size: 1em; font-family: Arial, serif; font-style: normal; } #popup-events header a.icon-close { position: absolute; right: 15px; top: 13px; } a.icon-close { font-size: 1.4em; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-close.png) no-repeat right top; padding-right: 22px; color: #007773; } #popup-events ul.list-links { margin: 0; padding: 0px; } #popup-events ul.list-links li { border-bottom: 1px solid #CBCBCB; padding-left: 20px; padding-right: 20px; padding-top: 23px; padding-bottom: 23px; margin-bottom: 0px; } #popup-events ul.list-links li a { font-weight: bold; } /********************************************************** listing page **********************************************************/ .listing h2 { margin-bottom: 1em !important; } .listing fieldset div { width: 44%; } .ie6 .listing fieldset div { width: 40%; } .listing fieldset div div.select-container { width: 100% !important; } .listing fieldset input.text { width: 100% !important; } .listing fieldset select { width: 100% !important; } .listing fieldset a.trigger, .listing fieldset a.activetrigger { width: 100% !important; } .listing fieldset ul.dropdownvisible { width: 201px; } .listing fieldset ul.dropdownvisible li a { width: 97%; } .listing fieldset div.buttons { float: right; width: auto; padding-top: 0px; margin-right: 17px; margin-bottom: 2px; } .link-listing {} section.no-icons article a { background: none; padding-left: 0px; } section.no-icons article p { margin-top: 5px; } section.no-icons article p.date { padding-left: 0px; } /********************************************************** case study page **********************************************************/ .contacts, .attachments { padding: 12px 17px 20px; } .contacts h2, .attachments h2 { background: none; margin-left: -10px; color: #333; } .contacts h3 { color: #656565; font-style: italic; font-weight: normal !important; font-size: 1.3em; margin-bottom: 0px; margin-top: 1.7em; } .contacts p { margin-top: 0px !important; } /********************************************************** glossary page **********************************************************/ .alphabet { margin-bottom: -0.9em; } .alphabet ul { list-style-type: none; } .alphabet ul li { display: block; float: left; background: none !important; padding: 0px !important; } .alphabet ul li.first { margin-left: 0.3em; } .alphabet ul li a { font-size: 1.2em; font-weight: bold; padding: 13px; } /********************************************************** event details page **********************************************************/ .event-details p.date { margin-bottom: -6px; } .event-details #content h2 { margin-bottom: 3px; } .event-details #content h3 { color: #333; margin-bottom: -15px; } /********************************************************** network centre ********************************************************* group listing page*/ div.filter h1 { margin-top: 0px; } /*group page*/ .snippet { padding: 39px 17px 13px; position: relative; } .ie6 .snippets { margin-top: -80px; } .snippet .copy { width: 455px; border-right: 1px solid #CBCBCB; padding-right: 50px; float: left; } .snippet .copy h2 { background: none; margin-bottom: -9px; font-family: Arial; font-weight: bold; } .snippet nav { float: left; width: 206px; top: 18px; position: relative; left: 12px; } .snippet nav li { font-size: 1.4em; font-size: 14px; position: relative; display: block; width: 176px; height: 30px; } .snippet nav span { position: absolute; right: 122px; top: 5px; } .snippet nav a { display: block; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 30px; padding-bottom: 6px; padding-top: 2px; left: 61px; top: 3px; position: absolute; } .snippet nav a.icon-comments { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-comments.png); } .snippet nav a.icon-attachments { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-attachments.png); } .snippet .new { background: #F3A127; position: absolute; left: -1px; top: -1px; margin: 0; border: 1px solid #CBCBCB; padding: 5px 10px; } /*article page*/ .attachments { padding-bottom: 4px; clear: both; } ul.list-attachments { list-style-type: none !important; margin-left: -7px; } ul.list-attachments li { display: block; margin-bottom: 11px; } ul.list-attachments a { display: block; font-size: 1.4em; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 22px; } ul.list-attachments span { margin-left: 22px; color: #656565; font-style: italic; font-size: 1.2em; } a.icon-pdf-small { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-pdf-small.png); } a.icon-doc-small { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-word.png); } a.icon-xls-small { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-excel.png); } a.icon-image-small { background-image: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-image.png); } .leave-a-comment { padding: 0; margin-bottom: 21px; } .leave-a-comment h2 { background: #B12F4B !important; color: #FFF !important; font-size: 1.4em !important; font-weight: bold; padding: 8px; position: relative; overflow: visible; } .leave-a-comment h2 span { width: 18px !important; display: block; height: 9px; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/comment.png) no-repeat 0px 0px !important; padding: 0px !important; position: absolute; bottom: -8px; left: 41px; } .ie6 .leave-a-comment h2 span { display: none; } .leave-a-comment textarea { margin-left: 20px; margin-top: 13px; width: 87%; margin-bottom: 10px; /*+border-radius:9px;*/ -moz-border-radius: 9px !important; -webkit-border-radius: 9px !important; -khtml-border-radius: 9px !important; border-radius: 9px 9px 9px 9px !important; border: 1px solid #8F8989 !important; background: -moz-linear-gradient(top, #cecfcf 0%, #ffffff 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecfcf), color-stop(98%,#ffffff)); background: -webkit-linear-grad ient(top, #cecfcf 0%,#ffffff 98%); background: -o-linear-gradient(top, #cecfcf 0%,#ffffff 98%); background: -ms-linear-gradient(top, #cecfcf 0%,#ffffff 98%); background: linear-gradient(top, #cecfcf 0%,#ffffff 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecfcf', endColorstr='#ffffff',GradientType=0 ); font-size: 1.4em; padding: 9px; } .leave-a-comment label { margin-left: 20px; } .leave-a-comment input.file { margin-left: 20px; } .leave-a-comment .button { margin-right: 23px !important; margin-bottom: 13px !important; } div.comments-nav { padding-bottom: 13px; } div.comments-nav p { float: left; } div.comments-nav div { float: right !important; margin-top: 8px; } div.comments-nav div label { display: inline; margin-right: 4px; } .ie6 div.comments-nav div label { float: left; padding-top: 13px; } .ie6 div.comments-nav div select { float: left; } .ie7 div.comments-nav div, .ie6 div.comments-nav div { margin-top: -13px !important; } .ie7 div.comments-nav div select, .ie6 div.comments-nav div select { margin-top: 10px; } .comment { margin-bottom: 10px; } .comment .meta { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding-top: 2px; } .ie7 .comment .meta { padding-top: 15px; padding-bottom: 12px; } .comment .meta p.author { float: left; font-weight: bold; } .comment .meta p.date { float: right; line-height: 2.3; } .ie7 .comment .meta p.date { line-height: 2em; } .comment ul.list-attachments li {background: none !important; padding-left: 6px !important;} .comment ul.list-attachments li a {font-size: 1em;} .comment a.icon-report { font-size: 1.4em; font-weight: bold; display: block; float: right; background: url(/20151103085442oe_/http://www.nhsiq.nhs.uk/media/design/icon-report.png) no-repeat 0px 0px; padding-left: 27px; margin-bottom: 15px; } /*add a topic*/ .create-topic label { margin-left: 20px; /*[empty]margin-top:;*/ padding-top: 14px; } .create-topic input.text, .create-topic textarea { margin-left: 20px; margin-bottom: 10px; width: 663px !important; padding: 6px !important; margin-top: 0; } .create-topic textarea { height: 208px; } .create-topic input.button { margin-top: 8px; } /********************************************************** my publications **********************************************************/ .my-publications label.quantity { padding-left: 71%; font-size: 1.3em; margin-bottom: 0px; padding-bottom: 0px; } .my-publications a.icon-link { width: 50%; margin-right: 12px; } .my-publications input.quantity { float: left; width: 28px; padding: 5px; text-align: center; margin-top: 8px; margin-right: 12px; } .my-publications input.remove { float: left; } input.grey { background: #B4B4B4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b4b4b4 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #b4b4b4 0%,#ffffff 100%); background: -o-linear-gradient(top, #b4b4b4 0%,#ffffff 100%); background: -ms-linear-gradient(top, #b4b4b4 0%,#ffffff 100%); background: linear-gradient(top, #b4b4b4 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#ffffff',GradientType=0 ); color: #333; border: 1px solid #98968F; margin-top: 8px; padding: 5px 10px; font-weight: bold; } /********************************************************** footer **********************************************************/ #footer { width: 960px; margin: 36px auto 0; } #footer article { float: left; margin-right: 90px; margin-bottom: 34px; } /*quick links*/ #quick-links { width: 45%; } #quick-links ul.list-links { float: left; width: 50%; } /*inform me of updates*/ #inform { width: 34.5%; } #inform p { margin-bottom: 0; } #inform .star { color:#007773; } /*contact us*/ #contact-us { width: 45%; margin-right: 0px !important; } #contact-us p, #contact-us a, #contact-us h3 { margin-left: 10px; } #contact-us h3 { font-family: Arial, serif; font-family: Arial, Verdana, sans-serif; color: #007874; font-weight: normal; font-size: 1.8em; margin-bottom: 9px; } #contact-us p { margin-top: 0px; margin-bottom: 7px; } #contact-us a { color: #007773; font-size: 1.8em; font-weight: bold; } #contact-us a:hover { color: #333; } #contact-us .tel { font-size: 2.4em; font-size: 240%; margin-top: 6px; position: relative; } #contact-us .tel a { font-size: 1em; margin-left: 0px; color: #333; font-weight: normal; text-decoration: none; cursor: default; } /*footer navigation*/ #footer-navigation { clear: both; border-top: 1px solid #CBCBCB; padding-top: 13px; padding-left: 58px; padding-right: 58px; margin-bottom: 30px; } #footer-navigation ul { text-align: center; } #footer-navigation ul li { display: inline; font-size: 1.1em; font-style: italic; padding-right: 10px; padding-left: 10px; line-height: 2.4; } #footer-navigation ul li a { color: #333; white-space: nowrap; } /********************************************************** media queries ******************************************************** **** tablet **** **** mobile *****/ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */