/* CSS Document */

/* main home rooms */
.building {
  height:auto;

  position:relative;
}
.room {
  height:230px;
  margin-right:1%;
  margin-bottom:1%;
  float:left;
  cursor:pointer;
  padding: 0;
  display: none;
  font-weight: 400;
  word-break: break-word;
  min-width:7em;
}
.room h2 {
  padding:20px 10px;
  font-size:25px;
  text-align:center;
  color:#ffffff;
  display: table-cell;
  vertical-align: middle;
}
.room span {
  display:block;
  font-size:0.8em;
}
.room0, .room7 {
  width:33%;
}
.room1, .room2, .room3, .room4, .room5, .room6 {
  width:20.5%;
}
/* reception inner */
#content_room0.room_content {
  background:#f2f2f2 url(images/reception-main.jpg) bottom right no-repeat;
}
/* admin inner */
#content_room7.room_content {
  background:#e7ecef url(images/admin-main.jpg) bottom right no-repeat;
}
/* common illness */
#content_room1.room_content {
  background:#d5e3ef url(images/minor-main.jpg) bottom right no-repeat;
}
/* consulting */
#content_room2.room_content {
  color:#434343;
  background:#e6ebee url(images/consult-main.jpg) bottom right no-repeat;
}
/* travel */
#content_room3.room_content {
  background:#f2f3f6 url(images/travel-main.jpg) bottom right no-repeat;
}
/* advice */
#content_room4.room_content {
  /*background:#f3f3f5 url(images/advice-main.jpg) bottom right no-repeat;*/
  background:#f3f3f5;
}
/* ltc */
#content_room5.room_content {
  background:#f6f8f8 url(images/ltc-main.jpg) bottom right no-repeat;
}
/* meds */
#content_room6.room_content {
  background:#f3f2f1 url(images/med-main.jpg) bottom right no-repeat;
}
#content_room6 ul.links li {
  margin-left:14px;
  text-indent:-14px;
}
/* inner rooms */
.room_content {
  position:relative;
  width:100%;
  min-height:670px;
  background:#000000;
  color:#404040;
  padding:20px 40px;
}
.room_content h1.roomtitle {
  position:relative;
  margin-bottom:1em;
  font-weight:400;
  margin-right: 45px;
}
.room_content .icon-thin-arrow-left {
  position:absolute;
  right:20px;
  top:15px;
  font-size:3.5em;
  cursor:pointer;
  font-weight:bold;
}
.room_content .icon-thin-arrow-right {
  position:absolute;
  right:-10px;
  top:15px;
  font-size:3.5em;
  cursor:pointer;
  font-weight:bold;
}
/*
 * Generic links controls
 *
 * Combine the classes on teh UL as follows:
 * threecol - show LIs in three columns
 * twocol - show LIs in two columns
 * buttons - shows link as whiet button
 * links - show LIs as links
 * smaller - show the links smaller
 * roomlink - a link to anotehr room
 */
.room_content ul.buttons li {
  margin-bottom:10px;
  display: table;
  width:100%;
}
.room_content ul.buttons a {
  font-weight:normal;
  color:#404040;
  padding: 9px;
  background:#ffffff;
  border:1px solid #ffffff;
  display: table-cell;
  vertical-align: middle;
}
.room_content ul.links li {
  margin-bottom:5px;
  border:none;
}
.room_content ul.links a {
  background:transparent;
  padding:0;
  border:none;
  color:#404040;
}
.room_content ul.links a:hover {
  color:#002836; /* CUSTOMISATION */
  border:none;
}
.room_content ul.threecol li {
  width:32%;
  margin-right:1%;
  float:left;
}
.room_content ul.twocol li {
  width:48%;
  margin-right:2%;
  float:left;
}
.room_content ul.smaller {
  font-size:.9em;
}
a.roomlink {
  background:transparent;
  padding:0;
  display:inline;
}
.statement {
  clear:both;
  margin:1em 0 0 0;
}
.non-button li strong {
  font-size:1.1em;
}
/*
 * End of link styling
 */
 #sp_conditions {
  display:inline;
 }
