/*******************************************************************************/
/**                                                                           **/
/**  STYLES USED BY PARENCHYM                                                 **/
/**                                                                           **/
/*******************************************************************************/



/**
 * General font styles
 */
body, td, th, li, dt, dd {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	color: #333333;
}

/**
 * Layout table
 */
body {
	margin: 0px;
	padding: 0px;
}
table.pageLayout {
	border-spacing: 0px;
	/*
	width: 100%;
	height: 100%;
	*/
	/*border: solid 1px teal;*/
}
table.pageLayout td {
	vertical-align: top;
	padding: 0px;
	/*border: solid 1px teal;*/
}
table.layout {
	border-spacing: 0px;
	/*border: solid 1px teal;*/
}
table.layout td {
	vertical-align: top;
	padding: 0px;
	/*border: solid 1px teal;*/
}
/**
 * Areas
 */
#areaUserInfo {
	width: 150px;
	min-width: 150px;
	padding: 6px;
	background-color: #f9f9f9;
	overflow: hidden;
}
#areaStatusInfo {
	padding: 6px;
	background-color: #c0c0c0;
}
#areaLeftMenu {
	width: 150px;
	min-width: 150px;
	padding: 6px;
	background-color: #f9f9f9;
	overflow: auto;
}
#areaLeftMenu a {
	white-space:nowrap;
}
#areaPageTitle {
	padding: 6px;
	color: midnightblue;
	margin-bottom: 8px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	font-size: 20px;
	/*font-family: serif;*/
	font-style: italic;
	background-color: #f9f9f9;
}
#areaContent {
	padding: 6px;
	border-left: solid 1px silver;
	border-top: solid 1px silver;
}
#areaContentFooter {
	font-size: 9px;
	margin-top: 4ex;
	border-top: solid 1px silver;
	background-color: #f9f9f9;
	clear:both;
}
#renderTime {
	margin-right: 2ex;
	float: left;
}
#poweredBy a {
	text-decoration: none;
}
#poweredBy img {
	vertical-align: middle;
}
/**
 * Nav Tree
 */
#navtree {
	width: 150px;
	min-width: 150px;
	overflow: hidden;
}
#navtree ul {
	list-style-position: outside;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navtree ul ul {
	margin-left: 1.5em;
}
/*
#navtree ul ul ul {
	padding-left: 3em;
	border: solid 1px blue;
}
*/
#navtree a {
	text-decoration: none;
	color: green;
	margin: 0px;
}
#navtree a:hover {
	border: dotted 1px green;
}
#navtree a.folder {
	font-weight: bold;
}
#navtree a.current {
	color: green;
	background-color: #e0eee0;
}

#navtree .pymAccordionHead {
	background-color: silver;
	font-weight: bold;
	color: black;
}
#navtree .pymAccordionHeadActive {
	background-color: green;
	font-weight: bold;
	color: white;
}
#navtree .pymAccordionBody {
	background-color: white;
	overflow: hidden;
}
/**
 * Page Menu
 */
#pageMenu {
	/*
	width: 100px;
	min-width: 100px;
	overflow: hidden;
	*/
	margin-bottom: 16px;
}
#pageMenu ul {
	list-style-position: outside;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#pageMenu ul ul {
	margin-left: 1.5em;
}
/*
#pageMenu ul ul ul {
	padding-left: 3em;
	border: solid 1px blue;
}
*/
#pageMenu a {
	text-decoration: none;
	color: navy;
	margin: 0px;
}
#pageMenu a.folder {
	font-weight: bold;
}
#pageMenu a.current {
	color: white;
	background-color: navy;
}
/**
 * UserInfo
 */
#userinfo {
    display: inline;
}
#userinfoGreeting {
	display: inline;
}
#userinfoUserName {
	font-weight: bold;
}
#userinfoLink {
	margin-left: 1em;
	display: inline;
}
/**
 * Logger
 */
