a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
a:link {
    color: #000000;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color: #000000;
}

/* selected link */
a:active {
    color: #000000;
}

@font-face {
	font-family:Roboto;
	src: url('Roboto-Light.ttf');
}

div {
    color: #333333;
    font-family: "Roboto";
}
body{
	background-color:#fff;
}
.centered {
  position: fixed;
  top: 40%;
  margin-left: 40%;
  width: 300 px;
  border: 1px solid grey;
}
.centeredpic {
  position: fixed;
  top: 28%;
  margin-left: 40%;
  width: 300 px;
}
	
table{
	text-align: center;	
}
td {
    overflow: hidden;
    width: 100px;
}
th {
	
    overflow: hidden;
    width: 100px;
}
.dtable{
width: 90%;
text-align: center;
background-color: white;
border-top: 1px dotted grey;
border-bottom: 1px dotted grey;
border-spacing:0px 0px;

border: 1px dotted grey;
}
body > div > table.dtable.areatable > tbody > tr:nth-child(n) > td:nth-child(3){
  font-size: small;
  width:60%;
  padding: 5px;
}

body > div > table.dtable.hinttable > tbody > tr:nth-child(n) > td:nth-child(1){
  width:5%;
}
body > div > table.dtable.hinttable > tbody > tr:nth-child(n) > td:nth-child(4){
  width:7%;
}
body > div > table.dtable.hinttable > tbody > tr:nth-child(n) > td:nth-child(5){
  width:7%;
}
body > div > table.dtable.hinttable > tbody > tr:nth-child(n) > td:nth-child(3){
  font-size: small;
  width:60%;
  padding: 5px;
}
body > div > table.dtable.hinttable > tbody > tr:nth-child(n) > td:nth-child(5) > form{
	margin:0;
}
.dtable td{

border-left: 1px dotted grey;
border-bottom: 1px dotted grey;
}
.dtable th{
background-color: #DCDCDC;
border-left: 1px dotted grey;
border-bottom: 1px dotted grey;
}

.dtable a:link {
border-bottom: 1px dotted grey;
}
.loginpic{

}
.loginscreen{
display: inline-block;
  position:fixed;
  width: 700px;
  top: 50%;
  left: 50%;
  margin:auto;
   
}
.menutable{
width: 90%;
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
border: 1px solid grey;
}

.changetable{
width: 90%;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
border: 1px solid grey;

}
.changetable td:first-child { 
text-align: left; 
width: 13%;
}
.changetable td:nth-child(2){
width: 10%;
}
.changetable td:nth-child(3){
width: 25%;
}

.changetable td:last-child { 
text-align: right; 
width: 10%;
}

.changetable2{
width: 90%;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
border: 1px solid grey;

}
.changetable2 td:first-child { 
text-align: left; 

}
.changetable2 td:nth-child(2){

}
.changetable2 td:nth-child(3){
width:1000px;
}

.changetable2 td:last-child { 
text-align: right; 
width: 10%;
}

.changetable3{
width: 90%;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
border: 1px solid grey;

}
.changetable3 td:first-child { 
text-align: left; 

}
.changetable3 td:nth-child(2){

}
.changetable3 td:nth-child(3){
width: 1000px;
}

.changetable3 td:last-child { 
text-align: right; 
width: 10%;
}
#qtid{
width:10%;
}
.inputarea{
	width:95%;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(6) > form{
	margin: 0;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(1){
	width:5%;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(2){
	width:25%;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(3){
	width:25%;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(4){
	width:5%;
}
body > div > table.dtable.users > tbody > tr:nth-child(n) > td:nth-child(6){
	width:10%;
}

table.dtable.users tr:nth-child(odd){ 
	background: #FFF;
}

table.dtable.users tr:nth-child(even){
	background: #EEE;
}