/******************************************************************************
 * TWIG's default CSS markup for the "Classic" TWIG look.
 ******************************************************************************/

/*
 *
 * GLOBAL:  Global CSS code follows
 *
 */

/******************************************************************************
  Generic HTML Elements.
  */

BODY {
  background-color: #ffffff;
}

BODY, P, TD, OPTION, SELECT, INPUT, TEXTAREA {
  font-size:        .98em;
}

PRE {
  font-size:        0.9em;
}

BODY, P, TD, OPTION, SELECT {
  font-family:      Arial, Helvetica, sans-serif;
}

PRE, TEXTAREA {
  font-family:      monospace;
}

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

HR {
}

A {
  text-decoration: underline;
}

A:link {
  color:	#0000ff;
}

A:visited {
  color:	#0000ff;
}

A:active {
  color:	#C01010;
}

/* End, HTML Elements
*******************************************************************************/

/******************************************************************************
  TWIG classes
  */

.twigheader {
  text-align:  right;
}
.twigfooter {
  text-align: right;
}

td.tabletitle, td.tabletitle A {
  font-size:       1em;
  font-weight		:bold;
  color:           #FFFFFF;
  background-color:      #778899;
  padding:		.2em;
}

td.tabletitlesmall {
  font-size:		1em;
  color:		#FFFFFF;
  background-color:	#778899;
  padding:		.2em;
}

td.tabletitlelarge {
  font-size:       1.4em;
  color:           #FFFFFF;
  background-color:      #778899;
  padding:		.2em;
}

input.listselect { /* class for the checkboxes to the right of all indexes/lists, e.g. in mail, bookmarks, contacts, etc. */
}

.roweven {
  background-color:     #ffffff;
  color:          #000000;
  text-align:		left;
}

.rowodd {
  background-color:      #e0e0e0;
  color:           #000000;
  text-align:		left;
}

.rowhead, .rowhead A, .rowhead TD {
  font-weight:     bold;
  background-color:      #778899;
  color:           #ffffff;
}

.formhead {
  font-weight:     bold;
  background-color:      #778899;
  color:           #ffffff;
}

.formbody {
  background-color:      #e0e0e0;
  color:           #000000;
  text-align:		left;
}

.formhighlight {
  background-color:	#b0c4de;
  color:		#000000;
  text-align:		left;
}

.formbodyalt {
  background-color:	#ffffff;
  color:		#000000;
}

TABLE.index TD {
/*
 * The following chunk will put a border between rows of index-style lists.
 * The twig-devel mailing list found this interesting, but decided against it.
 * Let us know if it should be part of the defaults.
 */
/*
 *  border-bottom-width:  1px;
 *  border-style:         solid;
 *  border-color:         #999999;
 */
  padding-right:   0.5em;
}

/*
 * The following CSS classes are for the previous/next links/images/widget that
 * is used to "flip pages" through your Mail, Bookmarks, etc. lists.
 * All classes that begin with "nav-" are reserved for this use.
 * .navigation  The navigation widget as a whole.
 * .nav-first   The part that links to the first page, after using "previous" repetedly.
 * .nav-prev    The part that links to the previous page.
 * .nav-curr    The part that indicates the current page.
 * .nav-next    The part that links to the next page.
 * .nav-last    The part that links to the last page, after using "next" repetedly.
 */
.navigation {
  background-color:       #e0e0e0;
  color:                  #000000;
  border-style:           solid;
  border-color:           #999999;
  border-top-width:       1px;
  border-right-width:     1px;
  border-bottom-width:    1px;
  border-left-width:      1px;
  margin-top:             1px;
  margin-right:           0px;
  margin-bottom:          0px;
  margin-left:            0px;
}

.nav-first {
}

.nav-prev {
}

.nav-curr {
}

.nav-next {
}

.nav-last {
}

.navigation span {
  margin-left:   0.25em;
  margin-right:  0.25em;
}

/*
 * The following classes starting with .tab... are to format the tab menus
 */
/*
 * Text in tabs shouldn't be underlined.
 */
.tabactive, .tabinactive {
  text-decoration:		none;
}

/* Active tabs should be taller */
.tabactive .tabin1 {
  height:				45px;
}

.tabactive .tabin2 {
  height:				35px;
}

.tabinactive .tabin1 {
}

.tabinactive .tabin2 {
}

/*
 * Specs for tabs in general.
 * Inactive tab settings go here and are then
 * overriden in the .tabactive .tabin1 and .tabactive .tabin2
 * sections above.
 */
.tabin1 {
  padding:				0px 0px 0px 10px;
  margin:				0px;
  background:			url("./images/tab-left.gif") top left no-repeat;
  height:				35px;
}
.tabin2 {
  padding:				10px 10px 0px 0px;
  margin:				0px;
  background:			url("./images/tab-right.gif") top right no-repeat;
  height:				25px;
}