.logDEBUG {
    font-family: monospace;
	background-color: #e0e0e0;
}
.logINFO {
    color: navy;
}
.logWARN {
    background-color: blue;
    font-weight: bold;
}
.logERROR {
    background-color: red;
    color: yellow;
    font-weight: bold;
}
.logFATAL {
    border: dashed 2px yellow;
    padding: 4px;
    background-color: maroon;
    color: yellow;
}
.logTime {
	display: inline;
}
.logLogger {
	display: inline;
}
.logLevel {
	display: inline;
    font-weight: bold;
}
.logMsg {
	margin-top: 8px;
    font-weight: bold;
}
.logFileLine {
	margin-top: 8px;
	font-style: italic;
}
.logBacktrace {
	margin-top: 8px;
	white-space: pre;
	font-size: small;
}
.logRequestInfo {
	margin-top: 8px;
	font-size: small;
}
.logRemoteInfo {
	margin-top: 8px;
	font-size: small;
}
div.errorMsgBox {
	border: solid 2px red;
	padding: 8px 8px 8px 80px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	/*height: 70px;*/
	min-height: 70px;
	background-image: url(img/ico_error.png);
}
/**
 * MessageBox
 */
.messageBox {
	border: solid 2px black;
}
.messageBoxError {
	color: red;
	border: solid 5px red;
}
.messageBoxSuccess {
	color: green;
	border: solid 5px green;
}
.messageBoxTitle {
	border-bottom: solid 1px black;
	padding: 6px;
	font-weight: bold;
	font-size: 115%;
}
.messageBoxContent {
	padding: 6px;
	color: black;
}
/**
 * Dump
 */
.dump {
	background-color: #f0f0f0;
	border: solid 1px #333333;
}
.dumpCaption {
	font-size: 110%;
	font-weight: bold;
}
/**
 * Data Tables
 */
table.dbTable {
	border: solid 1px silver;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}
table.dbTable th, table.dbTable td {
	border: solid 1px silver;
	padding: 2px 4px 2px 4px;
}
table.tblData {
	border: solid 1px gray;
	/*
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	*/
	border-spacing: 0px;
/*	border-collapse: collapse;*/
	empty-cells: show;
}
table.tblData th, table.tblData td {
	padding: 2px 4px 2px 4px;
	/*font-size: 9pt;*/
}
table.tblData th {
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #555555;
	color: white;
	font-weight: normal;
}
table.tblData th a {
	color: white;
	text-decoration: none;
}
table.tblData th a:hover {
	color: #555555;
	background-color: white;
	text-decoration: none;
}
table.tblData td {
	border-right: solid 1px #555555;
	border-bottom: solid 1px #555555;
}
table.tblData tr:hover {
	background-color: #ffff70;
}
tr.trData0 {
	background-color: #ffffff;
}
tr.trData1 {
	background-color: #f4f4f4;
}
tr.trData2 {
	background-color: #e8e8e8;
}
td.commandLink a {
	text-decoration: none;
}
div.dataTablePager {
	margin-top: 1ex;
	margin-bottom: 1ex;
}
div.dataTablePager img {
	vertical-align: middle;
}
div.dataTablePager a {
	margin-right: 0.5em;
}
span.dataTablePagerButtons {
	margin-right: 3em;
}
.selectedRow {
	background-color: #b0b0ff;
}
input[type=submit].dataTablePager {
	width: 4em;
}
input[type=text].dataTablePager {
	width: 3em;
}
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(img/up.png);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(img/down.png);
}
.nosort {
	cursor: default;
}

/**
 * Data Register
 */
div.dataRegister {
	border: outset 2px silver;
	padding: 1px;
	padding-bottom: 3px;
	margin-bottom: 1ex;
	/*background-color: #e0e0e0;*/
	background-color: #e8e8e8;
	font-size: small;
}
div.dataRegister a {
	color: black;
	/* always draw (invisible) border so that selecting does not change the width */
	border: solid 1px #e8e8e8;
	padding: 0px 4px 0px 4px;
	min-width: 2em;
}
div.dataRegister a:hover,  div.dataRegister a:active {
	border: inset 1px gray;
}
div.dataRegister a.dataRegisterSelected {
	border: inset 1px gray;
	color: white;
	background-color: green;
	font-weight: bold;
}

