.formBody
{
    margin: 0;
	padding: 0;
	font: 9pt Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
	height: 100%;
	width: 100%;
}

.divFrames
{
	background-color: #F2F2F2;
	border-style: none;
}
.divGridFrames
{
	table-layout: fixed;
	background-color: #F2F2F2;
	border-style: none;
}
.divGridTables
{
    table-layout: fixed;
	background-color: #F2F2F2;
	border-style: none;
}

.tdPanelFormContent
{
    background-color:#F0F2F5;
    border-style: none;
}

.tdFormContent
{
   
    background-color:#F0F2F5;
    border-bottom: 1px solid #CCCCCC; 
    border-left:1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC;
}

.tdMainFormContent
{
    padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    border-bottom: 1px solid #CCCCCC; 
    border-left:1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC;
    background-color:#F0F2F5;
    
}

.tableMainForm
{
	width: 100%;
	height: 100%;
	border-style: none;
}
.tableSubForm
{
    margin-bottom: 6px;
	width: 100%;
	height: 100%;
	border-style: none;
}
.divTables
{
 
}

.tdControl
{
	border: 1px solid #F2F2F2; 
	vertical-align: top;
	text-align: left;
}
.calImage
{
	padding:0px;
    margin:0px;
    border:0px;
    vertical-align:top;
}
.datePickerContainer
{
    display:inline-block;
    padding:0px;
    margin:0px;
    border:0px;
}
.barCodeImage {
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}
.barCodeContainer {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    border: 0px;
    display: flex;
    flex-direction: row;
}
.barCodeCamView {
    position: absolute;
}
.tdShowHide
{
    text-align:right; 
    height:21px; 
    width:0.01%; 
    max-width: 21px;
	min-width: 21px;
	background-color:transparent;
	padding:0px;
    margin:0px;
    border: 0px;
    background-image:url(../images/sub_form_center.PNG);
	background-repeat:repeat-x;
}

.tdDivTitleLeft
{
    
	height: 21px;
	padding:0px;
    margin:0px;
    border: 0px;
	width:0.01%; 
    max-width: 6px;
	min-width: 6px;
    background-image:url(../images/sub_form_left.PNG);
	background-repeat: no-repeat;
	
}


.tdDivTitleRight
{
	background-position: right;
	padding:0px;
    margin:0px;
    border: 0px;
	height: 21px;
	width:0.01%; 
    max-width: 6px;
	min-width: 6px;
	background-image: url(../images/sub_form_right.PNG);
	background-repeat: no-repeat;
	 
	 font-size:1pt;
	 
}

.tdDivTitle
{
    padding:0px;
    margin:0px;
    border: 0px;
    text-align:left; 
    color:White;
    height:21px; 
    width:99.97%;
    
    background-image:url(../images/sub_form_center.PNG);
	background-repeat:repeat-x;
	
	 
}

.tdMainShowHide
{
    text-align:right; 
    height:21px; 
    width:0.01%;
    max-width: 6px;
	min-width: 6px;
    background-color:#D8D8D8;
    background-image:url(../images/form_center.PNG);
	background-repeat:repeat-x;
	 
}
.tdMainDivTitleLeft
{
    text-align:left; 
    height:21px; 
    width:0.01%;
    max-width: 6px;
	min-width: 6px;
    background-image:url(../images/form_left.PNG);
	background-repeat:no-repeat;
}
.tdMainDivTitleRight
{
    
    height:21px; 
    width:0.01%;
    max-width: 6px;
	min-width: 6px;
    background-position: right;
    background-image:url(../images/form_right.PNG);
	background-repeat:no-repeat;
}
.tdMainDivTitle
{
    text-align:left;
    
    font-weight:bold;
    text-indent:4px;
    height:21px; 
    width:99.97%;
    color:White;
    background-image:url(../images/form_center.PNG);
	background-repeat:repeat-x;
}

