/*
 * Copyright 2002-2007 Robert D Butler Jr <robert.butler@hoa-management.com>
 *
 * This file is part of HOAM.
 *
 * HOAM is free software; you can redistribute it and/or modify it under the
 * terms of the GNU General Public License as published by the Free Software
 * Foundation; either version 2 of the License, or (at your option) any later
 * version.
 *
 * HOAM is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * HOAM; if not, write to the Free Software Foundation, Inc., 59 Temple Place,
 * Suite 330, Boston, MA  02111-1307  USA
 *
 */

body {
  background: white;
  color: black;
  font: 14px "Gill Sans", GillSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
}

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  text-decoration: underline;
}

abbr, acronym {
  border-bottom: 1px dotted #333;
  cursor: help;
}

blockquote {
  font-style: italic;
  padding: 0em 1em;
}

caption {
  font-size: 80%;
}
  
code, kbd, pre, tt, var {
  font-family: "courier new", "courier", monospace;
}

dt {
  font-weight: bold;
}

dd {
  text-indent: 1em;
}

hr {
  width: 90%;
}

img {
  border: 0px;
}

ins {
  border-bottom: 1px dotted gray;
  text-decoration: none;
}

kbd {
  border-top: #EEDDDD;
  border-right: #BBAAAA;
  border-bottom: #BBAAAA;
  border-left: #EEEEDD;
  background: #FAF6F6;
  padding: 0px 1px 0px 1px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
}

kbd.mouse {
  border: 0px;
  color: #339 !important;
  background: transparent;
}

p {
  text-indent: 2em;
}

.accesskey {
  display: inline;
  text-decoration: underline;
}

.display_block {
  display: block !important;
}

.highlight {
  background: yellow;
  color: black;
}

.group_name {
  font-style: italic;
}

.center {
  text-align: center;
}

.outline {
  border: 1px solid gray;
  padding: 1px;
}

.product_name {
  text-transform: uppercase;
}

.server-communication {
  background: red;
  color: white;
  font-size: 90%;
  font-variant: small-caps;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.textareaExpander {
  cursor: pointer;
  float: right;
  font-size: 125%;
  font-weight: bold;
  margin-top: -1em;
}

#content {
  background: url("/hoam/images/backgrounds/background.png") repeat-y;
  line-height: 1.2;
  padding: .5em !important;
}

#content hr.content_bottom {
  /* This HR forces the content div to fall below the toolbar, thus extending the background image. */
  border: 0;
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  width: 1px;
  visibility: hidden;
}

.binary_attachment {
  border: 0px;
  font-size: 70%;
  float: left;
  margin: 3px;
  max-width: 20em;
  text-align: center;
}

.LHS {
  float: left;
  margin-left: 5px;
  margin-right: 1em;
}

.RHS {
  float: right;
  margin-left: 1em;
  margin-right: 5px;
}

/* ###### Shadow Box ###### */
.shadow {
  float:left;
  background: url(/images/misc/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/misc/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 16px !important;
  margin: 10px 0 0 5px;
}

.shadow div {
  background-color: white !important;
  border: 1px solid black;
  display: block;
  margin: -6px 0 -1px -6px;
/* The padding looks ok if we're looking at the right photo, but otherwise
   it seems instrusive to me. */
  padding: 4px;
  position: relative;
}

/* ############ Generally error or notice messages, however also used elsewhere in the system ############ */
.caution {
  color: orange !important;
}

.complete {
  color: green !important;
}
  
.error {
  color: red !important;
}
.error_img {
  background: url(/hoam/images/icons/error.png) no-repeat left !important;
  color: red !important;
  padding-left: 18px;
}
.warning {
  color: maroon !important;
}

/* ###### Logo specific CSS ###### */

#logo {
  /* background-image: url("/images/backgrounds/skygrass.jpg"); */
  background-image: url("/hoam/images/backgrounds/logo_background.jpg");
  color: white;
  font-size: 120%;
  font-weight: bold;
  padding-right: .5em;
  text-align: right;
  height: 112px;
  text-shadow: black 2px 2px 2px;
}

#logo a:link {
  color: white;
}

#logo a:hover {
  color: silver;
}

