/* ================= */
/*
  Description     : Styles for Consumer View Redesign (All font size definations are at the bottom, with the base body font size set in the three font css files.)
  Author          : Brian Cronk
  Created         : 04/13/2007
  Owner/Copright  : 2007, Catholic Healthcare West
  Notes           : 
  Updates         : 
*/
/* ************** */


body {
  color: #333333; 
  font-family: arial, tahoma, helvetica, sans-serif; 
  text-align: center; 
  margin: 0; padding: 0; 
  background-color: #cfcfcf;}
img {border: 0;}
tr {vertical-align: top;}
form {padding: 0; margin: 0;}
a {color: #0077AA; text-decoration: underline;}
a:hover {color: #0077AA; text-decoration: none;}  
a:visited {color: #09214D;}


/* Skip Navigation Styles */
.pageTop {margin: 0px; padding: 0px; display: inline; height: 1px;}
.skip {position: absolute; top: -4em; left: 0; z-index: 0}
.skip a {padding: 0em 0.5em; left: 0em; width: 14.2em; z-index: 0}
.skip a:focus, .skip a:active {display: inline; z-index: 20; border: solid black 1px; color: #cc0; text-decoration: none; position: absolute; top: 7.5em; left: 120px}
.skip a#cont {position: absolute; top: -9em; width: 14.2em}
.skip a#cont:focus, .skip a#cont:active {position: absolute; top: 15em; left: 0em; z-index: 2}
.skip a:hover {cursor: default}

/* Sets overall site width */
#chwWrapper {width: 954px;}

/* Styles for Header, Logo and Logging Info Areas */
#chwHeader {font-size: 12px; text-align: left; margin: 0px 2px 4px 2px; padding: 0 6px 6px 6px; background-color: #ffffff; border-bottom: 1px solid #797979;}
#chwHeader .headerContainer {padding-bottom: 8px; background: transparent url(stellent/groups/jsp/documents/webcontent/header_tile.gif) repeat-x bottom;}
#chwHeader .headerContainer p.adv {margin: 5px 0 0 0; padding: 0 0 0 12px; background: url(stellent/groups/jsp/documents/webcontent/adv_arrow.gif) no-repeat center left;}
#chwHeader .headerContainer p.adv a {color: #333333; text-decoration: underline;}
#chwHeader .headerContainer p.adv a:hover {color: #333333; text-decoration: none;}

#chwHeader .headerLinkTable {background: transparent url(stellent/groups/jsp/documents/webcontent/header_linkBngd.gif) no-repeat top right;}


/* White content box with drop shadow */
.chwContainer {text-align: left; margin: 0px 2px 4px 2px; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}

/* Homepage's left menu and flash images */ 
#pageLayoutTable {margin: 0px 2px 4px 2px;}  

#pageLayoutTable .col2 {}
#pageLayoutTable .col3_content {text-align: left; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}
#pageLayoutTable .col4_navbottom {padding: 0px 6px 6px 6px; vertical-align: bottom; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}

/* Homepage spotlights */  
#homeSpotlights {margin: 0px 2px 4px 2px;}
.homeSpotlightTable .spotlightContainer {text-align: left; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}  
.homeSpotlightTable .spotlightContainer h2 {margin: 0; padding: 0 0 10px 10px; font-weight: bold;}
.homeSpotlightTable .spotlightContainer p {margin: 0; padding: 0 0 3px 10px;}
.homeSpotlightTable .spotlightContainer p.more a {color: #0077AA; text-decoration: underline;}
.homeSpotlightTable .spotlightContainer p.more a:hover {text-decoration: none;}

/* Homepage spotlights */  
#homeSpotlights {margin: 0px 2px 4px 2px;}

.homeSpotlightTable .spotlightContainer {text-align: left; padding: 5px 6px 6px 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}  
/* .homeSpotlightTable .spotlightContainer {text-align: left; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}   */
.homeSpotlightTable .spotlightTable {table-layout: fixed; width: 301px;}
.homeSpotlightTable .spotlightTable2 {table-layout: fixed; width: 300px;}
.homeSpotlightTable .spotlightContainer h2 {margin: 0; padding: 0 0 10px 10px; font-weight: bold;}
.homeSpotlightTable .spotlightContainer p {margin: 0; padding: 0 0 3px 10px;}
.homeSpotlightTable .spotlightContainer a {color: #000000; text-decoration: none;}
.homeSpotlightTable .spotlightContainer a:hover {text-decoration: underline;}
.homeSpotlightTable .spotlightContainer p.more a {color: #0077AA; text-decoration: underline;}
.homeSpotlightTable .spotlightContainer p.more a:hover {text-decoration: none;}
      
/* Homepage links under the spotlights */
#indexContainer {}
.homeIndexTable {}
.homeIndexTable .col1 {border-right: 1px dashed #999999; padding: 0 0 5px 0px;}
.homeIndexTable .col2 {border-right: 1px dashed #999999; padding: 0 0 5px 0px;}
.homeIndexTable .col3 {padding: 0 0 5px 0;}
.homeIndexTable .col4 {background-color: #F2F2F2; padding: 0 5px 5px 0;}
.homeIndexTable .col5 {background-color: #F2F2F2; padding: 0 5px 5px 0; border-top: 6px solid #ffffff;}
.homeIndexTable img.topMargin {margin-top: 10px;}
.homeIndexTable p {margin: 0; padding: 0px 20px 6px 25px; background: transparent url(stellent/groups/jsp/documents/webcontent/bullet_links.gif) no-repeat top left;}
.homeIndexTable p.text {margin: 0; padding: 0 20px 5px 10px; background-image: none;}
.homeIndexTable p a {color: #333333; text-decoration: none;}
.homeIndexTable p a:hover {text-decoration: underline;}
.homeIndexTable p.more {background-image: none;}
.homeIndexTable p.more a {color: #0077AA; text-decoration: underline;}
.homeIndexTable p.more a:hover {text-decoration: none;}
.homeIndexTable .col5 a {color: #0077AA; text-decoration: underline;}
.homeIndexTable .col5 a:hover {text-decoration: none;}

/* Styles for Page's Breadcrumbs */  
.breadcrumb {font-size: 0.92em; color: #7f004d; margin: 0px 0px 8px 0px; padding: 0px;}
.breadcrumb li {font-weight: bold; display: inline; padding: 0 5px 0 10px; background: transparent url(stellent/groups/jsp/documents/webcontent/breadcrumb_arrow.gif) no-repeat center left;}
.breadcrumb li.home {background-image: none;}
.breadcrumb a {font-weight: normal;}
  
.contentLayoutTable {/*#51002C */}  
.contentLayoutTable .pageTitle {background: #5D0033 url(stellent/groups/jsp/documents/webcontent/pgTtl_bgnd.gif) no-repeat bottom left;}
.contentLayoutTable .pageTitle h1 {color: #ffffff; font-weight: normal; margin: 14px 5px 2px 8px; padding: 0px;}
.contentLayoutTable .mainCol {padding: 10px 5px 20px 5px;}
.contentLayoutTable .intro {padding: 10px 0px 10px 0px; margin: 0;}
.contentLayoutTable .quickLink {text-align: right; margin: 0 0 5px 0; padding: 0;}
.contentLayoutTable a {color: #0077AA; text-decoration: underline;}
.contentLayoutTable a:hover {color: #0077AA; text-decoration: none;}
.contentLayoutTable .linkIndexTable {border-top: 2px solid #DCD6CB;}
.contentLayoutTable .linkIndexTable a {color: #0077AA; text-decoration: underline;}
.contentLayoutTable .linkIndexTable a:hover {text-decoration: none;}
.contentLayoutTable  h2 {color: #7F004D; margin: 20px 0px 5px 0px; padding: 0;}
.contentLayoutTable  .mainCol h2 {color: #7F004D; margin: 20px 0px 0px 0px; padding: 0;}

.contentLayoutTable  .mainCol .photoLeft  {margin: 0 10px 10px 0; float: left;}
.contentLayoutTable  .mainCol .photoRight {margin: 0 0 10px 10px; float: right;}

.contentLayoutTable  h3 {color: #333333; margin: 20px 0px 0px 0px; padding: 0;}
.contentLayoutTable  h4 {color: #6E715E; margin: 0px 0px 5px 0px; padding: 0;}
.contentLayoutTable  .mainCol p {margin: 0px 0px 10px 0px; padding: 0;}
.contentLayoutTable .linkIndexTable .col1 {padding: 0 30px 30px 5px;}
.contentLayoutTable .linkIndexTable .col2 {padding: 0 10px 30px 0;}
.contentLayoutTable .linkIndexTable p {margin: 5px 0px; padding: 0px 0px 0px 20px; background: transparent url(stellent/groups/jsp/documents/webcontent/bullet_links.gif) no-repeat top left;}
.contentLayoutTable .linkIndexTable p a {color: #0077AA; text-decoration: underline;}
.contentLayoutTable .linkIndexTable p a:hover {text-decoration: none;}
.contentLayoutTable .linkIndexTable p.more {margin: 0 0 0 0; background-image: none;}

/* Spotlights on the site pages */
.pageSpotlightContainer {margin-bottom: 20px;}  
.pageSpotlightContainer h3 {margin: 5px 0px 5px 0px; padding: 0;}
.pageSpotlightContainer p {margin: 0 0 10px 0; padding: 0;}   
.pageSpotlightContainer p.more {margin: 0 0 0 0; background-image: none;}
.pageSpotlightContainer p.more a {color: #0077AA; text-decoration: underline;}
.pageSpotlightContainer p.more a:hover {text-decoration: none;}
  
/* spotlights on the site pages */
.additionalLinksContainer {margin: 30px 0 30px 0;}  
.additionalLinksContainer h3 {margin: 0; padding: 0;}
.additionalLinksContainer p {margin: 0; padding: 6px 0 6px 0; border-bottom: 1px solid #E7E4D3;}   

/* Footer Styles */  
#footerContainer {padding: 15px; background: transparent url(stellent/fragments/comFooter/images/footerBgnd.gif) repeat-x top;}
.footerLinksTable {color: #666666;}
.footerLinksTable a {color: #666666;}
.footerLinksTable a:visited {color: #666666;}
.footerLinksTable p {margin: 0; padding: 1px 0px;}
.footerLinksTable .col1 {padding: 1px 10px; border-right: 1px solid #c5c4c4;}  
.footerLinksTable .col2 {padding: 1px 10px; border-left: 1px solid #ffffff;}  
.footerLinksTable .col3 {padding: 1px 20px;}  
.footerLinksTable .col4 {padding: 1px 10px 1px 10px;}  
  

  
.phoneNumberTable .col1 {padding: 5px 20px 5px 5px;}
.phoneNumberTable .col2 {padding: 5px 20px 5px 60px;}

.formBox {background-color: #f2f2f2; padding: 10px;}
.formBox .formLabel {font-weight: bold; margin: 10px 0 0 0; padding: 0;}
.searchResultInfoTable td {vertical-align: middle;}
.searchResultTable {border: 2px solid #ebebeb;}
.searchCatTitle {font-weight: bold; padding: 3px 5px; background-color: #f6f6f6; border-bottom: 2px solid #ebebeb;}
.docTitle {padding: 5px 5px; border-bottom: 2px solid #ebebeb;}
.docInfo {padding: 5px 5px; border-bottom: 2px solid #ebebeb;}
.searchTableInfo1 {font-weight: bold; text-align: left; padding: 10px 0px 10px 15px; background-color:  #ebebeb;}
.searchTableInfo2 {font-weight: bold; text-align: center; padding: 10px 0px 10px 0px; background-color: #ebebeb;}
.searchTableInfo3 {font-weight: bold;text-align: right; padding: 10px 10px 10px 0px; background-color: #ebebeb;}
.displayNumTable td {vertical-align: middle;}
.note {color:#999999;}
.reqtext {color:#435526;}
.req {color:#435526; font-weight: bold; position: relative; top: 5px;}
.contactUsTable {vertical-align: middle;}
   
.SearchTable td {vertical-align: middle;}
.SearchTable .label {font-weight: bold; padding: 5px 0 5px 5px;}
  
 
  
  
  
  
  
/* Set Font Sizes */
.spotlightTable .spotlightContainer h2 {font-size: 1em;}
.breadcrumb {font-size: 0.92em;}
.contentLayoutTable .pageTitle h1 {font-size: 1.7em;}
 h2 {font-size: 1.15em;}
 h3 {font-size: 1.05em;}
 h4 {font-size: 1.25em;} 
 
#spotlights h2 {font-size: 0.92em;}
#spotlights p {font-size: 0.92em;}
 
.pageSpotlightContainer h3 {font-size: 1em;}
.additionalLinksContainer h3 {font-size: 1em;}
.prSpotlightMiddle h2 {font-size: 1.04em;}
.note {font-size: 0.92em;}

/* search Result Table Styles */
.searchTableInfo1 {font-size: 0.92em;}
.searchTableInfo2 {font-size: 0.92em;}
.searchTableInfo3 {font-size: 0.92em;}
.docInfo {font-size: 0.8em;}
.req {font-size: 1.5em;}

.disclaimer {font-size: 0.92em;}
#footerContainer {font-size: 0.92em;}



  .viewFacilityTL {margin-top: 20px; background: #E6E6E6 url(stellent/groups/jsp/documents/webcontent/viewFacilityTL.gif) no-repeat top left;}
  .viewFacilityTR {background: transparent url(stellent/groups/jsp/documents/webcontent/viewFacilityTR.gif) no-repeat top right;}
  .viewFacilityBL {background: transparent url(stellent/groups/jsp/documents/webcontent/viewFacilityBL.gif) no-repeat bottom left;}
  .viewFacilityBR {padding: 6px; background: transparent url(stellent/groups/jsp/documents/webcontent/viewFacilityBR.gif) no-repeat bottom right;}
  .viewFacilityContent {padding: 4px; background-color: #ffffff;}
  .viewFacilityTable .links {padding-top: 10px; background: transparent url(stellent/groups/jsp/documents/webcontent/viewFacilityTile.gif) repeat-x top left;}
  .viewFacilityTable .stroke1 { border: 1px solid #EBEBEB;}
  .viewFacilityTable .stroke2 {padding: 6px; border-bottom: 1px solid #A7A7A7;}
  .viewFacilityTable .buttons {margin-bottom: 10px; text-align: right;}  
  .viewFacilityTable p {margin: 0; padding: 3px 10px 4px 0px;}
  .viewFacilityTable p a {display: block; color: #333333; font-weight: normal; padding: 0 0 0 12px; text-decoration: none; background: transparent url(stellent/groups/jsp/documents/webcontent/link_arrowOpenBlack.gif) no-repeat top left;}  
  .viewFacilityTable p a:hover {color: #333333; text-decoration: underline;}  
  .viewFacilityTable a:visited {color: #333333;}
  .viewFacilityTable p.selected {color: #7F004D; font-weight: bold; padding-left: 12px; background: transparent url(stellent/groups/jsp/documents/webcontent/link_arrowOpenPlum.gif) no-repeat top left;}
  .viewFacilityTable p.selected a {color: #7F004D; font-weight: bold; padding: 0; background-image: none;} 
  .viewFacilityTable p.selected a:hover {color: #7F004D;} 
  .viewFacilityTable p.selected a:visited {color: #7F004D;}
