@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

.campusbutton{
  width: 120px;
  height: 60px;
  background-size: 120px 120px;
  text-align: center;
  text-decoration: none;
  padding-top: 95px;
  font-family: 'Droid Sans', sans-serif;
  border: 1px solid #bbb;
  padding-left: 0px;
  padding-right: 0px;
}

.campusbutton > a:hover{
  text-decoration: none;
}

.mealorder-btn, .mealorder-btn:active{
  background-image: url("img/mealorder.png");
}

.topup-btn, .topup-btn:active{
  background-image: url("img/topup.png");
}

.cancelorder-btn, .cancelorder-btn:active{
  background-image: url("img/cancelorder.png");
}

.ordersummary-btn, .ordersummary-btn:active{
  background-image: url("img/ordersummary.png");
}

.spendlimits-btn, .spendlimits-btn:active{
  background-image: url("img/spendlimits.png");
}

.editdetails-btn, .editdetails-btn:active{
  background-image: url("img/editdetails.png");
}

.restrictions-btn, .restrictions-btn:active{
  background-image: url("img/restrictions.png");
}

.reports-btn, .reports-btn:active{
  background-image: url("img/reports.png");
}

.faq-btn, .faq-btn:active{
  background-image: url("../img/faq.png");
}

.userguide-btn, .userguide-btn:active{
  background-image: url("img/userguide.png");
}

.menu-btn, .menu-btn:active{
  padding-top: 75px;
  background-image: url("img/menu.png");
}

.saftey-btn, .saftey-btn:active{
  padding-top: 75px;
  background-image: url("img/saftey.png");
}

.foodservice-btn, .foodservice-btn:active{
  padding-top: 75px;
  background-image: url("/img/foodservice.png");
}