/**/
.room_content .room_col1 {
  width:25%;
  float:left;
  margin-right:3%;
}
.room_content .room_col2 {
  width:30%;
  float:left;
  margin-right:3%;
}
.room_content .room_col3 {
  width:36%;
  float:left;
}
/**/
.room_content .room1_col1 {
  width:55%;
  margin-right:3%;
}
/**/
#content_room2.room_content .room2_col1 {
  width:27%;
  float:left;
  margin-right:4%;
}
#content_room2.room_content .room2_col2 {
  width:27%;
  float:left;
  margin-right:4%;
}
#content_room2.room_content .room2_col3 {
  width:27%;
  float:left;
  margin-right:11%;
}
.room2_col1 p:last-of-type {
  margin-bottom: 0.5em;
}
/**/
#content_room6.room_content .room2_col1, #content_room3.room_content .room2_col1 {
  width:31%;
  float:left;
  margin-right:2%;
}
#content_room6.room_content .room2_col2, #content_room3.room_content .room2_col2 {
  width:31%;
  float:left;
  margin-right:2%;
}
#content_room6.room_content .room2_col3, #content_room3.room_content .room2_col3 {
  width:31%;
  float:left;
}
/**/
#content_room5 .buttons li {
    max-width: 100%;
}
#content_room5.room_content .room2_col1 {
  width:29%;
  margin-right:1%;
}
#content_room5.room_content .room2_col2 {
  width:29%;
  float:left;
  margin-right:2%;
}
#content_room5.room_content .room2_col3 {
  width:29%;
  float:left;
}
/**/
.room_content .room3_row2 {
  margin-top:10px;
}
.room_content .room3_row2 .consult-text {
  width:92%;
  padding:15px 0;
  float:left;
  font-size:1em;
}
.room_content .room3_row2 .consult-text strong {
  font-size:1.3em;
}
.room_content .room3_row2 .consult-text-popup h2 {
  width:100%;
  float:none;
  background:#ffffff;
  padding:15px;
  font-size:1.5em !important;
}
.room_content .room3_row2 .consult-text-list {
  max-width:100%;
  list-style:none;
}
.room_content .room3_row2 .consult-text-list::before {
  display:none;
}
.room_content .room3_row2 .consult-text-button {
  cursor:pointer;
  font-weight:normal;
  color:#404040;
  padding:0px 9px;
  background:#ffffff;
  border:1px solid #ffffff;
  width:52%;
  float:left;
  margin-bottom:1%;
  text-align:left;
  line-height: 1.5em;
}
.room_content#content_room4 .room3_row2 .consult-text-button {
  width:30%;
}
.room_content#content_room4 .room3_row2 .consult-text-popup {
  width:60%;
}

.ie7 .room_content .room3_row2 .consult-text-popup, .ie8 .room_content .room3_row2 .consult-text-popup, .ie9 .room_content .room3_row2 .consult-text-popup {
  overflow:visible !important;
}

