/* CSS stylesheet for longsword )new) */

div.programme h3, div.programme h4, div.programme h5
{
  text-align: left;
}

div.programme h5
{
  margin: 0 0 5px 0;
  padding: 0;
  color: #933;
}

div.programme table { width: 100% }

div.programme table tr td
{
  padding: 0.5em 1em 0.5em 0;
  vertical-align: top;
}

form.datarec_form
{
  background: #efe;
  padding: 5px;
}

form.datarec_form div.form_input_pair
{
  margin: 5px 0;
  display: grid;
  grid-template-columns: 1fr 4fr;
  padding-top: 2px;
}

@media (max-width: 500px)
{
  form.datarec_form div.form_input_pair
  {
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }
  div.programme h4 { border-top: 2px solid #999; }
}

div.form_input_pair div.error
{
  grid-column-start: 1;
  grid-column-end: 3;
  background: white;
  color: red;
  text-align: center;
}
 


div.input input[type=text],
div.input textarea
{
  width: 98%;
}

div.input input.date  {  max-width: 20ex; }
div.input input.days { max-width: 2ex }
div.input input.time { max-width: 30ex }

form.datarec_form input[type=submit]
{
  background: linear-gradient(#efe, #8f8);
}


/*********** programme display *********/

div.lsevent
{
  margin: 0 0 20px;
  display: grid;
  grid-template-columns: 1fr 1.2fr 4fr;
}

div.lsevent div.time { padding: 2px 0 0 2px }

@media (max-width: 500px)
{
  div.lsevent
  {
    grid-template-columns: 1fr;
    border-top: 2px solid #fdd;
    line-height: 1.2;
    padding-top: 10px;
  }

  div.lsevent.newmonth { border-top: none }
}

/************ buttons *********/

form.editbutton input[type=submit]
{
  background: linear-gradient(#efe, #8f8);
}

/*********** misc **********/

div.watchus
{
  margin: 20px;
  font-style: italic;
  color: #060;
  background: #dfd;
  padding: 5px;
}