/********************************
RESET
********************************/


* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-size: 1.0em;
	}

ul {
  list-style: none;
  }

a {
  color: #476db3;
  text-decoration: none;
  }
  
a:hover, a:active, a:focus {
  color: #5c8ce5;
  text-decoration: underline;
  }



/********************************
BODY
********************************/


html {
	overflow-y: scroll;
  }

html, body {
  height: 100%;
  }

div#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -130px;
  }

body {
	background: #F6F6F6 url('/images/layout/bg.png') top center repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
	}

body.with_features {
  background: #F6F6F6 url('/images/layout/home_bg.png') top center repeat-x;
  }

.page_header {
  font-size: 1.6em;
  margin: 0 0 15px 0;
  line-height: 24px;
  color: #222;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  }

input, textarea, select {
  font-size: 13px;
  color: #222;
  padding: 4px;
  border: 1px solid #AAA;
  line-height: 18px;
  }
  
select {
  width: 160px;
  padding: 0;
  }

textarea, input.textbox_wide {
  width:100%;
  }
  
input.textbox {
  width: 200px;
  }

.textarea {
  width: 500px;
  }

input.submit_button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	}
	
input.submit_button:hover {
	border: 3px double #7DA4D9;
	border-top-color: #D5E7FF;
	border-left-color: #D5E7FF;
	cursor: pointer;
	}

input.submit_button:active {
	border: 3px double #D5E7FF;
	border-top-color: #7DA4D9;
	border-left-color: #7DA4D9;
	}

p {
  margin-bottom: 12px;
  text-align: justify;
  color: #222;
  }

p a {
  color: #476db3;
  text-decoration: underline;
  }
  
p a:hover {
  color: #5c8ce5;
  text-decoration: none;
  }

#sidebar p {
  text-align: left;
  }
  
#content #about ul {
  list-style: disc;
  margin: 24px 0 24px 42px;
  }

#content  #about ul li {
  margin-bottom: 6px;
  }



/********************************
HEADER
********************************/


#header {
	width: 772px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	}

#logo {
  position: absolute;
  top: 18px;
  left: 0;
  }

#query {
  position: absolute;
  top: 38px;  
  right: 0;
  width: 240px;
  }
  
.sunken_input {
  font-size: 13px;
  color: #222;
  padding: 4px;
  border: 1px solid #999;
  border-top: 2px solid #666;
  }

#content {
	width: 772px;
	margin: 24px auto 0 auto;
	}



/********************************
COMPONENTS
********************************/


.flash_notice {
  background: #DFD;
  border: solid 2px #060;
  padding: 5px;
  color: #003300;
  margin: 16px auto;
  }

.flash_error {
  background: #FDD;
  border: solid 2px #600;
  padding: 5px;
  color: #300;
  margin: 16px auto;
  }

.meta {
  background: #DDD;
  border :dashed 2px #999;
  padding :5px;
  margin: 12px 0 0;
  }



/********************************
NAVIGATION
********************************/

	
#navigation {
	width: 810px;
	margin: 0 auto;
	height: 59px;
	}
	
#navigation ul {
  margin: 1px auto 0 auto;
  height: 52px;
  background: url('/images/layout/nav.png') no-repeat 0px 0px;
  }

#navigation ul li {
  display: block;
  float: left;  
  }

#navigation ul li a {
  display: block;
  margin: 0 0 0 1px;
  width: 133px;
  height: 52px;
  background-repeat: no-repeat;
  text-indent: -5000px;
  }

#navigation #about_link               {  margin: 0 0 0 2px; }
#navigation #about_link:hover,
#navigation #about_link:focus         {  background: url('/images/layout/nav.png') -2px -52px;     }
#navigation #about_link:active        {  background: url('/images/layout/nav.png') -2px -104px;    }
#navigation #about_link.selected      {  background: url('/images/layout/nav.png') -2px -156px;    }
  
