/*
body{
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 0;
   font: 10px Arial, Helvetica, sans-serif;
	background: #000 url(/images/background4.jpg) top center no-repeat fixed;
	width: 965px
}
*/

p,ul,li,tr,td,dl,dt,dd {
   font: 12px Arial, Helvetica, sans-serif;
}

hr {
   border: none 0;
   border-top: 1px solid #000000;
   width: 100%;
   height: 1px;
   padding: 0;
   overflow:hidden;
}

.question {
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.op {
   font: 16px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.lgtext {
   font: 12px Arial, Helvetica, sans-serif;
}

.large {
   font: 14px Arial, Helvetica, sans-serif;
}

.small {
   font: 11px Arial, Helvetica, sans-serif;
}

.register-text {
   font: 11px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 20px 0 0 0;
}

.options {
   font: 11px Arial, Helvetica, sans-serif;
   background: #ffeeee;
}

.options2 {
   font: 11px Arial, Helvetica, sans-serif;
   background: #eeeeff;
}

.options3 {
   font: 11px Arial, Helvetica, sans-serif;
   background: #eeffee;
}

.rtext {
   text-align: right;
}

.ltext {
   text-align: left;
}

.phrase {
   padding: 20px 20px 20px 20px;
}

.loading {
   font: 24px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #006600;
}

b{
   font-weight: bold;
}

h1{
   font: 16px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

h2{
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 0;
}

.readonly {
   border: 0px;
   color: #000000;
   font-weight: bold;
   background: #EEEEEE;
   text-align: right;
}

input,textarea,select {
   font: 12px Arial, Helvetica, sans-serif;
}
input.checkbox, input.radio {
  border: none;
  background: none;
}

.green_button {
   background: #88cc88;
}

.red_button {
   background: #ff6666;
}

.blue_button {
   background: #9999ff;
}

.posted_button {
   color: #ffffff;
   background: #aa0000;
}

/*.button, .button a {
   border: 1px solid #ff0000;
   color: #000000;
   background: #ffffff;
    width: 140px; 
   height: 21px;
   font: 11px Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
}*/

a.button { /*Colour Moved*/
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 34px;
	color: #FDFDFD!important; 
	width: 200px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

a:hover.button { /*Colour Moved*/
  background-position: 0 -36px;
}

.navbutton, .navbutton a {
   border: 1px solid #ff0000;
   color: #000000;
   background: #eeeeee;
   width: 300px;
   height: 21px;
   text-decoration: none;
   vertical-align: middle;
}

.smbutton, .smbutton a {
   border: 1px solid #ff0000;
   font-size: 12px;
   color: #000000;
   background: #eeeeee;
   width: 50px;
   height: 18px;
   text-decoration: none;
   vertical-align: middle;
}

.lgbutton, .lgbutton a {
   border: 1px solid #ff0000;
   font-size: 12px;
   color: #000000;
   background: #eeeeee;
   width: 100px;
   height: 18px;
   text-decoration: none;
   vertical-align: middle;
}

vlgbutton, .vlgbutton a {
   border: 1px solid #000000;
   font-size: 11px;
   color: #000000;
   background: #ffffff;
   width: 150px;
   height: 18px;
   text-decoration: none;
   vertical-align: middle;
}

.searchbutton, .searchbutton a {
   border: 1px solid #000000;
   font-size: 11px;
   color: #000000;
   background: #ffffff;
   width: 100px;
   height: 18px;
   text-decoration: none;
   vertical-align: middle;
}

.actionheader{
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #ff0000;
   background: #ffffff;
}

.bold{
   font-weight: bold;
}

.titles{
   font-weight: bold;
   color: #000000;
   background: #dddddd;
}

.cmdtitles {
   font-weight: bold;
   color: #000000;
   background: #eedddd;
}

.data{
   color: #000000;
   background: #eeeeee;
}

.cmd {
   color: #000000;
   background: #eedddd;
}

.expired{
   font-weight: bold;
   color: #000000;
   background: #ffa0a0;
}

.warning{
   color: #000000;
   color: #ffffff;
   background: #ff8040;
}

.notice{
   color: #000000;
   background: #fff000;
}

.preformatted {
   font: 12px 'Courier New';
}

.head1{
   font-size: 18px;
   font-weight: bold;
   color: #ff4444;
   background: #ffffff;
}

.head2{
   font-size: 15px;
   font-weight: bold;
   color: #448844;
   background: #ffffff;
}

.rptcell{
   border: solid 1px #000000;
}

.menu-item a {
   color: #000000;
}

.submenu-item {
   border: solid 1px #567476;
   background: #feeeee;
}

.submenu-item a {
   color: #000000;
}

.menu-days {
   background: #ffc0c0;
}

/*
.command-button {
   border: solid 1px #567476;
   background: #ffffff;
}

.command-button a {
   color: #000000;
   text-decoration: none;
}
*/

.superuser {
   background: #FFB871;
}

.error {
   background: #ee0000;
   font-weight: bold;
   font-size: 12px;
   color: #ffffff;
   width: 100%;
}

.success {
   background: #408020;
   font-weight: bold;
   font-size: 12px;
   color: #ffffff;
}

.message {
   background: #404040;
   font-weight: bold;
   font-size: 12px;
   color: #ffffff;
}

.menudate-header {
   background: #408020;
   background: #00A71B;
   font-weight: bold;
   font-size: 12px;
   color: #404040;
   color: #ffffff;
}

.menudate-noitems {
   background: #408020;
   background: #ff8040;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
}

.menudate-subheader {
   background: #a0a0a0;
   font-weight: bold;
   font-size: 12px;
   color: #ffffff;
}

.incomplete {
  font-weight: bold;
  color: red;
} 

.complete {
  font-weight: bold;
  color: blue;
} 

.invisible {
   display: none;
}

.visible {
   display: table-row;
}

.oitem {
   background: #ffffff;
}

.menu-heading {
   font-weight: bold;
   font-size: 14px;
}

.item-title {
   font-weight: bold;
   font-size: 14px;
   color: #000000;
}

.qtyfield {
   text-align: center;
   width: 35px;
   border: solid 1px #611A0B;
   border: solid 2px #808080;
}

.instructions {
   background: #ddeddd;
   color: #000000;
}

.instructions-text {
   padding: 20px 20px 20px 20px;
}

.signup {
   background: #ddeddd;
}

.signup-text {
   padding: 20px 0px 20px 0px;
}

.blank {
   background: #ffffff;
   border: 0px;
}

.red {
   background: #ff0000;
   color: #ffffff;
}

.white {
   background: #ffffff;
   color: #ff0000;
}

.yellow, .reseller {
   background: #ffffc0;
   color: #000000;
}

.blue {
   background: #000080;
   color: #ffffff;
}

.green {
   background: #008000;
   color: #ffffff;
}

.title-tip {
   background: #E0E0E0;
   color: #A00000;
   font-weight: bold;
}

.price-tip {
   background: #00C000;
   color: #ffffff;
}


.notice {
   background: #FCF983;
   background: #F9E471;
}

.class-select {
   background: #F7EFE7 none repeat scroll 0 0;
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:300px;
}

.select-width70 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:70;
}

.select-width100 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:100px;
}

.select-width200 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:200px;
}

.select-width300 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:300px;
}

