html
{
  /*height:98%;*/
}

body.home{
  text-align:center;
  background-color: #FFE5F0;
  background-image: url('Img/GreenMenuDesignBg2.png');
  background-repeat: repeat-x; 
}

body.menu
{
  /*text-shadow: 1px 1px 1px white;
  background-image: url('Img/MenuBg.png');
  background-repeat: repeat;
  background-color: #400000;*/ /*FFE5F0   */
  background: #400000 url('Img/GoldenWave.png') repeat-x left bottom;
  
  text-align: center;
}

body.menuForm
{
  background-color: #CCFFCC;
}

div.tip
{
  text-align: left;
  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;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  padding: 0px 3px 0px 3px;
}

div.preview
{
  /*background: transparent url('Img/translucent200.png');
  background: transparent url('Img/bg.jpg'); */
  background: transparent url('Img/translucent178.png');
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  
  border-radius: 15px;	
  /*width: 920px;*/
}

div.bottomNav
{
  background: transparent url('Img/translucent178.png'); /*200*/
  color: #000000;
  text-align: center;
  vertical-align: text-bottom;
  margin: 0px auto;
  padding: 0px;
  border-radius: 15px;
}


a.bottomNav
{
  color: #000000;
}


div.preview0 
{
  border: 2px groove #00ff00;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #CCFFCC;
  overflow: auto;
}

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

div.banner
{
  border: 2px groove #00ff00;
  text-align: left;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #CCFFCC;
  overflow: auto;
}

div.bannerTop
{
  margin: 0% 0% 0% 0%;
  width: 98%;
  height: 16%;
}

div.bannerTop0
{
  width: 96%;
  height: 15%;
  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;
  text-align: left;
  padding: 0px;
  background-color: transparent;
}

div.instr00 
{
  clear:both;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  text-align: left;
  font-size: 80%;
  background-color: #CCFFCC;
}

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


table.menuMain
{
  margin: 6% auto 0% auto;
  background-image: url('translucent127.png');
  border: 2px solid #dddddd;
  width: 754px;
  border-collapse: separate;
  border-spacing: 0px 0px;
}

div.menuPicDiv
{
  margin: 1% auto 0% auto;
  padding: 0% 0% 0% 0%;
  height: 82%;
}

table.home
{
  margin: 0% auto 0% auto;
  padding: 0% 0% 0% 0%;
  width: 920px;
  border-collapse: collapse;
  vertical-align: top;
}


table.menuPic
{
  margin: 0% auto 0% auto;
  padding: 0% 0% 0% 0%;
  width: 614px;
  border-collapse: collapse;
}

td.menuPic
{
  vertical-align: bottom;
}

td.menuPics
{
  /*background: url("Img/MenuEdgeBg.png") repeat-y right top;*/
  vertical-align: top;
}

div.picDiv
{
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  
}

div.pic
{
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
}




div.menuMain
{
  background-image: url('Img/translucent127.png');
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  overflow: auto;
  border: 2px solid #dddddd;
  width: 614px;
  height: 550px;
}

div.navigatorTable
{
  overflow: auto;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  width: 124px;
  height: 380px;;
  
}

div.navigator
{
  overflow: auto;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 2px solid #004000;
  height: 506px;
  width: 134px;
  position: relative;
  
}

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

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

table.navigator0 
{
  table-layout: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 5px;
  background-color: transparent;
}

col.codeCol
{
  width: 60px;
}

col.noteCol
{
  width: 60px;
}

col.nameCol
{
  width: 200px;
}

col.priceCol
{
  width: 120px;
}

.sectionName
{
  font-size: 120%; /*135%*/
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  /*margin: 0px;
  padding: 0px;	*/
  color: #b40000;
}

.sectionDesc
{
  text-align: center;
  font-style: italic;
  margin: 0 auto;
  color: #ffccff;
  font-size: 100%;
  font-weight: bold;
}