#logo .logo_title1 {
  /* Position and set the font for the large background shadow */
  color: #555555;
  font-family: Verdana, sans-serif;
  font-size: 285%;
  position: absolute;
  top: -7px;
  left: 0px; /* The left option is only needed for IE, Mozilla handles placement fine without */
}

#logo .logo_title2 {
  /* Position and set the font for the 1st title */
  color: white;
  font-family: Verdana, sans-serif;
  font-size: 165%;
  left: 20px;
  position: absolute;
  text-shadow: black 2px 2px 2px;
  top: -5px;
}

#logo .logo_title3 {
  /* Position and set the font for the 2nd title */
  color: lime;
  font-family: Verdana, sans-serif;
  font-size: 165%;
  left: 110px;
  position: absolute;
  top: 22px;
}

/* ###### Footer specific CSS ###### */

#footer {
  background: #98cc98;
  clear: both;
  color: white;
  padding: .5em;
  text-align: center;
}

#footer a:link, #footer a:visited {
  color: white;
}

#footer a:hover {
  color: gray;
}

#footer .copyright {
  font-size: 85%;
}

/* ###### Navigation specific CSS ###### */

#page_navigation {
  background: url("/hoam/images/backgrounds/background.png") repeat-y;
  border-top: 1px solid #999;
  z-index: 1;
}

#page_navigation ul {
  list-style-type: none;
  margin-top: -10px;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 2;
}

#page_navigation li {
  display: inline;
  margin: 0 5px;
  text-align: center;
}

#page_navigation li a {
  background-color: #228b22;
  border: 1px solid #006400;
  color: white;
  font-weight: normal;
  padding: 1px 7px 3px 7px;
  text-decoration: none;
}

#page_navigation li a:hover, #navigation li a#current {
/*  background: #8fbc8b; */
  background-color: #0bbf0b;
  border: 1px solid black;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding: 4px 7px 6px 7px;
}

#page_navigation li a#current {
  font-weight: bold;
}

/* ###### Toolbar specific CSS ###### */

.toolbar {
  height: 100%;
  float: left;
  text-align: center;
  width: 180px;
}

.toolbox {
  background: #228b22;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  color: silver;
  margin-bottom: 7px;
  overflow: hidden;
  padding: 5px;
}

.toolbox a:link, .toolbox a:visited {
  color: white;
}

.toolbox a:hover {
  color: silver;
}

/* ############ Search ############ */
.row_even {
  background-color: white !important;
}

tr.alternate-row, .row_odd {
  background-color: #eeeeee !important;
}

/* ############ Search ############ */
.searchResult {
  margin-bottom: 1em;
}

.searchResult h1 {
  border: 0px !important;
  margin: 0px;
  padding: 0px;

  font-weight: normal;
  font-size: 100%;
}

.searchResult p {
  margin: 0px;
  text-indent: 0px;
}

.searchResult span {
  font-size: 80%;
}

/* ############ Forms ############ */
legend {
  font-weight: bold;
}

.advanced_options {
  border: 1px solid black;
  padding: 1em;
  text-align: center;
}

.checkbox_option {
  border: 0;
  float: left;
}

.checkbox_option label {
  display: inline;
}

ul.users_groups {
  margin: 0;
  padding: 5px;
}

ul.users_groups ul {
  margin: 0 0 0 10px;
  padding: 0;
}

ul.users_groups li {
  background-image: url("/images/icons/dotted.gif");
  background-position: 9px 0;
  background-repeat: repeat-y;
  list-style: none;
  padding: 2px 0 2px 20px;
  text-indent: -19px;
}

ul.users_groups li:last-child {
  background-image: url("/images/icons/dotted.gif");
  background-position: 9px 0;
  background-repeat: no-repeat;
  list-style: none;
  padding-left: 20px;
  text-indent: -19px;
}

ul.users_groups li a::before {
  content: url("/images/icons/folder.gif") " ";
}

ul.users_groups li a:hover::before {
  content: url("/images/icons/folderhover.gif") " ";
}

ul.users_groups li a:last-child::before {
  content: url("/images/icons/page.gif") " ";
}

ul.users_groups li a:last-child:hover::before {
  content: url("/images/icons/pagehover.gif") " ";
}