.select-width400 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:400px;
}

.select-width500 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:500px;
}

.select-width600 {
   margin-bottom:4px;
   margin-right:4px;
   margin-top:4px;
   width:600px;
}

.header {
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   background: #aaaaaa;
   color: #000000;
}

.menu-item-header {
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   background: #404040;
   color: #FFFFFF;
}

.footer-text, .footer-text a {
   font: 9px Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #aaaaaa;
}


.calendar-date {
   background: #ffffff;
   border: 1px solid #000000;
}

.calendar-date-past {
   border-color: #ff0000;
}

.non-current-date {
   background: #dddddd;
   border: 1px solid #000000;
}

.caldate {
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.noncaldate {
   font: 12px Arial, Helvetica, sans-serif;
}

.caltext {
   font: 10px Arial, Helvetica, sans-serif;
}

.calitem {
   background: #eeeeee;
   font: 10px Arial, Helvetica, sans-serif;
}

.calitem-past {
   background-color: #ffd0d0;
}

.cal-item-price {
   font: 9px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.caltext {
   font: 10px Arial, Helvetica, sans-serif;
}

.menu-title {
   display: block;
   background: #dddddd;
   background: #408020;
   color: #ffffff;
   padding: 0;
   margin: 0;
}

.menu-instructions {
   display: block;
   padding: 0;
   margin: 0;
}

.menudate-past {
   background: #ee0000;
   background: #ECB9C1;
   background: #FF2D2D;
   color: #404040;
   color: #ffffff;
}

.menudate-linked {
   background: #ffcc00;
   font-weight: bold;
   color: #000000;
}

.noticespan {
   display: block;
   float: center;
   text-align: center;
   position: relative;
   color: #ffffff;
   background: #408020;
   font-weight: bold;
   width: 100%;
   padding: 5px 1px 5px 1px;
   margin: 0px 0px 0px 0px;
}

.warningspan {
   display: block;
   float: center;
   text-align: center;
   position: relative;
   color: #000000;
   background: #BBBBBB;
   font-weight: bold;
   width: 100%;
   padding: 3px 1px 3px 1px;
   margin: 0px 0px 0px 0px;
}

.infoheader {
   display: block;
   float: center;
   text-align: center;
   position: relative;
   color: #ffffff;
   background: #C6521A;
   font-weight: bold;
   width: 100%;
   padding: 1px 1px 1px 1px;
   margin: 0px 0px 0px 0px;
}

.warningframedspan {
   display: block;
   float: center;
   text-align: center;
   position: relative;
   color: #ffffff;
   background: #ff8040;
   font-weight: bold;
   width: 500px;
   padding: 1px 1px 1px 1px;
   margin: 5px 0px 5px 0px;
   border: solid 1px #000000;
}

.errorspan {
   display: block;
   float: left;
   text-align: center;
   position: relative;
   z-index: 1;
   color: #ffffff;
   background: #ff0000;
   font-weight: bold;
   width: 100%;
   padding: 1px 1px 1px 1px;
   margin: 0px 0px 0px 0px;
}

.fb-like {
   z-index: 99;
}

#fb {
   margin: 0px 0px 0px 30px;
}

#fb a {
   text-decoration: none;
   color: #000000;
}

