body{
  text-align: center;
 }

 #badan,#menu,#kepala,#kaki{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  padding: 10px;
 }
 
 #kepala{
  text-align: right;
 }

 #menu{
  background: #36393D;
  color: #FFFFFF;
  text-transform: uppercase; 
 }

 #badan{
  padding: 10px;
 }
 
 label{
  width: 180px;
  display: block;
  float: left;
  text-align: right;
 }

 input{
  height: 30px;
 }

 p{
  margin: 5px;
 }

 th{
  background: gray;
 }

 td{
  border-bottom:1px solid silver;
  height: 30px;
 }

 .panjang{
  width: 300px;
 }

 #pelajar{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
 }
  
  .arahan{
   font-weight: bold;
   border-bottom:1px solid silver;
   padding-bottom: 5px;
  }
  
  .btn_save,.btn_cetak,.btn_back{
   cursor: hand;
   cursor: pointer;
   text-decoration : none;
   height: 30px;
   width: 100px;
   background: #dcdad5; 
   border:1px solid gray; 
   padding-left: 30px;
   text-align: left;
  }
  
  .btn_save{
   background-image:url('imej/simpan.gif');
   background-repeat: no-repeat;
   background-position: center left;
  }   
  
  .btn_cetak{
   background-image:url('imej/cetak.gif');
   background-repeat: no-repeat;
   background-position: center left;
  } 
  
  .btn_back{
   background-image:url('imej/back.gif');
   background-repeat: no-repeat;
   background-position: center left;
  } 
  
  #kaki{
   font-size:10px;
   text-align: center;
  }
  
  .merah{
   font-weight: bold;
   color: red;
   text-align: center;
  }
  
  .hijau{
   font-weight: bold;
   color: green;
   text-align: center;
  }
  
  @media print {
   .btn_save,.btn_cetak,.btn_back{
   display: none;
   }
   
   body{
    text-align: left;
   }
  }