@charset "utf-8";
/* CSS Document */

/*======== MY KIDNEY - SYSTEM STYLESHEET  ========*/

html {
	/* overflow-y: scroll; /* firefox - fixed scroll bar */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.4em;
}

body {	margin: 0; padding: 0; 	background: #fff; color: #4B4B4B; }
img {border: 0;}
ul {margin: 0; padding: 0; list-style: none;}
ul li {margin: 0 0 8px; padding: 0;}
#SiteWrapper {}
#WrapperLevelOne {margin: 0 auto; width: 940px; }
#WrapperLevelTwo { margin: 0; padding: 0; }
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.sys_AccessKeys {display: none;}

/*======== HEADER  ========*/
#Header { margin: 0 auto; min-height: 138px; }

#AccessibilityLinks {
	text-align: right;
	min-height: 24px;
	line-height: 24px;
	padding-right: 40px;
	background: #228ccc;
	padding-top: 2px;
}
#AccessibilityLinks a {
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	padding: 0 6px;
}
#AccessibilityLinks span.sys_StyleSwitch { padding: 0 15px; } 
#AccessibilityLinks a.sys_LargeText { font-size: 1.1em; }
#AccessibilityLinks a.sys_X-LargeText { font-size: 1.3em; }
#AccessibilityLinks span.sys_StyleSwitch2 { padding: 0;} 

#AccessibilityLinks SPAN.sys_StyleSwitch2 a {padding: 0 2px;}
#TopBanner { 
	clear: both;
	min-height: 87px;
}
#TopBannerLeft {
	min-height: 87px;
	background: url(/SiteElements/Images/Top-Banner.jpg) no-repeat 0% 0%;
	float: left;
	width: 660px;
	position: relative;
}
#TopBannerHomeLink {
	width: 660px;
	height: 87px;
	position: absolute;
	top: 0;
	left: 0;
}
#TopBannerHomeLink img {
	width: 100%;
	height: 87px;
	border: 0;
}
#TopBannerRight {
	min-height: 87px;
	background: url(/SiteElements/Images/header_right.gif) no-repeat right 3px;
	float: right;
	width: 230px;
	margin-right: 40px;
}
.sys_menu-padding {padding: 0; font-size: 0; height: 4px; background: #fff}

#PrimaryNavigation {
	min-height: 23px;
	line-height: 23px;
	font-size: 1em;
	font-weight: 700;
	border-left: 1px solid #FFF;
	background: #77a5d6 url(/SiteElements/Images/bkgrnd-primarynav.png) repeat-x 0% bottom;
	float: left;
	width: 100%;
	padding: 0 0 7px;
}
#PrimaryNavigation ul {
	margin: 0;
	padding: 0;
}
#PrimaryNavigation ul li {
	display: inline;
}
#PrimaryNavigation ul li a {
	color: #FFF;
	display: block;
	float: left;
	padding: 0 19px 0 19px;
	border-right: 1px solid #FFF;
	text-decoration: none;
}
#PrimaryNavigation ul li.sys_last a {border: none;padding: 0 22px}
#PrimaryNavigation ul li a:hover,
#PrimaryNavigation ul li.sys_selected a {
	background-color: #E02000;
}
#PrimaryNavigation ul li a.sys_LastLink {
	padding: 0 21px;
}

/*======== CONTENT  ========*/
#ContentWrapper {
	padding: 20px 5px;
}
.sys_Column {
	float: left;
	margin: 0;
	padding: 0;
}
.sys_ColumnWidth240 {
	width: 240px;
	clear: none;
}
.sys_ColumnWidth660 {
	clear: none;
	width: 660px;
}

/*======== LEFT CONTENT  ========*/
#LeftContent {
	background-color: #D3E4F6;
}
.sys_SectionTitle, .sys_QuickLinks {
	padding-left: 10px;
	min-height: 48px;
	line-height: 48px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #E02000;
}
.sys_QuickLinks {
	min-height: 15px;
	line-height: normal;
	padding: 10px 0 6px 10px;
}
.sys_QuickLinks div {
	padding-bottom: 6px;
}
.sys_QuickLinks a{
	color: #FFF;
	background: url(/SiteElements/Images/arrow_white.gif) no-repeat 0 3px;

	display: block;
	padding-left: 20px;
}
.sys_SectionOverview p {
	padding: 8px 14px 7px;
	margin: 0;
}
.sys_SectionOverview {
	color: #4B4B4B;
	font-size: 1em;
	font-family: verdana,arial,tahoma;
}
.sys_SectionOverview img {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#LeftContent .sys_hr {
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	height: 6px; 
	background: #FF9900 
}
#LeftContent .sys_hr hr {display: none;} 

.sys_SubNavigationWrap a {
	display: block;
	font-weight: bold;
	color: #339;
	background: transparent url(/SiteElements/Images/arrow_blue.gif) no-repeat 5px 3px;
	padding-left: 20px;
}
.sys_SubNavigationWrap ul {
	margin: 0;
	padding-left: 5px;
	font-size: 1em;
	list-style: none;
}
.sys_SubNavigationWrap ul li {
	border-top: 1px solid #FFF;
	padding: 7px 10px 7px 0;
	margin: 0;
}
.sys_SubNavigationWrap ul li ul li {
	border: none; /*Remove styling on nested lists */
	font-size: 0.9em;
}
.sys_SubNavigationWrap ul li ul {
	margin: 5px 0 -5px 5px;
}
.sys_SubNavigationWrap ul li ul.sys_children {padding-bottom: 8px;}
.sys_SubNavigationWrap ul li ul.sys_children li {
	padding: 3px 10px 0 0;
}

