/* ==========================================================================
   Colour Options
   
   - Three colour's can be selected per theme
   - Colour's are set in rgb in order to utilise rgba where necessary
   - Where 'rgba' is used, only the 3 rgb values need to be changed. The 'a' — or alpha — value should not be changed/deleted.
   
   ========================================================================== */

/* Primary Colour ================================= */
	
	/* text colour*/
		.primary-text,
		.hm-welcome h2,
		.site-title,
		.hm-welcome h2.ms-webpart-titleText,
		/* home widget 3 - patient event title */
		.hm-widget-3 h2.ms-webpart-titleText,
		
		
		/* content titles/links */
		.primary-colour h1,
		.primary-colour h2,
		.primary-colour a,
		
		/* layout 2 left nav link */
		.layout-2.primary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item	
		
		
		{color: rgb(0, 114, 198)}
	
	
	/* background colour */
		.primary-bg,
		
		/* header background */
		.wrapper-header,
		
		/* search button */
		.ms-srch-sb > .ms-srch-sb-searchLink,
		
		/* nav */
		.top-nav ul.static li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li + li + li a.ms-core-listMenu-item,

		
		/* nav bottom border */
		.top-nav ul.static li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li + li + li a.selected span.ms-hidden,
		
		/* slide title bg */
		a.slide-item .slide-item-title,
		
		/* home page column 2 title and buttons  */
		.hm-column-2 h2.ms-webpart-titleText,
		.hm-column-2 .btn,
		
		
		/* left nav */
		.primary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-1,
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a.flex-active,
		.ms-dlgTitle,
		
		.primary-colour .board-member-details h2,
		.primary-colour .board-member-details h3
	
				
		{background-color: rgb(0, 114, 198)}
		
	
		/* slide title bg - transparency for modern browsers */
		a.slide-item .slide-item-title
		
				
		{background-color: rgba(0, 114, 198,.92)}

	
	/* border colour */
		.primary-border,
		
		/* content title */
		.primary-colour h1,
		.ms-dlgContent[role="dialog"],
		
		.primary-colour .board-member-details 
 		
		{border-color: rgb(0, 114, 198)} /*Original P Color rgb(0, 81, 154)
		
		
		/* slider content box arrow */
		a.slide-item:after {
			border-color: rgba(0, 114, 198,.92) transparent transparent transparent !important;
		}




/* Secondary Colour =============================== */
	
	/* text colour*/
		.secondary-text,
		
		/* latest news title */
		.hm-widget-1 h2.ms-webpart-titleText,
		
		/* content titles/links */
		.secondary-colour h1,
		.secondary-colour h2,
		.secondary-colour a,
		

		/* layout 2 left nav link */
		.layout-2.secondary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
   
   		

		
		{color: rgb(0, 170, 158)} /*Original Second color rgb(0, 169, 162) */
		
		/* news slider title */
		.hm-widget-1 .news-slider a h3
		{color: rgb(0, 173, 198)}

	
	/* background colour */
		.secondary-bg,
		
		/* nav */
		.top-nav ul.static ul.static li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li a.ms-core-listMenu-item, 
	
		/* nav bottom border */
		.top-nav ul.static ul.static li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li a.selected span.ms-hidden,

		
		.hm-widget-1 .btn,
		/* home page column 1 title and buttons  */
		.hm-column-1 h2.ms-webpart-titleText,
		.hm-column-1 .btn,

		/* left nav */
		.secondary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-2,
		.secondary-colour .board-member-details h2,
		.secondary-colour .board-member-details h3
		


		{background-color: rgb(0, 170, 158)}
	
		/* news slider nav */
		.hm-widget-1 .news-slider .flex-control-nav li a.flex-active
		
		{background-color: rgb(0, 173, 198)}
		
		
		
		/* news slider nav */
		.hm-widget-1 .news-slider .flex-control-nav li a
	
		{background-color: rgba(0, 170, 158, .2)}

	
	    /* border colour */
		.secondary-border,
		
		/* content title */
		.secondary-colour h1,
		
		.secondary-colour .board-member-details 
 
		
		{border-color: rgb(0, 170, 158)}



/* Tertiary Colour ================================ */
	
	/* text colour */
		.tertiary-text,
		
		
		/* content titles/links */
		.tertiary-colour h1,
		.tertiary-colour h2,
		.tertiary-colour a,
		

		/* layout 2 left nav link */
		.layout-2.tertiary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* news slider title */
		.hm-widget-3 .news-slider a h3
 
		{color: rgb(0, 173, 198)}  /* Original Color rgb(0, 172, 212)


	/* background colour */
		.tertiary-bg,
		
		/* nav */
		.top-nav ul.static ul.static > li + li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li + li a.ms-core-listMenu-item,
		
		/* nav bottom border */
		.top-nav ul.static ul.static > li + li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li + li a.selected span.ms-hidden,

		
		
		

		/* home page column 3 title and buttons */
		.hm-column-3 h2.ms-webpart-titleText,
		.hm-column-3 .btn,
		
		
		/* left nav */
		.tertiary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-3,
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a.flex-active,
		
		.tertiary-colour .board-member-details h2,
		.tertiary-colour .board-member-details h3

	
		{background-color: rgb(0, 173, 198)}
		
		/* home widget 3 - patient event button */
		.hm-widget-3 .btn
			{background-color: rgb(0, 114, 198)}
		
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a
	
		{background-color: rgba(0, 173, 198, .5)}



	/* border colour */
		.tertiary-border,
		
		/* content title */
		.tertiary-colour h1,
		
		.tertiary-colour .board-member-details 
 
		
		{border-color: rgb(0, 173, 198)}


