body, #header h1, #header h1 a, #header h1 a:hover, span#version a, span#version a:hover {
  background: #840084;
}

div#toplink, div#toplink a  { 
  background: #ffabff;
}

div#toplink { 
  display: block;
  margin: -10pt -15pt 0 -15pt;
  padding: 10pt;
 }

div#auth_header {  
  margin: -5pt 0;
  float: right;
  text-align: right;
}

/* These are integer fields, make them narrower */
input#ResultExam, input#ResultAbsences, input#ResultGrammar, input#ResultPhonology { 
  width:1cm ;
}

input#PaymentAmount { 
 width: 5em;
 }

img#photograph, iframe#photograph {
  float: right; 
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 20px;
  text-align: center;
}

iframe#photograph { 
  width: 300px;
  height: 230px;
 }

div#about dl {
  width: 40%;
  padding: 2em;
  margin:  auto;
  border: 2px outset;
}


div.actions ul li a  { 
  clear: both;
  text-decoration: underline;
}

div.actions ul li a:hover  { 
  text-decoration: none;
}

div.actions { 
  clear: left; 
  padding: 2px
}

div.navigation ul  { 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  float: left
 } 

table tr.altrow td, table tr.altrow td a,
div.navigation ul, div.navigation ul li a,  div.navigation ul li a:hover { 
  background: #ffd9ff;
}

div.actions ul li { 
  padding: 5px;
  margin: 5px;
}

#content { 
  border: 1pt solid #330033;
  width: 95%;
  margin: auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 }

h2, fieldset legend { 
  color: #330033;
 }

h3 { 
  color: #840084 ;
 }

#version {
  float: left;
}

#version a{ 
  color: #fff;
}

dd { 
  padding-left: 1em;
}

fieldset { 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 }

legend { 
  padding: 0 5px;
 }

div.pages li { 
  padding: 2pt;
  font-size: 120%;
 }

#flashMessage, #authMessage { 
  display: inline-block;
  clear: both;
  background: #fffdad;
  padding: 5pt;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#flashMessage a { 
  color: inherit;
  background: inherit;
 }


div.view dd {
  margin-left: 12em;
}

div.stats ul { 
  list-style: none;
  text-align: left;
  margin: 0;
 }

div.stats li { 
  margin: 0;
  padding-bottom: 2pt;
 }

div.stats td {
  padding: 2px;
}

div.view dl, div.results dl, div.fees dl, div.emails dl { 
  width: auto;
  float: left;
  border: 1px outset;
  padding: 5px;
  margin: 5px 5em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
 }

form#TeflClassTimetableForm, form#StatsCourseForm {
  border: outset 1px ;
  margin: 5px;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: auto;
  float: right;
 }

.left { 
  text-align: left;
 }