﻿body {background: url(/SiteElements/Images/Patients/bg-blue-and-green.png) white no-repeat 50% 0;}
.sys_headerContainer {background:url(/SiteElements/Images/Patients/patients-h1.jpg) no-repeat 0 0; }

/* ----- Landing ----- */
.sys_landingSpotList li h2 {background:url(/SiteElements/Images/Patients/patients-landing-spot-header.png) no-repeat 0 0;}
#landingAside, #aside { background: #F3FBFF;}

/* --- Images --- */
.sys_landingHeaderImg {background:url(/SiteElements/Images/Patients/handwashing.jpg) no-repeat 0 0;}
#contentArea .spotlight_one {background:url(/SiteElements/Images/LandingPage/BgLandingListYourStay.jpg) no-repeat 0 0;}
#contentArea .spotlight_two  {background: url(/SiteElements/Images/LandingPage/BgLandingListEmergencyVisits.jpg) no-repeat 0 0;}
#contentArea .spotlight_three  {background:url(/SiteElements/Images/LandingPage/BgLandingListOutpatients.jpg) no-repeat 0 0;}
#contentArea .spotlight_four  {background:url(/SiteElements/Images/LandingPage/BgLandingListAppointments.jpg) no-repeat 0 0;}
#contentArea .spotlight_five  {background:url(/SiteElements/Images/LandingPage/BgLandingListVisitingPatients.jpg) no-repeat 0 0;}
#contentArea .spotlight_six  {background:url(/SiteElements/Images/LandingPage/BgLandingListConcerns2.jpg) no-repeat 0 0;}

/* --- aside block quote --- */
#aside blockquote { background: url(/SiteElements/Images/Patients/patients-top-left-quote.gif) 0 0 no-repeat;}
#aside blockquote span { background: url(/SiteElements/Images/Patients/patients-bottom-right-quote.gif) bottom right no-repeat;  } 

/* ----- Ward list table styles ----- */
td.green {background-color: #98CB32; color: #000;}
td.orange {background-color: #F6B400; color: #000;}
td.purple {background-color: #333366; color: #FFF;}
td.green, td.orange, td.purple {font-weight: bold;}

/* master progressive */

.sys_section {
    background-color: #fff;
    float: left;
    margin-top: 0 !important;
    padding: 12px 20px;
    /*width: 450px;*/
}

/* ---------------- RESPONSIVE MALARKY ----------------*/ 

@media screen and (max-width:979px) {
	#contentArea li.spotlight_one 		{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListYourStay.jpg);}
	#contentArea li.spotlight_two 		{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListEmergencyVisits.jpg);}
	#contentArea li.spotlight_three 	{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListOutpatients.jpg);}
	#contentArea li.spotlight_four 		{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListAppointments.jpg);}
	#contentArea li.spotlight_five 		{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListVisitingPatients.jpg);}
	#contentArea li.spotlight_six 		{background-image:url(http://www.guysandstthomas.nhs.uk/SiteElements/Images/LandingPage/BgLandingListInfectionControl.jpg);}
    
    .sys_headerContainer { background: #2a78a4; }
    .sys_landingSpotList li h2 { background: #2a78a4;}
    .sys_landingSpotList li h2:before { background-color: #2a78a4;}
}