/* #fillme is normally assigned to a div, and is used
 * as a container for progamatically inserted content
 * (is, through javascript). */
#fillme {
  margin: 0;
  padding: 0;
  /* page-break-before: always; */
}

.view_violation h2 {
  background-color: #228b22;
  color: white;
  font-weight: normal;
  font-size: 125%;
  margin: 0em -.5em;
  padding: 0px .5em 0px .5em;
}

.view_violation h2 a {
  color: white;
}

.view_violation h3 {
  font-weight: bold;
  font-size: 90%;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}

.view_violation h3 a {
  color: black;
}

.view_violation h4 {
  font-size: 85%;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}

.view_violation h5 {
  color: green;
  font-weight: bold;
  font-size: 70%;
  margin: 1em 0px 1em 3em;
}

.view_violation img {
  margin: .5em 0px .5em 1em;
}

.view_violation iframe {
  border: 1px solid black;
  font-size: 50%;
  height: 640px;
  overflow: scroll;
  width: 480px;
}

/* ###### Article specific CSS ###### */

#article {
  background: white;
  margin-left: 200px;
  text-align: justify;
}

#article h1 {
  border-bottom: 2px solid black;
  margin: 0;
  text-align: left;
}

.article_tool {
  float: right;
  padding-left: 6px;
}

.article_summary {
  border-bottom: 1px solid;
  padding: 0em 1em 1em 1em;
  margin: 2em 5em;
}

.article_note {
  background: #ccffcc;
  border-right: 1em solid lime;
  color: green;
/* We need to expand the margin larger than needed because of IE's screwed up box model. */
  margin: 1em 2em 1em 2em;
  padding: .5em;
  max-width: 10em;
  text-align: right;
/* We need to specifiy an exact width, otherwise IE gets confused */
  width: 10em;
}

.article_credit {
  font-style: italic;
  font-size: 80%;
}

.article_note a:link, .article_note a:visited { 
  color: green;
}

.article_note .RHS {
  /* This doesn't seem to be applying.... Why? Check on Committees page*/
  border-right: 0;
  border-left: 1em solid lime;
  text-align: left;
}

.common_questions {
  float: right;
  margin: 0 0 1em 2em;
  padding: .5em;
  text-align: left;
  width: 15em;
}

.common_questions img {
  padding: 0px 1em .5em 0px;
}

.common_questions li {
  padding-bottom: .5em;
}

.common_questions ul {
  padding-left: 2em;
  margin-bottom: 0px;
}

.common_questions strong {
  font-size: 125%;
  font-weight: bolder;
  margin-top: .5em;
  text-align: center;
}

.newsletter_contents {
  border: 2px solid gray;
  float: left;
  margin: 0em 2em 1em 0em;
  max-width: 30%;
  padding: 0.5em 1em;
}

.newsletter_contents h2 {
  font-size: 1em;
  margin: 0;
  text-align: left;
  text-decoration: underline;
}

.newsletter_calendar {
  border: 2px solid gray; 
  clear: right;
  font-size: .9em;
  float: right;
  margin: .5em 0em .5em 1em;
  padding: .5em;
  width: 30%;
}

.newsletter_calendar h2 {
  border-bottom: 1px solid gray;
  font-size: 1.25em;
  margin: .5em;
  text-align: center;
}

.newsletter_calendar ul {
  padding-left: 2em;
}

.newsletter_left {
  border: 2px solid gray; 
  clear: left;
  font-size: .9em;
  float: left;
  margin: .5em 1em .5em 0em;
  padding: .5em;
  width: 40%;
}

.newsletter_right {
  border: 2px solid gray; 
  clear: right;
  font-size: .9em;
  float: right;
  margin: .5em 0em .5em 1em;
  padding: .5em;
  width: 40%;
}

.newsletter_left h3, .newsletter_right h3 {
  text-align: center;
  text-transform: capitalize;
}

.newsletter_classifieds {
  border: 2px solid gray;
  clear: right;
  float: right;
  margin: 1em 0.1em 1em 2em;
  max-width: 50%;
  padding: 0.5em 1em;
  width: 3in;
}

.newsletter_classifieds h3 {
  font-variant: small-caps;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: underline;
}

