/*  Comendar Community Event Calendar System
**  Copyright (C) 2004 Steve Talbot
**
**  This program 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.
**
**  This program 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 this program; if not, write to the Free Software
**  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

/*  Main Style Sheet
**
**  Edit the styles in this file to customise the look and feel of the pages
**  produced by Comendar.
**
**  Note that significant effort has been expended to ensure that the default
**  style instructions comply to the W3C CSS standards and that the resulting
**  pages are easy to use and work in a range of browsers.  While, in general,
**  it should be safe to make simple changes such as to colours or font faces,
**  care is advised when making significant changes to this file.
*/


/* BASIC STYLES */

ADDRESS, BLOCKQUOTE, BODY, DIV, DL, H1, H2, H3, H4, H5, H6, OL, P, SPAN, UL {
  color: #000000;
  font-family: Verdana, Times New Roman, Times, serif;
}

BODY {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 4px;
}


/* MAIN STYLES BY ELEMENT AND CLASS */

A:link {
  color: #0033CC;
}

A:visited {
  color: #CC00CC;
}

A:active {
  color: #0033CC;
}

A:hover {
  color: #3366FF;
}

A.controllabel {
  color: #000000 !important;
  text-decoration: none;
}

A.controllabel:hover {
  color: #333333 !important;
  text-decoration: none;
}

A.headnav, A.menunav {
  color: #FFFFFF !important;
}

A.headnav:hover, A.menunav:hover {
  background-color: #009900;
  color: #FFFFFF;
}

A.nav, A.date, A.event, A.week {
  color: #0033CC !important;
}

A.nav:hover, A.date:hover, A.event:hover, A.week:hover {
  color: #3366FF !important;
}

A.warning {
  color: #FFFFFF !important;
}

A.warning:hover {
  background-color: #CC0000;
  color: #FFFFFF;
}

DD UL {
  list-style-type: none;
  margin: 0.3em 0em 0.5em 0.3em;
  padding: 0em;
}

DD UL LI {
  font: 0.9em Verdana, Helvetica, Arial, sans-serif;
}

DIV {
  margin: 0px;
  padding: 0px;
}

DIV.menu {
  background-color: #006600;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  margin: 0px;
  padding: 0.3em 0.4em 0.4em 0.4em;
  position: absolute;
  visibility: hidden;
  width: auto;
  z-index: 1000;
}

DIV.warning {
  background-color: #990000;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  margin: 0em 0em 1em 0em;
  padding: 0.1em 0.5em 0.2em 0.5em;
}

DIV.warning P {
  color: #FFFFFF;
  font: 0.8em Helvetica, Arial, sans-serif;
  margin: 0.2em 0em 0.2em 0em;
  padding: 0em;
}

DL {
  margin: 1em 1em 1.5em 1em;
  padding: 0em 0em 0em 0em;
}

DL DT {
  font-weight: bold;
}

EM {
  color: #003300;
}

H1 {
  color: #003300;
  font: bold 1.5em Verdana, Helvetica, Arial, sans-serif;
  margin: 0.2em 0em 0.5em 0em;
  padding: 0em;
  text-decoration: none;
}

H2 {
  color: #003300;
  font: bold 1.3em Verdana, Helvetica, Arial, sans-serif;
  margin: 1em 0em 0.5em 0em;
  padding: 0em;
  text-decoration: none;
}

H3 {
  color: #003300;
  font: bold 1.1em Verdana, Helvetica, Arial, sans-serif;
  margin: 1em 0em 0.5em 0em;
  padding: 0em;
  text-decoration: none;
}

HR {
  color: #003300;
  height: 1px;
  margin: 0.2em 0.2em 0.3em 0.2em;
  padding: 0px;
}

IMG {
  border-style: none;
}

INPUT, SELECT {
  font-family: Helvetica, Arial, sans-serif;
}

INPUT.actionbutton {
  min-width: 20em;
}

INPUT.navbutton {
  width: 12em;
}

P {
  margin: 0.5em 0em 0.8em 0em;
  padding: 0em;
}

P.errormessage {
  color: #CC0000;
  font-style: italic;
}

P.headnav {
  color: #009900;
  font: 0.9em Helvetica, Arial, sans-serif;
  margin: 0.2em 0em 0.3em 0.1em;
  padding: 0em;
  text-align: left;
}

P.headtitle {
  color: #FFFFFF;
  font: 1.2em Helvetica, Arial, sans-serif;
  margin: 0.2em 0em 0.3em 0em;
  padding: 0em;
  text-align: left;
}

SELECT.navpanel {
  min-width: 12em;
}

