@charset "UTF-8";
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/*--Reset browsers--*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, article, section, aside, nav, hgroup, footer, time, mark {	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }
header, footer, aside, nav, article { display: block; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
address { font-style: normal; }
textarea { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; resize: vertical; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 10px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.general-panel p a { color: #333; }


/*--General Styles--*/
body { background: #F7F8F8; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0; line-height: 1.2; }
@font-face { font-family: 'DroidSans'; src: url('../fontface/droidsans-webfont.eot'), src: url('../fontface/droidsans-webfont.eot?iefix') format('eot'); src: url(//:) format('no404'), url('../fontface/droidsans-webfont.woff') format('woff'), url('../fontface/droidsans-webfont.ttf') format('truetype'), url('../fontface/droidsans-webfont.svg#webfontNibB6cM4') format('svg');	font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSans'; src: url('../fontface/droidsans-webfont.eot'); src: url('../fontface/droidsans-webfont.eot?iefix') format('eot'), src: url(//:) format('no404'), url('../fontface/droidsans-bold-webfont.woff') format('woff'), url('../fontface/droidsans-bold-webfont.ttf') format('truetype'), url('../fontface/droidsans-bold-webfont.svg#webfontnAS9ORTI') format('svg'); font-weight: bold; font-style:normal; }
@font-face { font-family: 'ChunkFiveRegular'; src: url('../fontface/chunkfive-webfont.eot'); src: url('../fontface/chunkfive-webfont.eot?iefix') format('eot'), url('../fontface/chunkfive-webfont.woff') format('woff'), url('../fontface/chunkfive-webfont.ttf') format('truetype'), url('../fontface/chunkfive-webfont.svg#webfontgfICuQoJ') format('svg'); font-weight: normal; font-style: normal; }

.cms-center-button a, .btn-action, .btn-help, .btn-filter, .btn-upload, .btn-preview, .btn-back, .btn-decline, .btn-approve, .btn-deactivate { border: 1px solid #c9c9c9; padding: 0 10px; height: 30px; line-height: 30px; display: inline-block; background: #FFCD06; background: -moz-linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEEAD), color-stop(100%,#FFCD06)); border-radius: 2px; color: #333 !important; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,1); }

button { cursor: pointer; border: 0; }
strong, .bold { font-weight: bold; }
em { font-style: italic; }
.clearfix:after, font-size:15px; line-height:18px;-content { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
a:focus, a:hover { color: #333; text-decoration: none; }
a { color: #0397d6; text-decoration: underline; overflow: hidden; }
.events-scheme a { color: #bf311b; }
.user-scheme a { color: #f26631; }
.fundraiser-scheme a { color: #f26631; }
.legacy-scheme a { color: #c6006f; }
.goodwill-scheme a { color: #8cc63f; }
.volunteer-scheme a { color: #49176c; }
.clear { clear: both; }

/*--Typography--*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 2.6em; line-height: 1.2; margin-bottom: 0.75em; color: #333; font-family: 'DroidSans',Arial,sans-serif; }
h2 { font-size: 1.8em; margin: 0 0 20px; clear: both;  color: #333; font-family: 'DroidSans',Arial,sans-serif; }
h3 { font-size: 1.5em; line-height: 1.25; margin: 20px 0 0.5em; color: #333; font-family: 'DroidSans',Arial,sans-serif; }
p, li, dl, table, legend { font-size: 13px; line-height: 1.3; }
p { margin: 0 0 8px; color: #333;}
p.last { margin-bottom: 0; }

ul { margin:0 15px 15px 30px; }
ol { margin:0 15px 15px 35px; }
ul li { list-style: disc; }
ol li { list-style: decimal; }
li li { font-size: 1em; }
li ul, li ol { margin-bottom: 0; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

select { padding: 4px; border: 1px solid #ccc; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

blockquote { background: #f7f8f8; padding: 10px 10px 2px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; width: 50%; float: right; margin: 0 20px 20px 0; }
blockquote p { color: #0397d6; }
label { display: block; margin: 0 0 4px; vertical-align: middle; }
label strong, label span { vertical-align: baseline; }
textarea { border: 1px solid #ccc; }

.content { background: #fff; padding: 18px; margin: 0 0 20px; }

/*--Header--*/
#header-holder { background: url(../images/header-tile.jpg) repeat-x; }
#header-holder.admin-scheme { background: #E1F2FA; }
#logged-in { position: absolute; top: 10px; right: 0; width: 600px; }
.logged-in-details { float: right; background: #fff; border: 1px solid #ccc; border-radius: 2px; height: 87px; padding: 0 80px 0 0; position: relative; margin: 0 0 0 20px; -moz-box-shadow:inset 0 0 30px #eee;  -webkit-box-shadow:inset 0 0 30px #eee; box-shadow:inset 0 0 30px #eee; min-width: 212px; }
.logged-in-image { background: #fff; padding: 3px; border: 1px solid #ccc; position: absolute; top: 7px; right: 7px; }
.btn-action.btn-logout { padding: 0 4px; height: 24px; line-height: 24px; position: absolute; right: 90px; bottom: 15px; font-size: 1.2em; }
.welcome-text { padding: 25px 15px 0; }
.welcome-text span { font-weight: 700; }
.logged-in-links { position: absolute; bottom: 20px; right: 150px; margin: 0; }
.logged-in-details .btn-your-sites { font-size: 1.2em; position: absolute; right: 148px; bottom: 15px; }
.header-follow { position: absolute; top: 5px; right: 0; }
.header-follow ul { list-style: none; margin: 0; padding: 0; }
.header-follow li { display: inline-block; margin: 0 0 0 4px; }
.header-follow li.follow-intro { padding: 3px 0 0; }
.header-follow li a { display: block; width: 24px; height: 25px; text-indent: -9999px; background: url(../images/old-follow-icons.png) no-repeat; }
.header-follow li.follow-google a { background-position: 0 0; }
.header-follow li.follow-pinterest a { background-position: -34px 0; }
.header-follow li.follow-facebook a { background-position: -68px 0; }
.header-follow li.follow-linkedin a { background-position: -101px 0; }
.header-follow li.follow-twitter a { background-position: -135px 0; }

/*--Footer--*/
.footer-awards { float: left; margin: 0 15px 0 0; width: 124px; text-align: center; }
.footer-awards img { margin-bottom: 20px; }
#footer .footer-section h2,  { font-family: 'DroidSans',Arial,sans-serif; margin: 0 0 10px; color: #0397d6; }
#footer .footer-section h2 a, .quick-links h2, #footer .footer-section h2 { color: #0397d6;  }
#footer .footer-section ul { margin: 0; padding: 0; }
#footer .footer-section li { list-style: none; padding: 0; margin: 0 0 5px; font-size: 1.2em; }
#footer .footer-section a { color: #666; text-decoration: none; display: block; padding: 2px; }
#footer .footer-section a:hover { background: #f7f8f8; }
.small-print { clear: both; padding: 0 0 0 155px; }
.small-print.admin-area { clear: both; padding: 0 0 30px 207px; }
.small-print p { font-size: 1.1em; }
.small-print span { display: block; padding: 6px 0 0; }
.designed-by a { display: inline-block; color: #333; text-decoration: none; }
.wilmington-logo { padding: 0 154px 0 0; background: url(../images/wilmington.png) no-repeat right 0; }
.wilmington-logo a { color: #333; text-decoration: none; }
.site-security { padding: 0 0 50px; }
.site-security img { float: left; margin: 0 15px 10px 0; }
.site-security h2 { clear: both; padding: 40px 0 10px 0; margin: 0 0 20px; border-bottom: 1px dotted #ccc; }
.footer-follow { padding: 20px 0 0; }
.footer-follow li { display: inline-block; }
#footer .footer-section .footer-follow li a { display: block; width: 24px; height: 25px; text-indent: -9999px; background: url(../images/old-follow-icons.png) no-repeat; }
#footer .footer-section .footer-follow li.follow-google a { background-position: 0 0; }
#footer .footer-section .footer-follow li.follow-pinterest a { background-position: -34px 0; }
#footer .footer-section .footer-follow li.follow-facebook a { background-position: -68px 0; }
#footer .footer-section .footer-follow li.follow-linkedin a { background-position: -101px 0; }
#footer .footer-section .footer-follow li.follow-twitter a { background-position: -135px 0; }

/*--Main Content--*/
.blog-header { position: relative; }
.blog-header h1 { color: #0397d6; margin: 0 0 10px; }
.blog-header h1 a { text-decoration: none; }
.blog-header p { color: #666; font-size: 13px; margin: 0 0 10px; padding-right: 130px; }
.teaser { padding: 21px 0; position: relative; min-height: 198px; border-bottom: 1px dotted #ccc; }
.teaser h1 { color: #0494d2; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 700; margin: 0 0 5px; }
.teaser-image { position: absolute; left: 0; top: 10px; }
.teaser header { padding: 0 47px 0 210px; }
.teaser-text { padding: 0 0 0 210px; }
.teaser header p { margin: 0 0 2px; }
.teaser header h1 { margin: 0 0 2px; }
.teaser header h1 a { text-decoration: none; }
.teaser header p a { color: #333; }
.date-posted { color: #666; font-size: 1.2em; }
.comments { position: absolute; background: url(../images/comment-bubble.png) no-repeat; width: 37px; height: 25px; top: 10px; right: 10px; color: #fff; text-decoration: none; font-weight: 700; font-size: 12px; text-align: center; padding: 4px 0 0; }
.magazine-scheme .comments { color: #fff; }
.search-form { display: block; border: 1px solid #ccc; padding: 2px; background: #fff; }
.search-form input { border: none; background: #fff; width: 75px; }
.btn-search { background: url(../images/search-icon.png) no-repeat center center; width: 11px; height: 16px; text-indent: -9999px; border: none; }
.boxout { border: 1px solid #ccc; margin: 0 10px 10px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); background: #fff; }
.highlight { background: #fff699; padding: 0 0.5em; }
.block { position: relative;}
.free-reports { padding: 10px 80px 10px 10px; background: #fff; border: 1px solid #ccc; position: relative; margin: 0 0 10px;  border-bottom: 3px solid #35acde; min-height: 100px }
.free-reports h2 { margin: 0 0 10px; color: #39c; }
.free-reports label { margin: 0 0 20px; }
.free-reports input { padding: 3px; width: 90%; }
.report-error { background: #900; padding: 3px; color: #fff; width: 90%; display: none; font-size: 1.3em; margin: 0 0 5px; }
.report-thanks { background: #363; }
.free-report-flash { display: block; background: url(../images/free-report.png) no-repeat; width: 100px; height: 98px; position: absolute; top: -2px; right: -2px; }
.video-panel, .fundraiser-interview, .general-panel { padding: 10px; border: 1px solid #ccc; border-bottom: 3px solid #35acde; margin: 0 20px 10px; position: relative; }
/*.video-panel iframe { width: 100%; margin: 0 0 10px; min-height: 188px; }*/
.video-panel a { color: #333; text-decoration: none; }

.panel-image { border: 1px solid #ccc; padding: 3px; width: 93px; height: 93px; }
.panel-image img { width: 100%; }
.fundraiser-interview .panel-image { float: left; margin: 0 10px 0 0; }
.general-panel .panel-image { float: right; margin: 0 0 0 10px; }
.fundraiser-interview a, .general-panel a { text-decoration: none; }
.fundraiser-interview h1, .general-panel h1 { font-size: 1.6em; color: #39c; margin: 0 0 5px; }
.the-fundraiser-links, .help-guides { padding: 10px 0 0; margin: 0 20px 20px; }
.the-fundraiser-links h1, .help-guides h1 { font-size: 1.6em; color: #39c; margin: 0 0 15px; }
.the-fundraiser-links ul, .help-guides ul { list-style: none; margin: 0; padding: 0; }
.help-guides ul { overflow: hidden; margin-bottom: 15px; }
.the-fundraiser-links li { margin: 0 0 15px; list-style: none; }
.the-fundraiser-links h2 { margin: 0 0 5px; font-size: 1.3em; color: #39c; font-weight: 700; font-family: Arial, Helvetica, sans-serif; }
.the-fundraiser-links a, .help-guides a { color: #333; text-decoration: none; }
.the-fundraiser-links a:hover, .help-guides a:hover { text-decoration: underline; }
.help-guides li:first-child { margin-top: 0; }
.help-guides li { list-style: none; margin: 14px 0 0; }



.the-fundraiser-h2 { border-bottom: 3px solid #000; padding: 20px 10px 10px; margin: 0; }
.boxoutholder { background: #E9E9E9; padding: 20px 0; margin: 0; }
.blog-header .fundraiser-title { display: block;  height: 93px; background: url(../images/the-fundraiser-mob.png) no-repeat; text-indent: -9999em; margin: 0 10px; }
.fundraiser-title a { display: block; height: 74px; }


.close-btn { display: block; width: 31px; height: 28px; padding: 0; border: 0; outline: none; background: #fff url(../images/btn-close.png) center center no-repeat; overflow: hidden; white-space: nowrap; text-indent: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.nav-btn { display: block; width: 31px; height: 28px; padding: 0; border: 0; outline: none; background: #fff url(../images/btn-menu.png) center center no-repeat; overflow: hidden; white-space: nowrap; text-indent: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.search-btn { display: block; width: 31px; height: 28px; padding: 0; border: 0; outline: none; background: #fff url(../images/btn-search.png) center center no-repeat; overflow: hidden; white-space: nowrap; text-indent: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#outer-wrap { position: relative; overflow: hidden; width: 100%; }
#inner-wrap { position: relative; width: 100%; background: #e9e9e9; }
#nav { z-index: 200; position: relative; width: 100%; color: #fff; }
#nav .close-btn { display: none; }
#nav .block { z-index: 2; }
#nav ul { *zoom: 1; display: block; }
#nav ul:before, #nav ul:after { content: ""; display: table; }
#nav ul:after { clear: both; }
#nav li.is-active a { color: #fff; }
#top { z-index: 201; position: relative; }
#top .nav-btn { position: absolute; top: 7px; left: 7px; }

/*--Pagination--*/
.paging-holder { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; height: 25px; padding: 17px 0; margin: 0 0 15px; }
.paging-holder.single-col-bottom {clear: both; }
.paging-holder-bottom { border-bottom: 1px dotted #ccc; height: 25px; padding: 17px 0; clear: both; }
.paging-holder-bottom-list { border-bottom: 1px dotted #ccc; height: 25px; padding: 0 0 17px; }
.paging-holder p { float: left; }
.paging li { list-style: none; display: inline-block; margin: 0 6px 0 0; font-size: 1.2em; }
.paging li.last, .alphabet li.last { margin-right: 0; }
.paging a { height: 25px; line-height: 25px; display: inline-block; min-width: 2.1em; text-align: center; border: 1px solid #ccc; color: #333 !important; text-decoration: none; }
.total-pages { height: 25px; line-height: 25px; border: 1px solid #ccc; padding: 0 12px; font-size: 1.2em; background: #f1f2f2; margin: 0 5px 0 0; }
.paging-previous, .paging-next { text-indent: -5000px; background: url(../images/next-prev-arrows.png) no-repeat 8px 8px; }
.paging-previous { background-position: 8px -28px; }
.paging-previous.disabled { background-position: -29px -28px; }
.paging-next.disabled { background-position: -29px 8px; }
.paging-next.disabled:hover, .paging-previous.disabled:hover { background-color: #fff; }
.paging .current { background: #e9e9e9; color: #139ad4; }

/*--Blog Panels--*/
.blog-panel { border: 1px solid #ccc; background: #fff; margin: 0 0 20px 20px; clear: both; }
.main-article .blog-panel { margin-left: 0; border-bottom: 3px solid #35acde; margin-top: 30px; }
.main-article .blog-panel form { padding: 10px; background: #0494d2; text-align: center; }
.blog-categories h2 { font-size: 16px; margin: 0 0 5px; color: #0494d2; padding: 18px 18px 5px; }
.blog-categories ul { margin: 0; padding: 0; border-top: 1px solid #e5e5e5; }
.blog-categories li { list-style: none; border-bottom: 1px solid #e5e5e5; }
.blog-categories li a { color: #333; display: block; padding: 5px 18px; text-decoration: none; }
.blog-categories li a:hover {  text-decoration: underline; }
.ads { margin: 0; }
.ads li { list-style: none; border: 1px solid #333; padding: 3px; background: #fff; width: 120px; float: left; margin: 0 0 20px 20px; }
.side-panel-video p { text-align: center; }

.sign-up-panel { position: relative; padding: 18px; }
.btn-rss { position: absolute; top: 0; right: 0; display: block; text-indent: -9999px; background: url(../images/btn-rss.png) no-repeat; width: 46px; height: 44px; }
.sign-up-panel h2 { background: url(../images/icon-email.png) no-repeat; padding: 5px 40px 4px 34px; color: #333; font-size: 14px; margin: 0 0 12px; }
.sign-up-panel input { padding: 4px; background: #fff; border: 1px solid #ccc; width: 179px;}
.sign-up-panel button { position: relative; top: 1px; }

.btn-more-links { display: none; }

.main-article { border-top: 1px dotted #ccc; padding: 15px 0 0; word-wrap: break-word; }
.main-article header { position: relative; margin: 0 0 10px; padding: 0 60px 0 0; }
.main-article header p { margin: 0 0 3px; }
.main-article header h1 { font-size: 30px; font-weight: 700; color: #0494d2; margin: 0 0 3px; }
.comments-bubble { position: absolute; top: 0; right: 0; }
.comments-bubble a { background: url(../images/comment-bubble-big.png) no-repeat; width: 49px; height: 37px; color: #fff; font-weight: 700; font-size: 17px; display: block; text-align: center; line-height: 30px; text-decoration: none; }
.article-date-posted { background: #ebebeb; padding: 4px 5px; font-style: italic; color: #666; display: inline-block; }
.main-article img { margin: 10px 0; }
.tags { margin: 0; padding: 15px 0 25px; }
.tags * { vertical-align: middle; }
.tags li { display: inline-block; list-style: none; margin: 0 10px 5px 0; }
.tags a { display: inline-block; padding: 4px 8px; background: #ebebeb; text-decoration: none; color: #666; border-radius: 5px; }

.comments-list, .leave-a-comment { border: 1px solid #ccc; padding: 5px; margin: 0 0 20px; }
.comments-list h1, .leave-a-comment h2 { background: #e7e9ea; font-size: 18px; padding: 10px; margin: 0 0 12px; }
.comment { border-bottom: 1px dotted #ccc; padding: 0 10px 10px 93px; position: relative; margin: 0 0 10px; min-height: 73px; }
.commenter-image { border: 1px solid #ccc; padding: 2px; background: #fff; position: absolute; top: 0; left: 10px; }
.commenter-image img { display: block; margin: 0; }
.comment-date strong { color: #0494d2; font-weight: 700; }
.magazine-theme .comment-date strong { color: #000; }
.leave-a-comment form { background: #f7f8f8; padding: 10px 10px 10px 93px; position: relative; }
.leave-a-comment form .commenter-image { top: 30px; }
.leave-a-comment textarea { width: 100%; resize: vertical; height: 95px; box-shadow: inset 0 0 2px rgba(0,0,0,0.1); display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.leave-a-comment input { padding: 3px; border: 1px solid #ccc; background: #fff; width: 230px; }
.comment-actions { text-align: right; }

.related-posts { margin: 0 0 20px; }
.related-posts h2 { font-size: 16px; color: #0494d2; }
.related-post { display: inline-block; width: 200px; margin: 0 0 0 16px; }
.related-post.first-one { margin-left: 0; }
.related-post a { text-decoration: none; color: #0494d2; }
.related-post h1 { font-weight: 700; font-size: 16px; margin: 0; color: #0494d2; }
.related-post p { color: #0494d2; }
.related-post img { margin: 0 0 10px; }

.success { background: #f4f9ef url(../images/confirmation-tick.png) no-repeat 10px center; padding: 15px 15px 15px 47px; }
.register-with-us { background: #f7f8f8; padding: 15px 15px 15px; font-weight: 700; }
.register-with-us .btn-action-holder { text-align: center; margin: 0; font-weight: 400; }
/*--Captcha--*/
#recaptcha_js {  width:310px; margin:10px; text-align:left; }
#recaptcha { width:330px; border: 1px solid #ccc; text-align:center; background:#fff;  margin: 20px 0; }
#recaptcha_image {width:300px; height:57px; margin:0 5px; }
#recaptcha_response_field { display:inline-block; width:216px; height:20px; margin:0px 0px 5px 5px;}
#recaptcha_challenge_field { width:295px;margin:0px 15px 10px 15px;}
#recaptcha a:link, #recaptcha a:visited, #recaptcha a:hover, #recaptcha a:active { text-decoration:none; color:#fff;}
.recaptcha_get_help, .recaptcha_get_audio, .recaptcha_get_image, .recaptcha_get_another { display:inline-block; width:20px; height:20px; background: url(../images/security-sprite.png); line-height:20px; margin:2px 0 0 2px; text-indent:-5000px; cursor: pointer; }
.recaptcha_get_audio { background-position: 0 -20px; }
.recaptcha_get_help { background-position: 0 -40px; }
.recaptcha_get_image { background-position: 0 -60px; }
.user p.recaptcha_message {margin: 10px 5px 5px;}

#mini-sites-holder { position: relative; }
#your-mini-sites { position: absolute; top: 82px; right: 82px; z-index: 10; width: 505px; background: #fff; border:1px solid #999; padding: 20px 10px 10px; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); box-shadow: 2px 2px 2px rgba(0,0,0,0.3); display: none; }
#your-mini-sites h2 { color: #21a3db; border-bottom: 1px dotted #ccc; margin: 0; padding: 0 10px 10px; font-size: 1.6em; }
#your-mini-sites ul { margin: 0 0 10px; }
#your-mini-sites li { padding: 15px 160px 10px 10px; text-align: left; list-style-type:none; border-bottom: 1px dotted #ccc; position: relative; }
#your-mini-sites li ul { position: absolute; top: 7px; right: 10px; }
#your-mini-sites li li { border: none; float: left; padding: 0; margin: 0 0 0 5px; }
#your-mini-sites .popup-close { top: 15px; right: 20px; }
#your-mini-sites .btn-small-action { min-width: 50px; }
#your-mini-sites .pointer { background: url(../images/overlay-up-pointer.png); width: 20px; height: 6px; position: absolute; top: -6px; right: 100px; }
#mini-sites-holder #your-mini-sites { top: -14px; left: 423px; }

.btn-small-action, .btn-your-sites { border: 1px solid #c9c9c9; padding: 5px 7px; text-align: center; display: inline-block; background: #FFCD06; background: -moz-linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEEAD), color-stop(100%,#FFCD06)); border-radius: 2px; color: #333 !important; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,1); line-height: 1.05; min-width: 75px; }
.btn-small-action.btn-secondary { background: #eee; background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); }
.btn-small-action.btn-secondary:hover, .btn-your-sites:hover { background: #f1f1f1; }

.social-icons { margin: 0 0 20px; border: 1px solid #ccc; padding: 10px; }

.social-links-and-paging { border-top: 1px dotted #ccc; position: relative; padding: 10px 0; margin: 0; text-align: right; }
.social-links-and-paging ul { margin: 0; text-align: right; }
.social-links-and-paging li { list-style: none; display: inline; margin: 0 6px 0 0; font-size: 1.2em; }
.social-links-and-paging li.last { margin-right: 0; }
.social-links-and-paging a { overflow: visible; }
.social-links-and-paging ul a { height: 25px; line-height: 25px; display: inline-block; width: 2.1em; text-align: center; border: 1px solid #ccc; color: #333; text-decoration: none; }
.social-links-and-paging ul a:hover { background-color: #e9e9e9 !important; }
.social-links-and-paging ul a.list-all { height: 25px; line-height: 25px; border: 1px solid #ccc; padding: 0 12px; white-space: nowrap; width: auto; }
.social-links-and-paging ul a.list-all.back { padding-left: 20px; background: url(../images/back-arrow.png) 5px center no-repeat; }

.banner-ad { border: 1px solid #ccc; padding: 3px; background: #fff; margin: 10px 0; clear: both; }

.story-focus { border: 1px solid #ccc; padding: 10px 120px 10px 10px; position: relative; min-height: 100px; margin: 0 20px 10px; }
.story-focus h1 { font-size: 1.8em; color: #39c; margin: 0 0 10px; font-family: Arial,sans-serif; font-weight: 700; }
.focus-image { position: absolute; top: 10px; right: 10px; border: 1px solid #ccc; padding: 3px; width: 93px; height: 93px; }
.focus-image img { width: 100%; }
.story-focus a { display: block; text-decoration: none; }
.story-focus a:hover h1, .fundraiser-interview a:hover h1, .general-panel a:hover h1 { color: #000; }
.video-panel a:hover { text-decoration:underline;}

.thanks-panel { background: #f4f9ef url(../images/benefit-bullet.png) no-repeat 20px 20px; padding: 25px 20px 15px 60px; border: 1px solid #e0edd4; border-radius: 2px; margin: 80px auto 20px; }
.warning-panel { background: #fcc url(../images/confirmation-error.png) no-repeat 20px 20px; padding: 25px 20px 15px 60px; border: 1px solid #c66; border-radius: 2px; margin: 80px auto 20px; }
.thanks-panel.only-thanks { margin-bottom: 120px; }
.user-form-column.confirmation-panel { min-height: 300px; }
.thanks-statement p, .thanks-statement { font-size: 15px; font-weight: 700; }
.thanks-column { margin: 0 auto; max-width: 500px; padding: 0 0 50px; }

/*--Social Links--*/
.social-links { border: 1px solid #ccc; border-bottom: 0; padding: 10px; height: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #fff url(../images/topofpage-grad.jpg) repeat-x; background: -moz-linear-gradient(top, #F2F2F2 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#fff)); margin: 20px 0 0; clear: both; }
.top-social-links { background: #f7f8f8; padding: 10px; height: 20px; margin: 0 0 20px; }
.social-links p { margin: 0; }
.topofpage { float: right; }
.topofpage a { color: #333; }

.the-fundraiser-links { clear: both; }

#datacaptureform label { display: block; margin: 0 0 3px; }
#datacaptureform p { max-width: 300px; margin: 0 auto 10px; }
#datacaptureform input[type=text] { width: 100%; }
#datacaptureform input[type=checkbox] { width: auto; min-width: 3px; }

@media screen and (min-width: 768px) {

.fundraiser-interview, .the-fundraiser-links { float: left; width: 44%; margin: 0 0 10px 20px; }
.general-panel, .help-guides { float: right; width: 44%; margin: 0 20px 10px 0; padding: 10px; }
.social-icons { clear: both; }
.blog-header .fundraiser-title { display: block; height: 74px; background: url(../images/the-fundraiser.png) no-repeat; text-indent: -9999em; margin: 0 10px; }
.main-article .sign-up-panel input { width: 400px; }

}

/*--Desktop--*/
@media screen and (min-width: 971px) {
#top .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#nav .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#nav-holder { background: #35acde url(../images/nav-tile.png) repeat-x left bottom; padding: 0 0 3px; }
#site.nav li { float: left; font-size: 1.5em; list-style: none; margin: 0; padding: 0; position: relative; *z-index: 10000; }
#site.nav li a { height: 40px; line-height: 40px; display: block; padding: 0 19px; border-right: 1px solid #4a97b7; border-left: 1px solid #7dcaea; border-right: 1px solid rgba(0,0,0,0.3); border-left: 1px solid rgba(255,255,255,0.3); width: auto; text-decoration: none; color: #333; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6); }
.charity-scheme #site.nav li a, .fundraiser-scheme #site.nav li a, .events-scheme #site.nav li a, .legacy-scheme #site.nav li a, .volunteer-scheme #site.nav li a, .goodwill-scheme #site.nav li a { color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
#site.nav li a:hover { background: rgba(255,255,255,0.2); }
#site.nav li:first-child a { border-left: none; }
#site.nav li:last-child a { border-right: none; }
#site.nav li a.on { height: 38px; line-height: 38px; border: 3px solid #fff; border-bottom: none; background: #fff; background: -moz-linear-gradient(top, #e8e8e8 0%, #FFF 59%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(59%,#FFF)); background: linear-gradient(top, #e8e8e8 0%, #FFF 59%); -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.5); box-shadow: 0 -2px 2px rgba(0,0,0,0.5); -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
#site.nav li a.on { color: #333; text-shadow: none; }
#site.nav li:hover ul { display: block; }
#site.nav li ul { position: absolute; background: #fff; width: 215px; z-index: 100; top: 40px; left: -30px; padding: 0; display: none; border: 1px solid #666; border-top: none; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
#site.nav li li { font-size: 0.9em; float: none; height: auto; margin: 0;}
#site.nav li li a { text-shadow: none !important; color: #333 !important; border: none; height: auto; line-height: 1.3; border-bottom: 1px solid #eee; padding: 10px 12px; }
#site.nav li li a:hover { text-decoration: underline; }

.holder, #footer, #header, #site.nav, #admin-details { width: 970px; margin: 0 auto 0; }
/*--Header--*/
#header { height: 110px; position: relative; }
.logo-link { position: absolute; top: 10px; }
#login { position: absolute; right: 0; top: 38px; }
#login p { line-height: 36px; height: 36px; font-size: 1.7em; }
#login p span { vertical-align: middle; font-size: 0.8em; }
.btn-login { font-weight: 700; text-decoration: none; vertical-align: middle; }
.btn-signup { border: 1px solid #c9c9c9; text-decoration: none; color: #333 !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); border-radius: 2px; padding: 0 15px; height: 34px; line-height: 34px; display: inline-block; background: #FFCD06; background: -moz-linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEEAD), color-stop(100%,#FFCD06)); background: linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); vertical-align: middle; }

/*--Footer--*/
#footer { padding: 37px 0 20px 0; width: 970px }
#footer-holder { background: #e9e9e9 url(../images/footer-tile-charities.gif) repeat-x; clear: both; }
.footer-awards { float: left; margin: 0 15px 0 0; width: 124px; text-align: center; }
.footer-awards img { margin-bottom: 20px; }
#footer .footer-section { background: #fff; border: 1px solid #ccc; border-radius: 2px; width: 230px; padding: 15px 15px 5px; float: left; margin: 0 0 20px 15px; min-height: 390px; }

.search-form-bg, #searchForm2, .search-btn { display: none; }

/*--Main Content--*/
#main { background: #e9e9e9; padding: 0 0 20px; }
.holder { background: #fff; width: 930px; padding: 20px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.holder.with-ads { background: none; padding: 0; width: 970px; }
.content-column { width: 555px; float: left; padding: 20px 20px 20px 0; }
.aside-column { width: 355px; float: right;  padding: 20px 0; }
.social-links { clear: both; }
.content-column h2 { background: #d6ebf5 url(../images/pale-highlight-tile.png) repeat-x left center; height: 35px; line-height: 35px; padding: 0 3px; border-bottom: 1px solid #0397d6; margin: 30px 0 20px; }
.content-column h2 a { color: #333; text-decoration: none; }
.content-with-ads { width: 638px; float: left; background: #fff; padding: 18px; min-height: 1153px; }
.blog-side-panel { float: left; width: 296px; padding: 18px 0 0; }
.teaser { padding: 12px 0; position: relative; }
.teaser-image { position: absolute; left: 0; top: 10px; }
.teaser-image img { max-width: 200px; }
.teaser header { padding: 10px 37px 8px 210px; }
.teaser header h1 { font-size: 20px; }
.comments { right: 0; }
.search-btn { display: none; }
.search-form { position: absolute; right: 0; bottom: 3px; }
.magazine-scheme .search-form { bottom: auto; top: 30px; }
.magazine-scheme .search-form input { width: 150px; }
.magazine-scheme .blog-header p { padding-right: 0; }

.text-left { padding: 10px 220px 20px 0; }
.text-left img { max-width: 100%; }
.images-col { float: right; width: 200px; }
.main-article .images-col img { margin: 0 0 10px; width: 100%; }

/*--Pagination--*/
.paging { margin: 0; float: right; }

.free-reports.post-free-report { width: 547px; height: auto; }

#popup-bg, .popup-bg { background: #6a747c; position: fixed; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.8; display: none; z-index: 9015; }
.popup { background: #fff; position: absolute; top: 50px; left: 50%; padding: 20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); z-index: 9020; display:none; width: 600px; margin: 0 0 0 -300px;}
.popup-close, .user .popup-close { position: absolute; top: 19px; right: 25px; }
.popup-close a { background: url(../images/popup-close.png) no-repeat; display: inline-block; line-height: 19px; height: 19px; color: #666; text-decoration: none; padding: 0 0 0 23px; font-size: 12px; }
.email-signup h1 { color: #0494d2; font-size: 16px; margin: 0 0 20px; }
.email-signup form { background: #f7f8f8; padding: 15px; }
.checkbox-list { margin: 0 0 15px; padding: 0; }
.checkbox-list li { float: left; width: 33.3%; list-style: none; margin: 0 0 5px; }
.overlay-submit { text-align: right; clear: both; padding: 10px 0 0; }
.signup-email { margin: 0 0 15px; }
.signup-email input { padding: 3px; background: #fff; border: 1px solid #ccc; width: 50%; min-width: 260px }
.popup #recaptcha { margin: 16em 0 20px; }

.boxoutholder { padding: 10px 5px 0; margin: 0 0 20px; }
.boxout { width: 300px; display: inline-block; margin: 0 5px 10px; min-height: 220px; }
.boxout .teaser-image { float: left; position: static; width: 150px; margin: 0 0 0 10px; }
.boxout .teaser-image img { width: 100%; }
.boxout .teaser-text { float: right; padding: 0; width: 120px; margin: 0 10px 0 0; }
.boxout header { padding: 0 10px; }
.the-fundraiser-h2 { padding: 20px 0 10px; }

.blog-header .fundraiser-title { margin: 0 0 10px; }
.story-focus { margin: 0 0 10px; }
.free-reports { float: right; width: 221px; margin: 0 0 10px 0; }
.video-panel { float: left; width: 291px; margin: 0 0 10px;  }
.fundraiser-interview, .the-fundraiser-links { float: left; width: 291px; margin: 0 0 10px; min-height: 151px; }
.general-panel, .help-guides { float: right; width: 291px; margin: 0 0 10px; padding: 10px;  min-height: 151px; }
.help-guides { padding: 10px 0; width: 311px; }

.free-reports input { width: 274px; }

}
/*--Mobile--*/
@media screen and (max-width: 970px) {

#logged-in {
  left: 30px;
  position: absolute;
  right: auto;
  top: 6px;
  width: 200px;
}
.logged-in-details {
  background: none;
  border: none;
  box-shadow: none;
  float: none;
  height: auto;
  margin: 0 0 0 20px;
  min-width: 10px;
  padding: 0 20px 0 0;
  position: relative;
  float: left;
}
.welcome-text {
  padding: 2px 0 0 35px;
  font-size:  11px;
  line-height: 12px; color: #fff;
  height: 28px;
  display: table-cell; vertical-align: center;
}
.welcome-text .mobile-break { font-weight: 400; display: block; }
.welcome-text a { color: #fff; }
.logged-in-details .btn-your-sites { float: left;
  bottom: 15px;
  font-size: 1.2em;
  position: static;
  right: 148px;
  display: none;
}
.blog-header p { padding-right: 0; }
.logged-in-image {
position: absolute;
right: auto;
left: 0;
top: 0;
}
#logged-in {
  left: 30px;
  position: absolute;
  right: auto;
  top: 6px;
  width: auto;
}
.logged-in-image img { height: 22px; width: 22px; }
.btn-action.btn-logout { display: none; }
/*--Header--*/
#header-holder { background: #35acde; padding: 40px 0 0; }
#header { background: #fff; padding: 10px 0; }
.logo-link { display: block; text-align: center; }
.logo-link img { width: 80%; max-width: 302px; height: auto; }
#login { position: absolute; left: 50px; top: 4px; }
#login p { line-height: 29px; height: 29px; font-size: 1.3em; color: #fff; }
#login p span { vertical-align: middle; font-size: 0.8em; }
.btn-login, .magazine-scheme .btn-login { font-weight: 700; text-decoration: none; vertical-align: middle; color: #fff; text-decoration: underline; }
.btn-signup { border: 1px solid #c9c9c9; text-decoration: none; color: #333 !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); border-radius: 2px; padding: 0 15px; height: 29px; line-height: 29px; display: inline-block; background: #FFCD06; background: -moz-linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEEAD), color-stop(100%,#FFCD06)); background: linear-gradient(top, #FFEEAD 0%, #FFCD06 100%); vertical-align: middle; font-size: 13px; }
.search-btn { display: block; position: absolute; right: 5px; top: 5px; }

.free-reports.home-free-reports { margin: 0 20px 20px; }

.header-follow { display: none; }

/*--Footer--*/
.footer { background: #e9e9e9; }
.footer-awards, .footer-section, .small-print { display: none; }
#footer .footer-section { background: #fff; border: 1px solid #ccc; border-radius: 2px; padding: 15px 15px 5px; float: none; margin: 10px 20px 10px; }

/*--Content--*/
.content-with-ads, .content { background: #fff; }
.blog-side-panel { background: #e9e9e9; padding: 20px; }
.content { padding: 18px; }

/*--Pagination--*/
.total-pages { display: none; }
.paging-holder { margin: 0; }
.paging { text-align: center; margin: 0; }

.blog-header { padding: 10px; }
.teaser { padding: 12px 0; position: relative; }
.teaser-image { position: absolute; left: 10px; top: 10px; }
.teaser header { padding: 10px 37px 8px 220px; }
.teaser-text { padding: 0 10px 0 220px; }
#searchForm { display: none; }

#searchForm2 { position: fixed; right: 10%; bottom: auto; top: 60px; left: 10%; z-index: 100; background: #fff; border-radius: 10px; padding: 20px; width: 80%; margin: 0 0 0 -20px; display: none; }
.search-form { width: 100%; position: relative; }
.search-form input { border: none; background: #fff; width: 90%; }
.search-form button { position: absolute; top: 3px; right: 5px; }
.search-form-bg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none; }

.blog-panel { margin-left: 0; }
.ads { text-align: center; }
.ads li { list-style: none; border: 1px solid #333; padding: 3px; background: #fff; width: 120px; float: none; margin: 0 4px 20px; display: inline-block; }
.btn-more-links, .btn-more-links:active, .btn-more-links:hover, .btn-more-links:focus { display: block; background: #35acde url(../images/btn-more-links.png) no-repeat right center; font-size: 13px; color: #fff; text-decoration: none; padding: 11px 20px; font-weight: 700; }

.main-article { border-top: 1px dotted #ccc; padding: 15px;}
.related-posts { padding: 15px; text-align: center; }
.related-posts h2 { text-align: left; }
.full-width-image { width: 100%; }

#nav { position: absolute; top: 0; padding-top: 40px; overflow: hidden; }
#nav:not(:target) { z-index: 1; height: 0; }
#nav:target .close-btn { display: block; }
#nav .close-btn { position: absolute; top: -34px; left: 20px; }
#nav .block { position: relative; padding: 0; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li li a { display: block; padding: 10px 20px 10px 50px; color: #fff; text-decoration: none; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
#nav li { position: relative; border-top: 1px solid #25789b; margin: 0; padding: 0; border-bottom: 1px solid #72c5e8; }
#nav li a { display: block; padding: 10px 20px; color: #fff; text-decoration: none; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
#nav li:last-child { border-bottom: 1px solid #72c5e8; }
#nav li.is-active:after { z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -0.03125em; margin-top: -0.625em; border-top: 0.625em transparent solid;    border-bottom: 0.625em transparent solid; border-right: 0.625em white solid; }
.js-ready #nav { height: 100%; width: 70%; background: #35acde; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }
.js-ready #nav .block { background: transparent; }
.js-ready #nav .close-btn { display: block; }
.js-ready #nav { left: -70%; }
.js-ready #inner-wrap { left: 0; }
.js-nav #inner-wrap { left: 70%; }
.csstransforms3d.csstransitions.js-ready #nav { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0);  -o-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;
-o-backface-visibility: hidden; backface-visibility: hidden; }
.csstransforms3d.csstransitions.js-ready #inner-wrap { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); }
.csstransforms3d.csstransitions.js-ready #nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.csstransforms3d.csstransitions.js-nav #nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.text-left { padding: 10px 0; }
.images-col { float: none; text-align: center; }
.main-article .images-col img { width: 32.5%; }


#popup-bg, .popup-bg { background: #6a747c; position: fixed; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.8; display: none; z-index: 9015; }
.popup { background: #fff; position: absolute; top: 50px; left: 50%; padding: 20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); box-shadow: 0 0 10px rgba(0,0,0,0.7); z-index: 9020; display:none; width: 600px; margin: 0 0 0 -300px;}
.popup-close, .user .popup-close { position: absolute; top: 19px; right: 25px; }
.popup-close a { background: url(../images/popup-close.png) no-repeat; display: inline-block; line-height: 19px; height: 19px; color: #666; text-decoration: none; padding: 0 0 0 23px; font-size: 12px; }
.email-signup h1 { color: #0494d2; font-size: 16px; margin: 0 0 20px; }
.email-signup form { background: #f7f8f8; padding: 15px; }
.checkbox-list { margin: 0 0 15px; padding: 0; }
.checkbox-list li { float: left; width: 33.3%; list-style: none; margin: 0 0 5px; }
.overlay-submit { text-align: right; clear: both; padding: 10px 0 0; }
.signup-email { margin: 0 0 15px; }
.signup-email input { padding: 3px; background: #fff; border: 1px solid #ccc; width: 50%; min-width: 260px }
.popup #recaptcha { margin: 0 0 20px; }

.banner-ad img { width: 100%; height: auto; }

ul.ads { display: none; }

.home-free-reports, .video-panel { height: auto !important; }

}


@media screen and (max-width: 600px) {

.teaser { padding: 12px 0; position: relative; }
.teaser-image { position: absolute; left: 10px; top: 10px; }
.teaser-image img { width: 113px; height: 113px; }
.teaser header { padding: 10px 47px 10px 133px; min-height: 103px; }
.teaser-text { padding: 0 12px; }
.comments-bubble a { position: absolute; background: url(../images/comment-bubble.png) no-repeat; width: 37px; height: 29px; top: 0; right: 10px; color: #fff; text-decoration: none; font-weight: 700; font-size: 12px; text-align: center; padding: 0 0 0; line-height: 23px; }
.main-article header h1 { font-size: 24px; }

#popup-bg, .popup-bg { background: #6a747c; position: fixed; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.8; display: none; z-index: 9015; }
.popup { background: #fff; position: absolute; top: 0; left: 0; padding: 50px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9020; display:none; width: 100%; height: auto; margin: -40px 0 0 !important; }
.popup-close, .user .popup-close { position: absolute; top: 19px; right: 25px; }
.popup-close a { background: url(../images/popup-close.png) no-repeat; display: inline-block; line-height: 19px; height: 19px; color: #666; text-decoration: none; padding: 0 0 0 23px; font-size: 12px; }
.email-signup h1 { color: #0494d2; font-size: 16px; margin: 0 0 20px; }
.email-signup form { background: #f7f8f8; padding: 15px; }
.checkbox-list { margin: 0 0 15px; padding: 0; }
.checkbox-list li { float: left; width: 33.3%; list-style: none; margin: 0 0 5px; }
.overlay-submit { text-align: right; clear: both; padding: 10px 0 0; }
.signup-email { margin: 0 0 15px; }
.signup-email input { padding: 3px; background: #fff; border: 1px solid #ccc; min-width: 10px; width: 90%; max-width: 240px; }
.popup #recaptcha { margin: 0 0 20px; }
.checkbox-list li { float: none; width: auto; list-style: none; margin: 0 0 5px; display: block; }


}
@media screen and (max-width: 690px) {
	.related-post { width: 30%; margin: 0 1%; }
	.related-post img { width: 100%; height: auto; }
	.the-fundraiser-links ul, .help-guides ul { height: auto !important; }
}
@media screen and (max-width: 440px) {
	.leave-a-comment .commenter-image { display: none; }
	.leave-a-comment form { padding: 10px; }
	.related-post h1 { font-size: 13px; }
	#recaptcha { width:100% !important; border: 1px solid #888; text-align:center; background:#fff;  margin: 20px auto; }
	#recaptcha_image {width:100% !important; height:auto; margin:0 5px; }
	#recaptcha_image img { width: 100% !important; }
	.recaptcha_response_field_signup { width: 100px !important; }
	#recaptcha_js { width: 92%; }
}



em.abbsformError, .recaptcha_error_message { color: #c30; font-size: 12px; }


.toptip { background:#eef3f7; border:1px solid #d1d1d1; padding:30px 20px; margin:10px 0;  }
.toptip h2 { color:#333; margin: 0 0 10px; }
.toptip p { color:#333; }

.site-sponsor {
    border: none;
}

.ads li {
    border: none;
}

p.recaptcha_message {
    margin: 1.5em 0.5em 0.5em 0.5em
}