/* new stuff */
body, html {background-color:#fff3bf;}
strong {vertical-align: baseline; font-weight: bold;}
em {font-style: italic;}
.clear {clear: both;}

/* LINKS */
a, #content #tabNav li.active a {font-weight: bold; color: #536663}
a:hover, #content #tabNav li.active a:hover {color: #5c6f19;}

#nav a, #content #tabNav li a, #content p.moderation a {color: #FFFFFF; text-decoration: none;}
#content p.moderation a {text-decoration: underline;}
#nav a:hover, #content #tabNav li a:hover, #content p.moderation a:hover {color: #fff3bf;}
#ft a {color: #fff3bf;}
#ft a:hover {color: #ffffff}
#userBox p.otheroptions a {color: #536663;}
#userBox p.otheroptions a:hover {color: #5c6f19;}
.sidebar a {color: #536663}
.sidebar a:hover {color: #5c6f19}

.addiply {text-align: center;}
.addiply h2 {text-align: left}
.addiply .addiply_advert {margin-left: auto; margin-right: auto;}

#hd {background-image: url(images/hd_bg.gif); background-repeat: repeat-x; background-color: #a9c24c}
#nav {font-size: 0.9em; background-image: url(images/nav_bg.gif); background-repeat: repeat-x; background-color: #3a470a;}
#userBox {background-repeat: no-repeat; background-position: top left;}
.loginBox {background-image: url(images/login_bg.png);}
.logoutBox {background-image: url(images/logout_bg.png);}
#userBox label {color: #5c6f19; font-size: 1em; font-weight: bold; padding-right: 0.5em; padding-left: 1em}
#userBox .textbox {width: 140px;}
#userBox p.buttons {text-align: right; margin: 0.6em 0em 0.1em 0em;}
#userBox p.otheroptions { margin: 0.8em 0em 0.1em 1em;}
#userBox p {font-size: 0.85em; color: #536663;}

form.fhTableType1 {margin: 1em 0em 1em 0em;}
form.fhTableType1 table, form.fhTableType1 fieldset {width: 97%; overflow: hidden;}
form.fhTableType1 table {width: 100%;}
form.fhTableType1 legend, form.admin-form legend {font-size: 0.85em; color: #4C7415}
form.admin-form legend {margin: 0em 0.5em; padding: 0em 0.5em}
form.fhTableType1 .fhErrorField {background-color: #f1e7e6}
form.fhTableType1 .fhErrorField label {color: #000000; padding-left: 0.3em;}
form.fhTableType1 fieldset, form.admin-form fieldset { border: 1px solid #c9d5b8; padding-top: 0em; margin-bottom: 1em;}
form.admin-form fieldset {padding: 0.5em 0em}
form.fhTableType1 .fhErrorText p {color: #7E2717 !important}
form.fhTableType1 .fhFieldRegion {vertical-align: middle;}
#content form.fhTableType1 .fhLabelRegion, #content form.admin-form .fhLabel label {line-height: 20px; white-space: nowrap; width: 100px; vertical-align: top; padding-top: 0em; font-size: 0.9em; color:#115D2A;}
form.fhTableType1 .fhLabelFieldRegion label {font-size: 0.85em;}
form.fhTableType1 .fhLabelRegion * {vertical-align: middle;}
form.fhTableType1 .fhLabelRegion strong, form.fhTableType1 .fhLabelRegion a {vertical-align: baseline;}
form.fhTableType1 .fhErrors strong, form.fhTableType1 .fhFieldRegion span.checkbox  {vertical-align: baseline}
form.fhTableType1 .fhFieldRegion input, form.admin-form .fhField input {width: 200px}
form.fhTableType1 .fhFieldRegion input.button, form.admin-form .fh4Buttons input {width: auto; margin-right: 0.4em}
form.fhTableType1 .fhFieldRegion span.checkbox input, form.fhTableType1 .fhUploadedFile input {width: auto;}
form.fhTableType1 .fhUploadedFile input {margin-left: 0.4em; margin-top: 0.4em}
form.fhTableType1 textarea {background-color: #ffffff;}
form.fhTableType1 .fhExtras {vertical-align: middle;}
#description {height: 350px; display: block;}
#summary {width: 280px;}
#cke_description {border: 0px; padding: 0px;}

.fh4 table span.LV_validation_message {display: block; padding-left: 0em;}
#content .fh4 .datepickerControl tr.dayLabel td {color: #ffffff}
.fh4 #date, .fh4 #starttime, .fh4 #endtime {background-color: #ffffff}
.fh4 .fhUploadedFile {display: block;}
#content .admin-form .fhFileDelete {padding-top: 0.5em}
#content .admin-form .fhFileDelete input {width: auto; vertical-align: bottom}
#content .admin-form .nicEdit .fhLabel {display: none}
#content .admin-form .fhSeoEdit, #content .admin-form .fhSeoEdit * {vertical-align: middle}
#content .admin-form .fhNoteTrigger {visibility: visible; padding-left: 0.4em}
#content .admin-form input.button {width: auto; margin-right: 0.3em}
#content .admin-form #locationField {line-height: 22px;}

.galleryImage {float: left; margin: 0.3em 0.3em 0.3em 0.3em}

.weather img {float: left; margin: 0em 0.4em 0.4em 0em}

#twitterBadge {text-align: center;}
#twitterBadge a.follow {text-decoration: none}

.sidebar form {margin: 0.5em 0em}
.sidebar p, .sidebar ul {font-size: 0.9em; margin: 0.4em 0em 0.4em 0em; color: #115D2A}
.sidebar {position: relative; background: #b9cd6b url(images/sidebar_bg.gif) repeat-x top; margin-bottom: 0.6em; padding: 10px 15px 10px 15px; border: 5px solid #ffffff}
.sidebar h2 {color: #536663; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.3em;  margin: 0em 0em 0.5em 0em}
.sidebar h3 {color: #115D2A; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 0.9em; margin: 0em 0em 0.5em 0em}
.sidebar ul span {font-size: 0.8em; padding-left: 0.5em;}
.sidebar ul li {margin: 0.4em 0em;}
.sidebar2 {position: relative; margin-bottom: 0.6em; padding: 0px 15px 0px 15px; text-align: center;}
.sidebar2 p {margin: 0.2em 0em}
.sbtl {z-index: 200; position: absolute; top: -5px; left: -5px; background-image: url(images/sidebar_corners.png); background-position: 0 0; height: 19px; width: 20px; }
.sbtr {z-index: 200; position: absolute; top: -5px; right: -5px; background-image: url(images/sidebar_corners.png); background-position: -20px 0; height: 19px; width: 20px; }
.sbbl {z-index: 200; position: absolute; bottom: -5px; left: -5px; background-image: url(images/sidebar_corners.png); background-position: 0px -19px; height: 19px; width: 20px; }
.sbbr {z-index: 200; position: absolute; bottom: -5px; right: -5px; background-image: url(images/sidebar_corners.png); background-position: -20px -19px; height: 19px; width: 20px; }
.sidebar .adminTools img { vertical-align: middle; margin-right: 0.5em;}
.sidebar .adminTools {margin-top: 1em;}

.sidebar div.tweet {padding-left: 0.6em; border-left: 2px solid #115D2A;; }
.sidebar p.tweet {margin-bottom: 0.2em;}
.sidebar p.tweetTime {margin-top: 0.2em; color: #ffffff; font-weight: bold; font-size: 0.85em}
.sidebar .twittericon {float: right; margin: 0em 0em 1em 1em;}

h2.tagcloud, h2.search, h2.groups, h2.businesses, h2.pages, h2.events, h2.locations, h2.news, h2.email, h2.info {word-wrap: break-word; padding-left: 25px; background-repeat: no-repeat; background-position: 0 2px}
h1.users, h1.search, h1.help, h1.pages, h1.news, h1.tags, h1.locations, h1.groups, h1.businesses  {word-wrap: break-word; line-height: 35px; padding-left: 40px; background-repeat: no-repeat; background-position: 0 50%;}

#zoom {z-index: 500;}
h2.search {background-image: url(images/search.png);}
h1.search {background-image: url(images/searchLarge.png)}
h2.tagcloud {background-image: url(images/tagcloud.png);}
h1.tags {background-image: url(images/tagcloudLarge.png);}
h2.events {background-image: url(images/events.png); }
h2.locations {background-image: url(images/locations.png);}
h1.locations {background-image: url(images/locationsLarge.png);}
h2.news {background-image: url(images/news.png);}
h2.pages {background-image: url(images/page.png);}
h1.pages {background-image: url(images/pageLarge.png);}
h1.help {background-image: url(images/helpLarge.png);}
h2.email {background-image: url(images/email.png);}
h2.info {background-image: url(images/info.png);}
h1.users {background-image: url(images/usersLarge.png);}
h1.groups {background-image: url(images/groupsLarge.png);}
h2.groups {background-image: url(images/groups.png);}
h1.news {background-image: url(images/newsLarge.png);}
h1.businesses {background-image: url(images/businessLarge.png);}
h2.businesses {background-image: url(images/business.png);}

li.location, li.group, li.pages, li.news, li.business, li.events {line-height: 16px; padding: 0.3em 0px 0.3em 20px; background-repeat: no-repeat; background-position: 0 3px }
li.location {background-image: url(images/locations.png);}
li.group {background-image:  url(images/groups.png);}
li.business {background-image: url(images/business.png);}
li.news {background-image: url(images/news.png);}
li.events {background-image: url(images/events.png);}
li.pages {background-image: url(images/page.png);}

blockquote {padding-left: 0.5em; margin: 1em 0em 1.5em 1em; border-left: 2px solid rgb(17, 93, 42); font-style: italic}

.help {text-align: left;}
.help h3 {font-weight: bold; color: #115D2A; font-size: 1.2em; margin: 0.5em 0em 0.5em 0em}
.help p {margin: 0.5em 0em 0.5em 0em}

#content table th, #content table td {color: #333333; padding: 0.2em 0.5em 0.2em 0.4em; vertical-align: top;}
#content table th {white-space: nowrap; color: rgb(17, 93, 42); padding-right: 1em; font-weight:bold; }

#content h1 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 2em; color: #536663; margin: 0.5em 0em 0.5em 0em;}
#content h2 {font-weight: bold; font-size: 1.4em; color: #536663; margin: 0.5em 0em 0.5em 0em;}
#content h3 {font-weight: bold; font-size: 1.1em; color: #5c6f19}
#content h3 a {color: #5c6f19}
#content p, #content dd, #content dt {color: #333333; font-size: 0.9em; margin: 0.7em 0em 0.7em 0em; line-height: 160%;}
#content dt {font-weight: bold; margin: 0.3em 0em;}
#content dd, #content dt {margin: 0.3em 0em 0.6em 0em;}
#content dd img {vertical-align: middle;}
#content div.nicEdit {color: #333333; font-size: 0.9em; margin: 0.7em 0em 0.7em 0em; line-height: 160%;}
#content div.nicEdit p {font-size: 1em;}
#content div.nicEdit li {font-size: 1em;}
#content p.lead {font-weight: bold; color: #536663;}
#content div.error {background-image: url(../projects/centralIcons/error.png); background-color: #fbd8ab; border: 2px solid #e88d1b;}
#content div.disclaimer {clear: both;}
#content p.error {font-weight: bold; color: red }
#content p.success {font-weight: bold; color: green}
#content div.success {background-image: url(../projects/centralIcons/success.png); background-color: #f2f7eb; border: 2px solid #64922a;}
#content p.ownership {text-align: center; clear: both;  margin-top: 2em; background-color: #f2f7eb; padding: 0.4em 0.6em; border: 2px solid #64922a;}
#content div.error, #content div.success {font-weight: bold; text-align: left; margin: 0em 0em 0.5em 0em;  background-position: 15px 50%; background-repeat: no-repeat; padding: 0.5em 0.5em 0.5em 50px;  border-left: none; border-right: none;}
#content div.error p, #content div.success p {color: #333333; margin: 0em; padding: 0.4em 0em;}
#content li {color: #333333; font-size: 0.9em;}
#content ol li {color: #333333; font-size: 0.9em; line-height: 145%; list-style-type: decimal; list-style-position: outside; margin-bottom: 0.3em}
#content ul li {color: #333333; font-size: 0.9em; line-height: 145%; list-style-type: disc; list-style-position: outside; margin-bottom: 0.3em}
#content ul, #content ol {margin: 1em 3em 1em 3em;}
#content ul.nobullets {margin: 1em 0em;}
#content ul.nobullets li {list-style-type: none;}
#content .event {margin: 0.5em 0em 1em 0em; clear: both;}
#content .date {font-weight: bold; color: #2c3606; text-transform: uppercase; font-size: 0.85em}
#content .date a {color: #2c3606;}
#content .event h3, #content .event p {margin: 0.1em 0em}
#content .divider {clear: both; height: 5px; background: url(images/divider.gif) repeat-x 0 50%; margin: 1em 0em}
#content div.adminTools {float: right; clear: both; margin: 0em 0em 0.5em 0.5em;}
#content .adminTool {vertical-align: middle}
#content .adminTools img {vertical-align: middle;}
#content .backlink {text-align: right;}
#content .showhide img {margin-right: 0.4em;}
#content .showhideme dl {padding-left: 1em;}
#content dd.showhideme {padding-left: 16px;}

#content .socialMedia {margin-top: 2em;}
#content .socialMedia ul {margin: 0.3em 0em;}
#content .socialMedia ul li {display: inline; padding-right: 10px;}
#content .socialMedia li.logo {padding-left: 20px; background-repeat: no-repeat; background-position: 0px 0px;}
#content .socialMedia li.google {background-image: url(../projects/centralIcons/brands/googleMini.png)}
#content .socialMedia li.yahoo {background-image: url(../projects/centralIcons/brands/yahooMini.png)}
#content .socialMedia li.outlook {background-image: url(../projects/centralIcons/brands/outlookMini.gif)}
#content .socialMedia li.ical {background-image: url(../projects/centralIcons/brands/icalMini.png)}

#content .itemImage {clear: right;float: right; margin: 0em 0em 1em 1em;}
#content .address {font-weight: bold; font-size: 0.85em; }
#content #itemDetails {position: relative; margin-top: 2em; clear: both; background-image: url(images/sidebar_bg.gif); background-repeat: repeat-x;  background-color: #b9cd6b; padding: 10px; border: 5px solid #ffffff }
#content #itemDetails .tab {background-color: #ffffff; padding: 10px;}
#content #tabNav {font-size: 0.9em; clear: both; margin: 2em 0em 0em 0em; padding: 0px 30px 0px 30px;}
#content #tabNav li {margin: 0px 0.7em 0px 0px; padding: 0em; display: block; width: auto; float:left; background-color: #3a470a}
#content #tabNav li.active {background-color: #ffffff}
#content #tabNav li a {margin: 0em; padding: 0.5em 1em; display: block; width: auto; text-align: center;}
#content .itemTags {color: #115D2A; font-size: 0.9em; margin-bottom: 1.5em; line-height: 150%}
#content .itemTags a {color: #115D2A;}
#content .itemTags h3 {margin: 1em 0em 0.5em 0em;}
#content .itemTags span.user a {color: #333333}
#content .itemTags span.bad {color: red}
#content .itemTags span.tag {padding-right: 15px;}
#content .itemTags span.tag span {position: absolute; left: -1000px;}
#content .itemTags span.tag input {margin-left: 5px}
#content .itemTags .error, #content .itemTags .success {margin-bottom: 0.7em;}

#content p.moderation {font-weight: bold; padding: 0.3em 0.6em; background-color: #f08821; text-align: center; color: #ffffff}

#content .calendar {position: absolute; top: 0px; left: 0px; padding: 0em 1em 0.5em 0em;}
#content .calendar div {height: 114px; width: 100px; overflow: hidden; background: url(images/calendar.png) no-repeat}
#content .calendar .month {margin: 0px; padding: 37px 0px 0px 25px; color: white; font-size: 11px; line-height: 100%; font-weight: bold;}
#content .calendar .day {margin: 0px; padding: 5px 0px 0px 21px; color: rgb(83, 102, 99); font-size: 46px; line-height: 100%; font-weight: bold;}
#content .calendarDate {min-height: 114px; padding-top: 10px; position: relative; clear: both;}
#content .calendarDate .event {padding-left: 120px;}
#content .calendarWrapper {min-height:  114px; margin-bottom: 1em; padding-top: 10px; position: relative; padding-left: 115px;}

/* standard colours & styles */
.right {text-align: right;}
img.right {float: right; margin: 0em 0em 1em 1em; clear: right;}
img.small {width: 150px;}
.left {text-align: left;}
.small {font-size: 0.8em;}
em {font-style: italic;}

#content .mapBubble * {margin: 0px; padding: 0px; line-height: normal}
#content .middle {vertical-align: middle;}

.tag-cloud {font-size: 1em; margin: 0em; padding: 0em;}
.tag-cloud a:hover {text-decoration:none;}
.tag-cloud a {padding-right: 0.4em}
.tag-cloud span {position: absolute; left: -1000px;}

.size10 {font-size: 3.5em; font-weight: bold;}
.size9 {font-size: 3.1em; font-weight: bold;}
.size8 {font-size: 2.8em; font-weight: bold;}
.size7 {font-size: 2.5em; font-weight: bold;}
.size6 {font-size: 2.3em; font-weight: bold;}
.size5 {font-size: 2.1em;}
.size4 {font-size: 1.5em;}
.size3 {font-size: 1.3em;}
.size2 {font-size: 1.1em;}
.size1 {font-size: 0.9em;}

#ft {color: #fff3bf; background-color: #5c6f19; text-align: center; font-size: 0.9em; margin-bottom: 0em; padding-bottom: 1em; margin-top: 2em; padding-top: 1em;}
#ft p {margin: 0.5em 0em;}

div.forumButton a {background-repeat: no-repeat; background-position: top; display: block; height: 100%; width: 100%; overflow: hidden;}
div.forumButton span { position: absolute; left: -10000px;}

div.reply-icon {height: 25px; width: 96px;}
div.reply-icon a {background-image: url(http://www.hartwellvillage.com/forum/styles/prosilver/imageset/en/button_topic_reply.gif); }
div.reply-icon a:hover {background-position: 0px -25px;}
div.report-icon {height: 20px; width: 20px;}
div.report-icon a {background-image: url(http://www.hartwellvillage.com/forum/styles/prosilver/imageset/icon_post_report.gif); }
div.report-icon a:hover {background-position: 0px -20px;}
div.quote-icon {height: 20px; width: 54px;}
div.quote-icon a {background-image: url(http://www.hartwellvillage.com/forum/styles/prosilver/imageset/en/icon_post_quote.gif); }
div.quote-icon a:hover {background-position: 0px -20px;}

div.post {border: 1px solid rgb(92, 111, 25); margin: 0.5em 0em; padding: 0.2em 0.5em}
#content div.post h4 {margin-bottom: 0em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-size: 1.1em; color: #536663; }
#content div.post p.postedby {margin-top: 0.2em; font-size: 0.8em;}
#content div.post div.report-icon, #content div.post div.quote-icon {float: right;}

#content .changeRequest h3 {font-size: 1em}
#content .changeRequest .imageButton {margin-left: 0.3em}

#documentStore {margin-top: 1em;}
#documentStore .adminTools * {vertical-align: bottom;}
#documentStore .adminTools {vertical-align: middle; padding-left: 1em;}
#documentStore .adminTools img {margin-right: 0.1em;}
#documentStore .sortableActive li {cursor: move;}

.facebook img {vertical-align: middle;}
.facebook {padding-left: 0.5em;}

.facebookBox {clear: both; background: #d8deea; border: 1px solid rgb(59, 89, 152); margin: 1em 0em; padding: 0em 1em;}
.facebookBox img {float: left; margin: 0.8em 1em 1em 0em}

.sidebar input {vertical-align: middle;}
input.image {margin-left: 0.2em}