body.slBody{
}
.slPage{
  width: 816px;
  margin: 0px auto;
  border: 1px solid #888888;
  text-align:left;
  font-size:13px;
  line-height:1.3;
}
.slContent{
  padding: .25in .5in .5in;
}

.slTitle{
  text-align:center;
  font-size:22px;
}
.slDates{
  text-align:center;
  font-size:16px;
  color:#444444;
}
.slLogo{
  float:left;
}

#mobile .slLogo {
 float:none; 
 margin-left:auto;
 margin-right:auto;
}

.slBody .siteTagLine{
  float: none;
}
.slTagBox{
  border: 1px solid #888888;
  padding:8px;
  margin: 20px 0px 10px 0px;
}
.slTagLine{
  font-size: 15px;
  font-style:italic;
  color: #444444;
  padding-bottom:3px;
}
.slSectionTitle{
  margin-top: 10px;
  padding-top:10px;
  font-size:18px;
  line-height: 1;
}
#mobile .slSectionTitle {
  margin-top: 3px;
  padding-top:3px; 
/*  padding-left: 20px;*/
  cursor: pointer; 
}
#mobile .delete {
  background-image: url(/images/delete.png);
  background-repeat: no-repeat;
  background-position: 1px;
  min-width: 30px;
  float: left;
}
.slSectionContent{
  line-height: 1.2;
  font-family: times, serif;
  font-size:14px;
  padding: 0px 0px 8px 10px;
  border-top: solid 1px #888888;
}
#mobile .slSectionContent {
  min-height: 0px;
}
.slDate {
  font-family: arial, sans-serif;
  color:#444444;
}
.mainSlR, .mainSlR .slRTitle{
  font-weight:bold;
  font-size:16px;
}
.slCode {
  font-family: arial, sans-serif;
/*  font-weight: bold;*/
  color:#000;  
}

.slLine{
  height: 25px;
  border-top: 1px solid black;
  width: 200px;
}
.slRTitle{
  color:#444;
  font-family: arial, sans-serif;
  font-size:14px;
}
.slRemove{
  font-family: arial, sans-serif;
  font-size:11px;
  font-weight:normal;  
}
.slInstructions{
  padding-left:10px;
}

.edibles .slEdible .name:hover {
  color: #A40000;
  cursor: pointer;
}

.slEdible .off {
  text-decoration: line-through;
}

#mobile #mealPlan {
  margin-left: auto;
  margin-right:auto;
  text-align: left;
  margin: 10px 0px 10px 0px;
  padding: 3px;
  border: 1px dashed grey;
}

.slEdible .name {
  float:left;
}
.slEdible .action, .infoAction {
  margin-left: 5px;
  border: 1px solid grey;
  font-size: 12px;
  padding: 0px 1px 0px 1px;
  float:right;
  line-height:1.4;
}

.slEdible .action:hover {
  cursor: pointer;
}

.slEdible .notification {
  color: #Ab0000;
  float:right;
}

.slContent .staples {
  border: 1px solid grey;
  background: #F3E4B7;
  padding: 2px;
}

#mealPlan .slSectionTitle {
  text-align: center;
}

.slIngName{
  font-weight:bold;
}

.slIngAmt{
  color:#444;
}

.slIngMeal{
/*  color: #AA6633;*/
 color: #444;
}

.off .slIngAmt, .off .slIngMeal, .off .slIngName, .shoppingList .off  {
  color:#888;
  font-weight: normal;
}

.shoppingList .off{
  text-decoration: line-through;
}
.controlBar{
  border-top: 1px solid #CEB47E;
  font-size: 14px;
  padding: 1px 10px;
  margin: 10px 0px;
  color:#444;
}
.controlBar, .controlBar .checkbox{
  background:#EADFC8;
}
.addYourOwn{
  padding-left: 27px;
  padding-top:3px;
  font-size:12px;
}