/* @override 
	http://localmakegood/assets/css/global.css
	http://makegoodbranch/assets/css/global.css
*/

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #545454;
	background: #848484 url(/assets/img/container/header-background.gif) repeat-x;
	min-width: 990px;
}

html {background-color: #848484;}

h1,h2,h3,h4,h5 {color: #ff6600;}

h1 {font-size: 18px;}
h2 {font-size: 20px;}

/* Added by Mike Jan 6 2010 re: 1491 */

h1.greybg {
	color: #FFF;
	background-color: #545454;
	padding: 10px;
}

.margin {margin: 1em 0 !important;}
.margin-top {margin: 1em 0 0 0 !Important;}
.margin-bot {margin: 0 0 1em 0 !important;}
.margin-none {margin: 0 !important;}

.pad-none {padding: 0 0 0 0;}

a {color: #ff6600; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

fieldset {border: 0; margin: 0; padding: 0;}
abbr {border: 0; cursor: default;}

.orange {color: #ff6600;}
.white {color: white;}
.light-grey {color: #ccc;}


.grey {color: #848484;}
.dark-grey {color: #545454;} /* default font color */

.xxsmall {font-size: 9px;}
.xsmall {font-size: 10px;}
.small {font-size:11px;}

.medium {font-size: 14px;}

.large {font-size: 16px;}
.xlarge {font-size: 18px;}
.xxlarge {font-size: 20px; line-height: 28px;}

.strong {font-weight: bold;}
.normal {font-weight: none;}
.border-bot {border-bottom: 1px solid;}

.center {text-align: center;}

.textshadow {text-shadow: 0.1em 0.1em 0.2em grey;}

.left {float: left;}
.right {float: right;}

.relative {position: relative;}

.hundred {width: 100%;}

div.hr {
	height: 1px;
	margin: 18px 0;
	padding: 0;
	border-bottom: 1px dotted #707070;
	font-size: 0%; /* to stop ie6 from increasing height */
	clear: both;
}



#shadow {
	background: url(/assets/img/container/shadow-background.gif) repeat-y center;
	width: 990px;
	padding: 0 8px;
}

#container {
	width: 1006px;
	margin: 0 auto;
	padding-top: 0;
	text-align: left;
	background: white;
}

#container-inner { 
	text-align: left;
	width: 950px;
	padding: 20px;
	margin: 0 auto;
	float: left;
}

#top-logo {
	position: absolute;
	bottom: -23px;
	left: 15px;
}

#sign-up {
	position: absolute;
	right: 6px;
	top: 15px;
}

#nav {
	height: 118px;
	position: relative;
	clear: both;
	background: #545454;
	width: 1006px;
}

#nav ul {
	position: absolute;
	bottom: 0px;
	left: 118px;
	margin: 0;
}

#nav li {
	float:left;
	background:url("/assets/img/nav/left.gif") no-repeat left top;
	margin:0 0 0 10px; padding:0 0 0 17px;
	list-style: none;
	line-height: 22px;
}

#nav ul a, #nav ul strong, #nav ul span {
	display:block;
	background: #727475 url("/assets/img/nav/right.gif") no-repeat right top;
	padding:5px 17px 4px 10px;
	color: white;
	width: 5.4em;
}

#nav ul a:hover {
	color: #efefef;
	text-decoration: none;
}

#heading {
	background-color: #ff6600;
	padding: 30px 30px 15px 30px;
	width: 930px;
	margin: 0 auto;
}

#heading h1 {
	font-weight: bold;
	line-height: 45px;
	color: white;
	margin: 0;
	font-size: 28px;
}

#column-1 {
	float: left;
	width: 730px;
	padding: 0 0 30px 0;
}

#column-2 {
	float: left;
	width: 185px;
	padding-left: 15px;
	padding-bottom: 20px;
	margin-left: 20px;
}

#footer {
	clear: both;
	background: #545454;
	position: relative;
	color: white;
}

#footer p {
	padding: 15px 0 15px 30px;
	color: white;
	font-size: 11px;
	margin: 0;
}

