/* This is not the master version of the CSS. It is for testing only.
Do not modify this or combine this CSS without getting the final version from Mike*/
/* LINK STATES - BODY*/

.srchform
   {
   margin:0px;
   }
body
  {
   margin-top:0px;
   margin-left:0px;
   }
.mbody a:link    {
	color:#0000FF;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
}
.mbody a:visited    {
	color:#455486;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
}
.mbody a:hover	 {
	color:#A44E4E;
	text-decoration:underline;
	cursor: pointer;
	cursor: hand;
}
.mbody a.glossarydef:hover {
	color:#0000FF;
	text-decoration:underline;
	cursor: help;
}
.bullet a.glossarydef:hover {
	color:#0000FF;
	text-decoration:underline;
	cursor: help;
}

.bodytbl a      {
	color:#0000FF;
	text-decoration:underline;
	cursor: pointer;
	cursor: hand;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
.bodytbl       {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
/*BREADCRUMBS*/
.breadcrumb {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #455486;
	padding: 3px 2px;
	text-decoration:none;
}
.breadcrumb a, a:link, a:visited, a:active {
	color:#455486;
	text-decoration:none;
}
.breadcrumb a:hover {text-decoration:underline;}
/*SPAN CLASSES - NAV BAR*/
.imag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333374;
	text-decoration: none;
	font-weight: bold;
	background-color: #E8DEDE;
	padding-left: 15px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
      width:100%;
      }
.imag:hover {
	color: #ffffff;
	
	}
/*SPAN CLASSES - ARTICLE2*/
/*white text above breadcrumbs*/
.stext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:bolder;
	margin:-3px 0 0 0;
	padding:0 0 0 9px;
	color:white;
	width:350px;
	white-space: nowrap;
	display: inline-block;
}
.stextred {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:bolder;
	color: #CC0000;
}
.articlehead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:102%;
	font-weight:bolder;
	color:#4242CB;
}
.blue      {
	margin-bottom: 5px;
	font-size: 0.9em;
	font-weight:bold;
	color: #455486;
}
.hr {
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #666699;
}
.mbody    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 18px;
}

/*ANIMATION IMAGE*/
.image, .animation {
	text-align: center;
	padding: 0px;
}
.animation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.caption    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:-1px 0 0 0;
	font-weight: bold;
}
.tblclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tblclass table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
.tblclass table tr td, th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: white;
}
.tblclass a {
	text-decoration: underline;
	color: #0000FF;
	cursor: pointer;
	cursor: hand;
}
.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 12px 12px 12px 30px;
	font-style: italic;
}
.date       {
	font-family:Verdana, Arial, helvetica, sans-serif;
	color:#7F7F7F;
	padding: 5px;
	font-size:13px;
}
/*SPAN CLASSES - ARTICLE*/
.mtext    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 18px;
}
/*LISTS*/
.bullet ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0em;
	padding: 3px;
	list-style-position: outside;
	list-style-type: disc;
}
.orderedlist ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 3px;
	list-style-position: outside;
	margin-left: 0.5em;
}	
/*MAIN PAGE STYLE*/
/*Main table class*/
.maintble {
	background-color: #FFFFFF;
}
/*header cell class*/
.mainhdr {
	background-color: #FFFFFF;
}
/*left nav cell class
JA - background color should be the light cyan to match the left nav and width should be specified so that left nav matches*/
.mainleft {
	background-color: #FFFFFF;
}

/* LEFT NAV CELL STYLES */

#lntblclass, lntblclass ul {
	width: 171px;
	margin: 0px;
	padding: 0px;
  list-style-type: none;
	font-family: Arial Unicode,Verdana,helvetica,sans-serif;
	font-size: 12px;
}
#lntblclass li {
	margin: 0px;
}
/*CHANGE width: 154px; FOR FIREFOX*/
#lntblclass a {
	display: block;
	width: 171px;
	height: 21px;
  line-height:21px;
  font-size:12px;	
	border-right: 1px solid #F0F1F6;
  border-bottom: 1px solid #F0F1F6;
  border-top: 1px solid #CDD5E4;
  border-left: 1px solid #CDD5E4;
	background: #C3CDDF;
	text-align: left;
  font-family:Arial Unicode,Verdana,Arial,sans-serif;
  padding: 2px;
}
#lntblclass a:link, #lntblclass a:active, #lntblclass a:visited {
	color: #333374;
}
#lntblclass a:hover {
	 background-color:#035B9E;
   color:white;
   text-decoration:none;
}

