/* body */
body
{
	font: 66.67%/140% Verdana,Tahoma,Arial,Sans-Serif;
  color: black;
  margin: 0px;
  background-color: white;
}

/* Form */
form
{
  margin: 0px;
}

/* IE7 , Quirk , cant inherit font-family. */
 button, input[type="button"], input[type="submit"], input[type="reset"]
,input[type="text"], input[type="password"], textarea, select
{
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	margin: 0px; /* webkit margins */
}

button, input[type="button"], input[type="submit"], input[type="reset"]
{
	padding: 1px 6px 2px 6px;
}

/* IE5_6_hack \*/
* html button, * html input, * html textarea, * html select
{
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
}
/* IE5_6_hack */


/*--- Fix IE Quirk mode Table font-size non-inheritance once table is nested within another table. ---*/
table
{
  font-size: 1em;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* simulate hr. Solve IE7 problem. Huge margin. */
div.hrule
{
  border: solid 1px #e0e0e0;  
  margin: 0.7em 0px;
}


/* User Info Bar */
.kz-user-info-bar
{
  font-weight: bold;
  background-color: lavender;
}
/*  background-color: #d8e5f7; */

.kz-user-info-bar td
{
	font-weight: bold;
}

.kz-user-info-bar a:link, .kz-user-info-bar a:visited, .kz-user-info-bar a:hover, .kz-user-info-bar a:active
{
  color: black;
}

.kz-label-normal
{
}
.kz-edit-normal
{
  font-size: 8pt;
  color: black;
  font-family: Verdana,Arial;
  height: 20px;
}
.kz-std-text
{
}
.kz-proc-msg
{
  font-weight: bold;
  font-size: 1.125em;
  color: indigo;
}

.kz-warning-text
{
  color: red;
  font-style: italic;
}

.kz-err-text , .kz-error
{
  color: red;
}

.kz-errorblk
{
	color: red;
	display: block;
}

.kz-err-text-9
{
  font-size: 1.125em;
  color: red;
}

.kz-err-text-bold-10
{
  font-weight: bold;
  font-size: 1.25em;
  color: red;
}

.kz-err-text-bold-14,.kz-obsolete-text
{
  font-weight: bold;
  font-size: 1.7em;
  color: red;
}


.kz-button-normal
{
  font-size: 8pt;
  color: black;
  font-family: Verdana,Arial;
  height: 24px;
}


.kz-welcome-bar
{
  font-weight: bold;
  background-color: #d8e5f7;
}


.kz-label-bold
{
  font-weight: bold;
}

/* fond-weight intentionally remove */
.kz-edit-bold
{
  height: 20px;
  color: black;
  font-family: Verdana,Arial;
  font-size: 8pt;
}
.kz-button-bold
{
  height: 24px;
  color: black;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}

.kz-label-bold-10
{
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana,Arial;
  /*background-color: transparent;*/
}
.kz-edit-bold-10
{
  height: 20px;
  color: black;
  font-family: Verdana,Arial;
  font-size: 10pt;
}
.kz-button-bold-10
{
  height: 24px;
  color: black;
  font-family: Verdana,Arial;
  font-size: 10pt;
  font-weight: bold;
}


.kz-edit-flat-normal
{
  border: 1px solid black;
  font-family: Verdana,Arial;
  font-size: 8pt;
  height: 19px;
  padding-left: 2px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.kz-edit-flat-normal-10
{
  border: 1px solid black;
  font-family: Verdana,Arial;
  font-size: 10pt;
  height: 19px;
  padding-left: 2px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.kz-edit-flat-bold
{
  border: 1px solid black;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
  height: 19px;
  padding-left: 2px;
  padding-bottom: 1px;
  padding-top: 1px;
}
.kz-edit-flat-bold-10
{
  border: 1px solid black;
  font-family: Verdana,Arial;
  font-size: 10pt;
  font-weight: bold;
  height: 19px;
  padding-left: 2px;
  padding-bottom: 1px;
  padding-top: 1px;
}

.kz-combo-normal
{
  /* input */
  font-size: 1.13em; /* to fix IE Quirk Mode problem */
  color: inherit;
}

a.signout
{
  color: black;
}
a.signout:hover
{
  color: red;
}

/* Header for DataGrid */
.kz-grid-header
{
  font-weight: bold;
  color: white;
  background-color: #666699;
}

tr.kz-grid-header td
{
	border: solid 1px #c0c0c0;
	padding: 3px;
	vertical-align: bottom;
}

.kz-grid-header a:active
{
  color: white;
  text-decoration: none;
}
.kz-grid-header a:link
{
  color: white;
  text-decoration: none;
}
.kz-grid-header a:visited
{
  color: white;
  text-decoration: none;
}
.kz-grid-header a:hover
{
  color: darkred;
  text-decoration: none;
}


/* Items for DataGrid */
.kz-grid-item
{
  background-color: #E2E1F8;
}

tr.kz-grid-item td
{
	border: solid 1px #c0c0c0;
	padding: 3px;
}

/* Alternate Items for DataGrid */
.kz-grid-alt-item
{
  background-color: #EAEAFA;
}

tr.kz-grid-alt-item td
{
	border: solid 1px #c0c0c0;
	padding: 3px;
}

/* Separator Items for DataGrid */
.kz-grid-sep-item
{
  background-color: white;
}

tr.kz-grid-sep-item td
{
	border: solid 1px #c0c0c0;
	padding: 0px;
}

/* Selected Items for DataGrid */
.kz-grid-selected-item
{
  background-color: papayawhip;
}

tr.kz-grid-selected-item td
{
	border: solid 1px #c0c0c0;
	padding: 3px;
}

/* Footer for DataGrid */
.kz-grid-footer
{
  /*background-color: #d7e3f0;*/
	background-color: #F8F8FF;
}

tr.kz-grid-footer td
{
	border: solid 1px #c0c0c0;
	padding: 3px;
}

/* Inner text box of grid */
.kz-grid-item-textbox
{
  font-size: 8pt;
  font-family: Arial,Tahoma,Verdana;
}

/* Inner transparent text box of grid */
.kz-grid-item-transparent-textbox
{
  /* input */
	font-size: 1em;
  color: inherit;
	border: none 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
  background-color: transparent;
}

/* Header for Error Messages DataGrid */
.kz-error-grid-header td
{
  font-weight: bold;
  padding: 5px 0px 0px 1px;
  border-bottom: solid 1px black;
}



/* Copyright */
.kz-copyright
{
  font-weight: normal;
  font-size: 8pt;
  color: black;
  font-family: Arial,Verdana,Sans-Serif;
  font-variant: normal;
}

.kz-copyright a:link, .kz-copyright a:visited
{
  color: black;
}
.kz-copyright a:hover, .kz-copyright a:active
{
  color: Blue;
}

/* Background color for Table use to layout a entry or display form
   #d1e3ce
*/
.kz-FormTable
{
  background-color: #EBEBFB;
}
/* Caption Cell of a display form */
.kz-FormCaptionCell
{
  color: white;
  background-color: #8687b8;
}

.kz-FormReadOnlyTextBox
{
  font-size: 8pt;
  font-family: Verdana,Arial;
  border: 1px solid black;
  height: 19px;
  padding-left: 2px;
  padding-bottom: 1px;
  padding-top: 1px;
}

/* PM Panel Style */
.PmPanel
{
}

.PmSectionHeader
{
  font-weight: bold;
  font-size: 1.13em;
  color: white;
  background-color: mediumblue;
}
/*  background-color: slateblue;*/

.PmSectionHeader td
{
	padding-left: 4px;
	white-space: nowrap;
}

.PmItemTable
{
  border-collapse: collapse;
  border: solid 1px #c0c0c0;
}

.PmItemTable td
{
  border: solid 1px #c0c0c0;
}

.PmItemTable tr.ptitem td
{
  background-color: whitesmoke;
	padding-left: 1px;
}

.PmItemTable tr.ptalt td
{
  background-color: white;
	padding-left: 1px;
}

.PmItemHeader
{
  font-weight: bold;
  background-color: antiquewhite;
	/*background-color: #ebebfb;*/
}

.PmItemHeader td
{
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left : 1px;
}

.PmItemPosition
{
  background-color: Azure;
}

.PmItem
{
}

.PmItem td
{
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 0px;
}

.PmItemRoTdBgColor
{
  background-color: ghostwhite;
}

.PmSectionText
{
  font-size: 1.25em;
}

.PmItemGrpHeader
{
  font-weight: bold;
  font-size: 1.13em;
  color: white;
  background-color: mediumslateblue;
}

.PmItemGrpHeader td
{
	white-space: nowrap;
}

.PmShowHideCtl
{
  cursor: pointer;
  color: yellow;
  text-decoration: underline;
}


.kz-error-summary
{
	color: red;
  padding-left: 4px;
}

/* Survey Panel Style */
.SvyPanel
{
  font-size: 8pt;
  font-family: Arial,Tahoma,Verdana;
  background-color: seashell;
}

.SvySectionHeader
{
  font-size: 10pt;
  color: white;
  font-family: Arial,Tahoma,Verdana;
  font-weight: bold;
  background-color: #8687b8;
}
/*  background-color: mediumslateblue; */

.SvySubSectionHeader
{
  font-size: 8pt;
  font-style: italic;
  font-family: Arial,Tahoma,Verdana;
}

.SvyQuestion
{
  font-size: 8pt;
  font-family: Arial,Tahoma,Verdana;
  background-color: Gainsboro;
}

.SvyAnswers
{
  font-size: 8pt;
  font-family: Arial,Tahoma,Verdana;
  background-color: #e6eefa;
}

.SvyInput
{
  font-size: 8pt;
  font-family: Arial,Tahoma,Verdana;
  background-color: mintcream;
}

.kz-payslip-header
{
  font-weight: bold;
  font-size: 8pt;
  font-family: Arial Narrow;
  background-color: transparent;
}

.kz-payslip-detail
{
  font-size: 8pt;
  font-family: Arial Narrow;
  background-color: transparent;
}


.kz-AdhocBarCaption
{
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial, Verdana;
  background-color: #6699cc;
}

.kz-AdhocBarCaption td
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.kz-AdhocBarCaption a:link, .kz-AdhocBarCaption a:visited, .kz-AdhocBarCaption a:hover, .kz-AdhocBarCaption a:active
{
  color: white;
}
.kz-AdhocBarCaption a:hover, .kz-AdhocBarCaption a:active
{
  color: red;
}


/* Hidden input */
.kz-input-hidden
{
  font-size: 8pt;
  color: yellow;
  font-style: italic;
  font-family: Arial;
  background-color: red;
}

.kz-SortBarCaption
{
  font-weight: bold;
  font-size: 8pt;
  color: white;
  font-family: Arial, Verdana;
  background-color: #6699cc; 
}

.kz-SortBarCaption td
{
  padding-top: 2px;
  padding-bottom: 2px;
}

/* New stuff starts */

/*-- Radio button list inner label */
span.rdblist label
{
  margin-left: 1px;
}

table.rdbtab td
{
	border: none 0px;
	padding: 2px;
}

tr.kz-trtd-nowrap td
{
	white-space: nowrap;
}

.kz-title ,.kz-header-title-nospace
{ 
  font-size: 1.3em;
  font-weight: bold;
  margin: 0px 0px 0.3em 0px;
}

.kz-td-edit
{
  /* input */
	font-size: 1em;
  color: inherit;
  border: none 0px;
  padding-left: 0px;
  padding-right: 0px;
	margin: 0px;
  background-color: transparent;
}

.kz-edit-ro-bgcolor
{
  background-color: ghostwhite;
}
/* Hardcode in program.*/
.kz-clm-item-td-ro
{
  background-color: ghostwhite;
}


.kz-form-edit,.kz-form-edit-pop
{
  /* input */
	font-size: 1em;
  color: inherit;
  padding: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #7f9db9;
}

.kz-form-edit-ro
{
  /* input */
	font-size: 1em;
  color: inherit;
  padding: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #7f9db9;
	/*background-color: #f8f8f8;*/
	background-color: whitesmoke;
}

.kz-form-combo
{
  /* input */
  font-size: 1.05em; /* to fix IE Quirk Mode problem */
  color: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #7f9db9;
	height: 20px;
}

.kz-form-edit-10,.kz-form-edit-pop-10
{
  /* input */
  font-size: 1.25em; /* to fix IE Quirk Mode problem */
  color: inherit;
  padding: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #7f9db9;
}

.kz-div-border
{
  border: solid 1px #d0d0d0;
}

/* Form using table. See kz-form */
.kz-form-tb
{
  /*background-color: #f5f5f5;*/
  /*background-color: #f8f8f8;*/
	background-color:	#EBEBFB;
  border: solid 1px #d0d0d0;
}

table.kz-form-tb
{
  border-collapse: collapse;
}

/*	background-color: rgb(220,232,242);*/
/* rgb(202,220,236) */
.kz-form-tb td
{
  padding-top:    2px;
  padding-bottom: 2px;
  vertical-align: top;
}

.kz-form-tb td.lbl
{
  text-align: right;
  padding-right: 1px;
}

.kz-form-tb td.lblbold
{
  text-align: right;
  padding-right: 1px;
	font-weight: bold;
}

.kz-form-tb td.sep
{
  height: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.kz-form-tb td.btn
{
  border-top: solid 1px #d0d0d0; 
  padding-top: 5px;
  padding-bottom: 5px;
}

.kz-form-tb td input[type="image"] , .kz-form-tb td img
{
	vertical-align: top;
}

span.kz-form-cb label
{
	margin-left: 3px;
  vertical-align: 3px;
}

/* new error grid */
.kz-error-grid
{
  border-collapse: collapse;
  border-spacing: 0px;
  width:expression(  document.body.clientWidth > 600px ?  "600px": "auto" );
  max-width: 600px;
}

.kz-error-grid td.hdr
{
  font-weight: bold;
  text-decoration: underline;
  border-bottom: solid black 1px;
  padding-top: 5px; 
  padding-bottom: 3px; 
  padding-left: 1px; 
}

.kz-error-grid td.item
{
  color: red;
  padding-bottom: 2px;
  padding-left: 1px; 
}

/* new data grid */
.kz-dggrid
{
  border-collapse: collapse;
}

.kz-dggrid td
{
  padding: 2px;
  border: solid 1px #c0c0c0;
}

.kz-dggrid tr.hdr,.kz-dggrid tr.hdrnowrap
{
  font-weight: bold;
  color: white;
  /*background-color: #C52222;*/
  
  background-color: #666699;
}

.kz-dggrid tr.hdr td
{
  vertical-align: bottom;
}

.kz-dggrid tr.hdrnowrap td
{
  white-space: nowrap;
  vertical-align: bottom;
}

.kz-dggrid tr.hdr td a , .kz-dggrid tr.hdrnowrap td a
{
  color: white;
	text-decoration: underline;
}

.kz-dggrid tr.hdr td a:hover , .kz-dggrid tr.hdr td a:active 
 , .kz-dggrid tr.hdrnowrap td a:hover , .kz-dggrid tr.hdrnowrap td a:active
{
  color: deepskyblue;
	text-decoration: underline;
}

.kz-dggrid tr.item , .kz-dggrid tr.itemvtop
{
  /*background-color: #F3F3F3;*/
  background-color: #E2E1F8;
}

.kz-dggrid tr.alt , .kz-dggrid tr.altvtop
{
  /*background-color: #ECECEC;*/
  background-color: #EAEAFA;
}

.kz-dggrid tr.item td.precol , .kz-dggrid tr.alt td.precol
 , .kz-dggrid tr.itemvtop td.precol , .kz-dggrid tr.altvtop td.precol
{
	white-space: pre;
	vertical-align: top;
}

.kz-dggrid tr.itemvtop td , .kz-dggrid tr.altvtop td
{
	vertical-align: top;
}

.kz-dggrid tr.sep,.kz-dggrid td.sep
{
  background-color: #FFFFFF;
}

.kz-dggrid tr.sel,.kz-dggrid td.sel
{
  background-color: papayawhip;
}

.kz-dggrid tr.ftr, .kz-dggrid td.ftr , .kz-dggrid tr.pgr
{
  background-color: #F8F8FF;
}

.kz-dggrid tr.pgr td span , .kz-dggrid tr.pgr td a
{
	font-weight: bold;
	font-size: 1.15em;
	margin-left: 5px;
}


/* New DataList. same as kz-dggrid */
.kz-dllist
{
  border-collapse: collapse;
}

.kz-dllist td
{
  padding: 2px;
  border: solid 1px #c0c0c0;
}

.kz-dllist tr.hdr,.kz-dllist tr.hdrnowrap
{
  font-weight: bold;
  color: white;
  /*background-color: #C52222;*/

  background-color: #666699;
}

.kz-dllist tr.hdr td
{
  vertical-align: bottom;
}

.kz-dllist tr.hdrnowrap td
{
  white-space: nowrap;
  vertical-align: bottom;
}


.kz-dllist tr.item , .kz-dllist td.item
{
  /*background-color: #F3F3F3;*/
  /*background-color: #dbd9e2; o*/
  background-color: #E2E1F8;
}

.kz-dllist tr.alt , .kz-dllist td.alt
{
  /*background-color: #ECECEC;*/
  /*background-color: lavender; o*/
  background-color:#EAEAFA;
}

.kz-dllist td.sep
{
  background-color: #FFFFFF;
}

.kz-dllist tr.ftr, .kz-dllist td.ftr
{
  background-color: #F8F8FF;
}

.kz-btn
{
	/* input */
	font-size: 1em;
}

.kz-btn-9
{
  font-size: 1.125em;  
}

.kz-lbl-bold
{
	font-weight: bold;
}

.kz-lbl-9
{
  font-size: 1.125em;
}
.kz-lbl-9-bold
{
  font-size: 1.125em;
	font-weight: bold;
}

.kz-lbl-10
{
  font-size: 1.25em;
}
.kz-lbl-10-bold
{
  font-size: 1.25em;
	font-weight: bold;
}

.kz-hdr-9-bold
{
  font-size: 1.125em;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
}

div.indent10  
{
	margin-left: 10px;
	min-height: 450px;
}

div.indent10-pop
{
	margin-left: 10px;
}

/* Link */
a
{
  color: blue;
	text-decoration: underline;
}

a:hover,a:active
{
  color: DeepSkyBlue;
	text-decoration: underline;
}


/* IE5_6_hack \*/
* html div.indent10
{
	height: 450px;
}

* html .kz-btn
{
	padding: 1px 6px 2px 6px;
}

* html .kz-btn-9
{
	padding: 1px 6px 2px 6px;
}
/* IE5_6_hack */