#navigation #products_link:hover,
#navigation #products_link:focus      {  background: url('/images/layout/nav.png') -136px -52px;   }
#navigation #products_link:active     {  background: url('/images/layout/nav.png') -136px -104px;  }
#navigation #products_link.selected   {  background: url('/images/layout/nav.png') -136px -156px;  }

#navigation #hcahps_link:hover,
#navigation #hcahps_link:focus        {  background: url('/images/layout/nav.png') -270px -52px;   }
#navigation #hcahps_link:active       {  background: url('/images/layout/nav.png') -270px -104px;  }
#navigation #hcahps_link.selected     {  background: url('/images/layout/nav.png') -270px -156px;  }
  
#navigation #resources_link:hover,
#navigation #resources_link:focus     {  background: url('/images/layout/nav.png') -404px -52px;   }
#navigation #resources_link:active    {  background: url('/images/layout/nav.png') -404px -104px;  }
#navigation #resources_link.selected  {  background: url('/images/layout/nav.png') -404px -156px;  }

#navigation #news_link:hover,
#navigation #news_link:focus          {  background: url('/images/layout/nav.png') -538px -52px;   }
#navigation #news_link:active         {  background: url('/images/layout/nav.png') -538px -104px;  }
#navigation #news_link.selected       {  background: url('/images/layout/nav.png') -538px -156px;  }
  
#navigation #contact_link:hover,
#navigation #contact_link:focus       {  background: url('/images/layout/nav.png') -672px -52px;   }
#navigation #contact_link:active      {  background: url('/images/layout/nav.png') -672px -104px;  }
#navigation #contact_link.selected    {  background: url('/images/layout/nav.png') -672px -156px;  }



/********************************
FOOTER
********************************/


#footer {
	width: 100%;
	background: #222222 url('/images/layout/footer_bg.png') top center repeat-x;
	color: #999;
	margin: 0 auto;
	}

#footer #footer_content {
  text-align: center;
  width: 772px;
  padding: 20px 0;
  margin: 0 auto;
  }

#footer_content ul li {
  display: inline;
  margin: 0 10px;
  }

#footer_content ul li a {
  color: #FFF;
  }
  
#footer #company_link {
  color: #999;
  }

.push {
  height: 130px;
  margin: 10px 0;
  clear: both;
  } 

#footer .accreditations {
  background: url('/images/layout/accreditation_bg.png') top center no-repeat;
  height: 170px;
  width: 370px;
  margin: 20px auto 0 auto;
  }

#footer .accreditations_content img {
  margin: 20px;
  }



/********************************
GENERAL CLASSES
********************************/


.clear 		{ clear: both;	       }

.hidden		{ display: none;       }

.left		  { float: left;	       }

.right		{ float: right;        }

.l-gut		{ margin-left: 32px;   }

.r-gut  	{ margin-right: 32px;  }

.bottom   { margin-bottom: 24px; }

.gut 		  { margin: 0 16px;      }

.scroll   { overflow: auto;      }



/********************************
COLUMN CLASSES
********************************/


.span1  { width: 35px;  }
	
.span2  { width: 102px; }
	
.span3  { width: 169px; }
	
.span4  { width: 236px; }
	
.span5  { width: 303px; }
	
.span6  { width: 370px; }

.span7  { width: 437px; }
	
.span8  { width: 504px; }
	
.span9  { width: 571px; }
	
.span10 { width: 638px; }
	
.span11 { width: 705px; }
	
.span12 { width: 772px; }



/********************************
TOOLBAR
********************************/


#toolbar {
  position: absolute;
  height: 30px;
  width: 100%;
  background: #819bcc;
  text-align: left;
  z-index: 1000;
  }
  
#toolbar ul {
  width: 772px;
  margin: 0 auto;
  padding: 4px;
  }

#toolbar ul li {
  display: inline;
  padding: 0 6px;
  color: #FFF;
  }

#toolbar ul li a {
  color: #000;
  }



/********************************
WIZARD
********************************/


