/***** ESRD Network 14 Redesign Styles *****/

/***** Global Reset Styles *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***** General Styles Begin *****/
body { background:#356283 url(../images/body-bg.jpg) 0 0 repeat-x; padding:10px; font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#000; }
.clear { clear:both; }
.red-alert { color:red; }
.bolund { font-weight:bold; text-decoration:underline; }
.bolital { font-weight:bold; font-style:italic; }
.disclaim { color:#666; }
.disclaim-italic { color:#666; font-style:italic; }
.lower-alpha {	list-style-type:lower-alpha; }
.pull-image { float:right; margin:0 0 20px 20px; }
.pull-image-left { float:left; margin:0 10px 10px 0; }
.news-left { float:left; margin:0 7px 7px 0; }
.news-right { float:right; margin: 0 0 7px 7px; }
.btp { text-align:right; }
.nowrap { white-space:nowrap; }
strong { font-weight:bold; }
em {
	font-style:italic;
	font-size: 24px;
}
#main img { margin-bottom:15px; }

/***** Left and Right Navigation *****/
.bucket { background:#e4e4e4; padding:10px; border:1px solid #bdbdbd;  }
.bucket h5, #col3 h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; margin:0 0 10px 0; }

/* All headings, paragraphs and lists */
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.3em; margin:0 0 10px 0; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; margin:0 0 10px 0; }
h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; margin:0 0 10px 0;}
h6 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:.95em; margin:0 0 10px 0;}
#main p {
	margin:0 0 10px 0;
	line-height:1.3em;
	color: #000;
}
#main ul { margin:0 0 15px 0; }
#main ul ul, #main ol ul, #main ol ol { margin:8px 0 15px 15px; }
#main ul li { padding:0 0 0 15px; margin:0 0 7px 0; background:url(../images/main-bullet.jpg) left 5px no-repeat; line-height:1.3em; }
#main ol { margin:0 0 15px 0; list-style-type:decimal; margin:0 0 0 20px; }
#main ol li { margin:0 0 7px 0; line-height:1.3em; }
#main ul.nobull li { background-image:none; padding-left:0; }
#main ul+h4, #main ul+h6 { margin-top:25px; }
#main p+h4 { margin-top:20px; }

