.detailtitle {
   font-size: 18px;font-weight: bold;
   border-bottom:1px dotted #aaa;padding-top:5px
}
.detailfield {
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Tahoma;
font-size: 14px;color: green;
font-weight: normal;
text-align: right;
vertical-align: top;
width:32%;white-space:nowrap;
}
.detailcontent {
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Tahoma;
color: #000080;/*text-indent:25px;*/
font-weight: normal; font-size: 14px;
}

/*.container {max-width:1024px;margin:0 auto}*/
.table-striped {width:100%;font-size: 12px}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #eee;padding:4px;margin:0;
}
.table-striped tbody > tr:nth-child(1n+0) > td, .table-striped tbody > tr:nth-child(1n+0) > th {
    padding:4px;margin:0;
}
.table-striped td, .table-striped th {
   padding:4px;border:1px solid #ddd;border-collapse:collapse;background: #fff;
}
.table-striped th {
   background-color: #999;color: #fff;padding:4px;font-weight:bold;
}
.table-striped:hover tbody tr:hover td,
.table-striped:hover tbody tr:hover th {
  background-color: #ccc;
}
@media only screen and (max-width: 480px) {
  table tr td.detailfield{border-top: 1px solid #ddd}
}
div.abstrak{padding:10px;font-size:15px}