@charset "UTF-8";
/* CSS Document */

/*----------------------- Common Styles -------------------*/
BODY {
	text-align: center;
	margin:0;
	padding:0;
	background: url(images/bground.jpg) repeat-x top #bf161d; }
	
BODY, .Normal, .PageWrapper, .form {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;  }
	
H1, H2, .Normal H1, .Normal H2 {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#333; }
	
H3, .Normal H3 {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color: #000; }
	
.h1text, .H2.h1text, .H1.h1text, .Normal .h1text {	
	font-size:14pt;
	font-weight:bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif; }
	
.h2text, .H2.h2text, .H1.h2text, .Normal .h2text {	
	font-size:12pt;
	font-weight:bold;
	color: #030;
	font-family: Arial, Helvetica, sans-serif; }	

P, H1, H2 {
	margin:0;
	padding:6px 0; }
	
TABLE {
	margin:0;
	padding:0; }
	
.Normal TABLE {
	padding:6px 0; }
	
UL, OL {
	margin-top:0;
	margin-bottom:0;
	padding-top:6px;
	padding-bottom:6px; }
	
a, .Normal a, a:visited, .Normal a:visited, a:link, .Normal a:link {
	color:#0000FF;
	text-decoration:none; }

a:hover, .Normal a:hover, a:focus, .Normal a:focus {
	color:#0000CC;
	text-decoration:underline; }	
 
 /*---------------------- End Common Styles --------------*/
 
 
 /*----------------------- Page Layout --------------------*/

.BackgroundWrapper {
	margin:0;
	padding:0;
	width:100%;
	text-align:center; }
	
.ShadowContainer {
	margin:0 auto;
	padding:0;
	width:938px;
	background: url(images/shadow.png) repeat-y; }
	
.PageWrapper {
	width: 920px;
	margin:0 auto;
	text-align:left; }	
	
.PageHeader {
	width:920px;
	height:120px;
	background: url(images/header.jpg) no-repeat top; }
	
.MenuWrapper {
	height:36px; }
	
.MenuPane {
	height:36px;
	background: url(images/menu-bg.jpg) repeat-x top;}
	
.FlashPane {
	margin:0 auto;
	padding:0;
	width:920px;
	height:268px;
	background: url(images/image12.jpg) no-repeat top; }
	
.BodyWrapper {
	clear:both;
	width:920px;
	margin:0 auto;
	background: #fff; }

.BodyWrapper .Top {
	width:920px;
	height:3px;
    background: url(images/content-top.jpg) repeat-x; }
	
.ContentWrapper {
	width:878px;
	padding:8px 4px; }
	
.ContentPane {
	padding:0 10px; }
	
.FooterWrapper {
	width:920px;
	background: #afd5ee; }

.FooterWrapper .Top {
	width:920px;
	height:4px;
	background: url(images/footer-top.jpg) repeat-x; }

.FooterPane {	
	width:878px;
	padding:8px 14px;
	text-align:center;}
	
.LoginPane {
	text-align:center;
	padding-right:6px;
	padding-bottom:6px; }
	
	
/*---------------------- Middle Nav ---------------------*/
 
.MidNav {
	width:920px; }
 
.MidNav .Meet a {
	text-decoration: none;
	display: block;
	margin-top:-34px;
	width: 324px;
	height: 175px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/btn-meet2.png);
	float:left;
}

.MidNav .Portal a {
	text-decoration: none;
	display: block;
	width: 297px;
	height: 141px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/btn-portal.png);
	float:left;
}

.MidNav .Contact a {
	text-decoration: none;
	display: block;
	width: 299px;
	height: 141px;
	background-position: left top;
	background-repeat: no-repeat;	
	background-image: url(images/btn-contact.png);
	float:left;
}
	
.MidNav .Meet a:hover, .MidNav .Portal a:hover, .MidNav .Contact a:hover, .MidNav .Meet a:focus, .MidNav .Portal a:focus, .MidNav .Contact a:focus {
	background-position: right top;}
	
/*------------------- End Middle Nav ------------------*/	

/*---------------------- Side Nav ---------------------*/
 
.SideNav {
	width:292px;
	height:414px;
	padding-top:58px;
	background: url(/Portals/0/Our-Services-BG.jpg) no-repeat; }
	
.SideNav a {
	margin:0 auto;
	display: block;
	width: 264px;
	height: 79px;
	background-position: left top;
	background-repeat: no-repeat; }
	
.SideNav a.mri {
	background-image: url(/Portals/0/btn_MRI-Scans.png); }
	
.SideNav a.bone {
	background-image: url(/Portals/0/btn_Bone-Density.png); }
	
.SideNav a.xrays {
	background-image: url(/Portals/0/btn_X-Rays.png); }
	
.SideNav a.suite {
	background-image: url(/Portals/0/btn_Infusion-Suite.png); }	

.SideNav a.synvisc {
	background-image: url(/Portals/0/btn_Synvisc-One.png); }		
	
.SideNav a:hover {
	background-position: right top; }
	
.ApptNav {
	width:292px;
	height:273px; }
	
.ApptNav a, .ApptNav a:visited {
	display:block;
	width:292px;
	height:273px;
	background-position:left top;
	background-repeat: no-repeat; }
	
.ApptNav a.appt {
	background-image: url(/Portals/0/schedule-appt-button.jpg); }
	
.ApptNav a:hover, .ApptNav a:focus	{
	background-position:right top; }
	
.VidLink {
	width:292px;
	height:170px; }
	
.VidLink a, .VidLink a:visited {
	display:block;
	width:292px;
	height:170px;
	background-position:left top;
	background-repeat: no-repeat; }
	
.VidLink a.mech {
	background-image: url(/Portals/0/mechanism.jpg); }
	
.VidLink a:hover, .VidLink a:focus	{
	background-position:right top; }
	
	
/*---------------------- End Side Nav ---------------------*/

	
/*--------------------------- SEO Menu -----------------------*/

/******************** Up State *************************/
.SEOMenu {
	width:920px;
	height:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	fobnt-weight:bold; }

.SEOMenu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	z-index:3; }

.SEOMenu li{
	float:left;
	list-style-type:none;
	position:relative;
	z-index:2;
	margin: 0; }

.SEOMenu table{
	position:absolute;
	border-collapse:collapse;
	left:0;
	top:0; }

.SEOMenu a, .SEOMenu :visited {
	color:#ffc;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold; }

.SEOMenu a em.left, .SEOMenu :visited em.left {
	display:block;
	float:left;
	width:8px;
	height:36px;
	background: url(images/menu-upleft.jpg); }
	
.SEOMenu a b, .SEOMenu :visited b {
	display:block;
	font-weight:bold;
	float:left;
	padding:0;
	height:36px;
	line-height:36px;
	padding:0 4px;
	cursor:hand;
	color:#fff; 
	text-transform:uppercase;
	background: url(images/menu-up.jpg); }
	
.SEOMenu a em.right, .SEOMenu :visited em.right {
	display:block;
	float:left;
	width:8px;
	height:36px;
    background: url(images/menu-upright.jpg); }

.SEOMenu .CurrentItem a em.left, .SEOMenu .CurrentItem :visited em.left, .SEOMenu .ParentItem a em.left, .SEOMenu .ParentItem :visited em.left{
	background:url(images/menu-downleft.jpg) left bottom no-repeat; }
	
.SEOMenu .CurrentItem a b, .SEOMenu .CurrentItem :visited b, .SEOMenu .ParentItem a b, .SEOMenu .ParentItem :visited b {
	background:url(images/menu-down.jpg) repeat-x bottom;
	color:#fff; }
	
.SEOMenu .CurrentItem a em.right, .SEOMenu .CurrentItem :visited em.right, .SEOMenu .ParentItem a em.right, .SEOMenu .ParentItem :visited em.right {
	background:url(images/menu-downright.jpg) right bottom no-repeat; }

.SEOMenu :hover, a:hover {
	color:#000;
	white-space:normal; }

.SEOMenu a:hover b {
	color:#000;
	background: url(images/menu-over.jpg) repeat-x;
	text-decoration:none; }
	
.SEOMenu a:hover em.left {
	background: url(images/menu-overleft.jpg) left bottom no-repeat; }
	
.SEOMenu a:hover em.right {
	background: url(images/menu-overright.jpg) right bottom no-repeat; }

.SEOMenu :hover > a b {
	color:#000;
	background: url(images/menu-over.jpg) bottom repeat-x;
	text-decoration:none; }
	
.SEOMenu :hover > a em.left {
	background: url(images/menu-overleft.jpg) bottom left no-repeat; }
	
.SEOMenu :hover > a em.right {
	background: url(images/menu-overright.jpg) bottom right no-repeat; }

.SEOMenu .CurrentItem a:hover b, .SEOMenu .ParentItem a:hover b {
	color:#000;
	background: url(images/menu-over.jpg) bottom repeat-x; }
	
.SEOMenu .CurrentItem a:hover em.left, .SEOMenu .ParentItem a:hover em.left {
	background: url(images/menu-overleft.jpg) bottom left no-repeat; }
	
.SEOMenu .CurrentItem a:hover em.right, .SEOMenu .ParentItem a:hover em.right {
	background: url(images/menu-overright.jpg) bottom right no-repeat; }

.SEOMenu .CurrentItem :hover > a b, .SEOMenu .ParentItem :hover > a b {
	color:#000;
	background: url(images/menu-over.jpg) bottom repeat-x; }
	
.SEOMenu .CurrentItem :hover > a em.left, .SEOMenu .ParentItem :hover > a em.left {
	background: url(images/menu-overleft.jpg) bottom left no-repeat; }
	
.SEOMenu .CurrentItem :hover > a em.right, .SEOMenu .ParentItem :hover > a em.right {
	background: url(images/menu-overright.jpg) bottom right no-repeat; }

.SEOMenu ul ul .CurrentItem a:hover b {
	color:#000;
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem a:hover em.left {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem a:hover em.right {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a b {
	color:#000;
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a em.left {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a em.right {
	background: transparent; }

/* -------- Flyout Portion of Menu -----------------*/

.SEOMenu ul ul, 
.SEOMenu ul :hover ul ul, 
.SEOMenu ul :hover ul :hover ul ul,
.SEOMenu ul :hover ul :hover ul :hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
.SEOMenu ul :hover ul {left:4px;top:36px; background: #d12229; border: solid 1px #000; white-space:nowrap; width:300px; height:auto; color:#fff; }
.SEOMenu ul :hover ul li {padding:0;display:block; height:24px; position:relative; float:left; width:auto; color:#fff; text-transform:none; }
.SEOMenu ul :hover ul li a {display:block; font-size:11pt; height:24px; width:300px; line-height:24px; text-indent:12px; color:#ffc; text-decoration:none; }
.SEOMenu ul :hover ul li a:hover {padding:0; background: #d3bfe9; color:#000; width:300px; white-space:nowrap;}
.SEOMenu ul :hover ul:hover ul li a:hover { width:300px;}
.SEOMenu ul :hover ul :hover ul,
.SEOMenu ul :hover ul :hover ul :hover ul,
.SEOMenu ul :hover ul :hover ul :hover ul :hover ul,
.SEOMenu ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:288px; top:0; background: #d12229; color:#000; white-space:nowrap; width:300px; z-index:200; height:auto;}	


/*-------------------------- End SEO Menu -------------------*/	

/* -------- Patient Portal -----------------*/

.marginleft {
	margin-left:10px; }
	
.portaltable {
	margin-top:10px;
	margin-bottom:20px; 
	border-collapse:collapse; }

.portaltable td {
	width:222px;
	padding:7px 0px 7px 0px; 
	border-left:1px solid black;
	border-right:1px solid black; 
	}
	
.portaltable img {
	margin:0px 0px 10px 0px; }

.FormTitle {
	font-size:11pt;
	font-weight: bold;
	text-align:center;
	border-bottom:none; 
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black; }

.FormPDF {
	text-align:center;
	border-bottom: 1px solid black; }


/* -------- End Patient Portal -----------------*/