html
{
  height: 98%;
  
}

body.home{
  text-align:center;
  background-color: #FFE5F0;
}

body.menu{
  text-align:center;
  height:98%;
  /*width: 98%;*/
  background-color: #FFE5F0;
}

body.menuForm
{
  text-align: left;
  /*width: 99%;*/
  height: 98%;
  /*background-color: #FFE5F0;*/ /*98% #CCFFCC;*/
  background-color: #00a000;
  background-image: url('../Img/GreenMenuDesignBg2.png');
  background-repeat: repeat-x;
}

/*div.refDiv
{
  position: absolute;
  float: left;
  clear:both;
}*/

div.testDiv
{
  /*position: absolute;
  display: inline;
  z-index: 400;*/
  float: left;
  margin: 0% 0% 0% 1%;
  padding: 0% 0% 0% 2%;
}

div.statusDiv
{
  position: absolute;
  display: none;
  z-index: 400;
  border: 1px solid #bbbbbb;
  background-color: #FFFFFF;
  width: 265px;
  height: 90px;
}

div.stateDiv
{
  border:  1px solid #dddddd;
  /*display: inline;
  padding: 5px 5px 5px 5px;
  margin: auto;*/
  position: absolute;
  width: 20px;
  height: 20px;
  
}

span.statMsg
{
  padding: 5px 0px 0px 5px;
}

.redTxt
{
  color: #FF0000;
}

div.tip
{
  position: absolute;
  display: none;
  z-index: 300;
  border-top-width: 1px;	
  border-left-width: 1px;
  border-bottom-width: 3px;	
  border-right-width: 3px;
  border-style: solid;
  border-color: #bbbbbb; /*#bbbbbb*/
  padding: 0px 3px 0px 3px;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  /*background-color: rgba(0,0,255,0.5);
  background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00));
  background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";*/
}

div.pullDownMenuDiv
{ 
  border:  1px solid #dddddd;
  position: absolute;
  display: none;
  z-index: 200;
  background-color: #FFFFFF;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px;
}

div.mainDiv
{
  /*z-index: 300;*/
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%; 
  height: 100%;
  
}

div.tipWrapper
{
  /*z-index: 200;*/
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%; 
  height: 100%;
}

div.mainNav
{
  /*border:  1px solid #ffff00;*/
  overflow: auto;
  margin: 0% 0% 0% 0%; 
  padding: .3% 0% .3% 0%;
  position: absolute;
  left: 1%;
  top: 1%;
  width: 98%; 
  height: 6.0%;
}

div.insertAndMove0
{
  
  vertical-align: middle;
  width: 100%;
  height: 5.5%; /*96%*/
  overflow: auto;
  margin: .2% 0% .2% 0%;
  padding: 4px 0px 4px 0px;
}

div.insertAndMove
{
  /*vertical-align: top;
  vertical-align: middle;
  text-align: left;
  z-index: 400;
  float: left;
  border:  1px solid #0000ff;*/
  overflow: auto;
  margin: 0% 0% 0% 0%; 
  padding: .3% 0% .3% 0%;
  position: absolute;
  left: 1%;
  top: 7.0%;
  width: 98%; 
  height: 6.0%;
}

.menuName
{
  border:  1px solid #dddddd;
  /*display: inline;*/
  margin: 0% 0% 0% 0%; 
  padding: 2px 2px 2px 2px;
  background-color: #CCFFFF;
}

div.pullDownDiv
{
  display: none;
  background-color: #FFFFFF;
}

div.opMenuDiv0
{
  border:  1px solid #dddddd;
  z-index: 200;
  display: none;
  position: absolute;
  margin: 0px 0px 0px 2px; 
  padding: 2px 2px 2px 2px;
  background-color: #FFFFFF;
}

/*div.insertAndMoveBtnsDiv
{
  overflow: auto;
  float: left;

}*/

div.testDivPar
{
  border:  1px solid #000000;
  position: absolute;
  left: 50.5%;
  top: .5%;
  float: left;
  margin: 0% 0% 0% 0%;
  padding: .2% 0% .2% 0%;
  width: 46%;
  height: 5.5%;
  /*overflow: auto;
  z-index: 40;*/
}