#footer ul {
	position: absolute;
	right: 30px;
	top: 15px;
	margin: 0; padding: 0 0 0 0;
}

#footer ul li {
	display: inline;
	list-style: none;
	margin: 0 0 0 5px; padding: 0;
} 

#footer ul li a {
	color: white;
} 

.footer-logos {
	position: absolute;
	left: 475px;
	top: 3px;
}

.chunk-heading {
	color: white;
	background: url(/assets/img/global/chunk-heading-bg.gif);
	padding: 8px;
}

#signup-callout {
	background: url(/assets/img/landing/callout-tag.gif)
	no-repeat 0;
	padding: 10px 0 10px 68px;
	font-size: 13px;
	font-weight: bold;
	
}

#landing-steps {
	margin: 20px 0 30px 0;
	float: left;
}

#landing-steps li {
	float: left;
	display: block;
	width: 242px;
	background-color: #f2f4f3;
	text-align: center;
}

#landing-steps li.step-1 {
	background: #f2f4f3 url(/assets/img/landing/steps-corner-left.gif) no-repeat top left;
	border-right: 1px dotted #b7b7b7;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomleft: 14px;
}

#landing-steps li.step-3 {
	background: #f2f4f3 url(/assets/img/landing/steps-corner-right.gif) no-repeat top right;
	border-left: 1px dotted #b7b7b7;
		-webkit-border-bottom-right-radius: 14px;
	-moz-border-radius-bottomright: 14px;
}

#landing-steps li .step {
	margin-top: -14px;
}

#landing-steps li h2 {
	font-size: 18px;
	color: #848484;
	margin: 6px 0 0 0;
}

#landing-steps li p {
	margin: 0;
	padding: 0 15px 15px 15px;
	font-weight: bold;
}

#landing-details {
	border-top: 1px dotted #707070;
	border-bottom: 1px dotted #707070;
	float: left;
	margin: 0 0 30px 0;
}

#landing-details #benefits {
	float: left;
	width: 340px;
	border-right: 1px dotted #707070;
	padding: 0 10px;
}

#landing-details #benefits ol {
	margin-bottom: 18px;
	margin: 0 0 0 15px;
}

#landing-details #benefits ol li {
	margin-bottom: 18px;
}

#landing-details #featured-clients {
	float: left;
	width: 340px;
	padding: 0 10px;
}

#featured-clients td {
	border: 0;
	padding: 0 0 10px 10px;
}

#featured-clients .first {
	padding-right: 10px;
	padding-left: 0;
}

.testimonial-quote {
	background: white;
	padding: 10px;
	border: 5px solid #dfe7ea;
	margin-bottom: 20px;
	text-align: right;
}

.testimonial-quote .quote-author {
	text-align: right;
	margin: 0;
	font-size: 9px;
	line-height: 12px;
}

.testimonial-quote img {
	float: left;
	padding: 0 5px 0 0 ;
}

.testimonial-quote span {
	display: block;
	padding: 10px 0;
	border-top: 1px dotted #dfe7ea;
	border-bottom: 1px dotted #dfe7ea;
}

.sidebar-callout {
	margin-bottom: 20px;
}

.sidebar-callout p {
	padding: 10px;
	text-align: center;
	/*font-weight: bold;*/
	margin: 0;
}

.sidebar-callout p a {
	background: #ff6600 url("/assets/img/buttonbg.gif") left bottom repeat-x;
	color: white;
	font-weight: bold;
	font-size: 17px;
	text-shadow: 0.2em 0.2em 0.2em grey;
	display: block;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top: 5px;
	border-left: 3px solid #FA4;
	border-top: 3px solid #FA4;
	border-right: 3px solid #850;
	border-bottom: 3px solid #850;
}

.sidebar-callout p a:hover {
	background: #FF4900;
	text-decoration: none;
}

.blog-callout p {
	text-align: center;
}