.sectionSize
{
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  
}

.itemCode
{
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  font-size: 100%;
}

.itemNote 
{
  color: #000000; /*#FF0000;*/
  font-style: italic;
  vertical-align: top;
  text-align: right;
  padding-right: 0px;
  font-weight: normal;
  font-size: 100%;
}


.itemName
{
  vertical-align: top;
  text-align: left;
  padding-left: 1px;
  font-size: 100%;
  color: #000000;
  font-weight: normal;
}

.itemDesc
{
  vertical-align: top;
  text-align: left;
  font-style: italic;
  color: #666666;
  font-size: 100%;
  /*font-weight: bold;
  color: #666666;
  color: #888888;*/
}

.itemPrice
{
  vertical-align: top;
  text-align: right;
  font-size: 100%;
  font-weight: normal;
}


div.menuTable
{
  overflow: auto;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  width: 580px;
  height: 380px;
  
}

div.menu
{
  
  background-image: url("Img/translucent127.png") ;
  border: 2px solid #004000;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
  overflow: auto;
  height: 506px;
  width: 470px;
  position: relative;

}

div.menu0
{
  border: 2px groove #00ff00;
  float:right;
  width: 78%;
  height: 80%;
  overflow: auto;
  position: relative;
  margin: 1% 2% 0% 0%;
  padding: 0px;
  background-color: #FFFFFF;
}



div.menuTableDiv
{
  float: right;
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 0%;
}

table.menuFixed
{
  table-layout: fixed;
  padding: 0px 0px 0px 0px;
  margin: 2px auto;
  background-color: transparent;
  text-align: right;
  border-collapse: collapse;
}

table.menuFixed0
{
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  background-color: transparent;
  text-align: right;
  border-collapse: collapse;
}

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

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

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

table.notes
{
  
  table-layout: fixed;
  margin: -2px auto;
  background-color: transparent;
  padding: 0px 0px 5px 0px;
  border-collapse: collapse;
}

.key
{
  color: #000000; /*#FF0000;*/
  vertical-align: top;
  text-align: right;
  padding-right: 0px;
  width: 60px;
  font-size: 160%;
  font-weight: bold;
}

.note
{
  vertical-align: top;
  text-align: left;
  padding-left: 0px;
  width: 300px;
  font-size: 120%;
  font-weight: bold;
}

table.menu
{

  table-layout: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  background-color: transparent;
  text-align: right;
}

table.menuForm
{
  padding-top: 5px;
  padding-left: 5px;
  background-color: transparent;
  text-align: right;
  padding-left: 0px;
}


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

hr.row
{
  text-align: center;
  margin: -2px -2px 2px -2px;
  padding: 0px;
  color: #ffff00;
  background-color: #ffff00;
}

td.reg
{
  background-color: #FFE5F0;
  border: 2px solid transparent;
}

tr.menuHead
{
  background-color: #000000;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

tr.addMenuItem
{

}

input.addMenuItem
{
  background-color: #ffff00;
}

input.addMenuHeading
{
  background-color: #ffaaaa;
}

input.addNewLine
{
 
}

input.save
{
  background-color: #00ff00;
}

td.code
{
  vertical-align: top;
  text-align: left;
}
 
input.code
{
  vertical-align: top;
  text-align: right;
}

td.itemName, input.itemName
{
  vertical-align: top;
  text-align: left;
}

td.price
{
  vertical-align: top;
  text-align: left;
}

input.price
{
  vertical-align: top;
  text-align: right;
}

input.editButton
{
  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;
  font-size: 135%;
  text-align: center;
}

td.menuHead, input.menuHead
{
  color: #000000;
  font-size: 135%;
  text-align: center;
  font-weight: bold;
}

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;
}

td.menuHeadDesc, input.menuHeadDesc
{
  text-align: center;
  font-weight: normal;
  font-style: italic;
}

td.addNewCol
{
  color: #0000FF;
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}