.wizard {
  background: url('/images/layout/wizard.png') top left no-repeat;
  margin: 36px 0 12px 0;
  padding: 0;
  height: 200px;
  }
  
.wizard li {
  font-size: 1.1em;
  display: block;
  width: 165px;
  line-height: 26px;
  margin: 50px 0 0 76px;
  float: left;
  color: #444;
  }
  
.wizard li h3 {
  color: #333;
  font-size: 1.3em;
  }



/********************************
SIDEBAR PANELS
********************************/


.sidebar_panel {
  float: left;
  width: 169px;
  margin-bottom: 24px;
  }
  
.sidebar_panel_header {
  color: #333;
  font-variant: small-caps;
  font-weight: bold;
  height: 28px;
  padding: 4px 0 0 8px;
  background: url('/images/layout/sidebar.png') top center no-repeat;
  }
  
.sidebar_panel_header a {
  color: #333;
  }
  
.sidebar_panel_content {
  padding: 5px 10px 10px 10px;
  background: url('/images/layout/sidebar.png') bottom center no-repeat;
  }

.sidebar_panel_content ul li {
  margin: 0 0 15px 0;
  }

#contact_sidebar dl dt {
  font-weight: bold;
  }
  
#contact_sidebar dl dt img {
  margin-right: 5px;
  }
  
#contact_sidebar dl dd {
  margin: 0 0 16px 0;
  font-size: 12px;
  }

#contact_sidebar a {
  color: #222;
  }

.testimonial {
  margin: 0 0 5px 0;
  padding: 0 4px;
  }

.testimonial_quote {
  font-style: italic;
  margin: 0 0 10px 0;
  }
  
.testimonial_name {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 12px;
  }

#accreditations_sidebar {
  text-align: center;
  }

#accreditations_sidebar img {
  margin: 10px;
  }

/********************************
TOOLS
********************************/


.tool {
  position: absolute;
  right: 0;
  top: 20px;
  background: #222;
  border: 1px solid #999;
	border-top: 1px solid #7DA4D9;
	border-bottom: 4px solid #7DA4D9;
  padding: 10px;
  width: 160px;
  }
  
.tool input, .tool select {
  margin: 0 0 10px 0;
  }
  
.tool .input_box {
  background-color: #CCC;
  border: 1px solid #FFF;
  }
  
.tool select {
  width: 154px;
  }

.tool .submit_button {
  margin: 5px 0 0 0;
  }

.tool, .tool p {
  color: #999;
  }
  
.tool .close_tool {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 16px;
  width: 16px;
  background: url('/images/layout/close_tool.png') top center no-repeat;
  }
  
.tool .close_tool:hover {
  background: url('/images/layout/close_tool.png') bottom center no-repeat;
  }



/********************************
HOME
********************************/


#home_features {
  height: 215px;
  width: 772px;
  margin: 0 auto;
  padding: 24px 10px 0 10px;
  background: url('/images/layout/home_content_bg.png') top center no-repeat;
  }
  
#hhcahps_highlight {
  display: block;
  height: 119px;
  width: 772px;
  padding: 24px 10px 0 10px;
  margin: 0 auto;
  background: url('/images/layout/hh-cahps.png') top center no-repeat;
  text-indent: -200000px;
}
  
.home_feature {
  height: 175px;
  width: 236px;
  }

a.feature_block {
  height: 165px;
  width: 236px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #222;
  padding: 10px 0 0 0;
  }

a.feature_block p {
  text-align: center;
  margin: 5px 0;
  }

#home_text p {
  line-height: 15px;
  font-size: 0.85em;
  letter-spacing: -0.04em;
  }



/********************************
NEWS
********************************/

  
.story_listing {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
  }

.story_listing .updated {
  color: #777;
  }

.story_listing .title {
  margin-bottom: 10px;
  font-size: 1.4em;
  word-spacing: 1px;
  line-height: 20px;
  clear: both;
  }
  
.story_listing .summary p {
  text-align: justify;
  padding: 0;
  line-height: 18px;
  margin: 0;
  }

