/**************************************************************
* =============================================================
* homepage.css - Stylesheet for the Home/Portal page
* -------------------------------------------------------------
* 
* 	Created By: William Bowers
* 	Date Created: May 18, 2007
* 	Date Modified: May 18, 2007
* 
* =============================================================
* CONTENTS
* -------------------------------------------------------------
* 	
*   - General layout
*   - Header
*  	- Heading bar - Search and Promotion Quicklinks
*  	- Headings
*   - Columns
*  	- Navigation
*   - Rotating banner
*   - Content column
*  	
* =============================================================
***************************************************************/

/* General layout
***************************************************************/

#header {

	}

#body {
	margin: 0px;
	padding: 0px 0px 0px;
	}
	
#content {
	background: #fff url("/includes/images/homepage/body_bg.jpg") repeat-y top left;
	margin: 10px 0px 0px;
	padding: 0px 0px 16px;
	position: relative;
	}


/* Header
***************************************************************/

#headernewsalert {
			display:none;
	width: 220px;
	float: right;
	margin: 0px;
	padding: 30px 0px 0px;
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
	color: #CC3300;
	}
		
#headernewsalert a {
	color: #CC3300;
	font-weight: bold;
	}


/* Heading bar - Search and Promotion Quicklinks
***************************************************************/

#headingbar {
	background: #FFF7E2 url("/includes/images/backgrounds/home_search_bar.gif") repeat-x top left;
	border: 1px solid #D6CFB5;
	border-right: 0px;
	border-left: 0px;
	height: 39px;
	line-height: 39px;
	margin: 10px -10px;
	padding: 0px;
	position: relative;
	} * html #headingbar {
			margin-bottom: 16px;
			}

#headingbar .searchBox {
	left: 15px;
	position: absolute;
	top: 0px;
	width: 700px;
	}
	
#headingbar .searchBox br {
	display: none;
	}
	
#headingbar .searchBox select {
	float: left;
	font-size: 96%;
	height: 20px;
	margin: 8px 0px 0px;
	padding: 0px;
	width: 160px;
	}
	
#headingbar .searchBox h5, #headingbar .searchBox form input {
	display: inline;
	float: left;
	line-height: 39px;
	}
	
#headingbar .searchBox h5 {
	font: 120% arial;
	margin: 8px;
	margin-left: 0px;
	}
	
#headingbar .searchBox form label {
	display: inline;
	float: left;
	font-size: 86%;
	font-weight: bold;
	padding: 0px 4px;
	}
	
#headingbar .searchBox form input {
	margin: 5px 3px;
	}
	
#headingbar .searchBox form .input {
	margin-top: 8px;
	}
	
* html #headingbar .searchBox #q {
	height: 22px;
	}
	
#headingbar #promo_quicklinks {
	font: 76% Arial, Helvetica, sans-serif;
	line-height: 39px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 15px;
	top: 0px;
	}
	
#headingbar #promo_quicklinks a {
	color: #009;
	text-decoration: none;
	}
	
#headingbar #promo_quicklinks a:hover {
	text-decoration: underline;
	}
	
/* Headings
***************************************************************/




/* Columns
***************************************************************/

.homepage_column, #cols_navigation, #cols_promotions, #cols_content {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 310px;
	}

.homepage_column h5 {
	font-size:18px;
	}

#cols_content, #cols_promotions {
	margin-right: 0px;
	padding: 0px 6px;
	}

#cols_navigation {
	
	} * html #cols_navigation {
			margin-right: 5px;
			}

#cols_content {
	width: 322px;
	}

#cols_promotions {
	width: 294px;
 	}

.homepage_column .wrapper {
	margin: 0px 0px 14px;
	padding: 0px;
	}

.module {
	margin-bottom: 15px;
	}

.homepage_column h2 {
	background: #FFF7E2 url("/includes/images/backgrounds/home_search_bar.gif") repeat-x top left;
	border: 1px solid #D6CFB5;
	font: italic bold 13pt "Times New Roman", Times, serif;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 10px;
	padding: 0px 6px;
	}
	