.ie7 .room_content .room4_row2 .consult-text-popup, .ie8 .room_content .room4_row2 .consult-text-popup, .ie9 .room_content .room4_row2 .consult-text-popup {
  overflow:visible !important;
}
.ie7 .room_content .room4_row2 .consult-back, .ie8 .room_content .room4_row2 .consult-back, .ie9 .room_content .room4_row2 .consult-back {
  display:none;
}
.consult-text-button .icon-thin-arrow-right {
  position:static;
  width:3%;
  float:left;
  right:0;
  top:0;
  font-size:3.4em;
  margin-left:-20px;
  margin-top:-5px;
  margin-bottom:5px;
}
.room_content .room3_row2 .consult-text-popup {
  position:absolute;
  top:165px;
  right:20px;
  width:40%;
  padding:15px;
  outline:none;
}
.room_content .room3_row2 .consult-action-button {
  background:#ffffff;
  padding:15px;
  border:1px solid #ffffff;
}
.room_content .room3_row2 .consult-action-button-link {
  background:#ffffff;
  border:1px solid #ffffff;
}
.room_content .room3_row2 .consult-action-button-link:hover {
  color: #243d99;
  border: 1px solid #243d99;
}
.room_content .room3_row2 .consult-action-button-link:hover a {
  color: #243d99;
}
.room_content .room3_row2 .consult-action-button strong {
  font-size:1.1em;
  display:block;
  margin-top:5px;
  margin-bottom:5px;
  line-height:1.4em;
}
.room_content .room3_row2 .consult-action-button-link a {
  font-size:1.1em;
  display:block;
  padding:15px;
}

.consult-action-button .spm_branchphoneor {
  display:none;
}
.consult-action-button .spm_branchphone {
  margin-bottom:5px;
}

.spm_branchphone, .spm_branchphoneor {
  display:inline;
}

/**/
.room_content .room4_row2 .consult-text-popup {
  display:none;
}
.room_content .room4_row2 .consult-action-button a {
    word-wrap: break-word;
}
.room_content .room4_row2 .consult-text-button {
  background:#ffffff;
  width:30%;
  float:left;
  margin-right:1%;
  margin-top:1%;
  padding:9px 1%;
  cursor:pointer;
  border:1px solid #ffffff;
  display:table;
  color: #404040;
  font-weight:400;
}

