/* Version: 3.0 Author: Community Health Network Author URI: http://www.eCommunity.com Copyright © 2008 Community Health Network. All rights reserved. */ @import url("global.css"); @import url("navigation.css"); @import url("pages.css"); @media screen, projection { /* HEADER [COMMON]: =pageHeader --------------------------------------------------------- */ #pageHeader { position: relative; } #dropShadow { background: url(../images/shadow-nav.png); width: 900px; height: 4px; z-index: 1000; position: absolute; top: 0; left: 0; } /* HEADER [LEVEL TWO]: =pageHeader --------------------------------------------------------- */ /* Left Content */ #levelTwo #flashLeft { width: 500px; height: 281px; float: left; } #levelTwo #flashFull { width: 900px; height: 281px; float: left; z-index: 100; } /* Right Content */ #levelTwo #flashRight { width: 400px; height: 281px; float: left; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; } #levelTwo #flashRight h2 { font-size: 24px; padding: 0 20px 0 20px; margin: 30px 0 0 0; } #levelTwo #flashRight p { font-size: 10px; padding: 0 40px 0 20px; margin: 15px 0 0 0; line-height: 15px; } /* HEADER [LEVEL THREE]: =pageHeader --------------------------------------------------------- */ /* Left Content */ #levelThree #flashLeft { width: 500px; height: 100px; float: left; } /* Right Content */ #levelThree #flashRight { width: 400px; height: 100px; float: left; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; } #levelThree #flashRight h2 { font-size: 24px; padding: 0 20px 0 20px; margin: 40px 0 0 0; } /* CONTENT ACTIONS: =contentActions --------------------------------------------------------- */ #contentActions { margin: 0 0 15px 0; } #contentActions ul { list-style-type: none; margin: 0 -10px 0 0 !important; float: right; } #contentActions ul li { display: inline; padding: 0 10px 0 10px !important; float: right; } #contentActions ul li img { border: none !important; padding: 0 10px 0 0; vertical-align: middle; } #contentActions ul li a { : #999B9E !important; text-decoration: none !important; } #contentActions ul li a:hover { color: #68AEDF !important; } #contentActions ul li.leftDivider { background: url(../images/divider-actions.gif) no-repeat 0 0 !important; } /* CONTENT LEFT: =contentLeft --------------------------------------------------------- */ #contentLeft { font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; } #contentLeft h2 { font-size: 18px; font-weight: normal; padding: 0 0 6px 0; margin: 0 0 10px 0; } #contentLeft h3 { font-size: 17px; font-weight: normal; padding: 0 0 6px 0; } #contentLeft h3 a { text-decoration: underline; color:#5A5A5A; } #contentLeft h3 a:hover { text-decoration: none; color: #88898C;} #contentLeft h4 { font-size: 14px; font-weight: normal; padding: 0 0 6px 0; color: #494A4B; } #contentLeft h4 a { text-decoration: underline; color:#88898C; } #contentLeft h4 a:hover { text-decoration: none; color: #5A5A5A;} #contentLeft p { font-size: 12px; line-height: 19px; padding: 0 0 20px 0; } #contentLeft a { text-decoration: underline; } #contentLeft a:hover { text-decoration: none; } #contentLeft div a { text-decoration: none; } #contentLeft div a:hover { text-decoration: underline; } /* Unordered Lists */ #contentLeft ul { list-style-type: none; margin: 0 0 15px 10px; } #contentLeft ul li { font-size: 12px; padding: 0 0 6px 14px; line-height: 19px; } #contentLeft ul li a { text-decoration: underline; } #contentLeft ul li a:hover { text-decoration: underline; } /* Ordered Lists */ #contentLeft ol { margin: 10px 0 10px 35px; } #contentLeft ol li { font-size: 12px; padding: 0 0 6px 0; } #contentLeft ol li a { text-decoration: underline; } #contentLeft ol li a:hover { text-decoration: underline; } /* Images */ #contentLeft img.left { float: left; margin: 4px 10px 6px 0; } #contentLeft img.right { float: right; margin: 4px 0 6px 10px; } #contentLeft div.left { float: left; margin: 4px 10px 6px 0; } #contentLeft div.right { float: right; margin: 4px 0 6px 10px; } #contentLeft table.left { float: left; margin: 4px 10px 6px 0; } #contentLeft table.right { float: right; margin: 4px 0 6px 10px; } /* Archives Box */ div.archivesBox { background: #EDEDED; border-bottom: 1px solid #C5C5C5; } div.archivesBox p { padding: 5px 0 5px 5px !important; } /* [BC] Featured Areas */ #contentLeft .featured { background: #eee; padding: 10px 10px 0; margin-bottom: 20px; } #contentLeft .featured p { padding: 0 0 10px; } #contentLeft .callout { width: 280px; text-align: center; float: right; margin: 4px 0 4px 10px; padding: 10px 10px 0; background: #F7FBFD; border-top: 1px dotted #D8DBDD; border-bottom: 1px dotted #D8DBDD; } #contentLeft .callout p { padding: 0 0 10px; } /* [BC] Whole Paragraph Indent */ #contentLeft p.indent { padding-left: 40px; } /* [BC] Image Captions */ #contentLeft p.disclaimer { FONT-SIZE: 7pt; LINE-HEIGHT: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; text-decoration: none; } /* WIDGET myCOMMUNITY: =widgetCommunity --------------------------------------------------------- */ #widgetCommunity { margin: 0 0 10px 0; background: #B9CCE9 url(../images/mycommunity-background.jpg) no-repeat; height: 134px; width: 300px; position: relative; } #widgetCommunity h3 { font-size: 11px; text-indent: -9999px; } #widgetCommunity p { text-indent: -9999px; } #widgetCommunity ul.linkActions { list-style-type: none; } #widgetCommunity ul.linkActions li { display: inline-block; } #widgetCommunity ul.linkActions li.linkRegister, #widgetCommunity ul.linkActions li.linkRegister span { background: url(../images/mycommunity-register.jpg) no-repeat; width: 80px; height: 21px; } #widgetCommunity ul.linkActions li.linkRegister { position: absolute; left: 57px; top: 76px; } #widgetCommunity ul.linkActions li.linkSignin, #widgetCommunity ul.linkActions li.linkSignin span { background: url(../images/mycommunity-signin.jpg) no-repeat; width: 68px; height: 21px; } #widgetCommunity ul.linkActions li.linkSignin { position: absolute; left: 169px; top: 76px; } #widgetCommunity ul.linkDetails { list-style-type: none; position: absolute; top: 105px; left: 81px; } #widgetCommunity ul.linkDetails li { display: inline; } #widgetCommunity ul.linkDetails li a { font-size: 10px; color: #77787A; text-decoration: none; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; } #widgetCommunity ul.linkDetails li a:hover { text-decoration: underline; } #widgetCommunity span { font-size: 10px; color: #77787A; } /* WIDGET myCOMMUNITY HOME: =widgetCommunityHome --------------------------------------------------------- */ #widgetCommunityHome { height: 188px; overflow: hidden; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; margin: 0 0 10px 0; background: #B9CCE9 url(/images/mycommunityhome-background.jpg) no-repeat; } #widgetCommunityHome div.widgetLeft { width: 120px; float: left; position: relative; padding: 74px 0 10px 6px; } #widgetCommunityHome div.widgetRight { float: left; padding: 70px 0 10px 12px;} #widgetCommunityHome h3 { color: #7a7b7f; font-size: 14px; margin: 0 0 6px; } #widgetCommunityHome ul { margin: 0; padding: 0; list-style-type: none; text-align: right; } #widgetCommunityHome ul li { position: ; } #widgetCommunityHome ul li a { font-size: 10px; color: #77787A; text-decoration: none; } #widgetCommunityHome ul li a:hover { text-decoration: underline; } #widgetCommunityHome fieldset { border: none; padding: 0; margin: 0; } #widgetCommunityHome label { margin: 0; padding: 0; font-size: 10px; color: #5A5B5D; } #widgetCommunityHome input.textfield { border: 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 3px 0 3px 5px; height: 12px; width: 145px; margin: 0 0 4px 0; } * html #widgetCommunityHome input.textfield { margin: 0 0 2px 0; } /* IE6 */ *:first-child+html #widgetCommunityHome input.textfield { margin: 0 0 2px 0; } /* IE7 */ #widgetCommunityHome input.button { /* float: right; */ margin: 0 0 0 110px; } #widgetCommunityHome .textfield:focus { outline: none; } /* WIDGET myCOMMUNITY LOGGEDIN: =widgetCommunitySignedin --------------------------------------------------------- */ #widgetCommunityLoggedin { width: 300px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; margin: 0 0 10px 0; background: #B9CCE9 url(/images/mycommunityhome-background.jpg) no-repeat; } #widgetCommunityLoggedin h3 { color: #7a7b7f; font-size: 14px; margin: 0; padding: 70px 0 6px; text-align: center; } #widgetCommunityLoggedin div.widgetLeft { width: 120px; float: left; position: relative; padding: 0px 0 10px 6px; } #widgetCommunityLoggedin div.widgetRight { float: left; padding: 0px 0 10px 12px;} #widgetCommunityLoggedin ul { margin: 0; padding: 0; list-style-type: none; } #widgetCommunityLoggedin ul li { margin: 0; padding: 4px 0; line-height: 7px; } #widgetCommunityLoggedin ul li a { font-size: 10px; color: #77787A; text-decoration: none; } #widgetCommunityLoggedin ul li a:hover { text-decoration: underline; } #widgetCommunityLoggedin div.widgetLeft ul { text-align: right; } #widgetCommunityLoggedin div.widgetRight ul { text-align: left; } /* WIDGET RELATED: =widgetRelated --------------------------------------------------------- */ #widgetRelated { margin: 0 0 10px 0; background: #F1E694; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #widgetRelated div.widgetLeft { width: 189px; float: left; min-height: 125px; } #widgetRelated div.widgetRight { width: 210px; float: left; border-left: 1px solid #D2C56F; min-height: 125px; } #widgetRelated h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 16px; } #widgetRelated ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 16px; } #widgetRelated ul li { padding: 0 0 6px 0; line-height: 15px; } #widgetRelated ul li a { color: #5A5B5D; text-decoration: none; background: url(../images/bullet-related-off.gif) no-repeat 0 4px; padding: 0 0 0 14px; display: block; width: 140px; } #widgetRelated ul li a:hover { color: #766100; text-decoration: none; background: url(../images/bullet-related-on.gif) no-repeat 0 4px; } /* WIDGET INTERACTIVE: =widgetInteractive --------------------------------------------------------- */ #widgetInteractive { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; } #widgetInteractive div.widgetLeft { width: 189px; float: left; } #widgetInteractive div.widgetRight { width: 210px; float: left; border-left: 1px solid #E6E6E5; } #widgetInteractive h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 16px; } #widgetInteractive ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 16px; } #widgetInteractive ul li { padding: 0 0 6px 0; line-height: 15px; } #widgetInteractive ul li a { color: #5A5B5D; text-decoration: none; background: url(../images/bullet-interactive-off.gif) no-repeat 0 4px; padding: 0 0 0 14px; display: block; width: 140px; } #widgetInteractive ul li a:hover { color: #2D2D2D; text-decoration: none; background: url(../images/bullet-interactive-on.gif) no-repeat 0 4px; } /* WIDGET PROCEDURES: =widgetProcedures --------------------------------------------------------- */ #widgetProcedures { margin: 0 0 10px 0; background: #E9F0BA; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #widgetProcedures div.widgetLeft { width: 190px; float: left; } #widgetProcedures div.widgetRight { width: 210px; float: left; } #widgetProcedures h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 16px; } #widgetProcedures ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 16px; } #widgetProcedures ul li { padding: 0 0 6px 0; line-height: 15px; } #widgetProcedures ul li a { color: #5A5B5D; text-decoration: none; background: url(../images/bullet-procedures-off.gif) no-repeat 0 4px; padding: 0 0 0 14px; display: block; width: 140px; } #widgetProcedures ul li a:hover { color: #566C11; text-decoration: none; background: url(../images/bullet-procedures-on.gif) no-repeat 0 4px; } /* WIDGET BLOGS: =widgetBlogs --------------------------------------------------------- */ #widgetBlogs { margin: 0 0 10px 0; background: #B4D8F3; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #widgetBlogs h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 16px; } #widgetBlogs ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 16px; } #widgetBlogs ul li { width: 325px; padding: 0 0 6px 0; } #widgetBlogs ul li span.blogTitle a { color: #437395; background: url(../images/bullet-blogs-off.gif) no-repeat 0 4px; display: block; padding: 0 0 0 14px; line-height: 15px; } #widgetBlogs ul li span.blogTitle a:hover { color: #5A5B5D; background: url(../images/bullet-blogs-on.gif) no-repeat 0 4px; } #widgetBlogs ul li span.blogDetails { color: #696A6C; padding: 0 0 0 14px; } /* WIDGET GOOGLE READER: =widgetGoogleReader --------------------------------------------------------- */ #widgetGoogleReader { margin: 0 0 10px 0; background: #E9F0BA; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #widgetGoogleReader div.widgetLeft { width: 190px; float: left; } #widgetGoogleReader div.widgetRight { width: 210px; float: left; } #widgetGoogleReader div.f { visibility: hidden; margin-top: -25px; } #widgetGoogleReader h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 10px; } #widgetGoogleReader ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 10px; } #widgetGoogleReader ul li { padding: 0 0 6px 0; line-height: 15px; display: block; } #widgetGoogleReader ul li a.i { color: #5A5B5D; text-decoration: none; background: url(../images/bullet-procedures-off.gif) no-repeat 0 3px; padding: 0 0 0 14px; width: 100%; } #widgetGoogleReader ul li a.i:hover { color: #566C11; text-decoration: none; background: url(../images/bullet-procedures-on.gif) no-repeat 0 3px; } #widgetGoogleReader ul li div.s { color: #5A5B5D; padding: 0 0 0 10px; display: inline; } #widgetGoogleReader ul li div a { color: #5A5B5D; text-decoration: none; } #widgetGoogleReader ul li div a:hover { color: #566C11; text-decoration: underline; } /* WIDGET HEALTHNEWS: =widgetHealthNews --------------------------------------------------------- */ #widgetHealthNews { margin: 0 0 10px 0; background: #B4D8F3; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #widgetHealthNews img { margin: 0 0 -5px 5px; border-left: 105px solid #FFFFFF; border-right: 105px solid #FFFFFF; } #widgetHealthNews h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0 0 0 10px; } #widgetHealthNews ul { list-style-type: none; font-size: 11px; margin: 10px 16px 0 10px; } #widgetHealthNews ul li { padding: 0 0 6px 0px; line-height: 15px; display: block; width: 100%; } #widgetHealthNews ul li a { color: #437395; background: url(../images/bullet-blogs-off.gif) no-repeat 0 3px; padding: 0 0 0 14px; text-decoration: none; } #widgetHealthNews ul li a:hover { color: #696A6C; background: url(../images/bullet-blogs-on.gif) no-repeat 0 3px; text-decoration: none; } /* WIDGET MAP: =Map --------------------------------------------------------- */ #map { margin: 0 0 10px 0; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 10px 0 10px 0; } #map img { margin: 0; } /* WIDGET pybo: =pybo --------------------------------------------------------- */ #pybo { margin: 0 0 10px 0; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 0px 0 0px 0; } #pybo img { margin: 0; } /* WIDGET QUICK LINKS --------------------------------------------------------- */ #widgetQuickLinks { margin: 0 0 10px 0; background: #f0cee3; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding: 4px 0 0; } #widgetQuickLinks a { color: #5A5B5D; font-size: 10px; text-decoration: none; margin: -13px 16px 0 0; float: right; } #widgetQuickLinks a:hover { color: #5b4076; } #widgetQuickLinks h3 { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 8px 0 0 10px; } #widgetQuickLinks h3 a { font-size: 11px; color: #5A5B5D; font-weight: bold; margin: 0; float: none; } #widgetQuickLinks h3 a:hover { color: #5A5B5D; } #widgetQuickLinks ul { float: left; list-style-type: none; font-size: 11px; padding: 5px 16px 5px 10px; } #widgetQuickLinks ul li { padding: 0 0 6px 0; line-height: 15px; display: block; } #widgetQuickLinks ul li a { margin: 0; float: none; font-size: 12px; background: url(../images/bullet-quicklinks-off.gif) no-repeat 0 3px; padding: 0 0 0 14px; width: 100%; } #widgetQuickLinks ul li a:hover { background: url(../images/bullet-quicklinks-on.gif) no-repeat 0 3px; } } /* MD EMP LOGIN --------------------------------------------------------- */ #mdemplogin { width:900px; margin-left:auto; margin-right:auto; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; } #mdemplogin a:hover { color:#999; } #mdemplogin a { color:#fff; text-decoration:none; margin-right:15px; }