/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0;
	background: #FFF;
	font:normal 13px/128% Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#656565;
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color:#009899;
	outline: none;
	}

a:hover{
	text-decoration: none
	}

h2{
	margin: 0px 0px 20px 22px;
	font:bold 18px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #9A9A9A;
	}

h3{
	margin: 0px 0px 0px 0px;	
	font-size: 18px;
	color: #82AC30;
	font-weight: bold
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

/* ------------------------------------------------------------------------------------------------ */

#MainWrapper{
	width: 810px;
	position:absolute;
	left: 50%;
	top: 60px;
	/*padding-bottom: 80px;*/
	z-index: 10;
	margin-left: -405px;
	}
#TopBg{
	height: 413px;
	width:100%;
	background: url(../img/bgBodyTall.png) 0px 100% repeat-x;
	position:absolute;
	left: 0;
	top: 145px;
	z-index: 10;
	}

body.minimized #TopBg{
	height: 42px;
	}
/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#Header{
		width: 100%;
		height:498px;
		overflow: hidden;
		position:relative;
		z-index:10;
		}
		
	body.minimized #Header{
		height:127px;
		}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position:absolute;
			top:15px;
			left:0px;
			background: transparent url(../img/nameYourCauseWhiteLogo.jpg) 0 100% repeat-x;
			text-indent: -999px;
			width: 355px;
			height: 51px;
			}
		
		h1#Logo a{
			display: block;
			overflow:hidden;
			font:bold 30px/35px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			color: #333;
			text-decoration: none
			}
		h1#Logo a:hover{
			color: #000;
			}
	/* /logo */
	
	/* main nav */
		#MainNav{
			position:absolute;
			top: 52px;
			right:5px;
			height: 33px;
			}
			
		#MainNav ul{
			float:right;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;	
			height: 33px;
			overflow:hidden;
			background: #4CB8B8 url(../img/bgMainNav.jpg) 0 100% repeat-x;
			border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;	
			border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			}
		
		#MainNav li{
			float: left;
			height:33px;
			overflow:hidden;
			margin: 0px 2px 0px 0px;
			background: url(../img/sepMainNav.jpg) 100% 0% no-repeat;
			}
			
		#MainNav li.first{
			}
			
		#MainNav li.last{
			background: none;
			padding: 0px 0px 0px 0px;
			}			
		
		#MainNav li a{
			display: block;
			padding: 0px 27px 0px 27px;
			font:normal 18px/32px Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration: none;
			float:left;
			white-space:nowrap;
			}
		#MainNav li a:hover{
			color: #BBF1FF
			}
		#MainNav li.selected a{
			color: #333;
			}		
	/* /main nav */
	
	/* header text area */
		#HeaderTextArea{
		position:absolute;
		top: 85px;
		left:0px;
		width: 100%;
		height:361px;
		background: url(../img/bgHeaderTextArea.jpg) 0 0 no-repeat;
		}
		
		body.minimized #HeaderTextArea{
		display: none
		}
		
		
		/* left content */
		#HeaderTextArea .MainTextArea{
			width: 500px;
			height: 330px;
			position:absolute;
			top: 28px;
			left:6px;
			z-index:1;
			font:normal 11px/128% Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;
			}
			
		#HeaderTextArea .MainTextArea h2{
			font:normal 24px/116% Verdana, Arial, Helvetica, sans-serif;
			color: #8FCF0F;
			margin: 0px 0px 2px 0px;
			}
		#HeaderTextArea .MainTextArea h2 em{
			font-weight: bold;
			font-style: normal
			}
		#HeaderTextArea .MainTextArea p{
			font-size: 14px;
			margin: 0px 0px 25px 0px;
			line-height:128%;
			}
		#HeaderTextArea .MainTextArea h3{
			font:normal 20px/100% Verdana, Arial, Helvetica, sans-serif;
			color: #8FCF0F;
			margin: 0px 0px 0px 0px;
			}
		#HeaderTextArea .MainTextArea a{
			color:#FFF;
			}
		#HeaderTextArea .MainTextArea ol{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			width:490px;
			}
		#HeaderTextArea .MainTextArea ol li{
			background: url(../img/sepHeaderTextArea.gif) 0 100% repeat-x;
			padding: 7px 6px 14px 6px;
			overflow:hidden
			}
		#HeaderTextArea .MainTextArea ol li.last{
			background:none;
			padding-bottom: 0;
			}
		#HeaderTextArea .MainTextArea ol li strong.index{
			display: block;
			color: #8FCF0F;
			float: left;
			width:23px;
			padding: 0px 5px 0px 0px;
			text-align:right;
			font-size:34px;
			color: #8FCF0F;
			font-weight: normal;
			line-height:34px;
			}
		#HeaderTextArea .MainTextArea ol li span.content{
			display: block;
			width:450px;
			float: left;
			padding: 5px 0px 0px 0px;
			}
		#HeaderTextArea .MainTextArea ol li span.content strong{
			font-size: 14px;
			font-weight: bold
			}
		/* /left content */	
	
		/* right content */
		#HeaderTABox{
			width: 293px;
			height: 386px;
			position:absolute;
			top: 0px;
			left:511px;
			z-index:1;
			background: url(../img/bgHeaderTABox.jpg) 0 0 no-repeat;
			font:normal 11px/136% Arial, Helvetica, sans-serif;
			color:#FFF;
			}
		#HeaderTABox a{
			color: #FFF;
			}
		#HeaderTABox .TopContent{
			padding: 31px 29px 0px 25px;
			color: #FFF;
			height:117px;
			}
		#HeaderTABox .TopContent h3{
			margin: 0px 0px 5px 0px;
			font:normal 18px/100% Arial, Helvetica, sans-serif;
			color: #FFF
			}
		#HeaderTABox .TopContent p{
			margin: 0px 0px 0px 0px;
			}
		#HeaderTABox .BtmContent{
			padding: 8px 29px 0px 25px;
			color: #FFF;
			height:180px;
			}
		#HeaderTABox .BtmContent h3{
			margin: 0px 0px 8px 0px;
			font:normal 18px/100% Arial, Helvetica, sans-serif;
			color: #8FCF0F;
			}
		#HeaderTABox .BtmContent p{
			margin: 0px 0px 0px 0px;
			}
		#HeaderTextArea #LogoSlideshow{
			width: 261px;
			height: 60px;
			overflow:hidden;
			position:relative;
			left: -9px;
			z-index:1;
			margin: 0px 0px 11px 0px;
			}
		#HeaderTextArea #LogoSlideshow ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			width: 261px;
			height: 60px;
			overflow:hidden
			}
		#HeaderTextArea #LogoSlideshow ul li{
			width: 261px;
			height: 60px;
			}
		/* right content */
	/* /header text area */
	/* header bottom bar */
	#HeaderBottomBar{
		position:absolute;
		bottom: 0px;
		left:0px;
		width: 100%;
		height:37px;
		z-index:10;
		background: url(../img/bgHeaderBtmBar.png) 0 0 repeat-x;
		}
		
	a#btnExpandCollapseHeader{
		display: block;
		width: 29px;
		height: 20px;
		text-indent: -9999px;
		overflow:hidden;
		background-image: url(../img/btnExpandCollapseHeader.jpg);
		background-repeat: no-repeat;
		position:absolute;
		top: 17px;
		left:361px;
		z-index:1;
		}
		
	a.btnExpandHeader{background-position: 0 0}
	a.btnCollapseHeader{background-position: 0 -20px}
	/* /header bottom bar */        
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentWrapper{
		width:802px;
		padding: 36px 4px 20px 4px;
		position:relative;
		z-index:0;
		top:-16px;
		margin-bottom: -16px;
		background: #FFF url(../img/bgContentWrapper.png) 0 0 repeat-y;
		overflow:hidden;
		}


	/* main content */
		#MainContent{
			width: 545px;
			padding: 0px 0px 0px 0px;
			float: left;
			min-height: 500px;
			}

		#WideMainContent{
			width: 771px;
			padding: 0px 0px 0px 0px;
			float: left;
			min-height: 500px;
			}

	/* /main content */

	/* side content */
		#SideContent{
			width:226px;
			padding: 0px 14px 0px 0px;
			float:right;
			}
			
		#SideContentShadow{
			width: 10px;
			height: 100px;
			position:absolute;
			top: 0px;
			left:539px;
			z-index:1;
			background: url(../img/bgSideContent.png) 0 0 repeat-y;
		}
		
		#SideContent h3{
			margin: 0px 0px 10px 0px;
			font-weight: bold;
			color: #690;
			font-size: 22px;
			}
	/* /side content */