.room_content .room4_row2 .consult-text-button span {
  display: table-cell;
  vertical-align: middle;
}
_:-ms-lang(x), .room_content .room4_row2 .consult-text-button span { display:block; vertical-align:initial;}
_:-ms-lang(x), .room_content .room4_row2 .consult-text-button { display:block;}
.room_content .room4_row2 .consult-back {
  background:#c9d8e6;
  width:auto;
  float:left;
  margin-right:1%;
  margin-top:1%;
  padding:10px;
  cursor:pointer;
  border:1px solid #005873;
  color:#005EB8;
}
.room_content .room4_row2 .consult-text-popup-inner-title {
  width:31%;
  float:left;
  margin-right:1%;
  background:#ffffff;
  color:#404040;
  margin-top:1%;
  padding:10px;
  border:1px solid #ffffff;
}
.room_content .room4_row2 .consult-text-button.selected-style, .room_content .room4_row2 .consult-text-popup-inner-title.inner-selected {
  color: #ffffff;
  background:#005873;
}
.room_content .room4_row2 .popupbox, .room_content .room4_row2 .consult-text-popup {
  margin-top:20px;
}
.room_content .room4_row2 .cols, .room_content .room4_row2 .colsin {
  width:49%;
  margin-right:1%;
  float:left;
}
.room_content .room4_row2 .consult-action-button {
  background:#ffffff;
  padding:15px;
  margin-bottom:10px;
  border:1px solid #ffffff;
}
.room_content .room4_row2 .consult-action-children {
  padding:15px;
  margin-bottom:10px;
  background:#ccdee4;
  cursor:pointer;
  color:#005875;
  font-size:1.2em;
  margin-top:5px;
}
.room_content .room4_row2 .consult-action-link {
  padding:15px;
  margin-bottom:10px;
  background:#ccdee4;
  cursor:pointer;
  color:#005875;
  font-size:1.2em;
  margin-top:5px;
}
.room_content .room4_row2 .consult-action-link p {
  margin:0;
}
.room_content .room4_row2 .consult-action-link:hover, .room_content .room4_row2 .consult-action-children:hover {
  background:#005875;
  color:#ffffff;
}
.room_content .room4_row2 .consult-action-link a {
  color:#005875;
}
.room_content .room4_row2 .consult-action-link:hover a {
  color:#ffffff;
}
.room_content .room4_row2 ul.advice-cats li.consult-category {
  display:inline-block;
  margin:0 5px 10px 0;
  padding:3px 7px;
  font-size:0.8em;
  background:#d2d2d2;
  letter-spacing:0.5px;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Helpline {
  background:#4986e7;
  color:#ffffff;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Advice {
  background:#16a765;
  color:#ffffff;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Website {
  background:#fbe983;
  color:#594c05;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Group {
  background:#f691b2;
  color:#77394d;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Clinic {
  background:#b6cff5;
  color:#0d3472;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Email {
  background:#ffad46;
  color:#ffffff;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Forum {
  background:#b99aff;
  color:#ffffff;
}
.room_content .room4_row2 ul.advice-cats li.consult-category.consult-Tool {
  background:#a2dcc1;
  color:#04502e;
}
.room_content .room4_row2 .consult-action-children h2 {
  font-weight:400;
  color:#005875;
  font-size:1.3em;
  margin-top:5px;
  margin-bottom:5px;
  font-weight:400;
}
.room_content .room4_row2 .consult-action-button strong {
  font-size:1em;
  font-weight:600;
}
.room_content .room4_row2 .consult-action-button a {
  font-size:1em;
  color:#0882ad;
  padding:5px;
}

.room_title {
  font-size:1.3em;
  padding-bottom:.5em;
  color:#404040;
}
.room_content h1 {
  font-size:1.5em;
  color:#404040;
  margin-bottom:10px;
}
.room_content h2 {
  font-size:1.25em !important;
  padding-top:20px;
  padding-bottom:10px;
}
.room_content h3 {
  font-size:1.1em;
}
/* nhs choices */
ul.sp_nhschoices_index {
  padding-top:30px;
}
ul.sp_nhschoices_index li {
  margin-bottom:.5em;
}
ul.sp_nhschoices_index li:before {
  content:none;
  text-indent:0px;
}
ul.sp_nhschoices_index li a {
  font-weight:normal;
  font-size:.9em;
}

/* EMERGENCY MESSAGE */
#emergency-note-inner {
  margin:0 auto;
  padding: 5px 0;
}
#emergency-note {
  background:#b50000;
  padding:10px;
  color:#ffffff;
  display:none;
  position:relative;
  z-index:10;
}
.emergency-notice:not(:first-of-type) {
  margin-top: 0.8em;
  padding-top: 0.8em;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.emergency-notice-inner {
  font-size:1.1em;
  padding:0 55px 0 0;
  position:relative;
  text-align:center;
}
.emergency-notice-inner i.icon-attention-circled {
  font-size:1.7em;
  display:inline-block;
  padding-top:3px;
  margin-top:-5px;
}
.emergency-notice-inner i.icon-attention-circled:before {
  margin-left:0;
}
.emergency-notice-inner i.icon-thin-cross {
  font-size:1.3em;
  z-index:10000;
  cursor:pointer;
}
.emergency-notice a {
  color:#ffffff;
}
.emergency-notice a:hover {
  color:#ffffff;
}
.emergency-notice a.emerg-link {
  font-weight:bold;
  text-decoration:underline;
  display:inline-block;
  padding: 5px;
  font-size: 1em;
  line-height: 1;
}
.emerg-title {
  display:inline;
  font-weight:bold;
  margin-right:5px;
}
.emerg-dismiss {
  font-weight:bold;
  text-decoration:underline;
  display:inline-block;
  margin-left:15px;
  cursor:pointer;
  font-size: 1em;
  color: white;
  background: none;
  border: none;
  line-height: 1;
}

/* CQC Widget */
div.cqc-widget .cqc-widget-header > a {
  box-shadow: none;
}
div.cqc-widget a.widget-button-new-style:hover {
  background: #f1e9f0 url("//www.cqc.org.uk/sites/all/themes/cqc/images/icon-button-providers.png") right center no-repeat !important;
}

/***********************************************************/
/*                  Accessibility Changes                  */
/***********************************************************/
.room h2,.room_content,
.room_content h1,
.room_content h2,
.room_content h3,
.room_content h1.roomtitle,
#content_room4.room_content h1,
.room_content .room3_row2 .consult-action-button strong 
#get-help,
#get-help h3, #get-help h2,
#emergency-note-inner,
.emergency-notice-inner,
#sp_autocomplete_hits,
#sp_autocomplete i,
.site-location {
  line-height: 150%;
}
#nhs_choices_logo {
  display: inline-block;
  font-size: 0;
  line-height: 1;
}
#sidepanel-container {
  position: relative;
}
.page-description {
  font-size: 1.3em;
  color: #404040;
  margin-bottom: 10px;
  font-weight: 330;
}
.room_content .room4_row2 h2 {
  padding: 0;
  color: #404040;
}
#servicesfind {
  font-size: 1.1em;
  padding: 12px;
  margin-left: 3px;
  border: none;
  cursor: pointer;
}
.search-form .search-field {
  font-size: 1em;
  padding: 12px;
}
.search-form .search-submit {
  font-size: 1.1em;
  padding: 12px;
  border: none;
  cursor: pointer;
}
#sidepanel-inner #top-icons li::before, .building li::before, #sp_autocomplete_hits li::before, .room_content ul.buttons li::before {
  display: none;
}
#get-help h2 + ul li {
  width: 48%;
  display: inline-block;
}
#get-help h3 {
  cursor: pointer;
}
.emerg-close {
  border: none;
  background: none;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: -7px;
  right: 0;
  padding: 0;
  border-radius: 5px;
  height: 44px;
  width: 44px;
}
.emerg-close:hover, .emerg-close:active, .emerg-close:focus {
  background: white;
  color: #B50000;
  outline: 1px solid transparent;
  outline-offset: 1px;
}
.emergency-notice a.emerg-link:hover, .emergency-notice a.emerg-link:active, .emergency-notice a.emerg-link:focus,
.emerg-dismiss:hover, .emerg-dismiss:active, .emerg-dismiss:focus {
  background: white;
  color: #B50000;
  box-shadow: none;
  text-decoration: none;
  outline: 1px solid transparent;
  outline-offset: 1px;
}
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}
a.skip:active, a.skip:focus, a.skip:hover {
  left: 10px; 
  top: 10px;
  width: auto; 
  height: auto; 
  padding: 15px;
  overflow: visible; 
  z-index: 99999;
  font-size: 1.1em;
  box-shadow: none;
}
#postcode {
  font-size: 1em;
  padding: 12px;
}
/* Target Size */
#bottom-icons-search #sp_autocomplete_term {
  font-size: 1.1em;
  padding: 0.5em;
  width: 12em;
}
#bottom-icons-search #sp_autocomplete {
  margin-top: 0.2em;
  margin-left: 1em;
}
#opening-times a {
  padding: 0.7em;
  box-shadow: none;
  display: inline-block;
}
#static-ht a, #static-news a {
  padding: 0.7em;
  box-shadow: none;
}
.ff-copyright a {
  padding: 0.5em;
}
#sidepanel p {
  margin: 5px 0;
}
.room_content .room4_row2 .consult-action-button p {
  margin: 10px 0;
}
.room_content .room4_row2 .consult-action-button h2 {
  margin-bottom: 10px;
}
/* Sidepanel Links */
.sidepanel-link, .sidepanel-link-dark {
  text-align: center;
  font-size: 1.1em;
  padding: 10px 0;
}
.sidepanel-link a, .sidepanel-link-dark a {
  font-weight: normal;
  padding: 0.6em;
  box-shadow: none;
}
.sidepanel-link-dark a,
.sidepanel-link a:hover, .sidepanel-link a:active, .sidepanel-link a:focus {
  color: rgb(255, 255, 255);
  box-shadow: none;
}
.sidepanel-link-dark a:hover, .sidepanel-link-dark a:active, .sidepanel-link-dark a:focus {
  background: rgb(255, 255, 255);
  box-shadow: none;
}
.sidepanel-link-dark h2 {
  color: #ffffff;
}
.sidepanel-link ul, .sidepanel-link-dark ul {
  margin: 10px 0 5px 0;
}
.sidepanel-link ul li, .sidepanel-link-dark ul li {
  display: inline-block;
  width: 40%;
}
.sidepanel-link ul li a, .sidepanel-link-dark ul li a {
  font-size: 0.95em;
}
.sidepanel-link ul li::before, .sidepanel-link-dark ul li::before {
  display: none;
}