/* 

	EXCEPTION: for header background gradient e.g Lewisham CCG - COMMENT OUT IF NOT REQUIRED 
	Alternatively, a different background colour can be set here instead of a gradient.
	
*/
	.wrapper-header {
		background: rgb(0, 173, 198);		
		background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
		background: -moz-linear-gradient(left,  #FFFFFF 50%, #FFFFFF 51%); 
		background: -webkit-gradient(linear, left top, right top, color-stop(50%,#FFFFFF), color-stop(51%,#FFFFFF)); 
		background: -webkit-linear-gradient(left,  #FFFFFF 50%,#FFFFFF 51%); 
		background: -o-linear-gradient(left,  #FFFFFF 50%,#FFFFFF 51%); 
		background: -ms-linear-gradient(left,  #FFFFFF 50%,#FFFFFF 51%); 
		background: linear-gradient(to right,  #FFFFFF 50%,#FFFFFF 51%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 );
		*background: #FFFFFF;
	}


/* NHS Choices Orange ================================ */
	
	/* text colour */
	.nhs-choices,
	.hm-widget-2 h2.ms-webpart-titleText 
	
	{color: rgb(0, 170, 158)}
	
	/* background colour */
	.nhs-choices-bg,
	
	.homeServicePCouter input[type="submit"]
	
	{background-color: rgb(0, 170, 158)}



/* ==========================================================================
   Search Options
   ========================================================================== */

/* -----------------------------------------------
   
   Search has two position options 
   OPTION 1: aligned right, below NHS/CCG logo
   OPTION 2: centered within header
   
   comment out as required
   
-------------------------------------------------*/
#google_translate_element { height:24px;}

	/* POSITION 1 */
	.search-wrap {
		float: right;
		width: 180px;
		top:80px;
		padding-right:15px;
		position: relative;
	}

	/* POSITION 2 
	.search-wrap {
		position: absolute;
		top: 10px;
		left: 390px;
		width: 180px
	}*/


/* ==========================================================================
   Background Options
   ========================================================================== */

/* 
	DEFAULT BACKGROUND
	This is the default background. 2 options exist set as 'template-1-default-bg-1.gif' or 'template-1-default-bg-2.gif'
	NOTE: if CCG has appropriate branded backround this can be set below which will override the default style rule
 */
.wrapper-intro {
	 background-image: url('../../img/SouthwarkSide.jpg'); 

	
}

/* 
	BRANDED BACKGROUND
	Comment out if this is not required. Will fall back to default background
*/
.wrapper-intro {
	/* background-image: url("../../img/template-1-theme-bg.gif");  /*  untill we get graphic*/ 
}

.hm-widget-1 h2.ms-webpart-titleText 
	
	{color: rgb(0, 173, 198)}


#SLCSUSubmit
{
	background:rgb(0,170,158);
}

.ms-list-addnew
{
	display: none;
}

#forum0-NewPostLink
{
	display:none;
}
#forum1-NewPostLink
{
	display:none;
}

#forum2-NewPostLink
{
	display:none;
}
#forum3-NewPostLink
{
	display:none;
}


/* Board Members CSS */

div#BoardMembers 
{
  width: 100%;
}

div.board-member
{
  float: left;
  width: 180px;
  overflow: hidden;
  margin-bottom: 20px;
}

div.board-member-details
{
  background: rgb(0, 114, 198) !important;
  cursor: pointer;
  max-height: 312px;
  min-height: 312px;
  text-align: center;
  width: 156px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style:solid;
  border-color:rgb(0, 114, 198) !important;
}

div.board-member-details img 
{
  height: 180px;
  margin: 3px 0;
  width: 150px;
}

div.board-member-details h2,
div.board-member-details h3
{
  color: #fff !important;
  line-height: normal;
  margin: 0 3px;
  background: rgb(0, 114, 198) !important;  
  border-color:rgb(0, 114, 198) !important;  
}

div.board-member-details h2
{
  font-size: 16px;
}

div.board-member-details h3
{
  font-size: 13px;
  font-weight: normal;
}

div.board-member div.board-member-header h2
{
  background-color: rgb(0, 114, 198) !important;
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  line-height: normal;
  padding: 8px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

div.board-member div.board-member-header h3,
div.board-member div.board-member-summary h3
{
  color: rgb(0, 114, 198) !important;
  font-size: 22px;
  font-weight: normal;
}

div.board-member div.board-member-summary
{
  font-size: 13px;
}

div.board-member div.board-member-summary img
{
  margin: 10px;
}