/**
 * Data Filter
 */
div.dataFilterHint {
	font-size: small;
	font-style: italic;
	background-color: #ffff70;
}

/**
 * Dialog Box
 */
div.dialogBox {
	border: solid 1px gray;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	background-repeat: no-repeat;
	background-position: 10px 25px;
}
div.dialogBoxCaption {
	padding: 4px;
	color: white;
	background-color: gray;
	margin-bottom: 6px;
}
div.dialogBoxMessage {
	padding: 4px;
}
div.dialogBoxButtons {
	margin-top: 18px;
	margin-bottom: 8px;
	padding-right: 4px;
	text-align: right;
}
div.dialogBoxConfirm {
	border: solid 1px #569fea;
	border-right: solid 2px #569fea;
	border-bottom: solid 2px #569fea;
	background-image: url(img/ico_confirm.png);
	min-height: 70px;
}
div.dialogBoxConfirm div.dialogBoxCaption {
	color: white;
	background-color: #569fea;
}
div.dialogBoxConfirm div.dialogBoxMessage {
	padding-left: 70px;
}
div.dialogBoxInformation {
	border: solid 1px #569fea;
	border-right: solid 2px #569fea;
	border-bottom: solid 2px #569fea;
	background-image: url(img/ico_confirm.png);
	min-height: 70px;
}
div.dialogBoxInformation div.dialogBoxCaption {
	color: white;
	background-color: #569fea;
}
div.dialogBoxInformation div.dialogBoxMessage {
	padding-left: 70px;
}

/**
 * Action Link
 */
a.actionLink {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	/* img is 16x16 pixels */
	padding-left: 20px;
}
a.actionLinkDenied {
	color: silver;
}
a:hover.actionLink {
	border: dotted 1px navy;
}

/**
 * Command Link
 */
a.commandLink {
	text-decoration: none;
}

/**
 * Command Button
 */
