﻿
#find-out textarea { font-size: 1.4em; font-size: 1.1em; width: 350px !important;}
.evalConclusions table tr, .evalConclusions table td, .evalConclusions table ul, .evalConclusions table ul li { display: block; }

.makeHoverLink a { display: block; }
.makeHoverLink a:hover {	background-color: #0D7C99; 	color: #FFF; }

/*-----------------------------------
Basic CSS layout 
 ----------------------------------*/

.hyperlinks a:hover { text-decoration: none; }
.hyperlinks li { list-style-image: url(/images/err-red.gif); }
.hyperlinks ul { list-style: none !important }

a { text-decoration: none; }

.dotline p {
    padding:10px 0 0 0;
}


.blueH2
{
	color: #0D7C99;
	font-size: 2.4em;
	font-weight: normal;
}
.blueH2Donation
{
	color: #0D7C99;
	font-size: 1.8em;
	font-weight: normal;
}

* 
{
	font-size:100.01%
}
html {
	height:100%;
	font-size:62.5%;
}
body {
	margin: 0;
	padding: 0;
	font: 1em Arial, Helvetica, sans-serif;
}
img {
	border: 0;
}

a {
   color: #02647E;
}

/*-----------------------------------
General page layout 
 ----------------------------------*/
 
#page {
	margin: 5px auto 0;
	width: 761px;
}
.page {
	margin: 5px auto 0;
	width: 761px;
}

#header {
	width: 761px;
	overflow: hidden;
	background: url(/images/header-top.gif) no-repeat;
}
* html #logotype {
	height: 145px;
}
#logotype {
   position: relative;
	width: 304px;
	float: left;
	min-height: 145px;
	margin: 12px 0 0;
	background: #0D7C99 url(/images/header-btm-left.gif) no-repeat left bottom;
	z-index: 100;
}
#logotype * {
   position: relative;
   z-index: 100;
}

#footer {
	clear:both;
	width: 761px;
	overflow: hidden;
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto; 
}

div#footer.interior_footer {
	width: 413px;
}

#footer ul {
	display: block;
	margin: 0 0 0 250px;
	padding: 0 0 10px;
	list-style: none;
	margin-left: 265px !important; 
}
div#footer.interior_footer ul {
	margin: 0 0 0 -10px;
}
#footer ul li.first {
	background: none;
}
#footer ul li {
	font-size: .9em;
	font-weight: normal;
	padding: 0 10px 0 10px;
	margin: 0;
	float: left;
	background: url(/images/news-spacer.gif) no-repeat left 2px;
}
#footer ul li a {
	text-decoration: none;
	color: #717171;
}
#footer ul li a:hover {
	text-decoration: underline;
}

#logotype h1,  h1 {
	display: block;
	margin: 0 0 0 42px;
	padding:  0 0;
}
#logotype h1 a, h1 a {
	display: block;
	width: 68px;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background: url(/images/logo.gif) no-repeat left bottom;
}
#logotype ul {
	display: block;
	float: left;
	margin: 10px 0 0 25px;
	padding: 0 0 10px 0;
	list-style: none;
}
* html #logotype ul li {
	margin-bottom: -14px;
}
#logotype ul li {
	margin: 1px 0 0 0;
	padding: 0;
}
#logotype ul li a, #enter ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 4px 13px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	background: url(/images/err-red.gif) no-repeat 3px 9px;
}
#enter ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#logotype ul li a:hover, #enter ul li a:hover, #logotype ul li a.here {
	color: #0D7C99;
	background: #fff url(/images/err-gray.gif) no-repeat 3px 9px;
}
#top {
	width: 761px;
	overflow: hidden;
}
* html #top form {
	width: 190px;
	margin-right: -5px;
}
* + html #top form {
	width: 185px;
	margin-right: -5px;
}
#top form {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	float: right;
}
#top form label {
	display: block;
	float: left;
	padding-right: 10px;
	margin: 2px 0 0 0;
	color: #333;
}
* html #top form input.image {
	margin: 0 3px 0 0;
}
* + html #top form input.image {
	margin: 0 3px 0 0;
}
#top form input.image {
	display: block;
	margin: 0 0px 0 0;
	padding: 0;
	width: 22px;
	height: 15px;
	float: right;
}
* html #top form input.text {
	width: 10em;
	margin: 0;
}
* + html #top form input.text {
	width: 10em;
	margin: 0;
}
#top form input.text {
	height: 1em;
	line-height: 0.9em;
	width: 10em;
	margin:  0 3px 0 0;
	padding-top: 0;
	display: block;
	float: left;
	font: 1em Arial, Helvetica, sans-serif;
	color: #666;
}
#top ul {
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;	
	list-style: none;
}

