a:link 		{	text-decoration: none;		color: BLUE;	}
a:visited	{	text-decoration: none;		color: BLUE;	}
a:hover		{	text-decoration: underline;	color: #ff9900;	}
a:active	{	text-decoration: none;		color: BLUE;	}

@media print {
	.screenOnly {
		display: none;
	}
}

@media screen {
	.screenOnly {
	}
}

H1
{
	font-family: Verdana, Osaka, Arial;
	font-size: 22pt;
	color: black;
}

BODY
{
	margin: 0;
	scrollbar-base-color: #a9a471;
	scrollbar-arrow-color: black;
	background-color: #f2f2cc;
}

.paddingCell
{
	padding: 8px;
}

.pageHeadingCell
{
	background-color: black;
	border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm; border-right: 0cm;
	padding: 3px;
}

.pageHeadingText
{
	font-family: Verdana, Osaka, Arial;
	font-size: 17pt;
	font-weight: bold;
	color: white;
}

/* Top+left border */
.loginPanel
{
	border-color: black; 	border-style: solid;	border-width: 1px;		border-right: 0cm;	border-bottom: 0cm;
}

/* Top+left border */
.listPanel
{
	border-color: black; 	border-style: solid;	border-width: 1px;		border-right: 0cm;	border-bottom: 0cm;
}

/* Padding, bottom+right border */
.loginTitle
{
	padding-top: 2px;		padding-bottom: 2px;	padding-left: 4px;	padding-right: 4px;
	border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
	background-color: black;
}

/* Padding, bottom+right border */
.listTitle
{
	padding-top: 2px;		padding-bottom: 2px;	padding-left: 4px;	padding-right: 4px;
	border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
	background-color: black;
}

/* Padding, bottom+right border */
.loginBody
{
	border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
	padding: 20px;
	background-color: #ccccf2;
}

/* Padding, bottom+right border */
@media print {

	.screenOnlyDataCell {
		display: none;
	}

	/* No Padding */
	.listBody
	{
		padding: 0px;
		background-color: white;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-right: 0cm;	border-bottom: 0cm;
	}
	
	/* Padding, bottom+right border */
	.titleCell, .sortTitleCell
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
	}
	
	.titleCellC, .sortTitleCellC
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
		text-align: center;
	}
	
	.titleCellR, .sortTitleCellR
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
		text-align: right;
	}
	
	.dataCell
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
	}
	
	/* Padding, bottom+right border */
	.dataCellC
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
		text-align: center;
	}
	
	/* Padding, bottom+right border */
	.dataCellR
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
		vertical-align: middle;
		text-align: right;
	}
	
	/* Padding, bottom+right border */
	.singleTitleCell
	{
		padding-top: 6px;		padding-bottom: 2px;	padding-left: 4px;	padding-right: 4px;
		height: 20px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;	border-bottom: 0cm;
		background-color: white;
	}
	
	/* Padding, bottom+right border */
	.singleDataCell
	{
		padding-top: 2px;		padding-bottom: 10px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: white;
	}
	
}

@media screen {

	.screenOnlyDataCell
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #ccccf2;
		vertical-align: middle;
	}
	
	/* No Padding */
	.listBody
	{
		padding: 0px;
		background-color: #ccccf2;
	}
	
	/* Padding, bottom+right border */
	.titleCell, .sortTitleCell
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #8888c2;
		vertical-align: middle;
	}
	
	.titleCellC, .sortTitleCellC
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #8888c2;
		vertical-align: middle;
		text-align: center;
	}
	
	.titleCellR, .sortTitleCellR
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #8888c2;
		vertical-align: middle;
		text-align: right;
	}
	
	.dataCell
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #ccccf2;
		vertical-align: middle;
	}
	
	/* Padding, bottom+right border */
	.dataCellC
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #ccccf2;
		vertical-align: middle;
		text-align: center;
	}
	
	/* Padding, bottom+right border */
	.dataCellR
	{
		padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #ccccf2;
		vertical-align: middle;
		text-align: right;
	}
	
	/* Padding, bottom+right border */
	.singleTitleCell
	{
		padding-top: 6px;		padding-bottom: 2px;	padding-left: 4px;	padding-right: 4px;
		height: 20px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;	border-bottom: 0cm;
		background-color: #ccccf2;
	}
	
	/* Padding, bottom+right border */
	.singleDataCell
	{
		padding-top: 2px;		padding-bottom: 10px;	padding-left: 4px;	padding-right: 4px;
		border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
		background-color: #ccccf2;
	}
	
}