/* ############ Message Boards ############ */

.messageboard {
  margin: 1em 0px 1em 0px;
}

.messageboard h1 {
  border: 1px solid black;
  background: green;
  color: white;
  font-size: 13pt;
  font-weight: normal;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 1em;
}

.messageboard h2 {
  font-weight: bold;
  font-size: 10pt;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}

.messageboard h4 {
  font-weight: bold;
  font-size: 8pt;
  margin: 1em 0px 1em 3em;
}

.messageboard img {
  margin: 15px 0px 5px 6px;
}

.messageboard p {
  text-indent: 0em;
}

/* ###### News specific CSS ###### */

.news {
  padding: .5em;
}

.news h1 {
  background-color: #228b22;
  color: white;
  font-weight: normal;
  font-size: 125%;
  margin: 0em -.5em;
  padding: 0px .5em 0px .5em;
}

.news h2 {
  font-weight: bold;
  font-size: 90%;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}

.news h2 a {
  color: black;
}

.news h4 {
  color: green;
  font-weight: bold;
  font-size: 70%;
  margin: 1em 0px 1em 3em;
}

.news img {
  margin: .5em 0px .5em 1em;
}

.news .topic {
  float: right;
  margin-bottom: .5em;
  margin-left: 1em;
}

.news p {
  text-indent: 0em;
}

.news_tool {
  float: right;
  padding-left: 6px;
}

.news_tool img {
  margin: 2px 0px 0px 0px;
}

/* ###### Mini-Tasklist Application ###### */

.mini-tasklist {
  background: #ffff99;
  color: black;
/*  border: 1px solid; */
  font-weight: normal;
  overflow: hidden;
  text-align: left;
}

.mini-tasklist h1 {
  background: #990033;
  font-size: 100%;
  margin: -5px -5px 0 -5px;
  padding: .5em;
  text-align: center;
}

.mini-tasklist li {
  padding: .5em 0em;
}

.mini-tasklist textarea {
  background: transparent;
  font: 14px "Gill Sans", GillSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 100%;
  height: 7em;
}

.mini-tasklist textarea:focus {
  background: transparent;
}

.mini-tasklist ul {
  font-size: 80%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mini-tasklist .cancel {
}

.mini-tasklist .delete {
  color: red !important;
}

.mini-tasklist .group {
  color: black !important;
  font-size: 175%;
  margin-right: .125em;
}

.mini-tasklist .editbox {
  text-align: center;
}

.mini-tasklist .new {
  color: white;
}

.mini-tasklist .tool-center {
  cursor: pointer;
  font-size: 125%;
}

.mini-tasklist .tool-left {
  cursor: pointer;
  float: left;
  font-size: 125%;
}

.mini-tasklist .tool-right {
  cursor: pointer;
  float: right;
  font-size: 125%;
}

.contact_image {
  border: 3px gray outset;
  height: 10em;
  width: 7em;
}

/************************************************************************
  Budget administration / editing
************************************************************************/
/* This is the old css, the one currently used is from the hoam default.css
.table_refresh {
  cursor: pointer;
}
.budget_balance, .budget_new_balance {
  padding-right: 2em;
  text-align: right;
}
.budget_category {
}
.budget_check, .budget_date, .budget_detail {
  text-align: center;
  vertical-align: top;
}
.budget_id {
  display: none;
}
.budget_memo, .budget_description {
  text-align: left;
}
.budget_expense {
  color: red;
  padding-right: 4em;
  text-align: right;
}
.budget_income {
  color: green;
  padding-right: 4em;
  text-align: right;
}
.budget_not_posted {
  opacity: 0.5 !important;
}
.budget_vendor {
}
.alternate_row {
  background: #e0ffe0;
}
.budget_table {
}
.budget_body {
  min-height: 20em;
  overflow: auto;
}
.budget_action {
  text-align: center;
  vertical-align: center;
}
.budget_tr_hover {
	background: #a0ffa0;
}
.budget_loading {
  background-image: url('/images/icons/throbber.gif');
  background-position: center center;
  background-repeat: no-repeat;
  height: 15em;
  text-align: center;
}
.budget_window_move {
  opacity: .20;
}

.less-opacity {
  opacity: 0.40;
}
*/