#menubar{position:absolute;left:0px;top:0px;height:30px;width:100%;border:0px solid #333;}
.logout{float:right;margin-right:10px;cursor:pointer;}


.buku{
text-align:center;
float:left;
padding:5px;
height:180px;
width:150px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #999;
border-right:3px solid #c0c0c0;
border-bottom:3px solid #c0c0c0;
border-left:5px dotted #333;
cursor:pointer;
box-shadow:2px 2px 4px #955600;
background-image:url(img/bgbuku.png);
transform:rotate(15deg);
}

.buku:hover{
transition:all 300ms ease-in-out;
box-shadow:0px 0px 8px #333;
transform:scale(1.6);
z-index:99;
}

.model{
padding:1px 3px;
border:1px solid #555;
float:right;
font-size:10px;
font-weight:bold;
}

.jdlbuku{
text-transform:uppercase;
padding-top:50px;
text-align:center;
font-weight:bold;
font-size:11px;
}

.ylw{background:#FFF68C;
  background: -webkit-linear-gradient(left, #FFF68C , #CBC368); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #FFF68C, #CBC368); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #FFF68C, #CBC368); /* For Firefox 3.6 to 15 */
  background: url(img/bgbuku.png),linear-gradient(to top right, #FFF68C , #CBC368); /* Standard syntax */
}
.grn{background:#8CFF8C;
  background: -webkit-linear-gradient(left, #8CFF8C , #6ECA6E); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8CFF8C, #6ECA6E); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8CFF8C, #6ECA6E); /* For Firefox 3.6 to 15 */
  background: url(img/bgbuku.png),linear-gradient(to top right, #8CFF8C , #6ECA6E); /* Standard syntax */

}
.blu{background:#8CFFD0;
  background: -webkit-linear-gradient(left, #8CFFD0 , #79D3AE); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8CFFD0, #79D3AE); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8CFFD0, #79D3AE); /* For Firefox 3.6 to 15 */
  background: url(img/bgbuku.png),linear-gradient(to top right, #8CFFD0 , #79D3AE); /* Standard syntax */
}
.red{background:#FF8C8C;
  background: -webkit-linear-gradient(left, #FF8C8C , #D07171); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #FF8C8C, #D07171); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #FF8C8C, #D07171); /* For Firefox 3.6 to 15 */
  background: url(img/bgbuku.png),linear-gradient(to top right, #FF8C8C , #D07171); /* Standard syntax */
}
.pth{background:#f0f0f0;
  background: -webkit-linear-gradient(left, #f0f0f0 , #CACACA); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f0f0f0, #CACACA); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f0f0f0, #CACACA); /* For Firefox 3.6 to 15 */
  background: url(img/bgbuku.png),linear-gradient(to top right, #f0f0f0 , #CACACA); /* Standard syntax */
}


table.grs{border-collapse:collapse;}

table.grs tr{

}

table.grs th{
font-size:12px;
padding:5px;
border:1px solid #555;
color:#fff;
font-weight:bold;
background:#B25902;
text-transform:uppercase;
}

table.grs th.nmr{background:#E7A769;padding:1px;font-weight:normal;color:#333;}

table.grs td{
font-size:12px;
padding:5px;
border:1px solid #555;
color:#000;
font-weight:normal;
background:#fff;
}