html{
	min-height: 100%;
	position: relative;
}

body{
    color: slategray;
	background-color: ghostwhite;
	min-height: 600px;
	font: 14px/1.3 'Segoe UI',Arial, sans-serif;
}

a:visited {
    color: darkslategray;
}
a:link {
    color: slategray;
}

#page {
   padding-bottom:60px;
}
#footer {
   position: absolute;
   bottom: 0;
   width: 80vw;
   height: 23px;
   background: #f3f3fb;
   text-align: center;
   padding-top: 7px;
}
td,th {
  min-width: 10em;
  padding-right: 2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
tr:nth-child(even) {
  background: #f3f3fb
}

.td_right {
  text-align: right;
}

/* list view */

.clear {
  clear: both;
}

#list_title {
  float:left;
  margin-left: 5em;
}

#list_menu {
  float:right;
  padding: 8px;
  border: 4px solid lightslategray;
  background-color: #f3f3fb;
}
#list_table {
  border-collapse: collapse;
  margin-left: 2em;
}

/* index */

#index_title {
  float:left;
  margin-left: 5em;
}

#index_table {
  border-collapse: collapse;
  margin-left: 2em;
  font-size: medium;
}