/***
TABLE OF CONTENTS

LAYOUT
HEADER ELEMENTS
MAIN NAVIGATION
HOME PAGE / CONTENT PAGE / SHARED ELEMENTS
CONTENT PAGE ELEMENTS
FORM ELEMENTS
SEARCH PAGE ELEMENTS
FOOTER ELEMENTS
CUSTOM PAGES
***/

@media screen
{
	/*** LAYOUT ***/

	#main_wrapper
	{
		background-color:#535456;
	}

	/*** HEADER ELEMENTS ***/

	/* Header buttons */
	.search-nav a,
	.eventsCalendar .monthBar .monthLabel,
	.ui-widget-header
	{
		color:#fff;
		text-shadow:0px 1px 1px rgba(0,0,0, 0.3);
	}
	
	.search-nav .todays-services
	{
		background-image:url(/Images/Button_Todays_Services.png);
	}

	.search-nav .deceased-search
	{
		background-image:url(/Images/Button_Deceased_Search.png);
	}

	/* Search box */
	.search-nav .search-item
	{
		background-image:url(/Images/Search_Box.png);
	}

	#search-form input
	{
		color:#fff;
	}

	#main-panel
	{
		box-shadow:0px 4px 8px #313233;
	}

	/*** HOME PAGE / CONTENT PAGE / SHARED ELEMENTS ***/

	/* Home page intro */
	#home-intro p
	{
		text-shadow:0px 0px 1px rgba(143,111,85, 0.3);
	}

	/*** CONTENT PAGE ELEMENTS ***/

	#main-nav li.selected a, /* Main navigation */
	.sec-nav .active /* Secondary navigation */
	{
		color:#535456;
		text-shadow:0px 0px 1px rgba(83,84,86, 0.3);
	}
	
	h1, h2, /* Heading 1, 2, etc */ 
	.intro, /* Content page intro */ 
	#other-sites a.active,
	#results-list a, /* Search page results link */ 
	.deceasedsearch-back-link,
	.deceased-search-results th a,
	.events-back-link,
	.paging .prev, .page_navigation .previous_link, .paging .next, .page_navigation .next_link,
	.recruitment-back-link,
	.cal-nav a.prev, .cal-nav a.next
	{
		color:#535456;
		/*text-shadow:0px 0px 1px rgba(83,84,86, 0.3);*/
	}

	.sec-nav ul, .sec-nav li, #content h1, .job-box, .event-box, .left-nav,
	.cal-nav a.prev,
	.deceased-search-results th, .deceased-search-results td
	{
		border-color:#d8d9dc;
	}

	/* Slide controls */
	.slideshow #controls #prev
	{
		background-image:url(/Images/Button_Slider_Previous.png);
	}

	.slideshow #controls #next
	{
		background-image:url(/Images/Button_Slider_Next.png);
	}

	/*** FORM ELEMENTS ***/

	/* Form background */
	.Form,
	.cat-options, .cem-options,
	.date-box,
	.deceased-search-tabs a.active,
	.deceased-search-form
	{
		background-color:#e4e4e4;
	}

	/* Form elements border */
	.Form input.hasDatepicker,
	.Form input[type='text'],
	.Form input[type='password'],
	.Form textarea,
	.Form select,
	.recruitment-search input[type="text"] /* Recruitment */,
	.event-search input[type="text"] /* Events */,
	.resultsperpage,
	.ui-widget
	{
		border:1px solid #c4c5c8;
	}

	.recruitment-search input[type="text"] /* Recruitment */,
	.event-search input[type="text"] /* Events */
	{
		border-right:none;
	}
	
	.event-search input[type="submit"], .recruitment-search input[type="submit"]
	{
		background-image:url(/Images/IconSideSearch.png);
	}

	/* Buttons */
	input[type='button'], input[type='reset'], input[type='submit'], .paging a.active, .page_navigation a.active_page, .position .apply
	{
		/* bg color and gradiant properties */
		background: #b4b699; /* Old browsers */
		background: -moz-linear-gradient(top, #6e6e6e 0%, #515254 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e6e6e), color-stop(100%,#515254)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #6e6e6e 0%,#515254 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #6e6e6e 0%,#515254 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #6e6e6e 0%,#515254 100%); /* IE10+ */
		/*background: linear-gradient(top, #6e6e6e 0%,#515254 100%); /* W3C */
		color:#fff;
		-moz-box-shadow:0px 1px 2px #8b8b8b;
		-webkit-box-shadow:0px 1px 2px #8b8b8b;
		box-shadow:0px 1px 2px #8b8b8b;
		text-shadow:0px 1px 0px rgba(0,0,0, 0.3);
	}

	/*** SEARCH PAGE ELEMENTS ***/

	/* Search page results hilight */
	#results-list .hilite
	{
		background-color:#f4efc3;
	}

	/*** FOOTER ELEMENTS ***/

	/* Footer contact details */
	#footer .phone, #footer .mail
	{
		color:#fff;
		text-shadow:0px 0px 1px rgba(0,0,0, 0.3);
	}

	#footer .phone
	{
		background-image:url(/Images/Icon_Phone_Light.png);
	}

	#footer .email
	{
		background-image:url(/Images/Icon_Email_Light.png);
	}

	#footer .email a
	{
		color:#fff;
		/*text-shadow:0px 0px 1px rgba(0,0,0, 0.3);*/
	}

	#footer .mail
	{
		background-image:url(/Images/Icon_Mail_Light.png);
	}

	#footer .facebook
	{
		background-image:url(/Images/Facebook-white.png);
	}

	/* Footer navigation */
	#footer .contact-details li,
	#footer .email a,
	#footer-navigation
	{
		text-shadow:0px 1px 1px rgba(0,0,0, 0.4);
	}

	#footer-navigation .copyright
	{
		color:#cdd1d4;
	}

	#footer-navigation .navigation a
	{
		color:#fff;
	}

	/* #other-sites */
	#other-sites
	{
		text-shadow:0px 0px 1px rgba(0,0,0, 0.3);
	}

	.deceased-search-results th a
	{
		background-image:url(/images/gridSort.png);
	}
	
	/*** CUSTOM PAGES ***/

	/* Event calendar */

	.eventsCalendar .eventsCalendarInner
	{
		background-color:#d6d7cc;
	}

	.eventsCalendar .header,
	.ui-datepicker-calendar th
	{
		border-top-color:#454648;
		border-bottom-color:#363638;
	}
	
	.ui-datepicker-calendar thead
	{
		border-left-color:#454648;
		border-right-color:#454648;
	}
	
	.eventsCalendar .header th,
	.ui-datepicker-calendar th,
	.ui-widget-content .ui-state-hover,
	.ui-widget-content .ui-state-focus 
	{
		background-color:#535456;
		color:#fff;
	}
	
	.eventsCalendar .header th,
	.ui-datepicker-calendar th
	{
		background:url(/Images/Events_Calendar_Header_Bg.png) repeat left top;
	}
	
	.eventsCalendar .monthBar,
	.ui-datepicker .ui-datepicker-header
	{
		background-image:url(/Images/Events_MonthBar_Bg.png);
	}
	
	.eventsCalendar .monthBar .previousMonth a,
	.ui-icon.ui-icon-circle-triangle-w
	{
		background-image:url(/Images/Nav_Arrow_Left_Calendar.png);
	}
	
	.eventsCalendar .monthBar .nextMonth a,
	.ui-icon.ui-icon-circle-triangle-e
	{
		background-image:url(/Images/Nav_Arrow_Right_Calendar.png);
	}
	
	.eventsCalendar table td,
	.ui-datepicker-calendar td
	{
		border-color:#ecede8;
	}

	.eventsCalendar table td.eventDay
	{
		background-color:#535456;
		color:#000000;
	}

	.eventsCalendar table td.eventDay a
	{
		color:#FFFFFF;
	}

	.eventsCalendar table td.today a
	{
		color:#000;
	}

	.eventsCalendar table td.differentMonthDay
	{
		color:#7a7b7d;
		background-color:#f1f1f1;
	}

	.eventsCalendar table td.today
	{
		background-color:#FFF9CD;
		color:#000;
	}

	.date-box,
	.ui-datepicker-calendar
	{
		border-color:#d6d7cc;
	}

	.date-box .date-large .month
	{
		color:#FFFFFF;
	}

	.date-box .date-large .day, .date-box .date-large .year
	{
		background-color:#FFFFFF;
		color:#000000;
	}

	.event-box .location
	{
		color:#7F826A;
	}

	.paging a.active, .page_navigation a.active_page
	{
		color:#fff;
	}

	/* Paging navigation */
	.recruitment-back-link, .paging .prev, .page_navigation .previous_link, .cal-nav a.prev,
	.events-back-link,
	.deceasedsearch-back-link
	{
		background-image:url(/Images/Nav_Arrow_Left.png);
	}

	.paging .next, .page_navigation .next_link, .cal-nav a.next
	{
		background-image:url(/Images/Nav_Arrow_Right.png);
	}

	/* Deceased Search */

	.deceased-search-tabs a
	{
		background-image:url(/Images/Deceased_Search_Tab.png);
	}
	
	.deceased-search-form span label, .deceased-search-form div label
	{
		color:#000000;
	}

	.deceased-search-form span input:disabled, .deceased-search-form span select:disabled
	{
		background-color:#EEEEEE;
	}

	.resultsperpage
	{
		border-color:#c4c5c8;
	}

	.deceased-search-results tr:hover
	{
		background-color:#ebebeb;
	}
	
	.deceased-search-results tr:hover td
	{
		color:#000;
	}

	.deceased-search-results tr.header:hover
	{
		/* Set hover to white to disable hover effect */
		background-color:#fff;
	}
	
	.ContentTable
	{
		border-color: #D8D9DC;
	}
		
	.ContentTable td 
	{
		border-color: #D8D9DC;	
	}
}