﻿body {background:#FFF; font-family:"Open Sans",sans-serif; font-size:14px; line-height:16px;}
h1 {font-size:1.25em;font-family:"Open Sans",sans-serif;color:#00AEA3;text-transform:uppercase;}
h2 {font-size:1.25em;font-family:"Open Sans",sans-serif;color:#00AEA3;}
h3 {font-size:1.1em;font-family:"Open Sans",sans-serif;color:#00AEA3;}
h4 {font-size:1em;font-family:"Open Sans",sans-serif;color:#00AEA3;}
p, td, div, span, a {line-height:1.5em; font-size:1em;}
b, strong { font-weight:bold; }
a {color: #05B1A7; }
a:hover, a:active {text-decoration: none;outline: 0;}
.right {float:right;}
.hidden,
.honey {display:none !important;}
.text-right {text-align:right;}
.centre {text-align:center;}
.italics {font-style:italic;}

.containerHeader { margin: 0 auto;position: relative;width: 100%;height: auto !important;background: #00B1BC;}
.containerContent { margin: 0 auto;position: relative;width: 100%;height: auto !important;background: #FFF; }
.containerCrumbs { display:none; }
.containerFooter { margin: 0 auto; position:relative; height:75px; background: #009ba4; }
.containerFooter .top { position:absolute; bottom:12px; right:12px; background-color:rgba(0, 0, 0, 0.3); color:#fff; display:block; height:45px; width:50px; border-radius:5px; text-align:center; z-index:100; 
    text-decoration:none; line-height:50px; font-size:24px; padding-top:5px; font-family:serif; }
.containerFooter .top:hover, .containerFooter .top:focus { background-color:rgba(0, 0, 0, 0.5); }

#header {width:1140px; padding:0px;}

.header-main { padding:10px; }
.header-main #logo { max-width:100px; }
.header-main #logo img { width:100%; height:auto; }
.header-main .helpline { font-size:32px; color:#fff; float:left; margin-left:25%; text-align:center; }
.header-main .helpline span { font-family:"Open Sans Condensed",sans-serif; font-weight:300; }
.header-main .donate { width:240px; max-width:240px; margin:auto; float:right; margin-top:25px; }
.header-main .donate a { background-color:#2c1335; color:#fff; text-decoration:none; padding:10px 20px; text-transform:uppercase; font-size:16px; line-height:20px; border-radius:5px; font-weight:normal; 
    text-align:center; display:block; 
}

.mininav-container { background-color:#F5F5F5; }
.mininav-container .mininav { width:1120px; margin:auto; padding:10px; }
.mininav-container .mininav .nav {float:right; }
.mininav-container .mininav .minisearch {float:right;padding-left:5px;}
.mininav-container .mininav .minisearch input { border: 1px solid #CCCCCC; border-radius: 5px; padding: 5px; width:150px;}
.mininav-container .mininav .header-logged-in { line-height:35px; }
.mininav-container .mininav .nav ul {padding:0; margin:0;}
.mininav-container .mininav .nav ul li {float:left; list-style:none; margin:0 5px;}

/*.mininav-container .mininav .nav ul li a {text-decoration:none; font-size:16px; color:#9B9683;}*/

.header-banner {margin: 0;padding: 0;width: 705px;float: right; height: 221px;line-height:1em;}
    .header-banner .info {font-size: 36px;text-align: center;width: 464px;padding-top: 29px;line-height:1em;line-height:1em;}
    .header-banner .info .freecall {font-size: 20px;color: #05B1A7;line-height:1em;}
    .header-banner .info .freecall span {bottom: 10px;font-size: 12px;position: relative;}
    .header-banner .info a {font-size: 26px; text-decoration:none; font-weight:normal;}
    .header-banner .text {font-size: 23px;color: #05b1a7;padding: 17px 0 0 42px;width: 374px;line-height:1em;}
    .header-banner .text .top {font-size: 23px;line-height:1em;}
    .header-banner .text .top span {font-size: 23px;color: #474747;line-height:1em;}
    .header-banner .text .bottom {font-size: 19px;float: right;line-height:1em;}
#footer {font-size:inherit; color:#fff; width:1140px; height:auto; padding:30px 0; }
#footer .footer-menu { margin:0 -10px; }
#footer .footer-menu a { color:#fff; text-decoration:none; font-weight:normal; margin:0 10px; }
#content {width:1140px;min-height:800px;background:#fff; margin-top:2em; }
#overlay {position: relative;bottom: 0;left: 0;height: auto !important;width: 100%;margin: 0;padding: 0;background: transparent url('images/bg_tiled.png') bottom left repeat-x;z-index: 1;float: left;}
.menu-container { background-color:#009ba4; }
.menu { width:1140px; margin:auto; }
.menu nav ul { list-style:none; margin:0; padding:0; }
.menu nav ul li { display:block; float:left; vertical-align:top; margin:0; }
.menu nav ul li a { display:block; padding:20px 15px; font-size:16px; color:#fff; font-weight:300; text-decoration:none; font-family:"Open Sans Condensed",sans-serif; }
.menu nav ul li a:hover { background-color:#00B1BC; }
.menu nav ul li.on a { background-color:#00B1BC; }

.nav-toggle { display:none; background-color:rgba(0, 0, 0, 0.3); padding:10px 15px; font-size:16px; color:#fff; font-family:"Open Sans Condensed",sans-serif; cursor:pointer; }

span.generalButton a.PrimaryButton,
a.PrimaryButton {padding:10px 15px; background:#FFF; border:solid 2px; border-radius:5px; color:#009BA4; text-decoration:none; display:inline-block; font-weight:bold;}
span.generalButton a.SecondaryButton,
a.SecondaryButton {padding:3px 8px; background:#FFF; border:solid 1px; border-radius:3px; color:#009BA4; text-decoration:none; display:inline-block; font-weight:bold; font-size:12px; margin:5px 0;}
span.generalButton a.PrimaryButton:active,
span.generalButton a.PrimaryButton:hover,
a.PrimaryButton:active,.PrimaryButton:hover,
span.generalButton a.SecondaryButton:active,
span.generalButton a.SecondaryButton:hover,
a.SecondaryButton:active, a.SecondaryButton:hover {background-color:#009BA4; color:#fff; border-color:#009BA4;}

.home-search {padding:3px 5px 3px 15px; height:34px; line-height:34px; background:#00AEA3;border-radius:5px; color:#fff; display:inline-block; font-weight:bold;}
.home-search input {border-radius:5px;border:1px solid #ccc; height:24px; margin-left:10px; padding:0 5px; width:150px;}
.home-search a.SecondaryButton {border:solid 1px #BAE4E3;}

span.generalButton a {background:inherit; height:auto; line-height:inherit; padding:inherit; text-decoration: none; width: auto;}
.textblock {text-align:left;}

.headerLoggedIn { float: right; font-size:inherit; position: relative; right: auto; top: auto; padding-right:10px;}
.headerLoggedIn.home { float: right; font-size:inherit; position: relative; right: auto; top: auto; padding-right:10px;}

hr {margin:20px 0; height:1px; padding:0; border:none; background-color:#ccc; width:100%;}
hr.light {margin:20px 0; height:1px; padding:0; border:none; background-color:#eee; width:100%;}

.intro {margin:0 0 20px 0;}
.copy { color:#fff; text-transform:uppercase; }
.copyAlt { color:#eee; padding-top:2px; }
.copyAlt a { color:inherit; padding:0; color:#eee; }
ul.tributes {margin:10px 0;padding:0;}
ul.tributes li {margin:0 10px 10px 0; width:150px;}
ul.tributes li .hpRecentTribute .imagearea a {width:150px;height:150px; display:block;}
.hpRecentTribute {width:150px; margin-bottom: 15px;}
.hpRecentTribute .imagearea {background:#fafafa;width:150px;height:150px; border:solid 1px #f1f1f1;}
.hpRecentTribute .imagearea img {width:150px; height:150px;top:0;}
.hpRecentTribute .info {height:40px;}
.timelineToggler {color:inherit;}

.login-box-title.services,
.login-box.services {display:none;}

.SSLPaymentArea {display:none;}
#ContentPlaceHolder1_pnMessages {display:none;}

.regCell {width:350px;}
.regCell input,
.regCell select,
.regCell textarea {padding: 4px;color: #888;border-radius: 5px;border: 1px solid #666666;font-size: 14px;background: #fff;border: 1px solid #ccc; width:250px;}
.regCell .input-checkbox input {width:auto;}
.captcha span img {margin-right: 10px;}
.captcha span input {padding: 4px;color: #888;border-radius: 5px;border: 1px solid #666666;font-size: 14px;background: #fff;border: 1px solid #ccc;}

.demoImage {width:130px;height:130px;}
.tributeContainer_Right .info {padding:5px; background-color:#00AEA3; color:#fff;}

.candles {position:relative;}
.candleMessage {border:solid 1px #888; background-color:#fff; padding:5px; position:absolute; z-index:999; width:240px;}
.candleMessage .inner {border:solid 1px #ccc; padding:5px; background-color:#eee; color:#888; font-size:12px;}
.candleMessage a.close {position:absolute; right:0; top:0; text-indent:-9999px; background:url(/images/icons/cross.gif) no-repeat center center; width:32px; height:32px;}

.donate-extra-info {width:400px; float:right; padding:20px;}
.form-area {width:450px; padding:20px; background:#fafafa;}
.form-area h3 {margin:20px 10px 10px 10px;}
.form-area .donation-pad,
.form-area .captcha {padding-left:40px;}
.form-area .captcha span {display:block;}
.form-area .donate-input {padding: 4px;color: #888;border-radius: 5px;border: 1px solid #666666;font-size: 14px;background: #fff;border: 1px solid #ccc;width: 300px;margin: 10px 10px 10px 10px;}
.form-area .donate-select {padding: 4px;color: #888;border-radius: 5px;border: 1px solid #666666;font-size: 14px;background: #fff;border: 1px solid #ccc;width: 150px;margin: 10px 10px 10px 10px;}
.form-area .donate-check {display: block;width: 400px;padding: 10px 0px 10px 0px;}

.join-form-area {width:600px; padding:20px; background:#fafafa;}
.admin-side-menu { float:right;width:250px; }
.admin-main {float:left;width:800px;}
.admin-main.form-area {width:700px; padding:20px; background:#fafafa;}

ul.tributes-admin {padding:0;margin:0;list-style:none;}
ul.tributes-admin li {margin:2px 0; border-bottom:solid 1px #eee; padding:5px;}
ul.tributes-admin li .msgGeneral {margin:0 5px 5px 15px; }
ul.tributes-admin li .msgGeneral hr {margin:3px 0;}
ul.tributes-admin li .msgGeneral a {font-size:12px;}
ul.tributes-admin li .admin-actions {display:block; float:right; width:70px; padding:5px; }
ul.tributes-admin li .admin-actions .SecondaryButton {display:inline-block;width:60px; text-align:center;}
ul.tributes-admin li .tribute-status {display:inline-block; width:60px; padding:0 5px; text-align:center;}
ul.tributes-admin li.requested {background-color:#f7efef;}

ul.user-options {padding:0;margin:0;list-style:none;}
ul.user-options li {padding-left:15px;background:url(/images/icons/arrow_collapse.gif) no-repeat 0 7px;}
ul.user-options li.active {background:url(/images/icons/arrow_collapse_green.png) no-repeat 0 7px;}
.info-box {padding:5px 10px; background:#eee;}

/* receipt pdf */
body.receipt {background:#fff;}
    .receipt .content { width:80%; margin:auto;} 
    .receipt .content .logo {max-width:30%; float:right;}
    .receipt .content .name {float:left; margin-top:50px; padding:0 1em;}
    .receipt .content .name span {display:block;}
    .receipt .content .address {float:left; clear:left; padding:0 1em;}
    .receipt .content .address span {}
    .receipt .content .date {float:left; clear:left; margin-top:1em; padding:0 1em;}
    .receipt .content .receiptno {float:left; clear:left; padding:0 1em;}
    .receipt .content .receiptno span {font-weight:bold;}
    .receipt .content .message {clear:both; margin:1em 0; padding:1em; border-top:solid 1px #eee; }
    .receipt .content .site-details {padding:1em; border-top:solid 1px #eee; background-color:#fafafa;}
    .receipt .content .site-details span {display:block;}
    .receipt .content .donation-details {padding:1em; background-color:#f1f1f1;}
    .receipt .content .additional {padding:1em 0; text-align:center;}

/* mobile */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #header, #footer, #content, .mininav-container .mininav, .menu { width:100%; padding:0; }

    #content { min-height:600px; width:auto; padding:0 1em; }
    .menu nav { display:none; }
    .menu nav ul li { float:none; }
    .nav-toggle { display:inline-block; }
    .header-main #logo { max-width:197px; float:none; margin:1em auto; }
    .header-main .helpline { float:none; text-align:center; font-size:24px; margin:auto; }
    .header-main .donate { float:none; margin-bottom:1em; }
    .mininav-container .mininav .minisearch { float:none; }
    .mininav-container .mininav .nav { float:none; }
    .mininav-container .mininav .header-logged-in { clear:left; }
    .copyAlt { float:none; }
    .containerFooter { height:auto; }
    #footer .footer-menu { margin:auto; float:none; padding:1em; }
    #footer .footer-menu a { display:block; padding:10px; margin:auto; border-bottom:solid 1px rgba(255,255,255,0.1); }

    .join-form-area { width:auto; padding:10px; }
    .admin-side-menu { width:200px; }
    .admin-main { width:100%; max-width:400px; }
    .admin-main.form-area { width:auto; padding:10px; }
}
/* tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #header, #footer, #content, .mininav-container .mininav, .menu { width:748px; }

    #header { padding:10px 0; }
    .header-main .donate { clear:left; float:none; }
    .menu nav { display:none; }
    .menu nav ul li { float:none; }
    .nav-toggle { display:inline-block; }
    .containerFooter { height:auto; }
    .copy { float:none; }
    #footer .footer-menu { margin:auto; float:none; }

    .join-form-area { width:500px; padding:10px; }
    .admin-side-menu { width:200px; }
    .admin-main { width:100%; max-width:500px;}
    .admin-main.form-area { width:600px; padding:10px; }
}
/* desktop-medium */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #header, #footer, #content, .mininav-container .mininav, .menu { width:960px; }

    .menu nav ul li a { font-size:14px; }
    .join-form-area { width:500px; }
    .admin-side-menu { width:200px; }
    .admin-main { width:700px;}
    .admin-main.form-area { width:600px;}
}
/* desktop-large */
@media only screen and (min-width: 1200px) {

}