.tdSubDivTitleLeft
{
    text-align:left; 
    height:21px; 
    width:0.5%; 
    max-width: 6px;
	min-width: 6px;

    background-color:White;
}
.tdSubDivTitleRight
{
    
    height:21px; 
    width:0.5%; 
    max-width: 6px;
	min-width: 6px;
    background-color:White;
}
.tdSubDivTitle
{
    text-align:left;
	background-color:White;
    height:21px; 
    width: 99%;
    color:Blue;
    
}

.tdWhiteToolbar
{
	padding-left:6px;
    padding-right:6px;
    border-left:1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC;
    background-color:#F0F2F5;
	height:30px; 
	background-image:url(../images/toolbarbackground.bmp);
	background-repeat:repeat-x;
}

.tdWhiteToolbarNoBackgroundImage
{
	padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    border-left:1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC;
    background-color:#F0F2F5;
}

.tdDivTitleNoImage
{
    text-align:left; 
    font-weight:bold;
    height:22px; 
    background-color:#D8D8D8;
    border: 1px solid black;
    text-indent:4px;
}

.btnToolbarTop
{
	border:none;
	background-color:transparent;
	outline:none;
	font-family:Tahoma;
    font-size:9pt;
}

.btnToolbarTopDisabled
{
	border: none;
	background-color: transparent;
	outline: none;
	font-family: Tahoma;
	font-size: 9pt;
}

.btnToolbarTop:hover
{
	border:none;
	background-color:ButtonHighlight;
	outline:none;
	font-family:Tahoma;
    font-size:9pt;
}

.btnToolbarTopLarge
{
	border:none;
	background-color:transparent;
	outline:none;
	font-family:Tahoma;
    font-size:12pt;
}

.btnToolbarTopLargeDisabled
{
	border: none;
	background-color: transparent;
	outline: none;
	font-family: Tahoma;
	font-size: 12pt;
}

.btnToolbarTopLarge:hover
{
	border:none;
	background-color:ButtonHighlight;
	outline:none;
	font-family:Tahoma;
    font-size:12pt;
}

.imgToolbarTop
{
	border:none;
	background-color:transparent;
	outline:none;
	font-family:Tahoma;
    font-size:9pt;
}

.imgToolbarTopDisabled
{
	border: none;
	background-color: transparent;
	outline: none;
	font-family: Tahoma;
	font-size: 9pt;
}

.imgToolbarTop:hover
{
	border:none;
	background-color:ButtonHighlight;
	outline:none;
	font-family:Tahoma;
    font-size:9pt;
}

.threeStateBoxOn
{
    border: solid;
    border-width: 1px;
    border-color: black;
    background-color: white;
    color: green;
    text-align: center;
    padding: 0px;
    display: inline-block;
    width: 17px;
}

.threeStateBoxOff 
{
    border: solid;
    border-width: 1px;
    border-color: black;
    background-color: white;
    color: red;
    text-align: center;
    padding: 0px;
    display: inline-block;
    width: 17px;
}

.backButton {
    border: none;
    background-color: transparent;
    outline: none;
    font-family: Tahoma;
    font-size: 9pt;
    image
}

.spanToolbarTop {
    margin-right: 5px;
    margin-left: 12px;
    font-family: Tahoma;
    font-size: 9pt;
}