.blog-callout p a {
	background: #ff6600 url("/assets/img/buttonbg.gif") left bottom repeat-x;
	color: white;
	font-weight: bold;
	font-size: 17px;
	text-shadow: 0.2em 0.2em 0.2em grey;
	display: block;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-left: 3px solid #FA4;
	border-top: 3px solid #FA4;
	border-right: 3px solid #850;
	border-bottom: 3px solid #850;
	position: relative;
	text-align: center;
	text-indent: 45px
}

.blog-callout p a:hover {
	background: #FF4900;
	text-decoration: none;
}

.blog-image {
	position: absolute;
	top: 4px;
	left: 50px;
}

.plan {
	margin-bottom: 20px;
}

.plan p {
	background-color: #dce7e9;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.plan a {
	background-color: #FF8E00;
	color: white;
	font-weight: bold;	display: block;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top: 5px;
}

.plan a:hover {
	text-decoration: none;
	background-color:  #e04506;
}

#uw-logo-link {
	background-color: #dce7e9;
	border: 1px solid #dce7e9;;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 20px 0;
	color: #e52f3b;
	font-weight: bold;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-left: 3px solid #E6F1F3;
	border-top: 3px solid #E6F1F3;
	border-right: 3px solid #C8D4D6;
	border-bottom: 3px solid #C8D4D6;
}

#uw-logo-link .small {
	padding:  5px 20px 5px 20px;
	display: block;
}

/* @group owner page */

#owner-options {
	margin: 0 0 1em 0;
	border-top: 1px dotted #d7d7d7;
}

#owner-options li {
	list-style: none;
	padding: 0 0 0 0;
}

#owner-options li a.admin-link {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0 0;
	/*background: url(/assets/img/icons/admin-plus.gif) no-repeat;*/
}

#admin-trustmark-wrap {
	background-color: #dfe7ea;
	margin: 10px 0 0 45px;
	width: 460px;
	padding: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	overflow: hidden;
}

#admin-trustmark-wrap #highlight {
	background-color: white;
	margin-top: 10px;
	padding: 2px 4px;
	border: none;
	width: 435px;
	color: #545454;;
}

#admin-trustmark-wrap #mgprofile {
	background-color: white;
	margin-top: 10px;
	padding: 2px 4px;
	border: none;
	width: 435px;
	color: #545454;;
}

#admin-trustmark-wrap p {
	margin-left: 0 !important;
}

#owner-options li a:hover {
	text-decoration: none;
}

#owner-options li p {
	margin: 10px 0 0 45px;
}

.question {
	background: url(/assets/img/icons/question.gif) no-repeat 0 2px;
	padding-left: 20px;
}

/* @end owner page */

/* @group admin page */

#admin-business-list li {
	font-size: 14px;
}

#admin-options {
	border-top: 1px dotted #d7d7d7;
	margin: 0 0 10px 0;
}

#admin-options li {
	list-style: none;
	border-bottom: 1px dotted #d7d7d7;
	padding: 15px 0 10px 30px;
}

#admin-options li h1 {
	margin: 0 0 10px 0;
}



/* @end admin page */

/* @group join step 1 */

#price-tier {
	clear: both;
	padding: 18px 0 0 0;
	margin-bottom: 10px;
	color: white;
	font-size: 12px;
	line-height: 21px;
	float: left;
	border-top: 1px dotted #707070;
}

p.donation {
	padding: 25px 0 25px 105px;
	border-bottom: 1px dotted #707070;
	clear: both;
	background: url(/assets/img/landing/ugm.gif) no-repeat;
}

#price-tier h1 {
	padding: 8px 0 8px 45px;
	background: url(/assets/img/sign-up/step-1.gif) no-repeat 0;
}

#price-tier h2 {
	color: white;
	margin: 5px 0 15px 0;
}

#price-tier ul  {
	margin: 0;
}

#price-tier ul li {
	list-style: none;
	background: url(/assets/img/icons/bullet.png) no-repeat 0;
	padding: 0 0 0 15px;
}

#pricetag {
	position: absolute;
	top: 22px;
	left: 142px;
	color: #00B4C9;
	text-align: right;
	font-size: 17px;
	font-weight: bold;
	width: 78px;
}

