/*
 * This file is part of HOAM, copyright (C) 2002-2009 Robert D Butler Jr.
 *
 * HOAM is free software; you can redistribute it and/or modify it under the
 * terms of the GNU Affero General Public License as published by the Free
 * Software Foundation; either version 3 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 Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with HOAM; if not, see http://www.gnu.org/licenses or write to the
 * Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301
 *
 * Questions specific to HOAM should be directed to HOA Management. Please see
 * the HOAM web site at http://hoam.hoa-management.com/
 *
 * Some portions of HOAM incorporate ideas and/or code from other sources, and
 * those portions are explicitly mentioned and attributed in the relevant
 * section of HOAM source code. Questions about that code should be directed to
 * the original authors.
 *
 */

/******************************************************************************
Modifications to the default tags
******************************************************************************/
body {
  background: white;
  color: black;
  font: 11pt Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
a:link, a:visited {
  font-weight: bold;
  text-decoration: none !important;
}
a:link {
  color: blue;
}
a:visited {
  color: purple;
}
a:hover {
  text-decoration: underline;
}
abbr, acronym {
  border-bottom: 1px dotted gray;
  cursor: help;
}
blockquote {
  font-style: italic;
  padding: 0em 1em;
}
button {
  cursor: pointer;
}
caption {
  font-size: .8em;
}
code, kbd, pre, tt, var {
  font-family: "courier new", "courier", monospace;
}
col.center {
  /* DEPRECATED. Doesn't work anyway */
  text-align: center !important;
}
col.legend {
  background: #efefef;
}
col.notes, td.notes, tr.notes {
  background: #eeffee;
}
td.currency {
  text-align: right;
  padding-right: 2em;
}
div.mandatory {
  background-color: #E4C0C0;
  border-left: 5px solid;
  border-right: 5px solid;
  border-color: red;
  text-align: left;
  padding: .5em 1% .5em 1%;
}
div.optional {
  background-color: silver;
  border-left: 5px solid;
  border-right: 5px solid;
  border-color: gray;
  text-align: left;
  padding: .5em 1% .5em 1%;
}
dt {
  font-weight: bold;
}
dd {
  text-indent: 1em;
}
form {
  text-align: center;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
hr {
  width: 90%;
}
img {
  border: 0px;
}
img.yotm {
  border: 5px inset;
}
ins {
  border-bottom: 1px dotted gray;
  text-decoration: none;
}
label {
  display: block;
  font-weight: bold;
  font-style: italic;
}
label span {
  display: block;
}
legend {
  font-weight: bold;
}
p {
  text-indent: 2em;
}
table {
  background-color: white;
  border-spacing: 0;
  padding: .5em;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
table.default {
  padding: 0;
  width: auto;
}
table.default td {
  background: transparent;
  border-bottom: 0;
  padding: 0;
}
thead, tfoot {
  background: silver;
}
th {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  text-align: center;
}
td {
  border-bottom: 1px solid silver;
  padding: .3em;
}
td ul {
  padding-left: 1em;
}
td li {
  text-align: left;
}
table.vote_results_i_hate_ie {
  float: left;
}
textarea {
  padding-bottom: .5em;
  width: 100%;
}

/******************************************************************************
General 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;
}

/******************************************************************************
Generic classes that are reused.
******************************************************************************/
.clear {
	clear: both;
}
.less_emphasis {
  color: gray;
}
.less-opacity {
  opacity: .50;
  -ms-filter: "alpha (opacity=50)";
  filter: alpha(opacity=50);
  /* Added the color statement because f*ing IE8 won't do any opacity changes
   * without compatibility mode on. */
  color: gray;
}
.small {
	font-size: .8em;
}
.underline {
  text-decoration: underline;
}

/******************************************************************************
Page logo
******************************************************************************/
#page_logo {
  background: url("/hoam/images/backgrounds/masthead.jpg") repeat-x 0 -50px;
  color: white;
  font-size: 1.175em;
  font-weight: bold;
  padding: .25em;
  text-align: right;
  height: 100px;
  text-shadow: black 2px 2px 2px;
}
#page_logo a:link {
  color: white;
}
#page_logo a:hover {
  color: silver;
}
#page_logo h1 {
  /* Position and set the font for the large background shadow */
  color: #555555;
  font-family: Verdana, sans-serif;
  font-size: 2.85em;
  position: absolute;
  top: 25px;
  left: 5px; /* The left option is only needed for IE, Mozilla handles placement fine without */
}
#page_logo h2 {
  /* Position and set the font for the 1st title */
  color: white;
  font-family: Verdana, sans-serif;
  font-size: 1.65em;
  left: 5px;
  position: absolute;
  text-shadow: black 2px 2px 2px;
  top: -5px;
}
#page_logo h3 {
  /* Position and set the font for the 2nd title */
  color: lime;
  font-family: Verdana, sans-serif;
  font-size: 1.65em;
  left: 110px;
  position: absolute;
  top: 22px;
}

