/*
// ===========================================================================
// TCPRO.CSS
// --------------------------------------------------------------------------
// Application: TeamCal Pro
// Author:      George Lewe
// Copyright:   (c) 2004-2005 by George Lewe (www.lewe.com)
//              All rights reserved.
// --------------------------------------------------------------------------
// 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. A copy has been distributed with TeamCal Pro
// named gpl.txt.
// 
// 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 (http://www.gnu.org)
// ===========================================================================
*/
    
body               { background-color: E4E1DC; color: #555555; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }

p,a,ul,td          { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; text-decoration: none; }
.collapse          { position: absolute; visibility: hidden; }
.expand            { position: relative; visibility: visible; }

table.header       { background-color: #E4E1DC; border: 1px #333333 solid; border-bottom: 0px #E4E1DC solid; border-collapse: collapse; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; width: 100%; }
td.header-left     { background-color: #E4E1DC; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; width: 110px; }
td.header-right    { background-color: #E4E1DC; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; width: 100%; }
td.header-subtitle { color: #ADD8E6; font-weight: bold; height: 24px; padding-left: 14px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; text-align: left; vertical-align: middle; }

table.menubar      { background-color: #E4E1DC; border-collapse: collapse; border-left: 1px solid #000000; border-top: 0px solid #E4E1DC; border-right: 1px solid #000000; border-bottom: 1px solid #999999; color: #000000; height: 24px; width: 100%; }
td.menubar-left    { font-size: 8pt; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; padding-top: 2px; text-align: left; vertical-align: middle; }
td.menubar-right   { font-size: 8pt; padding-left: 2px; padding-right: 2px; padding-bottom: 0px; padding-top: 2px; text-align: right; vertical-align: middle; }

table.menu         { background-color: #EEEEEE; border-collapse: separate; border-left: 0px solid #000000; border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-spacing: 2px; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; padding-top: 1px; }
td.menu            { background-color: #EEEEEE; border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; color: #000000; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; padding-top: 1px; text-align: center; vertical-align: middle; width: 50px; }
td.menuover        { background-color: #FFEBCD; border-left: 1px solid #FFB300; border-top: 1px solid #FFB300; border-right: 1px solid #FFB300; border-bottom: 1px solid #FFB300; color: #000000; padding-left: 1px; padding-right: 1px; padding-bottom: 1px; padding-top: 1px; text-align: center; vertical-align: middle; width: 50px; }
a.menu             { color: #000000; font-size: 8pt; text-decoration: none;}
a.menu:hover       { color: #000000; font-size: 8pt; text-decoration: underline;}

table.statusbar    { background-color: #FFFFFF; border-collapse: collapse; border-left: 1px solid #000000; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; color: #000000; height: 24px; width: 100%; }
td.statusbar       { color: #555555; font-size: 8pt; padding-left: 4px; padding-right: 2px; padding-bottom: 0px; padding-top: 2px; text-align: left; vertical-align: middle; }

table.month        { border: 0px #333333 solid; border-collapse: collapse; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
td.month           { background-image: url(../img/bg_month.gif); border-top: 1px solid #000000; border-right: 0px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 4px; padding-right: 14px; padding-bottom: 4px; padding-top: 4px; width: auto; }
td.month-button    { background-image: url(../img/bg_month.gif); border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }

td.title           { background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
td.title-button    { background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #000000; font-weight: bold; padding-right: 4px; text-align: right; }
td.name            { border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
a.name             { color: #000000; font-size: 8pt; }
a.name:hover       { color: #000000; font-size: 8pt; text-decoration: underline; }
td.name-button     { border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 8pt; padding-right: 4px; text-align: right; }

td.groupdelim      { background-color: #F6F6F6; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000099; font-size: 8pt; font-style: italic; font-weight: bold; padding: 4px; }

td.daynum          { background-color: #A5A5A5; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 8pt; text-align: center; width: 20px; }
td.remainder-title { background-image: url(../img/bg_remainder.gif); border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 8pt; text-align: center; }
td.remainder       { border-top: 0px solid #000000; border-right: 1px dotted #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 8pt; text-align: center; width: 20px; }
td.weeknumber      { background-color: #AFEEEE; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; }
td.weekday         { background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; }
td.weekday-note    { background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_daynote.gif); background-repeat: no-repeat; background-position: top right; }
td.weekday-bday    { background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_birthday.gif); background-repeat: no-repeat; background-position: top right; }
td.weekday-bdaynote{ background-color: #E5E5E5; border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_bdaynote.gif); background-repeat: no-repeat; background-position: top right; }
td.day             { border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; }
td.day-note        { border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_daynote.gif); background-repeat: no-repeat; background-position: top right; }
td.day-bday        { border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_birthday.gif); background-repeat: no-repeat; background-position: top right; }
td.day-bdaynote    { border-top: 0px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; color: #000000; font-size: 8pt; text-align: center; background-image: url(../img/ovl_bdaynote.gif); background-repeat: no-repeat; background-position: top right; }
td.legend          { border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 8pt; height: 20px; text-align: left; }

table.err          { background-color: #FFFFFF; border: 1px #333333 solid; border-collapse: collapse; border-spacing: 0; width: 100%; }
td.err-header      { background-color: #990000; border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #FFFFFF; font-size: 8pt; font-weight: bold; height: 16px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
td.err-body        { background-color: #FFFFFF; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; vertical-align: top; }
.emphasized        { font-weight: bold; }
.modcap            { color: #000000; font-size: 8pt; font-weight: bold; }
.module            { color: #777777; font-size: 8pt; font-weight: normal; }
.classcap          { color: #000000; font-size: 8pt; font-weight: bold; }
.class             { color: #009900; font-size: 8pt; font-weight: bold; }
.funcap            { color: #000000; font-size: 8pt; font-weight: bold; }
.function          { color: #000099; font-size: 8pt; font-weight: bold; font-style: normal;}
.errortext         { color: #000000; font-size: 8pt; font-weight: normal; }
.erraction         { color: #990000; font-size: 8pt; font-weight: bold; }
.loggedout         { color: #990000; font-size: 8pt; font-weight: normal; }
.loggedin          { color: #333333; font-size: 8pt; font-weight: normal; }

/* Dialog styles */
table.dlg          { background-color: #FFFFFF; border: 1px #333333 solid; border-collapse: collapse; padding: 0px; width: 100%; }
td.dlg-header      { background-image: url(../img/bg_month.gif); border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #FFFFFF; font-size: 10pt; font-weight: bold; height: 20px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
td.dlg-body        { background-color: #FFFFFF; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; vertical-align: top; }
td.dlg-body2       { background-color: #FFFFFF; color: #333333; font-size: 10pt; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; vertical-align: top; }
td.dlg-caption     { background-image: url(../img/bg_bluebar.gif); color: #FFFFFF; font-size: 8pt; font-weight: bold; height: 20px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: center; }
td.dlg-row1        { background-color: #F0F0F0; border-top: 0px solid #FFFFFF; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: top; }
td.dlg-row2        { background-color: #F8F8F8; border-top: 0px solid #FFFFFF; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: top; }
td.dlg-rowcell     { padding-left: 4px; padding-right: 4px; padding-bottom: 0px; padding-top: 0px; text-align: left; vertical-align: top; white-space: nowrap; }
td.dlg-bodyff      { background-color: #FFFFFF; border-top: 1px solid #BBBBBB; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: top; }
td.dlg-bodyffc     { background-color: #FFFFFF; border-top: 1px solid #BBBBBB; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: center; vertical-align: top; }
td.dlg-bodyffb     { background-image: url(../img/bg_bluebar.gif); color: #FFFFFF; font-size: 8pt; font-weight: bold; height: 20px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; }
td.dlg-bodyffg     { background-color: #EEEEEE; border-top: 0px solid #BBBBBB; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: top; }
td.dlg-help        { background-color: #FFFFFF; border-top: 1px solid #BBBBBB; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #333333; font-size: 8pt; font-weight: normal; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; }
td.dlg-menu        { background-color: #E4E1DC; border-top: 1px solid #BBBBBB; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #000000; font-size: 10pt; font-weight: normal; height: 20px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: right; }
td.dlg-title       { color: #FFFFFF; font-size: 10pt; font-weight: bold; }

td.config-row1     { background-color: #F0F0F0; border-top: 0px solid #FFFFFF; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 8px; padding-top: 8px; text-align: left; vertical-align: top; }
td.config-row2     { background-color: #F8F8F8; border-top: 0px solid #FFFFFF; border-right: 0px solid #000000; border-bottom: 1px solid #BBBBBB; border-left: 0px solid #000000; color: #333333; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 8px; padding-top: 8px; text-align: left; vertical-align: top; }
.config-key        { font-size: 8pt; font-weight: bold; }
.config-comment    { font-size: 8pt; font-weight: normal; font-style: italic; }

/* Frame in a dialog */
table.frame        { border: 1px solid #999999; border-collapse: collapse; height: 100%; margin-top: 10px; margin-bottom: 10px; padding: 4px; width: 98%; }
td.frame-title     { color: #999999; padding-left: 4px; text-align: left; height: 8px; white-space: nowrap; width: 1%; }
td.frame-title-right { height: 8px; width: 99%; white-space: nowrap; }
div.frame-title    { background-color: #FFFFFF; font-weight: bold; height: 8px; position: relative; text-align: left; top: -8px; }
td.frame-content   { color: #000000; font-size: 8pt; padding-left: 6px; padding-bottom: 8px; text-align: left; }
td.frame-content-center { color: #000000; font-size: 8pt; padding-left: 6px; padding-bottom: 8px; text-align: center; }

/* Dialog styles */
table.list         { background-color: #FFFFFF; border: 1px #333333 solid; border-collapse: collapse; border-spacing: 0; width: 98%; }
td.listhead        { background-color: #000099; color: #FFFFFF; font-size: 8pt; font-weight: bold; height: 20px; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; }
td.list1           { background-color: #FFFFFF; border-bottom: 1px solid #BBBBBB; color: #222222; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: middle; }
td.list2           { background-color: #EEEEEE; border-bottom: 1px solid #BBBBBB; color: #222222; font-size: 8pt; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; text-align: left; vertical-align: middle; }
tr.row0            { background-color: #FFFFFF; height: 20px;}
tr.row1            { background-color: #EEEEEE; height: 20px; }
hr.grey            { height: 1px; color: #990000; }

/* Log Display */
table.log          { background-color: #FFFFFF; border: 1px #333333 solid; border-collapse: collapse; width: 100%; }
.logheader         { background-color: #E4E1DC; border-bottom: 1px #999999 solid; color: #000000; font-size: 8pt; font-weight: bold; height: 22px; padding: 4px; text-align: left; }
.logrow0           { background-color: #FFFFFF; height: 22px; padding: 4px; }
.logrow1           { background-color: #EEEEEE; height: 22px; padding: 4px; }

table.stat         { border-collapse: collapse; }
td.stat-caption    { border-bottom: 1px dotted #999999; color: #000000; font-weight: bold; padding: 4px; text-align: left; width: 150px; }
td.stat-value      { border-bottom: 1px dotted #999999; color: #000099; padding: 4px; padding-left: 20px; text-align: right; width: 100px; }
td.stat-sum-caption{ border-top: 1px solid #999999; color: #000000; font-weight: bold; padding: 4px; text-align: left; width: 150px; }
td.stat-sum-value  { border-top: 1px solid #999999; color: #000099; padding: 4px; padding-left: 20px; text-align: right; width: 100px; }

table.about        { background-color: #FFFFFF; background-image: url(../img/about.jpg); background-repeat: no-repeat; border: 1px solid #555555; border-collapse: collapse; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; height: 100%; width: 280px; }
td.about-top       { height: 210px; }
td.about-bottom    { padding-left: 20px; vertical-align: top; }
a.about            { color: #555555; text-decoration: none;}
a.about:hover      { color: #555555; text-decoration: underline;}

/* Form related styles */
form.form          { display: inline; margin: 0px; }
select.select      { border: 1px solid #999999; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; }
option.option      { border: 1px solid #999999; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; }
input.button       { background-color: #E4E1DC; border: 1px solid #BBBBBB; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; }
input.button-over  { background-color: #FFEBCD; border: 1px solid #FFB300; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; }
input.text         { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; }
textarea.text      { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; }

/* Footer copyright styles */
.copyright         { font-family: Arial, Helvetica, Verdana, sans-serif; color: #999999; font-size: 10px; }
a.copyright        { color: #999999; text-decoration: none;}
a.copyright:hover  { color: #999999; text-decoration: underline;}