/*======== MAIN CONTENT  ========*/

#MainContent {
	margin-left: 30px;
	font-size: 1em;
	font-family: verdana,arial,tahoma;
}
.sys_SectionSubTitle {
	font-size: 1.8em;
	color: #F47C20;
	padding: 15px 0 8px;
	display: block;
}
.sys_SectionSubTitle p {margin: 0 0 6px;}
#MainContent h1 {
	color: #E02000;
	font-size: 1.5em;
}
#MainContent h2, #MainContent h3 {
	color: #E02000;
	font-size: 1.1em;
	
}

/*======== FOOTER  ========*/

#footer {
	min-height: 20px;
	line-height: 20px;
	padding: 0 5px;
	font-size: 0.9em;
	border-left: 1px solid #fff;
	background: #cbcccc;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer ul li a {
	color: #339;
	text-align: center;
	/* width: 170px; */
	border-right: 1px solid #FFF;
	font-weight: bold;
	display: block;
	float: left;
	height: 100%;
	padding: 0 30px;
}

/*======== MISC CLASSES  ========*/

.imageFloatLeft {
	float: left; 
	padding-right: 10px; 
	padding-bottom: 10px;
}
.imageFloatRight {
	float: right; 
	padding-left: 10px; 
	padding-bottom: 10px;
}
.CaptionedImageFloatRight {
	float: right;
	margin-left: 10px;
}
.CaptionedImageFloatLeft {
	float: left;
	margin-right: 10px;
}
.CaptionedImageFloatRight, .CaptionedImageFloatLeft {
	background-color: #D3E4F6;
	margin-bottom: 10px;
	width: 290px;
}
.CaptionedImageFloatRight p, .CaptionedImageFloatLeft p {
	padding: 0 10px;
	margin: 7px 0 10px;
}
.Orange {
	color: #F47C20;
}
.Blue {
	color: #333399;
}
.BoldBlue {
	color: #333399;
	font-weight: bold;
}
.Red {
	color: #E02000;
}
.BoldRed {
	color: #E02000;
	font-weight: bold;
}
.Grey {
	color: #4B4B4B;
}
.White {
	color: #FFF;
}
.Bold {font-weight: bold;}
.SmallText {
	font-size: 0.9em;
}
.LargeText {
	font-size: 1.1em;
}
.X-LargeText {
	font-size: 1.3em;
}
.XX-LargeText {
	font-size: 1.5em;
}
.sys_FloatLeft {
	float: left;
}

.sys_FloatRight {
	float: right;
}
.sys_clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.sys_DisplayNone {
	display: none;
}

/* four column layout styles */
.sys_FourColumnWrapper {
	clear: both;
	width: 100%;
}
.sys_FourColumnWrapper .sys_Column {
	float: left;
	width: 25%;
}

/* Kidney disease stages - sub template styles */

#MainContent .sys_Stageswrapper {
	width: 150px;
	font-family: verdana,arial,tahoma
}
#MainContent .sys_Stageswrapper .sys_Stages_Top {
	background: url(/SiteElements/Images/stages_bkg_png.png) 0 0 no-repeat;
	height: 180px;
	padding: 0px 8px; 
}
#MainContent .sys_Stageswrapper .sys_Stages_Top h2 {text-decoration: none; font-size: 1.3em; padding: 6px 0px 0px 0px; margin: 0px;}
#MainContent .sys_Stageswrapper .sys_CategoryLevel {
	color: #E02000;
	font-weight: 700;
	font-size: 1.1em;
}
#MainContent .sys_Stageswrapper .sys_stages_subtitle_text p {
	margin: 0;
	color: #E02000;
}
#MainContent .sys_Stageswrapper .sys_Stages_Middle {
	background: #E02000;
	color: #fff;
}
#MainContent .sys_Stageswrapper .sys_Stages_Bottom {
	background: #D3E4F6;
	color: #4B4B4B;
}
#MainContent .sys_Stageswrapper .sys_Stages_Middle p,
#MainContent .sys_Stageswrapper .sys_Stages_Bottom p {
	margin: 0; 
	padding: 6px 4px;
	font-size: 0.8em;
	line-height: 1.3em;
}
#MainContent .sys_Stageswrapper span.X-LargeText {font-weight: 700;}
#MainContent ul {
	list-style: disc;
 	margin: 0 0 0 20px;
	padding:8px 0;
	list-style-position: outside;
}
#MainContent li {
	padding: 0;
	margin: 0 0 6px; 
}

/* KidneyPedia A_Z list styles */

.RedBoldA-ZList, .RedBoldA-ZList a:link, .RedBoldA-ZList a:visited {
	color: #E02000;
	font-weight: bold;
}

.RedBoldA-ZList a:hover {
	color: #E02000;
	text-decoration:underline;
}
/* Cookie popup
*********************/ 

#cookieDiv
{
padding: 8px;
width: 94%;
color: black;
font-weight: bold;
background-color: #F3FAFF;
border: solid 4px #228CCC;
margin: 10px auto;
text-align: center; 
vertical-align: middle;
}  

#cookieButton
{
background:#E02000;
border:none;
color:#fff;
font-weight:bold;
height:26px;
padding:3px;
width:70px;
margin-left: 1.5em;
vertical-align: middle;
} 

#cookieButton:hover { background: #FF9900; cursor:pointer; }