input.addNewCol
{
  color: #0000FF;
  font-weight: bold;
  vertical-align: top;
}

td.menuSize
{
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}
 
input.menuSize
{
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}

div.mark
{
  background-color: transparent;
}



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

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

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

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

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

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

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

#instr0
{
  text-align: left;
  background-color: transparent;
  position: fixed;
  z-index: 100;
  width: 96%;
  top: 10%;
  left: 2%;
}

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

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

td.chef
{ 
  background-color: #CCFFCC;
}

td.lunch
{
  background-color: #CCFFCC;
}


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

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

span.catering
{
  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;
  margin: 0px 0px 0px 0px;
}

span.desc
{
  font-size: 80%;
  text-align: left;
  vertical-align: top;
  font-style: italic;
  color: #00aa00;
}

input.desc
{
  text-align: left;
  vertical-align: top;
  font-style: italic;
  color: #00aa00;
}

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

a.bannerName
{
  border: none;
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  color: #e00000;
  font-size: 180%; 
  text-decoration: none;
}


span.bannerName
{
  color: #e00000;
  font-size: 180%;
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
}

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

div.bannerPhone
{
  float: right;
  font-size: 156%;
  margin: 10px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  width: 300px;
  height: 35px;
  overflow: auto;
  text-align: right;

}

span.bannerPhone
{
  float: right;
  font-size: 180%;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  color: #ff0000;
  vertical-align: bottom;
  /*color: #e00000;*/
}

td.hot, input.hot 
{
  color: #FF0000;
  font-style: italic;
  vertical-align: top;
  text-align: left;
	
}


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

a.logo
{
  text-decoration: none;
}

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

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

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

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

a.menuLink:hover img
{
  border: 2px outset #FFE5F0;
}

a.menuLink:active img
{
  border: 2px inset #FFE5F0;
}


td.reg:hover
{

}

td.reg:active
{
  
}

tr.menuItem
{

}

#navlist
{
  margin: 0px auto;
  padding: 0px 0px;
  list-style: none;
  
}


#navlist a
{
  margin: 6px auto;
  padding: 0px 0px;
  border: 2px solid #336600; /*bbbbbb*/
  display: block;
  width: 168px;
  background: #468247 url("Img/LinkBg.png") repeat-x; /*#80ff00; FFE5F0*/
  text-align: center;
}


#navlist a:hover
{
  border: 2px outset #00ff00;
  background: #ff0000;
}

#navlist a:active
{
  border: 2px inset #00ff00;
  background: #ff0000;
}

#menu
{
  margin: 0px 0px;
  display: block;
  /*vertical-align: middle;*/
  border: none;
  
}

#location
{
  margin: 0px 0px;
  display: block;
  /*vertical-align: middle;*/
  border: none;
}



div.navigator ul
{
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  
}



/*a.navigator:hover*/
div.navigator ul a:hover
{
  text-decoration:underline;

  border: 2px outset #00ff00; /*eeeeee*/

}

/*a.navigator:active*/
div.navigator ul a:active
{
 text-decoration:none;

 border: 2px inset #00ff00; /**/
}

/*a.navigator*/
div.navigator ul a
{
  display: block;
  padding: 5px 0px;
  margin: 2px auto;

  text-decoration:none;
  color: #b40000;
  border: 2px solid #336600; /*#dddddd*/
  
}

div.navigator a img
{
  margin: 0px auto;
  display: block;
  border: 2px solid transparent;
  text-align: center;
  
}

img.menuLink
{
  margin: 0px auto;
  display: block;
  /*vertical-align: middle;
  border: none;*/
  border: 2px solid transparent;
  text-align: center;

}

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



