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;
   left: 9vw;
   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_left {
  float: left;
}

#list_title {
  margin-left: 5em;
}

#list_menu {
  float:right;
  padding: 8px;
  border: 4px solid lightslategray;
  background-color: #f3f3fb;
  line-height: 1.5em;
  position: relative;
}

#list_menu ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
#list_upload {
  margin-bottom: 0.5em;
}
#list_upload_select {
  width: 200px;
}
#list_upload_button {
  position: absolute;
  right: 8px;
}

#list_table {
  border-collapse: collapse;
  margin-left: 2em;
  line-height: 1.5em;
  margin-bottom: 33px;
}

.direct {
  margin-right: 1em;
}

/* index */

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

#index_menu {
  float:right;
  padding: 8px;
  border: 4px solid lightslategray;
  background-color: #f3f3fb;
  line-height: 2em;
}

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