﻿/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
a:active { background-color: transparent}


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
   
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/*!
 * Shiro.css
 * Copyright (c) David Bushell - http://dbushell.com/shiro/
 * BSD & MIT license
 */

/* old browsers (IE6–8) get a minimum or fixed width layout */
.gs-fixed body { min-width: 60em; /* 960 */ _width: 60em; _margin: 0 auto; }

/* multiple block container */
.gs-open { margin: 0 -0.875em; }

/* the primitive block of content */
.gs { display: block; float: left; width: 100%; padding: 0 0.875em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* used by the js polyfill to fix box-sizing support */
.no-boxsizing .gs { padding-left: 0 !important; padding-right: 0 !important; }
.no-boxsizing .gs-body { padding: 0 0.875em !important; }

/* hack to fix sub-pixel rounding errors, overflow gives IE6 a chance... */
.gs-fixed .gs { margin-right: -1px; _overflow: hidden; }

/* fixed columns for no media query support */
.gs-fixed .gs-to-2 .gs { width: 50%; }
.gs-fixed .gs-to-3 .gs { width: 33.33333%; }
.gs-fixed .gs-to-4 .gs { width: 25%; }
.gs-fixed .gs-to-5 .gs { width: 20%; }
.gs-fixed .gs-to-6 .gs { width: 16.66666%; }

/* fixed fractions for no media query support */
.gs-fixed .gs-1-1 { width: 100%; }
.gs-fixed .gs-1-2 { width: 50%; }
.gs-fixed .gs-1-3 { width: 33%; }
.gs-fixed .gs-2-3 { width: 66%; }
.gs-fixed .gs-1-4 { width: 25%; }
.gs-fixed .gs-3-4 { width: 75%; }
.gs-fixed .gs-1-5 { width: 20%; }
.gs-fixed .gs-2-5 { width: 40%; }
.gs-fixed .gs-3-5 { width: 60%; }
.gs-fixed .gs-4-5 { width: 80%; }

@media only screen and (min-width: 30em) { /* > 480 */

    /* start with a two-column maximum layout */
    .gs-to-2 > .gs,
    .gs-to-3 > .gs,
    .gs-to-4 > .gs,
    .gs-to-5 > .gs,
    .gs-to-6 > .gs { width: 50%; }

    .gs-1-2 { width: 50%; }

}

@media only screen and (min-width: 30em) and (max-width: 35em) {

    /* prioritise the first on three columns */
    .gs-to-3 > .gs:first-of-type { width: 100%; }

}

@media only screen and (min-width: 35em) { /* > 560 */

    /* increase to a three-column maximum layout (final for a row of three) */
    .gs-to-3 > .gs,
    .gs-to-5 > .gs,
    .gs-to-6 > .gs { width: 33.33333%; }

    /* clear the last two columns in a row of five */
    .gs-to-5 > .gs:nth-of-type(4n) { clear: left; }

    .gs-1-3 { width: 33.33333%; }
    .gs-2-3 { width: 66.66666%; }

}

@media only screen and (min-width: 40em) { /* > 640 */

    /* finalise a row of four */
    .gs-to-4 > .gs { width: 25%; }

    .gs-1-4 { width: 25%; }
    .gs-3-4 { width: 75%; }

}

@media only screen and (min-width: 45em) { /* > 720 */

    .gs-1-5 { width: 20%; }
    .gs-2-5 { width: 40%; }
    .gs-3-5 { width: 60%; }
    .gs-4-5 { width: 80%; }

}

@media only screen and (min-width: 55em) { /* > 880 */

    /* finalise a row of five (remove the clear) */
    .gs-to-5 > .gs { width: 20%; clear: none !important; }

}

@media only screen and (min-width: 60em) { /* > 960 */

    /* finalise a row of six */
    .gs-to-6 > .gs { width: 16.66666%; }

}




/* ==========================================================================
   Base
   ========================================================================== */


html,
body {
	background: #f2f2f2;
}

#s4-workspace {
	*overflow: hidden;
}

#s4-bodyContainer {
    padding-bottom: 0px;
    min-width: 990px !important
}

.wrapper {
    text-align: center;
    background: #fff;
}

