/* Pardee Hospital Main CSS file by T. Markle: Integritive, Inc. This sheet holds the screen styles for all pages Background Off-white: #f9f8ee Main headers: #336699 Main Text: #333333 Pod Text: #666666 Highlight: #003366 Footer Grey Text: #999999 Input Border: #cccccc Footer Background: #f3f1de Footer / Internal Border: #d8d4be original base: Georgia/12px */ * {border: 0px; margin: 0px; padding: 0px; outline: none; font-weight: normal; text-shadow: #000 0px 0px 0px !important; font-family: Helvetica; font-size: 13px;} td {color: #333333;} .redbox {border: solid 1px red;} .bluebox {border: solid 1px blue;} .greenbox {border: solid 1px green;} .yellowbox {border: solid 1px yellow;} .hidden {display: none;} .center {text-align: center;} .right {text-align: right;} .left {text-align: left;} .blue {color: #003366;} .red {color: rgb(255,0,0);} .green {color: #66cc33;} .super { vertical-align: super; font-size: 80%;} .graybg {background-color:#dbdbdb;} .bluebg {background-color:#b2cce5;} .preLoad, .preLoad img {position: absolute; left: -99999px; top: -9999px;width: 1px; height: 1px; } .underline {text-decoration: underline;} .bold {font-weight: bold;} strong {font-weight: bold;} label.label {display: block; float: left; width: 100px; line-height: 30px;} .texti,select.tM {border: solid 1px #cdcdcd; width: 300px; height: 20px; line-height: 30px; font-size: 16px; padding: 5px; font-family: Arial; margin: 3px; } select.tM {height: 30px; width: 310px;} .floatLeft {float: left;} .floatRight {float: right;} img.floatLeft {margin-right: 10px;} img.floatRight {margin-left:10px;} ul.twoCol {float: left; display: block;} ul.twoCol li {float: left; width: 200px; overflow: hidden;} ul.faq li {cursor: pointer; margin-bottom: 5px; color: #000;} ul.faq li p {color: #333333; padding-left: 10px;} textarea, input, select {border: solid 1px #cdcdcd; width: 200px; height: 20px; line-height: 20px; font-size: 16px; padding-left: 5px; font-family: Arial; margin: 3px; } textarea {height: 100px;} select {width: auto; height: 30px;} .submit, .tMsubmit {height: 30px; border: outset 2px #cdcdcd; cursor: pointer;} .spreader {width: 99%; line-height: 1px; clear: both;} body { background-color: #f3f1de;} td {vertical-align: middle; text-align: left;} table {margin-top: -2px; } .padTable tr td {padding: 10px;} #masterContainer {} .indexMaster {background: #f9f8ee url('../sprites/homeBG.png') repeat-x 0px 0px;} .innerMaster {background: #f9f8ee url('../sprites/innerBG.png') repeat-x 0px 0px;} #mainStage { width: 940px; margin-left: auto; margin-right: auto; position: relative; } /* Title Bar: logo, mini nav, menu, top graphic */ #titleStrip {background: url('../sprites/titleBG.png') no-repeat 10px 0px; width: 920px; height: 61px; margin-left: auto; margin-right: auto; position: relative; } #mainLogo {position: absolute; top: 0px; left: 0px; width: 137px; height: 60px; } #miniNav {position: absolute; top: 0px; right: 0px; width: 500px; height: 40px; line-height: 20px; margin-top: 8px; } #miniNav a {font-family: arial; font-size: 14px; color: #ffffff; text-decoration: none; display: block; width: 140px; height: 20px; float: right; text-align: center;} #miniNav a span {font-family: arial; font-size: 14px; text-decoration: none;} #miniNav a img {vertical-align: text-bottom; margin-left: 5px; } #indexBox {width: 941px; height: 417px; background: url('../sprites/homeGraphBG.png') no-repeat 0px 0px; position: absolute; top: 61px; left: 0px; text-align: center; } #innerBox {width: 941px; height: 178px; background: url('../sprites/innerGraphBG.png') no-repeat 0px 0px; float: left; text-align: center;} #menuStrip {width: 900px; height: 37px; margin-bottom: 3px; display: block; margin-left: auto; margin-right: auto; } #menu {list-style-type: none;} #menu li a, #menu li {display: block; float: left; height: 37px;} #menu .home a {width: 87px; background: url('../sprites/menuHome.png'); } #menu .home a:hover, #menu .homeSticky a {width: 87px; background: url('../sprites/menuHomeOver.png');} #menu .who a {width: 137px; background: url('../sprites/menuWho.png'); } #menu .who a:hover, #menu .whoSticky a {width: 137px; background: url('../sprites/menuWhoOver.png');} #menu .patients a {width: 193px; background: url('../sprites/menuPatients.png'); } #menu .patients a:hover, #menu .patientsSticky a {width: 193px; background: url('../sprites/menuPatientsOver.png');} #menu .health a {width: 173px; background: url('../sprites/menuHealth.png'); } #menu .health a:hover, #menu .healthSticky a {width: 173px; background: url('../sprites/menuHealthOver.png');} #menu .foundation a {width: 197px; background: url('../sprites/menuFoundation.png'); } #menu .foundation a:hover, #menu .foundationSticky a {width: 197px; background: url('../sprites/menuFoundationOver.png');} #menu .contact a {width: 113px; background: url('../sprites/menuContact.png'); } #menu .contact a:hover, #menu .contactSticky a {width: 113px; background: url('../sprites/menuContactOver.png');} #homeGraphic {margin-left: auto; margin-right: auto; width: 900px; height: 349px; z-index: 0;} #homeGraphic a {display: block; position: absolute; top: 40px; left: 20px; width: 900px; height: 350px; z-index: 100;} #homeGraphic img {z-index: 50; } .homeBlank {width: 900px; height: 351px;} .homeText {position: absolute; top: 182px; left: 20px; height: 100px; width: 385px; padding: 20px; line-height: 24px; font-family: Georgia; font-size: 15px; color: #ffffff; text-align: left; overflow: hidden;} #podBox {margin-top: 417px; margin-left: 16px; } .pod { background: url('../sprites/podBG.gif') no-repeat top right; width: 210px ;height: 182px; padding: 10px; font-family: Arial; position: relative; overflow: hidden;} .pod h2 {color: #003366; font-size: 24px; font-family: Helvetica; } .pod h2 img {margin-bottom: -10px; width: 198px; height: 46px; } .pod p {color: #666666; } #calendarPod h2 a img {margin-bottom: -16px;} .calPodEvent {height: 65px; position: relative; overflow: hidden; width: 195px;} .calPodEvent p {margin-left: 40px; font-family: Arial; position: absolute; top: -1px; line-height: 15px; width: 160px; overflow: hidden; height: 60px;} .calPodDate { color: #003366; font-family: Arial; position: absolute; top: 0px; left: 4px;} .newsPodArticle {position: relative; overflow: hidden; margin-bottom: 8px; width: 195px;} .newsPodArticle *,.newsPodTicker * {font-family: Arial; line-height: 16px; font-size: 12px;} .newsPodArticle a {text-decoration: none;} .newsPodArticle p {height: auto; } .newsPodArticle h3 {display: none;} .newsPodTicker {position:relative; width: 188px; height: auto;} .newsPodTicker h4 {position: absolute; top: 8px; left: 0px; display: none;} .newsPodTicker h4 a {text-decoration: none;} .breakingNews * {color: #f00000; font-family: Arial; font-size: 12px; line-height: 16px; } .breakingNews a {text-decoration: none;} .spotlightPodLinks {} .spotlightPodLinks a {font-size: 16px; color: #666666; display: block; margin-bottom: 14px; font-family: Arial; text-decoration: none; width: 200px; padding-left: 16px; } .spotlightPodLinks a.womens:hover {background: url('../sprites/tickWomens.gif') no-repeat center left;} .spotlightPodLinks a.cancer:hover {background: url('../sprites/tickCancer.gif') no-repeat center left;} .spotlightPodLinks a.orthopedics:hover {background: url('../sprites/tickOrthopedics.gif') no-repeat center left;} .spotlightPodLinks a.emergency:hover {background: url('../sprites/tickHospital.gif') no-repeat center left;} .spotlightPodLinks a:hover {color: #003366;} .findPodForm, .findPodForm p {font-family: Arial; color: #666666;} .findPodForm p {display: block; position: absolute; top: 110px; left: 13px; width: 190px;} .findPodForm span {font-family: Arial;} .findPodForm label {font-family: Arial; color: #666666; font-size: 13px; display: block; position: absolute; top: 53px; left: 10px; } .searchPodForm input.text, .findPodForm input.text {border: solid 1px #cdcdcd; width: 130px; height: 20px; position: absolute; top: 74px; left: 10px; line-height: 30px; font-size: 16px;padding: 5px; font-family: Arial;} .searchPodForm input.go,.findPodForm input.go {width: 32px; height: 23px; position: absolute; top: 76px; left: 160px; border: none;} .findPodForm p a, .searchPodForm p a {font-family: Arial; float: right; color: #003366;} .searchPodForm input.search {top: 45px; left: 7px;} .searchPodForm input.searchGo {top: 50px; left: 160px;} .searchPodForm .findLink {position: absolute; top: 110px; left: 10px;} .searchPodForm input.find {top: 135px; left: 7px;} .searchPodForm input.findGo {top: 140px; left: 160px;} #query {border: solid 1px #cdcdcd; width: 200px; height: 20px; line-height: 30px; font-size: 16px;padding: 5px; font-family: Arial;} .donateButton ,.submitButton {width: 93px; height: 23px; border: none !important;} .podLink {position: absolute; bottom: 12px; right: 23px;} .podLink a {color: #003366; text-decoration: underline; font-family: Arial;} #contentStage {width: 940px; float: left; position: relative; } #leftCol {background: url('../sprites/leftColBG.gif') no-repeat 3px top; width: 220px; display: inline; float: left; padding-top: 20px; min-height: 200px;} #leftCol ul.leftNav {list-style-type: none; margin-left: 5px;} #leftCol ul.leftNav a {font-family: Arial; text-decoration: none; color: #666666; position: relative; display: block;} #leftCol ul.leftNav a:hover,#leftCol ul.leftNav a.selected { color: #003366;} #leftCol ul.leftNav li {line-height: 12px; margin-bottom: 10px; padding-left: 14px;} #leftCol ul.leftNav li a {line-height: 12px; margin-bottom: 10px; padding-left: 14px; display: block;} /* #leftCol ul.leftNav li.subNavHolder {}*/ #leftCol ul.leftNav li ul.subNav {list-style-type: none;} #leftCol ul.leftNav li ul.subNav li {margin-left: 16px;} #leftCol ul.leftNav li ul.subNav li a {display: block;} #leftCol h2 {font-size: 18px; color: #666666; font-family: Arial; margin-bottom: 7px; margin-left: 34px;} #leftCol p {color: #666666;font-family: Arial; color: #666666; line-height: 18px; margin-bottom: 13px; margin-left: 34px;} #leftCol p a {color: #003366;font-family: Arial; line-height: 18px; text-decoration: none;} .hospitalTick:hover, .hospitalTickSelected {background: url('../sprites/tickHospital.gif') no-repeat center left;} .cancerTick:hover, .cancerTickSelected {background: url('../sprites/tickCancer.gif') no-repeat center left;} .homeTick:hover, .homeTickSelected {background: url('../sprites/tickHome.gif') no-repeat center left;} .orthopedicsTick:hover, .orthopedicsTickSelected {background: url('../sprites/tickOrthopedics.gif') no-repeat center left;} .HFHCTick:hover, .HFHCTickSelected {background: url('../sprites/tickHFHC.gif') no-repeat center left;} .rehabTick:hover, .rehabTickSelected {background: url('../sprites/tickRehab.gif') no-repeat center left;} .urgentTick:hover, .urgentTickSelected {background: url('../sprites/tickUrgent.gif') no-repeat center left;} .womensTick:hover, .womensTickSelected {background: url('../sprites/tickWomens.gif') no-repeat center left;} .woundTick:hover, .woundTickSelected {background: url('../sprites/tickWound.gif') no-repeat center left;} .keepingTick:hover, .keepingTickSelected {background: url('../sprites/tickKeeping.gif') no-repeat center left;} .pavilionTick:hover, .pavilionTickSelected {background: url('../sprites/tickPavilion.gif') no-repeat center left;} .fimaTick:hover, .fimaTickSelected {background: url('../sprites/tickFIMA.gif') no-repeat center left;} .mwTick:hover, .mwTickSelected {background: url('../sprites/tickMidwife.gif') no-repeat center left;} .obgynTick:hover, .obgynTickSelected {background: url('../sprites/tickOBGYN.gif') no-repeat center left;} #tick {position: absolute; top: 0px; left: -10px;} #midCol { border-left: solid 1px #d8d4be; border-right: solid 1px #d8d4be; display: inline; float: left; width: 459px; position: relative; padding-left: 10px; padding-right: 10px; top: 0px; left: 0px; min-height: 808px; } #navChain {font-family: Arial !important; color: #666666 !important; border-bottom: solid 1px #d8d4be; padding-bottom: 8px;} #navChain .breadCrumb {width: 410px;} #navChainServices {font-family: Arial !important; color: #666666 !important; padding-bottom: 8px;} #navChainServices .breadCrumb {width: 410px;} #navChain a, #navChainServices a {text-decoration: none; font-family: Arial; color: #666666;} #navChain a.selected, #navChainServices a.selected, #navChain a:hover, #navChainServices a:hover {color: #003366;} #resize {position: absolute; top: 0px; right: 10px; cursor: pointer;} #resize span:hover {text-decoration: underline;} #resizeDown {font-size: 12px;} #resizeZero {font-size: 16px;} #resizeUp {font-size: 18px;} #content h2 {color: #003366; font-size: 24px; font-family: Arial; padding-top: 5px; padding-bottom: 12px;} #content h2 img {display: block;} #content h3 {color: #003366; font-size: 17px; font-family: Arial; padding-top: 5px; padding-bottom: 2px; clear: both;} #content h3 a {color: #003366; font-size: 17px; font-family: Arial; } #content p {line-height: 18px; margin-bottom: 10px;} #content ul {list-style-position: outside; margin-left: 30px; line-height: 18px; margin-bottom: 10px;} #content ol {list-style-position: outside; margin-left: 30px; line-height: 18px; margin-bottom: 10px;} #content ol li {margin-bottom: 5px;} #content ol li a {font-weight: bold;} #rightCol {float: right; width: 225px; } #footer {border-top: solid 1px #d8d4be; background-color: #f3f1de; } #footerStage {width: 920px; height: 132px; margin-left: auto; margin-right: auto; background: url('../sprites/footerBG.gif') no-repeat 0px 0px; position: relative; } #footerNav { width: 311px; height: 115px; position: absolute; top: 10px; left: 20px; line-height: 18px; } #footerNav ul {list-style-type: none;} #footerNav ul li {display: block; float: left; width: 103px; } #footerNav ul li a { font-family: Arial; font-size: 11px; color: #999999; text-decoration: none;} #footerLogo {width: 311px; height: 60px; position: absolute; top: 30px; left: 311px; text-align: center; font-family: Arial; font-size: 11px; color: #999999;} #krames {position: absolute; top: 47px; right: 180px;} #footerAddress {width: 311px; height: 80px; position: absolute; top: 30px; right: 20px; text-align: right; line-height: 18px; font-family: Arial; font-size: 11px; color: #999999;} /* // ltw_style.css // $Id: ltw_style.css 5 2006-03-12 08:15:51Z mootinator $ // // ltwCalendar Style Sheet */ body {background: #f9f8ee url('../sprites/homeBG.png') repeat-x 0px 0px; font-family: Arial;} h1 {color: #FFFFFF; font-family: Helvetica; font-size: 48px; font-weight: normal; letter-spacing: -2px; margin-top: -10px;} a.prevnext:link {color:#003366; font-family:Arial; font-size:17px;} a.prevnext:visited {color:#003366;} a.prevnext:hover {color:#666666;} a.prevnext:active {color:#003366;} a.day:link {color:#003366; font-size: 18px; font-family:Arial; text-decoration:none;} a.day:hover {color:#003366; font-size: 18px; font-family:Arial; text-decoration:underline} a.day:active {color:#003366; font-size: 18px; font-family:Arial; text-decoration:none;} a.day:visited {color:#003366; font-size: 18px; font-family:Arial; text-decoration:none;} a.event:link {color: #666666; font-size: 12px; text-decoration:none} a.event:visited {color: #666666;; font-size: 12px; text-decoration:none} a.event:hover {color: #000000;; font-size: 12px; text-decoration:underline} a.event:active {color: #666666;; font-size: 12px; text-decoration:underline} a.admin:link {font-family: Arial; font-size: 11px; color: #999999; text-decoration: none;} a.admin:visited {font-family: Arial; font-size: 11px; color: #999999; text-decoration: none;} a.admin:hover {font-family: Arial; font-size: 11px; color: #666666; text-decoration: none;} a.admin:active {font-family: Arial; font-size: 11px; color: #999999; text-decoration: none;} table.cal { background-color: #d8d4be; height: 600px; border: solid 10px #ffffff; border-top: none; font-family: sans-serif } .caltitle { background: #ffffff; } .caption { color: #003366; font-size: 28px; } .prevnext { } .thead { color:white; background-color: #d8d4be; font-size: 18px; } td.cal { background-color: white; text-align: left; vertical-align: top } tfoot.cal { background-color: #f3f1de; font-size: 14px; text-align: left } tfoot.cal td {padding-left: 10px;} ul.cal { margin: 0px; list-style-position: inside } .cal-admin-link { font-family: Arial; font-size: 11px; color: #999999; text-decoration: none; } table.locationLegend { font-size: 14px; } table.locationLegend a:link, a:hover, a:visited{ text-decoration: none; } table.locationLegend .current { font-weight: bold; font-size: 16px; } table.locationLegend .legendHeading { font-size: 11px; }