BODY
{
  font-family      : Arial;
  font-size        : 10pt;
  background-color : #f0ffff;
  color            : blue;
  border-color     : blue;
  margin           : 0 0 0 0;
  padding          : 0 0 0 0;
}

*
{
     -moz-box-sizing : border-box;
  -webkit-box-sizing : border-box;
          box-sizing : border-box;
}

::-webkit-scrollbar             {width: 10px; height: 10px;}
::-webkit-scrollbar-button      {background-color: #B4CCCE; color: Black;}
::-webkit-scrollbar-track       {background-color: #BAC1C2; color: Black;}
::-webkit-scrollbar-track-piece {background-color: #EBEBEB; color: Black;}
::-webkit-scrollbar-thumb       {background-color: #B4CCCE; color: Black; height: 50px; border-radius: 5px;}
::-webkit-scrollbar-corner      {background-color: #BAC1C2; color: Black;}
::-webkit-resizer               {background-color: #B4CCCE; color: Black;}

TABLE {font-family: Arial; font-size: 10pt;}
TH    {font-family: Arial; font-size: 10pt; white-space: nowrap;}
TD    {font-family: Arial; font-size: 10pt;}
DIV   {font-family: Arial; font-size: 10pt;}
SPAN  {font-family: Arial; font-size: 10pt;}

BUTTON   {background-color:#f0ffff; color: blue;}
SELECT   {background-color:#f0ffff; color: blue;}
INPUT    {background-color:#f0ffff; color: blue;}
TEXTAREA {background-color:#f0ffff; color: blue;}

*[animation='rotate']
{
  animation: rotation 2s infinite linear;
}

.motd
{
  font-size        : 20px;
  background-color : #fcffff;
  color            : black;
}

A
{
  border:0;
}

.MainTitle
{
  font-size: 30px;
}

.title
{
  font-size: 28px;
}

.highlight
{
  background-color: #ffe4e1;
}

.tframe
{
  border-color: Red;
}

.nframe
{
  border-color: Red;
}

.aframe
{
  border-color: Red;
}

#popitmenu
{
  position          : absolute;
  background-color  : #f0ffff;
  border            : 1px solid black;
  font              : normal 12px Verdana;
  line-height       : 18px;
  z-index           : 100;
  visibility        : hidden;
}

#popitmenu a
{
  text-decoration   : none;
  padding-left      : 6px;
  color             : black;
  display           : block;
}

#popitmenu a:hover   /*hover background color*/
{
  background-color  : #CCFF9D;
}

.viewTable
{
  border            : black thin groove;
}

.vRow
{
}

.vRowIn
{
  background-color: gainsboro;
}

.vChanged
{
  background-color: #ffcc99;
}

.oddy
{
  background-color :  #e0ffff;
}

.even
{
  background-color :  #d0ffff;
}

.AppContainer
{
  background-color : azure;
}

.AppContainer.app
{
  z-index  : 1;
  overflow : auto;
}

.AppContainer.dr.NW
{
  position     : absolute;
  top          : 0px;
  left         : 0px;
  border-width : 0px;
  cursor       : crosshair;
  z-index      : 2;
}

.AppContainer.dr.NE
{
  position     : absolute;
  top          : 0px;
  right        : 0px;
  border-width : 0px;
  cursor       : crosshair;
  z-index      : 2;
}

.AppContainer.dr.SW
{
  position     : absolute;
  bottom       : 0px;
  left         : 0px;
  border-width : 0px;
  cursor       : crosshair;
  z-index      : 2;
}

.AppContainer.dr.SE
{
  position     : absolute;
  bottom       : 0px;
  right        : 0px;
  border-width : 0px;
  cursor       : crosshair;
  z-index      : 2;
}

.windowMask
{
  position    : absolute;
  top         : 0px;
  left        : 0px;
  width       : 100%;
  height      : 100%;
  cursor      : wait;
  filter      : alpha(opacity=20);
  opacity     : .20;
 -moz-opacity : .20;
}

.appDiv
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  background-color : #d3d3d3;
  border-width     : 3px;
  border-color     : blue;
  border-style     : ridge;
}

.appDiv_hl
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  background-color : #d3d3d3;
  border-width     : 3px;
  border-color     : red;
  border-style     : ridge;
}

.appGround
{
  background-color : #d3d3d3;
}

.dragCursor
{
  cursor : url(WindowMove.cur), auto;
}

.AL_Filter_Predicate
{
  font-weight : bold;
  color       : black;
}

.AL_Filter_b  {background-color: #ffffc0;}
.AL_Filter_b1 {background-color: #ffffa0;}
.AL_Filter_b2 {background-color: #ffff80;}
.AL_Filter_b3 {background-color: #ffff60;}
.AL_Filter_b4 {background-color: #ffff40;}

.AL_Filter_Op
{
  cursor : move;
}

.AL_Filter_Op_hl
{
  cursor           : hand;
  font-weight      : bold;
  background-color : pink;
}

.AL_Blanker
{
  position         : absolute;
  border-width     : 3px;
  border-color     : red;
  border-style     : ridge;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 99999;
  text-align       : center;
  vertical-align   : middle;
  background-color : #cccc66;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
}

.AL_BlankerText
{
  position         : absolute;
  top              : 50%;
  left             : 0px;
  width            : 100%;
  text-align       : center;
  font-size        : xx-large;
  font-weight      : bold;
  vertical-align   : middle;
  filter           : alpha(opacity=90);
  opacity          : .90;
 -moz-opacity      : .90;
}

.AL_BlankerText SPAN
{
  display           : inline-block;
  margin            : 10px;
}

.AL_DocFrame
{
  position         : absolute;
  border-width     : 0px;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 99998;
  background-color : azure;
  filter           : alpha(opacity=10);
  opacity          : .10;
 -moz-opacity      : .10;
}

.AL_DragBlank
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
}

.AL_DragFrame
{
  position         : absolute;
  border-width     : 3px;
  border-color     : red;
  border-style     : ridge;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 99999;
  background-color : #cccc66;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
}

.AL_ColumnDrag
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 5px;
  z-index          : 99999;
  background-color : #cccc66;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
  z-index          : 2;
}

.AL_MagicVeil
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 90001;
  cursor           : pointer;
}

.AL_MSV
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 20px;
  width            : 6px;
  z-index          : 90000;
  background-color : #cccc66;
  cursor           : default;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
}

.AL_MSH
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 6px;
  width            : 10px;
  z-index          : 90000;
  background-color : #cccc66;
  cursor           : default;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
}

.AL_MSS_hl
{
  background-color : #FF66CC;
  cursor           : crosshair;
}

.AL_MSS_Move
{
  height           : 5px;
  background-color : #FF3300;
}

IMG.AL_ImageDisplay
{
  position        : absolute;
  top             : 0px;
  left            : 0px;
  height          : auto;
  width           : auto;
  z-index         : 9998;
}

DIV.AL_ImageDisplay
{
  position          : absolute;
  top               : 4px;
  left              : 4px;
  height            : auto;
  width             : 100%;
  text-align        : center;
  overflow          : hidden;
  z-index           : 9999;
}

.AL_ImageText
{
  font-weight       : bold;
  font-size         : larger;
  overflow-x        : hidden;
  overflow-y        : scroll;
  max-height        : 100px;
  background-color  : #CCCCFF;
  filter            : alpha(opacity=80);
  opacity           : .80;
 -moz-opacity       : .80;
}

VIDEO.AL_VideoDisplay
{
  position          : absolute;
  top               : 0px;
  left              : 0px;
  height            : auto;
  width             : auto;
  z-index           : 9998;
  background-color  : #CCCCFF;
}

DIV.AL_VideoDisplay
{
  position          : absolute;
  top               : 4px;
  left              : 4px;
  height            : auto;
  width             : 100%;
  text-align        : center;
  overflow          : hidden;
  z-index           : 9999;
}

.AL_VideoText
{
  font-weight       : bold;
  font-size         : larger;
  overflow-x        : hidden;
  overflow-y        : scroll;
  max-height        : 100px;
  background-color  : #CCCCFF;
  filter            : alpha(opacity=80);
  opacity           : .80;
 -moz-opacity       : .80;
}

AUDIO.AL_AudioPlay
{
  position          : absolute;
  top               : 0px;
  left              : 0px;
  height            : auto;
  width             : auto;
  z-index           : 9998;
  background-color  : #CCCCFF;
}

DIV.AL_AudioPlay
{
  position          : absolute;
  top               : 4px;
  left              : 4px;
  height            : auto;
  width             : 100%;
  text-align        : center;
  overflow          : hidden;
  z-index           : 9999;
}

.AL_AudioText
{
  font-weight       : bold;
  font-size         : larger;
  overflow          : visible;
  background-color  : #CCCCFF;
  filter            : alpha(opacity=80);
  opacity           : .80;
 -moz-opacity       : .80;
}

.AL_Dragger
{
  position         : absolute;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 99999;
}

.AL_DraggerWire
{
  position         : absolute;
  border-width     : 3px;
  border-color     : red;
  border-style     : ridge;
  top              : 0px;
  left             : 0px;
  height           : 100%;
  width            : 100%;
  z-index          : 99998;
  background-color : #cccc66;
  filter           : alpha(opacity=50);
  opacity          : .50;
 -moz-opacity      : .50;
}

.AL_ControlObj
{
  position          : absolute;
  top               : 2px;
  right             : 2px;
  width             : auto;
  height            : auto;
  overflow          : visible;
  z-index           : 1000000;
  background-color  : transparent;
}

.AL_ControlBlank
{
  position          : absolute;
  top               : 0px;
  left              : 0px;
  width             : 100%;
  height            : 100%;
  background-color  : #99FFCC;
  filter            : alpha(opacity=20);
  opacity           : .20;
 -moz-opacity       : .20;
  z-index           : 99998;
}

.AL_ControlOpts
{
  position          : absolute;
  top               : 22px;
  right             : 2px;
  width             : auto;
  height            : auto;
  text-align        : center;
  vertical-align    : middle;
  font-weight       : bold;
  color             : Black;
  background-color  : #99FFCC;
  filter            : alpha(opacity=80);
  opacity           : .80;
 -moz-opacity       : .80;
  z-index           : 99999;
}

@keyframes rotation
{
  from {transform: rotate(0deg);}
  to   {transform: rotate(359deg);}
}