/*** Code Snippets *** ------------------------ min-height: 525px; height: auto !important; height: 525px; ------------------------ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/512/Skins/MP-PFH/images/filename.png', sizingMethod='scale'); ------------------------ css specific tags: OS - win linux mac freebsd ipod iphone webtv mobile Browser - ie ie8 ie7 ie6 ie5 gecko ff2 ff3 opera opera8 opera9 opera10 konqueror webkit safari safari3 chrome ------------------------ /*** End Code Snippets ***/ /* Colors: #ABABAB - Gray - Site background #566423 - Green - H1 and H2 tag, main link color #D1632C - Burnt Orange - main link hover color #193560 - Blue - Footer content */ * {padding:0; margin:0;} body { background-color: #ABABAB; color: #000000; font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; margin: 0; padding: 0; } h1 { color: #566423; font-size: 22px; font-style: normal; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; } h2 { color: #566423; font-size: 18px; font-style: normal; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px; } h3 { color: #121212; font-size: 14px; font-style: normal; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; } a:link, a:visited { color: #566423; text-decoration: none; } a:hover { color: #D1632C; text-decoration: none; } img { border:0; } p { padding: 0px 0px 9pt 0px; line-height: 14pt; } ol, ul { margin: 6pt 0px 18pt 0px; } li { margin: 0px 0px 4pt 20pt; } input { margin: 4px 0px 10px 0px; } hr { border: none; border-bottom: solid 1px #ABABAB; margin: 1px 0px 15px 0px; } .lastLI { border: none !important; } .clear { clear: both; font-size: 1px; } .left {float:left; margin:0px 6px 6px 0px;} .right {float:right; margin:0px 0px 6px 6px;} /*--- DNN Elements ---*/ /* The .Normal class is used by DNN when modules are added. */ .Normal { font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; } /* Puts module Edit text to the top layer */ .CommandButton { background-color: #FFFF88; position: relative; z-index: 101; } /* Remove side borders from DNN panes. */ #dnn_ContentPane, #dnn_HeaderImagePane, #dnn_LeftPane, #dnn_DoctorsDeskPane, #dnn_SEOPane { border: none !important; } /* Remove padding from "p" tags in DNN panes where needed. */ #dnn_HeaderImagePane p, #dnn_LeftPane p, #dnn_DoctorsDeskPane p, #dnn_SEOPane p { line-height: normal; margin: 0px; padding: 0px; } /*--- Ends: DNN Elements ---*/ /**** SITE WRAPPERS ****/ #SiteWrapper { position: relative; float: left; margin: 0 auto; width: 100%; } #SiteWrapperInner { position: relative; float: left; width: 100%; } #SiteContainer { position: relative; margin: 0 auto; width: 900px; } #SiteContentHP { position: relative; float: left; width: 900px; background-image: url(images/bgSiteHP.jpg); background-position: center top; background-repeat: no-repeat; } #SiteContent { position: relative; float: left; width: 900px; background-image: url(images/bgSiteLP.jpg); background-position: center top; background-repeat: no-repeat; } /*********************************************/ /**** GENERAL ELEMENTS ****/ #MainWrapper { position: relative; float: left; } #TopWrapper { position: relative; float: left; width: 900px; z-index: 0; } #HeaderWrapper { position: relative; float: left; height: 300px; width: 900px; z-index: 5; } #HeaderImage { position: relative; margin: 0 auto; } #HeaderWrapperLP { position: relative; float: left; z-index: 5; } #HeaderImageLP { position: relative; margin: -11px auto 0px; } #Logo { position: relative; padding: 14px 0px 0px 44px; } #PhoneNumber { position: relative; padding: 0px 0px 15px 92px; color: #111111; font-size: 16px; } /*--- Dynamic Navigation ---*/ #DynamicNavWrapper { position: relative; float: left; height: 63px; width: 900px; z-index: 110; } #DynamicNav { color: #FFFFFF; font-size: 15px; font-weight: bold; padding: 22px 5px 0px 5px; text-align: center; z-index: 100; } .mac #DynamicNav { color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 22px 5px 0px 5px; text-align: center; z-index: 100; } #DynamicNav td { height: 16px; padding: 0px; text-align: center; } #DynamicNav a:link, #DynamicNav a:visited { color: #FFFFFF; } #DynamicNav a:hover { color: #D1632C; text-decoration: none; } .MainMenu_MenuContainer { width:auto; } .MainMenuBar { color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; text-transform: none; } .MainMenuItem { color: #FFFFFF; font-weight: bold;font-size: 15px; } .MainMenuItemSelected { color: #D1632C; cursor: pointer; font-weight: bold;font-size: 15px; } .MainMenu_SubMenu { background-color: #566423; color: #D1632C; cursor: pointer; font-weight: bold; text-decoration: none; padding: 2px 0px 2px 0px; z-index: 110; } .MainMenu_MenuBreak { border: 0px; color: #D1632C; background-color: Transparent; height: 1px; width: 1px; } .SeparatorCSS { color: #FFFFFF; font-size: 12px; line-height:10px; } /* The next 4 classes are needed to override the default settings and remove all arrows from the dynamic menu. */ .MainMenu_MenuArrow { display:none; } .MainMenu_RootMenuArrow { display:none; } .ModuleTitle_MenuArrow { display:none; } .ModuleTitle_RootMenuArrow { display:none; } /*--- End: Dynamic Navigation ---*/ #SideRailWrapper { position: relative; float: left; padding: 0px 0px 20px 0px; width: 258px; z-index: 10; } #HeadlineWrapper { position: relative; float: left; background-color: #E5E5D4; background-image: url(images/bgHeadlines.jpg); background-position: center bottom; background-repeat: no-repeat; min-height: 204px; height: auto !important; height: 204px; width: 258px; } #HeadlinePane, #dnn_HeadlinePane { position: relative; float: left; padding: 20px 15px 10px 15px; text-align: center; } #HeadlinePane h1, #dnn_HeadlinePane h1 { color: #898989; background-image: url(images/bulletHeadline.jpg); background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 20px; } #HeadlinePane h2, #dnn_HeadlinePane h2 { text-align: center; } #HeadlinePane ul li h2, #dnn_HeadlinePane ul li h2 { text-align: left; } #HeadlinePane p, #dnn_HeadlinePane p { text-align: center; } #LeftPane, #dnn_LeftPane { position: relative; float: left; } #LeftPane p, #dnn_LeftPane p { text-align: left; } #ContentWrapper { position: relative; float: left; width: 900px; background-color: #FFFFFF; } #ContentInner { position: relative; float: left; width: 900px; } #ContentInnerPE { position: relative; float: left; width: 900px; } #MainContentWrapper { position: relative; float: left; width: 600px; } #ContentPaneWrapper { position: relative; float: left; padding: 35px 15px 15px 15px; width: 600px; } #ContentPaneWrapperLP { position: relative; float: left; padding: 0px 15px 15px 15px; width: 600px; } #ContentPane, #dnn_ContentPane { position: relative; float: left; } #ContentPane img, #dnn_ContentPane img { padding: 0px 0px 0px 8px; } #ButtonsWrapperHP { position: relative; float: left; height: 124px; width: 900px; background-image: url(images/bgContentBottom.jpg); } #ButtonsInnerHP { position: relative; margin: 30px auto 0px; width: 466px; } #ButtonsWrapperLP { position: relative; float: left; width: 258px; background-image: url(images/bgSideRail.jpg); } #ButtonsInnerLP { position: relative; margin: 30px auto 0px; width: 231px; } #ButtonsInnerHP #PatientEducation { position: relative; float: left; padding: 0px 4px 0px 0px; } #ButtonsInnerLP #PatientEducation { position: relative; float: left; padding: 0px 0px 5px 0px; } #DoctorsDeskWrapper { position: relative; float: left; background-image: url(images/bgDoctorsDesk.gif); background-repeat: no-repeat; color: #FFFFFF; height: 81px; width: 231px; } #DoctorsDeskWrapperPE { position: relative; float: left; background-image: url(images/bgDoctorsDesk.gif); background-repeat: no-repeat; color: #FFFFFF; height: 51px; width: 231px; } #DoctorsDeskInner { position: relative; margin: 0 auto; height: 81px; width: 200px; } #DoctorsDeskPane, #dnn_DoctorsDeskPane { position: absolute; bottom: 0px; margin: 0 auto; width: 200px; } #DoctorsDeskWrapperPE #DoctorsDeskPane { position: absolute; bottom: 0px; height: 50px; width: 200px; } #DoctorsDeskPane p, #dnn_DoctorsDeskPane p { line-height: normal; padding: 5px 0px 0px 0px; text-align: center; } #DoctorsDeskInner a { color: #FFFFFF; } #DoctorsDeskInner a:hover { color: #121212; text-decoration: none; } /*--- Search Feature ---*/ #SearchWrapper { position: absolute; top: 25px; right: 10px; } #SearchContainer { background-image: url(images/bgSearchBox.jpg); background-repeat: no-repeat; width: 248px; height: 23px; } #Search { float: left; padding: 0px 0px 0px 65px; } #Search .eznc_SearchText { position: relative; float: left; width: 140px; margin: 4px 0px 4px 0px; border: none; background-color: transparent; background-image: none; z-index: 100; } #Search a.eznc_SearchButtton { /*float: left;*/ position: relative; } #Search a.eznc_SearchButtton img { margin: 0px 0px 0px 3px; } .ie6 #Search a.eznc_SearchButtton img { margin: 0px 0px 0px -4px; } /*--- End: Search Feature ---*/ /*--- Article Viewer Module ---*/ .eznc_Tab_Fill { background-image: url(images/ArticleVideoHeaderBg.jpg); } .eznc_TabText, .eznc_TabText a:link, .eznc_TabText a:visited { color: #333333; } .eznc_TabText a:hover { color: #5A3B6E; } .eznc_TabRed { border-bottom:3px solid #FFFFFF; } .eznc_TabBlue { border-bottom:3px solid #FFFFFF; } .eznc_Filter_Top_Logo { background-image: url(images/ArticleListHeader.jpg); background-repeat: no-repeat; height: 82px; width: 210px; } .eznc_FilterText { background-color:#CEC8A3; height:30px; } .eznc_Filter_Line2, .eznc_Filter_Line3 { background-color:#CEC8A3; } .eznc_FilterList, .eznc_FilterList a:link, .eznc_FilterList a:visited { color: #333333; } .eznc_FilterList a:hover { color: #5A3B6E; } /*--- End: Article Viewer Module ---*/ /*********************************************/ /**** FOOTER ****/ #FooterWrapper { position: relative; float: left; color: #193560; font-size: 11px; margin: 10px 0px; } #FooterInner { position: relative; margin: 0 auto; background-color: #FFFFFF; background-image: url(images/bgFooter.jpg); background-position: center top; background-repeat: no-repeat; min-height: 170px; height: auto !important; height: 170px; width: 900px; } #FooterContent { padding: 0px 0px 0px 0px; } #FooterContent ul { margin: 0; padding: 0px; } #FooterContent li { list-style: none; margin: 0; padding: 3px 0px; } #FooterContentLeft { position: relative; float: left; padding: 50px 0px 0px 0px; width: 225px; } #ShareNetwork { position: relative; float: left; margin: 15px 0px 0px 50px; padding: 0px 0px 0px 0px; } .ie6 #ShareNetwork { position: relative; float: left; margin: 15px 0px 0px 25px; padding: 0px 0px 0px 0px; } #ShareNetwork p { margin:0; padding:0; } #FooterContentCenter { position: relative; float: left; padding: 0px 0px 10px 0px; text-align: center; width: 450px; } #FooterNav { font-weight: bold; padding: 20px 0px 10px 0px; } #FooterNav ul { padding:0; margin:0; } #FooterNav li { display: inline; margin: 0; padding: 0px 2px 0px 2px; } #FooterNav a { color: #193560; text-transform: uppercase; } #FooterNav a:hover { color: #363636; text-decoration: none; } #SEOPane, #dnn_SEOPane { padding: 0px 0px 10px 0px; } #SEOPane p, #dnn_SEOPane p { line-height: normal; } #SEOPane a, #dnn_SEOPane a { color: #363636; text-decoration: none; } #SEOPane a:hover, #dnn_SEOPane a:hover { color: #193560; text-decoration: underline; } #Address { font-size: 12px; position: relative; padding: 0px 0px 10px 0px; } #Copyright { color: #363636; font-size: 10px; padding: 0px 0px 0px 0px; } #FooterContentRight { position: relative; float: right; padding: 50px 0px 0px 0px; width: 225px; } #HostingBugs { position: relative; float: right; margin: 0px 50px 0px 0px; padding: 0px 0px 0px 0px; } .ie6 #HostingBugs { position: relative; float: right; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; } /*********************************************/ /****SEARCH ****/ #Searchtop {height:18px; text-align:center;width:200px;z-index:999; margin-left:12px;position:relative;font-weight: bold;color: #000!important;text-transform: uppercase;} .ie6 #Searchtop {height:18px;text-align:center; width:180px;z-index:999;margin-left:10px; margin-top:0px; position:relative;font-weight: bold;color: #000!important;} .ie7 #Searchtop { height:18px; text-align:center; width:175px;z-index:999;margin-left:12px; margin-top:0px; position:relative; font-weight: bold; color: #000!important;} .Searchtop:link, .Searchtop:visited { color: #000!important; font-weight: bold;} .Searchtop:hover { color:#000; text-decoration:none; font-weight:bold;} /* DTSearch - SearchBox */ #Searchtop .eznc_SearchText{width:120px;} /* Width of Search Text Box */ .ie6 #Searchtop .eznc_SearchText{width:120px; float:left; font-weight: bold; color: #000!important;} .ie7 #Searchtop .eznc_SearchText{width:110px; float:left; font-weight: bold; color: #000!important;} #Searchtop .eznc_SearchButtton{ font-weight: bold; color: #000!important;} .ie8 #Searchtop .eznc_SearchButtton{z-index:999; font-weight: bold; color: #000!important;} #searchContainer .eznc_SearchText{width:114px; font-weight: bold; color: #fff!important;} /* Width of Search Text Box */ #searchContainer .eznc_SearchButtton{ font-weight: bold; color: #000!important;} #searchContainer a.eznc_SearchButtton:link{ font-weight: bold; color: #000!important;} #searchContainer a.eznc_SearchButtton:hover{ text-decoration:none; font-weight: bold;color: #000!important;} .ie6 #Searchtop .eznc_SearchButtton{float:right;width:30px;margin:5px 5px 0px -10px;text-align:left;} .ie7 #Searchtop .eznc_SearchButtton{float:right;width:30px;margin:5px 10px 0px -25px;text-align:left;;} /*======================================= END - Skin styles for Search Box feature =======================================*/ /*======================================= Skin styles for Search Page =======================================*/ .eznc_SearchText {width:220px; } .eznc_tblWidth, .eznc_dvSearchButton, .eznc_dvResults {width:420px; } /*======================================= END Skin styles for Search Page =======================================*/