/******************************************************************************
Navigation content
******************************************************************************/
#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-size: 105%;
  font-weight: normal;
  padding: 1px 7px 3px 7px;
  text-decoration: none;
}
#page_navigation li a:hover, #page_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;
}

/******************************************************************************
The 'container' element holds the toolbar and page content; this exists simply
to provide a common 'column' background element to those two items.
******************************************************************************/
#container {
  background: white url("/hoam/images/backgrounds/background.png") repeat-y;
}

/******************************************************************************
Toolbar content
******************************************************************************/
#page_toolbar {
  background: white url("/hoam/images/backgrounds/background.png") repeat-y;
  float: left;
  padding: 8px;
  text-align: center;
  width: 180px;
}
#page_toolbar .advertisement {
  max-width: 144px;
  text-alignment: center;
}
#page_toolbar .toolbox {
  background: #228b22;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  color: silver;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 5px;
}
#page_toolbar a:link, #page_toolbar a:visited {
  color: white;
}
#page_toolbar a:hover {
  color: silver;
}

/******************************************************************************
Page content
******************************************************************************/
#page_content {
  line-height: 1.2em;
  margin-left: 195px;
  padding: 0 .75em .5em .5em !important;
  text-align: justify;
}
#page_content h1 {
  border-bottom: 2px solid black;
  line-height: .9em;
  margin: 0;
  padding: .3em 0 .3em 0;
  text-align: left;
}

/******************************************************************************
Footer content
******************************************************************************/
#page_footer {
  background: #98cc98;
  clear: both;
  color: white;
  margin: 0;
  padding: .5em;
  text-align: center;
}
#page_footer a:link, #page_footer a:visited {
  color: white;
}
#page_footer a:hover {
  color: gray;
}
#page_footer .copyright {
  font-size: .85em;
}

/*** Below are all of the remaining "generic" classes ***/
/******************************************************************************
table striping, everything should be moved to alternate-row
******************************************************************************/
.row_even {
  /* DEPRECATED */
  background-color: white !important;
}
.row_odd {
  /* DEPRECATED */
  background-color: #eeeeee !important;
}
tr.alternate-row {
  background-color: #eeeeee !important;
  border: 0 !important;
}
ul.none {
  list-style: none;
}
.box_information, .box_warning {
  border: 2px solid black;
  margin: 1.5em 1em;
  padding: .5em 1em .5em 3em;
  text-align: center;
}
.box_information {
  background: #eeeeee url('/hoam/images/icons/information.png') no-repeat .5em center;
}
.box_warning {
  background: #eeeeee url('/hoam/images/icons/exclamation.png') no-repeat .5em center;
}
.accesskey {
  display: inline;
  text-decoration: underline;
}
.cursor_help {
  cursor: help;
}
.display_block {
  display: block !important;
}
.display_none {
  display: none;
}
.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: .9em;
  font-variant: small-caps;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
.textareaExpander {
  cursor: pointer;
  float: right;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: -1em;
}
.binary_attachment {
  border: 0px;
  font-size: .7em;
  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, I believe limited to img tags currently
******************************************************************************/
.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;
}

/******************************************************************************
Search
******************************************************************************/
.searchResult {
  margin-bottom: 1em;
}
.searchResult h1 {
  border: 0px !important;
  margin: 0px;
  padding: 0px;

  font-weight: normal;
  font-size: 1em;
}
.searchResult p {
  margin: 0px;
  text-indent: 0px;
}
.searchResult span {
  font-size: .8em;
}

/******************************************************************************
Forms
******************************************************************************/
form .advanced_options {
  border: 1px solid black;
  padding: 1em;
  text-align: center;
}
form .checkbox_option {
  border: 0;
  float: left;
}
form .checkbox_option label {
  display: inline;
}
form .error_img {
  background: url(/hoam/images/icons/error.png) no-repeat left !important;
  color: red !important;
  padding-left: 18px;
}
form input:focus, select:focus, textarea:focus {
  background-color: #ffffbb;
}
form .text {
  width: 100%;
}

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

