/* General Stylesheet */

body	{background: #FFF; color: #000; font-size: 62.5%; font-family: Arial, Verdana, sans-serif; text-align: center;}

h1, h2, h3, h4, h5, h6	{}
h1			{font-size: 2.2em; color: #666;}
h2			{font-size: 1.7em; color: #706F6F; margin-bottom: 10px;}
h3			{font-size: 1.4em; color: #800000; margin: 0 0 5px 0;}
h4			{font-size: 1.3em; color: #800000; margin: 0 0 5px 0;}
h5			{font-size: 1.2em;}
h6			{font-size: 1.2em;}

p			{margin: 0 0 0.8em 0; font-size: 1.2em; line-height: 1.4em;}

a:link, a:visited 	{color: #04649B; text-decoration: underline;}
a:hover, a:active	{color: #04649B; text-decoration: none;}

a img 		{border: none;}

strong, b	{font-weight: bold;}
em, i		{font-style: italic;}
u			{text-decoration: underline;}
del         {color: #666;}
acronym, abbr, dfn {cursor: help; border-bottom: 1px dotted #CCC;}
cite		{font-style: italic;}

hr 			{float: none; width: 100%; height: .1em; margin: 0 0 0.8em; border: none; background: #CCC; color: #CCC; clear: both;}

ul, ol      {margin: .8em 2em;}
ul li       {list-style: disc; line-height: 1.4em;}
ol li       {list-style: decimal; line-height: 1.4em;}

/* ==== LAYOUT ==== */
.contain	{margin: 0 auto; width: 960px; text-align: left;}
#header		{}
#search		{}
#search_contain	{}
#navigation	{width: 865px; display: block;}
#banner		{}
#content_home	{width: 960px; padding: 16px 0 10px 0;}
#content_sub	{width: 960px; border-top: 16px solid #D8D4D2; border-bottom: 10px solid #D8D4D2; background: url(../../../images/bg_sub.gif) repeat-y top left;}
#content_wide	{width: 960px; border-top: 16px solid #D8D4D2; border-bottom: 10px solid #D8D4D2; background: url(../../../images/bg_sub_wide.gif) repeat-y top left;}
#content	{}
#breadcrumb	{width: 920px; padding: 5px 20px;}
#subnav		{}
#footer		{position: relative;width: 960px; padding: 5px 0; border-top: 1px solid #DFDFDF;}

/* ==== LAYOUT ELEMENTS ==== */
.fullscreen	{width: 100%; display: block;}

.col_227	{float: left; width: 227px; margin-right: 18px;}
.col_504	{float: left; width: 504px;}
.col_193	{float: right; width: 193px;}
.col_700	{float: left; width: 700px;}


/* #content div element styling */
#content ul li			{font-size: 1.2em;}
#content ul li ul li		{font-size: 1em; list-style: circle;}
#content ul li ul li ul li	{font-size: 1em; list-style: square;}
#content ol li				{font-size: 1.2em;}
#content ol li ol li		{font-size: 1em;}
#content ol li ol li ol li	{font-size: 1em;}

/* ==== NAVIGATION ==== */

/* primary navigation */
#navigation ul		{margin: 0 0 0 1px;}
#navigation ul li	{list-style:none; float: left; display: inline; position: relative; margin-right: 3px;}
#navigation ul li a			{height: 33px; display: inline-block; background: transparent url(../../../images/bg_nav_sml.png) no-repeat top left; padding-left: 7px; font-size: 1.3em; line-height: 33px; font-weight: bold; color: #844338; text-decoration: none;}
#navigation ul li a	span	{height: 33px; display: inline-block; background: transparent url(../../../images/bg_nav.png) no-repeat top right; padding-right: 7px;}
#navigation ul li a:hover	{text-decoration: underline; cursor: pointer;}
	/* fix styles */
	#navigation ul li#nav_contact  {margin-right: 0;}	
	/* active links */
	body#patient_information #navigation ul li#nav_patient a  {/* color: #DAD5D2; */ color: #666;}
	body#visitor_information #navigation ul li#nav_visitor a  {color: #666;}	
	body#medical_information #navigation ul li#nav_medical a  {color: #666;}
	body#careers #navigation ul li#nav_career a  {color: #666;}
	body#departments #navigation ul li#nav_department a  {color: #666;}
	body#find_doctor #navigation ul li#nav_find a  {color: #666;}
	body#contact #navigation ul li#nav_contact a  {color: #666;}

/* secondary navigation */
/* 1st level */
#subnav ul			{margin: 10px 0 0 0;}
#subnav ul li		{list-style: none;}
#subnav ul li a			{width: 175px; display: block; padding: 3px 0 3px 10px; font-size: 1.2em; color: #04649B; text-decoration: none; border-bottom: 1px solid #d8d4d2; background: url(../../../images/bg_subnav.gif) no-repeat 3px 9px;}
#subnav ul li a:hover  	{text-decoration: underline;}
#subnav ul li a.active			{width: 175px; display: block; padding: 3px 0 3px 10px; font-size: 1.2em; color: #844338; text-decoration: none; border-bottom: 1px solid #d8d4d2; background: url(../../../images/bg_subnav.gif) no-repeat 3px 9px;}
#subnav ul li a.active:hover	{text-decoration: none;}
/* 2nd level */
#subnav ul li ul			{margin: 0; padding: 5px 0; width: 185px; border-bottom: 1px solid #d8d4d2;}
#subnav ul li ul li			{list-style: none;}
#subnav ul li ul li a			{width: 165px; display: block; padding: 2px 0 2px 20px; font-size: 1.1em; color: #04649B; text-decoration: none; border-bottom: none; background: url(../../../images/bg_subnav.gif) no-repeat 14px 8px;}
#subnav ul li ul li a:hover  	{text-decoration: underline;}
#subnav ul li ul li a.active		{width: 165px; display: block; padding: 2px 0 2px 20px; font-size: 1.1em; color: #844338; text-decoration: none; border-bottom: none; background: url(../../../images/bg_subnav.gif) no-repeat 14px 8px;}
#subnav ul li ul li a.active:hover	{text-decoration: none;}

/* sitemap */
/* 1st */
ul#sitemaplist		{margin: 0; padding: 0; margin-left: 20px;}
ul#sitemaplist li	{line-height: 1.5em; padding: 2px 0; font-size: 1.2em; background: none; list-style: disc;}
/* 2nd */
ul#sitemaplist li ul		{padding: 0; margin-left: 15px;}
ul#sitemaplist li ul li		{line-height: 1.5em; padding: 2px 0; font-size: 1em; background: none; list-style: circle;}
/* 3rd */
ul#sitemaplist li ul li ul	{padding: 0; margin-left: 30px;}
ul#sitemaplist li ul li ul li	{line-height: 1.5em; padding: 2px 0; font-size: 1em; background: none; list-style: square;}


/* ==== FORMS ==== */

div.highlight {width: 650px; display: block; border: 1px dotted #EFEFEF; border-width: 1px 0; padding: 4px 0; margin-bottom: 3px;}
div.highlight:hover {background: #EAF5FA; border: 1px dotted #CAEAF9; border-width: 1px 0;}

.required_field		{color: #F30; font-weight: bold;}

/* Enquiry Form */
form.frmEnquiry				{margin: .8em 0;}
form.frmEnquiry	fieldset	{}
form.frmEnquiry	legend		{display: none; visibility: hidden;}
form.frmEnquiry	label		{float: left; display: block; width: 180px; padding-top: 4px; font-size: 1.2em;}
form.frmEnquiry	input		{width: 196px; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEnquiry	select		{width: 206px; border: 1px solid #CCC; padding: 2px 0; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}
form.frmEnquiry	textarea	{width: 196px; height: 100px; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; margin-bottom: 3px;}

form.frmEnquiry	input.rad	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEnquiry	input.chk	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
form.frmEnquiry	input.btn	{width: auto; border: 1px double #999; background: #999; color: #FFF; font-size: 1.2em; font-weight: bold; margin: 5px 5px 5px 180px;}
form.frmEnquiry	input.btn_reset	{width: auto; border: 1px double #CCC; background: #CCC; color: #FFF; font-size: 1.2em; font-weight: bold; margin: 5px;}
/* highlight cell */
form.frmEnquiry input:focus, form.frmEnquiry select:focus, form.frmEnquiry textarea:focus, form.frmEnquiry	input.btn:focus  {border:1px solid #666;}

/* Search Form */
form.frmSearch				{position: relative; }
form.frmSearch fieldset		{padding: 28px 0 0 0;}
form.frmSearch label		{float: left; display: block; width: 100px; padding-top: 4px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #968780;}
form.frmSearch input		{width: 150px; border: 1px solid #AEAEAE; padding: 2px 4px; font-size: 1.1em; font-family: Arial;}
form.frmSearch input.btn	{margin-left: 10px; width: 40px; height: auto; display: inline-block; border: 0px solid #FFF; padding: 0 0 0 10px; background: url(../../../images/arrow_btn.png) no-repeat left center; color: #844338; font-size: 1.1em;  line-height: 1.4em; font-weight: bold;}

/* Search Results Form */
form.frmSearchResults				{margin: .8em 0;}
form.frmSearchResults fieldset		{}
form.frmSearchResults legend		{display: none; visibility: hidden;}
form.frmSearchResults label			{font-size: 1.2em; width: 300px; display: block; padding: 2px 0;}
form.frmSearchResults input			{width: 200px; border: 1px solid #CCC; padding: 2px 4px; font-size: 1.2em; font-family: Arial; }
form.frmSearchResults input.btn		{width: auto; border: 1px double #999; padding: 1px; background: #999; color: #FFF; font-size: 1.2em; font-weight: bold;}
form.frmSearchResults input:focus	{border:1px solid #666;}

/* Site Poll */
div.pollans 		{width: 100%; display: block; border: 1px dotted #EFEFEF; border-width: 1px 0; padding: 4px 0; margin-bottom: 3px;}
	div.pollans:hover {background: #eff3fb; border: 1px dotted #CAEAF9; border-width: 1px 0;}
form.frmPoll			{margin: 0 0 0.8em 0; position: relative;}
form.frmPoll fieldset	{width: 90%;}
form.frmPoll h3			{margin-bottom: 0.8em;}
form.frmPoll label		{float: left; display: block; padding-top: 2px; width: 90%; font-size: 1.2em; line-height: 1.4em; margin-bottom: 3px; clear: both;}
form.frmPoll input.chk	{width: auto; border: none; padding: 0; margin-bottom: 3px; clear: both;}
form.frmPoll input.btn	{float: right; width: auto; border: none; color: #FFF; padding: 5px; font-size: 1.2em; font-weight: bold; background: #844338;}
/* results */
#poll_results	{width: 480px; display: block;}
	table.tblPollResults	{border-collapse: collapse; margin: 0.8em 0;}
	table.tblPollResults tr	{}
	table.tblPollResults th	{vertical-align: middle; text-align:left; padding: 5px 5px 5px 0; line-height: 1.4em; font-size: 1.2em; font-weight: normal;}
	table.tblPollResults td	{vertical-align: middle; padding: 5px; line-height: 1.4em; font-size: 1.2em;}
		table.tblPollResults th.total	{text-align: right; font-weight: bold;}


/* Search Tabs */
/* ==== SEARCH ==== */
#search_contain p	{margin: 0;}
#tab_site	{}
#tab_docs	{}
#tab_site	{visibility: visible; display:block;}
#tab_docs	{visibility: visible; display:none;}

ul.search_tab		{list-style: none; margin: 0;}
ul.search_tab li	{float: left; display: inline; position: relative; text-align: center;}
ul.search_tab li.tab_off a	{font-size: 1.2em; width: 150px; margin-top: 6px; padding: 5px 0 5px 0; display: block; background: #CCC; color: #000; margin-right: 6px; text-decoration: none;}
ul.search_tab li.tab_on a	{font-size: 1.2em; width: 150px; padding: 8px 0; display: block; background: #888; font-weight: bold; color: #FFF; margin-right: 6px; text-decoration: none;}

table.tblDocResults		{border-collapse: collapse; border: 1px solid #CCC; margin-bottom: 0.8em;}
table.tblDocResults	th	{text-align: left; padding: 5px;  vertical-align: top; font-size: 1.3em; border-bottom: 1px dashed #CCC;}
table.tblDocResults	th.row	{padding: 2px 5px; vertical-align: top; font-size: 1.2em; line-height: 1.4em; font-weight: bold; border-bottom: none; } 
table.tblDocResults	tr	{}
table.tblDocResults	td	{padding: 2px 5px; vertical-align: top; font-size: 1.2em; line-height: 1.4em; } 
table.tblDocResults	td.dl	{text-align: right; padding: 10px 5px;}
table.tblDocResults	td.dl a:link	{background: #999; padding: 5px 10px; color: #FFF; text-decoration: none;}
table.tblDocResults	td.dl a:hover	{background: #CCC; padding: 5px 10px; color: #000; text-decoration: none;}


/* ==== COOKIES MESSAGE ==== */
#cookies{background-color:#A76B60; position: absolute; width: 100%;left: 0;z-index:200;color: #fff;}
.cookies-text{float: left;width: 843px;}
.cookies-text p{padding: 1rem 4rem!important;margin-bottom: 0!important;}
#footer .cookies-text p a:link{color: #fff; text-decoration: underline;}
.cookies-close{background-color: #864336;float: right; width: 117px;height: 64px;}
.close-icon{position:relative; top: 9px; left: 10px; display:inline-block; width: 29px; height: 29px; background-image:url(../../../images/icons/close.png); background-size: cover;}
#js-close-cookies{cursor: pointer;position: relative;top: 9px;left: 24px;}
/* ==== MISC ==== */
.imageblock		{display: block;}
.hide4print		{display: none; visibility: hidden;}
.clear 	{clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}