/****************************************************************************/
/* Page defaults.                                                           */
/****************************************************************************/

body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
}

a {
  color: #000080;
  font-weight: bold;
  text-decoration: underline;
}

a:visited {
  color: #000080;
}

a:hover {
  color: #800000;
  text-decoration: underline;
}

h1 {
  background-color: #808080;
  color: #ffffff;
  font-size: 16pt;
  font-family: Arial,Helvetica,sans-serif;
  font-style:italic;
  text-indent:10px;
  border:3 #2255FF ridge;
}

h2 {
  font-size: 11pt;
  font-family: Arial,Helvetica,sans-serif;
}

h3 {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
}

h4 {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
}

ul {
  list-style-type: square;
}

/****************************************************************************/
/* Layout objects.                                                          */
/****************************************************************************/

#titleBar {
  background-color: #808080;
  border-top: 2px solid #c0c0c0;
  border-bottom: 2px solid #606060;
  color: #ffffff;
  font-size: 8pt;
  font-weight: bold;
  padding: 4px;
  padding-left: 1em;
  padding-right: 1em;
}

#status {
  float: right;
}

#title {
  color: #ffffff;
  font-size: 16pt;
  font-style: italic;
}

.menuBar {
  background-color: #c0c0c0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 2px solid #808080;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

#main {
  text-align: center;  /* Needed for IE 5.x. */
}

#wrapper {
  text-align: left;  /* Counteracts the above text alignment. */
  margin: 1em auto 1em auto;
  width: 750px;
}

#subTitle {
  color: #c0c0c0;
  font-size: 12pt;
  font-weight: bold;
  padding: 4px 4px 4px 4px;
  text-align: left;
}

#copyright {
  border-top: 1px dotted #808080;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  padding-left: 1em;
  padding-right: 1em;
}

/****************************************************************************/
/* Event and Calendar Display                                               */
/****************************************************************************/

/*--- Event Display ---*/
font.event-company {
  color: #CC543C;
  font-size: 12pt;
  font-weight: bold;
}

font.event-date {
  font-size: 11pt;
  font-weight: bold;
}
font.event-time {
}
font.event-place {
}
font.event-name {
  color: #CC543C;
  font-weight: bold;
}
font.event-description {
  font-size: 10pt;
}

font.listing-name {
  color: #CC543C;
  font-size: 12pt;
  font-weight: bold;
}
font.listing-owners {
  color: #CC543C;
  font-weight: bold;
}
font.listing-address {
  font-size: 9pt;
}
font.listing-description {
  font-size: 9pt;
}
font.listing-website {
  font-size: 9pt;
  font-weight: bold;
}
font.listing-email {
  font-size: 9pt;
  font-weight: bold;
}