#pro {
	float: left;
	width: 210px;
	height: 26em;
	padding: 15px 15px 0 15px;
	background: #ff7c26 url(/assets/img/sign-up/memberassociations-price.gif) no-repeat 147px 10px;
	position: relative;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
}

#premium{
	float: left;
	width: 210px;
	height: 26em;
	padding: 15px 15px 0 15px;
	background: #ff6600 url(/assets/img/sign-up/company-price.gif) no-repeat 147px 10px;
	position: relative;
	border-left: 1px dotted white;
	border-right: 1px dotted white;
}

#standard {
	float: left;
	width: 210px;
	height: 26em;
	padding: 15px 15px 0 15px;
	background: #eb5200 url(/assets/img/sign-up/individual-price.gif) no-repeat 147px 10px;
	position: relative;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.select-button {
	float: left;
	padding: 15px 0 0 0;
	position: absolute;
	bottom: 0;
	display: block;
}

.info-button {
	position: absolute;
	right: 16px;
	bottom: 0;
}

.info-text {
	text-align: right;
	right: 40px;
	bottom: -5px;
	position: absolute;
}

/* @end join step 1 */


/* @group join step 2 and 3 */


#step-2 {
	padding: 8px 0 8px 45px;
	background: url(/assets/img/sign-up/step-2-large.gif) no-repeat 0;
}

#trustmarks {
	border-top: 1px dotted #707070;
	border-bottom: 1px dotted #707070;
	padding: 18px 0;
	float: left;
	width: 730px;
	position: relative;
}

.step-info {
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #707070;
}

#trustmarks ul {
	margin: 0;
	float: left;
	width: 530px;
}

#trustmarks ul li {
	display: inline;
	list-style: none;
	margin-right: 5px;
}

#trustmark-preview {
	position: absolute;
	right: 0;
	top: 25px;
	width: 220px;height: 90px;
	background-image: url(/assets/img/trustmarks/default-large.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #dfe7ea;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: center;
}

#step-3-info {
	border-top: 1px dotted #707070;
	border-bottom: 1px dotted #707070;
	margin: 0 0 30px 0;
	padding: 18px 0;
	float: left;
	width: 730px;
}

#join_form_join_submit {
	width: 6em;
}
#step-3 {
	padding: 8px 0 8px 45px;
	background: url(/assets/img/sign-up/step-3.gif) no-repeat 0;
	float: left;
}

#join_form_container_join_submit {
	margin-top: 10px;
	float: left;
	clear: both;
}

#join_form_promocode {width: 200px;}

#join_form_terms, #join_form_uw_member {
	float: left;
	margin: 5px 0;
}

#charter ol li {
	padding-bottom: 8px;
}

/* @end join step 2 and 3 */


#facebox table td, #facebox table tr {
	border: none;	
}

ul.benefits-list {
	margin: 0;
}

ul.benefits-list li {
	padding: 6px 0 6px 45px;
	margin: 0 0 15px 0;
	list-style-type: none;
}
ul.benefits-list li.money {
	background: url(/assets/img/benefits/money.gif) no-repeat 0;
}
ul.benefits-list li.conversion {
	background: url(/assets/img/benefits/conversion.gif) no-repeat 0;
}
ul.benefits-list li.discover {
	background: url(/assets/img/benefits/discover.gif) no-repeat 0;
}
ul.benefits-list li.customers {
	background: url(/assets/img/benefits/customers.gif) no-repeat 0;
}
ul.benefits-list li.verification {
	background: url(/assets/img/benefits/check.gif) no-repeat 0;
}

#join_form_label_terms, #join_form_label_uw_member {
	float: left;
	clear: none;
	margin: 2px 0 0 8px;
}

/* @group Benefits Page */

#benefits {
	margin: 0;
}

ol#benefits li {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	border-bottom: 1px dotted #b7b7b7;
	width: 720px;
	float: left;
	padding: 10px 0 20px 0;
}

ol#benefits li:first-child {
	padding-top: 20px;
}

ol#benefits li:last-child {
	border-bottom: none;
}

