/*	Author:		EB
	Date:		2005.02.16
	Purpose:	Stylesheet for display on screen
	See also:	print.css
*/
.wide td { padding:2px; }
.monitor {					display:			inline;}
.printer {					display:			none;}

.wide {						width:				100%;}
.warn {						color:				#f00;
							border:				1px dotted #fcc;
							background-color:	#fee;}
div.warn {					padding:			0.325em;
							margin:				1.25em 0px 2em 0px;
							color:				#f00;
							border:				1px dotted #fcc;
							background-color:	#fee;}
div.info {					color:				4be;}
table.line th {				border-bottom:		2px solid #ddf;
							border-top:			1px solid #ddf;
							background-color:	#c69ec6;
							color:				#333;
							padding:			0px 0.5em 0px 0.5em;}
table.line th a {			color:				#333; }
table.line th a:hover {		color:				#333;
							background-color:	transparent; }
table.line td {				border-bottom:		1px solid #ddf;
							padding:			0px 0.5em 0px 0.5em;}
tr.line td {				border-bottom:		0px;}
td.line	{					border-bottom:		1px solid #ddf !important;}
div.inset {					text-align:			left;
							width:				100%;
							border:				2px dashed #ddf;
							background-color:	eef;
							padding:			0.5em;}
table.inset {				border-collapse:	collapse;
							margin:				0px;
							width:				100%;}
table.inset button {		margin-top:			0.5em;}
tr.foot td {				vertical-align:		top;}
table.nava th {				text-align:			left;
							font-weight:		bold;
							padding-right:		1em;}
table.nava td {				text-align:			left;
							padding-left:		0.5em;
							vertical-align:		bottom;}
table input {				width:				100%;}
table input.bn {			width:				auto;}
/*table.nava input {			width:				100%;}
table.nava input.bn {		width:				auto;}*/
table.nava select {			width:				100%;}
table.nava.form th {		width:				1px;
							background-color:	transparent;
							background-image:	url(images/dot.bmp);
							background-position:bottom;
							background-repeat:	repeat-x;
							vertical-align:		bottom;}
table.nava.form th div {	white-space:		nowrap;}
table.nava.form th span {	background-color:	white;}
div.block {					padding-left:		1em;
							padding-top:		0.5em;
							background-color:	#eee;}
div.unblock {				background-color:	#fff;}
span.hili {					text-decoration:	underline;}
tr.modi {					color:				#080;}
tr.modi a {					color:				#4b4;}
tr.gone {					color:				#f66;}
tr.gone a {					color:				#d78;}
tr.read {					}

/*	Menu system	-	-	-	-	-	-	-	-	*/
table.menu {				width:				100%;
							background-color:	#4be;/*#efe;*/
							border:				solid 1px #ded;
							text-align:			left;
							padding:			0px;
							margin-bottom:		1em;}
table.menu td {				vertical-align:		middle;
							padding:			1px;}
table.menu a {				width:				20px;
							height:				20px;
							text-align:			center;
							vertical-align:		middle;
							border:				1px solid #4be;
							white-space:		nowrap;
							padding:			0px 0.25em 0px 0.25em;
							font-weight:		bold;
							color:				#fff;}
table.menu a.down {			border-left:		solid 1px #345;
							border-top:			solid 1px #345;
							border-right:		solid 1px #38d;
							border-bottom:		solid 1px #38d;
							background-color:	#369;}
table.menu a:hover {		border:				1px solid #257;	/*#267;*/
							background-color:	#eff;
							color:				#4be;}
table.menu span {			width:				20px;
							height:				20px;
							text-align:			center;
							vertical-align:		middle;
							border:				1px solid #4be;
							white-space:		nowrap;
							padding:			0px 0.25em 0px 0.25em;
							font-weight:		bold;
							color:				#fff;}
table.menu div {			display:			inline;}
table.menu img {			width:				16px;
							height:				16px;
							vertical-align:		middle;
							margin:				1px;}
table.menu img.stop {		width:				7px;
							height:				7px;
							margin:				0px 0.5em 0px 0.5em;}
table.menu form {			display:			inline;}
table.menu span.menu {		display:			inline;}
table.menu span.pack {		white-space:		nowrap;}


div.toolbar {				position:			absolute;
							left:				0px;
							display:			none;
							background-color:	buttonface;
							border-bottom:		2px outset;
							/*border-top:			2px solid buttonface;*/
							vertical-align:		text-bottom;}
table.toolbar {				width:				100%;
							background-color:	buttonface;
							text-align:			left;
							padding:			0px;}
table.toolbar td {			vertical-align:		middle;
							padding:			1px;}
table.toolbar a {			width:				20px;
							height:				20px;
							text-align:			center;
							vertical-align:		middle;
							border:				1px solid buttonface;
							white-space:		nowrap;
							padding:			0px 0.25em 0px 0.25em;
							font-weight:		bold;
							color:				windowtext;}
table.toolbar a.down {		border-left:		solid 1px #345;
							border-top:			solid 1px #345;
							border-right:		solid 1px #38d;
							border-bottom:		solid 1px #38d;
							background-color:	#369;}
table.toolbar a:hover {		border:				1px solid #257;	/*#267;*/
							background-color:	#eff;
							color:				#4be;}
table.toolbar span {		width:				20px;
							height:				20px;
							text-align:			center;
							vertical-align:		bottom;
							border:				1px solid buttonface;
							white-space:		nowrap;
							padding:			0px 0.25em 0px 0.25em;
							font-weight:		normal;}
table.toolbar div {			display:			inline;}
table.toolbar img {			width:				16px;
							height:				16px;
							vertical-align:		middle;
							margin:				1px;}
table.toolbar img.stop {	width:				7px;
							height:				7px;
							margin:				0px 0.5em 0px 0.5em;}
table.toolbar form {		display:			inline;}
table.toolbar span.menu {	display:			inline;}
table.toolbar span.pack {	white-space:		nowrap;}


div.searchmenu {			position:			absolute;
							left:				0px;
							display:			none;
							background-color:	buttonface;
							border-bottom:		2px outset;
							border-top:			2px solid buttonface;
							vertical-align:		text-bottom;}
div.searchmenu span {		vertical-align:		middle;}

/*	Submenu system	-	-	-	-	-	-	-	*/
div.submenu {				filter:				progid:DXImageTransform.Microsoft.Fade(duration=0.15,overlap=1.0);
							visibility:			hidden;
							text-align:			right;
							position:			absolute;
							left:				5px;
							top:				5px;
							width:				auto;
							height:				auto;
							display:			inline-block;
							border:				solid 0px #000;
							padding:			1px;
							display:			inline-block;
							position:			absolute;
							font-weight:		bold;}
div.submenu img {			width:				16px;
							height:				16px;
							vertical-align:		middle;
							margin:				1px;}
div.submenuhead {			border:				solid 1px #257;
							border-bottom:		0px;
							background-color:	#eff;
							padding:			1px 0.25em 1px 0.25em;
							white-space:		nowrap;
							display:			inline-block;
							width:				0px;}
div.submenubody {			border:				solid 1px #39d;
							background-color:	#ace;
							text-align:			left;
							white-space:		nowrap;}
div.submenubody a {			border:				solid 1px #ace;
							margin:				1px;
							display:			block;}
div.submenubody a:hover {	border:				solid 1px #4be;}
div.submenubody a.down {	border-left:		solid 1px #345;
							border-top:			solid 1px #345;
							border-right:		solid 1px #38d;
							border-bottom:		solid 1px #38d;
							background-color:	#369;}
div.submenubody form {		display:			block;
							text-align:			right;}

/*	Global Type selectors	-	-	-	-	-	*/
body {						text-align:			center;
						 	font-size:			75%;
						 	font-family:		verdana, arial, helvetica, sans-serif;
						 	margin:				0px;
						 	padding:			5px;
						 	color:				#666;
						 	background:			url(../images/bg.gif);}
table {						font-size:			100%;
						 	font-family:		verdana, arial, helvetica, sans-serif;
						 	border-collapse:	collapse;
						 	border:				0px;}
td {						padding:			0px;
							vertical-align:		top;}
th {						padding:			0px;
							vertical-align:		bottom;
						 	font-weight:		bold;}
form {						margin:				0px;}
form td {					vertical-align:		baseline;}
label {						padding-right:		0.5em;}
input {						font-size:			100%;
						 	font-family:		verdana, arial, helvetica, sans-serif;
							color:				#000;
							border:				1px solid #999;}
input.read {				border:				1px solid #fff;
							background-color:	transparent;}
input.cb {					border:				0px;
							margin:				0px;
							padding:			0px;
							width:				1.25em;
							height:				1.25em;}
input.cb2 {					border:				0px;
							margin:				0px;
							padding:			0px;
							width:				1.25em;
							height:				1.25em;}
textarea {					font-size:			100%;
							font-family:		verdana, arial, helvetica, sans-serif;
							color:				#000;
							border:				1px solid #999;
							overflow:			auto;
							width:				100%;}
select {					font-size:			100%;
						 	font-family:		verdana, arial, helvetica, sans-serif;
							color:				#000;
							border:				1px solid #999;}
button {					font-size:			100%;
						 	font-family:		verdana, arial, helvetica, sans-serif;
						 	font-weight:		bold;
							border:				1px solid #49d;
							background-color:	#eff;
							color:				#4be;
							text-align:			center;
							margin-left:		1px;
							margin-bottom:		1px;}
span.span {					overflow:			hidden;
							width:				0.25em;}
img {						border:				0px;}
h1 {						}
h2 {						font-size:			125%;
							margin:				0px;
							background-color:	#888;
							border-bottom:		dashed 1px #666;
							text-align:			left;
							padding:			0.25em;
							color:				#fff;
} /*						h2					*/
p {							margin:				0px;
							margin-bottom:		1em;}
a {							color:				#4be;
							text-decoration:	none;
							margin-top:			2px;
							margin-bottom:		2px;}
a:hover {					color:				#fff;
							background-color:	#4be;}

/*	Private Class selectors	-	-	-	-	-	*/

/*
body
	table.c_frame
		td.c_framel			Draws left frame image and border between image and body
		td.c_frameb			Contains main contents of the page inline with 4 table bodies (below)
		td.c_framer			Draws right frame image and border between image and body
*/
.c_frame {					width:				65%;
							background-color:	white;}
.c_framel {					background:			url(../images/frameLeft.png) repeat-y;
							width:				1em;}
.c_frameb {					width:				auto;
							text-align:			center;}
.c_framer {					background:			url(../images/frameRight.png) repeat-y right;
							width:				1em;}

/*
body -> table.c_frameb
	table.c_body,c_bodyt	Container for logo and applications
	table.c_body,c_bodyh	Container for main header and main menu
	table.c_body,c_bodys	Container for page header and page menu
	div.c_bodyb				Actual body content
	table.c_body,c_bodyf	Container for celerity definition and disclamer
	div.c_body,c_bodyc		Container for copyright
*/
.c_body {					width:				100%}
.c_bodyt .a {				text-align:			left;
							width:				1px;}
.c_bodyt .b {				text-align:			right;
							vertical-align:		top;
							padding:			1em;}
.c_bodyh {					border-bottom:		1px solid #666;}
.c_bodyh .a {				text-align:			left;
							font-size:			175%;}
.c_bodyh .b {				text-align:			right;
							vertical-align:		bottom;}
.c_bodys .a {				text-align:			left;
							font-size:			125%;
							font-weight:		bold;
							padding-left:		0.5em;}
.c_bodys .b {				text-align:			right;
							padding-right:		0.5em;}
.c_bodyb {					margin:				1em 0.5em 2em 0.5em;}
.c_bodyf {					border-top:			1px dotted #CCC;}
.c_bodyf .a {				text-align:			left;}
.c_bodyf .b {				text-align:			right;}
.c_bodyf td {				padding:			0.6em;
							padding-top:		1.0em;}
.c_bodyc .a {				color:				#9DF;
							background-color:	#49D;
							font-size:			90%;
							text-align:			left;
							padding:			0.6em;
							vertical-align:		bottom;}
.c_bodyc .b {				color:				white;
							background-color:	#49D;
							font-style:			italic;
							text-align:			right;
							padding:			0.6em;}



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

div.calendar { position: relative; }

.calendar, .calendar table {
  /*border: 1px solid #556;*/
  border: 1px solid #eef;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: verdana,tahoma,sans-serif;
}

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #333; /*#000;*/
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  /*background: #778;*/
  /*background: #cde;*/
  background: #4be; /*celerity blue*/
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  /*background: #bdf;*/
  background: #4be; /*celerity blue*/
  border: 1px solid #4be;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  /*border-bottom: 1px solid #556;*/
  border: 1px solid #4be; /*celerity blue*/
  padding: 2px;
  text-align: center;
  color: #333; /*#000;*/
}

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  /*background: #aaf;*/
  
  /*background: #c69ec6; /*purple*/
  background: #cde;
  
  color: #333; /*#000;*/
  /*border: 1px solid #04f;*/
  border: 1px solid #4be; /*celerity blue*/
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  /*background: #77c; /*dark purple*/
  background: #c69ec6; /*purple*/
  padding: 2px 0px 0px 2px;
}

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

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .hilite { /* Hovered cells <TD> */
  /*background: #def;*/
  background: #c69ec6; /*purple*/
  padding: 1px 3px 1px 1px;
  /*border: 1px solid #bbb;*/
}

.calendar tbody .active { /* Active (pressed) cells <TD> */
  background: #4be; /*celerity blue*/ /*#cde;*/ 
  padding: 2px 2px 0px 2px;
}

.calendar tbody .selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody .weekend { /* Cells showing weekend days */
  color: #a66; /* pink */
}

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

.calendar tbody .disabled { color: #999; }

.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) */
  text-align: center;
  background: #556;
  /*color: #fff;*/
  color: #4be; /*celerity blue*/
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #333; /*#000;*/
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c; /*dark purple*/
  padding: 2px 0px 0px 2px;
}

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

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #333; /*#000;*/
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #acf;
}