/* Copyright 2008-2012 Pvx Plus technologies. All rights reserved */ 

a.iCmnVal:focus, input.iCmnVal:focus { outline: none; }

table { border-collapse: separate; }
body, th, td, input, textarea, select, button { font-family: Tahoma, Helvetica, Sans-serif; font-size: 12px; resize: none;}
button, input[type="button"]{ white-space: normal; }

/* Main table containing panel */

#id_Main { white-space: nowrap; }

.iPanelDiv { position: relative; }

.iPanel { position: relative;  z-index: 1; border-collapse: separate; }
* {	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
.iTable { border-collapse: separate; table-layout: fixed; margin: 10px; }
.iTitle { }
#iTitle { font-weight: bold; }
#id_Root { position: relative; display: inline-block;}

tr.iRgn, td.iRgn  { margin: 2px 0px 2px 0px; padding: 2px 0px 2px 0px; } /* DONT CHANGE Cell definitions for each panel entry */

.iImgZoom { }
.iImgScroll { position: relative; overflow: auto; background-color: #666; }
.iImg { display: block; }

.iMenuDiv { position: relative; z-index: 10; border-radius: 4px; }

#ce_Div { position: absolute; display: none; width: 100%; height: 100%; display: none; }
#ce_Text { width: 100%; height: 100%; padding: 0; line-height: 100%; border: none; }

/* Bottom copyright notice */
.iNotice, div.iNotice a:link, div.iNotice a:visited { font-family: Tahoma, Helvetica, Sans-serif; font-size: 9px; text-align: center; color: #85854F; }
#iNmdScript a { text-decoration: none; }

.iWebDivBord { border: solid 1px Black; }
.iWebDiv { border: none; }

/* Title close button */
#id_Close { display: inline;}
.iClsBtn { width: 18px; display: inline-block;
	background-image: URL(/sysimage/close_gray.png); 
	background-position: center; background-repeat: no-repeat;  }
.iClsBtn:hover { background-image: URL(/sysimage/close.png); }

/* Message Box definitions */

.iMbxDiv { text-align: left; border: solid 1px black; background: White; z-index: 10; 
-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; 
border-top-right-radius: 10px; border-top-left-radius: 10px; 
}

.iMbxTbl { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.iMbxTtl { font-size: 14px; color: white; font-weight: bold; background: #68B; padding: 4px 4px 4px 6px ;
-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; 
border-top-right-radius: 10px; border-top-left-radius: 10px; 
 }
.iMbxMin { width: 200px; height: 1px; } /* Forces minimum width */
.iMbxImg { vertical-align: top; padding: 10px 10px 10px 10px;}
.iMbxTop { vertical-align: middle; padding: 10px 10px 10px 10px;}
.iMbxBtm { background: #E8ECF0; text-align: center; padding: 10px 0 10px 0;
}
.iMbxBtn { width: 75px; }

/* Query definitions */

.iQryTtl { font-size: 200%; }
#iQryLine { background: #FFFFFF; color: #000000; }
#iQryLineAlt { background: #E6FFE6; color: #000000; }
#iQryLineOver  { background: #BCB; }

a.iQryDrill:link  { color: #000080; }
a.iQryDrill:visited  { color: #000080; }
.iQryDrill:hover  { color: #FFFF00; }

.iQryHdr { background: silver; text-align: center; }

#iQryHdrNorm { border-right-style: groove; border-right-width: 2px; border-right-color: gray; 
              border-bottom-style: solid; border-bottom-color: #666; }

#iQryHdrOver { border-right-style: groove; border-right-width: 2px; border-right-color: gray; 
              border-bottom-style: solid; border-bottom-color: #64E664; }

#iQryHdrPad { border-bottom-style: solid; border-bottom-color: #666; }

.iQryFrame { background: gray; }

div.iQry { display: inline; } 
/* div.iQry div { position: relative; top: -1px; }  */

/* Frame definitions *?

/* The following frame (prefered) using background images for frame and header */
#iFrameTL { background-image: url(/sysimage/frameTL.gif); background-repeat: no-repeat;  background-position: bottom left;}
#iFrameTR { background-image: url(/sysimage/frameTR.gif); background-repeat: no-repeat; background-position: bottom right; }
#iFrameT { background-image: url(/sysimage/frameT.gif); background-repeat: repeat-x; background-position: bottom; }

#iFrameHL { background-image: url(/sysimage/frameHL.gif); background-repeat: no-repeat;  background-position: top left;}
#iFrameHR { background-image: url(/sysimage/frameHR.gif); background-repeat: no-repeat; background-position: top right; }
#iFrameH { background-image: url(/sysimage/frameH.gif); background-repeat: repeat-x; background-position: top; color: White; }

#iFrameBL { background-image: url(/sysimage/frameBL.gif); background-position: bottom left; }
#iFrameBR { background-image: url(/sysimage/frameBR.gif); background-position: bottom right; }
#iFrameB { background-image: url(/sysimage/frameB.gif); background-repeat: repeat-x; background-position: bottom; }

#iFrameL { background-image: url(/sysimage/frameEdge.gif); background-repeat: repeat-y; background-position: top left; }
#iFrameR { background-image: url(/sysimage/frameEdge.gif); background-repeat: repeat-y; background-position: top right; }

#iFrameBack { }
.iFrameText { }

/* Absolute rendering Frame template */

table.iFrm, table.iFrm tbody { width: 100%; height: 100%; table-layout: fixed;}

td.iFrmHL { width: 10px; background-image: url(/sysimage/frameHL.gif); background-repeat: no-repeat;  background-position: top left;}
td.iFrmHC { background-image: url(/sysimage/frameH.gif); background-repeat: repeat-x; background-position: top; color: White; }
td.iFrmHR { width: 10px; background-image: url(/sysimage/frameHR.gif); background-repeat: no-repeat; background-position: top right; }

td.iFrmTL { width: 10px; background-image: url(/sysimage/frameATL.gif); background-repeat: no-repeat;  background-position: top left;}
td.iFrmTC { background-image: url(/sysimage/frameAT.gif); background-repeat: repeat-x; background-position: top; }
td.iFrmTR { width: 10px; background-image: url(/sysimage/frameATR.gif); background-repeat: no-repeat; background-position: top right; }

td.iFrmML { width: 10px; background-image: url(/sysimage/frameEdge.gif); background-repeat: repeat-y; background-position: top left; }
td.iFrmMC { }
td.iFrmMR { width: 10px; background-image: url(/sysimage/frameEdge.gif); background-repeat: repeat-y; background-position: top right; }

td.iFrmBL { width: 10px; background-image: url(/sysimage/frameBL.gif); background-position: bottom left; }
td.iFrmBC { background-image: url(/sysimage/frameB.gif); background-repeat: repeat-x; background-position: bottom; }
td.iFrmBR { width: 10px; background-image: url(/sysimage/frameBR.gif); background-position: bottom right; }

/* Multi-line
	iMultiLine - Normal
	iMultiLineNB - Borderless
*/

.iMultiLineNB { border: 0px none Black; }
.iMultiLineNB[readonly], .iMultiLineNB[nmdLock='true'] { background-color: transparent; }

/* Drop box -- iNomads emulated control */

.iVarDrop { background: white; border: solid 1px #7F9DB9; padding: 1px 4px 1px 0px; position: relative; white-space: nowrap; }
.iVarText { border: none; }
.iVarDropList { display: none; position: absolute; border: solid 1px black; top: 0; left: 0; z-index: 15;}
#iVarDropBtn { margin-right: 0px; height: 16px; width: 18px; }

/* Button - use data-bt-? to test button attributes:
**	 f=flat, x=flat-nobox, w=web, t=transparent, c=has colour, u=underline, v=hover color
*/

.iBtn { padding: 0; vertical-align: middle; margin: 0; overflow: hidden; }
.iBtn[data-bt-f], .iBtn[data-bt-x] { border: solid 1px transparent; }
.iBtn[data-bt-w] { border: none; }

.iBtn[data-bt-w] { background: none; filter: none;}
.iBtn[data-bt-t] { background: none; border: solid 1px #666; -moz-border-radius: 5px; border-radius: 5px; filter: none; }
.iBtn[data-bt-t][data-bt-f],.iBtn[data-bt-t][data-bt-x] { border: solid 1px transparent; }
.iBtn[disabled][data-bt-f], .iBtn[disabled][data-bt-x], .iBtn[disabled][data-bt-w], div.iBtn[data-disabled]{ filter:alpha(opacity=20);  opacity:0.2; }

.iBtn[data-bt-v]:hover,.iBtn[data-bt-w]:hover { color: Blue; }
.iBtn[data-bt-u],.iBtn[data-bt-w]:hover { text-decoration: underline; }
.iBtn[data-bt-v][disabled]:hover { color: Grey;  }
.iBtn[data-bt-u][disabled]:hover { text-decoration: none; }
.iBtn[data-bt-f][disabled]:hover { border: solid 1px transparent; background-image: none; filter: none;}

/* Button outline for flat when hovering, colored or radio-button with image */

.iBtn[data-bt-f]:hover,.iBtn[data-bt-c], .iBtn[data-rb-s='0'] { border: solid 1px #666; -moz-border-radius: 3px; border-radius: 3px; 
 background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(128,128,128,.5));
 background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(128,128,128,.5));
 background-image: -o-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(128,128,128,.5));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF, endColorstr=#80808080);
 background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(128,128,128,.5));
}

/* Firefox fix for buttons */
button::-moz-focus-inner { border: 0; padding: 0; }

/* Rocker button */

.iRckImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
table.iRckImg tr td {  vertical-align:middle; text-align: center; }
.iRckDiv { position: absolute; display: table;}
.iRckArw { color: Gray; text-shadow: 1px 1px White; position: absolute; font-weight: bold; text-align: center; }
.iRckArw:hover { color: White;  }

/* Radio_button down */

.iBtn[data-rb-s='1'] { border: solid 1px #666; -moz-border-radius: 3px; border-radius: 3px; 
 background-image: -moz-linear-gradient(-90deg, rgba(128,128,128,.5), rgba(255,255,255,.5));
 background-image: -webkit-linear-gradient(rgba(128,128,128,.5), rgba(255,255,255,.5));
 background-image: -o-linear-gradient(-90deg, rgba(128,128,128,.5), rgba(255,255,255,.5));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80808080, endColorstr=#C0FFFFFF);
 background-image: linear-gradient(-90deg, rgba(128,128,128,.5), rgba(255,255,255,.5));
}
/* Tri-state check box definitions */

.iCbox[data-cb-down] { text-decoration: line-through; color: Olive;  }
.iCbox[data-cb-rev] { background-color: #666666; color: White; }

.iCbox { position: relative; top: -2px; }
.iCboxClr, .iCbox3  { padding: 0; margin:1px 1px 1px 1px; width:14px; height:14px; border: inset 1px Gray; color: #4B4; 
	background-color: White; font-size: 10px; }
.iCbox3 { background-image: url(/shades/gray_in/light.gif); }
.iCboxClr[data-cb-s='2'], .iCbox3[data-cb-s='2'] { color: Maroon; }

.iCbT, .iRbT { height: 100%; width: 100%; }
.iCbT tr, .iRbT tr { vertical-align: top;}
.iCbX, .iRbX { width: 20px;}
.iCbX[data-cb-r], .iRbX[data-rb-r] { text-align: right; }
.iCbL, .iRbL { white-space: normal; overflow: hidden; }

/* Folders and folder tabs */

.iFolder { border-collapse: separate; table-layout: fixed; }
div.iFolderDiv { position: relative; vertical-align: top;}
td.iFolderPanel, .iTabActive, .iTabNormal, .iTabDisabled
{ 	border-left: 1px outset;
	border-right: 1px outset;
}

td.iFolderPanel 
{	border-bottom: 1px outset;
	background-color: #FFFFEE;
}
.iTabActive 
{	border-top: 2px outset;
	background-color: #FFFFEE;
	padding: 0px 0px 0px 0px;
}
.iTabActive a {	text-decoration: none; }
.iTabNormal 
{	border-top: 2px outset;
	border-bottom: 1px inset;
	background-color: #EEEEDD;
	padding: 2px 0px 0px 0px;
	text-decoration: underline;
}

.iTabNormal:hover
{   border-top: 2px solid orange;
	background-color:  #DFFFD4;
}
.iTabDisabled 
{	border-top: 2px outset;
	border-bottom: 1px inset;
	background-color: #DDDDCC;
	padding: 2px 0px 0px 0px;
	color: Gray;
}

.iTabEmpty { border-bottom: 1px inset; }
.iTabImage { position: relative; border: none; padding-left: 3px; }
.iTabDiv { position: relative; width: 100%; height: 100%; }
.iTabTxt { display: inline-block;  vertical-align: top;  width: 100%;}
.iTabTxt a { color: Black; }

/* Web style folder tabs -- Vertical tab separators
	WtbCur - Current tab
	WtbNrm - Active Selectable tab
	WtbDis - Disabled tab
 */

.iWtbCur, .iWtbNrm, .iWtbDis { height: 25px; margin: 3px 0 3px 0; font-size: 125%; }

.iWtbCur_L, .iWtbNrm_L { display: inline-block; background-image: url(/shades/blue_in/frameHL.gif); background-repeat: no-repeat;  background-position: top left; width: 10px; }
.iWtbCur_T, .iWtbNrm_T { display: inline-block; background-image: url(/shades/blue_in/frameH.gif); background-repeat: repeat-x; background-position: top; 
	width: 95%; color: White; }
.iWtbCur_I { display: inline-block; background-image: url(/sysimage/right.gif); background-repeat: no-repeat; width: 20px; background-position: center center;}
.iWtbNrm_I { display: inline-block; background-image: url(/sysimage/down.gif); background-repeat: no-repeat; width: 20px; background-position: center center; }
.iWtbCur_R, .iWtbNrm_R { display: inline-block; background-image: url(/shades/blue_in/frameHL.gif); background-repeat: no-repeat;  background-position: top right; }

.iWtbCur_T a, .iWtbNrm_T a { color: White; text-decoration: none; }
.iWtbNrm_T a:hover { text-decoration: underline; }

.iWtbDis_L { display: inline-block; background-image: url(/shades/steel_in/frameHL.gif); background-repeat: no-repeat;  background-position: top left; width: 10px;}
.iWtbDis_T { display: inline-block; background-image: url(/shades/steel_in/frameH.gif); background-repeat: repeat-x; background-position: top; 
	width: 95%; color: #777; }
.iWtbDis_I { display: inline-block; background-image: url(/sysimage/minus.gif); background-repeat: no-repeat; width: 20px; background-position: center center; }
.iWtbDis_R { display: inline-block; background-image: url(/shades/steel_in/frameHL.gif); background-repeat: no-repeat;  background-position: top right; }

/* Popup menu and MenuBar  defintions
	iMenuDiv	: Surrounding box
	iMenuNul	: Hidden menu bar region
	iMenu		: Item
	iMenuOpen	: Open/Selected item
	iMenuDis	: Disabled item */
   
.iMenuDiv { border-top: solid 1px #999; border-left: solid 1px #999;
			border-bottom: solid 1px #666; border-right: solid 1px #666;
			text-align: left; background: #e8edf2; margin: 2px 2px 2px 2px;  }
.iMenu, .iMenuOpen, .iMenuDis { height: 20px; }
.iMenuNul { display: block; /* none */ }
.iMenu:hover { background-image: url(/shades/blue_in/light.gif); }  /* Hover highlight */
.iMenuOpen { color: White; background-image: url(/shades/blue_in/dark.gif); }
.iMenuDis { color: Gray; }

/* Common elements for compound controls: Formatter List box, List View, Grid
	iCmnDiv				: Block around the compound control
	iCmnDivBord			: Block around control when Border reqd
	iCmnDivTbl			: Table used to layout control
	iCmnData			: Data area in control which will be scrolled
	iCmnVal				: Actual value -- used to capture key and tabindx
	iVScrl & iVSLine	: Used to create Vertical Scroll
	iHScrl & iHSLine	: Used to create Horiz Scroll
	iCmnSizeH/V			: Div used to mark resize region
	iCorner				: Bottom Right corner when needed */


.iCmnDiv { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: White; }
.iCmnDivBord { margin: 0; padding: 0; background-color: White;
	border-width: 1px; border-color: #558; border-style: solid;}

.iCmnDivBord tr td, .iCmnDivBord ts{ margin: 0; padding: 0; }
.iCmnDivDiv { padding: 0; margin: 0; overflow: auto; }
.iCmnDivTbl { border: none; border-collapse: collapse; table-layout: fixed;
	vertical-align: top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
	 }
.iCmnData { overflow: hidden; padding: 0; margin: 0;}
.iCmnVal { width: 1px; height: 1px; border: none ; left: -10px; position: absolute; background-color: transparent; }
.iCmnSizeH { border: solid 1px Blue; background-color: #9CF; border-right: solid 3px Red;
  filter:alpha(opacity=50); z-index: 10;  /* CSS3 standard */  opacity:0.5; }
.iCmnSizeV { border: solid 1px Blue; background-color: #9CF; border-bottom: solid 3px Red;
  filter:alpha(opacity=50); z-index: 10;  /* CSS3 standard */  opacity:0.5; }

.iCmnMask { background-color: Black;
  filter:alpha(opacity=5);  /* CSS3 standard */  opacity:0.05;  z-index: 5; }
iframe.iPopFrm { background-color: White; z-index: 10; border: solid 1px Black; position: absolute; }

.iCmnSubWdw { background-color: #FC9; border: solid 1px Black; }

.iRowSel { color: #CCD; background-image: url(/shades/blue_in/dark.gif); }
.iRowSelFcs { color: White; background-image: url(/shades/blue_in/dark.gif); }
.iRow:hover { background-image: url(/shades/blue_in/light.gif); }

span.iPad { display: inline-block; }

.iVScrlIE { overflow: auto; width: 18px; z-index: 2; }
.iVSLineIE { width: 1px; overflow: hidden; background-color: #666; }

.iVScrl1 { overflow: hidden; width: 18px; /* z-index: 2; */ }
.iVScrl2 { width:38px; height:100%; overflow:auto; position:relative; left:-20px; background-color: #666; }
.iVSLine { width: 1px; }

.iVScrlBar { position: relative; overflow: auto; width: 18px; border: solid 1px #666; border-left-width: 0px; z-index: 5; }

.iHScrlIE { overflow: auto; height: 18px; }
.iHSLineIE { height: 1px;  overflow: hidden; }

.iHScrl1 { overflow: hidden; height: 18px;  }
.iHScrl2 { height:38px; width:100%; overflow:auto; position:relative; top:-20px; background-color: #666; }
.iHSLine { height: 1px; }

.iCorner { background-image: url(/sysimage/corner.gif); background-repeat: no-repeat;
	background-position: center center;
	background-color: #EEE; 
	border-top: solid 1px #666; border-left: solid 1px #666;}

/* New List View Styles */

.iLv { white-space: nowrap; position: relative; background-color: White; } 
.iLv[data-lv-b] { border: solid 1px black; }

.iPgBar, .iLvHdr { width: 100%; z-index: 8; position: relative; }
	
.iPgBar { position: absolute; left: 0px; bottom: 0px; padding-top: 2px; }
.iPgCol { position: absolute; top: 0px; right: 5px; }
.iPgCol a { text-decoration: none; }
.iPgCol a:hover { text-decoration: underline; }

.iLvData { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 4;}
.iLvScrl { position: absolute; top: 0; left: 0; overflow: auto; width: 100%; height: 100%; }
.iLvScrl::-webkit-scrollbar-corner { background-color: #EEE;}

.iLvFill { visibility: hidden; }

.iLvTL, .iLvBL { display: inline-block; z-index: 4; position: relative; }	/* 4 zones Top Left/Right Btm Left/right */
.iLvTR, .iLvBR { display: inline-block; position: relative; }

.iLvHRow { height: 100%;}
.iGdRow { position: absolute; left: 0px; background-color: White; }
.iLvRow { position: absolute; left: 0px; border-bottom: solid 1px transparent; border-top: solid 1px transparent; }
.iLvRow:hover { background-image: url(/shades/blue_in/light.gif); }

.iLvRow[data-sel] { color: White; background-image: url(/shades/blue_in/dark.gif); }

.iLvHCol, .iLvCol, .iLvCell { display: inline-block; height: 100%; white-space: nowrap; position: relative; }
.iLvHCol, .iLvCol {  overflow: hidden; text-overflow: ellipsis; }
/* .iLvCell { vertical-align: middle; } */
.iLvHCol { text-align: center;
	border-right-style: groove; border-right-width: 1px; border-right-color: gray; }

.iLvGray { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; 
	background-image: url(/shades/gray/light.gif); background-position: bottom; background-repeat: repeat-x; 
	background-color: #F6F8FA; }
.iLvClkOk:hover { border-bottom: solid 1px Orange; background-image: url(/shades/blue_in/light.gif);
    text-decoration: underline; }
.iLvCol { border-right: solid 1px #EEE; }
.iLvCellXL { border-right: solid 1px #EEE; border-bottom: solid 1px #EEE; }
.iLvCell[data-lockend] { border-right: solid 1px Black;}

.iLvHSort { text-decoration: none; display: inline-block; position: absolute; top: 0; right: 5px; width: 14px; height: 100%; background-position: center center ; background-repeat: no-repeat;}
.iLvHSort[data='up'] { background-image: url(/sysimage/smlup.gif); }
.iLvHSort[data='dn'] { background-image: url(/sysimage/smldown.gif); }

.iLvRow[inBk='1'] { background-color: #CCDDFF; }
.iLvRow[inBk='2'] { background-color: #E8E8F8; }

.iLvHSizR { width: 4px; height: 100%; position: absolute; top: 0px; right: -2px; cursor: e-resize; }
.iLvHSizB { width: 100%; height: 4px; position: absolute; bottom: -2px; cursor: n-resize; }

/* Grid styles 
	iGridTbl	: Actual grid table
	iGridHdr	: Header lines
	iGridCell	: Cells (iGridCellXL is with Excelstyle=1 - default) */

.iGridTbl { table-layout: fixed; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.iGridTbl tr td, .iGridTbl tr { vertical-align: top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.iGridHdr { background-image: url(/shades/gray/light.gif); background-position: bottom; background-repeat: repeat-x;
	text-align: center; white-space: normal; overflow: hidden; vertical-align: middle;
	border-right: solid 1px #666; border-bottom: solid 1px #666; 
	border-left: none; border-top: none; }

.iGridCellXL { background-color: White;white-space: nowrap; 
	border-right-style: solid; border-right-width: 1px; border-right-color: Silver;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: Silver;
	border-left: none; border-top: none; }
.iGridCell {  background-color: White; white-space: nowrap; 
	border-right-style: solid; border-right-width: 1px; border-right-color: White; 
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: White;
	border-left: none; border-top: none; }

.iLvCell[data-sts="E"], .iLvCell[data-sts="F"] { background-image: url(/sysimage/gridfocus.png); background-size:100% 100%;
	background-repeat: repeat-x; }

/* Data Display cell */


.iGdCell[data-t*="ellipsis"] { text-overflow: ellipsis; }
.iGdCell[data-t^="check"] { text-indent: 20px; background-image: url(/sysimage/emptybox.gif); background-repeat: no-repeat; background-position: left;}
.iGdCell[data-v="1"][data-t^="checkbox"] { background-image: url(/sysimage/xinbox.gif);}
.iGdCell[data-v="1"][data-t^="checkmark"] { background-image: url(/sysimage/checkedbox.gif);}

.iGdCell { padding: 1px  1px 1px 1px; overflow: hidden; }
.iGdCell[data-rd="L"] { background-color: rgba(220, 220, 224, 0.25); }

.iGdCell[data-t*="drop"], .iGdCell[data-t^="lookup"], .iGdCell[data-t^="query"] { text-overflow: ellipsis; }

.iGdHdrUp { background-image: url(/sysimage/smlup.gif); background-position: right center ; background-repeat: no-repeat;}
.iGdHdrDown { background-image: url(/sysimage/smldown.gif); background-position: right center;  background-repeat: no-repeat;}

.iLvCell[data-sts="E"] .iGdCell { visibility: hidden; } /* Hide while editing */


/* Edit overlay */
.iGdEdit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; overflow: hidden; 
	padding: 0px 1px 0px 1px; background-color: transparent; }
.iLvCell[data-sts="F"] .iGdEdit::-ms-clear { display: none; }

/* Grid Query buttons */
.iGdQry {  display: inline-block; z-index: 9; vertical-align: middle; text-align: center; padding-left: 2px; 
		float: right; min-width: 10px; /* position: absolute; top: 0px; right: 0px; */ }

.iGdQryHd { display: none; }
.iLvCell[data-sts="F"] .iGdQryHd { display: block;}
.iLvCell[data-sts="E"] .iGdQry { display: none; }



/* Grid Drop box */

.iGdDrp { position: absolute; width: 100%; z-index: 10; }
div.iGdDrpFrm { position: absolute; width: 100%; } /* Frame */
div.iGdDrpList { width: 100%; max-height: 100px; min-height: 10px; overflow: auto; border: solid 1px #333; background-color: White;}
div.iGdDrpList div:hover { background-color: rgb(240, 240, 240); }
div.iGdDrpList div[data-s="Y"] { color: White; background-color: rgb(40,40,128); }

/* Grid Button cell type */
.iGrdBtn { border: outset 2px #EEF; width: 100%; height: 100%; border-radius: 3px; }

.iGrdDBtn {  background-color: #DDE; border-style: solid;  border-width: 1px;
	background-image: url(/sysimage/smldown.gif); background-position: center center; background-repeat: no-repeat;
	border-color: #666; width: 14px; vertical-align: middle; text-align: center; }

/* Tree views */

.iTv { display: block; white-space: nowrap; }
.iTvMid { background: url(/sysimage/tvmid.gif) repeat-y top left; width: 20px; vertical-align: top;}
.iTvBtm { background: url(/sysimage/tvbtm.gif) no-repeat top left; width: 20px; vertical-align: top;}
.iTvNul { width: 8px; vertical-align: top;}
.iTvText { Xborder: solid 1px White; padding: 0 3px 0 3px; white-space: nowrap; }
.iTvTextFcs { Xborder: dotted 1px #666;  padding: 0 3px 0 3px;  }
.iTvTextSel { Xborder: solid 1px #DDD; background: #DDD;  padding: 0 3px 0 3px; }
.iTvTextSelFcs { color: White; Xborder: dotted 1px Blue; background-image:  url(/shades/blue_in/dark.gif);  padding: 0 3px 0 3px; }

/* Charting/OCX control
	iChrtDiv - Standard chart region
	iNoChrtDiv - dummy entry issued when no charting control exists
	iOcxDiv - dummy entry used if application tries to use OCX control not supported on Web
 */

.iChrtDiv { background-color: White; }
.iNoChrtDiv { background-image: url(/sysimage/nocharts.jpg); background-repeat: no-repeat;
	background-color: White; background-position: center center; }
.iOcxDiv { background-image: url(/sysimage/noocx.jpg); background-repeat: no-repeat;
	background-color: White; background-position: center center; }
	
/* Caculator */

.iClcFrame, iClcBtns { margin: 1px; padding: 0; }
.iClcDiv { background: #DDE; border:outset 3px #666; z-index: 30; }
.iClcBtn {  background-image: url(/shades/gray/light.gif); text-align: center; width: 30px; height: 13px; border: solid 1px #666; font-size: 10px; }
.iClcBtn:hover {  background-image: url(/shades/blue_in/dark.gif); color: White; }
.iClcErr { width: 95px; background: #F88; }
.iClcInp { width: 95px; }

#ic_Rtrn { background-image: url(/sysimage/checkedbox.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#ic_Rtrn:hover { background-color: Green; }
#ic_Exit { background-image: url(/sysimage/xinbox.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#ic_Exit:hover { background-color: Red; }

/* Calendar */

.iDteDiv { background: #DDE; border:outset 3px #666; z-index: 30; }
.iDteHdr { font-weight: bold; background-image: url(/shades/blue_in/dark.gif); height: 18px; border-bottom: solid 1px Black; color: White; }
.iDteArw { width: 20px; color: White; }
.iDteMon { text-align: center; width: 100px; }
.iDteMon span:hover, .iDteArw:hover { text-decoration: underline overline; color: Yellow; }
.iDteDay { text-align: center; width: 20px; }
.iDteBad { color: #AAA; }
.iDteOky { background-color: White; color: Black;}
.iDteNow { background-color: Yellow; color: #066;}
.iDteSel { background-color: White; background-image: url(/shades/blue_in/light.gif); color: Black;}
.iDteTbl { padding: 0; margin: 0;}

/* Progbar */

.iPbrTbl { width: 300px; }
.iPbrTtl { font-size: 14px; color: white; font-weight: bold; background: #68B; padding: 4px 4px 4px 6px ; }
.iPbrTop { vertical-align: middle; padding: 10px 10px 10px 10px;}
.iPbrBtm { background: #E8ECF0; text-align: center; padding: 10px 0 10px 0;}
.iPbrBtn { width: 75px; }
#pb_Box { display: block; padding: 2px 2px 2px 2px; border: solid 1px #666; height: 19px; }
#pb_Bar { display: block; border: solid 1px Green; background-image: url(/shades/green_in/progbar.gif);
		   height: 15px; }

/* Drag and Drop divs */
.iDragDiv {  position: absolute; background-color: #FDD; color: #800; z-index: 40; 
	filter:alpha(opacity=60);  /* CSS3 standard */  opacity:0.6;  border: 2px solid Orange; padding: 2px;
	-moz-box-shadow: 0 0 6px 6px Orange; -webkit-box-shadow: 0 0 6px 6px Orange; box-shadow: 0 0 6px 6px Orange;
	border-radius: 3px; }
.iDropDiv {  position: absolute; background-color: #DFD; color: Black; border: 2px solid #006400; z-index: 40;  padding: 2px;
	-moz-box-shadow: 0 0 6px 6px #228b22; -webkit-box-shadow: 0 0 6px 6px #228b22; box-shadow: 0 0 6px 6px #228b22;
	border-radius: 3px;	}
.iDragMsk {	z-index: 40; cursor: wait;
	background: White;
	filter:alpha(opacity=5);  /* CSS3 standard */  opacity:0.05;  }  

/* Touch screen emulation styles
 - used to generate a touch bar that replace scroll bars since touch screens dont support them
 */
.iTouchBtn { height: 17px; width: 17px; color: #333; 
	  background-image: url(/shades/gray/light.gif);
	  border: solid 1px #666; text-align: center; }
.iTouchBtn:hover { color: #666; }
.iTouchVBar { width: 18px; background-image: url(/shades/gray/medium_v.gif); border-left:groove 1px #333; }
.iTouchVPos { width: 18px; height: 1px; background-image: url(/shades/gray/dark_v.gif); }
.iTouchHBar { height: 18px; background-image: url(/shades/gray_in/medium.gif); border-left:groove 1px #333; }
.iTouchHPos { height: 18px; width: 1px; background-image: url(/shades/gray_in/dark.gif); }

/* Spinner */
.iSpinInc, .iSpinDec { font-size: 65%; text-decoration: none; }

/* Special debugger text area used to display text screen image */

textarea[nmdClass="DBG_SNAPSHOT"] { background: Black; color: White; 
	font-family: Courier New, Courier, Andale Mono, Consolas; font-size: 10px;
}

/* Class used when sending hidden control in html */

.iHide { visibility: hidden; } 

/* Floatable child window styles */

.iChild { vertical-align: top; position: absolute; z-index: 50; }
.iChildHR { cursor: n-resize; }
.iChildHd { cursor: move; background-color: Silver; display: inline-block;}
.iChildSz { position: absolute; right: 0px; bottom: 0px; cursor:se-resize; z-index: 50;} 
.iCols, tr.iCols td { height: 0px; }
.iChildDv { height: 100%; border: solid 1px #666; background-color: White; position: relative;}
div.iChildDv table.iTable { margin-top: 0px; }

/* Shadowed regions */
div.iDteDiv, div.iClcDiv, div.iMenuDiv, div.iMbxDiv 
{ -moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; }

/* Rounded Built-in popups */
div.iDteDiv, div.iClcDiv { border-radius: 8px; }

/* Semi-Transparent items */
div.iDteDiv, div.iClcDiv, div.iMenuDiv { filter:alpha(opacity=90);  /* CSS3 standard */  opacity:0.90; }

/* Custom template defintions */
div.dvCustom { display: block; position: relative; height:100%; width: 100%; }
table.absCustom, div.imCustom { position: absolute; top: 0; width: 100%; height: 100%;}
div.txCustom { position: absolute; width: 100%; }
table.tbCustom { width: 100%; }
span.subMenu { float: right; }
body { margin: 0; padding: 0; }

.iPopMask { background-image: URL(/sysimage/popmask.gif); z-index: 15; } 

/* Title bar buttons */
.iTtlBtn, .iTtlBtnOn { display: inline; width: 20px; }
.iTtlBtn img:hover { -moz-box-shadow: 0 0 6px 6px White; -webkit-box-shadow: 0 0 6px 6px White; box-shadow: 0 0 6px 6px White;
	background-color: #EFF; filter:alpha(opacity=60);  opacity:0.6; }
.iTtlBtnOn img { -moz-box-shadow: 0 0 6px 6px #8F8; -webkit-box-shadow: 0 0 6px 6px #8F8; box-shadow: 0 0 6px 6px #8F8; 
	background-color: #EFF; filter:alpha(opacity=60);  opacity:0.6; }
/* Function keys */
div.iFky { display: inline; position: relative; padding-right: 5px; height: 100%; }
#iFkyDrp { display: none; background: Silver; position: absolute; top: 20px; left: -80px; z-index: 100;
	-moz-box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666; }
#iFkyTbl { width: 160px; color: Black; }
td.iFkyCol { width: 40px; }
#iFkyTbl td { padding: 3px; border: outset 2px #BBB; text-align: center; background-color: #DDD; }
#iFkyTbl td:hover { background-color: #EEE; -moz-box-shadow: 0 0 4px 4px #EEE; -webkit-box-shadow: 0 0 4px 4px #EEE; box-shadow: 0 0 4px 4px #EEE;}
#iFkyTbl td.iFkyKeyOn { background-color: #EEC; border-color: #FF8; }
#fk_dd { display: none; }

/* Rectangle */
.iRect { width: 100%; height: 100%; }

/* Message bar */
table.iMsgBar { width: 100%; }
table.iMsgBar td { overflow: hidden; } 
#Msgbar1, #Msgbar2, #MsgBar3 { width: 0px; }


div.iTabDiv { display: inline-block; }
/* .iTabTxt { vertical-align: middle; } */
.iWtbCur span, .iWtbNrm span, .iWtbDis span { display: inline-block; height: 25px;  vertical-align: middle; }
.iWtbCur a, .iWtbNrm a, .iWtbDis a { float: left; padding: 2px 4px 0px 4px;}
.iWtbCur img,.iWtbNrm img,.iWtbDis img { padding-top: 4px; }
#id_Folder { margin-top: 5px; }

/* Popup Qry highlight */
#dv_09999 { box-shadow: 6px 6px 2px 2px rgba(0,0,0,.5); }