ol#benefits li img {
	float: left;
	margin-right: 30px;
}

ol#benefits li p {
	margin-top: 20px;
}

/* @end benefits page */


/* @group FAQ page */

#faq-nav {
	margin: 0;
	padding: 0 0 10px 28px;
}

#faq-nav li {
	padding: 2px 0;
}

.faq-section {
	border-top: 1px dotted #707070;
	padding-bottom: 10px;
}

/* @end faq page */

/* @group clinet directory */

#directory {
	width: 100%;
	font-size: 24px;	
}

#directory tr {
	border-bottom: 1px dotted #070707;
}

#directory td {
	border: 0;
	padding: 20px 0;
	text-align: right;
	margin: 0;
}

#directory td a {
	display: block;
}

#directory .first {
	text-align: left;
}

#directory .uw-directory {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
	background: url(/assets/img/united-way/tiny-logo.gif) no-repeat top right;
	padding-right: 26px;
	margin-bottom: 0;
	color: #d72932;
}

/* @end cleitn directory */

.sucess {
	background-color: lightgreen;
	border: 2px solid green;
	padding: 10px;
	display: block;
	font-size: 16px;
}

#uw-badges {
	width: 365px;
	float: right;	
}

#default-badges {
	float: left;
	width: 365px;	
}

.badges-table {
	text-align: center;
}

.badges-table td {
	border: none;
}

.team-table {
	text-align: left;
}

.team-table td {
	border: none;
	vertical-align: top;
}

#team-nav {
	margin: 0;
	padding: 0 0 10px 28px;
}

#team-nav li {
	list-style-type: none;
	padding: 2px 0;
		
}

.team-section {
	border-top: 1px dotted #707070;
	padding-bottom: 10px;
}

.terms-nav {
	margin: 0;
	padding: 0 0 10px 28px;
}

.terms-nav li {
	list-style-type: none;
	font-weight: normal;
	padding: 2px 0;
}

.social-networking-sites-table {
	text-align: center;
}

.social-networking-sites-table td {
	border: none;
}

.makegood-system-table {
	text-align: center;
	width: 650px;
}

.makegood-system-table td {
	border: none;
}

/* Added by Mike Barnlund Jan 6 2010 for benefits page - #1491 */

.benefits-table {
	font-style: italic;
	text-align: center;
}

.benefits-table .promo {
	font-size: 11px;
}

.amount {
	text-align: right;
	font-size: 14px;
}

.benefits-total {
	font-size: 14px;
	text-align: right;
	font-weight: bold;
}

.benefits-total.amount {
	color: red;
}

/* Added by Mike Barnlund Jan 6 2010 for about page - #1491 */

.aboutlist ul {

}

.aboutlist li {
	font-size: 14px;
	list-style: none;
	padding-bottom: 25px;
}

.aboutlist img {
	width: 57px;
	height: 51px;
}

.abouticon {
	float: left;
}

.abouttext {
	padding: 0px 5px 5px 75px;
}

.abouttitle {
	font-weight: bold;
}

.joinlist ul {
	border: 1px solid green;
}

.joinlist li {
	font-size: 14px;
	padding-bottom: 15px;
}

.jointitle {
	font-weight: bold;
}

.aboutmain {
	
}

.aboutside {
	float: right;
	width: 160px;
	background-color: #FFF;
	padding-left: 18px;
}

.aboutside .box {
	border: 5px solid #DDD;
	padding: 8px;
	margin: 0px 3px 20px 3px;
}

.aboutside h1 {
	text-align: center;
	color: #545454;
	margin: 5px 0 20px 0;
	line-height: 25px;
}

.aboutside h2 {
	text-align: center;
	font-size: 60px;
	margin: 40px 0 20px 0;
	padding: 0;
}

.aboutside blockquote {
	margin: 0 0 10px 0;
	padding: 2px;
	font-style: italic;
}

h2.stat1 {
	color: blue;
}

h2.stat2 {
	color: red;
}

.sub {
	text-align: right;
	margin: 0;
	font-size: 9px;
	line-height: 12px;
}