#lntblclass  {
margin-top:-3px;
}

.leftnavbot {
  width: 170px;
  height: 21px;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #FFFFFF;
   
}

.MainArticle {
	padding-left: 10px;
	padding-right: 10px;
}
/*Entire middle cell class*/
.maincenterwindow {
	background-color: #FFFFFF;
	width: 100%;
}/* Main Body Content of Article  */
.middlecontainer {
	background-color: #FFFFFF;
	padding-left: 10px;	
	padding-right: 10px;
}	

.NextSectionText a
   {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #666666;
   }

/*right col cell class
JA - high/related*/
.mainright {
	width: 175px;
	background-color: #FFFFFF;
      padding-top: 50px;
}  
/*main footer class
text style needs to match current footer at http://www.renalinfo.com/uk/en/display/how-kidneys-work-and-fail*/
.mainfooter {}

/*highlighted container class
background color should match website highlighted text/URL's*/
.highlightedcontainer {
	background-color: #FFFFFF;
	margin-bottom: 2px;
	padding: 3px 10px;
}


/*text style and URL's need to match website*/
.highlighteditem {
	font-family:Verdana,Arial,sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	color:black;
	background-color: white;
/*	padding-left: 4px;
	padding-right: 4px; */
	font-size: 0.8em;	
}
a.highlighteditem   
{	
	text-decoration: none;
}
a.highlighteditem:hover
{	
	text-decoration: underline;
}
/*related item container
background color should match website*/ 
.relatedcontainer {
	background-color: #FFFFFF;
	margin-top: 20px;
	padding-bottom: 3px;
}
/*related item text*/
.relateditem {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
a.relateditemlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000099;
	text-decoration: underline;
}
a.relateditemlink:hover {
	color: #0000FF;
	text-decoration: underline;
}
/*main footer class
JA -  text style needs to match current footer
same as A.footerLink in orig - MW*/
.mainfooter a {
     font-size: 0.65em;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color: #808080;
     font-weight: bold;
     text-decoration: none;
     padding-left: 8px;
     padding-right: 8px;
     border: 0px;
     border-left: 1px solid #808080;
}
.mainfooter a:hover{
     color: #808080;
     text-decoration: none;
     background-color: #f0f0f0;
}
A.footerLink{

     font-size: 0.65em;

     font-family:Verdana,Arial,Helvetica,sans-serif;

     color: #808080;

     font-weight: bold;

     text-decoration: none;

     padding-left: 8px;

     padding-right: 8px;

     border: 0px;

     border-left: 1px solid #808080;

 }

 A.footerLink:hover{

     color: #808080;

     text-decoration: none;

     background-color: #f0f0f0;

 }
/*RECIPE PAGES*/
.mainrecipe
   {
   padding-left: 8px;
   padding-right: 8px;
   }
.maincenterwindow {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
}
.subject {
	color: #C0169E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
}
.mainleft {
	width: 171px;
}
.recipetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #455486;
}
.description {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.ititle {
	color: #455486;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;}
.tbltitle {
	font-weight: bold;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.tbldata {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}
.knvdata {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.idesc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.iqty {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.instructions {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.nextlink a {
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}
.nextpagelink a {
	color: #666666
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;}

	}
/*GLOSSARY*/
.glterm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.gdterm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
      padding-bottom: 10px;
}	
/*SITEMAP*/
.nav_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 30px;
	line-height: 30px;
}
.nav_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 60px;
	line-height: 20px;
}
.nav_18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 90px;
}
.nav_24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 120px;
}
/*RELATED POPUP WINDOW*/
.reltbl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
} 
.relcontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
.tblclass  table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.relatedbox{

    padding: 5px;

    background-color: white;

    font-family:Verdana,Arial,sans-serif;

    color:black;

    font-size: 0.8em;

    text-align: left;

    line-height: 20px;

    overflow: hidden;

    border-bottom:2px solid rgb(10,91,158); 

}
.highlitedline{

    padding: 5px;

    background-color: white;

    font-family:Verdana,Arial,sans-serif;

    color:black;

    font-size: 0.8em;

    text-align: left;

    line-height: 20px;

    overflow: hidden;

    border-bottom:2px solid rgb(10,91,158); 

}
* Custom Styles */