#story {
  position: relative;
  margin: 0 0 40px 0;
  }

#story .intro p, #story .intro {
  font-weight: bold;
  font-style: italic;
  width: 99%;
  line-height: 20px;
  color: #333;
  }
  
#story .details {
  border-bottom: solid 1px #E3E3E3;
  margin-bottom: 20px;
  }

#story .byline {
  font-weight: bold;
  }

#story .updated {
  color: #777;
  float: left;
  }

#story .body p {
  line-height: 20px;
  }

#story .body blockquote {
  margin: 12px 0;
  padding: 24px 26px;
  border: 1px solid #E3E3E3;
  border-bottom: 2px solid #CCC;
  background-color: #FFF;
  text-align: justify;
  line-height: 24px;
  }
  
#story ul {
  list-style: disc;
  text-align: justify;
  margin: 12px 0;
  padding: 24px 26px;
  background-color: #FFF;
  border: 1px solid #E3E3E3;
  border-bottom: 2px solid #CCC;
  }
  
#story ul li {
  margin: 10px 20px;
  }
  
#story #email_story {
  height: 150px;
  }
  
#story #save_story {
  height: 80px;
  }

#story #email_confirm {
  text-align: center;
  }
  
#story #article_tools {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  }

#story #article_tools li {
  display: inline;
  margin: 0 0 0 20px;
  padding: 0;
  }
  
#story #feed_tools {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  }
  
#story #feed_tools li {
  display: inline;
  margin: 0 0 0 12px;
  padding: 0;
  }

  
  
/********************************
PRODUCT LISTING
********************************/


#products {
  margin-top: 30px;
  }

.product_listing {
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  height: 220px;
  background-repeat: no-repeat;
  position: relative;
  }

.product_listing .product_body {
  width: 430px;
  }

.product_listing .title {
  margin: 5px 0 4px 0;
  font-size: 1.85em;
  word-spacing: 1px;
  line-height: 30px;
  }
  
.product_listing .summary, .product .summary, .product .description {
  text-align: left;
  padding: 0 30px 0 0;
  line-height: 22px;
  font-size: 1.1em;
  }
  
.product_listing .more {
  position: absolute;
  right: 260px;
  bottom: 50px;
  font-size: 1.2em;
  }
  
.product_listing .more a {
  text-decoration: underline;
  }

.product_listing .more a:hover, .product_listing .more a:active, .product_listing .more a:focus {
  text-decoration: none;
  }
  
.product_listing .product_link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 330px;
  height: 220px;
  }



/********************************
PRODUCT DETAIL
********************************/

.product ul {
  list-style: disc;
  margin: 0 0 12px 24px;
  }


/* PRODUCT HEADER */

.product .product_header {
  background-repeat: no-repeat;
  height: 194px;
  }

.product .product_header .intro_text {
  width: 282px;
  position: relative;
  }

.product .product_header .intro_text h3 {
  font-size: 1.4em;
  padding-right: 24px;
  position: absolute;
  top: 10px;
  left: 60px;
  line-height: 22px;
  color: #222;
  }
  
.product .product_header .intro_text .summary {
  font-size: 1.15em;
  line-height: 22px;
  position: absolute;
  top: 65px;
  left: 5px;
  padding-right: 20px;
  color: #444;
  }
  
.product .product_header .logo {
  margin: 18px 0 0 0;
  }
  
.product .product_bg {
  height: 13px;
  background: url('/images/layout/product_header_bottom.png') bottom center no-repeat;
  }


/* PRODUCT BODY */

.product .intro_features h3 {
  color: #FFF;
  font-size: 1.2em;
  margin: 0 0 10px 0;
  }

.product .intro_features {
  color: #DDD;
  background: #333 url('/images/layout/features_top.png') top center no-repeat;
  padding: 10px 15px 15px 15px;
  }

.product .features_bottom {
  background: url('/images/layout/features_bottom.png') top center no-repeat;
  height: 14px;
  }

