@charset "iso-8859-2";
@import url("flyout.css");
@import url("flyoutskin.css");

html, body, form, input, select, fieldset {
	font-size:	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	background: #fff url("../images/mid2bg.png") repeat;
	white-space: normal;
	word-spacing:normal;
	letter-spacing:normal;
	height: 100%;
	width: 100%;
}


/*-------------------------------- unisex elems --------------------------------------*/
img { border: none;}
table a { 
	font-weight: bold;
	text-decoration: underline;
}

.otherFont { font-family: Verdana, Arial, Helvetica, sans-serif;}
.floatright { float: right }
.floatFix{clear:both;}
.access {display: none;}

/*------------------- page header --------------------*/
#TopSeamBg{ background: url("../images/midbg.png") repeat top; }

	#TopBg { background: url("../images/topbg.png") repeat-x; }
	
		#Header {
			background: url("../images/headerbg.png");
			width: 1030px;
			height: 394px;
			position: relative;
			z-index: 2;
			letter-spacing: -1px;
			margin-left: -550px; 
			left: 50%;
		}
		
		#Header, #Header a { 
			text-decoration: none;
			color: #792331;
		}		
		
			#Flags {
				position: absolute;
				top: 94px;
				left: 223px;
				width: 75px;
			}
			
			#HomeLink {
				position: absolute;
				top: 51px;
				left: 37px;
				width: 140px;
			}
			
			#HospitalName {
				font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
				font-size: 17pt;
				position: absolute;
				top: 158px;
				left: 176px;
				width: 600px;
				padding-left: 20px;
			}
			
				#HospitalName strong{ 
					margin-left: -20px; 	
				}
			
			#HospitalInfo {
				font-size: 12px;
				font-weight: bold;
				text-align: right;
				line-height: 140%;
				position: absolute;
				top: 153px;
				left: 777px;
				width: 240px;			
			}
			
				#HospitalInfo p {
					margin: 0px;
				}
			
				#HospitalInfo span {
					display: block;
				}
			#Menu1 {
				margin: 0;
				font-size: 14px;
				text-align: right;
				letter-spacing: 0px;
				list-style: none;
				font-weight: bold;
				position: absolute;
				width: 914px;
				top: 368px;
				right: 6px;
			}
			
			#Menu1 li{
				display: inline;
				margin: 0 5px 0 20px;
			}
			
			#Menu1 a:hover { color: #000; }