/******************************************************************************
Violation classes
******************************************************************************/
.view_violation h2 {
  background-color: #228b22;
  color: white;
  font-weight: normal;
  font-size: 1.25em;
  margin: 0em -.5em;
  padding: 0px .5em 0px .5em;
}
.view_violation h2 a {
  color: white;
}
.view_violation h3 {
  font-weight: bold;
  font-size: .9em;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}
.view_violation h3 a {
  color: black;
}
.view_violation h4 {
  font-size: .85em;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}
.view_violation h5 {
  color: green;
  font-weight: bold;
  font-size: .7em;
  margin: 1em 0px 1em 3em;
}
.view_violation img {
  margin: .5em 0px .5em 1em;
}
.view_violation iframe {
  border: 1px solid black;
  font-size: .5em;
  height: 640px;
  overflow: scroll;
  width: 480px;
}

/************************************************************************
Article specific CSS
************************************************************************/
.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: .8em;
}
.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: 1.25em;
  font-weight: bolder;
  margin-top: .5em;
  text-align: center;
}

/************************************************************************
Message Boards
************************************************************************/
.messageboard {
  margin: 1em 0px 1em 0px;
}
.messageboard h1 {
  border: 1px solid black;
  background: green;
  color: white;
  font-size: 1.125em;
  font-weight: normal;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 1em;
}
.messageboard h2 {
  font-weight: bold;
  font-size: .8em;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}
.messageboard h4 {
  font-weight: bold;
  font-size: .7em;
  margin: 1em 0px 1em 3em;
}
.messageboard img {
  margin: 15px 0px 5px 6px;
}
.messageboard p {
  text-indent: 0em;
}

