@import url('buttons.css');

/* Standard formatting tags
   -------------------------------- */
html { background: #f2f2f2; }
p { font-size: 1.4em; }

body { font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif"; font-size: 0.8em; }

table { font-size: 1em; }

h1 { margin-bottom:.3em; font-size: 1.8em; font-weight: bold; line-height:1.4; color: #d98c32; }
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; color: #d98c32; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; color: #d98c32; }
h4 { font-size:1em; line-height:1.5; }

/* Special text classes used in food.js
   -------------------------------- */
.TextSmall { font-size: 1em }
.MenuEntree { font-weight: bold; margin-top: 5px; }
.MenuDesc { }

/* <a> Links
   -------------------------------- */
a:link { color:#0099FF; text-decoration:underline; }
a:active { color:#0099FF; text-decoration:underline; }
a:visited { color:#0099FF; text-decoration:underline;}
a:hover { color:#0099FF; text-decoration:underline; }
a span.more { background: url(http://www.indianbento.com/common/images/bullet/arrow_blue_right.gif) no-repeat 100% 50%; 
	      *background-position:100% 60%; padding-right: 10px; white-space: nowrap; zoom: 1; font-size:1.4em}

/* <a class="BodyText"> links for the body text of an announcement box
   -------------------------------- */
a.BodyText:link { color: #666666; text-decoration:none; }
a.BodyText:hover { color: #666666; text-decoration:none; } 
a.BodyText:visited { color: #666666; text-decoration:none; }
.BodyText { font-size: 1.2em; font-weight: normal; color: #666666;}

/* <a class="History"> links for the ShowPageHistory() function used for breadcrumbs
   -------------------------------- */
a.History:link { font-weight: bold; color: #FFFFFF;}
a.History:hover { font-weight: bold; color: #FFFFFF;}
a.History:visited { font-weight: bold; color: #FFFFFF;}
.History { font-size: 1.2em; font-weight: bold; color: #FFFFFF;}

/* <a class="Status"> links for the bottom footers of the page
   -------------------------------- */
a.Status:link { color: #FFFFFF; font-size: 1.0em}
a.Status:hover { color: #FFFFFF; font-size: 1.0em}
a.Status:visited { color: #FFFFFF; font-size: 1.0em}
.Status { font-size: 1.4em; font-weight: bold; color: #FFFFFF;}

/* <a class="TextSmall"> links for boxes in food.js
   -------------------------------- */
a.TextSmall:link { color:#333333; text-decoration:underline; }
a.TextSmall:active { color:#333333; text-decoration:underline; }
a.TextSmall:visited { color:#333333; text-decoration:underline;}
a.TextSmall:hover { color:#333333; text-decoration:underline; }

/* Tooltip classes used by boxover.js
   -------------------------------- */
.TooltipHeader 
{ color: #000000;
  width: 200px;
  border: 1px solid #FF9900;
  padding: 5;
  background: #CCCCCC;
  filter: alpha(opacity=100); // IE
  opacity: 1.0;} // FF
.TooltipBody
{ color: #FFFFFF;
  border: 1px solid #FF9900;
  width: 200px;
  padding: 5;
  background: #CCCCCC;
  filter: alpha(opacity=100);
  opacity: 1.0;}

/* Rounded corner classes used by index.html
   --------------------------------------- */
.roundedcorner { background-color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #666666; padding: 10px; }