.product .intro_features ul {
  list-style: circle;
  margin-bottom: 0;
  }

.product .intro_features ul li {
  list-style: circle;
  margin-bottom: 10px;
  line-height: 14px;
  }
  
.product .product_body .description {
  margin: 8px 0 0 0;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  }

.product .product_body .description p {
  line-height: 24px;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  }


/* PRODUCT DETAILS */

.product .product_details {
  padding: 0 0 0 15px;
  }
  
.product .product_details p {
  margin: 0 0 20px 0;
  line-height: 20px;
  }

.product .product_details h3, .product .description h3 {
  font-size: 1.2em;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #DDD;
  }

.more {
  margin: 10px 0 0 0;
  }
  
  
  
/********************************
RESOURCES
********************************/


#third_party tbody tr td {
  padding: 12px;
  vertical-align: top;
  border-bottom: 1px solid #E3E3E3;
  }
  
#third_party tbody tr .odd {
  background-color: transparent;
  }



/********************************
SITEMAP
********************************/


#sitemap li {
  margin: 0 0 24px 0;
  }

#sitemap ul {
  margin-left: 18px; 
  }

#sitemap ul li {
  margin: 0;
  }

#sitemap h3 {
  margin-bottom: 8px;
  font-size: 1.4em;
  }



/******************************
FEATURE PANEL
******************************/


#feature_container {
	width: 772px;
	height: 268px;
	position: relative;
  margin: 0 auto;
  padding: 24px 10px 0 10px;
  background: url('/images/layout/home_features_bg.png') top center no-repeat;
  }

#feature_panels {
	position: absolute;
	top: 0px;
	left: 0px;
  }

.feature_panel {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 772px;
	height: 270px;
	background-position: 10px 23px;
	background-repeat: no-repeat;
  }

.feature_panel h2 {
	position: absolute;
	left: 396px;
	top: 35px;
	font-size: 22px;
	line-height: 29px;
	background-color:white;
  }

.feature_panel .description {
	position: absolute;
	top: 70px;
	left: 396px;
	height: 120px;
	width: 350px;
	line-height: 22px;
	background-color:white;
  }

.feature_panel .learn_more {
	position: absolute;
	top: 206px;
	left: 396px;
	color: #FFFFFF;
	padding: 4px 30px 7px 30px;
	font-weight: bold;
  }
  
.feature_panel .learn_more:hover {
  color: #FFFFFF;
  }

.feature1 {
	background-image: url(/images/features/home_feature_patient.jpg);
  }

.feature2 {
  background-image: url(/images/features/home_feature_employee.jpg);
  }

.feature3 {
	background-image: url(/images/features/home_feature_physician.jpg);
  }

#feature_overlay {
	position: absolute;
	z-index: 20;
	width: 180px;
	height: 50px;
	background: transparent;
	right: 30px;
	bottom: 50px;
  }

.feature_trigger {
  display: block;
  float: right;
  }

#feature_trigger_1 {
	position: absolute;
	bottom: 0px;
	right: 130px;
  }

#feature_trigger_2 {
	position: absolute;
	bottom: 0px;
	right: 65px;
  }

#feature_trigger_3 {
	position: absolute;
	bottom: 0px;
	right: 0px;
  }



/******************************
FORM ERRORS
******************************/


.fieldWithErrors {
  padding: 2px;
  background-color: #8fade3;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #476eb3;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #476eb3;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 30px;
}



/********************************
AWARDS
********************************/

.award {
  width: 236px;
  background: url('/images/layout/award_bg.png') top center no-repeat;
}

.award h4 {
  margin: 4px 0 0 8px;
  }

.award label {
  margin: 0 0 0 10px;
  font-size: 0.85em;
  color: #444;
}

.award .preview_image {
  margin: 20px auto 10px auto;
  height: 150px;
  text-align: center;
}

.award .award_code {
  width: 204px;
  margin: 0 10px 10px 10px;
  overflow: hidden;
}