* {
  box-sizing: border-box;
}

@font-face {
    font-family: Alvi-Nastaleeq;
    src: url(Alvi-Nastaleeq.ttf);
}

div {
    font-family: Alvi-Nastaleeq;
}

#myInput {
  background-image: url('search.png');
  background-position:10px 2px;
  background-repeat: no-repeat;
  width: 100%;
  height:40px;
  font-size: 18px;
  font-family: Alvi-Nastaleeq;
  src: url(Alvi-Nastaleeq.ttf);
  padding: 5px 20px 12px 40px;
  border: 2px solid #ddd;
  margin-bottom: 2px;

}

#trackbox {
  border-collapse: collapse;
  width: 100%;
  font-family: Alvi-Nastaleeq;
  src: url(Alvi-Nastaleeq.ttf);
  border: 1px solid #ddd;  
}

#trackbox th {
  width: 90%;
  text-align: center;
  font-family: Alvi-Nastaleeq;
  src: url(Alvi-Nastaleeq.ttf);
  padding: 0px 0px;
  border: 1px solid #ddd;
  
}

#trackbox td {
  text-align: left;
  padding: 0px 0px 0px 0px;
  font-family: Alvi-Nastaleeq;
  src: url(Alvi-Nastaleeq.ttf);
  font-size: 22px;
  background-color: transparent;
  width: 100%;
  border: 1px solid #ddd;  
}

#trackbox td.download {
  text-align: center;
  padding: 0px 0px 8px 0px;
  background-color: transparent;
  width: 100%;
  border: 1px solid #ddd;  
}

#trackbox td.position {
  text-align: center;
  padding: 0px 0px 14px 0px;
  background-color: transparent;
  width: 100%;
  font-size: 21px;
  border: 1px solid #ddd;  
}

#trackbox tr {
  border-bottom: 1px solid #ddd;
}

#trackbox tr.header, #trackbox tr:hover {
  background:url(background.jpg);
  font-weight: bold;
}