@media screen and (max-width: 600px) {
    table, thead, tbody, th, td, tr {
	display: block;
    }
    .container {
    margin:0px auto;
    width: 100%;
    }
    .inputtable {
	background-color: #F0F0F0;
    }
}
@media screen and (min-width: 601px)  {
    .onlymobile { display: none; }
}

.prompt {
    display: block;
}
.inputfield {
    display: block;
}

.container{
    margin:0px auto;
    width: 800px; 
}
#loanlist tbody tr:nth-child(even) {
  background-color: #D6EEEE;
}

.memberimage{
    width: 100%;
    max-width: 500px; /* Caps width at 600px */
    height: auto;
}

.loantable {
    border-spacing: 10px;
  }
  
  .smbody {
      font-family: Verdana, Arial;
  }

  .fieldlabel {
      font-family:Verdana, Arial;
      color:#FF0000;
      font-style:italic;
  }

  .confirm {
      font-family: Verdana, Arial;
      font-weight:bold;
  }
      
  .currenttime {
    display:inline-block;
    color:#00FF00;
  }
  .timestamp {
    font-family:Verdana, Arial;
    color:#0000FF;
  }
  .clubtitle { 
    font-family:Verdana, Arial;
    color:#FF0000;
    font-size:250%;
    text-align: left;
  }

  .clubtitle2 {
    font-family:Verdana, Arial;
    color:#FF0000;
    font-size:150%;
    text-align: left;
  }
  .mainHeading {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:150%;
  }
  .inputHeading {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:80%;
  }
  .helpText {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:80%;
  }
  .quotation {
    font-family:Verdana, Arial;
    color:#FF0000;
    font-size:300%;
    text-align: right;
  }

  .footer {
    font-family:Verdana, Arial;
    color:#606060;
    font-size:75%;
  }
  .footerlink {
    font-family:Verdana, Arial;
    color:#000060;
  }
  select {
    font-family:Verdana, Arial;
    font-size:80%;
  }
  input {
    font-family:Verdana, Arial;
    font-size:80%;
  }
  .vertical_line {
    border-style:none none none solid;
    border-color:black;
    border-width:1px;
  }
  .subject {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:75%;
  }
  .author {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:75%;
  }
  .snippet {
    font-family:Verdana, Arial;
    font-weight:normal;
    font-size:75%;
  }
  .dateCol {
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:75%;
  } 
  .connector {
    font-style:italic;
  }
  .facetListHeading, .resultsListHeading {
    font-family:Verdana, Arial;
    font-weight:bold;
  }
  .facet_head {
    left:0px;
    padding:0px;
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:75%;
  }
  td.facetData {
    font-family:Verdana, Arial;
    color:blue;
    padding-left:12px;
  }
  td.facetData:hover {
    font-family:Verdana, Arial;
    padding-left:12px;
    color:green;
    text-decoration:underline;
    cursor: pointer; cursor: hand;
  }
  tr.normalFacet {
    display:table-row;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.moreFacet {
    display:none;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.extraFacet {
    display:none;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.endTable {
    display:none;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.expandMore {
    display:table-row;
    color:red;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.expandMore:hover {
    display:table-row;
    color:red;
    font-family:Verdana, Arial;
    font-size:75%;
    text-decoration:underline;
    cursor: pointer; cursor: hand;
  }
  tr.expandAll {
    display:none;
    color:red;
    font-family:Verdana, Arial;
    font-size:75%;
  }
  tr.expandAll:hover {
    text-decoration:underline;
    cursor: pointer; cursor: hand;
  }