/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#Footer{
		width:100%;
		height: 113px;
		position:relative;
		background: url(../img/bgFooter.png) 0px 0px no-repeat;
		font:normal 12px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #5D6434
		}
		
	a#FooterLogo{
		display: block;
		width: 169px;
		height: 71px;
		position:absolute;
		top: 26px;
		/*left:0px;*/
		left:10px;
		z-index:1;
		text-indent: -9999em;
		background: url(../img/whatgives/CauseMediaGroup.jpg) 0 0 no-repeat;
	}
		
	#Copyright{
		font:bold 10px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #999;
		position:absolute;
		top: 47px;
		/*right:0px;*/
		right:10px;
		z-index:1;		
		}
	
	#FooterNav{
		position:absolute;
		top: 30px;
		/*right:0px;*/
		right:10px;
		z-index:1;
		}
		
	#FooterNav ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		}
		
	#FooterNav ul li{
		float: left;
		padding: 0px 5px 0px 4px;
		background: url(../img/whatgives/sepFooterNav.gif) 100% 70% no-repeat;
		}
		
	#FooterNav ul li.last{	
		padding: 0px 0px 0px 4px;
		background: none;
	}

	#FooterNav a{
		font:bold 10px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #999;
		text-decoration: none
	}
		
	#FooterNav a:hover{
		color: #333;
	}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */
	.InnerPaddedContent{
		padding: 0px 32px 0px 22px;
		line-height: 150%
		}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* az listing