/* Default Styles for Table of Data */
.tbl { width:100%; border-collapse:collapse; border:1px solid #ccc; margin:0 0 15px 0; }
.tbl th, .tbl td { border:1px solid #ccc; padding:5px; }
.tbl th { background:#fff url(../images/pagehead-bg.gif) repeat-x 0 0; color:#000; padding:10px 5px; font-weight:bold; text-align:left; }
.tbl th.row { background-image:none; padding:5px; font-weight:bold; text-align:left; }

/* Provider directory table styles */
table.detail { width:auto; }
.detail th { background:#f1f1f1; padding:3px; width:12em;}


/* Classes for PDF, Word, Excel, and PowerPoint icon next to links */
.pdflink { padding-left:20px; background:url(../images/pdf-icon.gif) no-repeat left top; }
.doclink { padding-left:20px; background:url(../images/doc-icon.gif) no-repeat left top; }
.pptlink { padding-left:20px; background:url(../images/ppt-icon.gif) no-repeat left top; }
.xlslink { padding-left:20px; background:url(../images/xls-icon.gif) no-repeat left top; }

/***** Links *****/
a, 
a:link, 
a:visited,
a:active { color: #0268B1; text-decoration: underline; }
a:hover { text-decoration: none; }
a:focus {
	outline:1px dotted #000;
}

/***** Wrapper *****/
#wrapper { border:1px solid #bdbdbd; background:#fff; max-width:1200px; }

/***** Header *****/
#header { padding:10px; }
#skip { display:none; }
#welcome { float:right; }
#welcome li { float:left; padding:0 0 0 7px; margin:0 6px 0 0; background:url(../images/welcome-nav-items-bg.gif) top left no-repeat; }
#welcome li.first { background-image:none; }
#welcome form, #welcome label, #welcome input { margin:0; padding:0; vertical-align:top; display:inline; }
#welcome #search { width:10em; font-size:.9em; }
#welcome #button { font-size:.9em; }
#h1 { float:left; }

/***** Banner with Image, Page Title, and Breadcrumb *****/
#banner { clear:both; background:#fee118 url(../images/yellow-banner-bg.jpg) top left repeat-x; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; padding:10px; padding-top:0; }
#banner img { float:left; border:1px solid #bdbdbd; margin:10px 10px 0 0; }
#banner h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#0268B1; font-weight:bold; font-size:2.7em; margin-top:17px; }
#banner p#breadcrumb { line-height:1.3em; }

/***** Tabbed Navigation *****/
#nav { margin-top:10px; }
#nav li { float:left; margin:0 10px 0 0; background:url(../images/nav-left.jpg) top left no-repeat; }
#nav a.pri { display:block; width:.1em; background:url(../images/nav-right.jpg) top right no-repeat; padding:9px 20px; color:#0268B1; font-weight:bold; text-decoration:underline; white-space:nowrap; }
#header > #nav a.pri { width:auto; }
#nav a:hover { color:#666; }

/* Drop down navigation */
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	border:1px solid #bdbdbd;
	margin:0;
	padding:0;
}
#nav ul li {
	float: left;
	width: 200px;
	w\idth: 180px;
	background-image:none;
	margin:0;
	padding:0;
	line-height:1.3em;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	w\idth: 200px;
	font-weight: normal;
	margin:0;
	padding:0;
}
#nav ul a {
	display: block;
	width: 200px;
	w\idth:180px;
	text-decoration: none;
	margin:0;
	padding:3px 10px;
	background-image:none;
}
#nav ul a:hover {
	background:#eee;
	color:#0268B1;
	text-decoration:none;	
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover a.pri, #nav li.sfhover a.pri {
	color:#666;
	text-decoration:none;
}

#nav li:hover { background-position: 0 0; }

/* Current state: Highlight tab of section user is on */
#nw #nav-network, 
#pat #nav-patients, 
#professionals #nav-professionals, 
#provider #nav-provider, 
#disaster #nav-disaster
	{ background:url(../images/nav-left-on.gif) top left no-repeat; }

#nw #nav-network a.pri, 
#pat #nav-patients a.pri, 
#professionals #nav-professionals a.pri, 
#provider #nav-provider a.pri, 
#disaster #nav-disaster a.pri
	{ background:url(../images/nav-right-on.gif) top right no-repeat; color:#666; text-decoration:none; }

/***** Layout Columns *****/
#main { clear:both; padding:10px 0; }

/***** 3 Column Default Layout *****/
#col1 { float:left; width:20%; }
#col2 { float:left; width:55%; }
#col3 { float:left; width:24%; border-left:1px solid #ccc; overflow:hidden; }
#col1 .content, #col2 .content, #col3 .content { padding:0 10px; }
#col3 .content { padding-left:20px; }

/***** 2 Column Layout *****/
.twocol #col1 { float:left; width:20%; }
.twocol #col2 { float:left; width:80%; }

/***** Home Page *****/
.homelayout #col1 { width:25%; }
.homelayout #col2 { width:50%; }
.homelayout #col3 { width:25%; border:none; }
.homelayout .bucket { background:#ccddee; padding:10px; margin:0 0 10px 0; border:1px solid #bdbdbd;  }
.homelayout .var1 { background:#aaccdd;}
.homelayout .var2 { background:#ccddee; }
.homelayout .var3 { background:#eeeeff; }
.homebucket { float:left; margin:0 20px 0 0 }
.homebucketr { margin-right:0; }
.homebucket a, .homebucket a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#3b3b3b; font-size:1.5em; font-weight:bold; text-decoration:none; }
.homebucket dt { margin:0 0 5px 0; }
.homebucket dd { margin:0 0 15px 0; }
.homebucket img { border:1px solid #bdbdbd; }
#promo { clear:left; float:left; width:100%; }
#promo #promol, #promo #promor { float:left; width:49%; }
#promo #promol .content, #promo #promor .content {padding:0; }
#promo #promol .content { margin-right:10px; }
#promo h4 { padding:4px; background:#fff url(../images/pagehead-bg.gif) repeat-x 0 0; border:1px solid #bdbdbd; }

/***** Footer *******/
#footer { clear:both; margin:10px 0 0 10px; color:#fff; }
#footer #footer-nav { margin:0 0 10px 0; font-weight:bold; }
#footer p { margin:0 0 7px 0; }
#footer a:link, #footer a:visited { color:#fff; text-decoration:underline; }
#footer a:hover { text-decoration:none; }

/***** Calendar Table *****/
.caltbl { width:100%; border:1px solid #bdbdbd; border-collapse:collapse; margin:0 0 10px 0; }
.caltbl th { border-top:1px solid #bdbdbd; }
.caltbl th, .caltbl td { border-left:1px solid #bdbdbd; padding:3px; }
.caltbl td { height:4em; width:14%; text-align:center; }
.caltbl th { text-align:center; }
.caltbl tr.numbers th { text-align:right; }
.caltbl tr.days th { background:#bdbdbd; }
.month { font-size:2em; text-align:center; }

/* Complaints */
span.can { color:#00CC00; }
span.cant { color:#FF0000; }
.complaint-nos { background:#e6e6e6; text-align:center; font-weight:bold; font-size:1.2em; margin:10px auto; }
.nos-l, .nos-m, .nos-r { float:left; width:26%; }
.nos-m { font-size:2em; }
.complaint-can ul { margin-top:7px; list-style-type:square; }

/***** Member Section *****/
#main #login { padding:10px 0 0 10px; }
#main #login ul { float:left; }
#main #login li { clear:both; float:left; margin:0 0 7px 0; background-image:none; }
#main #login label { clear:left; float:left; width:7em; text-align:right;  }
#main #login input, #login textarea, #login select { float:left; width:10em; margin:0 0 0 7px; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:2px; }
#main #login textarea { width:20em; }
#main #login select { width:13em; }
#main #login #submit { width:5em; }
#members dt { font-weight:bold; margin:0 0 10px 0; }

/* Plugins bucket */
ul#plugins li { padding-left:20px; }
ul#plugins li#pdf { background:url(../images/pdf-icon.gif) no-repeat left top; }
ul#plugins li#doc { background:url(../images/doc-icon.gif) no-repeat left top; }
ul#plugins li#xls { background:url(../images/xls-icon.gif) no-repeat left top; }
ul#plugins li#ppt { background:url(../images/ppt-icon.gif) no-repeat left top; }


/* Left nav */
#mobile-left-nav {
	display:none;
}



/*******************************************************/
/******************* Print styles **********************/
/*******************************************************/
@media print 
{
body { margin:0; padding:0; font-family:"Times New Roman", Times, serif; background:#fff; background-image:none; }
#skip, #welcome, #nav, #banner, #col1, #col3 { display:none; }
#col2 { float:none; width:650px; }
#wrapper { border:none; }
#header { border-bottom:1px solid #000; }
#footer { border-top:1px solid #000; padding-top:20px; }
#footer-nav { display:none; }
h1, h2, h3, h4, h5, h6 { font-family:"Times New Roman", Times, serif; }
}

/* *****************************************
screen width less than 480px -- one-column
***************************************** */
@media screen and (max-width:480px) 
{
body { 
	/*background:url(/assets/images/logo-235-73.gif) no-repeat 50% 5px;
	padding-top:80px;*/
	background:none;
	font-size:18px;
}
#skip {
	display:block;
	background:#0268B1;
	list-style:none;
	margin:-10px -10px 10px;
	padding:0;
	text-align:center;
}
#skip a {
	color:#fff;
	padding:8px 0;
	display:block;
	text-decoration:none;
}
#welcome, 
#nav li ul,
#breadcrumb,
#banner p,
#col1 h5, 
#footer, 
.homelayout #col1 { 
	display:none;
}
h1{
	margin:0 0 20px 0;
	text-align:center;
}
#nav {
	border:1px solid #ccc;
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	border-radius:10px;
}
#nav li { 
	float:none; 
	background:none!important; 
	border-bottom:1px solid #ccc;
	list-style:none;
	margin:0; 
	padding:0; 
}
#nav li:last-child {
	border:none;
}
#nav li a.pri {
	background:none!important;
	margin:0;
	padding:10px;
	text-decoration:none;
	font-size:16px;
	line-height:normal;
	display:block;
	font-weight:bold;
}
#left-nav {
	display:none;
}
#mobile-left-nav {
	display:block;
	font-size:14px;
	margin:0;
	padding:0;
}
#banner h2 {
	font-size:18px;
}
#col1, 
#col2, 
.homelayout #col2 {
	float:none;
	width:auto;
}
#col1 .content, #col2 .content, #col3 .content {
	padding:0;
}
#header {
	padding:0;
}
.bucket {
	padding-left:0;
	padding-right:0;
}
#wrapper { border:none; }
#welcome, #welcome li { float:none; padding:0; background-image:none; }
ul#welcome { list-style-type:square; }
#banner { 
	background:#fff; 
	background-image:none; 
	border:none; 
	padding:0;	
}
#banner img { display:none; }
#nav { list-style:square; margin:0; padding:0; }
#nav li a { display:inline; background-image:none; margin:0; padding:0; }
.bucket { background:#fff; border:none; }
#main ul { list-style-type:square; }
#main ul li { background-image:none; }
#col3 { display:none; }
#footer { color:#000; }
#footer a { color:#000; }
ul { list-style-type:square; }
}