.tblDataTable
{
	border-collapse: separate;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.tdDataTableEven
{
	empty-cells: show;
	background-color:White;
	color:#666666;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px solid ButtonFace;
	min-height:19px;
}

.tdDataTableEvenInput
{
	background-color:White;
	color:#666666;
	
}

.tdDataTableOdd
{
	empty-cells: show;
	background-color:#F0F2F5;
	color:#666666;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px solid ButtonFace;
	min-height:19px;
}

.tdDataTableOddInput
{
	background-color:#F0F2F5;
	color:#666666;
	
}

.tdDataTableSelected
{
	empty-cells: show;
	background-color:Blue;
	background-image: url(../images/gridselected.bmp);
	background-size: auto 100%;
	background-repeat: repeat-x;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px solid ButtonFace;
	color:White;
	min-height:19px;
	
}

.tdDataTableJustAfterSelect
{
	empty-cells: show;
	background-color:Gray;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px solid ButtonFace;
	color:White;
	min-height:19px;
	
}

.tdDataTableCellSelected
{
	empty-cells: show;
	background-color:Silver;
	padding-top:8px;
	padding-bottom:2px;
	border-right:1px solid ButtonFace;
	min-height:19px;
	text-indent:5px;
	
}

.tdDataTableSelectedInput
{
	background-color:Transparent;
	color:White;
	
}

.tdCalendarTableOdd
{
	empty-cells: show;
	background-color:#F0F2F5;
	color:#666666;
	padding-top:8px;
	padding-bottom:2px;
	border-right:2px solid ButtonFace;
	min-height:19px;
	text-indent:5px;
}

.tdCalendarTableEven
{
	empty-cells: show;
	background-color:White;
	color:#666666;
	padding-left:0px;
	padding-top:8px;
	padding-bottom:2px;
	border-right:2px solid ButtonFace;
	min-height:19px;
	text-indent:5px;
}

.tdCalendarTableSelected {
    empty-cells: show;
    background-color: Blue;
    background-image: url(../images/gridselected.bmp);
    background-size: auto 100%;
    background-repeat: repeat-x;
    padding-top: 8px;
    padding-bottom: 2px;
    border-right: 1px solid ButtonFace;
    min-height: 19px;
    text-indent: 5px;
}

.tdCalendarTableCurrentDay {
    empty-cells: show;
    background-image: url(../images/gridheader.bmp);
    background-repeat: repeat-x;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-right: 1px solid #F0F0F0;
    color: red;
    overflow: hidden;
}

.tdCalendarTableCurrentDaySelected {
    empty-cells: show;
    background-image: url(../images/gridselected.bmp);
    background-size: auto 100%;
    background-repeat: repeat-x;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-right: 1px Transparent;
    color: Red;
    overflow: hidden;
}

.tdDataTableSelectedInput option
{
	background-color:White;
	color:Black;
}

.tdDataTableHeader
{
	empty-cells: show;
	background-image: url(../images/gridheader.bmp);
	background-repeat: repeat-x;
    background-size:contain;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right: 1px solid #F0F0F0;
	color: White;
	overflow: hidden;
}

.tdDataTableHeaderSelected
{
	empty-cells: show;
	background-image: url(../images/gridselected.bmp);
	background-size: auto 100%;
	background-repeat: repeat-x;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-right:1px Transparent;
	color: White;
	overflow: hidden;
}


.TreeNode_SelectedNode 
{
    background-color:blue;
      background-image: url("../images/gridselected.bmp");
    background-repeat: repeat;
    color: White;
}

.TreeNode
{
    
}

.missingOrInvalid
{
    background-color:red;
}

#nm_tooltip
{
    position: absolute;
    color: blue;
    background: white;
    border: 1px solid black;
    padding-left: 1em;
    padding-right: 1em;
    display: none;
    min-width: 120px;
}

.dialogButton
{
    margin-right: 7px;
}

.buttonBrowse {
    text-align: center;
    padding: 0px;
}

.tooltiptext {
    display: none;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.browserLogo {
    height: 64px;
    width: 64px;
}

.browserLogoContainer {
    background-color: white;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.calLabel {
    position: relative;
    overflow: visible;
    border-radius: 6px;
    background-repeat:no-repeat;
}

.calInnerLabel {
    position: relative;
    border-radius: 6px;
}

.dataList {
    position: absolute;
    background-color: white;
    overflow: auto;
    cursor: alias;
    border: 1px solid darkgrey;
    padding: 3px 3px 3px 3px;
}

.dataListItem:hover {
    background-color: darkcyan;
    color: white;
    
}