#top ul li {
	float: left;
	padding: 0 6px 0 6px;
	margin: 2px 0 0;
	background: url(/images/news-spacer.gif) no-repeat right 2px;
}
#top ul li a {
	text-decoration: none;
	color: #666;
}

/*-----------------------------------
Splash Page layout + typography
 ----------------------------------*/

#container {
   width: 100%;
   height: 269px;
}
#splashpage {
   width: 666px;
   height: 482px;
   margin-left: -333px;
   left: 50%;
   position: absolute;
   background:url(/images/splash-bg.gif) no-repeat left top;
}
#splashcontent {
   margin: 72px 0 0 34px;
}
* html #splashcontent {
   margin: 60px 0 0 34px;
}
#enter {
	float: left;
	margin: 32px 0 0 20px;
	padding: 0;
}
#visit {
	clear: left;
}
#enter h2 {
	font-size: 1.5em;
	color: #BADEE5;
	padding: 0 0 7px 0;
	margin: 0;
	display: block;
}
#enter form fieldset label {
	padding: 0;
	margin: 0;
	display: block;
}
#enter h3 {
	color: #BADEE5;
	font-size: 1.0em;
	margin: 0;
	padding: 16px 0 0 0;
}
* html #enter form {
	width: 300px;
	margin-right: -5px;
}
* + html #enter form {
	width: 300px;
	margin-right: -5px;
}
#enter form {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	float: left;
}
#enter form label {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 2px 0 0 0;
	color: #333;
}
* html #enter form input.image {
	margin: 0 3px 0 0;
}
* + html #enter form input.image {
	margin: 0 3px 0 0;
}
#enter form input.image {
	display: block;
	margin: 0 0px 0 0;
	padding: 0;
	width: 29px;
	height: 20px;
	
}
* html #enter form input.text {
	width: 183px;
	margin: 0;
	height: 1.0em;
	line-height: .9em;
	padding: 2px 0 1px 4px;
}
* + html #enter form input.text {
	width: 183px;
	margin: 0;
	height: 1.0em;
	line-height: .9em;
	padding: 2px 0 1px 4px;
}
#enter form input.text {
	height: 1.1em;
	line-height: 0.8em;
	width: 183PX;
	margin:  0 3px 0 0;
	padding: 3px 0 0 4px;
	display: block;
	float: left;
	font: 1em Arial, Helvetica, sans-serif;
	color: #666;
}
#enter ul {
	margin: 0;
	padding: 0;
}
.splash #top {
	width: 666px;
	float: right;
}
.splash #top ul {
	margin: 0 31px 0 0;
}
.splash #top ul li {
	margin: 0 0 0 0;
}
.splash #top ul li.last {
	background: none;
}
* html #logotypesplash {
	height: 145px;
	
}
#logotypesplash {
	width: 150px;
	float: left;
	min-height: 145px;
	margin: 0 0 0 0;
}
#logotypesplash h1 {
	display: block;
	margin: 0 0 0 42px;
	padding:  0 0;
}
#logotypesplash h1 a {
	display: block;
	width: 68px;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background: url(/images/logo.gif) no-repeat left bottom;
}

/*-----------------------------------
Start With Trust layout + typography
 ----------------------------------*/