.homepage_column h2 strong {
	font: bold 12pt Arial, Helvetica, sans-serif;
	}

h2 {
	color: #000 !important;
	font-size: 76% !important;
	font-style: italic !important;
	margin: 0px !important;
	padding: 8px 4px !important;
	}

/* Navigation
***************************************************************/

#cols_navigation td {
	padding-bottom: 14px;
	}
	
#cols_navigation .wrapper h5 {
	margin: 0px 0px 4px;
	}

#cols_navigation .wrapper .col1, #cols_navigation .wrapper .col2 {
	float: left;
	}

#cols_navigation .wrapper .clear {
	display: none;
	}

#cols_navigation .wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#cols_navigation .wrapper a {
	display: block;
	font: 80% Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	width: 150px;
	}
	
#cols_navigation .wrapper a:hover {
	/*background: #f5f5f5;*/
	}

.service_list .service_list_tbl tr.table_headings {
	display:none;
	}

.service_list .service_list_tbl tr {
	vertical-align: top;
	}
	
.service_list .service_list_tbl td {
	padding: 2px 3px 3px 3px;
	}

.service_list_tbl tr.table_headings td {
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 150px;
	}

.service_list_tbl td.service {
	width: 150px;
	}
	
.service_list_tbl .description {
	font-style: italic;
	}



/* Rotating banner
***************************************************************/

/*
#bannertd {
	}

#rotating_banner {
	background: #D6CFB5;
	border: 1px solid #f27c63;
	height: 250px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 622px;
	}

#rotating_banner_spacer {
	background: #fff;
	display: block;
	height: 10px;
	margin: 0px -1px;
	width: 622px;
	}

#rotating_banner #banners {
	
	}

#rotating_banner .banner {
	background: #FEF7E4;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 430px;
	}
	
#rotating_banner .banner img {
	border: 0px;
	display: block;
	}
	
#rotating_banner div.current, #rotating_banner div.current img {
	display: block;
	}

#rotating_banner .controls {
	height: 250px;
	left: 440px;
	margin: 0px;
	padding: 7px 7px 7px 0px;
	position: absolute;
	top: 0px;
	}

#rotating_banner .controls ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
	}
	
#rotating_banner .controls .tabs a {
	background: #fff;
	border: 1px solid #c0c0c0;
	color: #336699;
	display: block;
	font: bold 86% Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px;
	padding: 6px 10px;
	width: 152px;
	text-decoration: none;
	}
	
#rotating_banner .controls .tabs a.current, #rotating_banner .controls .tabs a:hover {
	background: #fff;
	border: 1px solid #f27c63;
	color: #f27c63;
	text-decoration: none;
	}
	
#rotating_banner .buttons {
	bottom: 24px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 6px;
	}
	
#rotating_banner .buttons a {
	background: #F0F0F0;
	border: 1px solid #B0B0B0;
	color: #5B5B5B;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 4px;
	}
	
#rotating_banner .buttons a:hover {
	background: #fff;
	}
*/

#bannertd {
	}

#rotating_banner {
	background: #fff;
	border: 1px solid #eee;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 320px;
	}

#rotating_banner .head {
	padding: 6px 8px 0px;
	}

#rotating_banner_spacer {
	display: none;
	}

#rotating_banner #banners {
	
	}

#rotating_banner .banner {
	background: #fff;
	font: 76% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}
	
#rotating_banner .banner p {
	padding-right: 10px;
	padding-left: 10px;
	}
	
#rotating_banner .banner img {
	border: 0px;
	display: block;
	height: 190px;
	width: 320px;
	}
	
#rotating_banner div.current, #rotating_banner div.current img {
	display: block;
	}

#rotating_banner .controls {
	margin: 0px;
	padding: 0px;
	}
	
#rotating_banner .controls .tabs {
	background: #eee;
	height: 26px;
	margin: 0px;
	padding: 0px;
	width: 320px;
	}
	