/*div.coupon
{
  background: transparent url('Img/CouponBg.png'); 
  border: 2px dashed #000000; 
  font-size: 100%; 
  width: 300px; 
  height: 170px;
  margin: 0px 0px 20px 0px;
}

div.couponPrint
{ 
  border: 1px dashed #000000; 
  font-size: 100%;
  width: 220px; 
  height: 186px;
  margin: 0px 0px 10px 0px;
}

span.couponTitle
{
  color: #b40000;
  font-size: 160%;
}

span.couponCond
{
  color: #008000;
  font-size: 140%;
}

span.couponExp
{
  color: #000000;
  font-size: 120%;
}

span.couponFP
{
  color: #000000;
  font-size: 70%;
}*/

.coupon
{
  background: #ffffff url('Img/SAMPLERotated.png') no-repeat center; 
  border: 2px dashed #000000; 
  /*font-size: 100%;*/
  font-family: Times New Roman;  
  width: 300px; 
  /*height: 170px;*/
  margin: 0px auto 10px auto;
  /*margin: 0px 0px 20px 0px;*/
  padding: 10px 10px;
  text-align: center;
}

.discount
{
  color: #b40000;
  font-size: 36px; /*160%*/
}

.condition
{
  color: #00a000;
  font-size: 24px; /*140%*/
}

.expiration
{
  color: #000000;
  font-size: 20px; /*120%*/
}

.finePrint
{
  color: #000000;
  font-size: 16px; /*100%*/
}

.couponEdit
{
  background: #ffffcc;
  width: 340px;
  padding: 10px 0px;
  /*border: 2px dashed #000000; 
  font-size: 100%; 
  margin: 0px 0px 20px 0px;
  text-align: center;*/
}

.couponTA
{
  font-family: Times New Roman;
  text-align: center;
  width: 320px;
  max-width: 320px;
}

.discountEdit
{
  height: 60px;
  max-height: 60px;
}

.conditionEdit
{
  height: 100px;
  max-height: 100px;
}

.expirationEdit
{
  height: 60px;
  max-height: 60px;	
}

.finePrintEdit
{
  height: 100px;
  max-height: 100px;
}

div.couponPrint
{ 
  background: #ffffff url('Img/SAMPLERotated.png') no-repeat center;
  border: 1px dashed #000000; 
  /*font-size: 100%;*/
  font-family: 'Times New Roman', Times, serif;
  width: 260px; 
  /*height: 186px;*/
  padding: 10px 10px;
  margin: 0px 0px 10px 0px;
  text-align: center;
}

span.discountPrint
{
  color: #000000;
  font-size: 36px; /*140%;*/
}

span.conditionPrint
{
  color: #000000;
  font-size: 21px; /*120%;*/
}

span.expirationPrint
{
  color: #000000;
  font-size: 20px; /*110%;*/
}

span.finePrintPrint
{
  color: #000000;
  font-size: 16px; /*100%;*/
}

#inkSaving
{
  background: url("Img/translucent178.png"); 
  border-radius: 15px;
}




body.editBg
{
  text-align:center;
  background-color: #00a000;
  background-image: url('Img/GreenMenuDesignBg2.png');
  background-repeat: repeat-x;  
}

a.topEditMenu
{
  color: #000000;
}

.announcement
{
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  font-size: 20px;
  color: #000000;
  width: 400px;
  height: 196px;
  overflow: auto;
  background: #FFE5F0;
  border: 4px solid #bbbbbb;
}

.announcementDiv
{
  width: 480px;
  /*height: 236px;*/
}

.announcementTA
{
  max-width: 430px;
  max-height: 226px;
}


.dailySpecials
{
  /*vertical-align: top;*/
  color: #000000;
  text-align: left;
  font-family: 'Times New Roman', Times, serif;
  font-size: 100%; 
  
}

.hours
{
  font-family: 'Times New Roman', Times, serif;
  font-size: 24px; 
  color: #000000;
}

.day
{
  text-align: right;
}

.time
{
  text-align: left;
}

.hoursTA
{
  max-width: 220px;
  max-height: 80px;
}

pre
{
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #000000;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: 100%; 
}