/* CSS Document */

/* CSS Document */

/*
	Governing rules for styles in kidneyFoundation.org:
		body 		::	body is to have no margin or padding and defines the default font type and size for the application
		positioning	::  all elements should push down and to the right from above, using top and left margins only.
		table 		::	default top and left margins of 4px (pushing down and to the right from above)
		td 			::	table columns may have padding, when required. Default is 0
		p 			::	paragraph tags have no margins, only padding, so that bgcolor can fill to inner borders of container element

*/
/* Overriding defaults for the page body */
	body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Overriding font defaults */
	body, td, p, ul, ol, span, input, 
	textarea, select, radio, checkbox { font-family:Arial, Helvetica, sans-serif;  font-size: 9pt; letter-spacing:1px;}
	body, td, p, ul, ol, span { font-size: 12px; }
	input, select, radio, checkbox { font-size: 12px;}	
	textarea{ font-size:14px; }

/* Overriding positioning defaults for table, div and p block elements */
	div { margin: 0px 0px 0px 0px;}
	table{margin:0px;}
	p, a, form, ul{ margin: 0px; color:#4A4A4A;}
	img{margin: 0px; padding:0px; }
/* Random add in styles***********************************************************************************************/
	.white{color:white;}
	.red{color:maroon;}
	.navy{color:navy;}
	.bold{font-weight:bold;}
	.right{ text-align:right;}
	.center{text-align:center;}
	.left{text-align:left;}
	
/* a styles***********************************************************************************************************/
a.hdrNav, a.hdrNavActive, a.hdrNav:link, a.hdrNav:visited{font-size:8pt; padding:0px 4px 0px 4px; text-decoration:none; text-transform:uppercase;}
a.hdrNav:hover{background-image:url(../images/spacer_ltGrey.gif); }
a.hdrNavActive{background-image:url(../images/spacer_green.gif); background-repeat:repeat;}
a.navLink,a.navSubLink, a.navHdrLink{color:#7F881B;text-decoration:none; font-weight:bold; text-transform:uppercase;}
a.navHdrLink{color:white;text-transform:uppercase;}
a.navSubLink{color:white;text-transform:capitalize;}
a.navSubLink:hover{color:#7F881B}
a.rtNavLink, a.rtNavLink:hover{text-decoration:none; color:white; font-weight:bold;}
a.rtNavLink:hover{text-decoration:underline;}
a.plain{text-decoration:none;}
a.pubHdr{text-decoration:none; color:#FFFFFF;}
a.eventPdf{text-decoration:none; padding-left:5px;}
a.eventPdf:hover{text-decoration:underline;}


/* p styles***********************************************************************************************************/
p.leftNav, p.leftNavHdr{ width:149px; }
p.leftNavHdr{margin:20px 0px 5px 25px;}
p.rtNav, p.rtNavLg, p.rtNavEvent, p.rtNavEventDesc{padding:5px 5px 20px 10px; color:white;font-size:8pt;}
p.rtNavLg{font-size:10pt;}
p.rtNavEvent{margin-bottom:0px; padding-bottom:5px;}
p.rtNavEventDesc{padding-top:0px;}
p.rightNavHdr{ 	background-image:url(../images/spacer_mdGrey.gif); background-repeat:repeat; font-weight:bold; color:white; 
 				white-space:nowrap; padding:8px 0px 10px 12px;}
p.footer{ padding:10px 0px 10px 0px; }
p.homeSplash, p.homeSplashLg{ 
	color:white; padding:10px 10px 20px 20px; background-image:url(../images/spacer_drkGrey.gif); background-repeat:repeat;}
p.homeSplashLg{ font-size:18pt; margin-top:-3px; padding:10px 0px 0px 20px;}
p.splashContent,p.splashNote{ padding:0px 10px 10px 25px;}
p.splashNote{color:maroon;}


p.splashHdr,p.splashCalHdr, p.splashEventHdr, p.splashEventDtlHdr, p.sponsorHdr, p.splashHdrWide{ 
	padding:15px 25px 12px 25px; font-size:16pt; font-weight:bold;}
p.splashHdrWide{width: 508px;}
p.cartHdr{padding-top:15px;padding-bottom:6px; font-weight:bold;}
p.cartText{padding-bottom:8px; border-bottom-color:grey;}
p.cartSum{padding-top:5px;}
p.cartButtons{padding-top:10px;}
p.splashHdr, p.splashEventDtlHdr{width:340px;}
p.splashCalHdr{ padding-left:20px;}
p.sponsorHdr{	background-image:url(../images/spacer_drkGrey.gif); color:white; text-align:center; padding:10px; margin-top:20px; 
	font-size:16pt; font-weight:bold;}
p.splashEventHdr, p.splashEventDtlHdr{ padding: 15px 20px 5px 20px;}
p.eventDate, p.splEventDate{ padding: 0px 0px 5px 20px; font-size:16pt;}
p.eventContent, p.splEventContent, p.eventIntroDesc, p.splEventIntroDesc, p.splEventLocation, p.eventLocation{ 
	padding: 0px 20px 15px 20px; font-size:10pt;}
p.splEventDate, p.splashEventDtlHdr, p.splEventContent, p.splEventIntroDesc, p.splEventLocation{ padding-left:25px;}
p.eventLocation{width:250px;}
p.splEventDate{padding-top:10px;}

/* item list styles*******************/
p.itemHdr{
	background-color:#333333; padding:2px 2px 2px 15px; font-size:10pt;margin:3px 0px 3px 0px; color:white; font-weight:bold;}
p.itemDesc, p.soldOut{padding:5px 0px 5px 15px;}
p.soldOut{ padding-bottom:20px; font-weight:bold; color:maroon;}

/* form styles************************/
p.splashTableHdr{border-bottom: 1px gray solid;margin:3px 0px 3px 0px; padding-left:5px;font-weight:bold;}
p.splashTableContent { margin:5px 4px 0px 5px;}
p.labelBelow, p.hdrLoginLabel { padding:1px 0px 5px 1px; margin-top:-2px; white-space:nowrap;} /*used to label most data entry fields in muli-field forms*/
p.hdrLoginLabel{font-size:8pt; padding-left:2px;}
p.labelAbove{ padding:15px 0px 0px 0px;} /* Usually used for labelling text areas where the label needs to be on top*/
p.labelLeftSearch, p.inputLabelLeft { padding-right: 6px; text-align:right; margin: 10px 0px 0px 0px; vertical-align:top;} /* Usually used to label function support fields such as in search boxes, etc. */
p.labelLeft { margin:5px 0px 0px 5px; color:#990000; text-align:right; vertical-align:top;}/**/
p.labelRight { text-align:left; margin: 10px 0px 0px 0px;} /*labelRight is usually for checkboxes.  Since form elements usually have right margin, no left margin or padding is nec here.*/
p.labelLeftSearch { color:blue;color:#990000;}


/* forms **************************************************************************************************************/
img.itemImg{margin:10px 0px 10px 15px;}
img.navSpacer{width:13px; height:16px;}
img.verticalSpacer{width:12px;}
img.splEvent{margin:20px 10px 10px 15px;}
input, select, radio, checkbox { font-size: 12px; }	
input, textarea, select, radio, checkbox{ margin: 0px; padding:0px;}
select { margin: 0px 0px 0px 0px;}
input.button {  width: 75px; }
input.box {width:20px;}
input.login{width:100px;}
input.smInput{ width:30px;}
input.stInput{ width:50px;}
input.mdInput{ width:120px;}
input.lgInput{ width:250px;}
select.smSelect{ width:50px;}
select.lgSelect{ width:308px;}
.checkbox {margin: 0px 0px 0px 0px;}
.submit { margin: 16px 0px 0px 0px;}

/* div tags **********************************************************************************************************/
div.lgSplshCntr{ text-align:center; padding-top:0px; background-color:#000000;}
div.sponsorCntr{text-align:center; background-color:#919090;width:340px; margin:0px;}

/* table styles********************************************************************************************************/
table.splashTable, table.cartTable, table.splashTableWide, table.splashTableLarge{ margin:0px 10px 10px 25px; width:275px;}
table.splashTableWide{width:400px;}
table.cartTable{width:460px;}
table.splashTableLarge{width:475px;}
table.prevNext{ margin:0px 10px 10px 20px; width:275px;}
td.topRow,td.col1{background-image:url(../images/spacer_mdGrey.gif); background-repeat:repeat;}
td.col3{background-image:url(../images/spacer_green.gif); background-repeat:repeat;}
td.col5{background-image:url(../images/spacer_ltGrey.gif); background-repeat:repeat;}
td.col7{background-image:url(../images/spacer_blue.gif); background-repeat:repeat;}
td.col9{background-image:url(../images/spacer_drkGrey.gif); background-repeat:repeat;}
td.col2,td.col4,td.col6,td.col8,td.col10{}
td.col11{background-image:url(../images/spacer_mdGrey.gif); background-repeat:repeat;}
table.navTable{width:149px; }
tr.navrow{ width:149px; font-weight:bold; color:#7F881B; padding:4px 0px 4px 0px; background-image:url(../images/spacer_green.gif);}
td.arrowCol{padding:6px 10px 0px 0px; vertical-align:top;}
td.navLinkCol{font-weight:bold; color:#7F881B; padding:6px 25px 4px 0px; vertical-align:top;}

/*Dare to Dance styles*/
table#danceTeams {width: 100%; margin: 0px; padding: 0px 25px 0px 25px; margin: 15px 0px 15px 0px;}
table#danceTeams td {vertical-align:top; text-align: center; padding-bottom: 10px;}
table#danceTeams td a {text-decoration: none;}
table#danceTeams td a:hover {text-decoration: underline;}
table#danceTeams td img {border: none;}
div#teamImage {text-align: center; margin-bottom: 15px;}
div#teamVote {text-align: center; margin-bottom: 15px;}
div#teamVote a {background-color: #cbda2b;	padding: .25em 2em .25em 2em; text-decoration: none; white-space: nowrap; color: black; border: solid #666 1px;}
p#amountRaised {text-align: center; padding: 0em; margin-bottom: 25px;}
div.emptyDivClearFix {clear: both; zoom: 0;}
div#individualBios div.ind1, div#individualBios div.ind2 {float: left; width: 49.99%;}
div#individualBios div p {padding: 0em; margin: 0em 1em 0em 1em;}
div#individualBios div.individual {margin-bottom: 15px;}
div#individualBios div.ind1 div.individual {float: right; margin: 0em .5em .75em 1em;}
div#individualBios div.ind2 div.individual {float: left; margin: 0em 1em .75em .5em;}
div#individualBios div.individual p {padding: 0em; float: none; margin: 5px 0em 0em 0em; text-align: center; font-weight: bold;}

div#orderProcessing {text-align: center; display: none;}
div#orderProcessing p {margin-bottom: .5em;}