* { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #4c4c4e; font-size: 11px; } body { background-color: #723983;} ul { list-style: none; } img { border: 0px; } h2 {font-size: 16px; font-weight: bold; color: #621768; margin-top: 3px; margin-bottom: 5px; margin-left: 2px;} h4{font-weight:bold; color: #621768; margin-left: 2px;} h4#newsItalic { font-weight:normal; color: #4c4c4e; margin-left: 2px; padding-bottom: 14px; font-size: 13px; font-style: italic;} /********** H3 Headers **********/ h3 {text-indent: -9999px;} #hospital_spotlight {background-image: url(images/header_Hospital_Spotlight.gif); background-repeat: no-repeat;} #industry_spotlight {background-image: url(images/header_Industry_Spotlight.gif); background-repeat: no-repeat;} #recent_releases {background-image: url(images/header_Recent_Releases.gif); background-repeat: no-repeat;} #success_stories {background-image: url(images/header_Success_Stories.gif); background-repeat: no-repeat;} #featured_announcements {background-image: url(images/header_Featured_Announcements.gif); background-repeat: no-repeat;} #considering_patientKeeper {background-image: url(images/header_Considering_PatientKeeper.gif); background-repeat: no-repeat; margin-top: 7px; margin-left: 1px; } #tired_of_chasing_charts{background-image: url(images/header_Tired_of_Chasing_Charts.gif); background-repeat: no-repeat; height: 20px;} #need_lab_results {background-image: url(images/header_Need_Lab_Results.gif); background-repeat: no-repeat; height: 35px; margin-top: 1px;} #capture_billing {background-image: url(images/header_Capture_Billing.gif); background-repeat: no-repeat; height: 30px; } #learn_why {background-image: url(images/header_Learn_Why.gif); background-repeat: no-repeat; height: 88px; margin-top: 3px; } #for_more_information {background-image: url(images/header_For_More_Information.gif); background-repeat: no-repeat; height: 13px; margin-top: 3px; } #homeBackground { width: 100%; background-repeat: repeat-x; background-image: url(images/homeBackground_top.gif); background-color: #ffffff; display: inline; float: left;} #hometopWrapper{ width: 930px; background-repeat: repeat-x; background-image: url(images/homeBackground_top.gif);} #l3background { width: 100%; background-repeat: repeat-x; background-image: url(images/l3Background.gif); background-color: #ffffff; display: inline; float: left;} #l3topWrapper {width: 930px; background-repeat: repeat-x; background-image: url(images/l3Background.gif);} #background { width: 100%; background-repeat: repeat-x; background-image: url(images/mainBackground.gif); background-color: #ffffff; display: inline; float: left;} #topWrapper {width: 930px; background-repeat: repeat-x; background-image: url(images/mainBackground.gif);} #skipNav { display: none;} #topNav {display: none;} #topNav ul {padding-left: 421px; height: 28px; font-size: 0px;} #topNav ul li {float: left; display: inline;} #topNav ul li a { display: block; height: 28px; font-size: 0; background-repeat: no-repeat; background-position: top left; } #topNav ul li span { display: none; } #topNav ul li#aboutPatientKeeper a { width:140px; background-image: url(images/topNav_about_patientkeeper.gif); } #topNav ul li#aboutPatientKeeper a:hover{ background-position: 0px -28px;} #topNav ul li#aboutPatientKeeper_a a { width:140px; background-image: url(images/topNav_about_patientkeeper.gif); background-position: 0px -56px; } #topNav ul li#successStories a { width:113px; background-image: url(images/topNav_success_stories.gif);} #topNav ul li#successStories a:hover{ background-position: 0px -28px;} #topNav ul li#successStories_a a { width:113px; background-image: url(images/topNav_success_stories.gif); background-position: 0px -56px;} #topNav ul li#newsEvents a { width:108px; background-image: url(images/topNav_news_events.gif); } #topNav ul li#newsEvents a:hover{ background-position: 0px -28px;} #topNav ul li#newsEvents_a a { width:108px; background-image: url(images/topNav_news_events.gif); background-position: 0px -56px;} #topNav ul li#partners a { width:73px; background-image: url(images/topNav_partners.gif); } #topNav ul li#partners a:hover{ background-position: 0px -28px;} #topNav ul li#partners_a a { width:73px; background-image: url(images/topNav_partners.gif); background-position: 0px -56px;} #topNav ul li#support a { width:72px; background-image: url(images/topNav_support.gif); } #topNav ul li#support a:hover{ background-position: 0px -28px;} #topNav ul li#support_a a { width:72px; background-image: url(images/topNav_support.gif); background-position: 0px -56px;} #logo {height: 90px; float: left; display: inline; margin-left: 40px; padding-right: 173px; font-size: 0px;} #primNav {display: none;} #primNav ul { height: 49px; font-size: 0px; } #primNav ul li {float: left; display: inline;} #primNav ul li a { display: block; height: 49px; font-size: 0px; background-repeat: no-repeat; background-position: 0px 0px; } #primNav ul li span { display: none; } #primNav ul li#whyPatientKeeper a { width:167px; background-image: url(images/primNav_why_patientkeeper.gif); } #primNav ul li#whyPatientKeeper a:hover { background-position: 0px -49px; } #primNav ul li#whyPatientKeeper_a a { width:167px; background-image: url(images/primNav_why_patientkeeper.gif); background-position: 0px -98px; } #primNav ul li#problemsWeSolve a { width:166px; background-image: url(images/primNav_problems_we_solve.gif);} #primNav ul li#problemsWeSolve a:hover { background-position: 0px -49px; } #primNav ul li#problemsWeSolve_a a { width:166px; background-image: url(images/primNav_problems_we_solve.gif); background-position: 0px -98px;} #primNav ul li#productsTechnology a { width:188px; background-image: url(images/primNav_products_technology.gif); } #primNav ul li#productsTechnology a:hover { background-position: 0px -49px; } #primNav ul li#productsTechnology_a a { width:188px; background-image: url(images/primNav_products_technology.gif); background-position: 0px -98px;} #noL3Nav { display: none;} #L3Nav { display: none; } #L3Nav ul { background-color: #fe9c31; border-top: #fe9c31 solid 5px; border-bottom: #fe9c31 solid 6px; font-size: 0px; } #L3Nav ul li{ background-color: #fe9c31; background-image: url(images/l3Nav_border.gif); background-position: 0px bottom; background-repeat: repeat-x; font-size: 0px; clear: both; float: none; padding-bottom: 1px; } /*padding-left: 6px;*/ #L3Nav ul li#active { background-color: #6b3b6d; } #L3Nav #l4Nav { border-left: #ffffff solid 6px; border-right: #ffffff solid 5px; background-color: #753c84; border-top:0px ; padding-bottom: 4px; border-bottom: 0;} #L3Nav #l4Nav li { background-color: #e2d7e8; font-size: 0px; clear: both; float: none; width: 178px; padding-top: 3px; padding-left: 20px; background-image: url(images/bullet_l4.gif); background-repeat: no-repeat; background-position: 20px 11px; } a.l4Nav{color: #621768; text-decoration: none; margin-left: 7px; display: block;} a.l4Nav:hover {text-decoration: underline;} li.spacing {height: 3px; font-size: 0px;} a.l3Nav {color: #ffffff; background-color: #fe9c31; text-decoration: none; display: block; height: 100%; background-image: url(images/arrow_l3Nav_0.gif); background-repeat: no-repeat; background-position: 5px 8px; border-left: #febd75 solid 1px ; border-right: #febd75 solid 1px ; margin-left: 6px; padding-left: 19px; padding-top: 4px; padding-bottom: 5px; width: 198px; voice-family: "\"}\""; voice-family: inherit; width: 177px; } html>body a.l3Nav { width: 177px; } #active a.l3Nav{ background-color: #723983; background-image: url(images/arrow_l3Nav_1.gif); border-left: #a07aac solid 1px ; border-right: #a07aac solid 1px ;} a.l3Nav:hover{ text-decoration: underline; background-image: url(images/arrow_l3Nav_1.gif);} div.l3Hr { overflow: hidden; height: 1px; font-size: 1px; background: #febd75; margin-left:6px; padding:0; border:0; width: 198px; float: left; display: inline; } #separator { width: 100%; height: 3px; background-color: #dcdcdc; margin-top: 6px; border-bottom: #ffffff solid 2px; font-size: 0px; clear: both;} #topBorderGradient {display: none;} #flashHolder{ height: 235px; width: 850px; background-color: #e6ced0; border-left: #ffffff solid 40px; padding-left: 6px; border-bottom: #ffffff solid 4px;} /******** Title **********/ .titleHolder{ display: none;} a.titleArea{ margin-top: 59px; float: right; height: 37px; background-repeat: no-repeat; display: block; width: 313px; background-position: top right; background-color: #471c49; font-size: 0px; text-decoration: none;} .l3titleHolder .titleArea{margin-top: 0px; font-size: 0px; } .titleHolder h1{ font-size: 0px; color: #471c49;} .l3titleHolder h1{ font-size: 0px; color: #471c49;} #aboutPatientKeeperBackground { background-image: url(images/titleBackground_about_patientkeeper.jpg);} #aboutPatientKeeperTitle { background-image: url(images/title_about_patientkeeper.gif);} #successStoriesBackground { background-image: url(images/titleBackground_success_stories.jpg);} #successStoriesTitle { background-image: url(images/title_success_stories.gif);} #newsEventsBackground { background-image: url(images/titleBackground_news_and_events.jpg);} #newsEventsTitle { background-image: url(images/title_news_and_events.gif);} #partnersBackground { background-image: url(images/titleBackground_partners.jpg);} #partnersTitle { background-image: url(images/title_partners.gif);} #supportBackground { background-image: url(images/titleBackground_support.jpg);} #supportTitle { background-image: url(images/title_support.gif);} #whyPatientKeeperBackground { background-image: url(images/titleBackground_why_patientkeeper.jpg);} #whyPatientKeeperTitle { background-image: url(images/title_why_patientkeeper.gif);} #problemsWeSolveBackground { background-image: url(images/titleBackground_problems_we_solve.jpg);} #problemsWeSolveTitle { background-image: url(images/title_problems_we_solve.gif);} #productsTechnologyBackground { background-image: url(images/titleBackground_products_and_Technology.jpg);} #productsTechnologyTitle { background-image: url(images/title_products_and_technology.gif);} #patientKeeperDemoTitle { background-image: url(images/title_patientKeeper_demo.gif);} #privacyPolicyTitle { background-image: url(images/title_privacy_policy.gif);} #copyrightPolicyTitle { background-image: url(images/title_copyright_policy.gif);} #termsConditionsTitle { background-image: url(images/title_terms_and_conditions.gif);} #l3titleWrapper{ border-left: #ffffff solid 4px;} .l3titleHolder{ display: none;} /*471c49*/ .l3titleHolder .titleArea{margin-top: 0px; } #leftBorder { display: none;} #l3leftBorder { display: none;} #homebottomBorderGradient { display: block; width: 447px; height: 15px; background-repeat: no-repeat; background-image: url(images/bottomBorderGradient.gif); font-size: 0px;} #bottomBorderGradient { display: block; width: 447px; height: 7px; background-repeat: no-repeat; background-image: url(images/bottomBorderGradient.gif); font-size: 0px; clear: both;} #bodyWrapper{background-color: #ffffff; width: 580px; margin-left: 40px; padding-top: 5px; padding-bottom: 40px; display: inline; float: left;} #bodyWrapper p{ margin-right: 15px; line-height: 14px; padding-bottom: 14px; margin-left: 2px; clear: both;} .noPadding { padding-bottom: 0px;} /********** Left Content **********/ #leftContent{ margin-left: 4px; display: inline; float: left; width: 385px;} .holder {padding-bottom: 5px; clear: both; /*float: left; and no clear:both;*/} #leftContent .holder .thumbnail{ float: left; width: 121px; padding-bottom: 6px; font-size: 0px; margin-top: 0px;} .holder .thumbnail{ float: left; width: 94px; padding-bottom: 9px; font-size: 0px; margin-top: 0px;} #leftContent .holder .text{ float: left; width: 237px; margin-top: 11px; font-size: 0px;} .holder .text{ float: left; width: 312px; margin-top: 0px; font-size: 0px; padding-bottom: 6px; } .col .holder .text { width: 200px; } .holder .text p{ margin-left: 1px; margin-right: 0px; padding:0;} #leftContent .hr { margin-bottom: 5px; margin-top: 5px;} /********** Middle Content **********/ #middleContent{ margin-left: 5px; display: inline; float: left; width: 237px;} #mainContent { float: left; display: inline; width: 430px; margin-left: 18px; margin-right: 12px; margin-top: 3px;} #l3mainContent { float: left; display: inline; width: 630px; margin-left: 18px; margin-right: 12px; margin-top: 3px;} #middleContent h4{margin-left: 1px;} #companyLogo { float: left; padding-right: 22px;} #description {float: left; width: 510px;} #callOut{ background-color: #f2f3f3; padding-top: 12px; padding-left: 16px;} #map { width: 268px; height: 197px; float: left; display: inline; margin-top: 2px; margin-left: 1px;} /********** List **********/ #list { margin-top: -12px; float: left; clear: both; padding-bottom: 12px;} ul#list { margin-top: -12px; float: none; clear: both;} #list li { background-image: url(images/arrow_contentNav.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 4px; } #list ul li { background-image: url(images/arrow_contentNav.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 4px; } /********** ListShort **********/ #listShort { margin-top: -12px; float: left; clear: both; padding-bottom: 16px;} ul#listShort { margin-top: -12px; float: none; clear: both;} #listShort li { background-image: url(images/arrow_contentNav.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 0px; } #listShort ul li { background-image: url(images/arrow_contentNav.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 0px; } /********** ListPDF **********/ #listPDF { margin-top: 0px; float: left; clear: both; padding-bottom: 16px; margin-top: 5px;} ul#listPDF { margin-top: 0px; float: none; clear: both;} #listPDF li { background-image: url(images/pdfIcon.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 0px; } #listPDF ul li { background-image: url(images/pdfIcon.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 17px; padding-bottom: 0px; height: 20px; } .arrowLink{ background-image: url(images/arrow_contentNav.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px; padding-bottom: 4px; clear: both;} /********** Bullet List **********/ ul.bulletlist { margin-top: -10px; float: left; clear: both; padding-bottom: 12px; padding-right: 30px; font-size: 0px;} .bulletlist li { background-image: url(images/small_bullet.gif); background-repeat: no-repeat; background-position: 0px 5px; margin-left: 15px; padding-left: 7px; padding-bottom: 4px; margin-top: 0px; margin-bottom: 0px; } /********** Product **********/ #productBox{ width: 644px; height: 311px; background-repeat: repeat-x; background-image: url(images/productBoxBackground.gif);} /********** Right Content **********/ #rightContent{ margin-left: 5px; display: inline; float: left; width: 237px; background-color: #fff7ef; padding-bottom: 22px;} #rightContent2{ margin-left: 5px; display: inline; float: left; width: 237px; background-color: #fff7ef;} #rightContent div{ margin-top: 11px; margin-left: 19px; width: 195px; padding-bottom: 12px;} #rightContent div p{margin-left: 1px; padding-bottom: 0px; margin-right: 0px;} #rightContent div h3{padding-bottom: 7px;} #rightPromo2 #announcements { display: none;} #announcements { border: #bec0c2 solid 1px; padding-top: 10px; padding-left: 19px; padding-bottom: 14px;} #announcements p{margin-left: 0px;} #announcements h3{padding-bottom: 7px;} /*#rightContent #demo {margin-top: 4px; height: 94px; background-image: url(images/demo_background.gif); background-repeat: no-repeat; background-position: 17px 17px; background-color: #723983; font-size: 0px;} #rightContent #demo h2{ text-indent: -9999px; font-size: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;} #rightContent #demo a div{display:none;} #rightContent #demo a { background-image: url(images/btn_download.gif); background-repeat: no-repeat; display: block; width: 104px; height:40px; margin-left: 7px; margin-top: 52px; font-size: 0px; clear: both;} #rightContent #demo a:hover {background-position: 0px -20px; }*/ #demo {margin-top: 4px; height: 94px; background-image: url(images/demo_background.gif); background-repeat: no-repeat; background-position: 12px 17px; background-color: #723983; font-size: 0px;} #demo h2{ text-indent: -9999px; font-size: 0px; margin-top: 0px; margin-left: 0px;} #demo a div{display:none;} #demo a { background-image: url(images/btn_download.gif); background-repeat: no-repeat; display: block; width: 104px; height:40px; margin-left: 7px; margin-top: 52px; font-size: 0px; clear: both;} #demo a:hover {background-position: 0px -36px; } #demoHome {margin-top: 4px; height: 94px; background-image: url(images/demo_background.gif); background-repeat: no-repeat; background-position: 17px 17px; background-color: #723983; font-size: 0px;} #demoHome h2{ text-indent: -9999px; font-size: 0px; margin-top: 0px; margin-left: 0px;} #demoHome a div{display:none;} #demoHome a { background-image: url(images/btn_download.gif); background-repeat: no-repeat; display: block; width: 104px; height:40px; margin-left: 12px; margin-top: 52px; font-size: 0px; clear: both;} #demoHome a:hover {background-position: 0px -36px; } #downloadPDFs a { background-image: url(images/download_pdfs_button.gif); background-repeat: no-repeat; display: block; width: 130px; height:40px; margin-left: 0px; margin-top: 0px; font-size: 0px; clear: both;} #downloadPDFs a:hover {background-position: 0px -36px; } #downloadPDFs a div{text-indent: -9999px;} #downloadPDFs_product a { background-image: url(images/download_pdfs_button.gif); background-repeat: no-repeat; background-position: 0px -36px; display: block; width: 130px; height:40px; margin-left: -10px; margin-top: 0px; font-size: 0px; clear: both;} #downloadPDFs_product a:hover {background-position: 0px -36px; } #downloadPDFs_product a div{text-indent: -9999px;} #rightPromo{ display: none;} #rightPromo2{ display: none;} #rightPromo p { margin-left: 11px; margin-top: 11px;} #rightPromo #box { background-color: #f2f3f3; padding-top: 18px; padding-left: 11px;} #rightPromo #box h3 { margin-left: 1px;} #rightPromo #box p { margin-left: 1px; margin-top: 6px;} #rightPromo2 p { margin-left: 11px; margin-top: 11px;} #rightPromo2 #box {float: left; diplay: inline; background-color: #f2f3f3; padding-top: 18px; padding-left: 17px; border-bottom: #ffffff solid 4px; width: 185px;} #rightPromo2 #box h3 { margin-left: 1px;} #rightPromo2 #box p { margin-left: 0px; margin-top: 5px;} /********** Breadcrumb **********/ #breadcrumb { width: 100%; clear: both; margin-left: 2px;} #breadcrumb ul li{ color: #58595b; font-size: 10px; display: inline; float: left;} a.breadcrumb {font-size: 10px; color: #723983; text-decoration: none;} a.breadcrumb:hover {font-size: 10px; color: #723983; text-decoration: underline;} #mainContent .hr{ margin-top: 1px;} /********** Footer **********/ #footer { display: inline; float: left; margin-top: 12px; margin-left: 62px; width: 600px; padding-bottom: 23px; font-size: 0px;} #footer p{ color: #ffffff; display: inline; float: left;} #footer ul li{ color: #ffffff; display: inline; float: left; margin-left: 10px; margin-right: 3px;} /********* Classes *********/ #l3mainContent .hr { margin-top: 1px;} .hr { overflow: hidden; height: 1px; font-size: 1px; background: #bcbec0; padding:0; border:0; clear: both; border-bottom: #ffffff solid 9px; } .lightHr { overflow: hidden; height: 1px; font-size: 1px; background: #e7e7e7; margin: 0; border-bottom: #ffffff solid 9px; padding: 0; clear: both; } .divider{ width: 100%; height: 2px; background-repeat: repeat-x; background-image: url(images/divider.gif); font-size: 0px; clear: both;} .clear { clear: both; margin: 0px; padding: 0px; border: 0px; font-size: 0px;} a.blockDisplay { display: block; height: 100%; width: 100%;} a.navLink {color: #723983; text-decoration: underline;} a.navLink:hover {color: #723983; text-decoration: underline;} a.contentLink {color: #723983; text-decoration: underline;} a.contentLink:hover {color: #723983; text-decoration: underline;} a.navBold {color: #763e86; text-decoration: underline; font-weight: bold;} a.navBold:hover {color: #763e86; text-decoration: underline;} .purpleText {color: #723983;} a.footer{ color: #ffffff; text-decoration: none;} a.footer:hover{ color: #ffffff; text-decoration: underline;} .prow{ width: 100%; background-color: #f1ebf4; padding-top: 9px; padding-bottom: 9px; float: left;} .wrow{ width: 100%; padding-top: 9px; padding-bottom: 9px; float: left;} .rowTitle { margin-left: 9px; width: 210px; height: 100%; float: left; display: inline;} .rowTitle div { float: left; display: inline; padding-right: 12px;} .rowTitle div a.navBold{ display: block; margin-top: 5px;} .rowDescription{ width: 380px; float: left; margin-top: 5px; display: inline;} .productNavArea { margin-left: 9px; width: 192px; height: 100%; float: left; margin-top: 18px; display: inline;} .productNavArea div { float: left; display: inline; padding-right: 12px;} .productNavArea div span{ display: block; margin-top: 5px; width: 112px; font-weight: bold;} .productNavArea div a.navBold{ display: block; margin-top: 5px; width: 112px;} .errormessage{ font-size: 9px; color:#b2b2b2;} .floatLeft { float: left; display: inline;} .col { width: 193px; float: left; diplay: inline; margin-top: 18px;} #productDescription{ float: left; display: inline; width: 333px; padding-left: 10px;}