/************************************************************************
News
************************************************************************/
.news {
  padding: .5em;
}
.news h1 {
  background-color: #228b22;
  color: white;
  font-weight: normal;
  font-size: 1.25em;
  margin: 0em -.5em;
  padding: 0px .5em 0px .5em;
}
.news h2 {
  font-weight: bold;
  font-size: .9em;
  margin: 1px 0px 10px 0px;
  padding: 0px;
}
.news h2 a {
  color: black;
}
.news h4 {
  color: green;
  font-weight: bold;
  font-size: .7em;
  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 !important;
  color: black !important;
  line-height: 1em;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
}
.mini-tasklist h1 {
  background: #990033;
  font-size: 1em;
  margin: -5px -5px 0 -5px;
  padding: .5em;
  text-align: center;
}
.mini-tasklist li {
  padding: .5em 0em;
}
.mini-tasklist textarea {
  background: transparent;
  font: 1em "Gill Sans", GillSans, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  height: 7em;
}
.mini-tasklist textarea:focus {
  background: transparent;
}
.mini-tasklist ul {
  font-size: .8em;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mini-tasklist .cancel {
}
.mini-tasklist .delete {
  color: red !important;
}
.mini-tasklist .group {
  color: black !important;
  font-size: 1.75em;
  margin-right: .125em;
}
.mini-tasklist .editbox {
  text-align: center;
}
.mini-tasklist .new {
  color: white;
}
.mini-tasklist .tool-center {
  cursor: pointer;
  font-size: 1.25em;
}
.mini-tasklist .tool-left {
  cursor: pointer;
  float: left;
  font-size: 1.25em;
}
.mini-tasklist .tool-right {
  cursor: pointer;
  float: right;
  font-size: 1.25em;
}
.mini-tasklist-additional {
  color: gray;
  font-size: .6em;
}

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

/************************************************************************
  Budget administration / editing
************************************************************************/
.table_refresh {
  cursor: pointer;
}
.budget_action {
  text-align: center;
  vertical-align: middle;
}
.budget_assessment {
  color: red;
}
.budget_balance {
  color: inherit;
}
.budget_body {
  min-height: 20em; /* This needs to be overridden by JS after checking the available screen size */
  overflow: auto;
}
.budget_check, .budget_date, .budget_detail {
  text-align: center;
}
.budget_id {
  display: none;
}
.budget_invoice_body {
  min-height: 20em; /* This needs to be overridden by JS after checking the available screen size */
  page-break-before: avoid !important;
  overflow: auto;
}
.budget_invoice_body tr, .budget_invoice_body td {
  page-break-inside: avoid !important;
}
.budget_invoice_container {
  border: 1px solid black;
  float: right;
  height: 7em;
  margin-top: 1em;
  overflow: visible;
  padding: .5em 1em;
  page-break-inside: avoid !important;
  text-align: center;
  width: 15%;
}
.budget_invoice_container h2, .budget_invoice_total h2 {
  background: white !important;
  border: 1px solid black;
  font-size: 100%;
  margin-top: -1.75em;
  padding: .5em 1em;
  overflow: visible;
}
.budget_invoice_customer_container {
  border: 1px solid black;
  height: 7em;
  margin-top: 2em;
  margin-right: 20%;
  overflow: visible;
  padding: .5em 1em;
}
.budget_invoice_customer_container h2 {
  background: white !important;
  border: 1px solid black;
  font-size: 100%;
  margin-top: -1.75em;
  padding: .5em 1em;
  overflow: visible;
}
.budget_invoice_customer_id {
  float: right;
  text-align: right;
}
.budget_invoice_fineprint {
  font-size: 0.8em;
  line-height: 1.1em;
  margin-right: 20%;
}
.budget_invoice_item_number, .budget_invoice_item_date {
  text-align: center;
}
.budget_invoice_total {
  border: 1px solid black;
  float: right;
  margin-top: 2em;
  min-height: 7em;
  padding: .5em 1em;
  /* page-break-before: always !important; */
  page-break-inside: avoid !important;
  text-align: center;
  width: 15%;
}
.budget_memo, .budget_description {
  text-align: left;
}
.budget_loading {
  background-image: url('/images/icons/throbber.gif');
  background-position: center center;
  background-repeat: no-repeat;
  height: 15em;
  text-align: center;
}
.budget_not_posted {
  opacity: .5 !important;
}
.budget_payment {
  color: green;
}
.budget_window_move {
  opacity: .20;
}

/******************************************************************************
Mini-vote
******************************************************************************/
.mini-vote h1 {
  font-size: 1.1em;
  font-weight: bold;
}
.mini-vote form div {
  background: white;
  border: 0;
  color: black;
  padding: 0;
  text-align: center;
}

/******************************************************************************
Letters to homeowners
******************************************************************************/
#letter dl {
  page-break-after: always;
  page-break-inside: avoid;
}
#letter_head {
  margin: 1em;
  text-align: center;
}
#letter_head h1 {
  color: green;
  border-bottom: 2px solid black;
  font-size: 1.5em;
  font-variant: small-caps;
  margin: 0px;
  padding: .25em;
  text-align: center;
  text-transform: capitalize;
}
#letter_head h2 {
  font-size: 1.2em;
  font-variant: small-caps;
  margin: 0px;
  padding: .25em;
  text-transform: capitalize;
}
#letter_head h3 {
  font-size: .9em;
  font-style: italic;
  font-weight: normal;
  margin: 0px;
}
#letter_salutation {
  text-align: left;
}
#letter_signature {
  text-align: left;
}
.letter-approver {
  margin: 2em 0 0 0;
  text-align: left;
}
.letter-date {
  float: right;
  padding-top: 1em;
  text-align: right;
}
.letter-footer {
  text-align: left;
}
.letter-homeowner-address {
  margin: 1em 0;
  text-align: left;
}
.letter-person {
  text-align: left;
}
.letter-residence-address {
  margin: 1em 0;
  text-align: left;
}
.letter-salutation {
  margin-top: 2em;
  text-align: left;
}
.letter-signature {
  text-align: left;
}
.letter-specific {
  font-weight: bold;
  text-indent: 2em;
}
.letter-topic {
  font-weight: bold;
  margin: 0 0 1em 0;
  text-align: left;
}
.violation_letter {
  background: white;
  color: black;
  margin: 2em;
  padding: 1em;
  page-break-after: always !important;
  text-align: left;
}
.violation_letter h1 {
  color: green;
  font-size: 1.75em;
  font-variant: small-caps;
  margin: 0px;
  text-align: center !important;
  text-transform: capitalize;
}
.violation_letter h2 {
  display: block !important;
  font-size: 1.1em;
  font-variant: small-caps;
  margin: 0px;
  text-align: center;
  text-transform: capitalize;
}
.violation_letter h3 {
  display: block !important;
  font-size: .9em;
  font-style: italic;
  font-weight: normal;
  margin: 0px;
  text-align: center;
}
.violation_letter_description {
  font-weight: bold;
}
.violation_letter_salutation {
  margin-top: 1em;
  text-align: left;
}
.violation_letter_signature {
  margin-top: 2em;
  text-align: left;
}
.violation_letter_specific {
  color: red;
}
tr.homeowner_violation {
  background-color: #eeeeee;
}
.owner_address {
  margin: 3em 0em;
  text-align: left;
}

