/* ################################################################################## */ /* "zeroing" css for cross-browser compatibility. /* any styling changes should go below this block. /* ################################################################################## */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { /* font, table, caption, tbody, tfoot, thead, tr, th, td { */ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { /* */ line-height: 1.2; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ################################################################################## */ /**************** Global ********************/ html { } body { width:900px; margin:0 auto; /* background:White url(/images2/sliceSiteHeader-Left.jpg) repeat-x; */ background:#f5f1df url(/images2/sliceSite1085.jpg) repeat-x; font-family:Arial,Verdana,Helvetica,sans-serif; } h1 { color:#69bc63; margin:1em 0; } h2 { color:#283F82; margin:1em 0 .9em 0; font-weight:bold; } h3 { color:#283F82; margin:1em 0 .3em 0; font-weight:bold; } h1.PageTitle { margin-top:0; margin-bottom:0.2em; font-size:1.5em; } hr.PageTitleLine { background-color:#46ad3f; border:0; height:10px; margin-bottom:1em; } /* green bar below subpage title */ h1.homepage { } h1.subpage { } p { margin:1em 0; } p.text { text-align:justify; } p.subpagequote { color:#0579b0; font-size:1.2em; } /* default anchor style */ a { color:#0579b0; } a:link { } /* unvisited link */ a:visited { } /* visited link */ a:hover { text-decoration:none; } /* mouse over link */ a:active { text-decoration:none; } /* selected link */ .GreyBorderColor { border-color:#bdbaad; } Table.FormViewTable, Table.FormViewTable tr, Table.FormViewTable td { margin: 0; padding: 0; border: 0; } /***********************************************/ /*====================================================================*/ /* Site.Master */ /*====================================================================*/ #SiteWrapper { } #SiteTop { } #SiteMiddle { background-color:#ffffff; padding:25px 35px 10px 35px; } #SiteBottom { background-color:#ffffff; margin:0 auto; padding:20px 0 20px 0; clear:both; } #SiteMiddle, #SiteBottom { border-left:1px solid #bdbaad; border-right:1px solid #bdbaad; } /* content & footer border */ /***** top of site is broken into 3 parts: #Header_I, #Header_II, and #NavBar *****/ /*------------------------------------------------*/ #Header_I { position:relative; width:900px; height:136px; background:url(/images2/bg/bgSiteHeader.jpg) left top no-repeat; margin-top:8px; } /* SiteTabsBox and HeaderNavLinks are positioned within Header_I */ #SiteTabsBox { position:absolute; top:8px; right:0; /* width:549px; height:38px; background:url(/images2/sitetabs/bgSiteTabs_empty.jpg) left top no-repeat; */ width:557px; height:38px; background:url(/images2/sitetabs/bgSiteTabs_empty557.jpg) left top no-repeat; text-align:right; } #SiteTabsBox a { margin-top:8px; } #SiteTabsBox a.sitetab_Depts { background-image:url(/images2/sitetabs/tabDepartments.jpg); display:inline-block; width:153px; height:30px; } #SiteTabsBox a.sitetab_Depts:hover { background-image:url(/images2/sitetabs/tabDepartments-hover.jpg); } #SiteTabsBox a.sitetab_PatientResources { background-image:url(/images2/sitetabs/tabPatientResources.jpg); display:inline-block; width:146px; height:30px; } #SiteTabsBox a.sitetab_PatientResources:hover { background-image:url(/images2/sitetabs/tabPatientResources-hover.jpg); } #SiteTabsBox a.sitetab_Locations { background-image:url(/images2/sitetabs/tabLocationsDirections.jpg); display:inline-block; width:191px; height:30px; } #SiteTabsBox a.sitetab_Locations:hover { background-image:url(/images2/sitetabs/tabLocationsDirections-hover.jpg); } a.HeaderLinkHome { display:inline-block; width:500px; height:136px; } #HeaderNavLinks { position:absolute; bottom:15px; right:25px; color:White; font-size:0.9em; } #HeaderNavLinks a { color:White; } #HeaderNavLinks a:link, #HeaderNavLinks a:visited { text-decoration:none; } #HeaderNavLinks a:hover, #HeaderNavLinks a:active { text-decoration:underline; } /*------------------------------------------------*/ #Header_II { width:898px; height:198px; background:url(/images2/bg/bgHeader_TotalCare_1.jpg) left top no-repeat; padding-left:1px; padding-top:1px; } div.PatientPortal { width:294px; height:158px; background:url(/images2/bg/bgPatientPortal1.jpg) left top no-repeat; margin:22px 0 0 577px; /* positions blue box within "Total Care" background */ padding:5px; color:White; } div.PatientPortal h1.patientportal { text-align:center; margin:10px auto 10px auto; color:White; } div.PatientPortal div.row { margin:12px 0 12px 20px; } div.PatientPortal .lblPatientName, div.PatientPortal .lblPassword { font-size:12px; display:inline-block; text-align:left; width:90px; } div.PatientPortal input.txtPatientName, div.PatientPortal input.txtPassword { width:150px; } div.PatientPortal div.buttonrow { text-align:center; margin-top:15px; } div.PatientPortal input.imgbtnLogIn { } /*------------------------------------------------*/ #NavBarWrapper { /* this puts the grey rounded corners */ width:900; height:44px; background:url(/images2/greennavbar/bgGreyBorderTop.jpg) center bottom no-repeat; margin-top:10px; } #NavBar { width:869px; height:44px; background:url(/images2/greennavbar/bgGreenNavBar.jpg) center top no-repeat; margin:0 auto; color:White; font-size:0.9em; } #NavBar #boxFindADoctor { float:left; height:44px; margin:0 8px 0 10px; } #NavBar #boxFindADoctor_inner { margin-top:10px; } #NavBar #boxFindADoctor input { vertical-align:middle; } #NavBar #boxFindADoctor input.txtFindADoctor { width:120px; color:#00618e; } #NavBar #boxFindADoctor input.imgbtnFindADoctor { } /* FOR TESTING #boxFindADoctor { background-color:Lime; } #boxFindADoctor_inner { background-color:Yellow; } */ #NavBar a, #NavBar img.sep { float:left; } #NavBar img.sep { margin:0; } #NavBar a span { display:none; } /* btnset1 #NavBar a.RequestApt { background:url(/images2/greennavbar/btnset1/btnRequestApt.jpg) no-repeat 0 0; display:inline-block; width:138px; height:44px; } #NavBar a.RequestApt:hover { background-image:url(/images2/greennavbar/btnset1/btnH_RequestApt.jpg); } #NavBar a.PrescriptionRefills { background:url(/images2/greennavbar/btnset1/btnPrescriptionRefills.jpg) no-repeat 0 0; display:inline-block; width:117px; height:44px; } #NavBar a.PrescriptionRefills:hover { background-image:url(/images2/greennavbar/btnset1/btnH_PrescriptionRefills.jpg); } #NavBar a.ReferralRequest { background:url(/images2/greennavbar/btnset1/btnReferralRequest.jpg) no-repeat 0 0; display:inline-block; width:109px; height:44px; } #NavBar a.ReferralRequest:hover { background-image:url(/images2/greennavbar/btnset1/btnH_ReferralRequest.jpg); } #NavBar a.PatientSurvey { background:url(/images2/greennavbar/btnset1/btnPatientSurvey.jpg) no-repeat 0 0; display:inline-block; width:96px; height:44px; } #NavBar a.PatientSurvey:hover { background-image:url(/images2/greennavbar/btnset1/btnH_PatientSurvey.jpg); } #NavBar a.PayYourBill { background:url(/images2/greennavbar/btnset1/btnPayYourBill.jpg) no-repeat 0 0; display:inline-block; width:87px; height:44px; } #NavBar a.PayYourBill:hover { background-image:url(/images2/greennavbar/btnset1/btnH_PayYourBill.jpg); } #NavBar a.Privacy { background:url(/images2/greennavbar/btnset1/btnPrivacy.jpg) no-repeat 0 0; display:inline-block; width:163px; height:44px; } #NavBar a.Privacy:hover { background-image:url(/images2/greennavbar/btnset1/btnH_Privacy.jpg); } */ /* btnset2 */ #NavBar a.RequestApt { background:url(/images2/greennavbar/btnset2/btnRequestApt.jpg) no-repeat 0 0; display:inline-block; width:135px; height:44px; } #NavBar a.RequestApt:hover { background-image:url(/images2/greennavbar/btnset2/btnH_RequestApt.jpg); } #NavBar a.PrescriptionRefills { background:url(/images2/greennavbar/btnset2/btnPrescriptionRefills.jpg) no-repeat 0 0; display:inline-block; width:115px; height:44px; } #NavBar a.PrescriptionRefills:hover { background-image:url(/images2/greennavbar/btnset2/btnH_PrescriptionRefills.jpg); } #NavBar a.ReferralRequest { background:url(/images2/greennavbar/btnset2/btnReferralRequest.jpg) no-repeat 0 0; display:inline-block; width:105px; height:44px; } #NavBar a.ReferralRequest:hover { background-image:url(/images2/greennavbar/btnset2/btnH_ReferralRequest.jpg); } #NavBar a.PatientSurvey { background:url(/images2/greennavbar/btnset2/btnPatientSurvey.jpg) no-repeat 0 0; display:inline-block; width:92px; height:44px; } #NavBar a.PatientSurvey:hover { background-image:url(/images2/greennavbar/btnset2/btnH_PatientSurvey.jpg); } #NavBar a.PayYourBill { background:url(/images2/greennavbar/btnset2/btnPayYourBill.jpg) no-repeat 0 0; display:inline-block; width:82px; height:44px; } #NavBar a.PayYourBill:hover { background-image:url(/images2/greennavbar/btnset2/btnH_PayYourBill.jpg); } #NavBar a.Privacy { background:url(/images2/greennavbar/btnset2/btnPrivacy.jpg) no-repeat 0 0; display:inline-block; width:158px; height:44px; } #NavBar a.Privacy:hover { background-image:url(/images2/greennavbar/btnset2/btnH_Privacy.jpg); } /*------------------------------------------------*/ #SiteBottom .footerline { margin:5px auto; text-align:center; font-size:0.9em; } #SiteBottom a { color:#0579b0; } #SiteBottom a:link, #SiteBottom a:visited { color:#0579b0; } #SiteBottom a:hover, #SiteBottom a:active { text-decoration:none; color:#31A6DE; } /*====================================================================*/ /*====================================================================*/ /* HomePage.Master */ /*====================================================================*/ /*====================================================================*/ /*====================================================================*/ /* SubPage.Master */ /*====================================================================*/ /*====================================================================*/ /*--------------------------------------------------------------------*/ /* Default.asp */ /*--------------------------------------------------------------------*/ /* NOTE: using 2-column floats */ #Home_Columns { width:780px; margin:0 auto 0 auto; } #Home_LeftCol { float:left; width:462px; height:100%; margin:0; } #Home_RightCol { float:right; width:256px; height:100%; margin:0; } /*--- left col content ---*/ #NewsBox { width:462px; height:129px; overflow:hidden; background:url(/images2/bg/bgHomeNews.jpg) left top no-repeat; margin-top:1.5em; } #NewsBox a.NewsLink { color:inherit; } #NewsBox a.NewsLink:link, #NewsBox a.NewsLink:visited { text-decoration:none; } #NewsBox a.NewsLink:hover, #NewsBox a.NewsLink:active { text-decoration:underline; } #NewsBox img.picHomeNews { float:left; margin:20px 18px 0 18px; } #NewsBox div.NewsText { float:left; width:305px; margin-top:10px; } #NewsBox div.NewsText .title { font-weight:bold; } #NewsBox div.NewsText .date { margin:5px 0; } #NewsBox div.NewsText .blurb { color:#37b3ed; } /*--- right col content ---*/ #HealthTipsBox { background-color:#e1ebef; padding:12px; } #HealthTipsBox a.HealthTipsLink { color:inherit; } #HealthTipsBox a.HealthTipsLink:link, #HealthTipsBox a.HealthTipsLink:visited { text-decoration:none; } #HealthTipsBox a.HealthTipsLink:hover, #HealthTipsBox a.HealthTipsLink:active { text-decoration:underline; } img.picHome2 { margin:10px 0; } p.HealthTipsText2 { } p.HealthTipsText2 span.highlight { font-weight:bold; color:#46ae3e; } /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /* misc sub pages */ /*--------------------------------------------------------------------*/ #pageAboutUs { /* background:url(/images2/nurse.jpg) right bottom no-repeat; */ } #pagePatientResources { } #pagePatientResources ul { margin-top:1em; } #pageCareers { } #pageCareers img.CareersPic { float:right; width:256px; height:376px; margin:5px 25px 0 25px; clear:right; } #pageCareers div.ContactInfoBox { width:50%; } #pageOpenings { } #pageOpenings table.OpeningsTable { width:350px; margin:auto; font-size:0.9em; } #pageOpenings td.leftcol { width:30%; padding:2px; font-weight:bold; color:#00155B; } #pageOpenings td.rightcol { width:70%; padding:2px; } #pageOpenings .jobtitle { font-weight:bold; } #pageOpenings .status { } #pageOpenings .location { } #pageSiteMap #SiteMap { width:50%; text-align:center; margin:0 auto 0 auto; } #pageSiteMap #SiteMap .SiteMapTreeView { width:auto; text-align:left; } #pagePrivacyPractices div.PrivacyPracticesText { font-family:Times New Roman; } #pagePrivacyPractices div.PrivacyPracticesText .pptitle1 { font-weight:bold; } #pagePrivacyPractices div.PrivacyPracticesText ul { list-style-type:square; } #pagePrivacyPractices div.PrivacyPracticesText li { margin-left:30px; } #pageSportsConnection { } #pageSportsConnection table { margin-left:20px; } #pageSportsConnection td { vertical-align:top; } #pageSportsConnection img { vertical-align:top; } #pageTermsOfUse { } #pageTermsOfUse table.TermsOfUseLinks { margin:0 auto; /* font-weight:bold; */ } #pageTermsOfUse table.TermsOfUseLinks td { padding:5px; } #pageNewsEvents { } #pageNewsEvents .NewsItem { margin:1.2em 0; } #pageNewsEvents .NewsItem .title { font-weight:bold; } #pageNewsEvents .NewsItem .date { font-weight:bold; } #pageNewsEvents a.title:link, #pageNewsEvents a.title:visited { text-decoration:underline; } #pageNewsEvents a.title:hover, #pageNewsEvents a.title:active { text-decoration:none; } #pageHealthTips { } #pageHealthTips .HealthTip { margin:1.2em 0; } #pageHealthTips .HealthTip .title { font-weight:bold; color:#0579B0; } #pageHealthTips .HealthTip .date { font-weight:bold; } #pageHealthTips a.title:link, #pageHealthTips a.title:visited { text-decoration:underline; } #pageHealthTips a.title:hover, #pageHealthTips a.title:active { text-decoration:none; } /*--------------------------------------------------------------------*/ /* -------------------------------------------------------- */ /* form pages */ /* (Contact Us, Appointment Request, Survey, etc.) */ /* -------------------------------------------------------- */ #pageContactUs { } #pageContactUs .tblContactUs { font-size:.9em; font-weight:bold; margin:0 auto; } #pageContactUs .tblContactUs td { padding:5px; } #pageContactUs .tblContactUs td label { line-height:1.4em; } #pageContactUs .ImportantNote { color:#CC0000; } /* - - common - - */ div.ValidationErrors { margin:0 0 1em 1em; } .DenotesRequiredInformation { color:#CC0000; font-style:italic; } div.FormPage .FormView { margin:0 auto; } div.FormPage .leftcol { vertical-align:top; padding-right:1em; } div.FormPage .rightcol { vertical-align:top; padding-left:1em; } div.FormPage .sectiontitle { font-size:0.9em; font-weight:bold; color:#4C739D; } div.FormPage .text { font-size:0.9em; } div.FormPage .sm { font-size:smaller; margin-top:3px; } div.FormPage .TextBox { width:250px; } /* - - - - - - - - - */ #pageOnlineBillPay { } #pageOnlineBillPay .TransactionInfo { font-size:0.9em; margin-left:50px; } #pagePrescriptionRefills { } #pageReferralRequest { } #pageRequestApt { } #pageSurvey { } #pageSurvey p, #pageSurvey div.row, #pageSurvey fieldset table { font-size:0.9em; } #pageSurvey fieldset { width:95%; border:solid 1px #000000; text-align:left; margin:0; padding:15px; } #pageSurvey legend { font-weight:bold; color:#4C739D; padding:4px; } #pageSurvey label.LeftColLabel { float:left; width:35%; } #pageSurvey div.row { padding-top:5px; padding-bottom:5px; } #pageSurvey .radiobuttonlist label { padding:5px; padding-right:15px; } #pageSurvey .CommentsTextArea { width:95%; height:100px; margin-top:5px; } #pageSurvey .checkboxlist_Departments { width:95%; margin:5px 0 0 5px; } #pageSurvey .checkboxlist_Departments td { padding:2px; } #pageSurvey .checkboxlist_Departments input { } /* the checkbox */ #pageSurvey .checkboxlist_Departments label { padding-left:3px; } /* the checkbox's label */ /* -------------------------------------------------------- */ /* ------------------------------------------------------- */ /* 'Find a Doctor' (doctor search) page */ /* ------------------------------------------------------- */ #pageFindADoctor { } #pageFindADoctor img.FindADoctorPic { margin:0 auto 0 auto; } /* search fields */ #pageFindADoctor #DoctorSearch { width:700px; border:1px solid #BDBAAD; margin:1em auto 1em auto; text-align:left; } #pageFindADoctor #DoctorSearch div.row { margin:1.6em 0; } #pageFindADoctor #DoctorSearch label { display: block; float: left; text-align: right; margin-right: 1em; font-weight:bold; width: 12em; } #pageFindADoctor #DoctorSearch label.Name { } #pageFindADoctor #DoctorSearch label.Name .optional { font-weight:normal; font-size:smaller; } #pageFindADoctor #DoctorSearch .tbDoctorName { width:380px; } #pageFindADoctor #DoctorSearch select { width:380px; } #pageFindADoctor #DoctorSearch div.buttonrow { margin:1.6em 0; text-align :center; } /* results */ #pageFindADoctor div.DoctorList { width:700px; margin:1em auto 0 auto; } #pageFindADoctor div.DoctorList table { width:100%; } #pageFindADoctor div.DoctorList table thead td { font-weight:bold; color:#283F82; line-height:2em; } #pageFindADoctor div.DoctorList table tbody td { line-height:1.7em; font-size:0.8em; } #pageFindADoctor div.DoctorList table .Name { } #pageFindADoctor div.DoctorList table .Specialty { } #pageFindADoctor div.DoctorList table .Department { } #pageFindADoctor div.DoctorList table .Location { } #pageFindADoctor div.NoDoctorsFound { text-align:center; font-weight:bold; color:#283F82; } /* ------------------------------------------------------- */ /* Physician/Doctor details page */ /* ------------------------------------------------------- */ #pageViewDoctor { } #pageViewDoctor h2.DisplayName, #pageViewDoctor h2.Dept { margin:.5em auto; text-align:center; font-size:larger; } #pageViewDoctor img.Photo { margin:1em auto 1em auto; display: block; /* float:right; margin:1em; */ } #pageViewDoctor div.LocationsBox { margin-top:1em; } #pageViewDoctor ul#ulPhysician_Locations { margin-left:1em; } #pageViewDoctor ul#ulPhysician_Locations li { margin-bottom:1em; } #pageViewDoctor p.Text { } /* ---------------------------------------------- */ /*--------------------------------------------------------------------*/ /* Departments list page */ /*--------------------------------------------------------------------*/ #pageDepartments { } #DeptList { } /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /* Locations list page */ /*--------------------------------------------------------------------*/ #pageLocations { } #LocList { } /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /* common css for Department and Location list pages */ /*--------------------------------------------------------------------*/ div.DeptLocList { font-size:.9em; line-height:1.5; /* margin-left:1em; */ } div.DeptLocList .DLName { font-weight:bold; color:#283F82; } div.DeptLocList ul.ulParent { } div.DeptLocList ul.ulParent li.liParent { margin-top:.9em; } div.DeptLocList ul.ulChild { margin-left:1em; } div.DeptLocList ul.ulChild li { } #SportsConnection { margin-top:1em; clear:both; } #SportsConnection p { margin:0 0 0 1em; } #ViewBy { text-align:center; clear:both; padding-top:1em; } #ViewBy a { font-weight:bold; color:Black; } div.DeptLocList a.hlGetDirections { color:#46AD3F; } /* for two column repeater */ div.DeptLocList ul.ulParent { width:49%; float:left; } div.DeptLocList #Col1 { } div.DeptLocList #Col2 { margin-left:.5em; } /* FOR TESTING div.DeptLocList #Col1 { background-color:Green; } div.DeptLocList #Col2 { background-color:Blue; } */ /* .................. MAYBE ................... */ /* for two column datalist */ /* .datalistDL span.deptbox { width:45%; display:inline-block; } .datalistDL .ulChild { background-color:Blue; } .datalistDL .ulChild li { background-color:Red; } */ /* ................................................. */ /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /* Department Detail page */ /*--------------------------------------------------------------------*/ #pageDeptDetails { } #pageDeptDetails dl { } #pageDeptDetails dl dt { display:inline; font-weight:bold; margin-right:.4em; } #pageDeptDetails dl dd { display:inline; } #pageDeptDetails dl.Directions { font-weight:bold; line-height:1.5em; } #pageDeptDetails div.Columns { margin-top:0.5em; clear:both; } #pageDeptDetails div.Columns h3 { margin-top:1.5em; } #pageDeptDetails div.Columns div.LeftCol { float:left; width:49%; } #pageDeptDetails div.Columns div.RightCol { float:left; width:49%; } #pageDeptDetails div.Columns ul, #pageDeptDetails div.Columns a.hlExtraInfo { margin-left:1em; } #pageDeptDetails div.Columns ul li { line-height:1.5em; } #pageDeptDetails div.Columns div.ReturnTo { margin:.8em 0 .8em 1em; } #pageDeptDetails div.Columns ul#ulPhysicians { } #pageDeptDetails div.Columns ul#ulOtherProviders { } #pageDeptDetails div.Columns ul#ulOtherOffices { } #pageDeptDetails div.Columns ul#ulLinks { } #pageDeptDetails div.Columns ul#ulForms { } #pageDeptDetails div.Columns ul#ulServices { list-style-type:disc; } #pageDeptDetails div.Columns ul#ulServices li { padding-left:2px; margin-left:15px; width:100%; } #pageDeptDetails div.Columns p.OfficeHours { margin-left:1em; } /*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/ /* Directions (Location) page */ /*--------------------------------------------------------------------*/ #pageDirections { } #pageDirections h2 { margin:0; } #pageDirections #Address { } #pageDirections p.mainp { margin-left:20px; } #pageDirections .Car { } #pageDirections .Train { } #pageDirections .Bus { } /*--------------------------------------------------------------------*/ @media print { #SiteTop { visibility:hidden; display:none; } #SiteMiddle, #SiteBottom { border:none 0; } div.PrintPageButton { display:none; } }