/* ------------------------------------------------------------------------------------------------ */

.AZListing{
	height:22px;
	margin: 0px 0px 30px 22px;
	position:relative
	}
	
h3.AZListingHeading{
	margin: 0px 0px 0px 0px;
	float: left;
	width:90px;
	font:bold 18px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #9A9A9A;
	position:absolute;
	bottom: 0px;
	left:0px;
	}
	
ul.AZListingPagination{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font: bold 14px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
	overflow: hidden;
	position:absolute;
	bottom: 1px;
	left:90px;
	}

ul.AZListingPagination li{
	display: inline;
	}

ul.AZListingPagination a{
	color: #9A9A9A;
	text-decoration: none;
	padding: 0px 1px 0px 1px;
	}

ul.AZListingPagination a:hover{
	color: #333;
	}

ul.AZListingPagination a.selected, ul.AZListingPagination a.selected:hover{
	color: #690;
	font-weight: bold;
	font-size: 30px;
	line-height:30px;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* data table
/* ------------------------------------------------------------------------------------------------ */
.DataTableInfo{
		margin: 0px 0px 10px 22px;
	}

table.DataTable{
	border: none;
	border-collapse:collapse;
	font:bold 14px/120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #343432;
	margin: 0px 0px 10px 0px;
}

table.DataTable th{
	border: none;
	padding: 0px 22px 0px 22px;
	height: 39px;
	font:bold 18px/120% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #82AC30
}

table.DataTable th a{
	color: #82AC30;
	text-decoration: none
	}

table.DataTable th a.ASC{
	background:transparent url(../img/icAsc.gif) 100% 7px no-repeat;
	padding: 0px 14px 0px 0px;
	}

table.DataTable th a.DESC{
	background:transparent url(../img/icDesc.gif) 100% 8px no-repeat;
	padding: 0px 14px 0px 0px;
	}
table.DataTable th a:hover{
	text-decoration: underline
}

table.DataTable td{
	border: none;
	padding: 5px 22px 5px 22px;
}

table.DataTable tr.even{
	background: #EEF5E5;
	}
	
table.DataTable tr.odd{
	background: #FFF;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* pagination
/* ------------------------------------------------------------------------------------------------ */
.pagination{
	background:#CCECEB;
	margin: 0px 0px 10px 0px;
	width: 100%;
	position:relative;
	line-height:25px;
	font:bold 14px/25px Trebuchet MS, Arial, Helvetica, sans-serif;
	}

.pagination .pages{
	padding: 0px 90px 0px 90px;
	text-align:center
	}

.pagination .pages a{
	color:#009899;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	}

.pagination .pages a:hover{
	color: #333;
	}

.pagination .pages a.selected, .pagination .pages a.selected:hover, .pagination .pages span{
	color: #333;
	margin: 0px 5px 0px 5px;
	}

.pagination a.next{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 25px;
	color: #009899;
	font-size: 18px;
	line-height:25px;
	text-align: right;
	width:60px;
	padding: 0px 22px 0px 0px;
	text-decoration: none
	}

.pagination a.prev{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 25px;
	color: #009899;
	font-size: 18px;
	line-height:25px;
	text-align: left;
	width:60px;
	padding: 0px 0px 0px 22px;
	text-decoration: none
	}
	
.pagination a.next:hover, .pagination a.prev:hover{
	color: #333;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* search by tag
/* ------------------------------------------------------------------------------------------------ */
.SearchByTag{
	margin: 20px 0px 0px 22px;
	}
	
h3.SearchByTagHeading{
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #690;
	font-size: 22px;
	}
	
.TagCloud{
	line-height: 26px
	}

.TagCloud a{
	text-decoration: none;
	margin: 0px 2px 0px 2px;
	}
.TagCloud a:hover{
	text-decoration: underline
	}

.TagCloud a.tag10{font-size: 12px; color: #8C8C8C}
.TagCloud a.tag11{font-size: 13px; color: #28A870}
.TagCloud a.tag12{font-size: 14px; color: #AAA531}
.TagCloud a.tag13{font-size: 15px; color: #81920E}
.TagCloud a.tag14{font-size: 16px; color: #83B1B1}
.TagCloud a.tag15{font-size: 17px; color: #42A029}
.TagCloud a.tag16{font-size: 18px; color: #293737}
.TagCloud a.tag17{font-size: 18px; color: #0F3838}
.TagCloud a.tag18{font-size: 20px; color: #83BE0D}
.TagCloud a.tag19{font-size: 21px; color: #690}
.TagCloud a.tag20{font-size: 22px; color: #099}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* search form
/* ------------------------------------------------------------------------------------------------ */
.SearchFormWrapper{
	margin: 0px 0px 10px 0px;
	}
form.SearchForm{
	height:26px;
	overflow:hidden;
	width:220px;
	padding: 0px 0px 0px 0px;
	position:relative;
	margin: 0px 0px 0px -5px;
	}
	
form.SearchForm .txtInput{
	position:absolute;
	left: 6px;
	top: 0px;
	border:none;
	height:21px;
	line-height:21px;
	width:140px;
	padding: 3px 0px 0px 6px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-right: none;
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-right: 0;
	}
form.SearchForm .btnInput{
	border: none;
	margin:0;
	text-align: center;
	width:69px;
	height:26px;
	background:#669900;
	color: #FFF;
	text-align:center;
	position:absolute;
	right: 0px;
	top: 0px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-left: none;
	border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* top companies
/* ------------------------------------------------------------------------------------------------ */
.TopCompanies{
	margin: 0px 0px 0px 0px;
	}
	
.TopCompanies p.hint{
	margin: 0px 0px 10px 0px;
	font-size:12px;
	color: #656565;
	}
	
.TopCompanies ol{
	color: #656565;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 34px;
	}
	
.TopCompanies ol li{
	padding: 0px 0px 6px 0px;
	}
.TopCompanies ol li a{
	color: #656565;
	text-decoration: none
	}
.TopCompanies ol li a:hover{
	color: #000
}
	
.TopCompanies ol li strong.CompanyName{
	}
	
.TopCompanies ol li small.CompanyVotes{
	color: #656565
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* view charity
/* ------------------------------------------------------------------------------------------------ */
.ViewCharity{
	font-size: 12px;
	color: #343432;
	}
.ViewCharity .CharityHeader h2{
	margin-bottom: 21px;
	margin-right: 20px
	}
	
.ViewCharity .CharityHeader p{
	margin: 0px 0px 0px 20px;
}
.ViewCharity .CharityHeader img.CharityLogo{
	float: right;
	padding: 0px 31px 10px 0px;
	}
.ViewCharity .CharityHeader a.lnkEditCharity{
	display: block;
	margin: 0px 31px 10px 21px;
	clear: both
	}
.ViewCharity .CharityDetailedInfo{
	overflow: hidden;
	width:502px;
	margin: 0px 0px 10px 21px;
	/*min-height: 500px;*/
	}

.ThankYou .CharityDetailedInfo{
	overflow: hidden;
	width:702px;
	margin: 0px 0px 10px 21px;
	/*min-height: 500px;*/
	}

.ViewCharity .CharityInfo {
	float: left;
	width:356px;
	padding: 7px 0px 0px 0px;
	}

.ThankYou .CharityInfo {
	float: left;
	width:556px;
	padding: 7px 0px 0px 0px;
	}


.ViewCharity .CharityInfo .CharityLongDescription{
	clear: both;
	padding: 21px 17px 21px 17px;
	margin: 0px 0px 16px 0px;
	background:#FAFBF8;
	border: 1px solid #E4E9DE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font:normal 12px/133% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #3B4331
	}

.FollowUs {
	margin: 0px 0px 10px 0px;
}

.FollowUs a {
	text-indent: -9999px;
	display:block;
	width: 214px;
	height: 53px;
	background: #FFF url(../img/NYC_twitter.gif) 0 0 no-repeat;
}




p.submissionLegal {
	padding-top: 15px;
	border-top: 1px solid #E4E9DE;
}

.ViewCharity .CharityInfo .CharityTags{
	border: 1px solid #E4E9DE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 14px 17px 14px 17px;
	margin: 0px 0px 15px 0px;
	}
.ViewCharity .CharityInfo .CharityLinks{
	margin: 0px 0px 16px 0px;
	overflow:hidden;
	clear:bothl
	}
a.CharityWebsite{
	color: #75A614;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
	width:280px;
	float: left;
	}
a.CharityWebsite:hover{
	text-decoration: underline
	}
	
.snLinks{
	overflow: hidden;
	padding: 0px 6px 0px 0px;
	float: right;
	width: 70px;
	}
a.lnkTwitterPage{
	display: block;
	width:28px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/icTwitter_small.jpg) 0 0 no-repeat;
	margin: 0px 0px 0px 8px;
	float: left;
	}
a.lnkFacebookPage{
	display: block;
	width:28px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/icFacebook_small.jpg) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;
	float: right;
	}
.ViewCharity .CharityActionLinks{
	float: right;
	width:146px;
	}
	
.CharityInfo p{
	margin: 0px 0px 1em 0px;
}

.CharityInfo a.lnkTwitter, .CharityActionLinks a.lnkTwitter {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	background: url(../img/icTwitter.jpg) 0 0 no-repeat;
	margin: 0px 5px 0px 0px;
	float: left;
	}

.CharityInfo a.lnkFacebook, .CharityActionLinks a.lnkFacebook{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	background: url(../img/icFacebook.jpg) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;
	float: left;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* voting controls
/* ------------------------------------------------------------------------------------------------ */
.VotingControls{
	margin: 0px 0px 10px 13px;
	padding: 0px 0px 0px 0px;
	position: relative;
	}

.VotesCounter{
	float: right;
	height: 69px;
	line-height: 69px;
	background: url(../img/bgVotesCounter.jpg) 100% 0 no-repeat;
	margin: 0px 1px 0px 0px;
	font-size: 18px;
	font-weight:bold;
	color:#343432;
	padding: 0px 20px 0px 20px;
	white-space: nowrap
}

.ThankYou .VotesCounter {
	float: left;
}

.ThankYou .socialMediaIcons {
	clear: both;
	display: block;
	margin: 0px 0px 0px 30px;
}

.ThankYou h2 {
	margin-left: 0px;
}

a.btnVote{
	display: block;
	width: 109px;
	height: 69px;
	overflow:hidden;
	text-indent: -9999px;
	background: url(../img/btnVote.jpg) 0 0 no-repeat;
	clear:right;
	float:right;
	}
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* bubble
/* ------------------------------------------------------------------------------------------------ */
.BubbleWrapper{
	width: 239px;
	padding: 0px 0px 0px 18px;
	position:relative;
	z-index:1000;
	}

.VotingControls .BubbleWrapper{
	top: 64px;
	position:absolute;
	right: 10px
	}

.BubbleContent{
	width: 239px;
	}

.BubbleContentTop{
	width: 239px;
	height: 14px;
	overflow: hidden;
	background: url(../img/bgBubbleTop.gif) 0 0 no-repeat;
	}

.BubbleContentInner{
	background: #FFF url(../img/bgBubbleSides.gif) 0 0 repeat-y;
	padding: 5px 22px 5px 22px;
	height: 140px;
	}

.BubbleContentBtm{
	width: 239px;
	height: 14px;
	overflow: hidden;
	background: url(../img/bgBubbleBtm.gif) 0 0 no-repeat;
	}

.BubbleStart{
	width: 36px;
	height: 24px;
	position:absolute;
	top: -18px;
	right:30px;
	z-index:1;
	background: #FFF url(../img/bgBubbleStart-top.gif) 0 0 no-repeat;
	}
	
a.BubbleCloseButton{
	width: 14px;
	height: 14px;
	position:absolute;
	top: 9px;
	right:9px;
	z-index:1;
	background: url(../img/btnClosePopup.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

.BubbleContentInner h4{
	font-size: 14px;
	color: #690;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	}

.BubbleContentInner  p{
	font-size: 11px;
	color: #52544D;
	margin: 0px 0px 14px 0px;
	}
.BubbleContentInner a.lnkTwitter{
	display: block;
	padding: 8px 0px 0px 40px;
	background: url(../img/icTwitter.jpg) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #52544D;
	text-decoration: none;
	line-height:12px;
	margin: 0px 0px 3px 0px;
	}

.BubbleContentInner a.lnkTwitter:hover{
	color: #3AC5FF
	}

.BubbleContentInner a.lnkTwitter span{
/*	border-bottom: 1px solid #DBDCD7; */
	display: block;
	padding: 0px 0px 14px 0px;
	}

.BubbleContentInner a.lnkFacebook{
	display: block;
	padding: 8px 0px 12px 40px;
	background: url(../img/icFacebook.jpg) 0 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #52544D;
	text-decoration: none;
	line-height:12px;
	margin: 0px 0px 3px 0px;
	}

.BubbleContentInner a.lnkFacebook:hover{
	color: #294B92;
	}
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block}
	span.chkLabel{}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 12px 0px; width: 100%}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	.ChecboxFormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px}
	.ChecboxFormGroupItem{margin: 0px 5px 0px 0px; overflow: hidden; clear:both}
	
	input.txtInput, input.pwdInput, textarea{border: 1px solid #CCC}
	input.btnInput{}
	input.chkInput, input.radioInput{}
	input.fileInput{}
	tt.required{color: #F00; vertical-align:top}
	small.fieldHint{display: block}
	
	.notice_success{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#fff url(../img/icSucces.gif) 5px 6px no-repeat;
		color:#565441;
		}
	.notice_warning{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#fff url(../img/icWarning.gif) 5px 6px  no-repeat;
		color:#565441;
		}
	.notice_error{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#fff url(../img/icError.gif) 5px 6px no-repeat;
		color:#565441;
		}	
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* add charity
/* ------------------------------------------------------------------------------------------------ */
.FormContent{
	margin: 0px 32px 0px 22px;
	}
.FormContent h3{
	margin: 0px 0px 20px 0px;
	padding: 8px;
	border-top: 1px solid #D6DCDC;
	border-bottom: 1px solid #D6DCDC;
	font-size: 18px;
	color: #82AC30;
	font-weight: bold
	}
.AddCompanyForm label{
	float: left;
	width:160px;
	text-align: right;
	padding: 3px 16px 0px 0px;
	font-size: 12px;
	color: #495531;
	font-weight: bold
	}
.AddCompanyForm input.txtInput, .AddCompanyForm textarea{
	background: #FFF url(../img/bgFormField.jpg) 0 0 repeat-x;
	border: 1px solid #BCC6AF;
	padding: 3px 2px 3px 2px;
	}
.AddCompanyForm input.txtInput{
	width:275px;
	}
.AddCompanyForm textarea{
	width:275px;
	}
a.btnAddCharity{
	display: block;
	width: 192px;
	height: 68px;
	overflow:hidden;
	text-indent: -9999px;
	background: url(../img/btnAddCharity.jpg) 0 0 no-repeat;
	margin: 15px 0px 0px 171px;
	}
/* ------------------------------------------------------------------------------------------------ */

p.PartnerLogos{
	width: 413px;
	text-align:center;
	padding-top: 10px;
}

ul.ContentNav{
	margin: 10px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

ul.ContentNav li{
	background: url(../img/bltBlueSquare.gif) 0 8px no-repeat;
	padding: 0px 0px 0px 8px;
	}
	
	
/* top 10 */
	.Top10 h2{
		background: url(../img/bgTop10Heading.jpg) 0 0 no-repeat;
		padding: 10px 0px 9px 33px;
		font-size: 20px;
	}

	.Top10 p{
		padding: 10px;
		margin: 0px;
		margin-bottom: 5px;
	}
	
	.Top10 ol{
		margin: 10px 0px 0px 22px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width: 750px;
	}
	
	.Top10 ol li{
		background: #FAFBF8;
		border: 1px solid #E0E5D9;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0px 5px 9px 0px;
		width: 220px;
		height:50px;
		position:relative;
		padding: 11px 8px 11px 8px;
		float: left;
		
	}
	
	.Top10 ol li strong.CompanyName{
		font:bold 14px/114% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #4E563D;
		display:block;
		width: 365px;
	}
	
	.Top10 ol li a.CharityWebsiteTop10{
		font:bold 12px/136% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #75A614;
		text-decoration: none;
	}
	
	.Top10 ol li a.CharityWebsiteTop10:hover{
		text-decoration: underline;
	}
	
	.Top10 ol li small.CompanyVotes{
		font:normal 12px/114% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #2E330A;
		position: absolute;
		top: 45px;
		left: 8px;
	}
	
	.Top10 ol li .sntLinks{
		position:absolute;
		top: 44px;
		right:13px;
		z-index:1;
		width: 80px
	}
	
	.Top10 ol li .sntLinks a.lnkFacebookPage{
		float: right;
		margin: 0px 0px 0px 6px;
	}
	
	.Top10 ol li a.lnkTwitterPage{
		float: right
	}
/* /top 10 */

/* voting closed */
	.VotingClosed{
	}
	
	.VotingClosed h2{
		background: url(../img/bgVotingClosedHeading.jpg) 0 0 no-repeat;
		padding: 6px 0px 10px 50px;
		font-size: 20px;
	}
	
	.VotingClosed div.ContentBox{
		background: #FAFBF8;
		border: 1px solid #E0E5D9;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0px 0px 9px 0px;
		padding: 15px 20px 15px 20px;
		font:normal 14px/114% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #3B4331;
		width: 450px;
		margin: 0px 0px 0px 22px;
	}
	
	.VotingClosed div.ContentBox h5{
		font:bold 14px/114% Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #1B999A;
		margin: 0px 0px 6px 0px;
	}
	
	.VotingClosed div.ContentBox p{
		margin: 0px 0px 0px 0px;
	}
/* /voting closed */

/* search bar */		
	/* search hints */
		.searchResultsBox{
			width: 269px;
			position: absolute;
			left: 0px;
			
			/*background: #FEFEFE url(../img/bgGradientBox.jpg) 0% 100% repeat-x;*/
			background: #FEFFBF;
			
			margin: 1px 0px 0px 0px;
			padding: 5px;
			border: 1px solid #CCC;
			z-index:1000
		}
		
		.searchResultsBox .searchHeading{
			color: #000;
			padding: 0px 0px 1px 0px;
			margin: 0px 0px 2px 0px;
			font-weight: bold;
			font-size:12px;
			border-bottom: 1px solid #AAA;
		}
		
		.searchResultsBox ul.searchResults{
			margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style: none;
		}
		
		.searchResultsBox ul.searchResults li{
			font-size: 12px;
			padding: 0px 0px 3px 0px;
		}
		
		.searchResultsBox ul.searchResults li a{
			color: #333;
			text-decoration: none;
		}
		
		.searchResultsBox ul.searchResults li span{
			color: #333;
			display: block;
			line-height:12px;
			padding: 2px 0px 3px 0px;
		}
		
		.searchResultsBox ul.searchResults li a:hover{
			color: #000;
		}				
		
		.searchResultsBox a.searchResultsBoxCloseBtn{
			display: block;
			width: 9px;
			height: 9px;
			text-indent: -9999px;
			background: url(../img/btnClose.gif) 100% 50% no-repeat;
			cursor: pointer;
			position: absolute;
			top: 6px;
			right:9px;
		}
		
	/* /search hints */
/* /search bar */

/* search control styles */
	.SearchControl{
		width:290px;
		float:left;
		display: block;
		overflow:hidden
	}
	
	.SearchControl .txtInput{
		float: left;
		margin: 0px 4px 2px 0px;
	}
	
	.SearchControl .SelectionView{
		float: left;
		margin: 0px 4px 2px 0px;
		border:none;
		vertical-align:middle;
		height: 15px;
		line-height:15px;
		padding: 3px 1px 2px 1px;
	}
	
	.SearchControl a.SearchNow{
		display: block;
		width: 20px;
		height: 20px;
		text-indent: -9999px;
		overflow: hidden;
		background: #FFF url(../img/icSearch.gif) 0 0 no-repeat;
		float: left;
		margin: 0px 4px 0px 0px;
	}
	
	.SearchControl a.SearchOnTrigger{
		display: block;
		width: 20px;
		height: 20px;
		text-indent: -9999px;
		overflow: hidden;
		background: #FFF url(../img/icToggleSearch.gif) 0 0 no-repeat;
		float: left;
		margin: 0px 4px 0px 0px;
	}	
/* /search control styles */

/* special offers */
	.SpecialOffers{
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		border-top: 5px solid #CCECEB;
		overflow:hidden
	}
	
	.SpecialOffers h2{
		color: #51B8B7;
		font-size: 27px;
		margin-left: 22px;
	}
	
	.SpecialOffers h2 img{
		padding-right: 5px;
	}
	
	.SpecialOffers p{
		margin: 0px 22px 20px 22px;
	}
	
	ul.SpecialOffersList{
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 70px;
		list-style-type: none;
		width: 700px;
	}
	
	ul.SpecialOffersList li{
		float: left;
		margin: 0px 16px 20px 0px;
		width: 112px;
		height: 180px;
		text-align: center;
		
	}
	
	ul.SpecialOffersList h3.SpOrgName{
		font-size: 12px;
		margin: 0px 0px 4px 0px;
		height: 35px;
	}
	
	ul.SpecialOffersList h3.SpOrgName a{
		text-decoration: none
	}
	
	ul.SpecialOffersList h3.SpOrgName a:hover{
		text-decoration: underline
	}	
	
	ul.SpecialOffersList img.SpOrgLogo{
		display: block;
		background:#FFF;
		width: 110px;
		height: 110px;
		margin: 0px 0px 4px 0px;
		border: 1px solid #CCECEB;
		padding: 5px;
	}
	
	ul.SpecialOffersList img.SpOrgLogo:hover{
		border: 1px solid #51B8B7;
		-moz-box-shadow:0 0 10px 1px #51B8B7;
		-webkit-box-shadow: 0 0 10px #51B8B7;
	}
	
	
	ul.SpecialOffersList .SpSNLinks{
		padding-left: 30px;
		overflow: hidden
	}
	
	ul.SpecialOffersList .SpSNLinks a.lnkTwitter{
		background: url(../img/icTwitter_small.jpg) 0 0 no-repeat;
		display: block;
		width: 28px;
		height:20px;
		overflow: hidden;
		text-indent: -9999em;
		float: left;
		margin: 0px 5px 0px 0px;
	}
	
	ul.SpecialOffersList .SpSNLinks a.lnkFacebook{
		background: url(../img/icFacebook_small.jpg) 0 0 no-repeat;
		display: block;
		width: 28px;
		height:20px;
		overflow: hidden;
		text-indent: -9999em;
		float: left;
		margin: 0px 5px 0px 0px;
	}
/* /special offers */

/* ------------------------------------------------------------------------------------------------ */
/* whatgives!? header 
/* ------------------------------------------------------------------------------------------------ */
	#WhatGivesHeader{
		width:100%;
		height:56px;
		position:relative;
		background: url(../img/whatgives/bgHeader.jpg) 0 0 repeat-x;
		margin: 0px 0px 0px 0px;
		}
	
	/* logo */
		h1#WhatGivesLogo{
			margin: 0;
			position:absolute;
			top:7px;
			left:21px;
			}
		
		h1#WhatGivesLogo a{
			display: block;
			width:134px;
			height:31px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../img/whatgives/WhatGives.jpg) 0px 0px no-repeat;
			}
	/* /logo */
	
	/* tagline */
		h2#WhatGivesTagline{
			margin: 0;
			position:absolute;
			top:18px;
			left:164px;
			font:bold 12px/120% Trebuchet MS, Arial, Helvetica, sans-serif;
			color: #A78ABD;
			}
	/* /tagline */
			
	/* top nav */
		#WhatGivesTopNav{
			position:absolute;
			top:21px;
			right: 13px;
			font:bold 11px/120% Arial, Helvetica, sans-serif;
			color: #494949;
			}
			
		#WhatGivesTopNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			overflow:hidden;
			}
		
		#WhatGivesTopNav li{
			float:left;
			overflow: hidden;
			background: url(../img/whatgives/sepTopNav.gif) 100% 70% no-repeat;
			padding: 0px 7px 0px 7px;
			}
			
		#WhatGivesTopNav li.first{
			}
			
		#WhatGivesTopNav li.last{
			background: none;
			padding: 0px 0px 0px 7px;
			}			
		
		#WhatGivesTopNav a{
			display: block;
			float: left;
			color: #494949;
			text-decoration: none
			}
		
		#WhatGivesTopNav a:hover{
			color: #000;
			text-decoration: none
			}
			
		#WhatGivesTopNav a span{
			}
		
		#WhatGivesTopNav a:hover span{
			}
			
		#WhatGivesTopNav li.selected a{	
			}
			
		#WhatGivesTopNav li.selected a span{	
			}
	/* /top nav */
	
	/* sn nav */
		#WhatGivesSNNav{
			position:absolute;
			top: 16px;
			left:50%;
			height: 20px;
			z-index:1;
			width: 100px;
			margin: 0px 0px 0px -60px;
		}
		
		#WhatGivesSNNav h4{
			font:bold 12px/18px Arial, Helvetica, sans-serif;
			margin: 0px 8px 0px 0px;
			color: #333333;
			float: left;
		}
		
		#WhatGivesSNNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			height:20px;
			overflow:hidden;
			float: left;
		}
		
		#WhatGivesSNNav ul li {
			float:left;
			width:20px;			
			height:20px;
			margin:0 1px 0 0;
		}
		
		#WhatGivesSNNav ul li a.lnkFacebook {background:transparent url(../img/whatgives/icFacebook.gif) no-repeat scroll 0 0;}
		#WhatGivesSNNav ul li a.lnkFlickr{background:transparent url(../img/whatgives/icFlickr.gif) no-repeat scroll 0 0;}
		#WhatGivesSNNav ul li a.lnkTwitter{background:transparent url(../img/whatgives/icTwitter.gif) no-repeat scroll 0 0;}
		#WhatGivesSNNav ul li a.lnkStumbleUpon{background:transparent url(../img/whatgives/icStumbleUpon.gif) no-repeat scroll 0 0;}
		#WhatGivesSNNav ul li a.lnkRSSFeed{background:transparent url(../img/whatgives/icRSSFeed.gif) no-repeat scroll 0 0;}
		
		#WhatGivesSNNav[id] ul li a.lnkFacebook {background:transparent url(../img/whatgives/icFacebook.png) no-repeat scroll 0 0;}
		#WhatGivesSNNav[id] ul li a.lnkFlickr{background:transparent url(../img/whatgives/icFlickr.png) no-repeat scroll 0 0;}
		#WhatGivesSNNav[id] ul li a.lnkTwitter{background:transparent url(../img/whatgives/icTwitter.png) no-repeat scroll 0 0;}
		#WhatGivesSNNav[id] ul li a.lnkStumbleUpon{background:transparent url(../img/whatgives/icStumbleUpon.png) no-repeat scroll 0 0;}
		#WhatGivesSNNav[id] ul li a.lnkRSSFeed{background:transparent url(../img/whatgives/icRSSFeed.png) no-repeat scroll 0 0;}		
		
		#WhatGivesSNNav ul li a {
			display:block;
			width:20px;
			height:20px;
			overflow:hidden;
			text-indent:-9999px;
		}
	/* /sn nav */
/* ------------------------------------------------------------------------------------------------ */


.logoAboveSearch {
	margin: 0px 0px 10px 20px;
}