/******************************************************************************
Violation entry / editing
******************************************************************************/
.violation_quickinfo {
  background: white;
  border: 1px solid black;
  color: black;
  float: right;
  font-size: .8em;
  height: 14.5em;
  max-width: 50%;
  padding: .5em;
  width: 35em;
}
.violation_quickinfo abbr {
  cursor: help;
}
.violation_quickinfo img {
  float: left;
  margin: 0 .5em .5em 0;
}

/******************************************************************************
The barcode is generally used when printing out letters & notices to homeowners

I would prefer for this to be positioned at the bottom of each page rather than
after the signatures. However, when viewing / printing multiple violation
letters at once, 'fixed' causes all of the barcodes to be on top of each other
on the first page, and 'absolute' is on top of each other on every page.
******************************************************************************/
.barcode {
  font-family: 'C39HrP24DhTt';
  font-size: 2.5em;
  margin: .5em 0em .5em .5em;
  text-align: right;
}

/******************************************************************************
Newsletter
******************************************************************************/
.newsletter_contents {
  border: 2px solid gray;
  float: left;
  margin: 0em 2em 1em 0em;
  max-width: 30%;
  padding: .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 .1em 1em 2em;
  max-width: 50%;
  padding: .5em 1em;
  width: 3in;
}
.newsletter_classifieds h3 {
  font-variant: small-caps;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: underline;
}
.quicknews {
  border: 2px solid purple;
  float: left;
  margin: 1em 2em 1em .1em;
  padding: .5em 1em;
  width: 30%;
}
.quicknews h3 {
  color: purple;
  font-family: 'Haettenschweiler';
  font-style: italic;
  font-size: 2em;
  margin: 5px;
  text-align: center;
}
.classifieds {
  border: 2px solid gray;
  float: right;
  margin: 1em .1em 1em 2em;
  padding: .5em 1em;
  width: 40%;
}
.classifieds h3 {
  font-variant: small-caps;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: underline;
}
.newsletter-ad {
  border: 2px solid gray;
  margin: .5em 1em;
  padding: .5em 1em;
}
.newsletter-ad-bcard {
  border: 2px solid gray;
  height: 2.25in;
  margin: .5em 1em;
  padding: .5em 1em;
  width: 4in;
}
.newsletter-ad-quarter {
  border: 2px solid gray;
  height: 50%;
  margin: .5em 1em;
  padding: .5em 1em;
  width: 50%;
}

/******************************************************************************
An attempt at formatting and printing labels through the browser. This is not
really being used now because the formatting control from inside the browser
is insufficient and may not give the desired output
******************************************************************************/
label_avery_5160 {
  float: left;
  font-family: "Trebuchet MS", "Verdana";
  font-size: .9em;
  height: .875in;
  margin-right: .0875in;
  overflow: hidden;
  padding: .0625in;
  width: 2.5in;
}
.label_avery_5371 {
  float: left;
  height: 2in;
  overflow: hidden;
  padding: .125in;
  width: 3.5in;
}

/******************************************************************************
Overriding the defaults used by tabber.
******************************************************************************/
.tabberlive {
  text-align: left;
}

/******************************************************************************
Overriding the defaults used by the windows_js greenlighting theme.
******************************************************************************/
.greenlighting_content {
  text-align: justify;
}
.greenlighting_content h3 {
  text-align: center;
  text-decoration: underline;
  text-transform: capitalize;
}

/******************************************************************************
Print media formatting
******************************************************************************/
@media print {
  #page_logo, #page_navigation, #page_toolbar, .donotprint {
    display: none !important;
  }
  #container {
    background-image: none !important;
  }
  #page_content > h1:first-child {
    display: none;
  }
  #page_content {
    background: 0;
    margin: 0;
  }
  #page_content h1 {
    color: green;
    border-bottom: 2px solid black;
    text-align: center;
  }
  #page_footer {
    background: transparent;
    color: black;
  }
  .greenlighting_content {
    display: none;
  }
  .violation_letter {
    font-size: 90%;
    margin: 0;
  }
}