/* Padding, bottom+right border */
.printableTitleCell
{
	padding-top: 10px;		padding-bottom: 10px;	padding-left: 4px;	padding-right: 4px;
	border-color: black; 	border-style: solid;	border-width: 1px;
	background-color: #ccccf2;
}

/* Padding, bottom+right border */
.printableDataCell
{
	padding-top: 20px;		padding-bottom: 20px;	padding-left: 4px;	padding-right: 4px;
	border-color: black; 	border-style: solid;	border-width: 1px;
	background-color: #ccccf2;
}

.loginTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 10pt;
	color: white;
}

.loginBodyText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

.loginTroubleTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

.loginTroubleBodyText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
}

.menuText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 10pt;
	color: black;
}

.infoText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 10pt;
	color: black;
}

.infoCell
{
	padding: 12px;
}

a.menuText:link 	{	text-decoration: none;		color: black;	}
a.menuText:visited	{	text-decoration: none;		color: black;	}
a.menuText:hover	{	text-decoration: underline;	color: darkgray;	}
a.menuText:active	{	text-decoration: none;		color: black;	}

a.menuText:hover
{
	text-decoration: underline;
	color: black;
}

.loginFieldText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #555555;

	margin-left: 4px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 19px;
	width: 100%;
}

.listTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 10pt;
	color: white;
}

.titleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: white;
}

.sortTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #ffdd66;
}

@media print {
	.dataText
	{
		font-family: Verdana, Osaka, Arial;
		font-size: 8pt;
		color: black;
	}
}
@media screen {
	.dataText
	{
		font-family: Verdana, Osaka, Arial;
		font-size: 8pt;
		color: black;
		white-space: nowrap;
	}
}

.printableDataText
{
	font-family: Verdana, Osaka, Arial;
	font-size: 12pt;
	color: black;
}

.singleTitleText, .sortSingleTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

.printableTitleText, .sortPrintableTitleText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: bold;
	font-size: 12pt;
	color: black;
}

.errorText
{
	padding-left: 40px;
	font-family: Verdana, Osaka, Arial;
	font-size: 8pt;
	color: red;
}

.button
{
	background-color:white; 
	color: black; 

	font-family: verdana, arial, osaka, verdana;
	font-size:10px; 
	font-weight:normal; 

	width:125px; 
	height: 21px;

	border-style: solid;
	border-width: 1px;
	border-color: #8888c2;

	margin-right: 10px;
	margin-left: 4px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.inputFlag
{
	margin-left: 1px;
	margin-right: 1px;
	margin-top: -1px;
	margin-bottom: -1px;
	height: 14px;
	width: 14px;
}

.inputText
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 19px;
	width: 100%;
}

.inputLinkCell
{
	padding-top: 6px;		padding-bottom: 6px;	padding-left: 4px;	padding-right: 4px;
	border-color: black; 	border-style: solid;	border-width: 1px;		border-left: 0cm;	border-top: 0cm;
	background-color: #ccccf2;
	vertical-align: middle;
}

.inputLink
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 19px;
	width: 100%;
}

.inputNumber
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 19px;
	width: 70px;
}

.inputLookup
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 22px;
}

.inputDate
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 22px;
}

.inputInvNum
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 20px;
	width: 70px;
}

.inputMemo
{
	font-family: Verdana, Osaka, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	height: 100px;
	width: 100%;
}

@media print {
	.highlightTableNormal
	{
		padding: 0px;
	}
	
	.highlightTableError
	{
		padding: 0px;
	}
	
	.highlightTableNormal100
	{
		padding: 0px;
		width:100%;
	}
	
	.highlightTableError100
	{
		padding: 0px;
		width:100%;
	}
}

@media screen {
	.highlightTableNormal
	{
		padding-top: 3px;		padding-bottom: 3px;	padding-left: 3px;	padding-right: 3px;
		border-style: solid;
		border-width: 1px;
		border-color: #ccccf2;
	}
	
	.highlightTableError
	{
		padding-top: 3px;		padding-bottom: 3px;	padding-left: 3px;	padding-right: 3px;
		background-color: #ffdd66;
		border-style: solid;
		border-width: 1px;
		border-color: red;
	}
	
	.highlightTableNormal100
	{
		padding-top: 3px;		padding-bottom: 3px;	padding-left: 3px;	padding-right: 3px;
		border-style: solid;
		border-width: 1px;
		border-color: #ccccf2;
		width:100%;
	}
	
	.highlightTableError100
	{
		padding-top: 3px;		padding-bottom: 3px;	padding-left: 3px;	padding-right: 3px;
		background-color: #ffdd66;
		border-style: solid;
		border-width: 1px;
		border-color: red;
		width:100%;
	}
}