SPAN.ordinal {
  font-size: 0.5em;
  text-decoration: none;
  vertical-align: super;
}

TABLE.list TD {
  border-bottom: solid 1px #333333;
  border-left: none;
  border-right: solid 1px #333333;
  border-top: none;
  text-align: left;
}

TABLE.list TD.leftmost {
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-top: none;
  text-align: left;
}

TABLE.list TH {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-left: none;
  border-right: solid 1px #333333;
  border-top: solid 1px #333333;
  font: bold 1em Verdana, Times New Roman, Times, serif;
  text-align: left;
}

TABLE.list TH.checkbox {
  text-align: center;
}

TABLE.list TH.leftmost {
  border-left: solid 1px #333333;
}


UL {
  list-style: disc outside;
}

UL.actionbuttons {
  list-style-type: none;
  margin: 1.5em 1em 1.5em 1em;
  padding: 0em;
}

UL.menu {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
}

UL.menuseparated {
  list-style-type: none;
  margin: 0em;
  padding: 0.3em 0em 0em 0em;
}

UL.menu LI, UL.menuseparated LI {
  font: 0.9em Helvetica, Arial, sans-serif;
}

UL.navpanelbuttons {
  list-style-type: none;
  margin: 0.5em 0em 1em 0em;
  padding: 0em;
}

UL.navpanellinks {
  font: 0.9em Verdana, Times New Roman, Times, serif;
  list-style-type: none;
  margin: 0.5em 1em 1em 0.5em;
  padding: 0em;
}

UL.navpanellinks LI {
  font-weight: bold;
}

UL.navpanellinks UL {
  list-style-type: none;
  margin: 0em 0em 0.5em 0.5em;
  padding: 0em;
}

UL.navpanellinks UL LI {
  font-weight: normal;
}

UL.radioitems {
  list-style-type: none;
  margin: 0.5em 0em 1em 2em;
  padding: 0em;
}


/* STYLES FOR THE VARIOUS VIEWS OF EVENTS */

SELECT.eventslist {
  max-width: 10em;
}

TABLE.monthview SPAN.date {
  font-weight: bold;
}

TABLE.monthview TD.date, TABLE.monthview TD.datesaturday, TABLE.monthview TD.datesunday {
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  cursor: hand;
  font: 0.8em Verdana, Times New Roman, Times, serif;
  text-align: left;
}

TABLE.monthview TD.datemonday {
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  cursor: hand;
  font: 0.8em Verdana, Times New Roman, Times, serif;
  text-align: left;
}

TABLE.dayview TD.events, TABLE.dayview TD.eventsfree, TABLE.weekview TD.events {
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  text-align: left;
}

TABLE.dayview TD.eventsbusy, TABLE.weekview TD.eventsbusy {
  background-color: #FFCC99;
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  text-align: left;
}

TABLE.dayview TD.eventsbusycont, TABLE.weekview TD.eventsbusycont {
  background-color: #FFCC99;
  border-right: solid 1px #333333;
  text-align: left;
}

TABLE.dayview TD.time {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  font: bold 1em Verdana, Times New Roman, Times, serif;
  text-align: right;
}

TABLE.weekview TD.time {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  cursor: hand;
  font: bold 1em Verdana, Times New Roman, Times, serif;
  text-align: right;
}

TABLE.weekview TD.time SPAN.month {
  font-size: 0.8em;
}

TABLE.monthview TH.day, TABLE.monthview TH.daysaturday, TABLE.monthview TH.daysunday {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  font: bold 0.7em Verdana, Times New Roman, Times, serif;
  text-align: center;
}

TABLE.monthview TH.daymonday {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  font: bold 0.7em Verdana, Times New Roman, Times, serif;
  text-align: center;
}

TABLE.dayview TH.heading, TABLE.weekview TH.heading, TABLE.monthview TH.heading {
  background-color: #F0FFF0;
  border: solid 1px #333333;
  font: bold 1.2em Verdana, Times New Roman, Times, serif;
  text-align: center;
}

TABLE.monthview TH.week {
  border-bottom: solid 1px #FFFFFF;
  border-top: solid 1px #FFFFFF;
  font: bold 0.7em Verdana, Times New Roman, Times, serif;
  text-align: center;
}


/* STYLES FOR FORMS */

SMALL.labels {
  font-weight: normal;
}

SPAN.dayofweek {
  font-family: Helvetica, Arial, sans-serif;
  position: relative; bottom: 2px;
}

SPAN.essentialfield {
  color: #0033CC;
  font: bold 1em Courier New, Courier, monospace;
}