a.commandButton {
	border: outset 1px silver;
	margin: 0px 2px 0px 2px;
	padding: 4px 8px 4px 20px;
	width: 80px;
	text-decoration: none;
	background-color: #e0e0e0;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
a.commandButton:link, a.commandButton:visited, a.commandButton:hover {
	color: navy;
}
a.commandButton:focus {
	border: groove 1px silver;
	color: green;
}
a.commandButton:active {
	border: inset 1px silver;
	color: green;
}

/**
 * Form
 */
.pymForm {
	color:#000000;
	/*
	background:#ffffff;
	border:1px solid #949694;
	*/
}
div.pymForm {
	/*border: none;*/
	background: transparent;
}
.pymForm table.tblLayout {
	border-spacing: 2px;
}
.pymForm table.tblLayout td {
	background-color: #f0f0f0;
	padding: 4px 6px 4px 6px;
}
div.formError {
	color: red;
}
/*
input[type=text].pymForm, input[type=password].pymForm,
input[type=checkbox].pymForm {
	border: inset 1px silver;
}
*/
input[type=text].pymForm, input[type=password].pymForm {
	width: 250px;
}
textarea.pymForm {
	width: 300px;
	height: 60px;
}
input[type=submit].pymForm {
	border: outset 1px silver;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 20px;
	text-align: left;
	width: 80px;
	font-size: 100%;
	/*font-family: serif;*/
	background-repeat: no-repeat;
	background-color: #e0e0e0;
	color: navy;
	background-position: 0px 2px;
}
input[type=submit].pymForm:focus {
	color: green;
}
input[type=submit].pymForm:active {
	border: inset 1px gray;
	color: green;
}
input[readonly].pymForm, textarea[readonly].pymForm {
	border: dotted 1px gray;
}
/**
 * Flash Box
 */
div.flashSuccess, div.flashInfo, div.flashWarning,
		div.flashError, div.flashFatal {
	/*
	border: solid 1px black;
	border-width: 1px 2px 2px 1px;
	*/
	color: black;
	padding: 0px;
	padding-left: 70px;
	margin: 10px 0px 10px 0px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	height: 50px;
	min-height: 50px;
}
div.flashHeading {
	padding: 4px 4px 4px 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 110%;
}
div.flashSuccess {
	border-color: green;
	background-image: url(img/ico_success.png);
	background-color: #f0fff0;
}
div.flashSuccess div.flashHeading {
	color: green;
}
div.flashInfo {
	border-color: blue;
	background-image: url(img/ico_info.png);
	background-color: #f0ffff;
}
div.flashInfo div.flashHeading {
	color: blue;
}
div.flashWarning {
	border-color: teal;
	background-image: url(img/ico_warning.png);
	background-color: #f0ffff;
}
div.flashWarning div.flashHeading {
	color: teal;
}
div.flashError {
	border-color: red;
	background-image: url(img/ico_error.png);
	background-color: #fff0f0;
}
div.flashError div.flashHeading {
	color: red;
}
div.flashFatal {
	border-width: 2px 4px 4px 2px;
	border-color: maroon;
	background-image: url(img/ico_fatal.png);
	background-color: #f0d0d0;
	padding-left: 100px;
	height: 80px;
	min-height: 80px;
}
div.flashFatal div.flashHeading {
	color: maroon;
}
/**
 * PymDatePicker
 */
div.PymDatePicker {
	border: solid 1px black;
	border-right-width: 2px;
	border-bottom-width: 2px;
	background-color: #f5f6ee;
	padding-left: 1px;
}
#PymDatePickerPrevYear,
#PymDatePickerPrevMonth,
#PymDatePickerNextYear,
#PymDatePickerNextMonth {
	width: 20px;
}
#PymDatePickerMonth, #PymDatePickerYear {
	cursor: pointer;
}
.PymDatePickerPagerRow td:hover 
{
	border: outset 1px black;
}
div.PymDatePicker table {
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
}
div.PymDatePicker th, div.PymDatePicker td {
	text-align: center;
	padding: 2px;
	font-size: 10px;
}
#PymDatePickerBody td {
	border: dotted 1px silver;
}
#PymDatePickerBody td:hover {
	background-color: #dfe5de;
}
tr.PymDatePickerPagerRow {
	background-color: #dfe5de;
}
tr.PymDatePickerPagerRow table {
	width: 100%;
}
tr.PymDatePickerDayNamesRow {
	background-color: #dfe5de;
	font-weight: bold;
}
div.PymDatePicker td.PymDatePickerWeekNum {
	background-color: #dfe5de;
	font-weight: normal;
	font-size: 7px;
}
.PymDatePickerDaySunday {
	color: #800000;
}
td.PymDatePickerDayToday {
	font-weight: bold;
	background-color: #99ffff;
}
#PymDatePickerBody td.PymDatePickerDaySelected {
	font-weight: bold;
	/*border: inset 2px blue;*/
	background-color: #ffff99;
}
td.PymDatePickerDayPrevMonth, td.PymDatePickerDayNextMonth {
	color: silver;
}
/**
 * Other
 */
.highlight {
	background-color: #ffff70;
}
.source {
	background-color: #f0f0f0;
	border: solid 2px #c0c0c0;
	margin: 1ex 0px 1ex 0px;
	padding: 8px;
}

.exceptionBox {
	font-weight: bold;
	border: solid 2px red;
	padding: 8px;
}
.exceptionBox .title {
	font-size: 110%;
	margin-bottom: 1ex;
}
.error {
	color: red;
}

/**
 * PhwGenius4
 */

/* KG ProdPlan Filter */
.filterDisplayText {
	font-weight: bold;
	color: teal;
}

#userInfo, #statusInfo {
	font-size: 9pt;
	line-height: 10pt;
}