﻿/*Header*/
#pageheader {width:100%; height:70px; background-color:#FFFFFF;}
#pageheadercenter {width:900px;}
.searchbar {float:right; color:#669999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; float:right; height:30px;line-height:30px; display:block;}
.searchbar img {vertical-align:middle; margin-bottom:4px;}
.searchbar .NormalTextBox { font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal; color:#666666; vertical-align:middle; margin-top:0px; margin-bottom:6px; border: 1px solid #cccccc; padding:2px;}
.loginlink {width:50px;float:right; height:30px;line-height:30px; display:block;}
.loginlink a {color:#0077aa; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
.loginlink a:hover {color:#ff9933; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
a.button_logo {margin-top:15px;float:left; display: block; width: 170px; height: 50px; text-decoration: none; background-image: url(images/logo_roll.gif);}
a.button_logo:hover {background-position: -170px 0;}
.displace{position: absolute;left: -5000px;}
.tagline {float:right; margin-top:15px; display:block; clear:right;}

/*Nav*/
.navlinks {float:left; width:700px;}
#navbar {height:30px; width:100%; background-color:#ffffff; border-bottom:6px solid #FF9933;}
#nav {height:30px; width:900px;  margin-left:auto; margin-right:auto;}

.SEOMenuMain {display:inline; height:30px; list-style-type:none; list-style-image:none; z-index:9999; width:auto; padding:0;}
.SEOMenuMain ul {list-style-type:none; list-style-image:none; list-style-image:none; margin:0;padding:0;}
.SEOMenuMain ul li {margin-left:0px;margin-bottom:0px; float:left; position:relative;list-style-type:none;list-style-image:none;}
.SEOMenuMain ul li a, .SEOMenuMain ul li a:visited{width:auto; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;display:block;text-decoration:none;float:left;padding-right:20px; height:30px;line-height:30px;color:#0077aa; z-index:1000;}
.SEOMenuMain ul li:hover {width:auto;list-style-type:none; list-style-image:none;text-decoration:none;z-index:1000; text-align:left;}
.SEOMenuMain ul li:hover a, .SEOMenuMain ul li a:hover {height:30px; width:auto; color:#ff9933;text-decoration:none; border-width:0;text-align:center;z-index:1000;}
.SEOMenuMain ul li ul {display:none;list-style-type:none; list-style-image:none; position:relative;z-index:1000}
.SEOMenuMain table {border-collapse:collapse;font-size:12px;position:absolute;top:0;left:0;z-index:1000;margin:0}
.SEOMenuMain ul li:hover ul, .SEOMenuMain ul li a:hover ul {display:block; position:absolute;top:30px; margin-top:0;left:0;width:150px;list-style-type:none;z-index:1000; border-top:0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.SEOMenuMain ul li b {font-weight:normal}
.SEOMenuMain ul li:hover ul li ul, .SEOMenuMain ul li a:hover ul li a ul {position:absolute;display:none;list-style-type:none; list-style-image:none;z-index:1000}
.SEOMenuMain ul li:hover ul li { border:0px; width:150px; background-color:transparent;}
.SEOMenuMain ul li:hover ul li a, .SEOMenuMain ul li a:hover ul li a {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; border-top:1px solid #dddddd; padding-left:10px; padding-right:10px; display:block;color:#0077aa;height:auto;line-height:27px;width:130px ;font-size:12px;font-weight:normal; background-color:#ffffff; text-align:left;z-index:1000; }
.SEOMenuMain ul li:hover ul li a.drop, .SEOMenuMain ul li a:hover ul li a.drop {background-color:transparent; z-index:1000}
.SEOMenuMain ul li:hover ul li a:hover, .SEOMenuMain li a:hover ul li a:hover, .SEOMenuMain ul li a:hover ul li a:hover.drop {filter:alpha(opacity=100); -moz-opacity:1; opacity:1.0; color:#ffffff; border-top:1px solid #dddddd; background-color:#ff9933; background-image: url(images/dropdown_on.gif); text-decoration:none;z-index:1001}
.SEOMenuMain ul li:hover ul li a:hover.drop {color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li:hover ul li:hover ul {display:block;position:absolute;left:148px;top:0px;color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li:hover ul li:hover ul li a, .SEOMenuMain ul li a:hover ul li a:hover ul li a {color:#3299cc;z-index:1000;background:#C82D3A}
.SEOMenuMain ul li:hover ul li:hover ul li a:hover, .SEOMenuMain ul li a:hover ul li a:hover ul li a:hover {color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li.* {margin:0 auto;z-index:1000}
.SEOMenuMain ul li:hover ul, .SEOMenuMain ul a:hover ul {visibility:visible;}
.SEOMenuMain ul li a:hover ul li a:hover ul{visibility:visible;position:absolute;top:0px;color:#000;left:170px;z-index:1000}


/*Home*/
#home_content {width:100%; background-color: #ffffff; background-image: url(images/wildcards_bg.gif); background-repeat:repeat-x;}
.home_contentpane {vertical-align:top; width:920px;}
#home_hero {width:100%; background-color: #0077aa; background-image: url(images/interior_bg.gif); background-repeat:repeat-x;}
.home_herocontentpane {vertical-align:top; width:920px;}

/*Interior*/
#interior_content {width:100%; background-color: #0077aa; background-image: url(images/interior_bg.gif); background-repeat:repeat-x;}
#interior_contentbox {width:860px; padding:10px 30px 10px 30px; background-image: url(images/interiorbox_bg.gif); background-repeat:repeat-y;}
#interior_contentboxtop {width:920px; background-image: url(images/interiorboxtop_bg.gif); background-repeat:no-repeat;height:20px;}
#interior_contentboxbottom {width:920px; background-image: url(images/interiorboxbottom_bg.gif); background-repeat:no-repeat;height:20px;}
.interior_contentpane {vertical-align:top; width:860px; background-color: #ffffff;}

/*GeoPage*/
.geopage_headercontentpane {vertical-align:top; width:640px; background-color: #ffffff; padding: 0px 10px 0px 0px;}
.geopage_leftcontentpane {vertical-align:top; width:180px; background-color: #ffffff; padding: 0px 10px 0px 0px;}
.geopage_contentpane {vertical-align:top; width:440px; background-color: #ffffff; padding: 5px 10px 0px 10px;}
.geopage_rightcontentpane {vertical-align:top; width:200px; background-color: #ffffff; padding: 0px 0px 0px 10px;}

/*Interior 2-Pane*/
.interior2_headercontentpane {vertical-align:top; width:640px; background-color: #ffffff; padding: 0px 10px 0px 0px;}
.interior2_rightcontentpane {vertical-align:top; width:200px; background-color: #ffffff; padding: 0px 0px 0px 10px;}

/*Footer*/
#footer {width:900px; margin-left:auto; margin-right:auto; margin-top:15px; background-color: #ffffff; background-image: none; padding-bottom:20px;}
.footertext {float:left; color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-align:left;}
.footertext a {color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal; text-decoration:none;}
.footertext a:hover {color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-decoration:underline;}
.poweredby501 {float:right;}
.printlink { clear:both;}


div {text-align:left}
div.PageMaster {text-align:center;width:100%;background:#FFF}
div.SkinMaster {margin:0 auto;text-align:center;width:960px}
div.SkinHeader {float:left;height:94px;margin:0;width:960px}

/*Buttons*/
a.btn_ckdChain {float:left; width: 284px; height: 51px; text-decoration: none; background-image: url(images/btn_ckdChain.gif);}
a.btn_ckdChain:hover {background-position: -284px 0;}
a.btn_Stats {float:left; width: 284px; height: 51px; text-decoration: none; background-image: url(images/btn_upAgainst.gif);}
a.btn_Stats:hover {background-position: -284px 0;}



/*Slider
.sliderBody {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#slider {width:459px}
.header {width:439px; border:0px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.header:hover {background:url(images/header_over.gif)}
.content {overflow:hidden}
.text {width:425px; border:0px solid #9ac1c9; border-top:none; padding:15px}*/


/*Elated Accordion
.accordionBody { font-size: 80%; font-family: 'Georgia', Verdana, Arial, Sans-Serif; }
      .accordionItem h2 { margin: 0; font-size: 1.1em; padding: 0.4em; color: #fff; background-color: #944; border-bottom: 1px solid #66d; }
      .accordionItem h2:hover { cursor: pointer; }
      .accordionItem div { margin: 0; padding: 1em 0.4em; background-color: #eef; border-bottom: 1px solid #66d; }
      .accordionItem.hide h2 { color: #000; background-color: #88f; }
      .accordionItem.hide div { display: none; }*/



div.greenContainer {height:50px;width:960px;overflow:hidden;background:transparent url('images/controlBarBG.jpg');float:left}
div.User {height:50px;width:890px;overflow:hidden;float:left}
div.resizer {text-align:center;height:50px;width:69px;overflow:hidden;float:left;color:#FFF;border-left:1px dotted #FFF;margin-top:2px;font:normal 12px Arial}
.content {margin-top:20px;width:960px;float:left}
.leftpane {width:183px}
.contentpane {width:500px;padding-left:20px}
.contentpaneInternal {width:757px;padding-left:20px}
.contentpaneAdmin {width:941px;padding-left:10px;padding-right:10px}
.rightpane {width:237px;padding-left:20px}
.leftpaneBottom {width:369px;padding-left:20px}
.rightpaneBottom {width:369px;padding-left:20px}
.BottomPane {width:735px;padding-left:20px}
.SkinObject3 {color:#666;text-decoration:none;font:normal 12px Arial}
A.SkinObject3:link {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:visited {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:active {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:hover {text-decoration:underline;color:#666}
.usrLabel {color:#FFF;font:normal 12px Arial}
.passLabel {border-right:1px dotted #FFF;color:#FFF;font:normal 12px Arial}
.cmdLogin {margin-top:4px}
a.login,a.login:link,a.login:visited,a.login:active {text-decoration:none;font:12px Arial}
a.login:hover {text-decoration:underline}
div.loginDiv {text-align:left;width:960px;float:left}
.footer {padding-top:5px;float:left;width:960px}
.imgWidthShow {display:none}
#tbMainSizer {text-align:center}
.lnkTitle {padding-left:40px}
A.lnkTitle:link {}
A.lnkTitle:visited {}
A.lnkTitle:active {}
A.lnkTitle:hover {}
.lnkTitle a {padding-left:0px;}
.lnkYear {color:#FFFFFF}
.lnkMonth {padding-left:20px; color:#FFFFFF}
A.lnkMonth:link {padding-left:20px}
A.lnkMonth:visited {padding-left:20px}
A.lnkMonth:active {padding-left:20px}
A.lnkMonth:hover {padding-left:20px}
.lnkCount {padding-left:2px; color:#FFFFFF}
.bulletParent {color:#C03;text-align:left;list-style:square}
.bulletSon1 {color:#C03;text-align:left;list-style:disc}
.bulletSon2 {color:#C03;text-align:left;list-style:circle}
.bulletSon3 {color:#C03;text-align:left;list-style:disc}
.lblLogin {display:none;}
.cmdPrint {display:none;}
.lnkTrackBack {display:none;}
.SearchOptions {padding:0px;}

/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*Tooltip*/
#tt {
 position:absolute;
 display:block;
 background:url(http://kidneywise.org/Portals/0/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(http://kidneywise.org/Portals/0/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#CEF;
 color:#07a;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(http://kidneywise.org/Portals/0/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
.hotspot {color:#007fc4; padding-bottom:1px; cursor:pointer; font-family: Arial, Helvetica, sans-serif;}

/*.ttfont {font-family:Arial,Helvetica,sans-serif; font-size:9px; font-weight:normal; color:#FFFFFF;}
#text {font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:normal; color:#FFFFFF;}*/



/*Accordion*/
    .AccordionTitle, .AccordionContent, .AccordionContainer
    {
        position: relative;
        
    }
    .AccordionTitle
    {
        overflow: hidden;
        cursor: pointer;
        font-family: Arial; /*changeble*/
        font-weight: bold; /*changeble*/
        vertical-align: middle; /*changeble*/
        text-align: left; /*changeble*/
        display: block;
        -moz-user-select: none;
        border-top: none; /*changeble*/
        border-bottom: none; /*changeble*/
        border-left: none; /*changeble*/
        border-right: none; /*changeble*/
        background-color: #ffffff;
    }
    .AccordionContent
    {
        height: 0px;
        overflow: hidden;		
    }
    .AccordionContent_
    {
        height: auto;
    }
    .AccordionContainer
    {
        border-top: solid 0px #C1C1C1;
        border-bottom: solid 0px #C1C1C1;
        border-left: solid 0px #C1C1C1;
        border-right: solid 0px #C1C1C1;
    }

/*TinyAccordion
* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {width:457px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}

#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}*/

.feedbackmodule
{
position:fixed;
left:0;
Top:110px;
left:0px;
}
.formfeedback
{
float:left;background:#CCCCCC;width:300px;padding-left:10px;height:600px;
}