span.bc         {color:#a0a0a0; text-decoration:none; font-size: 0.8em;}

.xsmtxt         {font-family:Verdana,Arial; color:#7F7F7F; font-size: 0.8em;}

.xxsmtxt        {font-family:Verdana,Arial; color:#7F7F7F; font-size: 0.65em;}

.smtxt-dark     {font-family:Verdana,Arial; color:#7F7F7F; font-size: 1em; font-weight:bold}

.xsmtxt-dark    {font-family:Verdana,Arial; color:#7F7F7F; font-size: 0.8em;font-weight:bold}

.xxsmtxt-dark   {font-family:Verdana,Arial; color:#7F7F7F; font-size: 0.65em;font-weight:bold}


/*new left nav*/
#leftnav{font:medium/1.2em verdana;padding:0;list-style-type:none;width:10.625em;float:left;}
#leftnav li{line-height:1.25em;padding:0.2em 0 0.2em .1em;}
#leftnav li a{padding:0 0 0 0.2em;display:block;font-size:.75em;border:.0625em solid #fff;}
#leftnav li a:link,#leftnav li a:visited{color:#B16A23;}
#leftnav li a:hover,#leftnav li a:active{color:#edab5e;}
#leftnav li.current a{color:#004675;}
#leftnav li ul{display:none;}
/*secondary*/
#leftnav li ul{display:none;margin:-1.417em 0 0 10.53em;padding:0;list-style-type:none;width:10.625em;}
#leftnav li:hover ul{display:block;position:absolute;border:.0625em solid #fff;border-left:none;background:transparent url(/us/images/ui/menu_ccc_bg.gif) no-repeat 0 1.3em;padding:.0625em;padding-top:.1em;}

#leftnav li:hover a.haschildren{background:#fff;border:.0625em solid #ccc;position:relative;width:28.03em;}
#leftnav li ul li{padding:.0625em .5em .1250em .5em;background:#fff url(/us/images/ui/sub_menu_bg.gif) no-repeat .55em 100%;}
#leftnav li ul li.last{background:#fff none;}
#leftnav li:hover ul li a.haschildren{border:.0625em solid #fff;width:auto;position:static;margin:.1375em 0;}
#leftnav li ul li:hover{padding:.0625em 0 .1250em .5em;}
#leftnav li ul li:hover a.haschildren{border:.0625em solid #ccc;position:relative;width:12.85em;padding-right:13.8em;}
/*tertiary*/
#leftnav li:hover ul li ul{display:none;background:transparent url(/us/images/ui/menu_ccc_bg.gif) no-repeat 0 1.3em;}
#leftnav li:hover ul li:hover ul{display:block;position:absolute;margin:-1.4em 0 0 9.5em;}
#leftnav li ul li ul li{}
#leftnav li ul li ul li:hover{padding:.0625em .5em .1250em .5em;}

#leftnav li{background:transparent url(/us/images/ui/dash.gif) repeat-x 0 100%;}

/* ie6 styles */
* html body{behavior:url(/us/css/iehover.htc);}
* html #leftnav{position:absolute;}
* html .maincenterwindow{border-left:14.625em solid #fff;}
* html #leftnav li{line-height:1.25em;padding:0em 0 0em 0;zoom:1;margin-top:-7px;}
* html #leftnav li a{padding:.2em 0 .2em 0.3em;display:block;font-size:.75em;border:none;}
* html #leftnav li:hover a.haschildren{border:none;width:auto;background-color:#d07d29;color:#fff;}

* html #leftnav li ul{display:none;margin:-1.5em 0 0 10.625em;padding:0;list-style-type:none;width:10.625em;background-color:red;}
* html #leftnav li:hover ul{display:block;position:absolute;border:.0625em solid #d07d29;background:transparent none;padding:0;}
* html #leftnav li ul li{padding:0;background:#fff none;zoom:1;margin-top:-3px;margin-bottom:-4px;}
* html #leftnav li ul li:hover{padding:0;}
* html #leftnav li:hover ul li a.haschildren{border:none;background-color:#fff;color:#B16A23;margin:0;padding:.2em 0 .2em 0.3em;}
* html #leftnav li ul li:hover a.haschildren{border:none;position:relative;width:auto;padding:.2em 0 .2em 0.3em;background-color:#d07d29;color:#fff;}
* html #leftnav li:hover ul li:hover ul{display:block;position:absolute;margin:-1.5em 0 0 10.5em;}
* html #leftnav li ul li ul li{zoom:1;}
* html #leftnav li ul li ul li:hover{padding:0;}
* html #leftnav li ul li ul li:hover a{background-color:#d07d29;color:#fff !important;}