#start {
   float: right;
   width: 452px;
   height: 150px;
   position: relative;
}
.start_national {
   background: url(/images/start/start-national.gif) no-repeat;
}
.start_green {
   background: url(/images/start/start-green.gif) no-repeat;
}
.start_dark_orange {
	background-image: url(/images/start/start-dark_orange.gif);
	background-repeat: no-repeat;
}
.start_orange {
   background: url(/images/start/start-orange.gif) no-repeat;
}
.start_blue {
   background: url(/images/start/start-blue.gif) no-repeat;
}
.start_red {
   background: url(/images/start/start-red.gif) no-repeat;
}
#start h2, #start h3 {
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 1px;
   margin: 0px;
   padding: 0px;
}
#start p {
   display: block;
   width: 200px;
   margin: 60px 0 0 20px;
   padding: 0;
   color: #fff;
   font-size: 1.1em;
   font-weight: bold; 
}
#start img.local_start_img {
   position: absolute;
   top: 0px;
   right: 0px;
}
/*-----------------------------------
Special Reports layout + typography
 ----------------------------------*/

#left-column {
	width: 150px;
	float: left;
	background: #eee url(/images/top-left-column.gif) no-repeat;
	/*height:100%;*/
}
#left-column h2 {
	display: block;
	width: 124px;
	margin: 0 0 0 10px;
	padding: 10px 0 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #0D7C99;
	border-bottom: 1px #fff solid;
}
#left-column ul {
	display: block;
	width: 124px;
	margin: 0 0 10px 10px;
	padding: 0;
	list-style: none;
}
#left-column ul li {
	padding: 10px;
	margin: 0;
	background: url(/images/err-red.gif) no-repeat left 14px;
	border-bottom: 1px #fff solid;
}
#left-column ul li a {
	display: block;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #717171;
}
#left-column ul li a:hover, #left-column ul li a.here {
	color: #fff;
	background: #0D7C99;
}
#left-column ul li ul.subnav {
   margin: 5px 0px 0px 0px;
   padding: 0px;
}
#left-column ul li ul.subnav li {
   border: 0px;
	padding: 4px 7px;
   background: url(/images/gray_bullet.gif) no-repeat left 7px;
}
#left-column ul li ul.subnav li a {
   font-weight: normal;
}
#center {
	width: 420px;
	float: left;
	margin-left: 22px;
	padding-bottom: 20px;
    font-size: 12px;
}

#center-wide {
	float: left;
	margin-left: 22px;
	padding-bottom: 20px;
	width: 589px;
	
}
#center.no-left-col {
	width: 570px;
	margin-left: 0;
}
div#center.result h2, div#center.no-left-col h2, div#center h2#large-h2 {
	display: block;
	margin: -15px 0 15px;
	padding: 0;
	color: #0D7C99;
	font-size: 2.4em;
	font-weight: normal;
	clear: both;
}
div#center.result h2 span {
	font-size: 50%;
	color: #666666;
	display:block;
}
* html #center ul.crumbs, * html #center-wide ul.crumbs {
	padding-bottom: 20px;
}
#center ul.crumbs, #center-wide ul.crumbs {
	display: block;
	width: 420px;
	height: 100%;
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
	background: #fff;
}
#center ul.crumbs li, #center-wide ul.crumbs li {
	float: left;
	margin: 0;
	padding: 0 7px 0 3px;
	background: url(/images/err-spacer.gif) no-repeat right 3px;
	font-size: 0.9em;
	color: #666;
}
#center ul.crumbs li.active, #center-wide ul.crumbs li.active {
	background: none;
}
#center ul.crumbs li a, #center-wide ul.crumbs li a {
	font-size: 1em;
	color: #666;
}
#center ul.crumbs li a:hover, #center-wide ul.crumbs li a:hover {
	text-decoration: none;
}

#buttons {
	width: 420px;
	height: 21px;
	background: #fff;
	padding: 10px 0 10px 0px;
}
#find-out {
	background: #FBF9DC url('/charity-reviews/images/find-out-top.gif') no-repeat;
    width: 420px !important;
	margin: 0px;
	padding:0;
	overflow:visible;
	color: #000000;
}