/*------------------- page middle --------------------*/
#MidBg { background: url("../images/midbg.png") repeat top;}

	#MiddleBg {
		background: url("../images/bodymdbg.png") repeat-y left top;
		position: relative;
		height: 100%;
		z-index: 1;
		width: 923px; 
		margin-left: -443px; 
		left: 50%;	
	}		
		
		#MiddleTopBg {
			background: url("../images/bodytopbg.png") no-repeat top; 
			height: 486px;
			position: relative;
			margin-bottom: -486px;
			width: 949px; 
			left: -26px;
		}		
		
		#AllContent {
			position: relative;
			width: 904px;
			z-index: 10;
			min-height: 726px;
			margin-left: 9px;
		}
			/* ------------- Left side -------------*/
			#LeftSide {
				float: left;
				margin-right: 7px; 
				width: 168px;
			}
				
				#Menu2 { background: url("../images/mainmenutilebg.png") repeat-y; }
					
				#Menu2End {
					background: url("../images/mainmenuendbg.png");
					height: 40px;
					position: relative;
					top: -33px;
					margin-bottom: -40px;
				}
			
			/* ------------- Center -------------*/
			#Center {
				float:left;
				width: 550px;				
			}
				#Center ul {
					list-style: square outside url("../images/listicon.gif")
				}
				
				#MenuHierarchy {
					color: #fff;
					text-align: right;
					margin: 9px 0px 25px 5px;
					height: 18px;
					overflow: hidden;
					letter-spacing: 0px; 
				}	
					
					#MenuHierarchy a {
						color: #fff;
						text-decoration: none;
						font-weight: bold;
					}
					
					#MenuHierarchy a:hover { text-decoration: underline;	}
					
				.typography { padding: 0px 20px; }
					.typography .jumpToTop { margin-top: 10px; }
				
					/*----------- Header with Background --------------- */
				
					.headerWithBg {
						height: 100%;
						width: 517px;
						margin: 0 auto 0 -4px;
					}
						.typography .headerWithBg  h1 { margin-top: 0; }
						.headerWithBg div,
							.headerWithBg div div { height: 100%; min-height: 35px;}
							
								
								.headerWithBg  div div .separator {
									display: block;
									height: 8px;
									width: 517px;
									background: url("../images/shadowsepareter.png") no-repeat bottom;
								}
						
								.headerWithBg  div div div {
									padding: 5px 10px 5px 10px;
									color: #4c5a65;
									background: none;
								}
								
								.headerWithBg .rss {
									position: relative;
									margin: 0;
									padding: 0;
									text-align: right;
									min-height: 0;
								}
								
									.headerWithBg .rss a { vertical-align: middle; }
									.headerWithBg .rss img { vertical-align: middle; }
									
									.headerWithBg div div div h1 { margin-bottom: 5px; }
									
									.headerWithBg a { font-weight: bold; }			
				
					/*----------- Info Panel --------------- */
				
					.simpleGalleryPanel,
					.infoPanel {
						background: url("../images/maininfopanelbgtile.png") repeat-y;
						height: 100%;
						width: 517px;
						margin: -7px auto 6px -4px;					
					}
					.simpleGalleryPanel {	background: none; }
					
						.simpleGalleryPanel div,
						.infoPanel div{
							background: url("../images/maininfopanelbg.png") no-repeat bottom;
							height: 100%;
						}
						
						.simpleGalleryPanel .multiBoxDesc,
						.infoPanel .multiBoxDesc {
							background: none;
						} 
						
						.simpleGalleryPanel .simpleGallery {
							background: url("../images/maininfopanel_smallbg.png");
							width: 515px;
							height: 120px;
							margin-top: 15px;
						}	
							.simpleGalleryPanel, 
							.infoPanel div div { background: none;	height: auto;}
						
							.simpleGalleryPanel .mainInfoPanelParegraphy,
							.infoPanel .mainInfoPanelParegraphy {
								background: url("../images/shadowsepareter.png") no-repeat top;
								padding: 13px 10px 13px 10px;
								height: 100%;
								position: relative;
							}
							
							.simpleGalleryPanel .mainInfoPanelParegraphy { background: none;padding: 8px 5px }
								
							
								.mainInfoPanelParegraphy .doctorPhoto {
									float: right;
									padding: 3px 3px 3px 10px;
								}
							
							.infoPanel  > div  > .mainInfoPanelParegraphy:first-child { margin-top: 0px; }
							
								.infoPanel .mainInfoPanelParegraphy  h1,
								.infoPanel .mainInfoPanelParegraphy  h2,
								.infoPanel .mainInfoPanelParegraphy  h3 { border:none; } 

								.infoPanel  ul { 
									margin: 8px 0;
									padding-left: 18px;
								}	
								
									.infoPanel .mainInfoPanelParegraphy  ul a { 
										color: #000; 
										font-weight: bold; 
									}
									
							.simpleGalleryPanel .imageContainer,
							.infoPanel .imageContainer {	background: none;	}
							
							.simpleGalleryPanel .mainInfoButton,
							.infoPanel .mainInfoButton {
								display: block;
								cursor: pointer;
								background: url("../images/maininfopanelbuttonbg.png") no-repeat;
								width: 108px;
								height: 33px;						
								position: absolute;
								right: 4px;
								bottom: 5px;							
							}
							.simpleGalleryPanel .mainInfoButton {
								bottom: 20px;
								right: 3px;
							}
							
								.simpleGalleryPanel .mainInfoButton a,
								.infoPanel  .mainInfoButton a{
									color: #4c5a65;
									text-decoration: none;
									display: block;
									width: 76px;
									height: 13px;
								}

									.simpleGalleryPanel .mainInfoButton a:hover,
									.infoPanel .mainInfoButton a:hover { text-decoration: none; }
								
									.simpleGalleryPanel .mainInfoButton span, 
									.infoPanel .mainInfoButton span{
										padding: 10px 4px 10px 27px;
										display: block;
										width: 100%;
										height: 100%;
										cursor: pointer;
									}
									
									.simpleGalleryPanel .mainInfoButton span:hover,
									.infoPanel .mainInfoButton span:hover {
										background-color: #fff; 
										color: #000;
										filter: alpha(opacity=40);
										-moz-opacity: 0.4;
										opacity: 0.4;
									}
														
						/*------------- Phonebook result -------------*/
						
						.phoneBookResult {
							border-top: #bbb solid 1px;
							margin: 10px 0;
							padding-top: 10px;
						}
						
						/*------------- Expandeble Content ---------------- */
						
						.expandableContent li{
							font-weight: bold;
							clear: both;
						}
						
						.expandableContent li li{
							font-weight: normal;
						}
						
						.expandableContent .opened{
							font-weight: bold;
							color: #891008;
						}
									
								.expandableContent li a{
									color: #000;							
								}
								
								.expandableContent li a:hover{
									text-decoration: none;							
								}							
							
								.expandableContent .opened a{
									color: #891008;
									display: block;
									width: 100%;
									border-bottom: #aaa  solid 1px;
								}
								
									.expandableContent a span {
										cursor:pointer;
                    display:block;
                    float:right;
									}
									
									.expandableContent .opened a span{
										display: none;					
									}
												
									/*.expandButton {							
										position: absolute;
										right: 3%;
									}*/
								
							.expandDiv {
								color: #000;
								font-weight: normal;
								margin-top: 5px;
							}
							
							.expandDiv ol,
							.expandDiv ul {
								margin: 5px 30px 5px 50px;
							}
							
								.opened .expandDiv a {
									border: none;
									display: inline;
								}
								
								.opened .expandDiv a:hover {
									text-decoration: underline;
								}
						
						/* ------------- Inside Map -------------*/	
						#Map{							
							overflow: hidden;
						}

						#WayofTarget img,
						#MapLabels img{							
							position: absolute;
						}
						
						.typography .doctorPhoto img {
							border: 1px solid #c0c0c0;
							padding: 1px;
							background-color: white;
						}
						
						.typography .imageContainer img {
							border: 1px solid #c0c0c0;
							padding: 1px;
							background-color: white;
							vertical-align: middle;
						}
						
						#ManagmentGallery img {
							border: 1px solid #c0c0c0;
							padding: 1px;
							background-color: white;
						}
						
						#TB_ajaxContent #WayofTarget img,
						#TB_ajaxContent #MapLabels img{							
							position: static;
						}

						#TabbedMenu {
							background: url("../images/tabbedmenubg.png") 0 -44px no-repeat; 
							width: 516px;
							height:45px;
							margin: -3px 0 0 0;
							padding: 0 7px;
						}
							
							#TabbedMenu li{
								float: left;
								list-style: none;
								display: block;
								margin: 0;
								padding: 0;
								margin-right: 1px;
							}
							
								#TabbedMenu a {
									position: relative;
									color: #000;
									display: table;
									height: 45px;
									width: 125px;						
								}
								
								#TabbedMenu a span{
									display: table-cell;
									width: 100%;
									letter-spacing:-1px;					
									text-align: center;
									vertical-align: middle;
								}								
								
								#TabbedMenu .active0,
								#TabbedMenu .active1,
								#TabbedMenu .active2,
								#TabbedMenu .active3,
								#TabbedMenu a:hover{
									font-weight: bold;
									top: 1px;
									color: #891008;
									text-decoration: none;
								}
								
								#MapMenu1 a {  }
								#MapMenu2 a { width: 123px;}
								#MapMenu3 a { width: 124px;}
								#MapMenu4 a { width: 124px;}
								
								#TabbedMenu .active0,
								#MapMenu1 a:hover { background: url("../images/tabbedmenubg.png") 0 0; }
								
								#TabbedMenu .active1,
								#MapMenu2 a:hover { background: url("../images/tabbedmenubg.png") -126px 0; }
								
								#TabbedMenu .active2,
								#MapMenu3 a:hover { background: url("../images/tabbedmenubg.png") -126px 0; }
								
								#TabbedMenu .active3,
								#MapMenu4 a:hover { background: url("../images/tabbedmenubg.png") -251px 0; }
						
						#TabbedMenuContainer {
							position: relative;
							height: 393px;
							width: 516px;
							
						}
						
							#TabbedMenuContainer .tabbedMenuContent {
								height: 393px;
								width: 100%;							
								margin: 0;
								background: url("../images/tabbedmenubg.png") 0 -89px;
							}
							
								#TabbedMenuContainer ul{
									list-style: none;
									list-style-image: none;
									width: 257px;
									margin-top: 0px;
									position: relative;
									top: 5px;
									padding: 0;
								}
								
									#TabbedMenuContainer ul li {
										padding-left: 23px
									}
									
										#TabbedMenuContainer ul span {
											margin-right: 5px;
										}
							
								#TabbedMenuContainer .secondCol{
									position: absolute;
									left: 250px;
									top: 5px;
								}
								
								#TabbedMenuContainer .secondCol li {
									padding-left: 10px
								}
								
								
								#TabbedMenuContainer a {color: #000;}
								
					/* ------------- Managment Gallery -------------*/
					
					#ManagmentGallery {
						width: 516px;
						text-align: center;					
					}
					
						#FirstRow {
							width: 500px;
							margin-bottom: 0px;
							margin-top: 20px;
						}
						

						
						#FirstRow div,
						#ManagmentGallery div div {
							height: 100%;
							margin: 10px 0;
						}
							
							#SecondRow div,
							#ThirdRow div	{
								float: left;
								width: 128px;
								
							}
						
							#ThirdRow  { margin-left: 62px;}
							
								#ManagmentGallery div span{
									display: block;
									font-weight: bold;
									
								}
								
					.CVPhoto {
						float: right;
						padding-top: 50px;
					}
			/* ------------- Right side -------------*/
			#RightSide {
				float: right;
				margin-left: 10px;
				width: 168px;
			}
			
				.sideBanner { margin: 0 auto 7px auto; }
				
				.sidePanel {
					width: 168px;
					margin-bottom: 7px;
					text-align: right;
				}
				
					.sidePanelContent {
						background: #edf0ee;
						color: #061250;
						border-left: 1px solid #C7C7C7;
						border-right: 1px solid #C7C7C7;
						/*padding: 5px 14px;*/
						padding: 5px 3px;
						text-align: justify;
					}
					
						.sidePanelContent  a {
							color: #0025ff;
							text-decoration: none;			
						}						
						
						.sidePanelContent  a:hover { text-decoration: underline; }						

						.news {	height: 168px; overflow: hidden; }
						
						.news ul {
							padding-left: 10px;
							margin-left: 10px;
							margin-top: 0px;
							text-align: left;
						}
						
						.newsItem {
							background-color: white;
							border: 1px dotted gray;
							padding: 1em;
							margin: 1em;
						}
					
					.sidePanelHeader {
						background: url("../images/sideheaderbg.png") no-repeat;
						height: 32px;
						color: #fff;
						font-size: 16px;
						font-weight: bold;
					}
					
					.sidePanelEnd {
						background: url("../images/sideendbg.png") no-repeat;
						height: 32px;
					}
					
						.sidePanel span {
						display: block;
						padding: 8px 10px 0 0;
						}						

						.sidePanelButton  a {
							display: block;
							height: 100%;
							text-decoration: none;
							color: #636363;
							font-weight: bold;
							letter-spacing: -1px;
						}
						
						.sidePanelButton a:hover {
							background-color: #fff; 
							color: #000;
							filter: alpha(opacity=40);
							-moz-opacity: 0.4;
							opacity: 0.4;
						}
			
		#MiddleDownBg {
			background: url("../images/bodydnbg.png") no-repeat bottom; 
			position: relative;
			height: 210px;
			z-index: 0;
			margin-top: -260px;
		}
		
		#WaitingListResults th,
		#WaitingListResults td {
			text-align: center;
		}

/*------------------- page footer --------------------*/

#DownBg { 
	background: url("../images/downbg.png") repeat-x bottom;
	height: 267px;
	width: 100%;	
	margin-top: -161px;
	}
	
	#Footer {
		width: 981px;
		position: relative; 
		left: 50%; 
		margin-left: -550px;
		z-index: 0;
	}
	
		#Footer div {
			background: url("../images/footerbg.png") no-repeat;
			position: relative;
			left: 93px;
			height: 118px;			
			bottom: -161px;
			text-align: center;
		}
			
			#Menu3 {
				font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
				position: absolute;
				left: -24px;
				width: 912px;
				list-style: none;
				top: 88px;				
			}
			
				#Menu3 li, #Menu3 a { 
					color: #fff;
					text-decoration: none;
				}
			
				#Menu3 li{
					display: inline;	
					border-left: 1px solid #fff;					
					padding: 0 12px;
				}
				
				#Menu3 > li:first-child { border-left: none; }				