kiosks/public/style.css

body
{
  background-color: #fff;
  color: #555;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  width: 100%;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

.warning {
  padding: 10px 15px;
  background-color: #fcfcfc;
  margin: 25px 0;
}

p
{
  font-size: 110%;
}

#main
{
  width: 920px;
  margin: 50px auto;
}

tr.footer {
  border-top: 1px solid #eee;
  border-bottom: 0px solid black;
}

tr.header {
  border-bottom: 1px solid #eee;
}

#header
{
  font-size: 100%;
  /* background-color: #e8f3f4; */
  color: #999;
  text-align: left;
  margin: 0 0 0px 0;
  height: 100%;
}

#header_inner {
  margin: 0 auto;
  padding: 10px 0;
  width: 930px;
}

#header h1 {
  font-size: 180%;
  color: #555;
}

.grant {
  color: green;
}

.refuse {
  color: red;
}

a
{
  padding: 1px 4px;
  color: #999;
  text-decoration: none;
}

a:visited
{
  padding: 1px 4px;
  color: #111;
  text-decoration: none;
}

a:hover
{
  background-color: #4f4f4f;
  color:  #fff;
}

h1
{
  margin: 40px 0;
  line-height: 1.4em;
  font-weight: bold;
  color: #555;
}

h2
{
  margin: 20px 0 0 0;
  line-height: 1.5em;
  font-weight: bold;
  color: #555;
}

h3
{
  margin: 30px 0 0 0;
  line-height: 1.5em;
  font-weight: bold;
  color: #555;
}

.highlight
{
  background-color: #e8f3f4;
}

strong
{
  color: #000;
}

table
{
  border-collapse: collapse;
  margin: 20px 0 60px 0;
}

td, th
{
  padding: 6px;
}

th {
  font-weight: bold;
  text-align: left;
}

tr
{
  border-bottom: 1px solid #eee;
}

nav
{
    font-size: 85%;
    margin: 0 0 0 0;
}

.right
{
  text-align: right;
}

.noborder
{
  border: 0;
}

#notice {
  background-color: green;
  color: white;
  padding: 10px 20px;
}

.menu {
  margin: 0;
  padding: 0;
}

.menu li {
  list-style-type: none;
  display: inline;
  margin: 20px 0;
  padding: 0 10px 0 0;
}

@media print {
  .noprint, #footer, .nav, nav
  {
    display: none;
  }

  body
  {
    margin: 0 auto;
    color: black;
  }

  a, a:visited {
    background-color: #fff;
  }
}