#find-out-bottom{
	background: #FBF9DC url('/charity-reviews/images/find-out-bottom.gif') no-repeat !important;
    width: 420px !important;
	margin: 0px;
	padding:0 0 20px;
	overflow:visible;
	color: #000000;
}
#find-out img, #find-out-wide img {
	margin: 0px 0px -2px 0px;
	padding: 0;
}

#find-out h2 {
	clear: both;
	display: block;
	width: 300px;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 14px;
}

#find-out h3 {
	clear: both;
	display: block;
	width: 300px;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 5px;
}
#find-out-wide {
	margin: 0px 0px -2px 0px;
	padding: 0;
	overflow: hidden;
	background: #fbf9dc;
	color: #000000;
	width: 589px;
	
}
#find-out-wide h3 {
	clear: both;
	display: block;
	width: 500px;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 14px;
	
}
html body #page #middle #center #find-out form.checkoutform fieldset h3 {
	padding: 0 0 10px 10px;
}
#find-out form {
	width: 420px;
	clear: both;
}
#find-out a.back, #find-out-wide a.back {
	display: block;
	margin: -7px 20px 0 0;
	float: right;
	color: #478992;
	text-decoration: none;
}
#find-out a.back:hover, #find-out-wide a.back:hover {
	text-decoration: underline;
}
#find-out ul, #find-out-wide ul {
	display: block;
	/*float: left;*/
	list-style: none;
	margin: 10px 0 0 ;
	padding: 0 0 15px 15px;
}
#find-out ul li, #find-out-wide ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(/images/err-red.gif) no-repeat 0 3px;
}
#find-out ul li a, #find-out-wide ul li a {
	color: #066077;
	font-size: 1em;
	text-decoration: none;
}
#find-out ul li a:hover, #find-out-wide ul li a:hover {
	text-decoration: underline;
}

#find-out div.dotline {
	clear: both;
	display: block;
	width: 400px;
	overflow: hidden;
	margin: 0 5px 10px 10px;
	padding: 0 0 16px;
	background: url(/images/dotline-yell.gif) no-repeat 0px bottom;
}
#find-out-wide div.dotline {
	clear: both;
	display: block;
	width: 589px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 16px 0;
	background: url('/charity-reviews/images/dotline-yell.gif') no-repeat 17px bottom;
	
}
#find-out div.dotline p, #find-out-wide div.dotline p {
	display: block;
	margin: 0;
	/*padding: 5px 30px 0 15px;*/
}
#find-out div.title, #find-out-wide div.title {
	width: 115px;
	float: left;
	margin: 5px 0 0;
	padding: 0 0 0 15px;
}
#find-out div.info, #find-out-wide div.info {
	width: 260px;
	float: left;
	margin: 5px 0 0;
}
#find-out div.info a, #find-out-wide div.info a {
	color: #066077;
}
#find-out div.info a:hover, #find-out-wide div.info a:hover {	
	text-decoration: none;
}
#find-out div.info a.email, #find-out-wide div.info a.email {
	color: #000;
	text-decoration: none;
}
#find-out div.info a.email:hover, #find-out-wide div.info a.email:hover {
	text-decoration: underline;
}
#right-column {
	width: 150px;
	float: right;
	overflow: hidden;
	padding: 37px 0 0;
}
#right-column-business {
	width: 155px;
	float: right;
	overflow: hidden;
	padding: 0;
	
}
#right-column h3, #right-column-business h3 {
	display: block;
	margin: 0;
	padding: 0;
}
#right-column h3 a, #right-column-business h3 a {
	display: block;
	height: 16px;
	width: 30px;
	margin: 0;
	padding: 2px 0 0 25px;
	background: url(/images/help.gif) no-repeat;
	text-decoration: none;
	color: #066077;
	font-size: 0.9em;
}
#right-column p, #right-column-busines p {
	display: block;
	margin: 10px 0 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}