.wrapper-inner {
    padding: .65em;
    width: 950px;
    *width: 930px; /* IE7 Fix */
    text-align: left;
    margin: 0 auto; 
}

.ms-WPBorder {
	border: 0
}


/* ==========================================================================
   Typography
   ========================================================================== */
body,
.content,
.ms-webpart-titleText.ms-webpart-titleText, 
.ms-webpart-titleText > a {
    font-family: 'FrutigerLTW01-55Roman',  Arial, Helvetica, Sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.btn, 
nav,
.personas {
    font-family: 'FrutigerLTW01-55Roman',  Arial, Helvetica, Sans-serif;
    font-weight: normal;
}

h1,
.ms-rtestate-field h1,
.content-inner .ms-webpart-chrome-title h2 {
    font-family: 'Frutiger LT W01 65 Bold',  Arial, Helvetica, Sans-serif;
    line-height: 1.1em;
    font-size: 1.6em;
    color: #333;
    margin: 0
}

h2 nobr {
	white-space: normal;
}

h2 {
	text-align: left !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

.wrapper-header {
	background-color: #f3f3f3;
}

.wrapper-header .wrapper-inner {
/*	background-image: url("../../img/NHSLambeth.jpg");    */
	background-image: url("../../img/example-header.png");
	*background-position-x: -20px;
	background-repeat: no-repeat;  
	height: 170px;
	
	box-sizing: border-box;
	position: relative;
	padding: 0
}

.ms-siteicon-a {
	max-width: 100%;
	max-height: 100%;
}

.ms-siteicon-img {
	max-width: 680px;
	max-height: 170px;
	display: none; /* Remove logo - Added by Sthakur*/
}


/* search */
/* see *-theme.css for search positioning */

.search-wrap #SearchBox {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	border: 3px solid #f2f2f2;
}

.search-wrap .ms-srch-sb {
    padding: 0px;
    background: transparent;
    border: 0; 
}

.search-wrap input[type="text"] {
    padding: .8em 5px .4em 5px;
    background: transparent;
    width: 118px;
 	font-style: italic;
 	*float: left /* IE7 Fix */
}

.search-wrap .ms-webpart-chrome-fullWidth {
    min-width: 0px;
}

.ms-srch-sb > .ms-srch-sb-searchLink {
	background-image: url("../../img/search-icon.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 42px;
	height: 40px;
	border: 0;
	float: right;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	
	/* override colour's within *-theme.css */
	background-color: #787878;
}

.ms-srch-sb > .ms-srch-sb-searchLink img {
	display: none;
}

.ms-webpart-chrome-title h2,
.ms-webpart-chrome-title h2 a {
	font-weight: bold
}


/* ==========================================================================
   Top Navigation
   ========================================================================== */

.nav-outer {
	height: 900px;
	margin-bottom: -843px;
	overflow: hidden;
	width: 100%;
	min-width: 950px;
	
}

/* top navigation */
.wrapper-nav {
	border-top: 2px solid #fff;
	overflow: visible;
	position: relative;
	z-index: 10;
	padding-bottom: 6px;
	background: #e6e6e6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6e6e6 0%,#f7f7f7 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

.wrapper-nav .wrapper-inner {
	text-align: center;
	padding-bottom: 0;
}

nav {
	margin: .7em 0 1.4em 0;
}

.top-nav ul {
	padding: 0;
	margin: 0
}


.top-nav,
.top-nav ul li > a,
.top-nav ul li {
	*float: left
}

.top-nav ul li {
	position: relative
}

.top-nav .ms-core-listMenu-item, 
.top-nav .ms-core-listMenu-item:link,
.top-nav .ms-core-listMenu-item:visited, 
.top-nav .ms-tv-item:link, 
.top-nav .ms-tv-item:visited, 
.top-nav .ms-tv-header:link, 
.top-nav .ms-tv-header:visited  {
	padding: .5em 1.045em;
	color: #fff;
	background-color: #e3e3e3;
	text-align: center;
	position: relative;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.top-nav.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	margin-right: 5px;
}

.top-nav.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
.top-nav.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, 
.top-nav.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited {
	background-image: url("../../img/nav-selected-grad.png");
	background-repeat: repeat-x;
	background-position: 0 22px;
	color: #fff;
}

/* selected tab bottom border - a bit of a hack, but it works? */
.top-nav ul li a span.ms-hidden {
	bottom: 0;
	top: 39px;
	*top: 38px;
	left: -2000px;
	height: 6px;
	width: 4000px;
	background-image: url("../../img/nav-selected-overlay.png");
	background-color: #000;
	text-indent: -99999px;	
	z-index: 30	
}

.nav-border-overlay {
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: 0;
	left: 0;
	z-index: 101;
	*display: none
}

.top-nav.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
.top-nav.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
.top-nav a.ms-tv-item:hover,
.top-nav a.ms-tv-header:hover {
	background-color: #898989 !important /* override above styles (not enough specificity) */;
	color: #fff;
}

/* drop-downs */
.top-nav ul.dynamic {
	border: 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-shadow: none;
	text-align: left;
	width: 220px !important;
	*margin-top: -1px
}

.top-nav ul.dynamic .ms-core-listMenu-item {
	text-align: left;
	font-size: .9em;
	border-top: 1px dotted #fff
}

.top-nav ul.dynamic li:first-child .ms-core-listMenu-item {
	border: 0;
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding: 0;
	background: none;
}

.top-nav .ms-core-listMenu-item + ul.dynamic {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 102;
}

.top-nav li.hover .ms-core-listMenu-item + ul.dynamic,
.top-nav li .ms-core-listMenu-item:hover + ul.dynamic,
.top-nav li .ms-core-listMenu-item+ ul.dynamic:hover {
	position: absolute;
	left: 0 !important;
	top: 40px !important;
	display: block ;
}


.top-nav .ms-core-listMenu-item + ul.dynamic li a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.top-nav li .ms-core-listMenu-item+ ul.dynamic li,
.top-nav li .ms-core-listMenu-item+ ul.dynamic li a {
	*display: block;
	*width: 92.9%
}



/* ==========================================================================
   Layout
   ========================================================================== */

.slider-wrap {
	opacity: 0;
	filter: alpha(opacity=0);
}

.wrapper-intro,
.wrapper-content {
	padding-top: 1em;
}

.wrapper-intro {
	/* override image within *-theme.css */
	background-image: url('../../img/template-1-default-bg-1.gif');
	background-position: center;
}

/* home page */
.hm-welcome h2,
.site-title {
	margin: -4px 0 .4em 0;
	font-size: 1.6em;
	font-weight: bold;
	
	/* override colour's within *-theme.css */
	color: #000;
}

.hm-welcome p {
	font-size: .9em
}

.wrapper-widgets {
	background: rgb(242,242,242);
	background: rgba(242,242,242,.8);
}

.hm-widget h3 {
	margin: 0
}

.hm-widget p,
.hm-column p {
	font-size: .9em
}

.wrapper-widgets h2.ms-webpart-titleText {
	font-size: 1.15em;
	line-height: 1em;
}

.wrapper-columns .js-webpart-titleCell {
	display: block
}

.wrapper-columns h2.ms-webpart-titleText {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0;
	padding: 12px 8px 8px 8px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	/* override colour's within *-theme.css */
	background: #444;
	color: #fff;
}


/* home columns */

.ms-webpart-chrome-title + div > div .hm-column-header {
	margin-top: -3px
}

.hm-column-header > img {
	*width: 291px;
}

img[src=""] { /* hide empty images */
	display: none
}

.hm-column h3 {
	margin-bottom: .3em
}

.hm-column p {
	margin: .5em 0 1.4em;
}

.layout-2 .wrapper-widgets {
	background-color: #f7f7f7;
	border-top: 1px solid #e6e6e6;
}


/* nhs choices widget */
div.SLCSUFindHealth {
	padding: 14px 20px !important;
	background-color: #e9e9e9;
	background-image: url(../../img/nhs-choices.png);
	background-repeat: no-repeat;
	background-position: 170px 20px;
	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .1);
}

div.SLCSUFindHealth fieldset {
	display: block;
	margin-bottom: 3px
}

div.SLCSUFindHealth input[type="radio"] {
	margin-right: 5px
}

div.SLCSUFindHealth label {
	font-weight: bold;
	font-size: .9em
}

.homeServicePCouter {
	position: relative;
}

div.SLCSUFindHealth .homeServiceSearchPCSUB label {
	font-weight: normal;
	margin-top: 10px;
	display: block 
}

.homeServicePCouter input[type="submit"] {
	position: absolute;
	text-indent: -9999px;
	background-image: url(../../img/search-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	right: 4px;
	top: -2px;
	*overflow: hidden;
	*height: 39px;
	*text-transform: capitalize;
}

.homeServicePCouter input[type="text"] {
	font-weight: bold;
	text-transform: uppercase;
}


.hm-widget input[type="text"] {
	border: 3px solid #e1e1e1;
	padding: 11px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: .2em 0;
	width: 90%
}

.hm-widget p {
	line-height: 1.4em
}

/* news slider */

.news-slider a,
.news-slider a h3 {
	font-weight: bold;
	text-decoration: none;
	font-size: 1em	
	
}

.news-slider img {
	max-width: 100%;
}

.news-slider a:hover {
	color: #333;

}

.news-slider .flex-control-nav {
	position: absolute;
	top: -45px;
	/* Sanjai Added */
	background: none;
	padding-left: 180px;
	height:30px;
}

/* content pages */
.inner-page {
	padding-top: 1.2em
}

.inner-content h1 {
	font-weight: bold;
	border-bottom: 2px solid #333;
	font-size: 2em;
	color: #333
}

.inner-content h2 {
	font-weight: bold;
	margin-bottom: 0;
	color: #333;
	font-size: 1.5em;
}

.inner-content h3 {
	font-weight: bold;
	margin-bottom: 0;
	font-size: 1.2em;
	color: #333
}


/* news page content */

.date-line {
	display:block;
	width:100%;
	padding:10px;
}

.article-content {
	padding:10px;
}

/* downloads */
.ms-listviewtable {
	font-size: .9em;
	line-height: 1.1em
}

.ms-listviewtable td,
.ms-listviewtable td:hover,
.ms-listviewtable tr:hover td,
.ms-listviewtable td.ms-vb-imgFirstCell.ms-vb-imgFirstCell.ms-vb-imgFirstCell {
	border-top: 1px dashed #c3c3c3;
}

.ms-listviewtable tr:first-child td,
.ms-listviewtable tr:first-child td.ms-vb-imgFirstCell.ms-vb-imgFirstCell.ms-vb-imgFirstCell {
	border-top: 0
}

.ms-vb-imgFirstCell {
	display: none
}
 
 /** Unhide request by Gabriel on 08 March 2017 **/
/*.ms-listviewtable th {
	display:none
}*/


/* ==========================================================================
   Board Memebers
   ========================================================================== */

.board-member {
	margin-bottom: 15px;
}

.board-member-details {
	border: 5px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.board-member-details h2,
.board-member-details h3 {
	background-color: #333;
	color: #fff;
	margin: 0;
	text-align: center !important;
}

.board-member-details h2 {
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

.board-member-details h3 {
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	height: 35px;
}

.board-member-details img {
	width: 100%;
}


/* ==========================================================================
   Links & Buttons
   ========================================================================== */

.btn-slider {
	display: none;
}


.btn-arrow {
	float: right;
	width: auto !important;
	margin: -2px -5px 0 0;
}

.content-link a,
.content-link a h3 {
	text-decoration: none;
	font-weight: bold
}

.btn,
a.btn,
input.btn {
	color: #fff;
	padding: 10px !important;
	font-weight: bold;
	font-size: .9em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	margin: 10px 0 0 0;
	border: 0;
	min-width: 0;
	
	/* override colour's within *-theme.css */
	background-color: #444;
}

.btn:hover,
a.btn:hover,
input.btn:hover,
.hm-column a.btn:hover {
	background-color: #333;
}

.hm-column a.btn {
	float: left;
	display: block;
	margin-top: 20px
}

/* ==========================================================================
   Footer
   ========================================================================== */

.wrapper-footer {
	background: #e6e6e6;
	padding-top: 1em
}


footer .ms-rtestate-field p {
	font-size: .85em;
	line-height: 1.4em
}

.footer-left {
	float: left;
}

.footer-right {
	float: right;
	text-align: right;
}

footer ul {
	list-style-type: none;
	display: block;
	margin: 0;
	font-size: .9em
}

footer li {
	display: inline;
	margin-left: 5px
}

footer .ms-rtestate-field a {
	color: #00aced
}

footer .tel {
	display: block;
	margin: 10px 0;
	font-weight: bold
}

footer .copyright {
	display: block;
	
}

footer .social-icons li {
	float: right;
	margin-top: 10px;
}

footer .social-icons a {
	text-indent: -9999px;
	text-align: left;
	display: block;
	width: 52px;
	height: 52px;
	background-repeat: no-repeat
}

footer .social-icons a.twitter {
	background-image: url(../../img/footer-twitter.png);
	margin: 5px 0 0 10px
}

footer .social-icons a.nhs-111 {
	background-image: url('../../img/footer-nhs-111.png');
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
}


footer .social-icons a.nhs-choices {
	background-image: url('../../img/footer-nhs-choices.png');
	background-repeat: no-repeat;
	width: 200px;
	height: 52px;
	margin: 10px 0 0 10px
}



/* ==========================================================================
   Dialog Box
   ========================================================================== */

.ms-dlgContent[role="dialog"] {
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 4px solid #444;
}

.ms-dlgTitle {
	background: #444;
	color: #fff;
	width: 94.9%
}

.ms-dlgTitle h1 {
	color: #fff
}

.ms-formlabel {
	font-style: italic
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}







/* ==========================================================================
   SP Ribbon Additional Editor Styles
   ========================================================================== */



img.ms-rteImage-6 {
    -ms-name: "CSU Full Width";
    width: 100%;
    padding: 0;
    margin: .8em 0 1em 0 !important;
}

img.ms-rteImage-7 {
    -ms-name: "CSU Inline Left";
    float: left;
    margin: .4em 1em .5em 0 !important;
}

img.ms-rteImage-8 {
    -ms-name: CSU Inline Right;
    float: right;
    padding: 0 0 1em 1em;
    width: auto !important;
    height: auto !important
}



/* ==========================================================================
   SP System Overrieds  
   ========================================================================== */

#suiteBarLeft {
    text-align: left;
}

.ms-ToolPaneOuter {
    font-size: .9em;
    position: relative;
    z-index: 10;
    margin: -10px -23px 0 10px;
}

.ms-summaryLinksToolbar {
    font-size: .9em
}

.ms-ToolPaneOuter img,
.ms-summaryLinksToolbar img 
 {
    float: left;
    padding: 4px 0 0 8px;
}

.content-inner input.ms-long {
    width: 94%;
}


/* editing */
.ms-webpart-menuArrowSpan img {
    float: none;
    padding: 0;
}

.sp-edit {
    margin: 10px 0 -12px 0;
    border-top: 1px dotted #c0c0c0;
}

.hm-column .sp-edit {
	margin-bottom: 5px
}

.sp-edit-mode .wrapper-inner {
	width: auto;
	margin: auto
}

.sp-edit .ms-selectedtitle {
    border: 0px !important;
}

.sp-edit img {
    float: none;
    padding: 0;
}

.flexslider + div.ms-formfieldcontainer {
    margin: 1.2em;
    width: auto;
}

.flexslider .ms-formfieldvaluecontainer {
    float: left;
}

.sp-edit-mode .flexslider,
.sp-edit-mode .slides,
.sp-edit-mode .slide-item {
    width: auto;
    height: auto;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sp-edit-mode .slide-item-title {
    height: auto;
}


.sp-edit-mode .slide-item {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.sp-edit-mode .slide-item img {
    width: 100%;
}

.sp-edit-mode .persona-content {
    width: 140px
}

/* left nav */

.sp-edit-mode .left-nav {
    margin-top: 1.5em;
}


/* add webpart ribbon */

.ms-core-webpartadder {
    font-size: .85em;
    text-align: left;
}

.sp-edit-mode .wrapper {
	width: 96%;
	margin: 0 auto;
	max-width: 1280px;
	min-width: 900px
}

.ms-webpart-controlBox {
	position: absolute;
	right: 8px;
	top: 5px;
}

.ms-ToolPaneOuter {
	margin: 10px 20px 0 0;
}

.sp-edit-mode #s4-workspace {
	max-width: 1280px !important;
	margin: auto;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