.menuprimary {
  text-align:  right;
  font-weight: bold;
}

.menusecondary {
}

.treemenu {
  font-size:		14px;
}
/* End, TWIG classes
*******************************************************************************/

/******************************************************************************
  TWIG ID selectors
  */

/* End, TWIG ID selectors
*******************************************************************************/

/*
 *
 * Feature specific CSS code follows
 *
 */

/*
 *
 * MAIL FEATURE
 *
 */

/******************************************************************************
  Mail Feature classes
  */

.oddnewundel, TR.oddnewundel TD {
  background-color:       #e0e0e0;
  text-decoration:  none;
  font-weight:      bold;
}

.oddnewdel, TR.oddnewdel TD {
  background-color:       #e0e0e0;
  text-decoration:  line-through;
  font-weight:      bold;
}

.oddreadundel, TR.oddreadundel TD {
  background-color:       #e0e0e0;
  text-decoration:  none;
}

.oddreaddel, TR.oddreaddel TD {
  background-color:       #e0e0e0;
  text-decoration:  line-through;
}

.evennewundel, TR.evennewundel TD {
  background-color:       #ffffff;
  text-decoration:  none;
  font-weight:      bold;
}

.evennewdel, TR.evennewdel TD {
  background-color:       #ffffff;
  text-decoration:  line-through;
  font-weight:      bold;
}

.evenreadundel, TR.evenreadundel TD {
  background-color:       #ffffff;
  text-decoration:  none;
}

.evenreaddel, TR.evenreaddel TD {
  background-color:       #ffffff;
  text-decoration:  line-through;
}

.mail_graph_text {
  text-align: left;
  font-size: 10px;
  color: #333;
}

.mail_graph_box {
  border-top: 1px Solid #000000;
  border-bottom: 1px Solid #000000;
  border-left: 1px Solid #000000;
  border-right: 1px Solid #000000;
  height: 15px;
}

.mailquote1 {
/*  Text color for lines with 1 reply marker '>'  */
  color:  #909;
}
.mailquote2 {
/*  Text color for lines with 2 reply markers '>>'  */
  color:  #360;
}
.mailquote3 {
/*  Text color for lines with 3 reply markers '>>>'  */
  color:  #c00;
}
.mailquote4 {
/*  Text color for lines with 4 reply markers '>>>>'  */
  color:  #c60;
}
.mailquote5 {
/*  Text color for lines with 5 reply markers '>>>>>'  */
  color:  #66f;
}

/* End, Mail Feature classes
*******************************************************************************/

/******************************************************************************
 Mail Feature ID selectors
 */

/* End, Mail Feature ID selectors
*******************************************************************************/

/*
 *
 * SCHEDULE FEATURE
 *
 */

/******************************************************************************
 Schedule Feature classes
 */

.maintfeedback {
  /* For "save-then-edit" in maintenance page */
  font-size:         1.2em;
}

.weekdayheader {
  /* Specifies the "Monday", "Tuesday", etc. lines in the weekly view */
  text-align:           center;
  font-weight:          bold;
  border-top-width:     1px;
  border-right-width:   0px;
  border-bottom-width:  0px;
  border-left-width:    1px;
  border-style:         solid;
  border-color:         #999999;
}

.tableovertitle {
  font-size:         1.2em;
  text-align:      left;
}

.cal_day_head {
  color:		#000000;
  background-color:	#778899;
  text-align:		center;
}

.cal_day, .cal_day A {
  color:		#000000;
  text-align:		center;
}

.cal_today, .cal_today A {
  color:		#778899;
  background-color:	#ffffff;
  text-align:		center;
  font-weight:		bold;
}

.cal_item_on_day, .cal_item_on_day A{
  color:		#ffffff;
  background-color:	#778899;
  text-align:		center;
}

.month_day, .month_day A {
  color:		#000000;
}

.month_today, .month_today A {
  color:		#778899;
  background-color:	#ffffff;
  font-weight:		bold;
}

.month_item_on_day, .month_item_on_day A{
  color:		#ffffff;
  background-color:	#778899;
}

.recurwarn {
  /* For the phrase that warns that you need to save, then edit. */
  font-size:         0.8em;
}

/* End, Schedule Feature classes
*******************************************************************************/

/******************************************************************************
 Schedule Feature ID selectors
 */

/* End, Schedule Feature ID selectors
*******************************************************************************/
/*
 *
 * ToDo FEATURE
 *
 */

/******************************************************************************
 ToDo Feature classes
 */
.duedatepast {
  color:		#ff0000;
}

.duedatetoday {
  color:		#ff6600;
}

.duedatefuture {
  color:		#009900;
}

/* End, ToDo Feature classes
*******************************************************************************/