#rotating_banner .controls ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}

#rotating_banner .controls ul li {
	
	}
	
#rotating_banner .controls .tabs a {
	background: #eee;
	color: #000;
	display: block;
	float: left;
	font: bold 93% Arial, Helvetica, sans-serif;
	height: 16px;
	margin: 0px;
	padding: 5px 6px;
	width: 12px;
	text-align: center;
	text-decoration: none;
	}
	
#rotating_banner .controls .tabs a.current, #rotating_banner .controls .tabs a:hover {
	background: #fff;
	}

/* Content column
***************************************************************/

#cols_content .articleSummary h4, .homepage_column .articleSummary h4 {
	background: url("/includes/images/bullets/square_small.jpg") no-repeat center left;
	margin: 0px 0px 7px 10px;
	padding-left: 14px;
	}

#cols_content .articleSummary h4 a, .homepage_column .articleSummary h4 a {
	font: normal 10pt Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	margin: 0px;
	padding: 0px;
	}

#cols_content #video_player h5, .homepage_column #video_player h5 {
	float: left;
	}

#cols_content #video_player .all_content_link, .homepage_column #video_player .all_content_link {
	font: bold 12px Arial, Helvetica, sans-serif;
	float: right;
	}

#cols_content ul, .homepage_column ul {
	font: normal 10pt Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	list-style-image: url("/includes/images/bullets/square_small.jpg");
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 24px;
	} 

/* About DaVita / Nonprofit column
***************************************************************/
#navigation_column ul, #nav_davita ul {
	list-style-image: none;
	} 

/* Promotions column
***************************************************************/

#centers_near_you .wrapper ul {
	margin-left: 0px;
	padding-left: 20px;
	}

#cols_promotions .module_promotions img {
	clear: both;
	float: left;
	}
	
#cols_promotions .module_promotions a {
	float: left;
	}
	
#travel .wrapper {
	font-size: 13px !important;
	}
	
#promotions {
	font-size: 86%;
	}
	
/* Misc
***************************************************************/

.emergencyteaser {
	margin:0; 
	padding: 4px 10px;
	font-size:17px;
	color:#fff;
	background:#D30000;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	text-align:center;
	width: auto;
	float: right;
	}

.emergencyteaser a {
	color:#FFFFFF;
	font-size: 14px;
	}

.emergencyteaserheading {
	padding-left:30px;
	font-weight:bold;
	color:#FFE400;
	text-transform:uppercase;
	background:url(/includes/teasers/emergency_teaser/images/icon_alert.gif) no-repeat;
	}

.subtleannouncement {
	margin:0; padding:4px;
	font-size:14px;
	color:#000;
	background:#fff;
	border:1px solid #a3e987;
	text-align:center;
	}

.subtleannouncementheading {
	padding-left:20px;
	font-weight:bold;
	color:#000;
	background:url(/images/icons/bullet_arrow.gif) no-repeat 2px -1px;
	}

/* New styles
****************************************************************/

#body {
	background: url("/includes/images/backgrounds/davita_homepage_bg_opt2.jpg") repeat-y top left;
	clear: both;
	width: 960px;
	} #body {
		width: 958px;
		}

/*#content_column, #content_column_left {
	background: transparent;
	border-right: 1px solid #777;
	border: 1px solid #0000FF;
	float: left;
	height: 1%;
	margin: 0px;
	padding: 0px;
	width: 634px;
	}

#navigation_column, #content_column_right {
	float: left;
	height: 1%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999900;
	}

#content_top_section {
	background: #fff;
	height: 1%;
	padding: 10px;
	border: 1px solid #996699;
	}

#content_column_left, #content_column_right {
	height: 1%;
	margin: 0px;
	padding: 0px;
	width: 314px;
	border: 1px solid #99CC99;
	}

*/

#content_column {
	background: transparent;
	border: 0px;
	color: #333;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 618px;
	} * html #content_column {
		width: 614px;
		}

#navigation_column {
	background: transparent;
	border: 0px;
	color: #333;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 324px;
	}