.item-description {
   color: #f0e000;
}

#ui-datepicker-div { font-size: 10px; }

.fb-like {
   z-index: 1;
}

.school-name {
   font: 18px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.receipt-title {
   font: 16px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.receipt-large {
   font: 14px Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.line {
   display: block;
   margin-before: 0.5em;
   margin-after: 0.5em;
   margin-start: auto;
   margin-end: auto;
   border-style: inset;
   border-width: 2px;
}


@media print {
   body, p, td, span {
      font: 16px Arial, Helvetica, sans-serif;
	   padding: 0;
   }

   .school-name {
      font: 28px Arial, Helvetica, sans-serif;
      font-weight: bold;
   }

   .receipt-title {
      font: 22px Arial, Helvetica, sans-serif;
      font-weight: bold;
   }

   .receipt-large {
      font: 18px Arial, Helvetica, sans-serif;
      font-weight: bold;
   }

   .line {
      display: block;
      margin-before: 0.5em;
      margin-after: 0.5em;
      margin-start: auto;
      margin-end: auto;
      border-style: inset;
      border-width: 2px;
   }
}

.invoices-table td {
   background: #eeeeee;
   margin: 2px;
   border: 1px #808080 solid;
}

.pitapit-address {
   padding: 0 0 0 240px;
   font: 18px Arial, Helvetica, sans-serif;
   font-weight: 900;
   line-height: 90%;
}

.pitapit-header {
   background: #fff url(/images/HotLunchLogo.pitapit.jpg) no-repeat;
}

.business-address {
   padding: 0 0 0 500px;
   font: 16px Arial, Helvetica, sans-serif;
   font-weight: 900;
   line-height: 90%;
   color: #ffffff;
}

.hidden-div {
   display: none;
}

.prompt {
   background: #eeeeee;
}

.school-data {
   background: #ffeeee;
   font-weight: bold;
}