/* ============================================================================================================ */
/* STYLES COPIED FROM css/qs.css FOR NEW v2018 SITE                                                             */
/* ============================================================================================================ */

.autocomplete-w1 { position:relative; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#F82898; }

/* News Archive */
#media-archive ul.news-years {border-top:1px solid #e5e5e5; list-style-type:none; margin-top:2em}
#media-archive ul.news-years li:before {content: none; } /* MP: resetting the blue tick added by style.css */
#media-archive li.category {border-bottom:1px solid #e5e5e5; padding:12px 0}
/* #media-archive li.category h2 {font-size:18px; line-height:25px; padding-left:30px; font-weight:bold; color:#333333; background: url("//www.qualitysolicitors.com/res/v2013/mcarrows.png") no-repeat scroll -3px 1px  transparent; cursor:pointer} */
#media-archive li.category h2 {font-size:20px; line-height:25px; font-weight:bold; color:#47b9d8; cursor:pointer}
#media-archive li.category h2 i.fa {padding-right: 10px;}

#media-archive li.category ul {overflow:hidden; display:none;}
#media-archive li.open h2 {background-position:-3px -24px}
#media-archive li.open ul {display:block}
#media-archive ul.news-items {list-style-type:none; padding-left:30px; }
#media-archive ul.news-items li {padding-left: 0px; } /* MP: removing the padding added by style.css */
#media-archive ul.news-items li .news-source {font-size:12px; color:#888; margin-bottom:0.5em; padding-left:12px}
#media-archive ul.news-items li h3 {font-size:14px; font-weight:600; margin:1em 0 0.5em; padding-left:12px; background: url("//www.qualitysolicitors.com/res/v2013/listarrow.png") no-repeat scroll 0px 7px  transparent;}
#media-archive ul.news-items li h3 a {font-size:14px; color:#0076c0; text-decoration:none}
#media-archive ul.news-items li h3 a:hover {text-decoration:underline}
#media-archive ul.news-items li .news-abstract {font-size:14px; color:#333333; margin-bottom:2em; padding-left:12px;}

/* MP: This supplements the styles supplied by To The End in style.css, so we can add the class 'selected' to an <a> in the side-nav to highlight it e.g. in Media Centre */
.side-nav a.selected {
    font-weight: bold;
}


#qsvacancy-side {}
#qsvacancy-details {background-color:#ebebeb; padding:20px; overflow:hidden; color:#333333}
#qsvacancy-details h3 {font-size:15px; font-weight:bold; line-height:1.25; margin-top:0; margin-bottom:0; padding-top:0;}
#qsvacancy-details h4 {font-size:15px; font-weight:bold; line-height:1.25; margin-top:1em; margin-bottom:0; padding-top:0;}
#qsvacancy-details p {font-size:15px; font-weight:normal; line-height:1.25; margin-top:0; margin-bottom:0;}
#qsvacancy-details p.closed {color:#e00000; margin-top:1em; padding-top:0.75em; border-top:1px dashed #afb2b4;}


#careers-apply article p.closed {font-size:16px; color:#999; margin-top:2em; padding-top:0.5em; border-top:1px dashed #afb2b4;}

#qsvacancy-apply {width:600px; max-width:100%; margin-top:2em}
#qsvacancy-apply label {display:block; font-size:14px}
#qsvacancy-apply input[type="text"] {font-size:16px; color:#606060; width:100%; padding:4px; background-color:#ffffff; border:1px solid #dddddd; margin-bottom:1em}
#qsvacancy-apply input[type="text"].error {border:1px solid red}
#qsvacancy-apply textarea {font-size:16px; color:#606060; width:100%; height:160px; padding:4px; background-color:#ffffff; border:1px solid #dddddd; resize:none}
#qsvacancy-apply .charleft {font-size:12px; color:#666; width:100%; padding:2px 0; text-align:right; margin-bottom:1em}
#qsvacancy-apply input[type="file"] {display:block; margin-bottom:1em}
#qsvacancy-apply #apply-errors {display:inline-block; font-size:15px; line-height:normal; color:#e00000; padding:6px 12px}
#qsvacancy-apply #apply-busy {display:inline-block; font-size:15px; line-height:normal; color:#0000e0; padding:6px 12px}

#qsvacancy-apply fieldset.apply-custom {margin-bottom:1em}
#qsvacancy-apply fieldset.apply-custom label {display:inline-block; margin-left:10px;}
#qsvacancy-apply .error {border:1px solid red}
#qsvacancy-apply .apply-info {font-size:14px; color:#808080; border-top:1px dashed #ccc; padding-top:0.5em; margin:2em 0}


/* Comments */
.page-comments {overflow:hidden; margin-top:30px; font-size:14px; color:#333333}
.page-comments h2 {margin-bottom:1em}

.page-comments ol {margin-bottom:1em; list-style-type:none}
.page-comments ol.root-list {margin-bottom:30px}
.page-comments ol.child-list {padding-left:30px}

.page-comments li {margin:1.5em 0 1em}
.page-comments li .comment-meta {color:#919191; padding:0.5em 0 0.75em;}
.page-comments li .comment-author {font-weight:bold;}
.page-comments li .comment-author a {color:#333333; text-decoration:none}
.page-comments li .comment-author a:hover {text-decoration:underline}

.page-comments li.byguest >  .comment > .comment-meta > .comment-author > a {color:#333333;}
.page-comments li.byauthor > .comment > .comment-meta > .comment-author > a {color:#ec0082;}
.page-comments li.byadmin >  .comment > .comment-meta > .comment-author > a {color:#ec0082;}

.page-comments li .comment-body {padding:15px; background-color: #f5f5f5; position:relative}
.page-comments li .comment-body:before {content: url("//www.qualitysolicitors.com/res/img/commentarrows.png"); left:20px; top:-15px; position: absolute;}
.page-comments li .comment-body p+p {margin-top:1em}

.page-comments li.new-comment > .comment > .comment-body 		{border-right:4px solid #dddddd}
.page-comments li.new-comment > .comment > .comment-body > p 	{color:#aaaaaa}

.page-comments li.removed-comment > .comment > .comment-body 		{border-right:4px solid #333333}
.page-comments li.removed-comment > .comment > .comment-body > p 	{color:#dddddd}

.page-comments li .comment-body > p {-moz-transition:color 1s ease-out}

.page-comments li .comment-tools {font-size:12px; padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #f0f0f0; overflow:hidden}
.page-comments li .comment-tools a {margin-right:1em}

.page-comments li .comment-tools a {border:1px solid #DCDCDC; border-radius:2px 2px 2px 2px; color:#6E6E6E; display:inline-block; font-size:12px; margin-right:1em; padding:3px 10px 3px 28px; line-height:16px; position:relative; text-decoration:none; -moz-transition:border 0.2s ease 0s; background: url("//www.qualitysolicitors.com/res/img/commenticons.png") no-repeat scroll 6px 0px #f0f0f0;}
.page-comments li .comment-tools a:hover {color:#333333; border-color:#c0c0c0; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.page-comments li .comment-tools a:visited {color:#6E6E6E;}
.page-comments li .comment-tools a.comment-reply  {background-position: 6px 4px}
.page-comments li .comment-tools a.comment-publish  {background-position: 6px -61px}
.page-comments li .comment-tools a.comment-remove  {background-position: 6px -29px}

.page-comments li .comment-tools span {float:right; margin-left:1em; color:#919191}
.page-comments li .comment-tools span.comment-error {color:#e00000}
.page-comments li .comment-tools p.comment-received {color:#919191}


#respondform {background-color:#f8f8f8; padding:15px; width:100%}
#respondform label {display:block; margin-bottom:4px}
#respondform label.respond-prompt {font-size:16px; font-weight:600; margin-bottom:0.5em}
#respondform input {padding:5px; width:100%; border:1px solid transparent; margin-bottom:16px;}
#respondform input.error {border:1px solid #e00000}
#respondform textarea {padding:5px; width:100%; border:1px solid transparent; margin-bottom:16px; resize:none}
#respondform textarea.error {border:1px solid #e00000}
#respondform .respond-body {clear:both}
#respondform .respond-details {display:none; overflow:hidden}
#respond-cancel {float:right; margin-left:20px; color:#333333; text-decoration:none; display:none}
#respond-cancel:hover {text-decoration:underline}
.page-comments ol #respond-cancel {display:inline-block}
#respond-submit {float:right; margin-bottom:4px; margin-left:20px; padding:0.5em 0.75em; color:#fff; border:0 none; background-color:#0076C0; border-radius:2px}
#respond-status {overflow:hidden}
#respond-status p {line-height:1.5}
#respond-status p.respond-validate {color:#e00000}
#respond-status p.respond-error {color:#e00000}
#respond-status p.respond-info {color:#919191}



#search-results {color:#333333; margin-top: 1em;}

#search-results .search-group {overflow:hidden; margin-bottom:2em}
#search-results .search-group h3 {font-size:1.25em; padding-bottom:0.25em; margin-bottom:0.25em; border-bottom:1px solid #cccccc; overflow:hidden; color: #555555}
#search-results .search-group h3 span {float:left}
#search-results .search-group h3 a.more {float:right; font-size: 0.725em; margin-top:8px}

#search-results ol {list-style-type:none}
#search-results ol li {display:block; overflow:hidden; font-size: 18px}
#search-results ol li p {color:#666666; margin:0.25em 0 0.75em}
#search-results ol li p span.pubdate {font-weight:bold}
#search-results ol li a:before {font-family: 'FontAwesome'; content: "\f061"; font-size: 1.4rem; color: #47b9d8; margin-right: 10px;}

#search-results .people-gallery {color:#555; margin-top:0.5em; overflow:hidden;font-size:0.75em; list-style-type:none; overflow:hidden}
#search-results .people-gallery li {display:block; float:left; width:160px; height:60px; margin-right:15px; margin-top:15px; color:#888;}
#search-results .people-gallery li a span.person-name {display:block; padding:4px 0 0; font-weight:600; text-decoration:none; text-align:left; }
#search-results .people-gallery li a:hover {text-decoration:none;}
#search-results .people-gallery li a span.person-title {display:block; padding:0; font-weight:normal; text-align:left; color:#888}

/* ============================================================================================================ */
/* ENQUIRY FORM - OVERRIDE STYLE FROM STYLE.CSS                                                             */
/* ============================================================================================================ */

.btn.enquiry-submit-button {
	width: 304px;
	height: 78px;
}

.validation-msg a {
	color: #ffffff;
	text-decoration: underline;
}

.validation-msg a:hover {
	color: #000000;
	text-decoration: underline;
}



/* ============================================================================================================ */
/* STYLES COPIED FROM 'LOCAL' MODULE. USED FOR THE BRANCH LIST ON 'LOCAL' PAGES.                                */
/* THE 'LOCAL' MODULE WAS PREVIOUSLY INCLUDED IN SIDEBAR COMPONENTS 'LOCAL LOCATIONS' AND 'PROMISES'            */
/* ============================================================================================================ */

/* Branch list */
.branch-list {
    padding: 20px 20px 20px 20px;
    background-color: #e8eff1;
    overflow: hidden;
}

.branch-col {
    /*width: 213px;*/    
    float: left;
    width: 100%;    
    background-color: #fff;
    /*margin-left: 10px;*/
    margin-bottom: 20px;
    
}

.local-branch-services {
    /*width: 213px;*/
    float: left;
    font-size: 0.85em;
}

.branch-details {
    height: 240px;
    padding: 10px;
}

/*
.branch-col-1 .branch-details {
    float: left;
}
*/

.branch-details .fa {
    color: #47b9d8;
    float: left;
}

.branch-details .branch-address, .branch-col .branch-phone {
    margin: 10px 0px 10px 20px;
}

.branch-details .fa-map-marker {
    margin-top: 15px;
}

.branch-details .fa-phone {
    margin-top: 5px;
}

.branch-details .comma {
    display: none;
}

.branch-more-details {
    position: absolute;
    background-color: #e5007a;
}

/*
.branch-col-1 .branch-more-details {
    position: relative;
    width: 100% !important;
    background-color: #e5007a;
}
*/

.branch-logo {
    width: 180px;
}

.branch-more {
    text-align: center;
}

.branch-more a {
    background-color: #e5007a;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 3px 0 0 #c00066;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "myriad-pro",arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0 0 0;
    padding: 0.5em 1.25em;
    position: relative;
    /*width: 213px;*/
}

.branch-more a:hover {
    text-decoration: none;
} 


.branch-more-details {
    width: 213px;
    overflow: hidden;
    z-index: 999;
}

.branch-more-details p {
    text-align: left;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
}

.branch-more-details a {
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 3px 0 0 #c00066;
    color: #e5007a;
    cursor: pointer;
    display: inline-block;
    font-family: "myriad-pro",arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0 15px 0;
    padding: 0.5em 1.25em;
    position: relative;
    /*width: 193px;*/
    text-align: center;
}

#branch-map {
    width: 100%;
    height: 500px;
}

/*
.branch-col-2, .branch-col-2 .branch-more a, .branch-col-2 .branch-more-details {
    width: 325px;
}


.branch-col-2 .branch-more-details a {
    width: 305px;
}

.branch-col-1 {
    width: 100%;
}

.branch-col-1 .branch-more-details a, .branch-col-1 .more-details-branch a, .branch-col-1 .branch-more a {
    width: 100%;
    clear: both;
}
*/

a.more-details-branch {
    width: 100%;
    clear: both;
}

/*
.branch-col-1 .view-branch {
    width: 90% !important;
}
*/


.fmlb-error {margin-left: 60px; margin-top:15px; display:block; text-align: center}


/* Summary lists, used for news, careers, offers, blogs etc */
ul.summary-list {list-style-type:none; border-top:1px solid #d0d0d0; margin-top:1em}
ul.summary-list .summary-item {border-bottom:1px solid #d0d0d0; padding:1em 0.75em;}
ul.summary-list .summary-title	{font-weight:600}
ul.summary-list .summary-info	{font-size:0.75em; color:#666; line-height:1.25}
ul.summary-list .summary-abstract	{font-size:0.875em; margin-top:0.75em}
ul.summary-list a.more	{display:inline-block; font-size:0.75em; margin-top:0.75em; font-weight:600}
ul.summary-list li:before {content:none}

/* Archive lists, used for news, blogs, events */
ul.archive-list 			{list-style-type:none; font-size:0.875em; margin-top:2em}
ul.archive-list li 			{margin:0.5em 0}
ul.archive-list span.date	{display:inline-block; font-weight:600; margin-right:1em; width:7em;}

.blog-tags {
    color: #919191;
    font-size: 12px;
}


#become-a-partner-enquiry input.error {background-color:#ffa6c9; color:black}
#become-a-partner-enquiry span.error {background-color:#ffa6c9}
#become-a-partner-enquiry span.error label {background-color:#ffa6c9}


/* Specific styles for the people pen pics image on the QS home page to make it fit on large monitors */
.hero-slider .hero-slider-item .hero-slider-item__pic.qs_home_page_people_pic {
   background-repeat: repeat-x;
   background-position: left top;
}





/* ============================================================================================================ */
/* CUSTOMER SATISFACTION SURVEY                                                                                 */
/* ============================================================================================================ */

.survey-cfs h2 {
    background-color:#607075;
    color:#fff;
    font-size:20px;
    padding:4px 8px;
    margin-bottom:0.5em;
}
.survey-cfs  p {margin:1em 0;}
.survey-cfs span.required {color:#cf0000}

.survey-cfs .cfs-details {
    background-color:#E8EFF1;
    padding:8px;
    overflow:hidden;
    margin:1em 0;
}
.survey-cfs .cfs-details .question {
    margin:0.5em 0;
    overflow:hidden;
}
.survey-cfs .cfs-details label {
    display:block;
    font-weight:600;
}

.survey-cfs .check label {
	font-weight: 400;	/* Override from default style for label in styles.css */
}

.survey-cfs .cfs-details label.left {
    width:250px; 
    float:left;
    height:30px;
    line-height:30px; 
}
.survey-cfs .cfs-details input[type="text"],
.survey-cfs .cfs-details select {
    width:300px; 
    float:left;
    border:1px solid #D0D0D0;
    padding:4px;
    font-family: "myriad-pro",arial,helvetica,sans-serif; 
    font-size:14px; 
    color:#4a4a4a; 
    background-color:#fdfdfd;
    border-radius:2px;
    height:30px;
    line-height:30px; 
}

.survey-cfs .cfs-details input.error,
.survey-cfs .cfs-details select.error,
.survey-cfs .cfs-section textarea.error {
	border:1px solid #cf0000;
}

.survey-cfs .cfs-details .checkgroup {
    width:40%; 
    float:left;
}
.survey-cfs .cfs-details .checkgroup label {
    font-weight:normal;
}
.survey-cfs .cfs-details .checkgroup input[type="radio"] {
    margin-right:0.5em;
}

.survey-cfs .cfs-section {
}
.survey-cfs .cfs-section .rating {
    margin:1em 0 1.5em;
}
.survey-cfs .cfs-section label.question {
    font-weight:600;
    display:block;
    margin:0.5em 0;
}
.survey-cfs .cfs-section .check {
    margin:0.5em 0;
}
.survey-cfs .cfs-section .checkgroup {
    margin:0.5em 0;
    float:left;
    width:40%;
}
.survey-cfs .cfs-section .check label {
    margin-right:1.5em;
}
.survey-cfs .cfs-section .checkgroup label {
    display:block;
}

.survey-cfs .cfs-section input[type="radio"] {
    margin-right:0.5em;
}

.survey-cfs .cfs-section .rating textarea {
    width:100%;
    height:100px;
    padding:0.25em;
    border:1px solid #4F5C60;
}
.survey-cfs .cfs-section .rating p {
    margin:0.5em 0;
}

.survey-cfs .cfs-button {
	display:block;
	float:left;
	border:1px solid #0076C0; 
	border-radius:3px; 
	font-weight:600; 
    font-family: "myriad-pro",arial,helvetica,sans-serif; 
	background-color:#0076C0; 
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));
	color:#fff;
	font-size: 14px; 
	margin-left:5px;
	height:30px;
	width:75px 
}

.survey-cfs .cfs-button:hover {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0));
}

.survey-cfs input.error {background-color:#ffa6c9; color:black}
.survey-cfs select.error {background-color:#ffa6c9; color:black}
.survey-cfs textarea.error {background-color:#ffa6c9; color:black}
.survey-cfs div.error {background-color:#ffa6c9}
.survey-cfs span.error {background-color:#ffa6c9}
.survey-cfs span.error label {background-color:#ffa6c9}

@media only screen and (max-width: 767px) {
	.survey-cfs {font-size:15px}
	.survey-cfs h2 {font-size:14px}
	.survey-cfs .cfs-section .check label {display:block;}
	.survey-cfs .cfs-details input[type="text"],
	.survey-cfs .cfs-details select {
		width:100%;
		clear:left;
	}
	.survey-cfs .cfs-button {width:65px}
	.survey-cfs .cfs-details .checkgroup {width:100%; margin:0}
	.survey-cfs .cfs-section .checkgroup {width:100%; margin:0}
}

.survey-cfs #cfs_lawarea_columns {
    float: left;
    width: 850px;
    column-width: 250px;
}

.survey-cfs #cfs_lawarea_columns div {
    padding:4px;
}

.survey-cfs #cfs_lawarea_columns label {
	display: inline-block;
	margin-left: 0.5em;
	font-weight: inherit;
}

/* ============================================================================================================ */
/* Satisfaction survey */
/* ============================================================================================================ */
.cfs-footer {
  background-color: #47b9d8;
  padding-right: 27px;
  padding-left: 27px;
  padding: 27px;
}
.cfs-footer .validation-msg {
  color: white;
  font-size: 15px;
}
.cfs-footer .validation-msg a {
  color: inherit;
}
.cfs-footer .validation-msg a:hover {
  color: inherit;
}

.check_with_legend {padding-top: 1.2em;position: relative;display: inline-block;}
.check_legend {position: absolute; top: -0.2em; font-style: italic;}
label:first-of-type .check_legend {left: 0;}
label:last-of-type .check_legend {right: 0;}
.survey-cfs .cfs-section .check_with_legend label:last-of-type {margin-right: 0;}
.check_legend_spacer {display: none;}

@media only screen and (max-width: 767px) {
  .check_with_legend {padding-top: 0;}
  .check_legend {position: static;}
  .check_legend_spacer {display: inline;}
}

/* C148922 - FCA notice */
#aboutus_fca_notice {
	margin-top: 1em;
	padding: 1em;
	background: #ebebeb;
}