body{
  padding: 20px;
  font-family: Sans-serif, Verdana, Arial;
  font-size: 12pt;
  background-color: #403050;
  color: #222222;
  text-align: center;
}

.print{
  padding: 20px;
  font-family: Serif, "Times New Roman", Georgia;
  font-size: 11pt;
  background-color: #FFFFFF;
  color: #000000;
  text-align: justify;
}

form{
  margin: 0px;
  padding: 0px;
}

hr{
  border: 1px;
  color: #AAAAAA;
  background-color: #AAAAAA;
  height: 1px;
}

td{
  padding: 2px;
}

.debug{
  position: relative;
  top: -10px;
  font-family: monospace, Courier;
  font-size: 8pt;
  color: #BBBBBB;
}

.mytitle{
  position: relative;
  top: -12px;
  font-size: 14pt;
  color: #E8E0EF;
}

.copyright{
  font-family: monospace, Courier;
  font-size: 8pt;
  color: #BBBBBB;
  margin-top: 5px;  
}

.title{
  font-weight: bold;
}
  
.content{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 15px;
  max-width: 1000px;
  min-width: 750px;
  margin: auto;
  background-color: #E8E0EF;
  border-width: 1px;
  border-color: #AAAAAA;
  border-style: solid;
  padding: 20px;
}

.scrolldiv{
  height: 500px;
  overflow-y: scroll;
  border-radius: 5px;
  border-width: 1px;
  border-color: #403050;
  border-style: solid;
  padding: 10px;
}

.logintable{
}

.inputtable{
}

.studenttable{
  border-width: 1px;
  border-color: #AAAAAA;
  border-style: solid;  
}

.alert{
  color: #550000;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: large;
}

.error{
  color: #550000;
  margin-bottom: 20px;
  font-weight: bold;
}

.info{
  color: #403050;
  margin-bottom: 20px;
  font-weight: bold;
}

.datatable{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  min-width: 100%;
  width: 100%;
  border-width: 1px;
  border-color: #AAAAAA;
  border-style: solid;  
  padding: 10px;
}

.dataname{
  font-weight: bold;
}

.datadate{
  font-size: small;
  color: #555555;
}

.datadetails{
  font-size: small;
  color: #555555;
}

.datatext{
  text-align: justify;
  margin-left: 20px;  
  margin-right: 20px;  
}

textarea{
  font-family: Sans-serif, Verdana, Arial;
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-width: 2px;
  border-color: #8060A0;
  border-style: solid;  
  text-align: left;
  background-color: #F8F0FF;
  font-size: 10pt;
  margin: 1px;
  padding: 1px;
}

input{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #8060A0;
  border-style: solid;  
  text-align: left;
  background-color: #F8F0FF;
  font-size: 10pt;
  margin: 1px;
  padding: 1px;
}

select{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #8060A0;
  border-style: solid;  
  text-align: center;
  background-color: #F8F0FF;
  font-size: 10pt;
  margin: 1px;
  padding: 1px;
}

.mybutton{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-width: 2px;
  border-color: #8060A0;
  border-style: solid;  
  text-align: center;
  background-color: #E8E0EF;
  cursor: pointer;
  font-size: 10pt;
  margin: 3px;
  padding: 2px;
}

.mybutton:hover {
  background-color: #807090;
}

.mybuttonselected{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-width: 2px;
  border-color: #8060A0;
  border-style: solid;  
  text-align: center;
  background-color: #403050;
  color: #E8E0EF;
  font-weight: bold;
  font-size: 10pt;
  padding: 2px;
}

.mybuttondisabled{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border-width: 2px;
  border-color: #808080;
  border-style: solid;  
  text-align: center;
  background-color: #D0D0D0;
  color: #808080;
  font-size: 10pt;
  padding: 2px;
}

.menutable{
  min-width: 100%;
  width: 100%;
}

.instruction{
  text-align: justify;
  margin-bottom: 20px;
}

.header{
  color: #555555;
}

.footer{
  color: #555555;
}

.itemtext {
  margin-left: 40px;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: justify;
}

.itemmarker {
  float: left;
  margin-left: -40px;
  width: 35px;
  text-align: right;
  font-weight: bold;
}

.responsearea {
  margin-left: 40px;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: justify;
}

.optiontext {
  text-align: justify;
}

.optionmarker {
  font-weight: bold;
}

.summarytable{
  font-size: small;
  border-collapse: collapse;
  border: 1px solid #403050;
  padding: 5px;
}

.summaryheader{
  font-weight: bold;
  padding: 5px;
  border: 1px solid #E8E0EF;
  background-color: #403050;
  color: #E8E0EF;
}

.summaryrow{
}

.summaryrow:hover {
  background-color: #807090;
}

.summarycell{ 
  border-right: 1px solid #403050;
  border-left: 1px solid #403050;
}

.graph{
  width: 85%;
}

.tableinitem{
  border-spacing: 0;
  margin-left:auto; 
  margin-right:auto;
  text-align: center;
}

.textarray{
  border-spacing: 0;
  text-align: center;
  min-width: 100%;
  width: 100%;
}