/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

 TD {
	FONT-SIZE: 100%; FONT-FAMILY: Arial, sans-serif
}
 INPUT {
	FONT-SIZE: 15pt;

}
 INPUT[type=text] { 	WIDTH:90%;	 }	
 SELECT {
	FONT-SIZE: 15pt;
}
.hl {
	COLOR: #ff0000
}
.note {
	FONT-SIZE: 75%; LEFT: -1.7em; COLOR: #006dff; FONT-FAMILY: tahoma, sans-serif; POSITION: relative; TOP: 1.2em
}
.row {
	LEFT: -5%; POSITION: relative; TOP: 9px
}
a:link {
	COLOR: #006dff
}
a:visited {
	COLOR: #006dff
}
a:hover {
	COLOR: #006dff
}
A.no:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A.no:visited {
	COLOR: #777777; TEXT-DECORATION: none
}
A.no:hover {
	COLOR: #f00000; TEXT-DECORATION: underline
}
.button {
	BORDER-RIGHT: #aaaaaa 1px outset; BORDER-TOP: #aaaaaa 1px outset; FONT-SIZE: 12px; BORDER-LEFT: #aaaaaa 1px outset; COLOR: #ffffff; BORDER-BOTTOM: #aaaaaa 1px outset; FONT-FAMILY: arial, sans-serif; LETTER-SPACING: 0px; HEIGHT: 1.8em; BACKGROUND-COLOR: #777777
}
.i {
	FONT-STYLE: italic; FONT-FAMILY: 'Times New Roman', serif
}
.b {
	FONT-WEIGHT: bold
}
.u {
	
}
.mid {
	FONT-SIZE: 94%
}
.sm {
	FONT-SIZE: 84%; FONT-FAMILY: tahoma, sans-serif
}
.menu {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FONT-WEIGHT: normal; FONT-SIZE: 94%; PADDING-BOTTOM: 0.5em; MARGIN: 0em; COLOR: #006dff; PADDING-TOP: 0em; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none
}
A.menu:link {
	COLOR: #006dff
}
A.menu:visited {
	COLOR: #006dff
}
A.menu:hover {
	COLOR: #006dff
}
.menu_line {
	PADDING-BOTTOM: 0.5em; BORDER-BOTTOM: #a8a699 1px solid
}
.menu_line_red {
	BORDER-TOP: #ff0000 3px solid
}
.menu_line_hl {
	PADDING-RIGHT: 1.5em; BACKGROUND-POSITION: left top; PADDING-LEFT: 1em; BACKGROUND-IMAGE: url(/i/menu_line.gif); PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-TOP: 0em; BACKGROUND-REPEAT: no-repeat
}
A.menu_act:link {
	FONT-SIZE: 160%; COLOR: #ff0000; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: none
}
A.menu_act:visited {
	FONT-SIZE: 160%; COLOR: #ff0000; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: none
}
A.menu_act:visited {
	FONT-SIZE: 160%; COLOR: #ff0000; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-DECORATION: none
}
.menus {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #4ca850; LINE-HEIGHT: 1.1em; FONT-FAMILY: Arial, sans-serif
}
A.menus:link {
	COLOR: #4ca850
}
A.menus:visited {
	COLOR: #4ca850
}
A.menus:hover {
	COLOR: #4ca850
}
.menus_act {
	FONT-SIZE: 90%; COLOR: #4ca850; LINE-HEIGHT: 1.1em; FONT-FAMILY: Arial, sans-serif
}
A.menus_act:link {
	COLOR: #4ca850
}
A.menus_act:visited {
	COLOR: #4ca850
}
A.menus_act:hover {
	COLOR: #4ca850
}
H1 {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FONT-WEIGHT: normal; FONT-SIZE: 160%; PADDING-BOTTOM: 0em; MARGIN: 0em; COLOR: #222222; LINE-HEIGHT: 1.1em; PADDING-TOP: 0em; FONT-FAMILY: Tahoma, Arial, sans-serif
}
.parent {
	PADDING-RIGHT: 2.5em; PADDING-LEFT: 0em; FONT-WEIGHT: normal; FONT-SIZE: 135%; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.5em; WIDTH: 90%; COLOR: #7b796c; LINE-HEIGHT: 1.1em; PADDING-TOP: 0em; BORDER-BOTTOM: #eeeeee 2px solid; FONT-FAMILY: Tahoma, Arial, sans-serif
}
A.parentlink:link {
	COLOR: #006dff; TEXT-DECORATION: none
}
A.parentlink:visited {
	COLOR: #006dff; TEXT-DECORATION: none
}
A.parentlink:hover {
	COLOR: #006dff; TEXT-DECORATION: none
}
H2 {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; FONT-WEIGHT: 300; FONT-SIZE: 130%; PADDING-BOTTOM: 0em; MARGIN: 0em; COLOR: #222222; LINE-HEIGHT: 1.1em; PADDING-TOP: 0em; FONT-FAMILY: Tahoma, Arial, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 110%; MARGIN: 0em; COLOR: #222222; FONT-FAMILY: Tahoma, Arial, sans-serif
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; MARGIN: 0em; COLOR: #222222; FONT-FAMILY: Tahoma, Arial, sans-serif
}
.img {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
.header {
FONT-SIZE: 80%;
	background:#eee; padding-left:100px; height:40px; padding-right: 50px;

}
.copyright {
FONT-SIZE: 80%;
      padding-top: 8px;
	padding-right: 50px;
	padding-left: 50px;
}
.header a { color: #444444; TEXT-DECORATION: none; }
.header a:hover { color: #444444; TEXT-DECORATION: underline; }

.menu { padding:5px; border: 1px solid #CCC6B0; background-color: #eee; color: #664A32;}
td.menu div.second{padding-left: 4px;  text-indent: -0.7em; padding-left: 2em; }
td.menu divdiv{font-size: 100%;}
td.menu div.current, td.menu div.secondcurrent{border: 1px solid #CCC6B0; background-color: #eee; color: #664A32;}
td.menu div.secondcurrent{padding-left: 1.3em; }
td.menu .current a, td.menu div.secondcurrent a{color: #664A32;}

.tline {
	BORDER-TOP: #eeeeee 2px solid
}
.lline {
	BORDER-LEFT: #eeeeee 2px solid
}
.rline {
	BORDER-RIGHT: #eeeeee 2px solid
}
.bline {
	BORDER-BOTTOM: #eeeeee 2px solid
}
.line {
	BORDER-RIGHT: #eeeeee 2px solid; BORDER-TOP: #eeeeee 2px solid; BORDER-LEFT: #eeeeee 2px solid; BORDER-BOTTOM: #eeeeee 2px solid
}
.m00 {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-TOP: 0em
}
.pt03 {
	MARGIN: 0em; PADDING-TOP: 0.3em
}
.pt05 {
	MARGIN: 0em; PADDING-TOP: 0.5em
}
.pt08 {
	MARGIN: 0em; PADDING-TOP: 0.8em
}
.pb03 {
	PADDING-BOTTOM: 0.3em; MARGIN: 0em
}
.pb05 {
	PADDING-BOTTOM: 0.5em; MARGIN: 0em
}
.pb08 {
	PADDING-BOTTOM: 0.8em; MARGIN: 0em
}
.pb15 {
	PADDING-BOTTOM: 1.5em; MARGIN: 0em
}
.pr03 {
	PADDING-RIGHT: 0.3em; MARGIN: 0em
}
.pr05 {
	PADDING-RIGHT: 0.8em; MARGIN: 0em
}
.pr08 {
	PADDING-RIGHT: 0.8em; MARGIN: 0em
}
.pr15 {
	PADDING-RIGHT: 1.5em; MARGIN: 0em
}
.pl03 {
	PADDING-LEFT: 0.3em; MARGIN: 0em
}
.pl05 {
	PADDING-LEFT: 0.8em; MARGIN: 0em
}
.pl08 {
	PADDING-LEFT: 0.8em; MARGIN: 0em
}
.pl15 {
	PADDING-LEFT: 1.5em; MARGIN: 0em
}
.p03 {
	PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; PADDING-BOTTOM: 0.3em; MARGIN: 0em; PADDING-TOP: 0.3em
}
.p05 {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; MARGIN: 0em; PADDING-TOP: 0.5em
}
.p08 {
	PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.8em; MARGIN: 0em; PADDING-TOP: 0.8em
}
.mt03 {
	MARGIN-TOP: 0.3em
}
.mt05 {
	MARGIN-TOP: 0.5em
}
.mt08 {
	MARGIN-TOP: 0.8em
}
.mb03 {
	MARGIN-BOTTOM: 0.3em
}
.mb05 {
	MARGIN-BOTTOM: 0.5em
}
.mb08 {
	MARGIN-BOTTOM: 0.8em
}
.hint {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 70%; PADDING-BOTTOM: 7px; COLOR: #ffffff; PADDING-TOP: 5px; FONT-FAMILY: tahoma, sans-serif; BACKGROUND-COLOR: #de0000
}
.anons {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1em; COLOR: #ffffff; PADDING-TOP: 1em; FONT-FAMILY: tahoma, sans-serif; BACKGROUND-COLOR: #aaaaaa
}
textarea { width:100% }