

.active{background-color:#808080}
.tr_default{font-weight:normal}
.tr_select{ font-weight:bold}


BODY {
	PADDING-RIGHT:0px; 
	PADDING-LEFT:0px; 
	/*SCROLLBAR-FACE-COLOR:#101073; 
	SCROLLBAR-HIGHLIGHT-COLOR:#B4DEF8; 
	SCROLLBAR-SHADOW-COLOR:#042E48;
	SCROLLBAR-3DLIGHT-COLOR:buttonface;
	SCROLLBAR-ARROW-COLOR:buttonface;
	SCROLLBAR-TRACK-COLOR:buttonface; 	
	SCROLLBAR-DARKSHADOW-COLOR:buttonface;*/
	FONT-SIZE:10px;	
	PADDING-BOTTOM:0px; 
	MARGIN:0px;  	
	LINE-HEIGHT:200%;
	PADDING-TOP:5px; 
	margin-left:5px;
	margin-right:5px;
	FONT-FAMILY:Verdana, sans-serif, Geneva, Arial, Helvetica; 
	/*font-weight: normal;*/
	color:#808080;
}


H1{
	color :red;
	font-size:12px;
	font-family:Verdana, sans-serif, Geneva, Arial, Helvetica;
	letter-spacing:0; 	
}

H2{
	color :#00009f;
	font-size:11px;
	font-family:Verdana, sans-serif, Geneva, Arial, Helvetica;
	letter-spacing:1; 	
}

H3{
	color :#00009f;
	font-size:10px;
	font-family:Verdana, sans-serif, Geneva, Arial, Helvetica;
	letter-spacing:2; 	
}

button 
{
	font:10px Verdana, sans-serif;
	cursor:progress;
}

P{
vertical-align:middle;
padding:0px 0em;
margin-left:2;
margin-top:0;
border:none;
border-bottom:none;
background:none;
text-decoration:none;
color:White;
font:10px Verdana, sans-serif;
}

A
{
vertical-align:middle;
padding:0px 0em;
margin-left:2;
margin-top:0;
border:none;  /* 1px solid #666; */
/*border-bottom:none;*/
background:none;  /* #0000FF;*/
color:Yellow; 
text-decoration:none;
font:10px Verdana, sans-serif;
}

A:hover
{
color:White;
background:Blue;
border-color:#227;
}

a.tree
{
vertical-align:middle;
padding:0px 0em;
margin-left:2;
margin-top:0;
border:none;
border-bottom:none;
background:none;
text-decoration:none;
font:12px Verdana, sans-serif;
color:Blue;
}


a.tree:hover
{
color: White;
background-Color:Green; 
border-color:Black;
}


a.bar
{
vertical-align:middle;
padding:0px 0em;
margin-left:2;
margin-top:0;
border:1px solid #666;
border-bottom:1px solid #666;
background:#FF7F00;
text-decoration:none;
font:12px Verdana, sans-serif;
color:Blue;
}


a.bar:hover
{
color:White; 
background:Green;
border-color:Black;
}

a.bar1
{
vertical-align:middle;
padding:0px 0em;
margin-left:2;
margin-top:0;
border:1px solid #666;
border-bottom:1px solid #666;
background:#A2FF01;
text-decoration:none;
font:12px Verdana, sans-serif;
color:Blue;
}


a.bar1:hover
{
color:White; 
background:Blue;
border-color:Black;
}

#sHead
{
color:blue;
border:1px solid #778;
border-top:1px solid #666;
border-bottom:1px solid #FF00FF;
font:10px Verdana, sans-serif;
padding:3px 0.5em;
margin-left:3px;
background:#DDE;
text-decoration:none;
}

#sHead a:hover
{
vertical-align:middle;
color:#000;
background:#AAE;
border-color:#227;
}


#sHead a:link { color:#448; }
#sHead a:visited { color:#667; }


#navlist
{
padding:3px 0;
margin-left:0;
border-bottom:1px solid #778;
font:bold 10px Verdana, sans-serif;
}

#navlist li
{
list-style:none;
margin:0;
display:inline;
}

#navlist li img
{
	border:none;
	padding:0 0 0 0;
}

#navlist li a
{
padding:3px 0.5em;
margin-left:3px;
border:none; /*:1px solid #778;*/
border-bottom:none;
background:#DDE;
text-decoration:none;
}

#navlist li a:link { color:#448; }
#navlist li a:visited { color:#667; }

#navlist li a:hover
{
color:#000;
background:#008F8F;
border-color:#227;
}

#navlist li a#current
{
background:#0000FF;
color:#FFF;
border-bottom:1px solid white;
}


#navtable TD a
{
padding:3px 0.5em;
margin-left:3px;
/*border:1px solid #778;*/
border-bottom:none;
background:#DDE;
text-decoration:none;
}

Select.listbox {
	height:18px;
	font:10px Verdana, sans-serif;
	color:blue;	
	border-collapse:collapse;
	table-layout:fixed;
	background-color:inherit; 
	border-width:0px;
}
/*----------------------------------------------------------------------------------------*/
Table.FlatTree {
	border:1 solid #668822;
	empty-cells:hide;		
	border-collapse:collapse;
	background-color: White;
	 }
	 
Table.FlatTree td {
	border-bottom:1px solid #99F;
	border-right:1px solid #99F;
	font:10px Verdana, sans-serif;
	color:Blue;
	/*vertical-align:middle;*/
 } 

/*----------------------------------------------------------------------------------------*/
Table.PictBook {
	border:none;
	empty-cells:hide;		
	border-collapse:collapse;
	background-color: White;
	 }
	 
Table.PictBook td {
	border-bottom:none;
	border-right:none;
	font:10px Verdana, sans-serif;
	color:Blue;
	/*vertical-align:middle;*/
 } 

 
/*----------------------------------------------------------------------------------------*/
Table.Tree {
	table-layout:fixed;
	border:1 solid #668822;
	empty-cells:hide;		
	/*border-top:1px solid #99F;*/
	border-collapse:collapse;
	background-color: White;
	 }

Table.Tree td {
	height:18px;
	border-bottom:1px solid #99F;
	border-right:1px solid #99F;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font:10px Verdana, sans-serif;
	color:Blue;
	vertical-align:middle;
 } 
    
 Table.Tree td a {
	vertical-align:top;
	padding:0px 0em;
	margin-left:2;
	margin-top:0;
	border:none;
	/*border-bottom:none;*/
	background:none;
	color:Blue;
	/*background-color: Olive;*/
	text-decoration:none;
	font:10px Verdana, sans-serif;
}
  
  
 Table.Tree th 
 {
	height:25px;
	font:10px Verdana, sans-serif;
	border-right:1px solid #99F;
	border-bottom:2px solid #99F;
	color: Green;
 }

/*
Table.Tree tr:hover {
	color:#000;
	background:#EEA; #A0E;
	border-color:#227;
}
*/
.th_Tree { 
    min-width:100px;
}

Table.Tree th a {
	vertical-align:middle;
	padding:0px 0em;
	margin-left:2;
	margin-top:0;
	border:1px solid #666;
	/*border-bottom:none;*/
	background:#00FFFF;
	color:Blue;
	/*background-color: Olive;*/
	text-decoration:none;
	font:10px Verdana, sans-serif;
}


Table.Tree th a:hover {
	color:#FFFFFF;
	background:#1F0090;
	border-color:#227;
}
 
/*----------------------------------------------------------------------------------------*/
Table.oTree {
	table-layout:fixed;
	border:none;
	empty-cells:hide;		
	/*border-top:1px solid #99F;*/
	background:#C8EAEA;	
	border-collapse:collapse;	
	 }

 /* the Grid header */ 
 Table.oTree th 
 {
	height:25px;
	font:10px Verdana, sans-serif;
	color: Green;
	border-right:1px solid #99F;
	border-bottom:2px solid #99F;
 }
 
/* the expanding boxes in the grid header*/
Table.oTree th a {
	vertical-align:middle;
	padding:0px 0em;
	margin-left:2;
	margin-top:0;
	border:1px solid #666;
	/*border-bottom:none;*/
	background:#00FFFF;
	color:Blue;
	text-decoration:none;
	font:10px Verdana, sans-serif;
}

Table.oTree th a:hover {
	color:#FFFFFF;
	background:#1F0090;
	border-color:#227;
}

/* the Grid Data cell */
Table.oTree td {
	height:18px;
	/*border-bottom:1px solid #99F;
	border-right:1px solid #99F;*/
	color:Green;
	border:none;
	cursor:default;
	vertical-align:middle;
	text-overflow:ellipsis;	
	overflow:hidden;
	white-space:nowrap;
	font:10px Verdana, sans-serif;
 }
  
Table.oTree a {
	vertical-align:middle;
	padding:0px 0em;
	margin-left:2;
	margin-top:0;
	border:none; 
	cursor:hand;
	background:none;
	color:Green;
	text-decoration:none;
	font:10px Verdana, sans-serif;
}


Table.oTree a:hover {	
	color:White;
	background-color:Green; 
	border-color:#227;
	background:Blue;
}


/* FORM STYLES */


input.TextField
{
	background-color: #ffffff; /*cc00;*/
	color: #000090; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	border: solid  1 #FFFFFF; 
}

input.Button
{
	background-color: #ffffff; /*cc00;*/
	color: #000090; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	border: solid  1 #000000; 
	cursor: pointer;
}


a.menu
{
vertical-align:middle;
padding:0px 0em;
margin-left: 15px;
margin-top:0;
border:none; // 1px solid #666;
border-bottom:none; //1px solid #666;
background:#FF7F00;
text-decoration:none;
// font:13px Verdana, sans-serif;
color:#003366;
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-weight: 600; 
	font-variant: normal; 
	text-transform: none;
}


a.menu:hover
{
	color:White; 	
}

a.menu#active
{
	color:white;
}

div.EditGrid
{
	position:	 fixed;
	visibility:  visible;		
	top:               50px;
	bottom:           180px;
	width:            98%;
	height: auto;
	overflow:		  auto;
}

div.n2mbuttonbar
{
	position:         fixed;
	visibility:       visible;
	top:              auto;
	right:            0px;
	left:             0px;
	bottom:           0px;
	width:            100%;
	height:			  auto;
	padding-left:     10px;
	padding-right:    1px;
/*	padding-top:      5px;
	padding-bottom:   5px;
    border-left:      solid 0px ButtonHighlight;
    border-top:       double 3px ButtonHighlight;
    border-right:     solid 0px ButtonShadow;
    border-bottom:    solid 1px ButtonShadow;*/
	background-color:   ButtonFace; // #ff9900;
	font-size:        12px;
}

div.n2mtabbar
{
	position:         fixed;
	visibility:       visible;
	top:              0px;
	right:            0px;
	left:             0px;
	bottom:           auto;
	width:            100%;
	padding-left:     10px;
	padding-top:      5px;
	padding-right:    0px;
	padding-bottom:   5px;
    border-left:      solid 0px ButtonHighlight;
    border-top:       double 3px ButtonHighlight;
    border-right:     solid 0px ButtonShadow;
    border-bottom:    solid 1px ButtonShadow;
	background-color: #ff9900;  // ButtonFace;
	font-size:        12px;
}



.PopupForm {    
    display: none; /* Hidden by default */
    border: double;
    border-color:red;
    position: absolute; /* Stay in place */
    z-index: 9; /* Sit on top */
    left: 100px;
    top: 50px;
    width: 400px; /* Full width */
    height: 500px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #99F; /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);  Black w/ opacity */
}


#IposFormHeader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: darkblue;
    color: #fff;
}

/*.PopupForm-content {
    background-color:azure ;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%; 
}*/

/*
input.Yellow
{	
	background-color: #ffff33;
	color: #000090; 
	height: 12px;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8 pt; 
	border: solid  0 #00FF00;
}

input.Orange
{
	background-color: #ff9900;
	color: #000090; 
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8 pt; 
	border: solid 0 #00FF00;	
}

input.Red
{
	background-color: #ff0000;
	color: #000090; 
	height: 12px;
	background: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8 pt; 
	border: solid 0 #00FF00;		
}
*/