html, body {margin: 0px; padding: 0px; background: #def0f4 url(../img/layout/rain-bg.jpg) no-repeat center top;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #000; line-height: 20px;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #2a7791; text-decoration: none;}
a:hover {color: #000;}

h1 {margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 24px; font-weight: normal; line-height: normal; color: #636363; border-bottom: solid 1px #c1e2e9;}
h2 {margin: 0; padding-bottom:10px; font-size: 18px; font-weight: normal; color: #000;}
h3 {margin: 0; font-size: 12px;}
h3.heavy {font-weight:bold; color:#000; padding-bottom:10px;}
h4 {margin: 0px 0px 10px 0px; font-size: 11px; color: #444; text-transform: uppercase;}

h1.category {margin-bottom:0px; border-bottom:none; padding: 0 0 10px 25px; line-height: 30px; background: no-repeat left 2px;}
h1.category3 {background-image: url(../img/icons/categories/icon_30x30_education.png);}
h1.category4 {background-image: url(../img/icons/categories/icon_30x30_public_health.png);}
h1.category5 {background-image: url(../img/icons/categories/icon_30x30_empowerment.png);}
h1.category6 {background-image: url(../img/icons/categories/icon_30x30_cultural_identity.png);}
h1.category7 {background-image: url(../img/icons/categories/icon_30x30_environment.png);}
h1.category10 {background-image: url(../img/icons/categories/icon_30x30_jolkona_capacity.png);}
h1.category span {padding-left:10px;}

h2.category {padding: 0 0 0 25px; line-height: normal; background: no-repeat left 2px;}
h2.category3 {background-image: url(../img/icons/categories/education.gif);}
h2.category4 {background-image: url(../img/icons/categories/public-health.gif);}
h2.category5 {background-image: url(../img/icons/categories/empowerment.gif);}
h2.category6 {background-image: url(../img/icons/categories/cultural-identity.gif);}
h2.category7 {background-image: url(../img/icons/categories/environment.gif);}
h2.category10 {background-image: url(../img/icons/categories/jolkona-capacity.gif);}

/*img.mdg {padding: 0 5px 0 0; width:20px; height:20px;}*/

:focus {outline: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pad {padding:1px;}

.noMarginBefore {margin-top: 0px;}
.noMarginAfter {margin-bottom: 0px;}

.accent {color: #005b7f;}

.required {color: #bd3802;}

.pledgeAmount {font-weight:bold;}
.pledges {margin-bottom: 20px;}
.pledges span {font-weight:bold;}

.heavy {color: #444;}
span.strong {font-weight:700;}

.facebookNotice {width: 500px; background-color: #E8EFF8; margin: 0px 0px 5px 60px; padding: 8px;}

.separator {margin: 15px 0; font-size: 1px; line-height: 1px; height: 1px; background: #c1e2e9;}

img.left {float: left; margin: 0px 10px 10px 0px;}

a.icon {display: block; padding-left: 25px; background: no-repeat left top; line-height: 16px;}
a.icon20 {line-height: 20px;}
a.iconInline {float: left; padding-right: 20px;}
a.iconStar {background-image: url(../img/icons/star.gif);}
a.iconBell {background-image: url(../img/icons/bell.gif);}
a.iconTableAdd {background-image: url(../img/icons/table-add.gif); padding-left: 20px;}
a.iconVCard {background-image: url(../img/icons/vcard.gif); padding-left: 20px;}
a.iconRss {background-image: url(../img/icons/rss.gif);}
a.iconRss20x20 {background-image: url(../img/icons/rss-20x20.gif);}
a.iconJolkona {background-image: url(../img/icons/jolkona.gif);}
a.iconJolkona20x20 {background-image: url(../img/icons/jolkona-20x20.gif);}
a.iconTwitter {background-image: url(../img/icons/twitter.gif);}
a.iconTwitter20x20 {background-image: url(../img/icons/twitter-20x20.gif);}
a.iconFacebook {background-image: url(../img/icons/facebook.gif);}
a.iconFacebook20x20 {background-image: url(../img/icons/facebook-20x20.gif);}
a.iconLinkedin {background-image: url(../img/icons/linkedin.gif);}
a.iconLinkedin20x20 {background-image: url(../img/icons/linkedin-20x20.gif);}
a.iconYouTube16x16 {background-image:url(../img/icons/youtube-20x20.gif);}
a.iconDigg {background-image: url(../img/icons/digg.gif);}
a.iconStumbleUpon {background-image: url(../img/icons/stumbleupon.gif);}
a.iconDelicious {background-image: url(../img/icons/delicious.gif);}
a.iconVcardAdd {background-image: url(../img/icons/vcard-add.gif); padding-left: 20px;}
a.iconReportAdd {background-image: url(../img/icons/report-add.gif); padding-left: 20px;}
a.iconAdd {background-image: url(../img/icons/add.gif); padding-left: 20px;}
a.iconEmail {background-image: url(../img/icons/email.gif); padding-left: 20px;}

a.expandCollapse {float: left; display: block; margin: 3px 0 0 0; width: 11px; height: 11px; background: url(../img/icons/expand.gif) no-repeat;}
a.iconExpand {background-image: url(../img/icons/expand.gif);}
a.iconCollapse {background-image: url(../img/icons/collapse.gif);}

a.printLink {float: left; padding: 0 0 0 20px; background: url(../img/icons/printer.gif) no-repeat 0 2px;}

.checkboxField .checkbox {float: left; width: 15px;}
.checkboxField .label {float: right; width: 100%; margin-left: -22px;}
.checkboxField .label label {display: block; margin-left: 22px;}

div.termsBox {height: 400px; overflow-y: scroll; border-bottom: solid 1px #c1e2e9; padding: 10px 0;}

input.hint {color: #999;}

div.grid .column {float: left; width: 220px; padding: 0 20px 0 0;}
div.grid .lastColumn {padding-right: 0;}

div.loadingScreen {position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff url(../img/loading.gif) no-repeat center center; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75;}

/**
 * Lists
 */
ul.noIndent {margin: 20px 0px 20px 0px; padding: 0px 0px 0px 20px;}

ul.subnav {margin: 0; padding: 0; list-style-type: none; font-size: 12px; line-height: 14px;}
ul.subnav li {padding: 0; margin-bottom: -1px; background: url(../img/layout/bg-subnav-separator.gif) no-repeat;}
ul.subnav li a {color: #0081c7; text-decoration: none; display: block;}
ul.subnav li a:hover {color: #0A445B;}
ul.subnav li a span {display: block; padding: 8px 10px; cursor: pointer;}
ul.subnav li a span span {padding: 0 0 0 10px; /*background: url(../img/layout/arrow.gif) no-repeat 0 5px;*/}
ul.subnav li a span.n {margin: -3px 0 0 0; padding: 3px 0 0 0; float: right; color: #fff; text-align: center; width: 21px; height: 19px; background: url(../img/layout/bg-notification-count-green.gif) no-repeat !important;}
ul.subnav li.on a {background: #c1e2e9 url(../img/layout/bg-subnav-sprites.gif) no-repeat;}
ul.subnav li.on a span {background: url(../img/layout/bg-subnav-sprites.gif) no-repeat -200px bottom;}
ul.subnav li ul {margin: 0px; padding: 5px 0px 0px 15px; list-style-type: none;}
ul.subnav li ul li {padding: 5px 0px 5px 0px;}
ul.subnav li.on ul {font-weight: normal;}


div.roundedMember ul.subnav li {background-position: -200px 0;}
div.roundedMember ul.subnav li a {color: #598427;}
div.roundedMember ul.subnav li a:hover {color: #000;}
div.roundedMember ul.subnav li.on a {background: #c4df9b url(../img/layout/bg-subnav-sprites.gif) no-repeat -400px 0;}
div.roundedMember ul.subnav li.on a span {background: url(../img/layout/bg-subnav-sprites.gif) no-repeat -600px bottom;}

div.roundedGreen ul.subnav li {background-position: -400px 0;}

div.nameValueList .item {padding: 0px;}
div.nameValueList .name {float: left; width: 90px; font-weight: bold;}
div.nameValueList .value {float: left; width: 290px;}

div.pager {margin: 0 0 15px 0; padding: 4px 10px; font-size: 12px; line-height: 22px; color: #636363; border-bottom: solid 1px #c1e2e9;}
div.pager a {color: #0081c7;}
div.pager a:hover {color: #000;}
div.pager .pages {float: left;}
div.pager .pages ul {display: inline; margin: 0; padding: 0; list-style-type: none;}
div.pager .pages ul li {float: left; display: block; padding: 0 8px 0 8px;}
div.pager .pages ul li.label {padding-left: 0;}
div.pager .pages ul li.on {background: url(../img/layout/bg-number.gif) no-repeat center top;}
div.pager .nav {float: right; width: 215px; text-transform: lowercase;}
div.pager .nav a {display: block;}
div.pager .nav a.previous {float: left; background: url(../img/layout/previous.gif) no-repeat left 4px; padding: 0 0 0 20px;}
div.pager .nav a.next {float: right; background: url(../img/layout/next.gif) no-repeat right 4px; padding: 0 20px 0 0;}
body.account div.pager .nav a.previous {float: left; background: url(../img/layout/previous_green.png) no-repeat left 4px; padding: 0 0 0 20px;}
body.account div.pager .nav a.next {float: right; background: url(../img/layout/next_green.png) no-repeat right 4px; padding: 0 20px 0 0;}
div.pager .nav span.previous_notactive {float: left; background: url(../img/layout/previous_notactive.png) no-repeat left 4px; padding: 0 0 0 20px;}
div.pager .nav span.next_notactive {float:right; background: url(../img/layout/next_notactive.png) no-repeat right 4px; padding: 0 20px 0 0;}
div.pagerFooter {margin: 15px 0; border-top: solid 1px #c1e2e9; border-bottom: none;}

div.viewNav ul {margin: 0 0 0 -5px; padding: 0; list-style-type: none; line-height: 21px;}
div.viewNav ul li {display: inline;}
div.viewNav ul li a {float: left; display: block; padding: 0 5px 0 25px; background: no-repeat 0 0;}
div.viewNav ul li.on {font-weight: bold;}
div.viewNav ul li.map a {background-image: url(../img/icons/map-view.png);}
div.viewNav ul li.list a {background-image: url(../img/icons/list-view.png);}

ul.categoryKey {margin: 0 0 15px 0; padding: 0; list-style-type: none; line-height: 16px; min-height: 30px;}
ul.categoryKey li {float: left; width: 105px; padding: 0 0 0 35px; background: no-repeat;}
ul.categoryKey li.education {background-image: url(../img/icons/categories/icon_30x30_education.png);}
ul.categoryKey li.publicHealth {background-image: url(../img/icons/categories/icon_30x30_public_health.png);}
ul.categoryKey li.empowerment {background-image: url(../img/icons/categories/icon_30x30_empowerment.png);}
ul.categoryKey li.culturalIdentity {background-image: url(../img/icons/categories/icon_30x30_cultural_identity.png);}
ul.categoryKey li.environment {background-image: url(../img/icons/categories/icon_30x30_environment.png);}

/**
 * Layout
 */
#masterWrapper {}

#master {margin: auto; width: 980px;}

#header {position: relative; height: 110px;}
#header .logo {position: absolute; top: 18px; left: 10px;}
#header .nav {position: absolute; bottom: 0px; right: 69px;}
#header .nav ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 13px; font-weight: bold; line-height: 30px; text-transform: uppercase;}
#header .nav ul li {float: left; display: block; padding: 0px 3px 0px 3px;}
#header .nav ul li a {float: left; display: block; color: #fff; text-decoration: none; width: 116px; height: 30px; text-align: center; background: url(../img/layout/header-tabs.gif) no-repeat;}
#header .nav ul li a:hover {background-position: left -60px;}
#header .nav ul li.cart a {background: url(../img/layout/header-tabs.gif) no-repeat left -30px;}
#header .nav ul li.cart a:hover {background-position: left -90px;}
#header .welcome {/*position: absolute;*/ float:right; margin-top:50px; width: 300px; height: 50px; bottom: 5px; right: 320px; color: #fff}
#header .welcome a {color: #dbecf0;}
#header .welcome a:hover {color: #fff;}
#header .welcome .content {float: right; width: 240px; padding: 20px 10px 0 0; font-size: 11px; line-height: 14px; text-align: right;}
#header .welcome .profilePic {float: right; width: 50px;}
#header .share {position: absolute; top: 20px; right: 75px;}

#pageWrapper {background: #fff url(../img/layout/bg-page-sprites.gif) repeat-y -1960px top;}
#pageWrapper .c1 {background: url(../img/layout/bg-page-sprites.gif) no-repeat;}
#pageWrapper .c2 {background: url(../img/layout/bg-page-sprites.gif) no-repeat -980px bottom;}

#page {position: relative; width: 978px; padding: 0 1px;}

#body {min-height: 500px; width: 980px;}

#nav {padding: 0 20px; margin: 0 -1px; width: 940px; background: url(../img/layout/bg-nav.gif) repeat-x left bottom; font: 14px/22px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#nav ul {padding: 0px; margin: 0px 3px; list-style: none; float: left;}
#nav ul li {float: left; display: inline; margin: 0 4px;}
#nav ul li a {text-decoration: none; float: left; background: url(../img/layout/bg-nav-sprites.gif) no-repeat top right;}
#nav ul li a span {margin: 0 10px 0 -10px; padding: 15px 10px 5px 20px; position: relative; float: left; background: url(../img/layout/bg-nav-sprites.gif) no-repeat top left; cursor: pointer;}
#nav ul li a:hover span {margin: 0 10px 0 -10px; padding: 12px 10px 8px 20px;}
#nav ul li.on a span {margin: 0 10px 0 -10px; padding: 12px 10px 8px 20px;}
#nav ul.primary li a {color: #2a7791;}
#nav ul.primary li a span {}
#nav ul.primary li a:hover {background-position: right -45px; color: #2a7791;}
#nav ul.primary li a:hover span {background-position: left -45px;}
#nav ul.primary li.on a {background-position: right -90px; color: #fff;}
#nav ul.primary li.on a span {background-position: left -90px;}
#nav ul.member {float: right;}
#nav ul.member li a {background-position: right -135px; color: #406618;}
#nav ul.member li a span {background-position: left -135px;}
#nav ul.member li a:hover {background-position: right -180px; color: #406618;}
#nav ul.member li a:hover span {background-position: left -180px;}
#nav ul.member li a.on {background-position: right -225px; color: #fff;}
#nav ul.member li a.on span {background-position: left -225px;}

#footer {width: 980px; margin: 20px 0; background: url(../img/layout/bg-page-sprites.gif) repeat-y -4900px 0;}
#footer .d1 {width: 980px; background: url(../img/layout/bg-page-sprites.gif) no-repeat -2940px 0;}
#footer .d2 {width: 980px; background: url(../img/layout/bg-page-sprites.gif) no-repeat -3920px bottom;}
#footer a {color: #0081c7;}
#footer a:hover {color: #000;}
#footer .breadcrumbs {background: url(../img/layout/bg-breadcrumbs.gif) repeat-x left bottom; font-size: 12px; line-height: 39px; text-transform: uppercase; padding: 0 0 1px 0;}
#footer .breadcrumbs ul {margin: 0; padding: 0; list-style-type: none;}
#footer .breadcrumbs ul li {float: left; padding: 0 10px 0 35px; background: url(../img/layout/bg-breadcrumb-separator.gif) no-repeat;}
#footer .breadcrumbs ul li.firstItem {padding-left: 20px; background: none;}
#footer .content {padding: 15px 20px;}
#footer .content ul {margin: 0; padding: 0; list-style-type: none;}
#footer .content .column {float: left; width: 215px; padding: 0 20px 0 0;}

#masterFooter {margin: 20px 0; text-align: center;}

#sidebar {float: left; width: 220px; padding: 20px 0 0 20px; background: url(../img/layout/sidebar-bg-top.gif) repeat-x; min-height: 750px;}
#sidebar .filter .checkboxList {margin: 4px 0px 0px -4px; padding: 0px; list-style-type: none;}
#sidebar .filter .checkboxList .checkbox {float: left; width: 22px;}
#sidebar .filter .checkboxList .key {float: left; width: 16px;}
#sidebar .filter .checkboxList .label {float: left; width: 135px; margin: 2px 0;}
#sidebar .filter .checkboxList li ul {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
#sidebar .filter .checkboxList li.expandable {margin-left: -11px;}
#sidebar .filter .checkboxList li.expandable ul {padding-left: 31px;}
#sidebar .filter .key .checkbox {width: 20px;}
#sidebar .filter .key .label {width: 118px;}
#sidebar .filter .checkboxField {margin-left: -4px;}
#sidebar .filter label {color: #315fa2;}
#sidebar .filter label span {color: #9b9b9b;}

div.rounded {width: 220px; margin-bottom: 20px; padding-top: 10px; background: #def0f4 url(../img/layout/bg-box-sprites.gif) no-repeat;}
div.rounded .footer {width: 220px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/layout/bg-box-sprites.gif) no-repeat -220px top;}
div.rounded .content {width: 200px; padding: 5px 9px 10px 9px; font-size: 12px; line-height: 13px; border: solid 1px #c1e2e9; border-width: 0 1px;}
div.rounded .content h4 {margin: 0 0 10px 0; padding: 0 10px; font-size: 24px; font-weight: normal; line-height: normal; color: #636363; text-transform: none;}
div.rounded .content h5 {margin: 0 0 10px 0; padding: 0 10px; font-size: 18px; font-weight: normal; line-height: normal; color: #636363;}
div.roundedSecondary {background: #9ecadb url(../img/layout/bg-box-sprites.gif) no-repeat -440px top;}
div.roundedSecondary .footer {background-position: -660px top;}
div.roundedMember {background: #dcedc3 url(../img/layout/bg-box-sprites.gif) no-repeat -880px top;}
div.roundedMember .content {border-color: #c4df9b;}
div.roundedMember .footer {background-position: -1100px top;}
div.roundedGreen {background: #bae181 url(../img/layout/bg-box-sprites.gif) no-repeat -1320px top;}
div.roundedGreen .content {border-color: #bae181;}
div.roundedGreen .footer {background-position: -1540px top;}

div.roundedHalf {width: 460px; background-color: #dcecc3; background-position: -1760px 0;}
div.roundedHalf .content {width: 420px; padding: 5px 19px 10px 19px; border-color: #bdcea9;}
div.roundedHalf .footer {width: 460px; background-position: -2220px bottom;}

div.roundedThird {width: 300px; background-color: #dcecc3; background-position: -7360px 0;}
div.roundedThird .content {width: 260px; padding: 5px 19px 10px 19px; border-color: #bdcea9;}
div.roundedThird .footer {width: 300px; background-position: -7660px bottom;}

div.roundedFull {width: 940px; background-color: #dcecc3; background-position: -2680px 0;}
div.roundedFull .content {width: 920px; border-color: #bdcea9;}
div.roundedFull .footer {width: 940px; background-position: -3620px bottom;}

div.roundedHalf h2,
div.roundedFull h2 {color: #406618;}

div.greenCredits .creditCount {margin: -5px 0 10px 0; padding: 0 10px 0 45px; line-height: normal; color: #636363; background: url(../img/layout/leaves.gif) no-repeat 10px 5px;}

#sidebar .rounded .amountFilter {width: 178px; padding: 5px 10px 10px 10px;}
#sidebar .rounded .amountFilter h4 {margin-left: 0px;}
#sidebar .rounded .amountFilter .amount {color: #7a4616;}

#banner {width: 940px; margin: 0 -1px; padding: 20px; background: #2a7791; position: relative;}
#banner h1 {margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; line-height: normal; color: #fff; border: none;}
#banner .secondaryBanner .logo {float: left; width: 140px;}
#banner .secondaryBanner .content {float: right; width: 795px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
#banner .secondaryBanner .content a {color: #e7e7d4;}

#breadcrumbs {font-size: 12px; padding-bottom: 20px;}
#breadcrumbs a {color: #546781; text-decoration: none;}
#breadcrumbs a:hover {color: #965501; text-decoration: underline;}

#pageTitle {padding: 0 0 10px 0;}
#pageTitle .title {float: left;}
#pageTitle .title h1 {margin: 0; padding: 0; border: none;}
#pageTitle .actions {float: right; text-align: right;}
#pageTitle div.viewNav {margin-right: -5px;}

.sidebarLayout #sidebarRight {display: none;}
.rightSidebarLayout {width: 978px;}
.sidebarLayout, .dualSidebarLayout {width: 980px; background: url(../img/layout/sidebar-bg.gif) repeat-y;}
.sidebarLayout .layoutWrapper, .dualSidebarLayout .layoutWrapper, .rightSidebarLayout .layoutWrapper, .fullLayout .layoutWrapper {width: 978px; background: url(../img/layout/bg-body.gif) repeat-x; border-top: solid 1px #fff;}
.sidebarLayout #content {float: left; width: 700px; padding: 35px 0px 40px 20px;}
.dualSidebarLayout #content {float: left; width: 491px; padding: 20px 20px 40px 20px; background: url(../img/layout/separator.gif) no-repeat right top;}
.dualSidebarLayout #sidebarRight {float: right; width: 207px; padding: 20px 0 0 0; background: url(../img/layout/grey-fade-bg.gif) repeat-x;}
.dualSidebarLayout #sidebarRight .photo {padding-bottom: 10px;}
.fullLayout #content {padding: 35px 19px 40px 19px; width: 940px;}

.rightSidebarLayout #sidebarRight {float: right; width: 220px; padding: 20px 20px 0 0; background: url(../img/layout/grey-fade-bg.gif) repeat-x;}
.rightSidebarLayout #content {float: left; width: 698px; padding: 10px 0 40px 20px; background: url(../img/layout/separator.gif) no-repeat right top;}
.rightSidebarLayout #sidebarRight ul { padding:0; }
.rightSidebarLayout #sidebarRight li { list-style-type:none; }
.rightSidebarLayout #sidebarRight .WEhighlight {background: #e7e7d4; position: relative; margin: 0px; padding: 3px 7px 7px 3px; border: none; font-weight: normal; color: #fff;}
.rightSidebarLayout #sidebarRight .WEhighlight .logo {float: left; width: 120px;}
.rightSidebarLayout #sidebarRight .WEhighlight a {color: #fff;}

.share-horizontal { padding-top:15px;}
.share-horizontal ul { padding:0; margin:0; }
.share-horizontal li { list-style-type: none; display:inline; font-size:14px; font-weight:600;}
.share-horizontal li a { float:left; padding-right:15px;}

.twoColumnLayout .leftColumn, .rightColumn { width:340px; float:left; }
.twoColumnLayout .leftColumn {  padding-right:20px; }
.twoColumnLayout .cell { width: 340px; clear:left; padding-top:20px;}
.twoColumnLayout img { float:left; margin-right:10px; margin-bottom:10px;  }

.iconTextRow { padding-bottom: 20px; margin-bottom:20px; border-bottom:1px solid #C1E2E9; }
.iconTextRow .icon img { float:left; margin-right: 10px; }

.doMorePhoto img { margin-top:5px; padding:0 10px 10px 0;}

.pageHeader {margin: 0 0 10px 0;}
.pageHeader .left {float: left;}
.pageHeader .right {float: right;}

.contentContainer {padding: 0 20px;}

.contentLeft {float: left; width: 698px;}
.rightSidebar {float: right; width: 220px;}

/**
 * Home Page
 */
#home a {color: #0081c7;}
#home a:hover {color: #000;}
#home a.button {color: #fff;}
#home a.button:hover {color: #000;}

#home .banner {background: #2a7791; padding: 10px 0 20px 0; width: 980px; position: relative; left: -1px;}
#home .banner .summary {margin: 0; padding: 10px 0;}
#home .banner .summary .definition {float: left; width: 300px; padding: 0 40px 0 35px; font-family: Georgia, "Times New Roman", Serif; font-size: 17px; line-height: 22px; color: #fff; background: url(../img/home/arrow.gif) no-repeat right 4px;}
#home .banner .summary ol {float: right; width: 605px; margin: 0; padding: 0; list-style-type: none; font-size: 12px; line-height: normal; color: #fff;}
#home .banner .summary ol li {float: left; width: 200px; margin: 0; padding: 40px 0 0 0; text-align: center; background: url(../img/home/1.gif) no-repeat center top;}
#home .banner .summary ol li.item1 {background-image: url(../img/home/2.gif);}
#home .banner .summary ol li.item2 {background-image: url(../img/home/3.gif);}
#home .banner .summary ol li h1 {margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: normal; color: #fff; border-bottom: none;}

#home .secondaryBanner {background: #d8e7f4; position: relative; width: 900px; padding: 20px 40px; left: -1px;}
#home .secondaryBanner .logo {float: left; width: 200px;}
#home .secondaryBanner .content {float: right; width: 665px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
#home .secondaryBanner .content a {color: #e7e7d4;}

#home .callToActions ul {height: 220px; margin: 0; padding: 20px 0 20px 10px; list-style-type: none;}
#home .callToActions ul li {float: left; width: 220px; padding: 0 10px;}

#home .column {float: left; width: 460px; padding: 0 0 0 20px;}
#home .column .rounded {width: 460px; background-position: -4560px 0;}
#home .column .rounded .content {width: 418px; padding: 10px 20px 0 20px;}
#home .column .rounded .footer {width: 460px; background-position: -5020px 0;}

#home .rightColumn {float: right; padding: 0 20px 0 0;}

#home .rounded {width: 940px; background-position: -5480px 0;}
#home .rounded h3 {margin: 0; font-size: 18px; font-weight: normal; line-height: normal;}
#home .rounded .content {width: 898px; padding: 10px 20px 0 20px;}
#home .rounded .header {margin: 0 0 10px 0; padding: 0 0 7px 0; border-bottom: solid 1px #c1e2e9;}
#home .rounded .header h2 {float: left; margin: 0; padding: 0; font-size: 24px; line-height: normal; color: #636363;}
#home .rounded .header h3 {float: left;}
#home .rounded .header .more {float: right;}
#home .rounded .footer {width: 940px; background-position: -6420px 0;}

#home .threeColumnLayout {font-family: Georgia, "Times New Roman", Serif; font-size: 22px; line-height: normal; color: #636363;}
#home .threeColumnLayout .leftColumn, .centerColumn, .rightColumn { float:left; width: 300px;}
#home .threeColumnLayout .leftColumn {  padding-left:20px; }
#home .threeColumnLayout .leftColumn, .centerColumn {  padding-right:20px; }
#home .threeColumnLayout .cell { width: 290px; clear:left; padding-top:15px; padding-bottom:30px;}
#home .threeColumnLayout .cell a { color: #636363;}
#home .threeColumnLayout .cell a:hover { color: #0081c7;}
#home .threeColumnLayout img { float:left; margin-right:10px; margin-bottom:10px;  }

#home .wrapper {padding: 0 0 20px 20px;}

#home .latestDonationsBox .content {min-height: 400px;}
#home .latestDonationsBox .disclaimer {padding: 13px 0 0 0; font-size: 11px; line-height: 14px;}

#home ul.latestDonations {margin: -11px 0 0 0; padding: 0; list-style-type: none; line-height: normal;}
#home ul.latestDonations li {padding: 5px 0 5px 35px; background: no-repeat 0 5px; border-top: solid 1px #c1e2e9;}
#home ul.latestDonations li.category3 {background-image: url(../img/icons/categories/icon_30x30_education.png);}
#home ul.latestDonations li.category4 {background-image: url(../img/icons/categories/icon_30x30_public_health.png);}
#home ul.latestDonations li.category5 {background-image: url(../img/icons/categories/icon_30x30_empowerment.png);}
#home ul.latestDonations li.category6 {background-image: url(../img/icons/categories/icon_30x30_cultural_identity.png);}
#home ul.latestDonations li.category7 {background-image: url(../img/icons/categories/icon_30x30_environment.png);}
#home ul.latestDonations li.category10 {background-image: url(../img/icons/categories/icon_30x30_jolkona_capacity.png);}

body.impact ul.latestDonations {margin: -11px 0 0 0; padding: 0; list-style-type: none; line-height: normal;}
body.impact ul.latestDonations li {padding: 5px 0 5px 35px; background: no-repeat 0 5px; border-top: solid 1px #c1e2e9;}
body.impact ul.latestDonations li.first {border-top:none;}
body.impact ul.latestDonations li.category3 {background-image: url(../img/icons/categories/icon_30x30_education.png);}
body.impact ul.latestDonations li.category4 {background-image: url(../img/icons/categories/icon_30x30_public_health.png);}
body.impact ul.latestDonations li.category5 {background-image: url(../img/icons/categories/icon_30x30_empowerment.png);}
body.impact ul.latestDonations li.category6 {background-image: url(../img/icons/categories/icon_30x30_cultural_identity.png);}
body.impact ul.latestDonations li.category7 {background-image: url(../img/icons/categories/icon_30x30_environment.png);}
body.impact ul.latestDonations li.category10 {background-image: url(../img/icons/categories/icon_30x30_jolkona_capacity.png);}
body.impact ul.latestDonations li img {padding-right: 5px; float: left;}

#home .fansBox .content {line-height: 20px;}
#home .fansBox .summary {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: solid 1px #c1e2e9;}
#home .fansBox .like {float: right;}

.fan_box .full_widget {background: transparent; border: none;}
.fan_box .full_widget .connect_top {display: none;}
.fan_box .connections {background: #DEF0F4; border-top: none; padding: 0;}
.fan_box .connections_grid .grid_item .name {font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #3b5998;}

#home .followBox .header ul {float: right; margin: 0; padding: 0; list-style-type: none;}
#home .followBox .header ul li {display: inline; padding: 0 0 0 5px;}
#home .followBox .content {line-height: 20px;}
#home .followBox .textbox {float: left; width: 245px; margin: 0 5px 0 0; padding: 3px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; border: solid 1px #d7d7d7;}
#home .followBox .hint {color: #898989;}

#home .newsBox {margin: 0;}
#home .newsBox ul.news {float: left; width: 420px; margin: -11px 0 0 0; padding: 0; list-style-type: none;}
#home .newsBox ul.news li {padding: 10px 0; border-top: solid 1px #c1e2e9;}
#home .newsBox .twitter {float: right; width: 420px;}

#carousel {margin: 10px 0 0 0; padding: 0 0 0 15px;}

#projectCarousel .projectWrapper {background: #d4e4e9 url(../img/layout/bg-featured-project.gif) no-repeat;}
#projectCarousel .project {width: 250px; min-height: 320px; padding: 10px; line-height: normal; background: url(../img/layout/bg-featured-project.gif) no-repeat -270px bottom;}
#projectCarousel .project .photo {position: relative; width: 250px; height: 140px; margin: 0 0 5px 0; overflow: hidden;}
#projectCarousel .project .photo a {position: absolute; display: block; width: 250px; height: 180px; top: 0; left: 0; background: background: url(../img/layout/photo-overlay.png) no-repeat;}
#projectCarousel .project .summary {height: 150px; padding: 0 0 2px 0; background: transparent;}
#projectCarousel h2 {margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; line-height: normal;}
#projectCarousel h3 {margin: 0; font-size: 12px;}
#projectCarousel a.button span {width: 110px; min-width: 0;}
#projectCarousel a.more {margin: 0;}

.giveToKonaBox .button {float: left; padding: 0 15px 10px 0;}
.giveToKonaBox .button a {float: left; display: block; min-width: 105px; font-size: 20px; line-height: 30px; color: #fff !important; text-align: center; padding: 4px 10px; background: #e46c0a; -moz-border-radius: 5px; border-radius: 5px;}
.giveToKonaBox .button a:hover {background: #e9893b;}

/**
 * Home Page (partnered)
 */
.partnered#home .banner {background: #86887d; margin: 0 0 20px 0;}
.partnered#home .banner > .summary {padding: 0 0 0 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
.partnered#home .banner > .summary .logo {float: left; width: 220px;}
.partnered#home .banner > .summary .content {float: left; width: 665px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
.partnered#home .banner > .summary .content a {color: #e7e7d4;}
.partnered#home .banner > .summary a {color: #e7e7d4;}
.partnered#home #projectCarousel .projectWrapper {background: #e7e7d4; -moz-border-radius: 10px; border-radius: 10px;}
.partnered#home #projectCarousel .project {background: transparent;}
.partnered#home .banner > .summary-nologo {padding: 0 0 0 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
.partnered#home .banner > .summary-nologo .content {float: left; width: 925px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 22px; color: #e7e7d4;}
.partnered#home .banner > .summary-nologo .content a {color: #e7e7d4;}
.partnered#home .banner > .summary-nologo a {color: #e7e7d4;}

.partnered#home .rounded {background: #f2f2f2; -moz-border-radius: 10px; border-radius: 10px; border: solid 1px #d9d9d9;}
.partnered#home .rounded .content {width: 420px; border-width: 0; background: transparent;}
.partnered#home .rounded .footer {background: transparent;}
.partnered#home .rounded .header {border-bottom-color: #d9d9d9;}

.partnered#home .roundedOrange {background: #fdeada; border-color: #e46c0a;}
.partnered#home .roundedOrange .header {border-bottom-color: #e46c0a;}
.partnered#home .roundedOrange .header h2 {color: #e46c0a;}

/**
 * Blocks
 */
.block {margin: 0 0 20px 0;}
.block .head {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px #c1e2e9;}
.block .head h2 {margin: 0; padding: 0; font-size: 24px; font-weight: normal; color: #636363;}
.block > div {padding: 20px 20px 10px 20px;}

.latestDonationsBlock {background: #F2F2F2; border: 1px solid #D9D9D9; border-radius: 10px; -moz-border-radius: 10px;}
.latestDonationsBlock .privacy {font-size: 11px; line-height: 14px; padding: 15px 0 0 0;}
.latestDonationsBlock ul {margin: -11px 0 0 0; padding: 0; list-style-type: none; line-height: normal;}
.latestDonationsBlock li {padding: 5px 0 5px 35px; background: no-repeat 0 5px; border-top: solid 1px #c1e2e9;}
.latestDonationsBlock li.category3 {background-image: url(../img/icons/categories/icon_30x30_education.png);}
.latestDonationsBlock li.category4 {background-image: url(../img/icons/categories/icon_30x30_public_health.png);}
.latestDonationsBlock li.category5 {background-image: url(../img/icons/categories/icon_30x30_empowerment.png);}
.latestDonationsBlock li.category6 {background-image: url(../img/icons/categories/icon_30x30_cultural_identity.png);}
.latestDonationsBlock li.category7 {background-image: url(../img/icons/categories/icon_30x30_environment.png);}
.latestDonationsBlock li.category10 {background-image: url(../img/icons/categories/icon_30x30_jolkona_capacity.png);}

.impactToDateBlock {background: #DEF0F4; border: 1px solid #C1E2E9; border-radius: 10px; -moz-border-radius: 10px;}
.impactToDateBlock .body {font-size: 14px; line-height: 18px;}
.impactToDateBlock .body ul {margin-left: 0; padding: 0 0 0 20px;}

.chartsBlock {background: #F2F2F2; border: 1px solid #D9D9D9; border-radius: 10px; -moz-border-radius: 10px;}
.chartsBlock .body {font-size: 14px; line-height: 18px;}
.chartsBlock .body ul {margin-left: 0; padding: 0 0 0 20px;}

/**
 * Profiles
 */
div.profileCard {width: 110px; min-height: 170px; padding: 9px; background: #FFFFFF; border: solid 1px #ccc; -moz-border-radius: 10px; border-radius: 10px;}
div.profileCard .photo {display: block; margin: 0 0 5px 0;}
div.profileCard .name {display: block; margin: 0 0 5px 0; font-weight: bold;}
div.profileCard .barChart {font-size: 1px; line-height: 1px; height: 25px;}
div.profileCard .barChart div {float: left; height: 25px;}

div.profileList .item {padding: 0px 0px 20px 0px;}
div.profileList .photo {float: left; width: 100px; margin-right: 20px;}
div.profileList .profile {float: left; width: 460px;}
div.profileList .profile .name {margin: 0px; font-size: 13px; font-weight: bold;}
div.profileList .photo-campaign {float: left; width: 100px; margin-right: 10px;}
div.profileList .profile-campaign {float: left; width: 345px;}
div.profileList .profile-campaign .name {margin: 0px; font-size: 13px; font-weight: bold;}

/**
 * Volunteers
 */
div.volunteerList .volunteerName{float: left; margin-left: 85px; width: 200px; font-size: 13px; font-weight: bold;}


/**
 * Blog Elements
 */
.blogPostTitle {font-size: 14px;}
.blogPostAuthor {font-size: 11px;}

/**
 * Projects
 */
ul#projectCategoryList {margin-bottom: 30px;}

div.appliedFilters {border: solid 1px #c1e2e9; border-width: 1px 0; background: #def0f4; color: #636363; padding: 5px 10px;}
div.appliedFilters a {color: #2a7791;}
div.appliedFilters a:hover {color: #000;}

#projectViewFilter {margin: 0 0 5px 0; background: #def0f4; border: solid 1px #c1e2e9; border-width: 1px 0; padding: 5px;}
#projectViewFilter .filter {float: left; padding: 0 5px 0 0;} /* width: 225px; */
#projectViewFilter .filter label {display: block;}
#projectViewFilter .filter select {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; border: solid 1px #c1e2e9; padding: 2px;} /* width: 215px; */
#projectViewFilter .amountFilter select {width: 187px;}
#projectViewFilter .mdgFilter select {width: 300px;}
#projectViewFilter .orderBy select {width: 187px;}


#projectList {line-height: 16px;}
#projectList h2 {margin: 0 0 5px 0; font-size: 20px;}
#projectList h2 a {color: #0081c7;}
#projectList h2 a:hover {color: #000;}
#projectList .nameValueList .item {margin: 0px; padding: 0px; border: none;}
#projectList .nameValueList .name {font-weight: normal;}
#projectList .item {border-bottom: solid 1px #c1e2e9; margin-bottom: 20px; padding: 0 0 20px 0;}
#projectList .firstItem {padding-top:15px;}
#projectList .lastItem {border-bottom-width: 0px;}
#projectList .photo {float: left; width: 220px;}
#projectList .details {float: right; width: 460px;}
#projectList .description {padding: 10px 0px 10px 0px;}
#projectList .photo .WEhighlight120 {background: #e7e7d4; position: relative; margin: 0px; padding: 5px 5px 5px 5px; border: none; font-weight: normal; color: #fff;}
#projectList .photo .WEhighlight120 .logo {float: center; width: 120px;}
#projectList .photo .WEhighlight120 a {color: #fff;}

body.account #projectList {line-height: 16px;}
body.account #projectList h2 {margin: 0 0 5px 0; font-size: 20px;}
body.account #projectList h2 a {color: #0081c7;}
body.account #projectList h2 a:hover {color: #000;}
body.account #projectList .nameValueList .item {margin: 0px; padding: 0px; border: none;}
body.account #projectList .nameValueList .name {font-weight: normal;}
body.account #projectList .item {border-bottom: solid 1px #c4df9b; margin-bottom: 20px; padding: 0 0 20px 0;}
body.account #projectList .firstItem {padding-top:15px;}
body.account #projectList .lastItem {border-bottom-width: 0px;}
body.account #projectList .photo {float: left; width: 220px;}
body.account #projectList .details {float: right; width: 460px;}
body.account #projectList .description {padding: 10px 0px 10px 0px;}
body.account #projectList .details .more {padding: 10px 0px 0px 0px;}

#minDonationAmountSlider,
#maxDonationAmountSlider {position: relative; width: 180px; height: 20px; margin-top: 5px; background: url(../img/controls/slider-bg.gif) no-repeat;}
#minDonationAmountSlider div,
#maxDonationAmountSlider div {position: absolute; cursor: default;}
#minDonationAmountSlider {margin-bottom: 10px;}

body.project #content {padding-top: 20px; line-height: 16px;}
body.project #content h1 {/*padding: 0;*/ border: none;}

#project .nameValueList {margin-bottom: 15px; line-height: 18px;}
#project .nameValueList .name {font-weight: normal;}
#project .summary .nameValueList {float: left; width: 345px;}
#project .summary .nameValueList .value {width: 245px;}
#project .summary .mdgs {float: right; width: 345px; line-height: 20px;}
#project .summary .mdgs .mdg a {color: #000;}
#project .summary .mdgs .mdg {margin: 0 0 5px 0; padding: 5px 5px 5px 30px; background: no-repeat 5px 5px;}
#project .summary .mdgs .mdg1 {background-image: url(../img/icons/mdgs/icon_20x20_mdg1.png); background-color: #ffde00;}
#project .summary .mdgs .mdg2 {background-image: url(../img/icons/mdgs/icon_20x20_mdg2.png); background-color: #e1dd00;}
#project .summary .mdgs .mdg3 {background-image: url(../img/icons/mdgs/icon_20x20_mdg3.png); background-color: #f39501;}
#project .summary .mdgs .mdg4 {background-image: url(../img/icons/mdgs/icon_20x20_mdg4.png); background-color: #d7eefc;}
#project .summary .mdgs .mdg5 {background-image: url(../img/icons/mdgs/icon_20x20_mdg5.png); background-color: #f9cbde;}
#project .summary .mdgs .mdg6 {background-image: url(../img/icons/mdgs/icon_20x20_mdg6.png); background-color: #e95134;}
#project .summary .mdgs .mdg7 {background-image: url(../img/icons/mdgs/icon_20x20_mdg7.png); background-color: #9ac104;}
#project .summary .mdgs .mdg8 {background-image: url(../img/icons/mdgs/icon_20x20_mdg8.png); background-color: #2cafdf;}

.projectPhotos {width: 100%; padding-top:10px; margin-bottom: 20px;}
.projectPhotos .photos {float: left; width: 408px;}
.projectPhotos .photo {padding: 0 0 10px 0; height: 300px; overflow: hidden;}
.projectPhotos .thumbs {float: right; width: 270px;}
.projectPhotos .thumbs .firstRow {padding: 0px 0px 10px 6px;}
.projectPhotos .thumbs .row {padding: 10px 0px 10px 6px;}
.projectPhotos .thumbs .item {float: left; width: 70px; border: solid 1px #fff; padding: 2px; margin-right: 12px;}
.projectPhotos .thumbs .lastItem {margin-right: 0px;}
.projectPhotos .thumbs .item:hover {border-color: #d5ebf2}
.projectPhotos .thumbs .on {border-color: #d5ebf2}

.projectInfoWindow {width: 510px; }
.projectInfoWindow h2 {margin: 0 0 10px 0;}
.projectInfoWindow h2 a {color: #0081c7;}
.projectInfoWindow h2 a:hover {color: #000;}
.projectInfoWindow .photo {float: left; width: 150px;}
.projectInfoWindow .photo .WEhighlight {background: #e7e7d4; position: relative; margin: 0px; padding: 5px 5px 5px 5px; border: none; font-weight: normal; color: #fff;}
.projectInfoWindow .photo .WEhighlight .logo {float: left; width: 80px;}
.projectInfoWindow .details {float: right; width: 350px;}
.projectInfoWindow .nameValueList .name {width: 80px;}
.projectInfoWindow .nameValueList .value {width: 250px;}
.projectInfoWindow .description {padding: 10px 0px 10px 0px;}
.projectInfoWindow .more {text-align: right;}

#shareProjectDialog {width: 320px;}
#shareProjectDialog .bd {background: #fff;}
#shareProjectDialog .bd .column {float: left; width: 150px;}

.shareProject {padding: 0 10px; margin-bottom: 20px;}

.rounded#projectGifts .content {width: 178px; padding: 5px 20px 0 20px;}
.rounded#projectGifts .content h4 {padding: 0 0 10px 0; border-bottom: solid 1px #c1e2e9;}
#projectGifts .gift {margin: 0 0 15px 0; padding: 0 0 15px 0; line-height: 16px; border-bottom: solid 1px #c1e2e9;}
#projectGifts .gift h6 {margin: 0; font-size: 12px; font-weight: bold; }
#projectGifts .gift p {margin-bottom: 5px;}
#projectGifts .gift p.more {margin-bottom: 15px;}
#projectGifts .gift p.more a {background: url(../img/layout/bg-plus.gif) no-repeat 0 2px; padding: 0 0 0 15px;}
#projectGifts .gift div.button {margin-top: 5px;}
#projectGifts .gift .submit {width: 180px;}
#projectGifts .lastGift {margin-bottom: 0; padding-bottom: 5px; border-bottom: none;}
#projectGifts .unauthenticated {font-size: 11px; color: #333; width: 140px; padding: 5px 0px 0px 0px;}

#projectMap {width: 700px; height: 600px; position: relative; background: url(../img/loading.gif) no-repeat center center;}

#projectGiveDialog {width: 860px; line-height: 16px;}
#projectGiveDialog h1 {padding: 0; border-bottom: none;}
#projectGiveDialog .header .photo {float: left; width: 220px;}
#projectGiveDialog .header .summary {float: right; width: 620px;}
#projectGiveDialog .header .summary p {margin: 0 0 10px 0;}
#projectGiveDialog .header .summary .more {padding: 0 0 0 15px; background: url(../img/layout/bg-plus.gif) no-repeat 0 2px;}
#projectGiveDialog .nameValueList {margin: 0 0 10px 0;}
#projectGiveDialog .nameValueList .name {font-weight: normal;}
#projectGiveDialog form {padding: 0 0 20px 0;}
#projectGiveDialog .gifts {width: 100%; border-collapse: collapse;}
#projectGiveDialog .gifts th {padding: 4px 10px; text-align: left; border: solid 1px #c1e2e9; border-width: 1px 0; background: #def0f4; font-size: 14px; color: #636363;}
#projectGiveDialog .gifts td {padding: 5px 10px; border-bottom: solid 1px #c1e2e9;}
#projectGiveDialog .gifts h2 {margin: 0 0 5px 0; padding: 0; font-size: 12px; font-weight: bold;}
#projectGiveDialog .gifts p {margin: 0;}
#projectGiveDialog .gifts label {display: block; margin: 0 0 5px 0; font-weight: bold;}
#projectGiveDialog .gifts .amount,
#projectGiveDialog .gifts .quantity {width: 90px;}
#projectGiveDialog .gifts .subtotal {width: 60px;}

ul.key .checkbox {float: left;}
ul.key .key {float: left; width: 9px; height: 9px; font-size: 1px; line-height: 1px; margin: 3px 4px 0 4px;}
ul.key .label {float: left;}

.customInfoBox-body {top: -3px; left: -3px; padding: 0 20px 0 20px; border-color: #afafaf;}
.customInfoBox-shadow {background: url(../img/layout/bing-map-shadow.png); z-index: 100;}
.VE_Pushpin_Popup_Body {font-family: inherit; font-size: inherit;}

/**
 * Cart
 */
body.cart #nav {background-image: url(../img/layout/bg-nav-members.gif);}
body.cart #nav ul.member li.cart a {background-position: right -225px; color: #fff;}
body.cart #nav ul.member li.cart a span {margin: 0 10px 0 -10px; padding: 12px 10px 8px 20px; background-position: left -225px;}

body.cart #content {padding-bottom: 0;}

body.cart #banner {background: #598427;}

#cart {width: 100%; margin: -10px 0 0 0;}
#cart h3 {margin: 0 0 5px 0; font-size: 14px;}
#cart label.dedicate,
#cart label.subscribe,
#cart a {color: #0081c7;}
#cart a:hover {color: #000;}
#cart label.dedicate {padding-right: 20px;}
#cart label.subscribe {background: url(../img/icons/recurring.png) no-repeat right top; padding-right: 20px;}
#cart th {line-height: 28px; color: #fff; text-align: left; background-color: #7661b8; padding: 0px 15px 0px 15px;}
#cart td {padding: 5px 15px 5px 0; line-height: normal; border-bottom: solid 1px #c1e2e9;}
#cart td .options {font-size: 12px; color: #333; padding: 5px 0px 0px 0px;}
#cart td.description,
#cart td.price,
#cart td.quantity,
#cart td.campaign,
#cart td.total,
#cart td.remove {padding-bottom: 0; border-bottom-width: 0;}
#cart td.remove {padding-top: 10px;}
#cart td.dedicationsWrapper {padding-top: 0;}
#cart td.price label,
#cart td.quantity label,
#cart td.total label {display: block; margin: 0 0 5px 0; font-weight: bold;}
#cart tr.konaFund td {background: #def0f4; padding-bottom: 5px; border-bottom: solid 1px #c1e2e9;}
#cart tr.konaFund td.description {padding: 5px 15px 5px 5px;}
#cart tr.konaFund td.description h3 {font-size: 12px;}
#cart tfoot td {font-size: 18px; line-height: normal; border-bottom: none;}
#cart td.updateCart {padding-top: 10px;}

#cart .dedications {margin: 10px 0 0 0; padding: 5px 0; line-height: 18px; background: #fff;}
#cart .dedications .field,
#cart .dedications .label {width: 230px;}
#cart .dedications .required {color: #000;}
#cart .dedications .rememberHint {float: left; width: 260px; margin: 2px 0 0 0;}
#cart .dedications .save {float: right;}
#cart .dedications input[type="text"] {width: 220px; border: solid 1px #d7d7d7; padding: 2px;}
#cart .dedications textarea {width: 445px; border: solid 1px #d7d7d7; padding: 2px;}
#cart .dedications .to {float: left; width: 240px;}
#cart .dedications .email {float: left; width: 240px;}
#cart .dedications .dedicationMessage {float: left; width: 445px;}
#cart .dedications .dedicationMessage .label {width: 445px;}
#cart .dedications .error-message {line-height: 14px;}

#cart .subscription input {float: left;}
#cart .subscription label {float: left; display: block; width: 675px; margin: 0 0 0 3px;}

#cartFooter {margin: 10px 0 0 0;}
#cartFooter .loginBox {float: left;}
#cartFooter .fbLoginBox {float: left; position: relative; left: 20px;}
#cartFooter .registerEmailBox {float: right;}
#cartFooter .rounded h2 {line-height: normal;}
#cartFooter .rounded .content {padding-bottom: 0; line-height: 18px; min-height: 220px;}
#cartFooter .rounded .fields {min-height: 155px; padding: 0 0 5px 0; border-bottom: solid 1px #bdcea9;}
#cartFooter .rounded .label {float: left; font-weight: bold; text-align: left; width: 90px; padding: 0 5px 0 0;}
#cartFooter .rounded .field {float: left; width: 155px;}
#cartFooter .rounded .textbox {width: 150px; border: solid 1px #cddbbf; padding: 2px;}
#cartFooter .rounded .rememberMe {display: none; padding-left: 125px;}
#cartFooter .rounded .facebook {text-align: center; padding: 40px 0 0 0;}
#cartFooter .rounded .facebook .button {padding: 5px 0 0 0;}
#cartFooter .rounded .submit {text-align: center; padding: 10px 0 0 0;}
#cartFooter .rounded .submit .about {text-align: center; padding-top: 5px;}
#cartFooter .googleCheckoutBox .text {float: left;}
#cartFooter .googleCheckoutBox .button {float: right; margin: 10px 0 0 0;}
#cartFooter .googleCheckoutBox .content {min-height: 1px;}
#cartFooter .emailBox .textbox {width: 400px;}
#cartFooter .emailBox .submit {text-align: left; padding-top: 10px;}
#cartFooter .emailBox .content {min-height: 1px;}

/*
#cartFooter {margin: 10px 0 0 0;}
#cartFooter .loginBox {float: left;}
#cartFooter .registerBox {float: right;}
#cartFooter .rounded .fields {min-height: 275px; border-bottom: solid 1px #bdcea9;}
#cartFooter .rounded .label {float: left; font-weight: bold; text-align: right; width: 115px; padding: 0 10px 0 0;}
#cartFooter .rounded .field {float: left; width: 295px;}
#cartFooter .rounded .textbox {width: 290px; border: solid 1px #cddbbf; padding: 2px;}
#cartFooter .rounded .rememberMe {padding-left: 125px;}
#cartFooter .rounded .facebook {text-align: center; padding: 40px 0 0 0;}
#cartFooter .rounded .facebook .button {padding: 5px 0 0 0;}
#cartFooter .rounded .submit {text-align: center; padding: 20px 0 0 0;}
#cartFooter .rounded .captchaRow .instructions {float: left; width: 88px; margin: 5px 0 0 5px;}
#cartFooter .rounded .captchaRow .captcha {float: left;}
#cartFooter .rounded #UserCaptcha {width: 200px;}
#cartFooter .googleCheckoutBox .text {float: left;}
#cartFooter .googleCheckoutBox .button {float: right; margin: 10px 0 0 0;}
#cartFooter .emailBox .textbox {width: 400px;}
#cartFooter .emailBox .submit {text-align: left; padding-top: 10px;}
*/

#emptyCart ul {margin: 0; padding: 0; list-style-type: none; float: left; width: 235px;}
#emptyCart ul li {background: url(../img/layout/arrow-light-blue.gif) no-repeat 0 7px; padding: 0 0 10px 10px;}

.receiptWrapper h1 {margin: 0; border-bottom: none;}
.receiptWrapper #sidebarRight {padding-top: 43px;}

#receipt h3 {margin: 0 0 5px 0; font-size: 14px; color: #0081c7;}
#receipt h6 {margin: 0 0 5px 0; font-size: 12px;}
#receipt .share {margin: 0 0 20px 0; font-size: 14px;}
#receipt .share p {font-weight: bold;}
#receipt .notice p {font-weight: bold;}
#receipt .notice .actions {font-size: 14px; list-style-type: none; line-height: 20px; padding-left: 0px;}
#receipt .notice .actions li.notify {float: left; display: block; background: url(../img/icons/checkmark.png) no-repeat; padding: 0 0 10px 35px;}
#receipt .message .links {margin: 0; padding: 0; list-style-type: none; line-height: 22px;}
#receipt .message .links li {float: left; padding: 0 20px 0 0;}
#receipt .message .links li a {float: left; display: block; background: url(../img/icons/facebook-20x20.gif) no-repeat; padding: 0 0 0 25px;}
#receipt .message .links li.twitter a {background-image: url(../img/icons/twitter-20x20.gif);}
#receipt .message .links li.email a {background-image: url(../img/icons/email.gif);}
#receipt .message {background: #def0f4; border: solid 1px #c1e2e9; border-width: 1px 0; margin: 0; padding: 5px 10px 25px 10px;}
#receipt .items {width: 100%; border-collapse: collapse; font-size: 12px; line-height: 16px;}
#receipt .items td {padding: 10px 0;}
#receipt .items .item {padding-right: 10px;}
#receipt .items .quantity,
#receipt .items .amount {width: 100px; padding-right: 10px;}
#receipt .items .total {font-size: 18px; line-height: 20px;}
#receipt .items tbody td {border-bottom: solid 1px #c1e2e9;}
#receipt .items .subscriptionDetails {background: url(../img/icons/recurring.gif) no-repeat 0 7px; padding: 5px 0 5px 20px; font-style: italic;}

#receiptSidebar .chartTable {border: none;}
#receiptSidebar .chartTable .row {border: none;}
#receiptSidebar .chartTable .legend {padding: 10px 0 10px;}
#receiptSidebar .chartTable .legend .label {width: 190px; font-size: 11px;}

/**
 * Account (i.e. My Jolkona)
 */
body.account #nav {background-image: url(../img/layout/bg-nav-members.gif);}
body.account #nav ul.member li.account a {background-position: right -225px; color: #fff;}
body.account #nav ul.member li.account a span {margin: 0 10px 0 -10px; padding: 12px 10px 8px 20px; background-position: left -225px;}

body.account #banner {background: #598427;}

body.account h1 {border-bottom-color: #c4df9b;}

body.account div.separator {background: #c4df9b;}

body.account div.pager {border-color: #c4df9b; border-top: solid 1px #c4df9b;}
body.account div.pager a {color: #598427;}
body.account div.pager a:hover {color: #000;}
body.account div.pager .pages ul li.on {background-image: url(../img/layout/bg-number-members.gif);}

.chartTable {margin-bottom: 20px; border-top: solid 1px #d7d7d7;}
.chartTable {margin-bottom: 20px}
.chartTable .row {border-bottom: solid 1px #d7d7d7;}
.chartTable .row { background: url(../img/layout/grey-border.gif) repeat-y 50% 0;}
.chartTable .item {float: left; width: 339px; padding: 10px 0px 10px 0px;}
.chartTable .itemnoborder {float: left; width: 300px; padding: 10px 0px 10px 0px;}
.chartTable .lastItem {float: right; border-right: none;}
.chartTable .item .title {font-weight: bold; color: #383838; padding: 0px 0px 15px 10px; line-height: 18px;}
/*.chartTable .lastItem .title {padding-left: 20px;}
.chartTable .lastItem .legend {padding-left: 20px;}*/
.chartLegend,
.chartTable .legend {font-size: 10px; padding: 10px 0px 0px 10px;}
.chartLegend .key,
.chartTable .legend .key {float: left; width: 10px; height: 10px; font-size: 1px; line-height: 1px; margin: 5px 5px 0px 0px;}
.chartLegend .label,
.chartTable .legend .label {float: left; width: 280px;}

.chartTableNarrow .item {width: 245px;}
.chartTableNarrow .legend .label {width: 210px;}

.giftList {line-height: 18px;}
.giftList td {vertical-align: middle;}
.giftList td table td {padding: 0px;}
.giftList .partnerName {font-size: 12px; color: #7a4616;}

body.gift .nameValueList {margin-bottom: 20px; line-height: 22px;}
body.gift .nameValueList .name {font-weight: normal;}

body.gift .partnerDetails .logo {float: left; width: 70px;}
body.gift .partnerDetails .details {float: left; width: 458px;}

div.myGiftsHighlight {
	background:none repeat scroll 0 0 #dcedc3;
	border-color:#C4DF9B;
	border-style:solid;
	border-width:1px 0;
	color:#598527;
	padding:5px 10px;
}

.proofList {margin: 10px 0px 40px 0px;}
.proofList .loading {height: 300px;}
.proofList .tabs {float: left; width: 80px; border: solid 1px #c4df9b; border-width: 1px 0px 0px 1px;}
.proofList .tab {border-bottom: solid 1px #c4df9b;}
.proofList .tab a {display: block; padding: 5px 0px 5px 15px; color:#000;}
.proofList .tab.on {background: #598527;}
.proofList .tab.on a {color: #fff;}
.proofList .content {float: left; width: 576px; padding: 10px 20px 10px 20px; border: solid 1px #c4df9b;}
.proofList .projectPhotos {width: 444px; margin: 0px;}

.statusReportProof img { margin: 0 10px 10px 0; padding: 0; max-width: 300px; max-height: 300px; }
.statusReportProof iframe {width: 100%; height: 400px;}
.statusReportProof .pdf a {display: block; background: url(../img/icons/pdf.gif) no-repeat; padding: 8px 0 3px 38px; margin: 10px 0 0 0;}

div.greenCreditProof { padding:0 10px 0 10px; }
div.greenCreditProof .creditCount {margin: 0px 0 10px -10px; padding: 0 10px 0 45px; line-height: 30px; background: url(../img/layout/leaves.gif) no-repeat 10px 5px;}

#inviteFriendsContainer .bd, #inviteFriendsContainer .ft {background: #fff;}
#inviteFriends .hd {font-size:13px;}
#inviteFriends button.default {font-weight: normal;}
#inviteFriends .recipientRow input {height:21px;}

#uploadDialog .bd, #uploadDialog .ft {background: #fff;}
#uploadDialog .bd {padding-bottom: 20px;}
#uploadDialog button.default {font-weight: normal;}
#uploadDialog .message {width: 318px;}
#uploadDialog .loading {text-align: center; color: #000;}

#importDialog .bd, #importDialog .ft {background: #fff;}
#importDialog .bd {padding-bottom: 20px;}
#importDialog button.default {font-weight: normal;}
#importDialog .message {width: 440px;}
#importDialog .loading {text-align: center; font-weight: bold; color: #000;}
#importDialog .loading .icon {height: 32px; background: url(../img/loading.gif) no-repeat center top;}
#importDialog form .field {width: 370px;}

form.itemListFilter {padding: 5px 10px; color: #598427; border-top: solid 1px #c4df9b; border-width: 1px 0; background: #dcedc3; color: #598427;}
form.itemListFilter ul {margin: 0; padding: 0; list-style-type: none;}
form.itemListFilter ul li {display: inline; padding: 0 20px 0 0;}
form.itemListFilter label {cursor: pointer;}

div.itemList h2 {margin: 0 0 5px 0; font-size: 18px;}
div.itemList .item {margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: solid 1px #c4df9b; line-height: 18px;}
div.itemList .lastItem {padding: 0; border-bottom: none;}
div.itemList .thumb {float: left; width: 60px;}
div.itemList .content {float: left; width: 640px;}
div.itemList .title {float: left; width: 400px;}
div.itemList .summary {margin: 0 0 5px 0;}
div.itemList .actions {float: right; width: 240px; text-align: right;}
div.itemList .actions .button {float: right; text-transform: uppercase;}
div.itemList .actions .button span {min-width: 1px; padding: 0 10px 0 5px;}
div.itemList .nameValueList .item {margin: 0; padding: 0; border: none;}
div.itemList .nameValueList .item .name {width: 120px; font-weight: normal;}
div.itemList .nameValueList .item .value {width: 520px;}

div.twoColumnLinks {padding-top:15px;}
div.twoColumnLinks a {color: #598427; line-height:20px;} 
div.twoColumnLinks ul {margin:0; padding:0; list-style-type:none;}
div.twoColumnLinks .column {float: left; width: 195px; padding: 0 20px 0 0;}
div.twoColumnLinks a.greenArrow {background-image: url(../img/layout/arrow_green.gif);}

div.publicProfile {margin: 0 0 20px 0;}
div.publicProfile .card {float: left; width: 130px; padding-right: 10px;}
div.publicProfile .details {font-size: 18px; line-height: normal; color: #333; float: right; width: 543px;} /* float: right; width: 478px; */
div.publicProfile .details p {margin: 0 0 5px 0;}
div.publicProfile .privacy {margin: 20px 0 0 0; font-size: 12px; line-height: 20px; color: #aaaaaa;}

.publicMemberProfile .social .share {float: left; width: 170px; padding: 0 20px 0 0;}
.publicMemberProfile .social .share .service {margin: 0 0 5px 0;}
.publicMemberProfile .social .qr {float: left; width: 224px;}
.publicMemberProfile .social .video {float: right; width: 250px;}

.publicMemberProfile .block {background: #F2F2F2; border: solid 1px #D9D9D9; border-radius: 10px;}
.publicMemberProfile .miscBlocks .projectsBlock ul {margin: 0; padding: 0; list-style-type: none;}
.publicMemberProfile .miscBlocks .projectsBlock li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #C1E2E9}
.publicMemberProfile .miscBlocks .chartLegend {padding: 0;}

div.sectionHeader {margin: 0 0 10px 0; padding: 10px 10px; background: #dcedc3; border-bottom: solid 1px #c4df9b;}
div.sectionHeader .left {float: left; font-size: 18px; color: #636363;}
div.sectionHeader .right {float: right;}
div.sectionHeader a {color: #598427;}
div.sectionHeader a:hover {color: #000;}
div.sectionBody {padding: 0 10px 0 10px;}

.membersIndex .friends .friend {float: left; width: 110px; padding: 0 10px 10px 0;}
.membersIndex .friends .friend span {float: left;}
.membersIndex .friends .last {padding-right: 0;}
.membersIndex #projectList div.nameValueList .value {width: 170px;}
.membersIndex #projectList .details {width: 360px !important;}

.membersIndex .impactList {margin: 0 0 20px 0; padding: 0 0 0 20px;}

/**
 * Forms
 */
input {margin: 0;}

form textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}

form .row {padding: 0px 0px 4px 0px;}
form .label {float: left; width: 130px;}
form .field {float: left; width: 450px;}
form .section {font-weight:700; color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 4px 0px;}
form .help {margin: 0px; font-size: 11px; line-height: 15px; color: #888888;}
form .buttons {padding: 20px 0px 0px 0px;}
form .error_message,
form .error-message {color: #bd3802; font-size: 11px;}
form .form_error {border: solid 1px #bd3802;}
form .button {float: left; display: block; margin: 0 10px 0 0; font-size: 12px; line-height: 26px; text-decoration: none; color: #fff; padding: 0 0 0 5px; background: transparent url(../img/layout/bg-button.png) no-repeat left top;}
form .button input {float: left; display: block; text-align: center; margin: 0 -5px 0 0; padding: 6px 5px 8px 0; min-width: 110px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 14px; color: #fff; background: transparent url(../img/layout/bg-button.png) no-repeat right top; cursor: pointer; border-width: 0;}
form .button input:hover {color: #000; text-decoration: none;}

#loginDialog .hd,
#loginDialog .ft,
#loginDialog .bd {width: 930px;}
#loginDialog .bd {height: 455px;}

#loginRegister {margin: 10px 0 0 0;}
#loginRegister .loginBox {float: left;}
#loginRegister .registerBox {float: right;}
#loginRegister .rounded .fields {min-height: 323px; border-bottom: solid 1px #bdcea9;}
#loginRegister .rounded .fields2 {min-height: 283px; border-bottom: solid 1px #bdcea9;}
#loginRegister .rounded .label {float: left; font-weight: bold; text-align: right; width: 115px; padding: 0 10px 0 0;}
#loginRegister .rounded .field {float: left; width: 295px;}
#loginRegister .rounded .textbox {width: 290px; border: solid 1px #cddbbf; padding: 2px;}
#loginRegister .rounded .rememberMe {padding-left: 125px;}
#loginRegister .rounded .submit {text-align: center; padding: 10px 0 0 0;  border-top: solid 1px #BDCEA9;}
#loginRegister .rounded .captchaRow .instructions {float: left; width: 88px; margin: 5px 0 0 5px;}
#loginRegister .rounded .captchaRow .captcha {float: left;}
#loginRegister .rounded #UserCaptcha {width: 200px;}
#loginRegister .googleCheckoutBox .text {float: left;}
#loginRegister .googleCheckoutBox .button {float: right; margin: 10px 0 0 0;}

#userLoginWrapper .siteLogin {float: left; width: 300px; border-right: dotted 1px #c2c2c2;}

#userLoginWrapper .otherLogin {float: left; width: 290px; padding: 0 0 0 30px;}
#userLoginWrapper .otherLogin .facebook .note {font-size: 11px; line-height: 16px; margin: 20px 0; color: #000;}

#userLogin .textbox {width: 250px;}
#userLogin .label {float: none; width: 100px;}
#userLogin .field {float: none; width: 400px;}
#userLogin .submit {padding: 5px 0px 0px 0px;}

#userProfileWrapper .siteProfile {float: left;}

#userProfile .label {width: 130px;}
#userProfile .field {width: 300px; padding-right:10px;}
#userProfile .textbox {width: 300px;}
/*#userProfile .help {width: 300px;}*/
#userProfile .sectionFirst {background: #D6D6D6 url(../img/layout/arrow_down.gif) no-repeat 1% 50%; font-size: 11px; height: 15px; font-weight: bold; margin-top: 0px; color: #333; padding: 0px 0px 4px 20px;}
#userProfile .sectionBodyFirst {background: #E8EFF8; padding: 5px 0px 5px 3px; margin-bottom: 10px;}
#userProfile .section {background: #D6D6D6 url(../img/layout/arrow_right.gif) no-repeat 1% 50%; padding-left: 20px; height: 15px; font-size: 11px; font-weight: bold; margin-top: 5px;}
#userProfile .sectionBody {background: #E8EFF8; padding: 5px 0px 5px 3px; margin-bottom: 10px; display: none;}
#userProfile .sectionBody .note {font-weight: bold; margin-bottom: 5px;}
#userProfile .buttons {margin-top: 0px; margin-bottom: 0px; margin-left: 250px; margin-right: 250px;}
#userProfile .photo .imageContainer {float: left; width: 130px; padding: 0 20px 0 0;}
#userProfile .photo .imageContainer .image {margin: 0 0 5px 0;}
#userProfile .photo .field {float: left; width: 300px;}

#userRegistrationWrapper .siteRegistration {float: left; width: 420px; border-right: dotted 1px #c2c2c2;}

#userRegistrationWrapper .otherRegistration {float: left; width: 200px; padding: 0 0 0 20px;}

#userRegistration .label {width: 130px;}
#userRegistration .field {width: 270px;}
#userRegistration .textbox {width: 260px;}
#userRegistration .captcha {margin: 10px 0px 10px 0px; border: solid 1px #c2c2c2; width: 200px; text-align: center; background: #fff;}
#userRegistration #UserCaptcha {width: 99px;}
#userRegistration .invitationCode .textbox {width: 200px;}
#userRegistration .preferences {padding: 10px 0 15px 0;}

#userRetrievePassword .label {width: 130px;}
#userRetrievePassword .textbox {width: 300px;}

#contact .label {width: 150px; text-align: right; padding-right: 20px;}
#contact .textbox {width: 200px;}
#contact textarea.textbox {width: 350px;}
#contact .submit {padding: 5px 0px 0px 0px;}

#inviteFriends .label {float: left; width: 80px; text-align: right; padding-right: 10px;}
#inviteFriends .field {float: left; width: 550px;}
#inviteFriends .name {float: left; width: 155px;}
#inviteFriends .name .textbox {width: 140px;}
#inviteFriends .email {float: left; width: 280px;}
#inviteFriends .email .textbox {width: 270px;}
#inviteFriends .remove {float: left; width: 66px; /*margin-top: 2px;*/}
#inviteFriends textarea {width: 424px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px;}

.friends .profileWrapper {float: left; height: 70px; width: 230px;}
.friends .profileWrapper .jolkonaProfilePic {height: 50px; width: 50px; padding: 10px 10px 10px 0;float:left;}
.friends .profileWrapper fb:profile-pic {height: 50px; width: 50px; padding: 10px 10px 10px 0;float:left;}
.friends .profileWrapper .defaultPic { margin-top:10px; background: url(../img/badges/logo_small.jpg) /*top center*/ no-repeat;}
.friends .profileWrapper .jolkonaProfileName {padding-top:10px; width: 170px; line-height:20px;}
.friends .profileWrapper a {color: #777;}
.friends .profileWrapper a:hover {color: #965501;} 

#parterStatusUpdateForm .field {width: 550px;}
#parterStatusUpdateForm .photo img {max-width: 550px;}

/**
 * Impact section
 */
#featuredDonors .item { padding-top: 20px; }
#featuredDonors .rowborder { clear:both;border-bottom: solid 1px #c1e2e9;}
#featuredDonors .img { width:171px; padding-right:10px; float:left;}
#featuredDonors .text { width:519px; float:left;}
 
/**
 * Reusable
 */
.categoryBanner .categoryCell { width:140px; float:left; padding:20px 0px 20px 0px; }
.categoryBanner .categoryCell img { float:left; margin-right:5px; }
 
/**
 * Messages
 */
div.message {border: solid 1px #7fbf7f; margin-bottom: 20px; padding: 10px 15px; background: #e5f2e5;}

div.errorMessage {border: solid 1px transparent; background: #ffe5e5 url(../img/icons/exclamation.gif) no-repeat 15px 12px; font-weight: bold; padding-left: 45px;}

/**
 * Buttons
 */
a.button {float: left; display: block; margin: 0 10px 0 0; font-size: 12px; line-height: 26px; text-decoration: none; color: #fff; padding: 0 0 0 5px; background: url(../img/layout/bg-button.png) no-repeat left top;}
a.button span {float: left; display: block; text-align: center; margin-right: -5px; padding: 0 5px 0 0; min-width: 110px; background: url(../img/layout/bg-button.png) no-repeat right top; cursor: pointer;}
a.button:hover {color: #000; text-decoration: none;}


/**
 * FAQs
 */
.faqList {margin-bottom: 20px;}
.faqList .item { border-bottom:solid 1px #e2e2e2;}
.faqList .first {border-top:solid 1px #e2e2e2;}
.faqList .item .title {line-height:30px;}
.faqList .item .content {margin-bottom: 20px;}
.faqList .item .minus,.plus {float:right;}

/**
 * Tables
 */
table.list {width: 100%; background: #fff;}
table.list th {background: #598427;/*#cd4b19*/; color: #fff; text-align: left; padding: 3px 10px 3px 10px;}
table.list td {padding: 3px 10px 3px 10px;}
//table.list tr.alternate td {background: #eaf5f8;}
table.list tr.alternate td {background: #dcedc3; /*#9fc277;*/}
table.list tr:hover td {background: #c2e19f;/*#f1f1f1;*/}
table.list a { color:#598427; }

table th.actions,
table td.actions {text-align: right;}

table.grid { border-collapse: collapse;}
table.grid th,
table.grid td {border: solid 1px #fff;}

table.partnerGiftList .project {font-size: 11px; line-height: 14px;}

/**
 * Dialog Windows
 */
body.dialog {padding: 20px;}

.dialog .hd,
.dialog .ft,
.dialog .bd {height: 25px; padding: 0 25px; width: 500px; padding: 0 !important;}
.dialog .bd {height: 200px;}
.dialog .hd .m,
.dialog .ft .m,
.dialog .bd .m {float: left; position: relative; width: 100%; height: 25px; background: url(../img/layout/dialogs/t-trans.png) no-repeat;}
.dialog .hd .l,
.dialog .ft .l,
.dialog .bd .l {float: left; position: relative; width: 25px; height: 25px; margin-left: -100%; right: 25px; background: url(../img/layout/dialogs/tlc-trans.png) no-repeat;}
.dialog .hd .r,
.dialog .ft .r,
.dialog .bd .r {float: left; position: relative; width: 25px; height: 25px; margin-right: -25px; background: url(../img/layout/dialogs/trc-trans.png) no-repeat;}
.dialog .ft .m {background-image: url(../img/layout/dialogs/b-trans.png);}
.dialog .ft .l {background-image: url(../img/layout/dialogs/blc-trans.png);}
.dialog .ft .r {background-image: url(../img/layout/dialogs/brc-trans.png);}
.dialog .bd .m {height: 100%; background: #fff;}
.dialog .bd .l {height: 100%; background-image: url(../img/layout/dialogs/l-trans.png);}
.dialog .bd .r {height: 100%; background-image: url(../img/layout/dialogs/r-trans.png);}
.yui-skin-sam .dialog .container-close {width: 32px !important; height: 32px !important; background: url(../img/layout/dialogs/close.png) no-repeat !important; top: -9px !important; right: -34px !important; z-index: 2;}

.dialog,
.dialog .hd,
.dialog .bd,
.dialog .ft {border: none !important; background: none !important;}

.dialog .buttons {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #c1e2e9;}

.dialogLoading .bd .m {background: #fff url(../img/loading.gif) no-repeat center center;}

#confirmPaymentDialog h2 {margin: 0 0 15px 0; padding: 0; font-size: 24px; line-height: normal; color: #636363;}
#confirmPaymentDialog p {font-size: 18px; line-height: 26px;}

#giveDialog .hd,
#giveDialog .ft,
#giveDialog .bd {width: 860px;}

#generalDialog .hd,
#generalDialog .ft,
#generalDialog .bd {width: 860px;}

#inviteFriendsDialog .hd,
#inviteFriendsDialog .ft,
#inviteFriendsDialog .bd {width: 640px;}

#implementationDescriptionDialog h1 {margin: 0; padding: 0; line-height: normal;}

/**
 * Quick Tour
 */
ul.box {margin: 0px; padding: 0px; list-style-type: none;}
ul.box li {float: left; display: block; margin-right: 10px;}
/*ul.box li a {float: left; display: block; width: 20px; height: 20px; border: solid 1px #afafaf; text-align: center;}*/
ul.box li a {float: left; display: block; width: 20px; height: 20px; text-align: center;}

#quickTour {border: solid 1px #afafaf; padding: 1px;}
#quickTour .item {display: none;}

#quickTourNav {text-align:center; list-style:none; font-size: 12px; line-height: 22px;}
/*#quickTourNav li a {width: 25px; height: 25px;}*/
#quickTourNav li {display:inline-block; margin-right:10px; padding:0 8px; height:22px;}
#quickTourNav li a {/*color:#636363*/ color:#0081c7; width:20px; height:20px; font-size:12px; line-height:22px;}
#quickTourNav li.on {background: url(../img/layout/bg-number.gif) no-repeat center top;}
#quickTourNav li.on a {color: #fff;}


/**
 * Carbon Calculator
 */
#carbonCalculatorQuestions {margin-bottom: 20px;}
#carbonCalculatorQuestions .row {padding: 5px 0 5px 0;}
#carbonCalculatorQuestions .question {float: left; width: 310px; padding-right: 10px;}
#carbonCalculatorQuestions .value {float: left; width: 200px;}

#carbonCalculator {margin-bottom: 20px;}

#carbonCalculator .header {border: solid 1px #c1e2e9; border-width: 1px 0; background: #def0f4; color: #000; padding: 5px 10px; font-weight: bold;}
#carbonCalculator .second {border: solid 1px #c1e2e9; border-width: 0px 0 0px 0; background: #def0f4; color: #000; padding: 5px 10px; font-weight: bold;}

#carbonCalculator .row {padding: 5px 0 5px 0; border-bottom: solid 1px #afafaf;}
#carbonCalculator .submit {padding-top: 10px; border-bottom-width: 0;}
#carbonCalculator .leftSide {float:left; width:340px;padding-right:20px;}
#carbonCalculator .rightSide {float:right; width:340px;}
#carbonCalculator .question {float: left; width:270px; padding-right: 10px;}
#carbonCalculator .value {width: 60px; text-align: right;}
#carbonCalculator .value input {width: 40px;}
#carbonCalculator .conversion {padding-right: 10px; line-height: normal;}
#carbonCalculator .impact {padding-right:5px;}
#carbonCalculator .impact input {width: 60px;}
#carbonCalculator .total {float: left; width:340px; font-size:18px;}

/**
 * Link Generator
 */
#linkGenerator .badgeGeneratorWrapper {padding-bottom: 20px;}
#linkGenerator .badgeGenerator {padding: 20px 0 0 30px;}

#linkGenerator .step {font-weight: bold;}
#linkGenerator .option .field {float: left; width: 30px;}
#linkGenerator .option .label {float: left; width: 500px;}
#linkGenerator textarea.code {background: #ccc; border: none; width: 560px; font-family: Courier New, Courier; font-size: 12px;}

#projectBadgeGenerator .project {margin-bottom: 20px;}
#projectBadgeGenerator .projectPhotos {width: 440px; margin-bottom: 20px;}
#projectBadgeGenerator .projectPhotos .thumbs {border-top-width: 0;}
#projectBadgeGenerator .projectPhotos .hint {padding: 10px 0 10px 6px;}
#projectBadgeGenerator .projectPhotos .loading {padding: 10px 0 10px 6px;}
#projectBadgeGenerator .badgeList .item .select {padding-bottom: 10px;}

.badgeList {margin-bottom: 20px;}
.badgeList .item {float: left; width: 330px; min-height: 150px; border: solid 1px #ddd; cursor: pointer; margin-bottom: 20px;}
.badgeList .item .select {color: #000; padding: 5px 0 10px 5px;}
.badgeList .item label {cursor: pointer;}
.badgeList .item .badge {padding-left: 20px;}
.badgeList .activeItem {border-color: #d5ebf2;}
.badgeList .extraWide { width:370px; }

/**
 * YUI
 */
.yui-skin-sam .mask {opacity: 0.75 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)" !important; -moz-opacity: 0.75;}
.yui-skin-sam .shadow.yui-panel-container .underlay,
.yui-skin-sam .yui-tt-shadow-visible{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"}

/*
#loginPanel .fbLogin {display: none;}
#userLoginWrapper .otherLogin {display: none;}
#userProfileWrapper .otherProfile {display: none;}
#userRegistrationWrapper .otherRegistration {display: none;}
*/

/**
 * BMI Application-specific styles
 */
form.bmiPatForm .label {width: 200px;}
form.bmiPatForm input[type="text"] {width: 200px;}

/**
 * Campaigns
 */
form#campaign .label {width: 180px;}
form#campaign .field {width: 500px;}
form#campaign .textbox {width: 300px;}
form#campaign .quantity .textbox {width: 50px;}
form#campaign #campaignUrl {color: #2a7791;}

#campaignList .campaign {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #afafaf;}
#campaignList .details {float: left; width: 400px;}
#campaignList .meter {float: left; width: 200px;}
#campaignList .campaign .details .actions {padding-bottom:5px;}
#campaignList .campaign .details h2 {margin:0px 0px 0px 0px; font-weight: bold;}

div#campaign .profile {margin: 0 0 20px 0;}
div#campaign .profile .logo {float: left; width: 110px;}
div#campaign .profile .content {float: right; width: 550px;}
div#campaign .social .share {float: left; width: 170px; padding: 0 20px 0 0;}
div#campaign .social .share .service {margin: 0 0 5px 0;}
div#campaign .social .share .service .tips {padding-top: 10px;}
div#campaign .social .qr {float: left; width: 224px;}
div#campaign .social .video {float: right; width: 250px;}
div#campaign .status h1 {margin: 0 0 10px 0; padding: 0; border-bottom-width: 0;}
div#campaign .status h1.campaignStatus {color: #006775;}
div#campaign .status h2 {padding: 0;}
div#campaign h1#campaignName {padding: 0; margin: 0; border-bottom-width: 0;}
div#campaign .campaignStats .nameValueList {float: left; width: 395px;}
div#campaign .meter {float: right; width: 300; height:150px; margin: -40px 0 0 0;}
div#campaign .nameValueList {margin-bottom: 20px;}
div#campaign .nameValueList .name {width: 100px; font-weight: normal;}
div#campaign .nameValueList .value {width: 280px;}
div#campaign .profileWrapper {float: left; margin-right: 5px; height: 115px; width: 95px;}
div#campaign .profileWrapper .jolkonaProfilePic {height: 50px; width: 50px; margin-bottom: 0px; background: url(../img/badges/logo_small.jpg) top center no-repeat;}
div#campaign .profileWrapper .jolkonaProfileName {width: 80px;}
div#campaign #projectContainer h1 {margin: 0 0 20px 0; padding: 0; border-bottom: none;}
div#campaign .owner {padding: 0 0 20px 0;}
div#campaign .owner .photo {float: left; width: 130px;}
div#campaign .owner .profile {float: left; width: 270px; padding: 0 20px 0 10px;}
div#campaign .owner .profile .link {margin: 20px 0 0 0;}
div#campaign .owner .otherCampaigns {float: right; width: 250px;}
div#campaign .contributors .row {padding: 0 0 10px 0;}
div#campaign .contributors .member {float: left; width: 130px; padding: 0 10px 0 0;}
div#campaign .contributors .member .name {display: block; padding: 5px 0 0 0;}
div#campaign .contributors .lastItem {padding-right: 0;}

/**
 * MDGs
 */
#mdgList .mdgNav {float: left; width: 210px; margin: 0; padding: 40px 0 0 0; list-style-type: none; line-height: 16px;}
#mdgList .mdgNav li a {display: block; margin: 0 0 5px 0; padding: 5px 10px 5px 40px; min-height: 32px; color: #333; background: #e5e5e5 no-repeat 5px 5px;}
#mdgList .mdgNav li.on a,
#mdgList .mdgNav li a:hover {background-position: 5px -85px;}
#mdgList .mdgNav li.mdg1 a {background-image: url(../img/icons/mdgs/mdg-1-sprite.gif);}
#mdgList .mdgNav li.mdg1.on a,
#mdgList .mdgNav li.mdg1 a:hover {background-color: #ffdd00;}
#mdgList .mdgNav li.mdg2 a {background-image: url(../img/icons/mdgs/mdg-2-sprite.gif);}
#mdgList .mdgNav li.mdg2.on a,
#mdgList .mdgNav li.mdg2 a:hover {background-color: #e1dd00;}
#mdgList .mdgNav li.mdg3 a {background-image: url(../img/icons/mdgs/mdg-3-sprite.gif);}
#mdgList .mdgNav li.mdg3.on a,
#mdgList .mdgNav li.mdg3 a:hover {background-color: #f39501;}
#mdgList .mdgNav li.mdg4 a {background-image: url(../img/icons/mdgs/mdg-4-sprite.gif);}
#mdgList .mdgNav li.mdg4.on a,
#mdgList .mdgNav li.mdg4 a:hover {background-color: #d7eefc;}
#mdgList .mdgNav li.mdg5 a {background-image: url(../img/icons/mdgs/mdg-5-sprite.gif);}
#mdgList .mdgNav li.mdg5.on a,
#mdgList .mdgNav li.mdg5 a:hover {background-color: #f9cbde;}
#mdgList .mdgNav li.mdg6 a {background-image: url(../img/icons/mdgs/mdg-6-sprite.gif);}
#mdgList .mdgNav li.mdg6.on a,
#mdgList .mdgNav li.mdg6 a:hover {background-color: #e95134;}
#mdgList .mdgNav li.mdg7 a {background-image: url(../img/icons/mdgs/mdg-7-sprite.gif);}
#mdgList .mdgNav li.mdg7.on a,
#mdgList .mdgNav li.mdg7 a:hover {background-color: #9ac104;}
#mdgList .mdgNav li.mdg8 a {background-image: url(../img/icons/mdgs/mdg-8-sprite.gif);}
#mdgList .mdgNav li.mdg8.on a,
#mdgList .mdgNav li.mdg8 a:hover {background-color: #2cafdf;}
#mdgList .projects {float: left; width: 465px; border-left: solid 1px #e5e5e5; padding: 0 0 0 20px; min-height: 460px; line-height: normal;}
#mdgList .project {border-bottom: 1px solid #C1E2E9; margin: 0 0 20px 0; padding: 0 0 20px 0;}
#mdgList .project h2 {margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #0081C7;}
#mdgList .project h3 {margin: 0 0 5px 0; font-size: 12px; color: #000;}
#mdgList .project .photo {float: left; width: 100px;}
#mdgList .project .details {float: right; width: 345px;}
#mdgList .project .button span {width: 150px;}
#mdgList .pagerFooter {border-top: none;}

/**
 * Widgets
 */
.widgetConfigurator {background: url(../img/layout/blue-border.gif) repeat-y 390px 0; line-height: 18px;}
.widgetConfigurator .nav {border-bottom: solid 1px #c1e2e9; background: #fff;}
.widgetConfigurator .nav ul {margin: 0; padding: 0; list-style-type: none;}
.widgetConfigurator .nav li {float: left; margin: 0 5px 0 0; padding: 5px 10px;}
.widgetConfigurator .nav li.on {background: #c1e2e9;}
.widgetConfigurator .nav a.disabled {color: #999; cursor: default;}
.widgetConfigurator .configuration {float: left; width: 380px; padding: 20px 10px 20px 0; min-height: 420px;}
.widgetConfigurator .configuration .submit {display: block; width: 180px; height: 26px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 26px; color: #fff; text-align: center; border: none; background: url(../img/layout/bg-give-button.gif) no-repeat; cursor: pointer;}
.widgetConfigurator .preview {float: left; width: 270px; padding: 20px;}
.widgetConfigurator ul {margin: 0; padding: 0; list-style-type: none;}
.widgetConfigurator ul li {padding: 0 0 10px 0;}
.widgetConfigurator ul.options input[type="radio"] {float: left; margin: 0; padding: 0; position: relative; top: 3px;}
.widgetConfigurator ul.options label {float: right; width: 360px;}
.widgetConfigurator .code {background: #fff; padding: 20px 0 0 0; border-top: solid 1px #c1e2e9;}
.widgetConfigurator .code textarea {border: none; background: #ccc; width: 90%;}
.widgetConfigurator .panel .code {padding: 0; border-top: 0;}
.widgetConfigurator ul.colors li {padding: 0 0 10px 0;}
.widgetConfigurator ul.colors .hex {display: block; float: left; width: 100px; padding: 5px; color: #666; border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px;}
.widgetConfigurator ul.colors .fill {display: block; float: left; width: 20px; height: 20px; margin: 4px 0 0 10px; border: solid 1px #ccc; font-size: 1px; line-height: 1px; background: #d4e4e9; -moz-border-radius: 5px; border-radius: 5px;}
.widgetConfigurator ul.colors .label {font-size: 11px;}
.widgetConfigurator ul.inlineOptions li {display: inline; padding: 0 10px 0 0;}

.projectWidget .photos .thumbs .row {padding: 0 0 10px 0;}
.projectWidget .photos .thumbs .item {float: left; width: 70px; border: solid 1px #fff; padding: 2px; margin-right: 12px;}
.projectWidget .photos .thumbs .lastItem {margin-right: 0px;}
.projectWidget .photos .thumbs .item:hover {border-color: #d5ebf2}
.projectWidget .photos .thumbs .on {border-color: #d5ebf2}

.campaignWidget .campaignTag input {width: 330px;}
.campaignWidget .campaignDescription textarea {width: 330px;}
.campaignWidget .campaignRecipient input {width: 330px;}
.campaignWidget .campaignEmail input {width: 330px;}
.campaignWidget .campaignAmount select {width: 330px;}
.campaignWidget .campaignSender input {width: 330px;}

.donorWidget .chartTable {border: none;}
.donorWidget .chartTable .row {border: none;}
.donorWidget .chartTable .legend {padding: 10px 0 10px;}
.donorWidget .chartTable .legend .label {width: 190px; font-size: 11px;}

#colorPanel {border: solid 1px #ccc; background: #fff; padding: 10px; width: 282px; height: 172px; position: relative;}
#colorPanel .close {position: absolute; right: 5px; bottom: 5px; display: block; padding: 2px 7px; background: #e6e6e6; border: solid 1px #d5d5d5; color: #4b4b4b; -moz-border-radius: 5px; border-radius: 5px;}

/**
 * Communities
 */
form#community .row {padding-bottom: 20px;}
form#community .label {width: 180px;}
form#community .field {width: 500px;}
form#community .textbox {width: 300px;}
form#community #campaignUrl {color: #2a7791;}
 
.communityList .community {padding: 0 0 10px 0; margin: 0 0 10px; border-bottom: 1px solid #C1E2E9;}
.communityList .community h2 {float: left; width: 370px;}
.communityList .community .actions {float: right; width: 200px; text-align: right;}
.communityList .community .actions .button {float: right;}
.communityList .community .photo {float: left; width: 130px; text-align: center;}
.communityList .community .photo img {max-width: 130px; max-height: 130px;}
.communityList .community .details {float: right; width: 570px;}
.communityList .community .stats {margin: 0 0 10px 0; }
.communityList .community .stats strong {display: block;}
.communityList .community .stats .col {float: left; width: 127px; margin: 0 10px 0 0; padding: 3px; text-align: center; line-height: normal; background: #DEF0F4; border: solid 1px #C1E2E9; border-radius: 5px; -moz-border-radius: 5px; color: #333;}
.communityList .community .stats .lastCol {margin-right: 0;}
.communityList .community .description {margin: 0 0 10px 0;}
.communityList .last {margin: 0; border-bottom-width: 0;}

#community .overview {margin: 0 0 20px 0;}
#community .overview .photo {float: left; width: 130px; text-align: center;}
#community .overview .photo img {max-width: 130px;}
#community .overview .details {float: left; width: 600px; font-size: 14px;}
#community .overview .details dl {margin: 0; padding: 0;}
#community .overview .details dt {float: left; width: 180px; margin: 0; padding: 0; font-weight: bold; clear: both;}
#community .overview .details dd {float: right; width: 400px; margin: 0; padding: 0;}
#community .overview .details dd .tips {padding-left: 10px;}
#community .overview .actions {float: right; width: 200px;}
#community .overview .actions .button {float: right;}
#community .overview .actions .help {font-size: 11px; line-height: 14px; text-align: right; padding: 5px 0 0 0;}
#community .stats {margin: 0 0 20px 0; background: #DEF0F4; border: solid 1px #C1E2E9; padding: 20px 0; border-radius: 10px; -moz-border-radius: 10px; font-size: 16px; line-height: 22px; color: #333;}
#community .stats strong {display: block; font-size: 24px;}
#community .stats .col {float: left; width: 224px; padding: 0 5px; text-align: center;}
#community .latestDonationsBlock {float: left; width: 339px;}
#community .impactToDateBlock {float: right; width: 339px;}
#community .chartsBlock {float: right; width: 339px;}
#community .members {margin: 0 0 5px 0;}
#community .members .row {padding: 0 0 10px 0;}
#community .members .member {float: left; width: 130px; padding: 0 10px 0 0;}
#community .members .lastItem {padding-right: 0;}
#communityList .community {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: solid 1px #afafaf;}
#communityList .item {border-bottom: solid 1px #c1e2e9; margin-bottom: 20px; padding: 0 0 20px 0;}
#communityList .details {float: left; width: 400px;}
#communityList .photo {float: left; width: 200px;}
#communityList .community .details .actions {padding-bottom:5px;}
#communityList .community .details h2 {margin:0px 0px 0px 0px; font-weight: bold;}

/**
 * Nextgen
 */
 
 #corkboard {background: url(../img/nextgen/corkboard.png) no-repeat left top; height:405px;}
 #corkboard .content {padding-left: 50px; padding-top: 50px; width: 320px;}
 #corkboard .content .header {font-size: 20px; font-weight: bold;}
 #corkboard .content .item {padding-top: 15px;}
 #corkboard .content .item .title {color:#0082c8; font-weight: bold; padding-bottom: 3px;}
 #corkboard .content .item .details {margin-top: -5px; line-height: 15px;}
 #whiteboard {background: url(../img/nextgen/whiteboard.png) no-repeat left top; height:252px;}
 #whiteboard .content {padding-left: 20px; padding-top: 20px; width: 380px;}
 #whiteboard .content .item {padding-top: 10px;}
 #whiteboard .content .item .link a {padding-left: 5px; color: #72bc6d;}