﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, label2, legend, table, p table, caption, tbody, tfoot, thead, tr, th, td 
	{margin:0; padding:0; border:0; /*outline:0;*/ font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

/* remember to define focus styles! */
/*:focus {outline:0;}*/
body {color:#333; font-family:Verdana, Arial, helvetica, Sans-Serif; font-size:0.71em; line-height:1; background: url(https://www.guysandstthomas.nhs.uk/SiteElements/Images/GeneralBackground/bg-body-mid-blue.png) white no-repeat 50% 0;}
ol, ul {list-style:none;}

blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
p, blockquote, address, li, dt, dd, caption, table, td, th, legend, label, input, textarea, pre, code, tt {font-size:1.2em;}
li li, td, td p, td li, blockquote p, li p {font-size:1em;}
h1 {color:#fff; font:2.3em sans-serif; margin-bottom:0.25em;}
h2, h3, h4, .sys_accordionMenuTitle,.secondaryMenuHeader {margin-bottom:0.6em; padding-top: 0.6em;} 
h2, .sys_accordionMenuTitle, .secondaryMenuHeader {color:#3b9999; font:2.0em sans-serif; }
h3 {font:1.6em sans-serif; color: #3b9999;  }
h4 {font: 1.3em sans-serif; }
p, li {line-height:1.5em; margin-bottom:1em;}
a {color:#336893; color: #0061C1; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}
strong {font-weight:bold;}
em {font-style: italic;}
hr { color: #3b9999; }

/* ---- Tables ---- */
table, .withborder  {border-collapse: collapse; margin-bottom: 1em; }
caption, td {text-align:left; font-weight:normal;}
table caption { font:1.5em sans-serif; margin-bottom:0.6em; color:#3b9999;}
td, .withborder td, .withborder th, th {border: 1px solid gray; padding: 5px; text-align: left; line-height: 1.5em;}
th {font-weight: bold; font-size: 1em; }

/* ----- Accessability ----- */
.sys_accessabilityLinks {position:absolute; left:-9999px;}

/* ----- Structure ----- */
#siteWrapper {background:#fff; margin:0 auto; width:980px;}

/* ----- Header ----- */
#header {overflow:hidden;}
.sys_missionStatement {color: #336893; float:left; font:1.9em sans-serif; margin:20px 0 0 30px; width:440px;}
.sys_homeLink {float:right; margin:20px 24px 12px 0; }
.sys_headerLinks {  float:right;  margin: 3px 24px 3px 0; overflow: hidden; clear: both;   }
.sys_headerLinks ul {display: inline; }
.sys_headerLinks li {float: left; margin-left:18px; color:#336893; display: inline;  }

/* ----- Navigation ----- */
.sys_navContainer {background:#e1fcb1; padding:10px 20px; position:relative; height:3.6em; z-index:9999;}
#navigation {float:left;}
#navigation li {float:left; font:1.6em sans-serif; line-height:1em; margin:0;}
#navigation li a {display:block; padding:0.5em 0.75em; color:#336893;}
#navigation li.active a, #navigation li a:hover, #navigation li a:focus, #navigation li a:active 
	{background:#fff; text-decoration:none;}

/* ---- search ---- */
#drpSearchType {float: right; margin-top: 10px; padding:5px;}
.sys_search-query-control {float:right; /*margin:10px 10px 0 0;*/ position: relative; top: 5px;}
.sys_search-query-control .sys_search-label {display: none;} 
#SearchQueryControl_SearchButton {background:#3872a0; border:none; color:#fff; cursor:pointer; padding:5px; }
#SearchQueryControl_SearchTextBox {border:1px solid #3d7776; margin-right:5px; padding:5px; width:90px;}

#SearchResults_List h3  { color:#3b9999; padding: 5px; width: 100%;}
#SearchResults_List h3 a {color: #fff; color:#3b9999; font-weight: bold; }
dt.sys_search-description, dt.sys_search-url {display: none; }
.sys_subitem-summary dd.sys_search-description, .sys_subitem-summary dd.sys_search-url { margin-bottom: 1em;  }
.sys_subitem-summary dd.sys_search-url { /*margin-bottom: -0.1em;*/ color: #ffffff; }

.sys_pageSearch {float:right; margin:5px 10px 0 0;}
.sys_pageSearch label {position:absolute; left:-9999px;}
.sys_pageSearch .sys_searchKeyword {border:1px solid #3d7776; margin-right:5px; padding:5px; width:90px;}

/* ---- breadcrumb ---- */
#breadCrumb {overflow:hidden; padding:10px 20px;  }
#breadCrumb div {float:left; padding-bottom: 4px; margin:0  }
#breadCrumb a {background:url(/SiteElements/Images/Icons/IconBreadcrumbArrow.png) no-repeat right 0; padding-right:15px; margin-right:5px; font-size: 1.1em; margin-bottom: 10px;  }
#breadCrumb span {/*color:#3b9999; margin-right:15px;*/  font-size: 1.1em;  padding: 0 5px 10px 0;}

/* ---- Mega drop down ---- */
#navigation li li {font-size:1em;}
.sys_megaDrop {background:#fff; border-bottom:1px solid #336893; display:none; left:0; padding:20px; position:absolute; width:940px;}
#navigation .sys_megaDrop li {font-size:0.9em; width:300px;}
#navigation .sys_megaDrop li a:hover,
#navigation .sys_megaDrop li a:focus,
#navigation .sys_megaDrop li a:active{text-decoration:underline;}
.sys_megaDrop .column {float: left; width: 285px; margin-right: 18px;}
.sys_megaDrop .column ul{margin: 0;padding: 0;list-style-type: none;}
.sys_megaDrop .column ul li{padding-bottom: 2px;}
.sys_megaDrop .column p {font-size: 1em; margin: 0 0 5px 15px; color: #336893; border-bottom: 1px solid #336893;}
.sys_megaDrop .column ul li a { text-decoration: none;}
.sys_megaDrop .column ul li a:hover{ }

/* ----- Landing ----- */
.sys_landingHeaderImg {/*background:url(/SiteElements/Images/Patients/visitors.jpg) no-repeat 0 0;*/}
.sys_landingHeaderImg .sys_overlay {background:url(/SiteElements/Images/GeneralBackground/overlay-landing-header.png) no-repeat 0 0; height:240px; overflow:hidden; width:940px;}
.sys_landingHeaderImg p {color:#3d7776; font:1.82em sans-serif; margin:70px 0 0 0; /*width:530px*/ width: 450px;}
.sys_landingHeaderImg blockquote p {font-size:1.667em;}
.sys_landingHeaderImg p span {background:#fff; clear:left; float:left; padding:0.2em;}
.sys_landingHeaderImg .moreLink {background:#3872a0; clear:left; color:#fff; display:block; float:left; font-size:1.3em; padding:8px;}
.sys_landingHeaderImg .moreLink:hover {background:#275071;}

#landingContentWrapper {width: 720px; float: left; }
.sys_landingHeaderContainer {/*background:#e3f5f5;*/ margin-bottom:20px; padding:10px; width:680px;}
.sys_landingHeaderContainer h1 {color:#336893; clear: both; margin-bottom: 10px; }
/*addition*/.sys_landingHeaderImg .sys_mask {background:url(/SiteElements/Images/GeneralBackground/overlay-general.png) no-repeat 0 0; height:133px; overflow:hidden; width:940px;}


/* --- Landing page Images --- */
.sys_landingSpotList li {background:url(http://dummyimage.com/220x110/) no-repeat 0 0; float:left; height:165px; margin-right:20px; overflow:hidden; position:relative; width:220px;}
.sys_landingSpotList li h2 {background:url(/SiteElements/Images/GeneralBackground/landing-spot-header-dark-blue-326893.png) no-repeat 0 0; /*background: #3B9999;*/ 
bottom:0; color:#fff; font-size:1.45em; height:47px; margin:0; padding:10px; position:absolute; width:200px;}
.sys_landingSpotList li h2 a {color:#FFFFFF; height:43px; left:0; padding:112px 10px 10px; position:absolute; top:-98px; width:200px;}
.sys_landingSpotList li.spotlight_one {background:url(/SiteElements/Images/LandingPage/BgLandingListYourStay.jpg) no-repeat 0 0;}
.sys_landingSpotList li.spotlight_two  {background: url(/SiteElements/Images/LandingPage/BgLandingListEmergencyVisits.jpg) no-repeat 0 0;}
.sys_landingSpotList li.spotlight_three  {background:url(/SiteElements/Images/LandingPage/BgLandingListOutpatients.jpg) no-repeat 0 0;}
.sys_landingSpotList li.spotlight_four  {background:url(/SiteElements/Images/LandingPage/BgLandingListAppointments.jpg) no-repeat 0 0;}
.sys_landingSpotList li.spotlight_five  {background:url(/SiteElements/Images/LandingPage/BgLandingListVisitingPatients.jpg) no-repeat 0 0;}
.sys_landingSpotList li.spotlight_six  {background:url(/SiteElements/Images/LandingPage/BgLandingListInfectionControl.jpg) no-repeat 0 0;}

/* ----- Content ----- */
#contentArea {overflow:hidden; padding:0 20px;}
.sys_headerContainer {background:url(/SiteElements/Images/GeneralBackground/generic-h1.jpg) no-repeat 0 0; height:96px;  overflow:hidden; padding:34px 10px 0 10px;}
.sys_headerContainer h1 {padding-top: 10px; }
.subHeading {color:#fff; font:1.2em sans-serif; margin:0; width: 500px; height: auto;  }

/* Secondary Navigation */
#secondaryNavigation {float:left; margin:5px 20px 0 0; width:200px;}
#secondaryNavigation .sys_currentitem {font-weight: bold;  }
#secondaryNavigation li a {border-bottom:1px solid #c4d8db; }
.sys_accordianMenuTitle {   }

ul.sys_accordianMenu li {list-style: disc url(/SiteElements/Images/Icons/IconSecondaryNavArrow.png); margin-left: 15px;}
ul.sys_accordianMenu li.sys_open {background: #e3f5f5; font-weight: bold; }
ul.sys_accordianMenu li ul {background: #fff; font-weight: normal;}
ul.sys_accordianMenu li ul li.sys_open {background: #e5f2d3;  }
ul.sys_accordianMenu li ul li ul {/*background: orange; */ }
ul.sys_accordianMenu li ul li ul li.sys_open {background: #fce5e6; margin-left: 8px; }

/* Main Content */
#landingContentMain {float:left; width:720px; height: 340px; display: block;}
#contentMain, #contentMainFullWidth {float:left; margin-right:15px; width:500px;}
#contentMainFullWidth {width: 670px; margin-right: 0;}
#contentMain img, #contentMainFullWidth img {margin-bottom:1em;}
.sys_printLink {background:url(/SiteElements/Images/Icons/IconPrintPage.png) no-repeat 0 0; font-size:1.2em; float:right; margin-bottom:1em; padding:5px 5px 5px 35px;}
#contentMain ul, #contentMainFullWidth ul {list-style:disc outside; margin-left:2.5em;}
#contentMain ul li, #contentMainFullWidth ul li {margin-bottom:1em;}
#contentMain ol, #contentMainFullWidth ol {list-style:decimal outside; margin-left:2.5em;}
#contentMain ol li, #contentMainFullWidth ol li {margin-bottom:1em;}


/* Accordion */
#contentMain .sys_expandable, #contentMainFullWidth .sys_expandable {list-style:none inside; margin:0 0 1em 0; clear: both;}
.sys_expandable h3, .sweater h3 {font-size:1.4em; margin-bottom:0;padding-top: 0; border-bottom: none;}
.sys_expandable h3 a {background:url(/SiteElements/Images/Icons/IconSpriteExpandableArrow.png) #3B9999 no-repeat 425px -38px; color:#fff; display:block; padding:5px 15px;}
#contentMain .sys_expandable .sys_expandableContainer {margin-bottom:1px;}
.feedbackJumper li div.sys_section{ display:none; }

.sys_expandable .sys_expandableContainer .sys_section {margin-top:1em;}
.sys_noJavaScript .sys_expandable li .sys_section {display:block;}
.sys_expandable li.active .sys_section {display:none; overflow:hidden; margin-top: 0 !important;}
.sys_expandable li.active h3 a, .sys_expandable li.active h2 a {background:url(/SiteElements/Images/Icons/IconSpriteExpandableArrow.png) #336893 no-repeat 425px 10px;}
li.sys_expandableContainer {list-style: none; }
li.sys_expandableContainer table {font-size: 1em; }


/* ----- Listing ----- */
.sys_listing .sys_section {border-bottom:1px solid #C4D8DB; margin-bottom:1em;}
.sys_pagination li {float:left;}
.sys_pagination li a {border-left:1px solid #C4D8DB; padding:0.1em 0.75em;}
.sys_pagination li:first-child a {border:none; padding-left:0;}
#contentMain ul.columns {float: left; width: 100%; clear: both; margin-left: 0;  }
li.twoColumn, li.threeColumn {float: left; display: inline; width: 46%; padding: 0 4% 2% 0; }
li.threeColumn {width: 30%; padding-right: 3%; }
.twoColumn h2 {font-size: 1.65em }

/* ---- Forms ----- */
.sys_contentForm {background:#E3F5F5;  margin-bottom:1em; padding:1em 1em 6em 1em;}
.sys_contentForm label, #F1_Panel_1 .label {display:block; margin-bottom:0.5em;}
.sys_contentForm .sys_formSubmit {margin-bottom:1em;}
.sys_contentForm .sys_formText input,
.sys_contentForm .sys_formText textarea {border:1px solid #C4D8DB; color:#333; font-family:Arial, Helvetica, sans-serif; padding:5px; width:300px;}
.sys_contentForm .sys_formSelect select {border:1px solid #C4D8DB; font-family:Arial, Helvetica, sans-serif; padding:3px; width:311px;}
.sys_contentForm .sys_formSubmit input {background:#6A5699; border:1px solid #C4D8DB; color:#fff; cursor:pointer; margin-top:1.5em; padding:4px 10px;}
#F1_submit_Finish {background:#235296; border:1px solid #235296; color:#fff; cursor:pointer; margin-top:1.5em; padding:4px 10px; float: right; position: relative; right: 51%; }
.sys_contentForm .row { font-size: 1.15em; padding-top: 10px; white-space: nowrap; }
.sys_contentForm .row span.label { float: left; display: inline; width: 150px; text-align: right; margin-right:5px;  }
.sys_contentForm .row span.label2 { float: left; line-height: 1.5em; display: inline; width: 17em; text-align: right; margin-right: 8px;}
.feedback, .personal {display: block; border: 1px solid #C4D8DB;  margin-bottom: 1.5em; }
legend {padding: 3px 5px; font-size: 1.3em; font-weight: bold; color:#235296; margin-bottom: 5px;  }

/** ----- A-Z styles ----- **/
.A-ZSelected{}
.A-ZSelected a{font-weight:bold; font-size: 110%;}
#A-ZWrapper ul li { font-size: 100%; list-style: none; display: inline;}

#AZListing_List .sys_subitem, #GenericList_List .sys_subitem, #GenericList1_List .sys_subitem, #GenericList2_List .sys_subitem, 
#GenericList3_List .sys_subitem, #GenericList4_List .sys_subitem, #GenericList5_List .sys_subitem, 
#GenericList6_List .sys_subitem, #GenericList7_List .sys_subitem, #GenericList8_List .sys_subitem,
#GenericWithThumbnail_List .sys_subitem, #GenericWithThumbnail2_List .sys_subitem  
	{border: 1px solid #CCC; margin: 5px; padding: 0 3px; width: 95%; display: block;  }
.sys_itemslist .sys_21 { height: 32px; width: 32px;  float: right; position:relative; margin: 10px 20px 0 10px; background: url('http://www.guysandstthomas.nhs.uk/SiteElements/Images/Icons/PDFIcon.gif'); background-repeat: no-repeat;  }
.sys_itemslist .sys_0.sys_t642883 {height: 32px; width: 32px; display: inline; float: right; position:relative; top: -10px; margin: 0 10px; background: url('http://www.guysandstthomas.nhs.uk/SiteElements/Images/Icons/WebPage.gif'); background-repeat: no-repeat;  } 
.sys_atoz-control { float: left; margin: 0 0 10px 10px;  border-top: 1px solid #ecebeb; border-bottom: 1px solid #ecebeb; width: 99%; }
.sys_atoz-control ul { display: block; list-style-type: none; margin: 5px 5px 0 5px; padding: 0; width: 98%; }
.sys_atoz-control ul li { float: left; display: block; border: 0; margin: 0 ; width: 1.6em; font-weight: bold; text-align: center; padding: 3px; }
.sys_atoz-control ul li a { padding: 0 5px; text-decoration: none; }
.sys_atoz-control ul li a:hover { color: #333; text-decoration: none; background: #e3e3e3; }
.sys_atoz-control-currentletter {margin: 0 0 15px 10px; padding: 0 ; font-size: 2.6em; font-weight: bold; display: block;  }
.sys_atoz-control ul li.sys_noresults span { color: #ccc; cursor: default;}
.sys_atoz-control ul li.sys_selected a, .sys_atoz-control ul li.sys_selected a:hover {color: #fff; background: #333; text-decoration: none;  }
.sys_atoz-control-currentletter { clear: both;}

/* -- generic list styles -- */
.sys_generic_list-control { width: 96%;  }
#GenericList_List dt, #AZListing_List dt, #GenericList1_List dt, #GenericList2_List dt, #GenericList3_List dt, 
#GenericList4_List dt,#GenericList5_List dt, #GenericList6_List dt, #GenericList7_List dt, #GenericList8_List dt,
#GenericWithThumbnail_List dt, #GenericWithThumbnail2_List dt 
	{display: none; height: 0; }
#GenericList_List dd, #AZListing_List dd, #GenericList1_List dd, #GenericList2_List dd, #GenericList3_List dd, 
#GenericList4_List dd, #GenericList5_List dd,#GenericList6_List dd, #GenericList7_List dd, #GenericList8_List dd,
#GenericWithThumbnail_List dd, #GenericWithThumbnail2_List dd  
	{padding: 0 10px 10px 10px; margin: 0 0 10px 0; line-height: 1.5em;}
#GenericList_List H3, #AZListing_List H3, #GenericList1_List H3, #GenericList2_List H3, #GenericList3_List H3, #GenericList4_List H3, 
#GenericList5_List H3, #GenericList6_List H3, #GenericList7_List H3, #GenericList8_List H3,
#GenericWithThumbnail_List H3, #GenericWithThumbnail2_List H3 
	{padding: 5px 10px 0 10px; border-bottom: none; }
.sys_generic_list-control .sys_paginginfo, #AZListing_List .sys_noresults {font-size: 1.15em; padding: 0 0 5px 5px; }

#GenericList_List h3.sys_generic_list-subheading a, #GenericList1_List h3.sys_generic_list-subheading a, #GenericList2_List h3.sys_generic_list-subheading a, 
#GenericList3_List h3.sys_generic_list-subheading a, #GenericList4_List h3.sys_generic_list-subheading a, 
#GenericList5_List h3.sys_generic_list-subheading a, #GenericList6_List h3.sys_generic_list-subheading a,
#GenericList7_List h3.sys_generic_list-subheading a, #GenericList8_List h3.sys_generic_list-subheading a,
#GenericWithThumbnail_List h3.sys_generic_list-subheading a,
#GenericWithThumbnail2_List h3.sys_generic_list-subheading a 
	{background: none; color:#3b9999;  padding: 5px 0 5px 0;  }
	
#GenericList_List .sys_thumbnail, #GenericList1_List .sys_thumbnail, #GenericList2_List .sys_thumbnail, 
#GenericList3_List .sys_thumbnail, #GenericList4_List .sys_thumbnail,  #GenericList5_List .sys_thumbnail,
#GenericList6_List .sys_thumbnail, #GenericList7_List .sys_thumbnail, #GenericList8_List .sys_thumbnail,
#GenericWithThumbnail_List .sys_thumbnail, #GenericWithThumbnail2_List .sys_thumbnail  
	{float: left; padding: 0 8px 10px 8px; height: 85px;  }
	
#GenericWithThumbnail_List dd, #GenericWithThumbnail2_List dd {min-height: 85px;  }

/* -- generic lists within expandable tabs -- */
ul.sys_expandable h3.sys_generic_list-subheading a {background: none repeat scroll 0 0 transparent; color: #3B9999; padding: 5px 0;}
ul.sys_expandable #GenericList_List dd, ul.sys_expandable #AZListing_List dd, 
ul.sys_expandable #GenericList2_List dd, ul.sys_expandable #GenericList3_List dd, ul.sys_expandable #GenericList4_List dd,
ul.sys_expandable #GenericList5_List dd, ul.sys_expandable #GenericList6_List dd, ul.sys_expandable #GenericList7_List dd,
ul.sys_expandable #GenericList8_List dd,
ul.sys_expandable #GenericWithThumbnail_List dd, ul.sys_expandable #GenericWithThumbnail_List2 dd   { font-size: 1em; }

/* -- search results list -- */
#SearchResults_List .sys_itemslist .sys_subitem { background-color: #FFF; border: 2px solid #E3EBF6;
    margin: 8px 0; min-height: 6em; padding: 5px 5px 0;}
#SearchResults_List h3 {border-bottom: none; }
.sys_flickrpager .sys_paginginfo, .sys_flickrpager .sys_navigation {font-size: 1.2em; line-height: 1.5em; }

/* ----- Consultant profile ----- */
.sys_consultantProfile img {float:left;margin: 0 15px 0 0;}
h1 span {font-weight: normal;font-family: 'DejaWebRegular'}

/* ---- Aside ----- */
#landingAside {background:#fff; float:left; margin-top:-120px; width:200px; background: #EEF9FF;}
#aside {float:right; margin-top:-100px; min-height:/*632px*/ 300px; width:200px; background: #EEF9FF; }
#landingAside p, #landingAside ul, #landingAside ol, #aside p, #aside ul, #aside ol {padding:0 15px;}
#aside ul, #aside ol,#landingAside ul, #landingAside ol {margin-bottom:20px;}
#landingAside h3,#landingAside h2, #aside h3, #aside h2 {background:url(/SiteElements/Images/GeneralBackground/bg-aside-green.png) no-repeat 0 bottom; 
	color:#307171; font:1.8em sans-serif; margin-bottom:20px; padding:18px 15px; border: none;}
#landingAside .mapContainer, #aside .mapContainer {margin-bottom:20px; position:relative;}
#landingAside h4, #aside .mapContainer h4 {background:#fff; bottom:0; color:#336893; font:1.4em sans-serif;
 	padding:8px 22px; position:absolute;}
.sys_ctaSpeech {background:url(/SiteElements/Images/GeneralBackground/BgAsideCtaSpeechRed.png) no-repeat 0 0; 
	color:#5c1644; display:block; font:1.7em sans-serif; height:183px; margin:30px 18px; text-align:center; width:169px;}
.sys_ctaSpeech span {display:block; padding:50px 15px;}
#aside ul, #landingAside ul{list-style:disc outside; margin-left:1.2em;}

/* --- Aside news ticker --- */
#landingAside .sys_ticker {
    padding: 0 15px;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 10px;
}

/* landing aside with carousel */
#landingAside.landingAsideCarousel {
  margin-top: 0;
}

/* --- block quotes --- */
blockquote { padding: 15px 15px 0 15px; font-size: 1.35em; float: right; width: 250px;
background: url(/SiteElements/Images/Services/top-left-blockquote.gif) 0 0 no-repeat; }

#aside blockquote { padding: 18px 0 0 0; font-size: 1.45em; width: 200px; 	
	background: url(/SiteElements/Images/Services/aside-top-left-quote.gif) 0 0 no-repeat;}

blockquote p, #aside blockquote p { padding: 10px 15px 45px 15px; color:#3b9999; margin: 0; text-indent: 40px; }
blockquote span, #aside blockquote span {display: block; background: url(/SiteElements/Images/Services/bottom-right-blockquote.gif) bottom right no-repeat; }
#aside blockquote span {background: url(/SiteElements/Images/Services/aside-bottom-right-quote.gif) bottom right no-repeat; }
cite, #aside cite { font-size: 1.2em; float: right; color:#3b9999; padding: 0 15px 5px 15px; width: 150px; margin-bottom: 10px;  }
cite {clear: right;}

/* -- block lists --*/

#timeline {padding:0; margin:0 auto 50px auto; overflow:hidden; list-style:none; position:relative; }
#timeline li { list-style: none; position:relative; clear:both; float:left; width:450px; padding:10px; background:#e3f5f5;
  border:1px solid #C4D8DB; text-align:left; margin:10px 0 10px 0;  }

/* -- other layouts -- */

.itemWrapper {float: left; width: 98%; padding: 0 0 10px 0; margin: 0 0 20px 0; clear: both;  border-bottom: 1px solid #3b9999; }
.highlight {border:1px solid #235397; padding: 10px;  }

.floatimageleft {
    float : left;
  	margin: 3px;
}
    
.floatimageright {
    float : right;
  	margin: 3px;
}

/* ----- Sitemap ----- */

.col1,.col2{float:left; margin-right:40px; width:190px;}

#contentMain .siteMap, #contentMain .siteMap ul {list-style:outside none; }
#contentMain .siteMap li {margin:0; }
#contentMain .siteMap li a{display:block; font-weight:bold; border-bottom: 1px solid #3b9999; margin-top: 1em;}
#contentMain .siteMap li li {margin-left:1.3em;}
#contentMain .siteMap li li a{font-weight:normal; border-bottom: none; margin-top: 0.3em; display: inline;}
#contentMain .siteMap li li li a{font-size:1em; margin-left:1em;}
#contentMain .siteMap li li li li a{font-size:0.9em; margin-left:2em;}
.trigger{background:url(/SiteElements/Images/Icons/IconSitemapToggle.png) no-repeat 0 0; display:block; height:12px; position:absolute; right:0; text-indent:-9999px; top:0; width:12px;}
.trigger.open{background:url(/SiteElements/Images/Icons/IconSitemapToggle.png) no-repeat 0 -12px;}


/* ----- Footer ----- */
#footer { background:#efefd3; clear:both; overflow:hidden; font-size: 0.9em}
.sys_footerCta {background: #fff url(/SiteElements/Images/GeneralBackground/BgFooterCta.png) no-repeat 0 bottom; height:48px; overflow:hidden; padding-top: 10px;}
.sys_footerCta li {float:right; font:1.9em sans-serif; margin:0 20px 0 0;}
.sys_footerCta li a {color:#fff; display:block; height:48px; line-height:44px; text-align:center; width:89px;}
#footer .sys_footerCta li a:hover,
#footer .sys_footerCta li a:focus,
#footer .sys_footerCta li a:active{background-position:0 -48px; text-decoration:none;}
.sys_footerCta li.sys_overlay {background:url(/SiteElements/Images/GeneralBackground/BgFooterCta.png) no-repeat 0 0; height:22px; text-indent:-9999px; width:980px;}
.sys_footerCta li.sys_contact {right:151px;}
.sys_footerCta li.sys_contact a {background:url(/SiteElements/Images/GeneralBackground/BgFooterctaContact.png) no-repeat 0 0;}
.sys_footerCta li.sys_donate {right:48px;}
.sys_footerCta li.sys_donate a {background:url(/SiteElements/Images/GeneralBackground/BgFooterctaDonate.png) no-repeat 0 0;}

.sys_languageLinks { margin:10px 0 20px 0; padding:0 0 0 30px; }
.sys_languageLinks li {display: inline-block; margin:0 7px 0 0;}
.sys_languageLinks li a {font-weight:bold;}

.sys_footerLinks {margin:0 10px 20px 0; padding:0 0 0 30px; font-size: 1em;}

.sys_footerLinks li {display: inline-block; margin:0 7px 0 0 ;}
.sys_footerLinks li a {font-weight:bold;}
.sys_footerContact {padding-left:30px; margin-bottom: 20px; }

.sys_socialMediaLinks {
padding-left: 23px;
}
.sys_socialMediaLinks li {display: inline-block; margin-left:7px;}
.sys_socialMediaLinks li.follow {position: relative; top: 10px; }
.sys_socialMediaLinks li.sys_twitter a {background: url(/SiteElements/Images/Icons/twitter-logo.jpg) no-repeat 0 0; display: block; height: 36px; text-indent:-9999px; width:36px;}
.sys_socialMediaLinks li.sys_facebook a {background:url(/SiteElements/Images/Icons/facebook.jpg) no-repeat 0 0; display:block; height:36px; text-indent:-9999px; width:36px;}
.sys_socialMediaLinks li.sys_youtube a {background:url(/SiteElements/Images/Icons/YouTubeLogo.jpg) no-repeat 0 0-40; display:block; height:36px; text-indent:-9999px; width:36px;}
.sys_socialMediaLinks li.share a span {background:url(/SiteElements/Images/Icons/share.png) no-repeat 0 0-40; display:block; height:36px; text-indent:-9999px; width:36px;}
.sys_footerCopyright {background:#fff; clear:both; overflow:hidden; /*padding:1em 30px;*/ padding:1em 20px 1em 30px;}
.sys_footerCopyright p {float:left;}
.sys_kingsHealthLink {float:right;}

.footer_left { float: left; padding-top: 15px; }
.footer_right { float: right; margin: 22px 20px; }

/* ----- Editor ----- */

/*#editor .sys_headerLinks {width: 500px;}*/
#editor h1 {margin-bottom: 20px; }
#editor p.subHeading { padding-top: 5px;}
#editor .sys_expandable li h3, #editor .sys_expandable li h2 {background: #3B9999; color: #FFFFFF; border: none; }
#editor .sys_landingOverlay {background: none; height: 20px; }
#editor #landingContentMain {height: 520px; clear: both; overflow: hidden }
#editor #secondaryNavigation {width: 100px; }
#editor .sys_languageLinks, #editor .sys_footerLinks { float: left; width: 100%; clear: both; overflow: visible; }
#editor .sys_headerContainer h1 {padding-top: 0; }
#editor #contentMain {width: 600px; }
/* Cookie popup
*********************/ 

#cookieDiv { padding: 4px 0 0 0; width: 94%; vertical-align: middle; text-align: center;
color: black; margin: 10px auto; border: solid 1px #3872A0; }  

#cookieButton { background: #3872A0; border:none; color:#fff; font-weight:bold;
height:26px; padding:3px; width:70px; margin-left: 1.5em; vertical-align: middle; } 

#cookieButton:hover { background: #275071; cursor:pointer; text-decoration: underline;}   


/*====================================NEW AUG 2014 ===================================*/


.sweater {width: 535px;}
#contentMain .feedbackJumper, #contentMain .feedbackJumper ul  {
  margin: 0;
  list-style: none;
}
.feedbackJumper.sys_expandable li h3 a{
    background: url(/SiteElements/Images/Icons/IconSpriteExpandableArrow.png) #336893 no-repeat 475px -38px;
    padding:10px;
}

.feedbackJumper.sys_expandable li.active h3 a {
    background: url(/SiteElements/Images/Icons/IconSpriteExpandableArrow.png) #336893 no-repeat 475px 10px;
    padding:10px;
}

.feedbackJumper li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin:0;
  width: 511px;
  background: url(../Images/Icons/down.png) no-repeat right center #336893;
}
.feedbackJumper li:hover {
}
.feedbackJumper li ul {
  padding: 0;
  /*position: absolute;
  top: 53px;
  left: -34px;*/
  border:solid 1px #f2f2f2;
}
#contentMain .feedbackJumper li ul li { 
  background: #fff; 
  display: block; 
  color: #000;
  margin:0;
  margin-bottom:0;
    width:489px;
    padding:10px;
}
.feedbackJumper li ul li:hover { background: #f3fddf; }

.feedbackJumper li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

/*#contentMain .feedbackJumper li, #contentMainFullWidth ul li { margin:0; }*/

.sweater h3{ color: #ffffff; }

.sys_namesubelement {clear:both;}

.sys_labels-left .sys_legend {padding-right:3%;}

/* images */

.ImageFloatRight img{
    margin: 3px;
    float: right;
  }

.ImageFloatLeft img{
    margin: 3px;
    float: left;
  }
  
 /* feedback form styling */
 
.sys_legend {font-weight:normal !important;}
.name {font-weight:normal !important;}
 
.sys_cms-form-control ul.sys_cms-form-body li .sys_fieldlabel { font-weight:normal !important; }

.sys_labels-left .sys_legend { width: 31%!important; padding-right:3%!important; }

.sys_cms-form-control ul.sys_cms-form-body li.sys_name div.sys_namesubelement {width:50% !important;}

.sys_cms-form-control ul.sys_cms-form-body li.sys_name div.sys_namesubelement input {width:100% !important;}

.sys_cms-form-control input, .sys_cms-form-control textarea {border: 1px solid #3d7776 !important; line-height:20px!important; padding:5px!important;}

.sys_cms-form-control input { height:16px !important; }

.sys_fieldcontent { clear:both; width: 100%;}

.sys_namesubelement, .sys_namesubelement.sys_lastnamesubelement {  clear:both; width: 100% !important;}

.sys_namesubelement > div { width: 31%; padding-right:3%;}

.sys_namesubelement > input { width: 32.5% !important}

.sys_cms-form-control.sys_labels-left ul.sys_cms-form-body li div.sys_fieldcontent { width:100% !important;}

.sys_form-submit{
    background: #3872a0;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 5px;
}

.sys_cms-form-control.sys_labels-left .sys_fieldlabel {
    float: left;
    padding-right: 3%;
    width: 90% !important;
}

.sys_cms-form-confirmation-content p { 
  font-weight:normal !important;
  font-size: 120%;	 
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
  text-align: left !important;
  }
  
  /*===================
Twitter Feed
===================*/

.twitterFeed {
    padding:10px;
    background:#fff;
    margin-top: 0;
}
.twitterFeed ul,
#aside .twitterFeed ul{ 
    display:block;
    margin: 0;
    padding: 0;
}

.twitterFeed li {
    margin: 0;
    width: 100%;
    list-style: none;
}

.twitterFeed h3 { padding:0;font: 1.4em sans-serif; }

.twitterFeed p,
#aside .twitterFeed p { 
    margin:0; 
    padding: 0;
}

.twitterFeed > div {
	height: 220px;
	overflow-y: scroll;
    overflow-x: hidden;
    position:relative;
}

#aside .twitterFeed > div { height: 563px}

.twitterFeed p.timePosted,
#aside .twitterFeed p.timePosted{ 
    font-size: .8em;
    margin-bottom: 10px;
}

a span { 
    display: inline-block;
}

.user a span {
	font-weight:bold;
	color: #3b9999;
	display:block;
}

.user a span + span { font-weight:normal; }


.user img {
	margin: 3px 10px 0px 0;
	float: left;
	width: 35px;
	height: 35px;}

.media { margin-bottom: 10px; }



.media img { width:100%; }

  /*===================
Media gallery
===================*/

.sys_theme-simple .sys_mediagallery-control .sys_itemslist .sys_subitem dl {
    display: none;
}
.sys_theme-simple .sys_mediagallery-control .sys_itemslist .sys_subitem dl dd.sys_mediagallery-uploaded {
    bottom: 4px;
    color: #666666;
    left: 8px;
    position: absolute;
    z-index: -1;
}

/* iFrame*/

.video-container {
    position: relative;
    padding-bottom: 25%;
    padding-top: 35px;
    overflow: hidden;
    width:100%;
    height:100% !important;
}
.iframeWrapper {
  position:relative;
  width: 100%;
  max-width: 100%;
 /* padding-bottom:100%;
      padding-top: 200px;
    height: 0;
      overflow: auto;
  margin: 0;
  
  -webkit-overflow-scrolling: touch; */
}
iframe {
  position:absolute;
  top:0;
  left:0;
  margin: 0;
  padding:0;
  max-width: 100%;
  width: 100%;
}

/* virtual tour iframes */
.virtualTourIframe iframe {
	min-width: 100%;
    width: 1px;
    position: relative;
    height: 600px;
}

#contentArea {
    position: relative;
  max-width: 100%;
}
/*div#contentMain {
    WIDTH: 680px;
    position: relative;
    height: 100%;
}
*/
/* images with captions 26/01/2016 */

.picture { 
  background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font-size: 0.9em; 
}

.picture img { 
  border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; font-size: 0.9em;}

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; font-size: 0.9em;}
.left { margin: 0.5em 0.8em 0.5em 0; float:left; font-size: 0.9em; }

/* grid */
.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.columns {
  width: 100%;
  float: left;  
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;      
}

.columns img {
  display: block;
  /* width: 100%;*/
  max-width: 100%;
  height: auto;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.row.collapse {
   margin-right: 0;
   margin-left: 0;
}

.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}


.medium-3 {
  width: 25%;
}

.medium-4 {
  width: 33.333%;
} 

.medium-6 {
  width: 50%;
}  

@media screen and (max-width: 979px) { 
	.medium-3,
  	.medium-4,
  	.medium-6 {
      width: 100%;
    }
}

/* image rotation */
.img-rotator__tile {
  	position: relative;
}

.img-rotator__tile a {
  display: block;
}

.img-rotator__tile img {
	margin: 0 !important;
}

.img-rotator__tile:hover .flipper {
  	-webkit-transform:rotateY(180deg);
  	-ms-transform:rotateY(180deg);
  	transform:rotateY(180deg)
}

/* IE8 only */
@media all\0 { 
  .img-rotator__tile:hover .img-rotator__front {
      display: none;
  }

  .img-rotator__tile:hover .img-rotator__back {
      display: block;
  }
}

.img-rotator__tile .flipper {
	-webkit-transition: -webkit-transform .6s ease-out;
    -ms-transition: -ms-transform .6s ease-out;
    transition: transform .6s ease-out;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;  
  	height: 260px;
}

.img-rotator__front,
.img-rotator__back {
    -webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}

.img-rotator__front {
	z-index: 1;
  	-webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.img-rotator__back {
  	background-color: #294193;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-perspective: 800;
    -ms-perspective: 800;  
}

.img-rotator__inner {
  	display: table;
    width: 100%;
  	height: 100%;
}

.img-rotator__info {
  	display: table-cell;
	vertical-align: middle;
  	text-align: center;
  	padding: 0 20px;
  	color: #ffffff;
  	font-size: 1.8em;
}

/* carousel */
.sys_carouselHeaderImg .sys_overlay {
  background: url("/SiteElements/Images/GeneralBackground/overlay-landing-header.png") no-repeat 0 0;
  height: 240px;
  width: 940px;
  overflow: hidden;
}

.sys_carouselHeaderImg p {
    color: #3d7776;
    font: 1.8em sans-serif;
    margin: 71px 0 0 0;
    float: right;
}

.sys_carouselHeaderImg p span {
    background: #fff;
    clear: right;
    float: right;
    padding: 0.2em;
}

.sys_carouselHeaderImg .moreLink {
    background: #3872a0;
    color: #fff;
    display: block;
    float: right;
    font-size: 1.2em;
    padding: 8px;
    clear: right;
    clear: none\8;
}

/* mapviewer */

#mapviewer div{
	width:100%;
 	height: 200px !important;  
}