TABLE TD.controls {
  text-align: left;
}

TABLE TD.labels {
  font-weight: bold;
  text-align: right;
}


/* STYLES FOR THE DATE AND YEAR SELECTOR CONTROLS */

DIV.dateselector, DIV.monthselector {
  margin: 0em 0em 0.5em 0em;
  padding: 6px 4px 8px 4px;
  text-align: center;
}

DIV.dateselector P.monthselector, DIV.monthselector P.yearselector {
  margin: 0em 0em 0.3em 0em;
  padding: 0em;
  text-align: center;
}

DIV.dateselector SELECT, DIV.monthselector SELECT {
  font-size: 0.9em;
  font-weight: bold;
}

TABLE.dateselector A.greyed, TABLE.monthselector A.greyed {
  color: #CCCCCC !important;
  text-decoration: none !important;
}

TABLE.dateselector A.normal, TABLE.monthselector A.normal {
  color: #000000 !important;
  text-decoration: none !important;
}

TABLE.dateselector A.todaygreyed, TABLE.monthselector A.thismonthgreyed {
  color: #CCCCCC !important;
  text-decoration: underline !important;
}

TABLE.dateselector A.todaynormal, TABLE.monthselector A.thismonthnormal {
  color: #000000 !important;
  text-decoration: underline !important;
}

TABLE.dateselector A.selectedweek, TABLE.dateselector A.week {
  color: #666666 !important;
  text-decoration: none !important;
}

TABLE.dateselector TD.date, TABLE.monthselector TD.month {
  background-color: #FFFFFF;
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: 0.9em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.datemonday {
  background-color: #FFFFFF;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: 0.9em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.datesaturday, TABLE.dateselector TD.datesunday {
  background-color: #F0FFF0;
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: 0.9em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.selected, TABLE.dateselector TD.selectedsaturday, TABLE.dateselector TD.selectedsunday, TABLE.monthselector TD.selected {
  background-color: #FFFF99;
  border-bottom: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: bold 0.9em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.selectedmonday, TABLE.monthselector TD.selectedleftmost {
  background-color: #FFFF99;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: bold 0.9em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.selectedweek {
  background-color: #FFFF99;
  border-bottom: solid 1px #FFFFFF;
  color: #666666;
  font: normal 0.8em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TD.week {
  border-bottom: solid 1px #FFFFFF;
  color: #666666;
  font: normal 0.8em Verdana, Times New Roman, Times, serif;
}

TABLE.dateselector TH.day, TABLE.dateselector TH.daymonday, TABLE.dateselector TH.daysaturday, TABLE.dateselector TH.daysunday {
  border-bottom: solid 1px #333333;
  color: #000000;
  font: normal 0.8em Verdana, Times New Roman, Times, serif;
  padding-top: 4px;
}

TABLE.dateselector TH.week {
  border-bottom: solid 1px #FFFFFF;
  color: #666666;
  font: normal 0.8em Verdana, Times New Roman, Times, serif;
  padding-top: 4px;
}

TABLE.monthselector {
  border-top: solid 1px #333333;
}

TABLE.monthselector TD.monthleftmost {
  background-color: #FFFFFF;
  border-bottom: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  color: #000000;
  cursor: hand;
  font: 0.9em Verdana, Times New Roman, Times, serif;
}


/* STYLES BY ID */

#body {
  margin: 4px 0px 4px 0px;
  padding: 0px;
}

#body-singlecolumn {
  margin: 4px 0px 4px 0px;
  padding: 0em 0.3em 0em 0.3em;
}

#formpanel {
  margin: 0px 0px 0px 0px;
  padding: 0em 0.5em 1em 0.3em;
}

#head {
  background-color: #006600;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  margin: 0em 0em 0.7em 0em;
  padding: 0.2em 0.5em 0.3em 0.5em;
}

#infopopup {
  background-color: #CCFFCC;
  border: solid 1px #006600;
  color: #000000;
  font: 0.8em Verdana, Times New Roman, Times, serif;
  padding: 0.3em 0.4em 0.4em 0.4em;
  position: absolute; right: 1%;
  visibility: hidden;
  width: 17%;
  z-index: 1000;
}

#infopopup P {
  margin: 0em 0em 0.4em 0em;
  padding: 0em;
  text-align: left;
}

#infopopup P.title {
  font-weight: bold;
}

#mainpanel {
  margin: 0px;
  padding: 0em 0.7em 1em 0.3em;
  position: absolute; left: 17em;
}

#navpanel {
  margin: 0px;
  padding: 0em 0em 1em 0em;
  width: 16em;
}