#right-column a.outbox, #right-column-business a.outbox {
	color: #066077;
	font-size: 1em;
	font-weight: bold;
}
#right-column a:hover, #right-column-business a:hover {
	text-decoration: underline;
}
#right-column ul, #right-column-business ul {
	display: block;
	margin: 0 0 0 0px;
	padding: 0 0 20px;	
	list-style: none;
}
#right-column ul li, #right-column-business ul li {
	float: left;
	margin: 0;
	padding: 0 4px 0 7px;
	background: url(/images/news-spacer.gif) no-repeat 0 2px;
}
#right-column ul li.first, #right-column-business ul li.first {
	background: none;
	padding: 0;
}
#right-column ul li.rss a, #right-column-business ul li.rss a {
	display: block;
	width: 40px;
	height: 16px;
	background: url(/images/rss.gif) no-repeat 26px 1px;
}
#right-column div.spiff {
	display: block;
	width: 150px;
	height: 75px;
	margin: 80px 0 0;
}
#right-column-business div.spiff {
	display: block;
	width: 150px;
	height: 75px;
	margin: 40px 0 0 0;
	background: url('/charity-reviews/images/bbb-spiff.gif') no-repeat;
	
}
#right-column ul li a, #right-column-business ul li a {
	margin-right: 3px;
	color: #066077;
	font-size: 1em;
	font-weight: bold;
}
#right-column div.sublink, #right-column-business div.sublink {
	width: 150px;
	padding: 10px 0 0;
	margin: 18px 0 0;
	background: url(/images/grey-grad.gif) no-repeat;
}
#right-column div#first.sublink, #right-column-business div#first.sublink {
	margin-top: 30px;
}
#right-column div#charity-first.sublink {
	margin-top: 80px;
	
}
* html #right-column div#first-result.sublink {
	margin-top: 50px;
}
#right-column div#first-result.sublink {
	margin-top: 20px;
}
#right-column div.sublink p, #right-column-business div.sublink p {
	font: 1em Georgia, "Times New Roman", Times, serif;
	display: block;
	margin: 0 0 3px;
	padding: 0;
	font-size: 1em;
	color: #000;
}
#right-column div.sublink a, #right-column-business div.sublink a {
	font-size: 1em;
	font-style: italic;
	color: #066077;
	text-decoration: none;
}
#right-column div.sublink a:hover, #right-column-business div.sublink a:hover {
	text-decoration: underline;
}

.CurrencyRight
{
    width:400px;
}
.CurrencyRight td + td
{
    text-align:right !important;
    text-align:right;
    width: 100px;
}
.CurrencyRight1
{
    text-align:right !important;
    width: 100px;
}
/*-----------------------------------
Buttons
 ----------------------------------*/

a.formbutton {
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	height:20px;
	text-decoration:none !important;
	text-transform:uppercase;
	color:#ffffff;
	margin:2px 2px 2px 0;
	padding:2px 30px 6px 30px;
	border: none;
}

/*
input.formbutton {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	height: 20px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 2px 10px 2px 0;
	padding: 4px 10px 6px 10px;
	border: none;
	display: inline;
}
*/
input.formbutton {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	border: none;
	text-transform: uppercase;
	color: #ffffff;
	height: 20px;
	padding: 0px 10px 0px 10px;
	display: inline;
}
a.orange, input.orange {
	background: url(../images/BBB_orangebutton_bg.jpg) repeat-x;
}
a.blue, input.blue {
	background:url(../images/BBB_bluebutton_bg.jpg) repeat-x;
}
input.grey, a.grey {
	background: url('../images/BBB_greybutton_bg.gif') repeat-x;
	color: #fdfcee;
	
}
a.formbuttonsmall {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0 5px 0 5px;
	border: none;
}
/*
input.formbuttonsmall {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-deocration: none;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0 3px 0 3px;
	border: none;	
}
*/
input.formbuttonsmall {
   font: .9em Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   text-transform: uppercase;
   color: #ffffff;
   border: none;
   padding: 0px 3px 0px 3px;
   height: 13px;
   display: inline;
   margin: 0px 2px 0px 2px;
}
a.smallorange, input.smallorange {
	background: url(../images/BBB_orangebuttonsmall_bg.jpg) repeat-x;
}
a.smallblue, input.smallblue {
	background: url(../images/BBB_bluebuttonsmall_bg.jpg) repeat-x;
}

