html {font-size: 13px; line-height: 150%;}
html.sizeMedium {font-size: 14px; }
html.sizeLarge {font-size: 15px; }

body, table, textarea {
    font-family: Arial,sans-serif;
    font-size: 1em;
    margin:0px;
    word-spacing: 1px;
    color: #333333;
}
textarea {line-height:100%}

.bold {font-weight:bold;}
.deemphasized {font-style: italic; color:#888888; font-size: .9em;}

body {margin:0px; padding:0px; cursor:default; height:100%; background:transparent url(../images/bg_texture.png) }
.unselectable { -moz-user-select: none; -khtml-user-select: none; user-select: none;}

h2,h3 {color:#715231; }
h1, h2, h3, h4 { line-height:auto !important; }
h1 {font-size:2.2em; font-family: Georgia, serif; font-weight:normal; word-spacing:1.8px; color:#715231;}
h1 a {text-decoration: none;}
h2 {font-size:2em; line-height:26px; font-family: Georgia, serif; font-weight:normal; word-spacing:3px; margin-top:0px; margin-bottom:10px;}
h3 {font-size:1.4em; margin-bottom:0px; font-family: Georgia, serif; font-weight:normal; word-spacing:1.8px;}
h4 {font-size:1em; margin-bottom:0px; margin-top:5px; color:#333}

hr {color:silver; background-color:#dddddd; height:1px; width:95%; border:0;}
a {color: #5e7630;}
a:hover {text-decoration: none;}
a img {border:none; }
p {text-align:left;}

/* Corner radius */
.ui-corner-top { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; }
.ui-corner-all { -moz-border-radius: 7px; -webkit-border-radius: 7px; }

/* form boxes */
.ui-widget-content, .form-content { border: 1px solid #dfdfdf; background: #fffde3; color: #362b36; }
.ui-sidebar-content { border: 1px solid #dfdfdf; background: #fffde3; color: #362b36; margin-bottom:10px;}
.form-content { padding:10px 15px;}

/* buttons */
.button {cursor:pointer; padding: 0px 6px 0px 0px; background: url("../images/buttons.png") no-repeat scroll right -35px; text-align:center; display: inline-block; text-decoration:none; outline: none;}
.button input, a.button span {white-space: nowrap; cursor:pointer; background: url("../images/buttons.png") no-repeat scroll left 0; border:none; position:relative; padding: 0px 9px 2px 15px; height: 30px; color:#ffffff; font-size:.9em; line-height:150%; font-weight:bold !important; text-shadow: 1px 1px 0 #ffffff; letter-spacing: 0.2px; color:#495c26; display: inline-block; margin:0px;}
a.button span {padding-top: 5px; height: 23px;}
.button:hover, .button:active, .button:focus {cursor:pointer; background-position: right -115px !important;  display: inline-block; outline:none;}
.button:hover input, a.button:hover span{ cursor:pointer; background-position: left -80px; outline:none;}
.button input {line-height: 100%;}
.focusedButton {outline: 1px dotted #888}
.focusedButton input {outline:none;}

/*removing dotted outline on the buttons except in IE*/
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

/* Links with an arrow */
a.moreLink {outline:none; white-space:nowrap; background:url("../images/hj_arrows_sprite.png") no-repeat right 1px; padding-right:18px; display: inline-block; }
a.moreLink:hover {text-decoration:none;}
a.leftLink {outline:none; background:url("../images/hj_arrows_sprite.png") no-repeat left  -22px; padding-left:18px;}
a.leftLink:hover {text-decoration:none;}
a.morePages {font-size: 1.1em; line-height: 175%; outline:none; background:url("../images/hj_arrows_sprite.png") no-repeat right  1px; padding-right:18px;}
a.morePages:hover {text-decoration:none;}

/*resized images for larger font sizes for Links with an arrow*/
.sizeMedium a.moreLink {background-position: right 2px; }
.sizeMedium a.morePages {background-position: right -41px; }
.sizeLarge a.leftLink {background-position: left -70px; padding-left: 19px;}
.sizeLarge a.moreLink {background-position: right -44px; padding-right: 19px;}
.sizeLarge a.morePages {background-position: right -97px; padding-right: 19px;}

/*headings*/
#contentPanel .pageTitle { border-bottom:1px dotted #ad9275; margin:0px 0 5px 0; padding-bottom:6px;}
#contentPanel .pageSubTitle { border-bottom:1px dotted #7b9151; margin:18px 0 5px 0; padding-bottom:2px;}

.ellipsis {text-overflow:ellipsis; overflow: hidden;}
.center {text-align:center}
.inline {display:inline;}


/*sitemesh layout styles*/
#container {min-height:100%; position:relative;}
.ie #container {height:100%;}
#mainPanel { width:944px; background:#fffbef url(../images/bg_dropshadow_sides.png) repeat-y; padding-left:12px; padding-right:20px; margin:auto; text-align:left; padding-bottom:40px;}
.ie6 #mainPanel { padding-right:0px;}
#mainPanelBorder {padding-bottom:8px;  background: url(../images/bg_dropshadow_bottom.png) no-repeat bottom; text-align:center;} 
#contentPanel {float:left; width:630px;  max-width:630px; word-wrap:break-word;  padding:15px 20px 25px 20px;}
#leftPanel {float:left; width:240px; margin: 10px;  overflow:hidden; }
.ie6 #leftPanel {margin-left:5px;}

/*header styles*/
#header {background:transparent url(../images/header_bg.png) no-repeat scroll 0 bottom; width:952px; height:105px; padding:0px; font-size:12px; line-height:140%;}

#headerContent {padding:4px 10px; width:932px;}
#header h1 {float:left; padding:15px 15px 15px 20px; margin:0px;}
#header #userinfo {float:right; text-align:right; height:50px; display:block;font-family: Georgia, serif; font-style:italic; margin-right:20px}
#header #userinfo a {text-decoration:none;}
#header #userinfo a:hover {text-decoration:underline;}
#homeIcon { background: url("../images/home_icon.png") no-repeat scroll left  transparent; padding-top: 4px; padding-left: 20px; }
#header a.sizeMedium {font-size:1.2em}
#header a.sizeLarge {font-size:1.4em}


/*footer styles*/
#footer {clear:both; text-align:center; padding:0px; width:100%; }
#footerSpace {display:none}
#footer #providedBy {display:inline-block; margin:auto;}
#footer #providedBy td {padding:4px;}
#footer #footerDetails {font-size:.8em; padding-top:5px; width:944px; margin:auto; text-align:left;}
#footer #copyright {float:left}
#footer #footerLinks {float:right}
#footer #footerDetails a {text-decoration:none;}
#footer #footerDetails a:hover {text-decoration:underline;}
#footer #revisionNumber {margin-left:5px;}
#footerLogo {display: block; width: 119px; height: 95px; background: url(../images/hj_logo_small.png) no-repeat; margin: 0 auto;}
.ie #footerLogo {background: url(../images/hj_logo_small_ie.png) no-repeat;}
.footerSocialButton {display:inline; float:left; padding-left:5px;}

/*nav panel styles*/
#navPanel {position:relative; z-index:100; zoom:1; background-color: #715231;  font-family: Georgia, serif; margin-left:-4px; width:960px;}
#navPanel a {zoom:1}
.menuItems {position:relative; padding-left:22px; margin-left:0px; list-style:none; white-space:nowrap; width:auto; margin:auto;}
.menuItems ul {float:left; position:relative; padding:0px; padding-top:1px; margin:0px; list-style:none; clear:both;}
.menuItems li {float:left; position:relative; margin-right:2px; }
.menuItems li .pageTab {float:left; position:relative;}
.menuItems li ul {display:none; position:absolute; top:26px; left:auto; z-index:5; width:265px; max-width:265px; min-width:265px; background: #f1e3be; border-bottom:1px solid #c9b681; }


.menuItems li:hover ul, .menuItems li.over ul{display:block;}
.menuItems li:hover a, .menuItems li.over a { background-color: #f1e3be; color: #634628; }
.menuItems li:hover a, .menuItems li.over a, .menuItems li a.selected,  .menuItems li a.selectedParent  {background-color: #f1e3be; border:1px solid #c9b681;  border-bottom: 0 solid #f1e3be; color: #634628;}

.menuItems li a {text-decoration:none; outline:none; font-size:1.2em; letter-spacing:0.2px; padding:5px 16px; color: #f4f1e7; border:1px solid transparent;  border-bottom:none; }
.menuItems li a:hover {text-decoration:underline; color:#6a7e16;}
.menuItems li a.selected:hover { text-decoration:none; color: #634628;}


.childPageList li {width:100%; margin-right:0px;}
.childPageList li a {color: #634628;}
.childPageList li a:hover {color: #6a7e16; text-decoration:underline;}
.childPageList li a#currentChildPage:hover { text-decoration:none; color:#634628}
.childPage { display:block; text-align:left; }

/*left panel styles*/
.sidebarBox {  padding:1px 6px 20px  18px ; text-align:left; font-weight:normal; cursor:default; }
.sidebarBox p {text-align:left; word-spacing: 1px; line-height: 140%; margin-top:7px; margin-bottom:15px; }
.dottedTopBorder { border-top: 1px dotted #999999; }
.sidebarBox ul {list-style:none; padding-left:0px; margin:0px;}
#sidebarTitle {color:#333333; background-color:#f6e5c1; font-size:1.1em; text-align:center; padding:8px; line-height:1.2; border: 3px solid #FFFDE3; font-weight:bold}
.mac #sidebarTitle {  font-weight:normal; background-color:#F0DFC0;}
.ie #sidebarTitle {border:none;}
.mainPhoto {position: relative; height:247px; width:239px; padding-top:7px;  text-align:center; background: url('http://www.whatmattersnow.org/images/photo_frame_large.png') no-repeat;}
.ie6 .mainPhoto {height:247px; width:239px; padding-top:7px;  text-align:center; background: url('http://www.whatmattersnow.org/images/photo_frame_large_IE6.png') no-repeat;}
.mainPhoto img {width:225px; height:225px;}

.paginator {text-align: center; margin-top: 10px;}
.paginator a.selected {font-weight:bold; color: #666666;}
.paginator a {margin: 0px 5px;}
a.buttonRight {float:right; margin-top:-40px;}

/*notifications*/
#errorBox,#successBox, #errorBoxWithFocus {padding:10px;  margin-bottom:10px; margin-top:10px; }
#errorBox, #errorBoxWithFocus {color: #CC0000; background: #FFFFDE url("http://www.whatmattersnow.org/images/exclaim.png") no-repeat scroll 10px center; padding-left: 40px; border:1px solid #FFCF0F; }
#successBox {color: #000000; background: #CFFFCF url("http://www.whatmattersnow.org/images/check.png") no-repeat scroll 10px center; padding-left: 40px; border:1px solid green;   }
.requiredField {background: url('http://www.whatmattersnow.org/images/red_asterix.png') no-repeat right; padding-right:15px; }
#errorBoxWithFocus {outline:medium none; cursor:default; text-decoration:none; padding-right:20px;}

/*language for myself/someone else */
.siteIsForSomeoneElse .myself {display:none;}
.siteIsForSomeoneElse .someoneElse {display: auto;}
.siteIsForMe .myself {display: auto;}
.siteIsForMe .someoneElse {display:none;}


/*page specific styles*/

/*message related styles*/
.message {margin-bottom:5px;}
.message label, messageItem .messageSubject {font-weight:bold; color:#555555;}
.message textarea { width:100%;}
.message input { width:100%;}
.messageItem {padding:5px; padding-bottom:1px; border-bottom:1px solid silver; }
.messageAnswer {margin-top:15px;}
.messageAnswer label {font-weight:bold; display:block;}
.byLine { display:inline; color:#777777; font-size: .87em; padding-left:5px; white-space:nowrap; }
.homePage .byLine {white-space:normal}
.homePage .byLine .part {white-space:nowrap}
.inlineMessageEditLinks, .inlineMessageEditLinks a { display:inline; color:#999999; font-size:.87em; margin-left:3px; margin-right:3px; }
.inlineMessageEditLinks a:hover { color:#6a7e16;}
.leaveMessageCloud, .email_subscribe {background:url("http://www.whatmattersnow.org/images/hj_comment_icon.png") no-repeat scroll 5px 0px; padding-left: 32px; }
.leaveMessageCloud:hover {outline:none; background-position: 5px -22px; }
.email_subscribe {background-position: 5px -46px;}
.email_subscribe:hover {background-position: 5px -70px; }


/*donations*/
.donationOptionsBox {padding:20px;}
.donationOptionsBox form {margin-top:0px; padding-top:0px}
.donationOptions td {vertical-align: middle; padding: 4px 2px;}
table.donationOptions, .donationOptionsBox {line-height:120%; color:#362B36;}
.donationOptions .otherOption {display:none;}
.donationOptions .otherOptionTxt {width:100px; height:16px;}
 #donate_paypal {margin:10px 0px 0px 181px; vertical-align:top; width:375px;}
 #donate_paypal_no_photo {margin: 15px 0px 0px 31px; vertical-align:top; width: 530px;}
.donate_logo {width: 161px; height: auto;}
.donate_no_logo {width:10px;}
.donate_site {width: 119px; height: 95px; display: block; background: url(../images/hj_logo_small.png) no-repeat; margin: auto; text-align: center;}
.ie .donate_site {margin: 0px 0px 0px 22px:}
.donate_text {margin-left: 6px;}
.ie #donate_paypal p.deemphasized {margin-top:7px;}

/*photos*/
input[type=file]{background-color:white; border:1px solid #2976A7;}
.invalidNumber{color:red;}

/*memorial*/
.memorialData {margin-top:10px;}
.memorialData th { text-align: left; padding-right:15px; width:100px; vertical-align:top}
.memorialData th, .memorialData td { padding-bottom:5px;}


.createSiteBtnSmall, .tellAFriendBtnSmall {background: url(http://www.whatmattersnow.org/images/create_site_small.png?v=1) no-repeat; width:156px; height:32px; display:block; margin-left:23px; padding:0px !important;}
.createSiteBtnSmall:hover {background-position:0px -32px;}
.tellAFriendBtnSmall {background-position:0px -64px;}
.tellAFriendBtnSmall:hover {background-position:0px -96px;}
.ie6 .createSiteBtnSmall, .ie6 .tellAFriendBtnSmall{background: url(http://www.whatmattersnow.org/images/create_site_small_ie6.png?v=1) no-repeat; }
.ie6 .tellAFriendBtnSmall {background-position:0px -64px;}
#becomePartner {background: url(http://www.whatmattersnow.org/images/become_partner_btn.png) no-repeat; width:172px; height:32px; display:block; background-position: 0px 0px; }
#becomePartner:hover {background-position:0px -32px;}

/*helpful tips button */
.helpfulTips {height:29px; width:90px; background:url("http://www.whatmattersnow.org/images/tips_button.png") no-repeat; display:block; padding-left:30px; font-size:12px; line-height:30px; float:right; margin-left:10px; text-decoration:none; clear:both;}
.helpfulTips:hover {background-position: 0px -29px;}

#loader {position:fixed; left: 35%; top:30%; width:400px; border: solid 1px #999999; opacity: 1; z-index: 102; background: #ffffff; text-align: center; }
.ie #loader {position: absolute; top: 250px;}
#progress-gif { height:11px;  margin-bottom: 35px; background: url('http://www.whatmattersnow.org/images/dots.gif') no-repeat center;}
#loader p { text-align: center; color: #444444; font-size: 1.2em; margin: 30px 25px 20px; line-height: 1.4em; }
#grey_overlay { display:block; position:fixed; top:0; z-index:101; opacity:0.5; width:100%; height:100%; background-color:grey; }
.ie #grey_overlay { display:block; position:absolute; top:0; z-index:101; width:100%; background-color:grey; filter:alpha(opacity=50)";}