/*****************************************************************************/
/*** FILE : menu.css                                                       ***/
/*****************************************************************************/

div.DEFAULT {
  float: left;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAoCAAAAAAJCo9fAAAAB3RJTUUH2QwcBC4m+NnGbAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAjSURBVHjaY5zMAAUsv2nG+kN7vUwMcDFWvCwWItVRWy+RLABJxhQvVNLNugAAAABJRU5ErkJggg==");
  border-left-width: 0.25em;
  border-right-width: 0.25em;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF;
  padding:0.5em;
  color:#BBBBBB;
  cursor:pointer;
}

div.CURRENT {
  float: left;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAoCAMAAAAbvyCxAAAAB3RJTUUH2QwcBC4KygGqjwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAABLUExURYaOr4KKrH6GqXqCp3F6oW12nmlym2VumVxmk1hikVRejlBai0dShUNPgz9LgDtHfTM/eC87dSo3ciYzbzdDekxXiGFqlnV+pIqSsmpx4/IAAABbSURBVHjaTdBBEoIADATBEQVBVBAB+f9LPQ2bPqaSSrIcIi6iET9xE63oxC56MYiH2MRTvMRbrGIWH7GIr0otfZmdVHZkb24ZVW7OH/ntrpJBcklWV5VMk/PpDyQkD0yzZYKvAAAAAElFTkSuQmCC");
  border-left-width: 0.25em;
  border-right-width: 0.25em;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #FFFFFF !important;
  border-right-color: #FFFFFF !important;
  padding:0.5em;
  color:#FFFFFF;
  cursor:pointer;
}


#MENU
{
  background:#A1A1A1;
  color:#CCCCCC;
  border: 0.25em solid #a1a1a1;
  /* 
  The following will allow the menu 
  to resize dynamically
  */
  overflow:auto;
  clear:both;
  padding: 0.2em;
  margin-bottom:0.5em;
}

#MENU #About ,
#MENU #PnS ,
#MENU #Details ,
#MENU #License ,
#MENU #Howto ,
#MENU #Sales
{
  float:left;
  border-left-width: 0.25em;
  border-right-width: 0.25em;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  padding:0.5em;
}

#MENU #About:hover ,
#MENU #PnS:hover ,
#MENU #Details:hover ,
#MENU #License:hover ,
#MENU #Howto:hover ,
#MENU #Sales:hover
{
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAoCAMAAAAbvyCxAAAAB3RJTUUH2QwcEgM1ROYCnwAAAAlwSFlzAAAewgAAHsIBbtB1PgAAAARnQU1BAACxjwv8YQUAAABLUExURcDH4b3D37rA3ba926+21qyz1Kmw0aWt0J6my5ujyZegx5ScxI2Wv4qTvoaQu4ONuX2GtXmDsnWAsHJ9rYCKtpGawqKpzbK62cPK5CUTh/8AAABbSURBVHjaTdBBEoIADATBEQVBVBAB+f9LPQ2bPqaSSrIcIi6iET9xE63oxC56MYiH2MRTvMRbrGIWH7GIr0otfZmdVHZkb24ZVW7OH/ntrpJBcklWV5VMk/PpDyQkD0yzZYKvAAAAAElFTkSuQmCC");
  float:left;
  background-color:#009999;
  border-left-width: 0.25em;
  border-right-width: 0.25em;
  border-left-style: solid;
  border-right-style: solid;
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF;
  padding:0.5em;
  color:#FFFFFF;
}