/* system Styles */

/*do not touch body tag*/
body            {font-size:70%;	margin:0px; background-image: url(../../../../images/bg.gif); background-color: #125381;	background-repeat: repeat-x;}
		
DIV,SPAN,LI     {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;}
P               {font-family: verdana, arial, helvetica, "sans serif"; margin:0.001pt; line-height: 1.5em; font-size: 1em;}
TD              {font-family: verdana,arial,helvetica,sans serif;}

UL              {margin-left:-15px;	margin-top:0.5em;list-style-position: outside; list-style-image: url(../../../../images/rtArwGreen.gif); list-style-type: square;}

OL              {margin-left:-15px; margin-top:0.5em; margin-bottom:0.001pt; }
form			{MARGIN-TOP: 0.001pt; MARGIN-BOTTOM: 0.001pt; padding-top: 0.001pt; padding-bottom: 0.001pt;}
a				{color:#26264E; text-decoration:none;}
a:hover			{color:#000000;}
img				{border: none;}
TEXTAREA		{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}
INPUT			{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}

/*start of template*/


#wrapper		{height:auto; width: 840px;	border: 1px solid #1B5A86; background-color: #ffffff; margin-right: auto; margin-left: auto; margin-top: 4px;}
	
/*Site wide styles*/
	
#headerarea		{
	height: 65px;
	width: 810px;
	background-color: #FFFFFF;
	padding: 6px 15px 5px 15px;}
	
/*header left area*/

#headerleft		{float: left; width: 298px; height: auto; padding-top:18px}

/*header right area*/

#headerright	{float: right; width: 460px; height: auto; text-align:right;}
 
#utilitylinks	{float: right; height: 10px; width: 460px;} 

/*search box styles */
#searchright	{padding-top:30px; color:#808080; font-size:95%;}
.immSearchTerms {font-family: Tahoma, arial, helvetica; font-size:105%;}
#searcharea		{padding:30px 0 4px 0; width: 180px; float:right; }

/*top menu bar*/
#dropnav		{width: 822px; padding: 9px 5px 0 13px; background-image: url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border-top: solid 1px #999999; height: 20px; }

/*welcomegraphic*/

#wrapper #welcomegraphic {width: 840px; border-top: solid 1px #999999; border-bottom:solid 1px #999999; height: 150px; background-image: url(../../../../images/welcome.jpg); background-repeat: no-repeat; }

/*page template maincontent*/

#maincontentarea{height: auto; width: 840px;}
#menutop		{width:160px; height:20px; float:left; margin:0 0 0 0;background-image: url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border: solid 1px #bfbfbf; height: 20px;}
#menuarea		{width:160px; float:left; margin-top:0px; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999;}
#colarea		{width: 170px; float: left;	padding:10px 5px 10px 12px;}


#middlecontent 	{width: 410px; height: auto; padding:7px 0 0 0 ; border-right: 1px dotted #999999; border-left: 1px dotted #999999; float:left}
	
/*breadcrumb */
#breadleft		{text-decoration:none; color:#5CBF21; width: 376px; height: auto; margin: 0 5px 0 10px; padding: 0 0 5px 0; border-bottom:1px dotted #C1D3FB;}

#breadwide		{width:630px; text-decoration:none; color:#5CBF21; height: auto; margin: 0 5px 15px 10px; padding: 0 0 5px 0; border-bottom:1px dotted #C1D3FB}

#maincontentpage{width:385px; padding: 7px 13px 10px 12px;}
#rightcontentarea{float:left; width:215px; padding: 10px 0 0 12px;}

/*footer*/
#copyright			{float: right; width: 300px; text-align:right}
#modeswitch			{float: left; width: 400px;}
#footercontent		{clear: both; height:98px; border-top:1px solid #005173; padding:10px 14px 10px 14px; width: 812px; background-image:url(../../../../images/box_bg.gif);}	
	
/*standard styles*/
#rightcontentpage	{float:right; width:170px; margin:0px;}		
#maincontentpagewide{float:left; width:625px; margin:0 0 0 6px;}
#middlecontentwide 	{width: 625px; height: auto; padding:7px 0 0 0 ; border-left: 1px dotted #C1D3FB; float:left}
	
/*home styles*/
#maincontenthome	{width:584px; height: auto; padding:10px 0 10px 14px; border-right: dotted 1px #125381; float: left;}
	
/*toplevelcontent*/
#toplevelcontent	{width:570px; background-color: #FFFFFF; height: auto; border-bottom: 1px dotted #125381; padding:0 14px 15px 0;}
#welcometop 		{width: 568px; height: 12px; background-image:url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border-top: 1px solid #B1BEC4; border-left: 1px solid #B1BEC4; border-right: 1px solid #B1BEC4;}
#welcomecontent 	{height: auto; width: auto; border: solid 1px #B1BEC4; background-color: #F9FBFC; padding: 5px 10px 10px 10px; background-image:url(../../../../images/box_bg.gif);}

/*middlelevelcontent*/
#middlerowcontent	{width:auto; height: auto; float: left;}
#servicecontent 	{width: 374px; height: auto; border-left: dotted 1px #125381; float: right; padding:10px 6px 10px 12px}

/*middleleftcontent*/
#middleleftcontainer {width: 190px; padding-top: 14px; float: left;}
#contactus 			{float: left; width: 175px; margin-bottom: 15px; height: 87px; }
#treatcontainer 	{float: left; border: 1px solid #B1BEC4; margin-bottom: 15px; width: 175px;}
#treatmenttop 		{background-image: url(../../../../images/menu_bg.gif); height: 12px; border-bottom: solid 1px #B1BEC4;}
#treatments			{background-color: #F9FBFC; width: 155px; padding: 5px 10px 5px 10px; background-image:url(../../../../images/box_bg.gif);}
#seminars			{width: 175px; float: left; height: 87px;}

/*rightcontent*/
#rightcontenthome	{width:221px; height:auto; padding:10px 0 15px 14px; float: left;}

#hospitalcontainer 	{float: left; border: 1px solid #B1BEC4; height: auto; width: 210px; margin-bottom: 15px;}
#hospitaltop 		{background-image: url(../../../../images/menu_bg.gif); height: 12px; width: 210px;	float: left; border-bottom: 1px solid #B1BEC4;}
#hospitalfinder		{width:auto; height:149px; background-color: #f6f9fb; padding:9px; background-image:url(../../../../images/box_bg.gif);} 

#newsboxtop			{float:left; border-top:1px solid #aaccee; border-right:1px solid #aaccee; border-left:1px solid #aaccee; width:205px; margin:10px 0 0 0; background-color:#e1eefc}
#news				{width: 210px; height:auto; background-color:#FFFFFF; float: left; margin-bottom: 15px;}

#quicklinkscontainer {float: left; width: 210px; height: auto; border: 1px solid #B1BEC4; margin-bottom: 15px;}
#quicklinkstop 		 {height: 12px; width: 210px; background-image: url(../../../../images/menu_bg.gif); border-bottom: solid 1px #B1BEC4;}
#quicklinks			 {width:190px; background-color:#F9FBFC; padding: 10px 10px 0 10px; height: auto; background-image:url(../../../../images/box_bg.gif);}

/*Hospital home page template*/
#contentarea	{padding:10px 0 0 10px; border-left:1px solid #999999; float:left;}
#welcomeimage {height: 242px; width:627px; float:left; background-image:url(../../../../images/orchard_lea_lounge.jpg); background-color:#FFFFFF;}
#leftcol	{width:100px;}

/*Public Seminars template*/
#opentitle	{width:625px; padding: 0 0 0 12px; margin:0 0 20px 0;}
#opendate	{float:left; width:625px; padding: 0 0 0 12px; margin: 0 0 20px 0} 
#openinfo	{float:left; width:625px; padding: 0 0 0 12px;  margin: 0 0 20px 0}
#opencontact {float:left; width:625px; padding: 0 0 0 12px; margin: 0 0 15px 0}

/*Vacancy template*/
#vacancytitle{width:385px; padding: 10px 13px 5px 12px;}
#jobdescription {width:385px; padding: 10px 13px 10px 12px; float:left;}
#jobbenefits {width:385px; padding: 10px 13px 10px 12px; float:left;}


/*Class style*/

.premiumcontentwrapper {width:auto; margin-bottom:10px;}
.premiumtop {width:auto; height:20px; background-image:url(../../../images/menu_bg.gif); border: solid 1px #cccccc;}
.premiumcontent {
	width: auto;
	height:auto;
	padding:5px 5px 0 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.premiumbottom {width:auto; height:20px; background-image:url(../../../images/premium_box_bottom.gif);}

/*Non Selectable Font Styles*/
.menublue			{color:#66B53E; font-size:x-small; font-weight:bold;  margin:0px;}
#imagehome	    	{border:0px;}
#logo  		 		{font-size:170%; padding-top:4px; padding-bottom:4px;}
#stylechange		{position:absolute;top:140px; left:100px}
.Path 				{color:#005173; text-decoration:none;}
.Path:visit 		{color:#000000; text-decoration:none;}
.Path:hover 		{color:#000000; text-decoration:none;}

/*Whats New*/
.newstitle			{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border-top:1px solid #D3DDDC; color:#990066; text-decoration:none; padding:0px 0px 4px 8px;}
.newsbullet			{background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;}
.newsbody			{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000; padding:0px 0px 2px 24px; text-decoration:none;}
a.titlenews			{color:#990066; text-decoration:none;}
a.newslinks			{color:#666666; text-decoration:none;}
a.newslinks:hover,a.titlenews:hover		{color:#000000;}
div.nItem			{padding-bottom:10px;}

/*News Items*/
.newsitem ul		{list-style:none; margin-left:-37px;}
.newsitem li		{margin-left:0px; margin-bottom:10px;}

/*site map styles */
.sitmpA0			{font-size:x-large; font-family:Arial,Verdana,Helvetica; color:#005173; text-decoration:none;}
.sitmpA1			{
	font-size:small;
	font-family:Arial, Verdana, Helvetica;
	color:#1a76ce;
	text-decoration:none;
	font-weight: bold;
}

/* Quick Menu Styles*/
.linkhead       	{color:#034d94; font-size:1em; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;background-image: url(../../../../images/rtArwLtBlue.gif); background-repeat: no-repeat; background-position: left; padding: 0 0 0 15px;}
.linkhead:hover       	{color:#1a76ce; font-size:1em; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;background-image: url(../../../../images/rtArwLtBlue.gif); background-repeat: no-repeat; background-position: left; padding: 0 0 0 15px;}
.linkhead2       	{color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-variant:small-caps;}
.linkhead3       	{color:#034d94; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-size:x-small;}
.linkhead2:hover    {color:#000000;}
.linkhead2:active   {color:#000000;}

/* Page Counter Styles */
#PageCounter		{text-align:right; clear:both; width:11em;}
.PageCounter		{text-align:left; font-size:xx-small; color:#000070;}
HR.PageCounter		{color:#000070; height:1px;}
.PageCounterTxtBox	{width:2em; font-size:1em;}

/*Events Calendar */
.eventsborder 		{background-color:#005173; color:#ffffff; line-height:20px;}
.eventsboxbg 		{background-color:#00CC66; font-size:100%; color:#000000;}
.eventsbullet 		{background-image:url(../../../../images/documenticon.gif); background-repeat: no-repeat;}
 /* Main Events Calendar Style */
 .eventCalendar  {font-family:tahoma,arial,helvetica; font-size:70%; padding:3px; width:600px;}

/* eWorld UI Calendar Control */
.calCtrl 			{font-size:80%; font-weight:normal;}
.calCtrlDayHeader 	{background-color: #DCDCDC;}
.calCtrlMonthHeader {background-color: #666666; color:white;}
.calCtrlWeekDay 	{background-color: #FFFFFF;}
.calCtrlOffMonth 	{background-color: #778898; }
.calCtrlGoToToday 	{background-color: #FFFFFF;}
.calCtrlTodayDay 	{background-color: #0f9fef;}
.calCtrlWeekend 	{background-color: #D3D3D3; }
.calCtrlSelectedDate {background-color: #FFFF00;}
.calCtrlClearDate 	{background-color: #FFFFFF;}
.calCtrlHoliday 	{background-color: #FFFFFF;}
	
/* AtoZBrowser */
.AtoZIndex	 		{font-size:1.5em; font-family:Arial,Verdana,Helvetica; text-decoration:none;}
.AtoZIndex:hover 	{color:#9999ff;}
.AtoZBG		 		{background-color:#F0F9F8;}
.AtoZLink	 		{color:#000099;}
.AtoZLink:hover	 	{color:#000000;}
.AtoZTitle1	 		{color:#66B53E; background-color:#005173; font-size:small; font-family:Arial,Verdana,Helvetica; border:1px solid #E5E5E5;}

/* NewsLetterAdmin styles */
.NewsLetterDarkBg	{background-color:#007000;}
.NewsLetterLightBg	{background-color:#effff3;}

/* Top Drop Down Menu Styles */
/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

/* style for the containing div for the menu */
/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
div#topdropmenu 	{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:0.9em; z-index:199; float:left; position:relative;}
		
/* default ul tag style for this menu - you probably won't need to change this */
div#topdropmenu ul 	{line-height:1.2em;	list-style:none; margin:0px; padding:0px;}
		
/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
div#topdropmenu a {margin:0px; height:100%; text-decoration:none;}

/* default li tag style for this menu - you probably won't need to change this */
/* the postion:relative and float:left are critical to the correct operation of the menu */
div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
div#topdropmenu ul ul {	position:absolute;}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
		
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:722px; } /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:170px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:170px;} /* width of level 2 leaves */

	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:19px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{height:19px;} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:170px; height:auto;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:170px; height:auto;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{height:20px; font-size:110%; padding-top:5px; padding-left:3px; padding-right:7px; }
	div#topdropmenu ul.L1 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; }
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	
	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
div#sidemenu {width:160px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%;}

/* style of the "header" for the menu if there is one */
div#sidemenu .head	{font-size:100%; padding:8px 5px 8px 8px; background-image: url(../../../../images/menu_bg.gif); background-repeat: repeat-x; border-bottom: solid 1px #bfbfbf; }

/* default ul tag style for this menu - you probably won't need to change this */
div#sidemenu ul 	{list-style:none; margin:0px; padding:0px;}
		
/* default li tag style for this menu - you probably won't need to change this */
div#sidemenu ul li	{float:left; width:100%; margin:0px;}
		
/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
/* change the padding styles, but exercise some caution with different browsers*/					
div#sidemenu a {display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; }
		
/* style for the menu bullets */
div#sidemenu a SPAN	 {float:left; width:10px; background-repeat:no-repeat;}

/* Class for invisible items for accessibility (DO NOT REMOVE) */
.invisible { visibility: hidden; margin-top:-10px;}

/* Custom Plugin table style */
table.ConsultantSearch        { width: 70%; border: 1px solid #999999; margin-bottom:10px; background-color: #e6eff8;}

table.ConsultantSearchResults       { width:100%;}
table.ConsultantSearchResults tr th { text-align:left; background-color:#e6eff8;}
table.ConsultantSearchResults tr td { background-color:#f5f9fc;}

table.ConsultantDetails       { width:100%; margin-bottom:10px;}
table.ConsultantDetails tr th { text-align:left; background-color:#e6eff8; width:27%; padding:3px;}
table.ConsultantDetails tr td { background-color:#f5f9fc; width:73%; padding:3px;}

table.HospitalFinder			{width:100%; background-color:#e6eff8; padding:2px; color:#005173; border:1px solid #999999;}
	table.HospitalFinder    td		{padding: 4px;}
	table.HospitalFinder	td.line	{border-bottom:1px dotted #005173;}