input.insertRow
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.insertRowAbove
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.insertRowBelow
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.cancelInsertRow
{
  background-color: #ff0000;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveRow
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveSelectedRow
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveRowAbove
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveRowBelow
{
  background-color: #ffff00;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.cancelMoveRow
{
  background-color: #ff0000;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.insertSection
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.insertSectionAbove
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.insertSectionBelow
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.cancelInsertSection
{
  background-color: #ff0000;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveSection
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveSelectedSection
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveSectionAbove
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.moveSectionBelow
{
  background-color: #FFCCCC;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

input.cancelMoveSection
{
  background-color: #ff0000;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

div.menuPane0
{
  text-align: left;
  width: 100%;
  height: 77.6%; /*90% 96%*/
  margin: 0% 0% 0% 0%;
}

div.menuPane
{
  border: 1px groove #00aa00;
  /*overflow: auto;*/
  text-align: left;
  margin: .5% 0% 0% 0%; 
  padding: .3% 0% 0% 0%;
  position: absolute;
  left: 1%;
  top: 13.0%; 
  width: 98%;
  height: 79.0%; /*80.0%*/
  background-color: #CCFFCC;
}

div.navDiv0
{
  border:  1px solid #00aa00;
  float:left;
  width: 2.2%; /*2.2*/
  height: 99%; /*98.6% 83% 83.6%*/
  overflow: auto;
  margin: .2% 0% .2% .1%; /*2% 0% 0% 2%*/
  padding: 0px;
  background-color: #CCFFCC;
}

div.navDiv
{
  border:  1px groove #00aa00;
  overflow: auto;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  background-color: #CCFFCC;
  position: absolute;	
  /*float: left;
  left: 0%; 
  top: .3%;
  width: 2.0%;
  height: 99%;*/
  left: .5%; 
  top: 1%;
  width: 2.0%;
  height: 98%;
}

table.navTable
{
  table-layout: fixed;
  margin: 1px auto;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 0px 1px;
}

table.navTable td
{
  padding: 4px 0px;
  background-color: #FFCCCC;
  border: 1px solid #dddddd; 
}

td.nav
{
  width: 16px;
  height: 8px;
  background-color: #FFCCCC;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #CCFFCC; 
}

div.menuTableDiv0
{
  border: 1px solid #00aa00;
  float:left;
  width: 96.4%;  /*96.4*/
  height: 99%; /*98.6% 83% 83.6%*/
  overflow: auto;
  margin: .2% 0% .2% .2%; /*2% 2% 0% 0%*/
  padding: 0px;
  background-color: #CCFFCC;
}

div.menuTableDiv
{
  border: 1px groove #00aa00;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  background-color: #CCFFCC;
  position: absolute;
  /*float: left;
  z-index: 10;
  left: 2.3%;
  top: .3%; 
  width: 97.0%;
  height: 99%;*/
  left: 2.8%;
  top: 1%; 
  width: 96.0%;
  height: 98%;
}

div.moveInsertDiv
{
  float: left;
  /*display: inline;*/
  padding: 0px;
  margin: 0% 0% 0% 0%;
}

div.previewPane
{
  border: 2px groove #00ff00;
  text-align: left;
  background-color: #CCFFCC;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  position: absolute;
  left: 1%;
  top: 7.0%; /*7*/
  width: 98%;
  height: 86%;
}

div.previewNav
{
  border: 2px groove #00ff00;
  overflow: auto;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  background-color: #FFFFFF;
  position: absolute;
  left: 1%; /*2*/
  top: .5%; 
  width: 13%; /*15*/
  height: 98%;
}

div.navigator
{
  border: #00ff00 solid thin;
  outline: #00ff00 groove 2px;
  float:left;
  width: 15%;
  height: 80%; /*83%*/
  overflow: auto;
  /*position: relative;
  position: absolute;
  top: 12%;
  left: 2%;*/
  margin: 1% 0% 0% 2%; /*2% 0% 0% 2%*/
  /*position: relative;
  margin-left: 2%;
  margin-right: 1%;
  margin-top: 2%;
  margin-bottom: 2%;*/
  padding: 0px;
  background-color: #FFFFFF;
}

table.navigator
{
  table-layout: fixed;
  margin: 1px auto;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0px 2px;
}

td.navigator
{
  padding: 5px 0px 5px 0px;
  background-color: #FFE5F0;
  border: 2px solid #dddddd;
}

div.previewMenu
{
  border: 2px groove #00ff00;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  position: absolute;
  left: 15%; /*20 12*/
  top: .5%; 
  width: 84%; /*78 87*/
  height: 98%;
  
}

table.previewMenu
{
  table-layout: fixed;
  /*padding-top: 5px; 1% 5px*/
  margin: 2px auto;
  background-color: transparent;
  text-align: right;
  /*border-collapse: collapse;
  border-top: 10px solid transparent;*/
  border-collapse: separate;
  border-spacing: 0px 0px;
  padding: 0px 30px 0px 30px;
}

.sectionName
{
  font-size: 135%; /*125%*/
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  width: 440px;
}

.sectionDesc
{
  text-align: center;
  font-style: italic;
  margin: 0 auto;
  width: 430px;
}

.sectionSize
{
  vertical-align: top;
  text-align: right; /*left*/
  font-weight: bold;
  width: 120px;
}

.itemCode
{
  vertical-align: top;
  text-align: right;
  width: 60px;
}

.itemNote 
{
  color: #000000; /*#FF0000;*/
  font-style: italic;
  vertical-align: top;
  text-align: right;
  padding-right: 0px;
  width: 60px;	
}


.itemName
{
  vertical-align: top;
  text-align: left;
  padding-left: 1px;
  width: 300px; /*200*/
}

.itemDesc
{
  vertical-align: top;
  text-align: left;
  font-style: italic;
  color: #00aa00;
  width: 300px;
}

.inlineItemDesc
{
  vertical-align: top;
  text-align: left;
  font-style: italic;
  color: #888888;
  /*color: #00aa00;*/
  
}

.itemPrice
{
  vertical-align: top;
  text-align: right;
  width: 120px;
}


/*div.previewPane
{
  border: 2px groove #00ff00;
  text-align: left;
  background-color: #CCFFCC;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 1%;
  top: 8.4%; 
  width: 98%;
  height: 82.5%;
}

div.previewNav
{
  border: 2px groove #00ff00;
  float:left;
  width: 15%;
  height: 92%;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}

div.previewMenu
{
  border: 2px groove #00ff00;
  float:right;
  width: 78%;
  height: 92%;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}*/

div.save0
{
  width: 100%;
  height: 6%;
  overflow: auto;
  margin: 0% 0% 0% 0%;
  padding-top: 5px;
  clear:both;
}


div.save
{
  /*border:  1px solid #ff0000;*/
  margin: 0% 0% 0% 0%;
  padding: .3% 0% .3% 0%;
  /*clear:both;
  display: none;*/
  overflow: auto;
  position: absolute;
  left: 1%;
  top: 94.0%; 
  width: 98%;
  height: 5.0%;
}

/*
position: relative;
  table-layout: fixed;
table
{
  margin-left: auto;
  margin-right: auto;
  table-layout: auto;
  
  text-align: center;
}*/

div.banner
{
  border: #00ff00 solid thin;
  outline: #00ff00 groove 2px;
  text-align: left;
  width: 100%;
  height: 100%;
  /*position: absolute;
  margin: 0% 0% 0% 0%;

  margin: 0% 2% 0% 2%;
  margin: auto auto auto auto;
  padding: 0px;
  position: relative;
  z-index: 1;
  top: 10px;
  left: 10px;*/
  background-color: #CCFFCC;
  overflow: auto;
}

div.bannerTop
{
  width: 96%;
  height: 14%; /*10%*/
  /*margin: 0% 2% 1% 2%;
  top: 2%;
  left: 2%;
  margin: 0% 2% 0% 2%;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 2px 0px 2px;
  background-color: #CCFFCC;
  overflow: auto;
}

div.instr 
{
  clear:both;
  margin: 0px 0px 0px 0px;
  text-align: left;
  font-size: 80%;
  /*background-color: #FFFFCC;
  margin-left: 0px;*/
  background-color: #CCFFCC;
}

hr.banner
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #FFFFCC;
  background-color: #FFFFCC;
  width: 100%;
  height: 3px;
  text-align: center;
}



div.menu
{
  border: #00ff00 solid thin;
  outline: #00ff00 groove 2px;
  float:right;
  width: 78%;
  height: 80%; /*83%*/
  overflow: auto;
  /*position: relative;
  position: absolute;
  top: 12%;
  left: 19%;*/
  margin: 1% 2% 0% 0%; /*2% 2% 0% 0%*/
  /*position: relative;
  margin-left: 1%;
  margin-right: 2%;
  margin-top: 2%;
  margin-bottom: 2%;*/
  padding: 0px;
  background-color: #FFFFFF;
}

table.menu
{

  table-layout: fixed; /*fixed auto*/
  margin-left: auto;
  margin-right: auto;
  /*margin: 0px 0px 0px 10px;*/
  padding-top: 5px;
  padding-left: 5px;
  background-color: transparent;
  text-align: right;
  /*vertical-align: text-top;
  float:left;*/
  padding-left: 0px;
}

table.menuForm0
{
  /*table-layout: auto;
  margin-left: auto;
  margin-right: auto;
  margin: 0px 0px 0px 10px;*/
  padding-top: 5px;
  padding-left: 5px;
  background-color: transparent;
  text-align: right;
  /*vertical-align: text-top;
  float:left;*/
  padding-left: 0px;
}


table.menuForm
{
  table-layout: auto;
  background-color: transparent;
  text-align: right;
  /*border-top: 10px solid transparent;
  vertical-align: text-top;
  float:left;
  padding-left: 0px;
  width: 100%;
  height: 100%;*/
  margin: 2px auto;
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 0px 0px;
  padding: 2px 10px 2px 10px;
}

table.noteTable
{
  table-layout: auto;
  margin: -2px auto;
  /*margin-top: -2px;
  margin-right: auto;
  margin-bottom: 2px;
  margin-left: auto;*/
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0px 0px;
  padding: 0px 10px 0px 10px;
  /*border-top: 2px solid #000000;#999999*/
}

table.previewNote
{
  table-layout: fixed;
  margin: -2px auto;
  /*margin-top: -2px;
  margin-right: auto;
  margin-bottom: 2px;
  margin-left: auto;*/
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0px 0px;
  padding: 0px 0px 5px 0px;
  /*border-top: 2px solid #000000;#999999*/
}

.key
{
  color: #000000; /*#FF0000;*/
  vertical-align: top;
  text-align: right;
  padding-right: 0px;
  width: 60px;
}

textarea.key 
{
  color: #FF0000;
  vertical-align: top;
  text-align: right;
  width: 60px;
  height: 40px;
  max-width: 60px;
  max-height: 40px;	
}


.note
{
  vertical-align: top;
  text-align: left;
  padding-left: 0px;
  width: 300px;
}

textarea.note
{
  vertical-align: top;
  text-align: left;
  width: 300px;
  height: 40px;
  max-width: 300px;
  max-height: 40px;
}

td.addNote
{

}

td.previewRow, td.section
{
  padding: 5px 5px 5px 5px;
}

td.row
{
  padding: 10px 5px 10px 5px;
}

tr.lineRow td
{
  
  /*border-top-width: 1px;	
  border-top-style: solid;
  border-top-color: #ffaaaa;
  
  border-left-width: 1px;	
  border-left-style: solid;
  border-left-color: #ffaaaa;

  
  border-right-width: 1px;	
  border-right-style: solid;
  border-right-color: #ffaaaa;*/

  border-bottom-width: 1px;	
  border-bottom-style: solid;
  border-bottom-color: #000000;
  /*border-bottom: 2px solid #bbbbbb;*/
  background-color: #FFCCCC;	
}

td.previewSectionLine
{  
  border-bottom: 1px solid #000000;
  padding: 0px; /*necessary or will get transparent gap*/
  background-color: transparent;	
}

td.sectionLine
{  
  border-bottom: 1px solid #000000;
  background-color: transparent;	
}

td.rowLine
{  
  border-bottom: 1px solid #999999;
  padding: 0px;
  background-color: transparent;	
}

td.endLine
{  
  border-bottom: 2px solid #000000;
  padding: 5px 0px 0px 0px;
  background-color: transparent;	
}

hr.menuHead
{
  text-align: center;
  /*margin: -2px -2px 2px -2px;*/
  margin: -5px -5px 0px -5px;
  padding: 0px;
  background-color: #000000;

}

hr.row
{
  text-align: center;
  margin: 0px -2px 0px -2px;
  /*margin: -2px -2px 2px -2px;
  margin: -5px -5px 0px -5px;*/
  padding: 0px;
  color: #ffff00;
  background-color: #ffff00;
  /*display: none;
  border: 1;*/
}

td.reg
{
  background-color: #FFE5F0;
  /*background-color: #FFDDFF;
  background-color: #FFFFCC;
  background-color: #CCFFCC;*/
  border: 2px solid transparent;
}

tr.menuHead
{
  background-color: #FFCCCC; /*#ffaaaa*/
  /*background-color: #FFE5F0;
  background-color: #FFDDFF;*/
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

tr.previewMenuHead
{
  background-color: #FFE5F0;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

tr.addMenuItem
{

}

input.addMenuItem
{
  background-color: #ffff00;
  /*border:  1px outset #dd0000;
  text-align: left;*/
}

input.addMenuHeading
{
  background-color: #FFCCCC;
  /*background-color: #FFE5F0;
  text-align: left;*/
}

input.addNewLine
{
  /*font-weight: bold;
  background-color: #0000ff;
  width: 10px;
  text-align: center;*/  /*doesn't work in safari*/
  /*margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;*/
}

input.preview
{
  background-color: #CCCCFF;
  margin: 0px 0px 0px 0px;
  /*margin-top: 5px;
  display: inline;*/
}

input.backToEdit
{
  background-color: #ccffff;
  margin: 0px 0px 0px 0px;
  /*margin-top: 5px;
  display: inline;*/
}

input.save
{
  background-color: #00ff00;
  margin: 0px 0px 0px 0px;
  /*margin-top: 5px;
  display: inline;*/
}

td.code
{
  vertical-align: top;
  text-align: left;
  /*width: 8.25%;
  height: 9.7%;*/
}
 
textarea.code
{
  vertical-align: top;
  text-align: right;
  /*width: 99%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 8.25%;
  height: 9.7%;
  max-width: 8.25%;
  max-height: 9.7%;*/
  width: 60px;
  height: 40px;
  max-width: 60px;
  max-height: 40px;
}



td.menuItemName
{
  vertical-align: top;
  text-align: left;
  /*width: 31%;
  height: 9.7%;*/
}

textarea.menuItemName
{
  /*text-wrap: unrestricted;
  word-wrap: break-word;*/
  vertical-align: top;
  text-align: left;
  /*width: 99%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 31%;
  height: 9.7%;
  max-width: 31%;
  max-height: 9.7%;*/
  width: 300px; /*200*/
  height: 40px;
  max-width: 300px;
  max-height: 40px;
}

td.price
{
  vertical-align: top;
  text-align: right; /*left*/
  /*width: 10.3%;
  height: 9.7%;*/
}

textarea.price
{
  vertical-align: top;
  text-align: right;
  /*width: 99%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 10.3%;
  height: 9.7%;
  max-width: 10.3%;
  max-height: 9.7%;*/
  width: 120px;
  height: 40px;
  max-width: 120px;
  max-height: 40px;
}

td.editButton
{
  text-align: center;
  vertical-align: middle;
  /*display: inline;  
  color: #FF0000;
  font-weight: bold;*/
}

input.editButton
{
  text-align: center;
  vertical-align: middle;
  color: #FF0000;
  font-weight: bold;
}

td.deleteMenuItem
{
  text-align: center;
  vertical-align: middle;
  /*color: #FF0000;
  font-weight: bold;*/
}

input.deleteMenuItem
{
  text-align: center;
  vertical-align: middle;
  color: #FF0000;
  font-weight: bold;
}

th.menuHead
{
  color: #000000;
  /*background-color: #FFFFCC;*/
  font-size: 135%; /*125%*/
  text-align: center;
}

td.menuHead
{
  color: #000000;
  /*background-color: #FFFFCC;*/
  font-size: 135%; /*125%center*/
  text-align: center;
  font-weight: bold;
  /*width: 62%;
  height: 9.7%;*/
}

textarea.menuHead
{
  font-size: 135%; /*125%*/
  text-align: center;
  font-weight: bold;
  /*width: 62%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 62%;
  height: 9.7%;
  max-width: 62%;
  max-height: 9.7%;*/
  width: 440px;
  height: 40px;
  max-width: 440px; /*600*/
  max-height: 40px;
}

th.menuHeadChef
{
  color: #FFFFCC;
  font-size: 125%;
  text-align: center;
}

th.menuHeadLunch
{
  color: #FFDDFF;
  font-size: 125%;
  text-align: center;
}

th.menuSubHead
{
  text-align: center;
  /*font-size: 80%;
  background-color: #FFFFCC;*/
}

td.menuHeadDesc
{
  text-align: center;
  font-weight: normal;
  font-style: italic;
  /*font-size: 80%;
  background-color: #FFFFCC;*/
  /*width: 56.7%;
  height: 9.7%;*/
}

textarea.menuHeadDesc
{
  text-align: center;
  font-weight: normal;
  font-style: italic; 
  /*width: 56.7%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 56.7%;
  height: 9.7%;
  max-width: 56.7%;
  max-height: 9.7%;*/
  width: 430px;
  height: 50px;
  max-width: 430px; /*550*/
  max-height: 50px;
}

td.addNewCol
{
  color: #0000FF;
  text-align: right; /*don't need td.addNewCol just like deleteButton style will follow table style i.e. align-right*/
  vertical-align: top;
  /*font-weight: bold;
  font-size: 80%;
  background-color: #FFFFCC;*/
}

input.addNewCol
{
  color: #0000FF;
  font-weight: bold;
  vertical-align: top;
  /*font-size: 80%;
  background-color: #FFFFCC;*/
}

td.menuSize
{
  text-align: right; /*left*/
  vertical-align: top;
  /*margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 80%;
  background-color: #FFFFCC;*/
  /*width: 10.3%;
  height: 9.7%;*/
}
 
td.menuSizeValue
{
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  /*font-size: 80%;
  background-color: #FFFFCC;*/
}

textarea.menuSize
{
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  /*width: 99%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 10.3%;
  height: 9.7%;
  max-width: 10.3%;
  max-height: 9.7%;*/
  width: 120px;
  height: 40px;
  max-width: 120px;
  max-height: 40px;
}

div.mark
{
  background-color: transparent;
}

img
{
  /*position:relative;
  position:fixed;
  top:0px;
  vertical-align:text-top*/
  margin-top: 0px;
  padding-top: 0px;
  vertical-align: middle;
}

img.align-right
{
  margin-top: 0px;
  padding-top: 0px;
  vertical-align: middle;
  /*position: relative;
  float:right;
  margin: 0 0 15px 15px;*/
  border: 2px solid transparent;
}

img.align-left
{
  /*position:relative;*/
  margin-top: 0px;
  padding-top: 0px;
  vertical-align: middle;
  /*float:left;
  margin: 0 15px 15px 0;*/
}

.align-top
{
  vertical-align: top;
}

.align-right
{
  text-align: right;
}

.align-left
{
  text-align: left;
}

.align-center
{
  text-align: center;
}

/*td
{
  text-align: center;
}*/

div.instr0
{
  text-align: left;
  background-color: transparent;
  position: fixed;
  z-index: 100;
  width: 96%;
  top: 50px;
  left: 2%;
  /*visibility: collapse;
  visibility: hidden;*/
  /*float: left;*/
}

#instr
{
  text-align: left;
  background-color: transparent;
  position: fixed;
  z-index: 100;
  width: 96%;
  top: 10%;
  left: 2%;
  /*visibility: collapse;
  visibility: hidden;*/
  /*float: left;*/
}

td.home
{
  background-color: #D00000;
  border: 2px solid transparent;
}

td.chef
{ 
  background-color: #CCFFCC;
  /*background-color: #FFDDFF;
  background-color: #FFFFCC;*/
}

td.lunch
{
  background-color: #CCFFCC;
  /*background-color: #FFFFCC;
  background-color: #FFDDFF;*/
}


div.floater 
{
  position: fixed;
  z-index: 1;
}

div.catering
{
  height: 30px;
  width: 208px;
  vertical-align: middle;
  background-color: transparent;
}

span.catering
{
  /*vertical-align: top;*/
  text-align: center;
  font-size: 150%;
}

span.phone 
{
  text-align: center;
  font-size: 150%;
}

span.highlight
{
  background-color:yellow;
}

span.nothighlight
{
  background-color:transparent;
}

div.star
{
  /*position:relative;
  left: 0px;*/
  text-align: left;
}

span.star
{
  color: #ff0000;
  text-align: left;
  /*position:relative;
  left: 0px;*/
  margin: 0px 0px 0px 0px;
}

/*.align-left span.desc
{
  display: none;
  font-size: 80%;
  text-align: left;
  font-style: italic;
  color: #00aa00;
}

.align-left:hover span.desc
{
  display: inline;
  z-index: 10;
  position: relative;
  font-size: 80%;
  text-align: left;
  font-style: italic;
  color: #00aa00;
}*/

textarea.desc
{
  /*font-size: 80%;
  font-style: italic;*/
  text-align: left;  /*no effect follows parent td*/
  vertical-align: top;
  color: #00aa00;
  background-color: #eeeeee;
  /*width: 99%; 
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 31%;
  height: 9.7%;   
  max-width: 31%;
  max-height: 9.7%;*/
  width: 300px;  
  height: 50px;
  max-width: 300px;
  max-height: 50px;
  /*same as tipDiv*/
}

span.desc
{
  /*font-size: 80%;*/
  text-align: left;  /*no effect follows parent td*/
  vertical-align: top;
  font-style: italic;
  color: #00aa00;
  /*width: 31%;
  height: 9.7%;*/
}


div.instruct
{
  width: 100%;
  text-align: left;
  background-color: transparent;
}
 
div.bannerName 
{
  color: #e00000;
  font-size: 150%;
  text-align: right;
  width: auto;
  /*float:left;*/
  float:right;
  clear:both;
  margin: 10px 10px 0px 10px;
  padding: 0px;
}

span.bannerName
{
  color: #e00000;
  font-size: 180%; /*200%*/
  float:left;
  margin: 10px 0px 0px 0px;
}

div.bannerPhone 
{
  font-size: 150%;
  text-align: right;
  width: auto;
  float:right;
  clear:both;
  margin: 0px 10px 0px 10px;
  padding: 0px;
}

span.bannerPhone
{
  float: right;
  font-size: 180%; /*200%*/
  margin: 10px 0px 0px 0px;
}

td.hot 
{
  color: #FF0000;
  font-style: italic;
  vertical-align: top;
  text-align: left;
  /*width: 11.3%;
  height: 9.7%;*/	
}


textarea.hot 
{
  color: #FF0000;
  font-style: italic;
  vertical-align: top;
  text-align: right;
  /*width: 99%;
  height: 99%;
  max-width: 99%;
  max-height: 99%;*/
  /*width: 11.3%;
  height: 9.7%;
  max-width: 11.3%;
  max-height: 9.7%;*/
  width: 60px;
  height: 40px;
  max-width: 60px;
  max-height: 40px;	
}


span.hot 
{
  color: #FF0000;
  font-style: italic;
}

a.logo
{
  text-decoration: none;
  color: #e00000;
}

a.logo:visited
{
  color: #e00000;
}

a.logo:hover
{
  color: #e00000;
}

a.logo:active
{
  font-style: normal;
}


/*div.img a:hover img*/
a:hover img
{
  /*border: 2px solid #a0a0a0;*/
  border: 2px outset #FFE5F0;
}

a:active img
{
  /*border: 2px solid #404040;*/
  border: 2px inset #FFE5F0;
}

/*td.home:hover
{
  border: 2px outset #ff0000;
}


td.home:active
{
  border: 2px inset #ff0000;
}*/

td.reg:hover
{
  /*border: 2px outset #FFE5F0;
  border: 2px outset #FFE8F3;*/
}


td.reg:active
{
  /*border: 2px inset #FFE5F0;
  border: 2px inset #FFE8F3;*/
}

a.navAnchor
{
  text-decoration: none;
  color: #FFCCCC;
  font-size: 45%;
  /*max-height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 16px;
  height: 8px;
  border-width: 0px;*/
}

a.navigator:hover
{
  text-decoration:underline;
}

a.navigator:active
{
 text-decoration:none;
  
}

a.navigator
{
  text-decoration:none;
  color: black;
}


/*ul
{
float:left;
width:100%;
padding:0;
margin:27%;
list-style-type:none;
}

li {display:inline}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}*/