#content_top_section {
	background: #fff url("/includes/images/backgrounds/homepage_top_section_bg.gif") repeat-x bottom left;
	border: 0px;
	height: 1%;
	margin: 0px;
	padding: 0px 0px 10px;
	width: 618px;
	} * html #content_top_section {
		width: 614px;
		}

#content_column_left {
	background: transparent;
	border: 0px;
	color: #333;
	float: left;
	margin: 0px;
	padding: 6px 6px 0px 0px;
	width: 358px;
	}

#content_column_right {
	background: transparent;
	border: 0px;
	color: #333;
	float: right;
	margin: 0px;
	padding: 6px 0px 0px 6px;
	width: 234px;
	}

/*************************/


.searchBox {
	float: left;
	padding: 6px 3px 0px;
	width: auto;
	}

.searchBox h5, .searchBox .input, .searchBox .submit {
	display: inline !important;
	float: left !important;
	margin-right: 6px;
	}

.homepage_column h2 {
	background: #c9c1ab;
	border: 1px solid #e4e0d5;
	color: #fff;
	display: block;
	font: 84% Arial, Helvetica, sans-serif !important;
	height: auto;
	margin: 0px 0px 10px;
	padding: 4px 6px;
	}

.homepage_column h2 strong {
	font: bold 100% Arial, Helvetica, sans-serif !important;
	}

/*
********************************/

#recent_articles {
	padding-bottom: 10px;
	}

#recent_articles hr {
	background: #eee;
	border: 0px;
	height: 1px;
	}

#recent_articles .module_latest_article h4 {
	background: #fff;
	margin: 0px;
	padding: 0px;
	}

#recent_articles .module_latest_article h4 a {
	font-size: 120%;
	}

#recent_articles .module_latest_article p {
	line-height:1.5
	}

#recent_articles .module_latest_article .date {
	display: none;
	}

#recent_articles .module_latest_article p {
	font-size: 76%;
	}

#centers_near_you {
	font-size: 86%;
	}

.wrapper, .wrapper td {
	font-size: 86%;
	}

/* navigation
************************************/

#nav_services {
	border: 1px solid #eee;
	margin-bottom: 10px;
	padding: 6px 8px;
	}

#nav_nonprofit {
	border: 1px solid #eee;
	padding: 6px 8px;
	}
#nav_nonprofit .col1, #nav_nonprofit .col2 {
	float:left;
	width:150px;
	}
#nav_nonprofit ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}


#nav_company_info {
	background: #E9F0F3;
	border: 1px solid #eee;
	padding: 6px 8px;
	}
#nav_company_info .col1, #nav_company_info .col2 {
	float:left;
	width:150px;
	}
#nav_company_info ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
#nav_social_media {
	border: 1px solid #eee;
	padding: 6px 8px;
	}
#nav_social_media .col1, #nav_social_media .col2 {
	float:left;
	width:150px;
	}
#nav_social_media ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}

/* content top section
*****************************************/

#nav_search {
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#nav_tools {
	float:left;
	width:220px;
	}
#nav_health_info {
	float:left;
	width:180px;
	}
#nav_features {
	float:left;
	width:180px;
	}

#content_top_section .section {
	}

#content_top_section .section.icon {
	float:left;
	margin:2px 10px 0 5px;
	width: 36px;
	}

#content_top_section .section.heading {
	margin-top:10px;
	}

#content_top_section .section.links {
	}
	
#content_top_section .section.links ul {
	margin-left:0;
	padding-left:0;
	}
#content_top_section .section.links li {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

#content_top_section .section.links li {
	float: left;
	}

#content_top_section .section.links li a {
	display: block;
	font-size: 105%;
	margin: 0px 0px 3px 60px;
	} div>#content_top_section .section.links li a {margin-left:52px;} /* CSS hack: margin-left is 60px for IE but 52px MZ */

#content_top_section hr {
	background: #eee;
	border: 0px;
	height: 1px;
	}