.nhsdirect {background-color:#074a8b;}
.nhsdirect .nhsd-header {background:#095AA6; padding:0.5em;}
.nhsdirect .nhsd-inner {background:#fff; padding:1.5em;}
.nhsdirect .nhsd-inner p {padding:0;}
.nhsdirect h1 {color:#095AA6; font-size:2.9em;}
.hub h1 {width:50%; float:left;}
.nhsdirect h2.letter {color:#fff; font-size:2em; padding:0.5em 1em 0.5em 2.2em; line-height:2em; background-repeat:no-repeat; background-position:left; margin-left:0.5em;}
.nhsdirect h2.let-a {background-image:url(/img/nhsdirect/icon-a.gif);}
.nhsdirect h2.let-b {background-image:url(/img/nhsdirect/icon-b.gif);}
.nhsdirect .logo {float:right; width:50%; text-align:right}
.nhsdirect .logo img {display:inline;}
.nhsdirect .box {background:#e1ebf8; position:relative; height:1%;}
.nhsdirect .box .crnr {background-image:url(/img/nhsdirect/box-crnrs.gif);}
.nhsd_redirect {margin-top:1em;}
/* NHSD Cols */
.nhsdirect .pad {padding:0.5em;}
.nhsdirect .box .pad {padding:2em;}
.nhsdirect .col {margin-right:0.5em;}
.nhsdirect .last {margin:0;}
.nhsdirect .five {width:57.4em;}
.nhsdirect .three {width:57.4em;}
.nhsdirect .two {width:38.6em;}
.nhsdirect .one {width:20.3em;}
.hub .last {margin-top:6em;}
.hub .two {width:37.6em;}
/* NHSD General */
.nhsdirect .three ul {margin:1em 0; list-style-position:outside;}
.nhsdirect .three ul li {margin:0.3em 1em 0.3em 2em;}
.sep {background:transparent url(/img/nhsdirect/sep-bg.gif) repeat-x bottom; height:25px; padding:0;}
.sep hr {display:none;}
.nhsdirect .three .box h2, .nhsdirect .two .box h2 {font-size:1.8em; margin-bottom:0.5em;}
.nhsdirect .three .box h2.fauxh3 {color:#585858; font-size:1.6em;}
.nhsdirect .three .chq-hub ul.link-list {width:47%; float:left; padding-left:1em; margin:0 0 0.5em;}
.nhsdirect .three .chq-hub ul li {margin:0;}
.nhsdirect .three .chq-hub ul.link-list li a {font-size:1.2em; font-weight:bold;}
.nhsdirect .three .box .article h2,  .nhsdirect .two .box .article h2 {margin-bottom:0.7em; font-size:1.4em; color:#095AA6;}
.article h3 {margin-bottom:0.7em; font-size:1.4em; color:#095AA6;}
.link-list {list-style-position:outside; position:relative;}
.hub .link-list a, .hub .carousel-list a {text-decoration:none;}
.hub .link-list a:hover, .hub .link-list a:focus, .hub .link-list a:active, 
.hub .carousel-list a:hover, .hub .carousel-list a:focus, .hub .carousel-list a:active {text-decoration:underline;}
/* Carousel */
.list-box {float:left; width:34em; background:#e1ebf8;}
.hub .list-box {width:auto; float:none;}
.list-box .padding {padding:0; overflow:hidden; position:relative; z-index:0;}
.list-box .padding ul {position:relative; padding:0; list-style:none; list-style-position:outside; z-index:1;}
.list-box .padding ul.carousel-list-js {position:absolute; font-weight:bold; width:670em; float:left;overflow:hidden;}
.list-box ul.carousel-list-js li {display:block; float:left; width:38em; font-size:1em;}
.list-box ul.carousel-list-js li a {display:block; font-size:1.2em; padding:0 0 0 3em; margin:0 6em 0 4em; background:#e1ebf8 url(/img/nhsdirect/quote-open.gif) no-repeat top left; line-height:normal;}
.list-box ul.carousel-list-js li a span {background:url(/img/nhsdirect/quote-close.gif) no-repeat bottom right; padding:0.5em 2.5em 0.5em 0; display:block; overflow:hidden; cursor:pointer;}
.list-box span.back-arrow, .list-box span.forward-arrow {position:relative; background:#e1ebf8; float:left; padding-bottom:30px;}
.list-box span.forward-arrow {float:right;}
.list-box span.back-arrow a {display:block; padding:30px 10px 30px 5px;}
.list-box span.forward-arrow a {display:block; padding:30px 5px 30px 10px;}
.list-box span.forward-arrow a:hover, .list-box span.forward-arrow a:focus, .list-box span.forward-arrow a:active,
.list-box span.back-arrow a:hover, .list-box span.back-arrow a:focus, .list-box span.back-arrow a:active {background:#cedded;}
.list-box span {z-index:5000;}
.list-box span a {cursor:pointer;}
/* NHSD Hub specific */
.hub {background-image:url(/img/nhsdirect/highlight.gif); background-position:0 18px; background-repeat:repeat-x;}
.hub .nhsd-header {padding-bottom:0;}
.hub .two .box .pad {padding:2em 5.2em 2em 4.8em;}
.hub .two .box h3 {font-size:1.8em; color:#095AA6; margin-bottom:1em;}
.hub .two .box h3 a {color:#095AA6;}
.hub .two .box h4 {font-size:1.2em; margin:0.7em 0;}
.hub .one .box h2 {font-size:1.4em; color:#095AA6; margin-bottom:0.5em;}
.hub .one .box .pad {padding:1em;}
ul.carousel-list {margin:0 0 .5em 0;}
ul.carousel-list li {padding:0 0 0 9px; background:transparent url(/img/link-list.gif) no-repeat 0 .25em; list-style:outside; list-style-type:none;}
.hub .box-urgent {min-height:50em;}
.hub .box-call {min-height:27em; margin-bottom:0.5em;}
.hub .box-call a {color:#095AA6; font-size:1.2em;}
.hub .box-useful {min-height:22.5em;}
.hub .box-other {min-height:6em;}
.hub .box-otherlist {min-height:24em; margin-bottom:0.5em; background:#fff;}
.hub .box-otherlist .crnr {background-image:url(/img/nhsdirect/box-white-crnrs.gif);}
.hub .box-links {min-height:19.5em;}
.hub .box-otherlist ul {list-style-position:outside; list-style:none;}
.hub .box-otherlist ul li {height:1%; padding-left:30px; position:relative; margin:0.9em 0;}
.hub .box-otherlist ul li a {text-decoration:none;}
.hub .box-otherlist ul li a:hover, .hub .box-otherlist ul li a:focus, .hub .box-otherlist ul li a:active {text-decoration:underline;}
.hub .box-otherlist ul li span {display:block; margin:0.1em 0; background-image:url(/img/nhsdirect/icns.gif); height:22px; width:26px; position:absolute; left:0;}
.hub .box-otherlist ul li.gp span {background-position:0 0;}
.hub .box-otherlist ul li.emergency span {background-position:0 -88px; margin-top:0.3em;}
.hub .box-otherlist ul li.hospitals span {background-position:0 -110px;}
.hub .box-otherlist ul li.chemists span {background-position:0 -22px;}
.hub .box-otherlist ul li.dentists span {background-position:0 -66px;}
.hub .box-otherlist ul li.opticians span {background-position:0 -132px;}
.hub .box-otherlist ul li.compare span {background-position:0 -44px;}
.hub .box-otherlist ul li.morehealthcare span {background-position:0 -154px;}
.hub .box-otherlist ul li.morehealthcare {margin-top:1.5em;}
.slider h3, .nhsdirect .three .pad .slider h2 {background:#dfebf9 url(/img/nhsdirect/slider-header-bg.gif) repeat-x bottom;}
.slider h3 span, .nhsdirect .three .pad .slider h2 span {color:#585858;}
.slider .slider-content-wrap {background:none; border:0;}
.nhsdirect .three .pad .concertina-wrap h2 {background:#dfebf9 url(/img/nhsdirect/slider-header-bg.gif) repeat-x bottom;}
.nhsdirect .three .pad .concertina-wrap h2 span {color:#585858;}
.nhsdirect .three .pad .concertina-wrap .slider-content-wrap {background:none; border:0;}
.nhsdirect .three ul.useful-numbers {list-style-position:outside; list-style:none; padding:0; margin:0;}
.nhsdirect .three ul.useful-numbers li {background:url(/img/nhsdirect/sep-bg.gif) repeat-x bottom; padding:1em; margin:0;}
.nhsdirect .three ul.useful-numbers li h2 {float:left; color:#095AA6; font-size:1.6em; line-height:normal;}
.nhsdirect .three ul.useful-numbers li p {padding-top:0.5em;}
.nhsdirect .three ul.useful-numbers li p.telephone {float:right; font-size:1.4em; font-weight:bold; background:url(/img/nhsdirect/icon-telephone-blue.gif) left no-repeat; padding:0 0 0 25px;}
.nhsdirect .three .box .pad .WebPartZone-Vertical .video-panel .crnr {background-image:url(/img/nhsdirect/media-panel-crnr-blue.gif);}
.nhsdirect .three .box .pad .WebPartZone-Vertical .video-panel h2 {color:#fff;}
.nhsdirect .three .box .pad .WebPartZone-Vertical .video-panel .video-container .crnr {background-image:url(/img/media-inner-panel-crnr.gif);}
/* admin */
#ctl00_SiteActionMenuTrim div {height:auto !important;}
.ms-siteaction, .ms-MenuUIPopupBody {z-index:9999 !important;}
.ms-consoleframe {border-top:0 !important;}

/*SAT Phase 1 hub */
.sat h1 {color:#069;}
.sat .four .sat-main {width:100%;}
.sat .sat-main .two-sm.last {margin-right:0;}
.sat .sat-main h2 {font-size:1.9em; font-weight:bold; color:#069; margin-bottom:.5em;}
.sat .sat-main .box {background:#e1ebf8; position:relative; height:1%; margin-bottom:1em;}
.sat .sat-main .box .crnr {background:url(/img/sat/sat-sprite.gif) 0 0 no-repeat transparent;}
.sat .sat-main .box .crnr.tl {background-position:0 -62px; top:0; left:0;}
.sat .sat-main .box .crnr.tr {background-position:-10px -62px; top:0; right:0; float:right;}
.sat .sat-main .box .crnr.bl {background-position:0 -72px; bottom:0; left:0;}
.sat .sat-main .box .crnr.br {background-position:-10px -72px; bottom:0; right:0; float:right;}
.sat .sat-main .box p {clear:left;}
.sat .sat-main .box ul {padding:0 0 1em 1em;}
.sat .sat-main .box .submit {display:block; margin-bottom:1em;}
.sat .sat-main .common-symptoms .one-sm.symptom-list {width:10em; margin-right:2.7em;}
.sat .sat-main .symptom-list h3 {color:#069; font-size:1.4em;}
.sat .sat-main .symptom-list ul, .sat .sat-main .box ul {padding:.5em 0 1em 2em;}
.sat .sat-main .symptom-list ul li, .sat .sat-main .box ul li {margin-bottom:.3em; list-style-position:outside;}
.sat .one.last .featured-article .bx-in h3, .sat .one.last .featured-article .bx-in h3 a {color:#069;}
.sat .one.last .featured-article .bx-in h3 a {text-decoration:none;}
.sat .one.last .featured-article .bx-in h3 a:hover, .sat .one.last .featured-article .bx-in h3 a:focus {text-decoration:underline;}
.sat .one.last .featured-article .bx-in img {width:100%;}
.sat .one.last .featured-article .bx-in .pad {height:1%;}
/* Edit mode */
.sat .four .ms-SPZone table {width:90% !important;}
.ms-WPBody .sat .sat-main .two-sm {width:34em !important;}

/* self assessment tool */
.self-assess {font-family:Arial,helvetica,sans-serif;}
.self-assess .pad-tbl {padding-bottom:0;}
.self-assess .four {padding-bottom:1em;}
.self-assess h1 {background:transparent; color:#069;}
.self-assess .nhsdirect-logo {float:right;}
.self-assess .nhsdirect-logo img {margin-right:5px;}
.self-assess .clear {clear:left;}
.self-assess .inner .clear {clear:both;}
.self-assess #progress {background:#8f8f8f; color:#fff; list-style:none; list-style-position:outside; margin-bottom:1em; margin-top:1em; overflow:hidden; position:relative;}
.self-assess #progress li {background:url(/img/sat/progress.gif) top right no-repeat; float:left; font-size:2.3em; font-weight:bold; padding:.1em 21px .2em .5em;}
.self-assess #progress li span {font-size:.75em; padding-left:.5em; position:relative; top:-.1em;}
.self-assess .ms-WPBorder #progress li span {font-size:.65em;}
.self-assess #progress li span.crnr {background-image:url(/img/sat/sat-crnrs.gif); font-size:0; height:4px; padding:0; position:absolute; top:auto; width:4px;}
.self-assess #progress li span.tl {background-position:top left; top:0;}
.self-assess #progress li span.bl {background-position:0 -4px; bottom:0;}
.self-assess #progress li.current {background:#069 url(/img/sat/progress-current.gif) top right no-repeat;}
.self-assess #progress li.active {background:#069 url(/img/sat/progress-active.gif) top right no-repeat;}
.self-assess #progress li.last {background-image:none;}
.self-assess #progress li.last span.tr {background-position:-4px -13px; top:0;}
.self-assess #progress li.last span.br {background-position:-4px -17px; bottom:0;}
.self-assess ol.last {background:#069 !important;}
.self-assess #progress.last li.last span.tr {background-position:-4px 0;}
.self-assess #progress.last li.last span.br {background-position:-4px -4px;}
.self-assess .gradient {background:url(/img/sat/gradient.gif) top left repeat-x; border:1px solid #ececec; padding:1em; position:relative;}
.self-assess .gradient .crnr {background-image:url(/img/sat/sat-crnrs.gif); height:5px; width:5px;}
.self-assess .gradient .tl {background-position:0 -26px; left:-1px; top:-1px;}
.self-assess .gradient .tr {background-position:-5px -26px; right:-1px; top:-1px;}
.self-assess .gradient .bl {background-position:0 -31px; bottom:-1px; left:-1px;}
.self-assess .gradient .br {background-position:-5px -31px; bottom:-1px; right:-1px;}
.self-assess .gradient a {color:#00679a; text-decoration:none;}
.self-assess .gradient a:hover {text-decoration:underline;}
.self-assess .gradient .half {float:left; width:36em;}
.self-assess .gradient .align-left {margin-right:2em;}
.self-assess .gradient .align-right {float:right;}
.self-assess .gradient legend {display:none;}
.self-assess .gradient h2 {background:transparent; color:#069; font-size:2.2em; margin-bottom:.5em;}
.self-assess .gradient h3 {background:transparent; color:#069; font-size:2.2em;}
.self-assess .gradient h4 {background:transparent; color:#069; font-size:1.4em; margin-top:.8em;}
.self-assess .gradient .align-right .start-checker {background:#4e4e4e; float:left; margin-top:3em; padding:2em; position:relative;}
.self-assess .gradient .align-right .start-checker .crnr {background-image:url(/img/sat/sat-crnrs.gif); height:7px; width:7px;}
.self-assess .gradient .align-right .start-checker .tl {background-position:0 -42px; top:0; left:0;}
.self-assess .gradient .align-right .start-checker .tr {background-position:-7px -42px; top:0; right:0;}
.self-assess .gradient .align-right .start-checker .bl {background-position:0 -49px; bottom:0; left:0;}
.self-assess .gradient .align-right .start-checker .br {background-position:-7px -49px; bottom:0; right:0;}
.self-assess .gradient .align-right .start-checker a {background:transparent; color:#fff; font-size:2em; text-decoration:none;}
.self-assess .gradient .align-right .start-checker a:hover {text-decoration:underline;}
.self-assess .gradient .align-right p {clear:left;}
.self-assess .gradient .submit-buttons {float:right; margin-top:1em;}
.self-assess .gradient .submit-buttons .submit {margin-left:1em;}
.self-assess .gradient .submit-buttons input {padding:0 1.6em .15em .5em;}
.self-assess .gradient .submit-buttons .submit-previous input, .self-assess .gradient .submit-buttons .submit-goback input {background-image:url(/img/buttons/btn-back.gif); background-position:left center; padding:0 .5em .15em 1.6em;}
.self-assess .gradient .options {float:left; list-style:none; list-style-position:outside; margin-top:2em; width:35em;}
.self-assess .gradient .options li:after {clear:both; content:"."; display:block; height:0; min-height:1px; visibility:hidden;}
.self-assess .gradient .options li .radio {bottom:-.2em; display:block; float:left; margin-right:.6em; position:relative;}
.self-assess .gradient .options li label {float:left; display:block; padding-bottom:2em; width:90%;}
.self-assess .gradient .options .checkbox {float:left; display:block; margin-top:.1em; width:2em;}
.self-assess .gradient .options .checkbox .checkbox {margin-bottom:2em; margin-top:0;}
.self-assess .gradient .options .label {float:left;}
.self-assess .gradient .critical {background:#d90000; color:#fff; font-size:1.3em; margin-bottom:1em; padding:1em;}
.self-assess .gradient .critical h2 {color:#fff;}
.self-assess .gradient .ae {background:#ed6406; border:10px solid #ed6406;}
.self-assess .gradient .ae h3 {color:#fff;}
.self-assess .gradient .ae h3.ae {margin:0;}
.self-assess .gradient .ae .ui-tabs-panel {border:0;}
.self-assess .gradient .contentList ul {margin-bottom:1em; margin-left:2em;}
.self-assess .gradient .contentList ul.circleBold {list-style-position:outside; list-style-type:disc;}
.self-assess .gradient #previousQuestions {border:1px solid #ececec; list-style:none; list-style-position:outside; margin-top:1em; padding:1em;}
.self-assess .gradient #previousQuestions a.print_answers {background:url(/img/chevron-blue.gif) left no-repeat; padding-left:10px; position:relative; margin-top:-1em;}
.self-assess .gradient #previousQuestions li div p {padding:0;}
.self-assess .gradient #previousQuestions li div p a.review_answers {background:url(/img/sat/arrow-show.gif) left no-repeat; font-size:1.2em; font-weight:bold; padding-left:15px;}
.self-assess .gradient #previousQuestions li div p a.hide {background:url(/img/sat/arrow-hide.gif) left no-repeat; padding-left:15px;}
.self-assess .gradient #previousQuestions li ul {list-style:none; list-style-position:outside;}
.self-assess .gradient #previousQuestions li ul ol {border:1px solid #ececec; list-style:none; list-style-position:outside; margin-top:1em; padding:1em;}
.self-assess .gradient #previousQuestions li ul li li p {font-weight:bold;}
.self-assess .gradient #previousQuestions li ul li div p {margin-top:1em;}
.self-assess .gradient #previousQuestions li ul li div ol li p {margin-top:0;}
.self-assess .gradient #previousQuestions li ul li li span {padding-right:1em;}
.self-assess .gradient #previousQuestions li ul li li ul {list-style-type:disc; margin-left:3em;}
.self-assess .gradient #previousQuestions li ul li ol li {margin-bottom:1em;}
.self-assess .gradient #previousQuestions li ul li ol li ul li {margin-bottom:0;}
.self-assess .gradient span label.dateLabel {padding-right:.5em;}
.self-assess #page .gradient {float:left; margin-top:1em;}
.self-assess #page .gradient h3 {border-bottom:1px solid #069; font-size:1.8em; margin-bottom:.7em; padding-bottom:.6em;}
.self-assess #page .gradient .border {border:0;}
.self-assess #page .gradient ul.all-checkers-list {list-style:none; list-style-position:outside;}
.self-assess #page .gradient ul.all-checkers-list li {display:block; float:left; margin-right:1em; width:19.5em;}
.self-assess #page .gradient ul.all-checkers-list li h4 {border:0; font-size:1em; font-weight:normal; margin:0; padding:0;}
.self-assess #page .gradient ul.all-checkers-list li h4 a {background:transparent; color:#585858;}
.self-assess #page .gradient ul.all-checkers-list li p {display:none;}
.self-assess .gradient dfn {color:#00679a;}
.qtip-content {font-size:1.3em; margin-bottom:.5em;}
.qtip-title {padding:.6em .8em .3em .8em !important;}
.self-assess .gradient ul.tabs {margin-top:1em;}
.self-assess .gradient ul.tabs li {background:#237fa6; border-bottom:0; bottom:-7px;}
.self-assess .gradient ul.tabs li a {background-color:transparent; color:#fff;}
.self-assess .gradient ul.tabs li.ui-tabs-selected {background:#fff; border:1px solid #b2b2b2; border-bottom:0; bottom:-1px;}
.self-assess .gradient ul.tabs li.ui-tabs-selected a {background-color:transparent; color:#237fa6; cursor:default; padding-top:.7em; text-decoration:none;}
.self-assess .gradient .ui-tabs-hide {display:none;}
.self-assess .gradient .ui-tabs-panel {background:#fff; border:1px solid #b2b2b2; clear:left; padding:2em 1em;}
.self-assess .gradient .ui-widget-content .ui-tabs-panel {margin-bottom:1em;}
.self-assess .gradient .submit-goback {float:right; margin-top:1em;}
.self-assess .gradient .help {margin-top:1em;}
.self-assess .gradient .help h3 {font-size:1.3em;}
.self-assess .gradient .help .close {display:none;}
.self-assess .gradient .SAT {list-style:none; list-style-position:outside; margin-bottom:1em;}
.self-assess .gradient label.offScreen {display:none;}
.self-assess .gradient .SAT input {padding:.2em;}
.self-assess .gradient .SAT input.text {width:16em;}
.self-assess .gradient h3.callback, .self-assess .gradient h3.green, .self-assess .gradient h3.ae {margin-bottom:.5em;}
.self-assess .gradient span select {margin-bottom:1em; margin-right:.5em;}
.self-assess .gradient fieldset ul {list-style:none; list-style-position:outside;}
.self-assess .gradient fieldset ul li .left {float:left; margin-right:1em;}
.self-assess .gradient fieldset ul li .right {display:inline;}
.self-assess .help {display:none;}
.self-assess .one .WebPartZone-Vertical .bx-in .border, .self-assess .one .ms-WPBody .bx-in .border {height:26.2em;}
.self-assess .one .WebPartZone-Vertical .bx-in .border img {width:179px;}
.self-assess .one .WebPartZone-Vertical .bx-in .border h3 {background:transparent; color:#069;}
.self-assess .one .WebPartZone-Vertical .bx-in .border h3 a {background:transparent; color:#069; text-decoration:none;}
.self-assess .one .WebPartZone-Vertical .bx-in .border h3 a:hover {text-decoration:underline;}
.self-assess table * {font-family:Arial,helvetica,sans-serif;}
.self-assess .gradient .inner .container {border:1px solid #ececec; margin-bottom:1em;}
.self-assess .gradient .inner .container .content h3.candidateTitle.hideButton {background:#8f8f8f url(/img/sat/arrow-show-white.gif) 6px center no-repeat; color:#fff; cursor:pointer; padding:.3em .6em .3em 20px;} 
.self-assess .gradient .inner .container .content h3.candidateTitle.showButton {background:#8f8f8f url(/img/sat/arrow-hide-white.gif) 8px center no-repeat; color:#fff; cursor:pointer; padding:.3em .6em .3em 20px;} 
.self-assess .gradient .inner .container .content h3.candidateTitle {color:#fff; font-size:1.6em;} 
.self-assess .gradient .inner .disposition .content h3 {font-size:2em !important; padding: .2em .4em;} 
.self-assess .gradient .inner .disposition .details h2 {color:#585858;}
.self-assess .gradient .inner .disposition .details h3 {color:#585858; padding:0 0 .5em 0;}
.self-assess .gradient .inner .container .content .details {margin:1em;}
.self-assess .gradient .inner .container .content .details li p {display:inline;}
.self-assess .gradient .inner .container .content .details li h2, .self-assess .gradient .inner .container .content .details li h3, .self-assess .gradient .inner .container .content .details li h4 {color:#585858; display:inline; font-size:1em; font-weight:normal;}
.self-assess .gradient .inner .container .content .details .dispositionSelect {text-align:right;}
.self-assess .gradient .inner .container .content .details .dispositionSelect label {padding-right:1em;}
.self-assess .gradient .inner .container .content .details .dispositionSelect input {position:relative; top:3px;}
.self-assess .gradient .inner input.townsuggest {margin-bottom:1em; padding:.3em; width:16em;}
.self-assess .gradient .AandE .disposition {border-color:#ed6406;}
.self-assess .gradient .AandE .disposition h3.candidateTitle {background-color:#ed6406;}
.self-assess .gradient .Green .disposition, .self-assess .gradient .Callback .disposition, .self-assess .gradient .SelfCare .disposition {border-color:#69be28;}
.self-assess .gradient .Green .disposition h3.candidateTitle, .self-assess .gradient .Callback .disposition h3.candidateTitle, .self-assess .gradient .SelfCare .disposition h3.candidateTitle {background-color:#69be28;}
.self-assess .gradient .Critical .disposition {border-color:#e40000;}
.self-assess .gradient .Critical .disposition h3.candidateTitle {background-color:#e40000;}
.self-assess .gradient .right .dateLabel {padding-right:1em;}
.self-assess .gradient .right select {margin-right:1em;}
.self-assess .gradient .right span.dateLabel {font-size:1.2em;}
.self-assess .gradient .inner .container .details ol {list-style:none; list-style-position:outside;}
.ui-autocomplete {background:#fff; border:1px solid #ccc; cursor: default; list-style:none; list-style-position:outside; padding:.6em 1em .4em 1em; position:absolute;}
.ui-autocomplete li {margin-bottom:.3em;}
.ui-autocomplete li a {text-decoration:none;}
.ui-autocomplete li a:hover, .ui-autocomplete li a:active, .ui-autocomplete li a:focus, .ui-autocomplete li a.ui-state-hover {text-decoration:underline;}
.ui-autocomplete .ui-autocomplete-term {color:#069; font-weight:bold;}
/* fancybox js plugin styling */
#fancybox-hide-sel-frame {background:transparent; left:0; height:100%; position:absolute; top:0; width:100%;}
#fancybox-frame {border:none; display:block; position:relative; height:100%; width:100%;}
#fancybox-overlay {background:#000; bottom:0; display:none; left:0; position:fixed; right:0; top:0;z-index:1100;}
#fancybox-content {height:auto !important;}
#fancybox-tmp {border:0; display:none; margin:0; padding:0; overflow:auto;}
#fancybox-wrap {display:none; left:0; margin:0; padding:0; position:absolute; top:0; z-index:1101;}
#fancybox-wrap #fancybox-outer {background:#fff; border:5px solid #ccc; height:100%; position:relative; width:100%;}
#fancybox-wrap .help {padding:1em;}
#fancybox-wrap .help .close {background:#237fa6; color:#fff; display:block; font-size:1.2em; font-weight:bold; padding:.3em 1em .5em 1em; position:absolute; right:10px; top:10px; z-index:100000;}
#fancybox-wrap .help ul {margin:0 0 0 1em;}
#fancybox-wrap .help h3 {font-size:1.6em; margin-bottom:1em;}

@media (max-width:640px) {
    .mobile .content-wrap.nhsdirect {background:none; padding:0;}    
    .mobile .nhsd-header {background:none; padding:0;}
    .mobile .nhsd-header .nhsd-inner {padding:0 10px 10px 10px;}
    .mobile .nhsd-header .nhsd-inner .breadcrumbs li {display:inline; float:none; font-size:14px !important;}
    .mobile .nhsd-header .nhsd-inner .breadcrumbs li a, .mobile .nhsd-header .nhsd-inner .breadcrumbs li strong {display:inline;}
    .mobile .nhsd-header h1 {font-size:26px; margin-top:10px;}   
    .mobile .three .box h2, .mobile .two .box h2 {margin:10px 0 20px 0;}
    .mobile .nhsdirect .row .three {margin:0;}
    .mobile .nhsdirect .box {background:none;}
    .mobile .nhsdirect .box .crnr {display:none;}
    .mobile .nhsdirect .box .pad {background:#e1ebf8; border:3px solid #074a8b; border-radius:5px; margin-bottom:20px; padding:10px 15px;}
    .mobile .nhsdirect .box .pad .article {margin-top:5px;}
    .mobile .nhsdirect .three .chq-hub ul.link-list {float:none; margin:0; padding:0; width:100%;}
    .mobile .nhsdirect .three .chq-hub ul.link-list li {margin-bottom:20px;}
    .mobile .nhsdirect .two.last .box .pad {margin-bottom:10px;}
    .mobile .nhsdirect .btp {margin:0 0 0 10px;}
    .mobile .nhsdirect .three ul li, .mobile .nhsdirect .two ul li {margin:0 0 20px 0;}
    .mobile .nhsdirect .article ul {margin-left:20px;}
    .mobile .nhsdirect .video-panel {background:none;}
    .mobile .nhsdirect .video-panel .pad {background:none; border:0; margin:0; padding:0;}
    .mobile .nhsdirect .video-panel .pad-sm {padding:0;}
    .mobile .nhsdirect .video-panel .video-container {background:none;}
    .mobile .nhsdirect .three .box .pad .WebPartZone-Vertical .video-panel h2, .mobile .nhsdirect .video-panel p {color:#585858;}
    .mobile .nhsdirect .video-panel .swfplayer object, .mobile .nhsdirect .video-panel iframe {width:100% !important;}
    .mobile .nhsdirect #wpVideoZone2 div {height:auto !important; width:100% !important;}
    .mobile .nhsdirect .three .pad .concertina-wrap h2 {padding-right:10px;}
    .mobile .nhsdirect .three .pad .concertina-wrap h2 a {padding:5px 50px 5px 5px;}
    .mobile .nhsdirect .three .pad .concertina-wrap h2 a span {font-size:14px; padding-right:16px;}
    .mobile .nhsdirect .three .pad .concertina-wrap .concertina-trig a {background-position:right 8px;}
    .mobile .nhsdirect .review-date {margin-bottom:30px;}
}