/*	Author:		EB
	Date:		2005.02.16
	Purpose:	Stylesheet for display on screen
	See also:	print.css
*/

.monitor {					display:			inline;}
.printer {					display:			none;}

.wide {						width:				100%;}
							/* Display an inline warning */
.warn {						color:				#f00;
							border:				1px dotted #fcc;
							background-color:	#fee;}
							/* Display a warning at the top of the page */
div.warn {					padding:			0.325em;
							margin:				1.25em 0px 2em 0px;
							color:				#f00;
							border:				1px dotted #fcc;
							background-color:	#fee;}
							/* Display an inline note */
.note {						color:				#00f;
							border:				1px dotted #ccf;
							background-color:	#eef;}
							/* Display a note at the top of the page */
div.note {					padding:			0.325em;
							margin:				0.25em 0px 1.25em 0px;
							color:				#00f;
							border:				1px dotted #ccf;
							background-color:	#eef;}
.l {						text-align:			left; }
.r {						text-align:			right; }
.c {						text-align:			center; }






/*


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.fali 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;}
tr.pack td {				padding:			0px 1px 0px 0px;}
*/
div.inset {					/*text-align:			left;*/
							width:				100%;
							border:				1px 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 select {			width:				100%;}
table.nava.form th {		width:				1px;
							background-color:	transparent;
							background-image:	url(inc/img/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 {					}

*/


tr.pack		{				background-color:	#fee;
							border:				2px solid #49d; }
table.keyboard {			}
table.keyboard td {			width:				2.5em;
							height:				2.25em;
							overflow:			hidden;
							border:				1px solid #49d;
							background-color:	#eff;
							color:				#4be;
							text-align:			left;
							vertical-align:		top;
							cursor:				pointer; }
table.keyboard .null {		background-color:	transparent;
							cursor:				auto; }


/*	Menu system	-	-	-	-	-	-	-	-	*/
table.menu {				width:				100%;
							background-color:	#4be;/*#efe;*/
							border:				groove 2px #ded;
							text-align:			left;
							padding:			0px;
							margin-bottom:		1em;
							color:				#000;}
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 div.text {		padding:			0.25em;}
table.menu div.caption {	padding:			0.25em;
							width:				0px;
							white-space:		nowrap;}
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.window {				overflow:			auto;
							border:				inset 2px;}

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;}
div.nowrap {				white-space:		nowrap;
							display:			inline;}
div.hr {					overflow:			hidden;
							height:				2px;
							border:				inset 1px;
							width:				100%;}
.warn div.hr {				overflow:			hidden;
							height:				1px;
							margin:				0.325em;
							border:				dotted 1px #fcc;}
img.inline {				height:				1.2em;
							vertical-align:		bottom;}

/*	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(../../inc/img/bg.png);}
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;}
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:			right;
							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:				95%;
							background-color:	white;}
.c_framel {					background:			url(../../inc/img/frameLeft.png) repeat-y;
							width:				1em;}
.c_frameb {					width:				auto;
							text-align:			center;}
.c_framer {					background:			url(../../inc/img/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;}