a.small:link {color:#3366cc;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-decoration:none;cursor:hand}
a.small:visited {color:#000080;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-decoration:none;cursor:hand}
a.small:active {color:#333366;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-decoration:none;cursor:hand}
a.small:hover {color:#ff9900;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-decoration:none;cursor:hand}

/*--- Calendar ---*/
.other-months {
  font-size: 8pt;
  font-weight: bold;
  background-color: #d0d0f0;
  text-align: right;
}

td.weekday {
  font-size: 7pt;
  font-weight: bold;
  text-align: center;
  width: 100px;
  background-color: #c0c0c0;
}

td.month {
  font-size: 12pt;
  font-variant: small-caps;
  background-color: #d0d0f0;
  text-align: left;	
}

a.cal-event {
  color: #000080;
  font-size: 7pt;
  font-family: arial;
  font-weight: normal;
  text-decoration: none;
}

a.cal-event:visited {
  color: #000080;
}

a.cal-event:hover {
  color: #800000;
  text-decoration: underline;
}

td.day {
  height: 80px;
  vertical-align: top;
}

td.selected-day {
  height: 80px;
  vertical-align: top;
  background-color: #f0f0f0;
}

td.no-day {
  height: 80px;
  vertical-align: top;
  background-color: #e0e0e0;
}

td.day-number {
  font-size: 9pt;
  text-align: right;
}

td.day-event-0 {
  background-color: #ffffff;
}

td.day-event-1 {
  background-color: #ffffff;
  border-top: 1px dashed #c0c0c0;
}

td.day-event-2 {
  background-color: #ffffff;
  border-top: 1px dashed #c0c0c0;
}

/****************************************************************************/
/* Tables.                                                                  */
/****************************************************************************/

td, th {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
  padding: 2px;
  padding-left: .3em;
  padding-right: .3em;
}

td.freeform {
  padding: .25em .75em;
}

table.footer {
  border-bottom-width: 0px;
  empty-cells: show;
  margin-left: auto;
  margin-right: auto;
  width: 95%
}

table.footer td {
  font-size: 8pt;
}

table.main {
  border: 1px solid #000000;
  border-bottom-width: 0px;
  empty-cells: show;
  margin-left: auto;
  margin-right: auto;
}

table.main.multi {
  margin-left: 0px;  /* To make multiple tables flush left. */
}

table.main td, table.main th {
  color: #000000;
}

table.main td {
  border-bottom: 1px solid #000000;
}

table.main th {
  background-color: #808080;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

table.main th.afc {
  background-color: #802020;
}

table.main th.nfc {
  background-color: #202080;
}

table.main tr {
  border-bottom: 1px solid #000000;
}

table.main tr.alt {
  background-color: #d0d0d0;
}

/* For free form text and tables within the main table display. */

table.main div.freeForm {
  padding: .25em .75em;
}

table.main div.freeForm.text {
  width: 36em;
}

table.main div.freeForm table td, div.freeForm table th {
  border-style: none;
}

/* Event table styles */
table.sizebox {
  width: 95%;
}

table.list {
  width: 95%;
  color: #000080;
  border: 1px solid #000000;
  border-collapse: collapse;
  background-color: #F3F3F3;
}

table.list tr.header {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  vertical-align: top;
}

table.list td {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  vertical-align: top;
}

table.options {
  width: 50%;
  color: #000080;
  border-collapse: collapse;
  background-color: #F3F3F3;
}

table.options td {
  font-size: 8pt;
  font-family: Arial;
  vertical-align: top;
}

table.entry {
  color: #000080;
  border: 1px solid #000000;
  border-collapse: collapse;
  background-color: #F3F3F3;
}

table.entry tr.header {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  vertical-align: top;
}

table.entry td {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  vertical-align: top;
}

/* ----------------- Date Picker ------------------ */

table.month {
  border: 1px solid #000000;
  margin: 1px;
  background-color: white;
}

table.cal_nav {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

table.cal_year {
  width: 100%;
  margin: 0px;
  padding: 5px;
}

td.cal_date {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: darkblue;
  padding: 0px;
}

td.cal_date_sm {
  font-size: 7pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: darkblue;
  padding: 0px;
}

td.weekend {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #e0e0e0;
  padding: 0px;
}

td.weekend_sm {
  font-size: 7pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #e0e0e0;
  padding: 0px;
}

td.blank {
  font-size: 8pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 0px;
}

td.blank_sm {
  font-size: 7pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #f0f0f0;
  padding: 0px;
}

td.month_name {
  font-size: 7pt;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
}

a.picker {
  color: blue;
  font-weight: bold;
  text-decoration: underline;
}

a.picker:visited {
  color: darkblue;
  font-weight: bold;
}

a.picker:hover {
  color: #EE2020;
  font-weight: bold;
}

/****************************************************************************/
/* Form elements.                                                           */
/****************************************************************************/

input, select {
  font-size: 8pt;
}

textarea {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
}

.filter {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
}
.edit {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 7pt;
}
.delete {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 7pt;
}

input.checkbox, input.radio {
  background-color: #ffffff;
}

tr.alt input.checkbox, tr.alt input.radio {
  background-color: #d0d0d0;
}

tr.alt input[type="checkbox"], tr.alt input[type="radio"],
input[type="checkbox"], input[type="radio"] {
  background-color: #ffffff;
}

/****************************************************************************/
/* Text messages.                                                           */
/****************************************************************************/

.error, .info {
  border: 1px solid #000000;
  font-weight: bold;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
/*  white-space: nowrap;*/
  width: 350;
}

.error {
  background-color: #ffffff;
  color: #800000;
}

.info {
  background-color: #208020;
  color: #ffffff;
}

.inline-error {
  background-color: #F0F0F0;
  color: #A00000;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
}

.inline-error-small {
  background-color: #F0F0F0;
  color: #A00000;
  font-size: 8pt;
}

.small {
  font-size: 8pt;
}

/******************************************************************************
* Printer styles.                                                             *
******************************************************************************/

@media print {

  a, a:visited, table.main a, table.main a:visited {
    color: #000000;
    font-weight: normal;
  }

  body {
    background-color: #ffffff;
    color: #000000;
  }

  input.button {
    background-color: #d0d0d0;
    border: 1px outset;
  }

  input.checkbox, input.radio {
    background-color: #ffffff;
  }

  tr.alt input.checkbox, tr.alt input.radio {
    background-color: #e0e0e0;
  }

 #titleBar, #copyright {
    background-color: #ffffff;
    border-width: 0px;
    color: #000000;
  }

  #copyright {
    border-top: 1px solid #000000;
  }

  #title {
    color: #000000;
    font-size: 10pt;
  }

  .menuBar, #subTitle {
    display: none;
  }

  .error, .info {
    background-color: #e0e0e0;
    color: #000000;
  }

  table.main td {
    border-top-width: 0px;
    border-bottom: 1px solid #000000;
  }

  table.main th, table.main th.afc, table.main th.nfc {
    background-color: #c0c0c0;
    color: #000000;
    border-top-width: 0px;
    border-bottom: 1px solid #000000;
  }

  table.main tr {
    background-color: #ffffff;
  }

  table.main tr.alt {
    background-color: #e0e0e0;
  }
}