/* JQuery Alert Dialog */
.ui-dialog .ui-widget-header {
  color: #3D3D3D;
}
.ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default, .ui-dialog .ui-widget-header .ui-state-default {
  border-color: #767676; 
}
.ui-dialog button.ui-dialog-titlebar-close {
  background: #fff;
}
/* Evaluation Review */
.wcag-evaluation h5 {
  font-weight: bold;
}
.entry-content .wcag-evaluation ul {
  margin-bottom: 0;
}
.wcag-evaluation li {
  display: inline-block;
  min-width: 6em;
}
.wcag-evaluation div {
  background: #f1f1f1;
  margin-bottom: 10px;
  padding: 10px;
  color: #4A4A4A;
  display: inline-block;
  width: 48%;
  margin-right: 1%;
}
.wcag-evaluation .outcome {
  color: #1F3D00;
  background: #c6e0aa;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 3px 5px;
}
#wcag-overview thead {
  background: #f1f1f1;
  color: #4A4A4A;
}
#wcag-overview th {
  border: 1px solid #a7a7a7;
  padding: 6px;
}
#wcag-overview td {
  width: 20%;
}
#wcag-overview caption {
  margin-bottom: 10px;
}
/* Room display on zoom */
.room_col1, .room_col2, .room_col3,
.room2_col1, .room2_col2, .room2_col3, .room2_col4,
.room_content .room4_row2 .consult-text-button,
.room_content .room4_row2 .cols {
  min-width: 14em;
}
.links li, .buttons li, .common-miu {
    min-width: 12em;
}
#sp_checkpostcode_input {
  margin-bottom: 1em;
}
#sp_checkpostcode_input input {
  font-size: 1em;
  padding: 12px;
  width: 12em;
  height: 44px;
}
#sp_checkpostcode_input button {
  font-size: 1em;
  padding: 12px;
  border: none;
  cursor: pointer;
}
#sp_boundarymap {
  margin-bottom: 1em;
}
/* Important Red Highlight */
.highlight-important {
  margin: 0 0 10px 0;
}
.highlight-important {
  display: block;
  color: #ffffff !important;
  background: #b50000;
  padding: 10px;
  box-shadow: none;
  margin-top: 1em;
}
.highlight-important:hover, .highlight-important:active, .highlight-important:focus {
  background: #7b0000 !important;
  box-shadow: none !important;
}
/* Wellbeing Centre headings */	
#content_room4 .heading {	
  display: block;	
  padding: 0;	
  margin: 20px 1% 10px 0;	
  font-size: 1.2em !important;	
}	
#content_room4 .heading button {	
  display: block;	
  background: #0058ac;	
  color: #ffffff;	
  padding: 10px;	
  font-size: 1em;	
  border: none;	
  outline: none;	
  cursor: pointer;	
  width: 100%;	
  text-align: left;	
}	
#content_room4 .heading button:hover, #content_room4 .heading button:active, #content_room4 .heading button:focus {	
  background: rgb(0, 70, 138);	
}	
#content_room4 .section {	
  display: none;	
}