<style>
        /* Style untuk modal */
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.7);
        }

        .modal-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: #fefefe;
            border: 1px solid #888;
			width: 1000px; /* Lebar modal 1000px */
			max-height: 700px; /* Tinggi modal 700px */
        }

        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
    </style>

/*table.yui th =========================================================================================================
{
    background: url('../_img/sprite.png') repeat-x 0px 0px;    		
	border: 1px solid #7f7f7f;
    padding: 3px;
	height: auto;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	text-align:center;
}*/

table.yui td {	
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #7f7f7f;
}

table.yui .even {
	background-color: #fff;
}
table.yui .odd {
	background-color: #edf5ff;
}

.fixed_headers {
  width: auto;
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers th {
  text-decoration: none;
}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 10px;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 10px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  min-width: 10px;
}
.fixed_headers td:nth-child(4),
.fixed_headers th:nth-child(4) {
  min-width: 10px;
}
.fixed_headers td:nth-child(5),
.fixed_headers th:nth-child(5) {
  min-width: 10px;
}
.fixed_headers td:nth-child(6),
.fixed_headers th:nth-child(6) {
  min-width: 10px;
}
.fixed_headers td:nth-child(7),
.fixed_headers th:nth-child(7) {
  min-width: 10px;
}
.fixed_headers thead {
  background-color: #e74c3c;
  color: #fdfdfd;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 600px;
}
.fixed_headers tbody tr:nth-child(even) {
  text-align: center;
  background-color: #D7F1FF;
}
.old_ie_wrapper {
  height: 300px;
  width: 750px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}

table.yui th 
{
	border: 1px solid #7f7f7f;
	cursor:pointer;
	text-decoration: none;
	height:auto;
	color:#000000;
	text-align: center;    	
    padding:3px 20px 3px 8px;
    font-weight:bold;
	min-width:10px;
    white-space:nowrap;
    background: url('../_img/bg.gif') no-repeat right 50%;
	color:#000000;
}

/*table.yui thead .headerSortUp , table.yui thead .headerSortDown 
{
    background: url('sprite.png') repeat-x 0px -100px;
}*/

table.yui .headerSortUp 
{	
    background: url('../_img/asc.gif') no-repeat right 50%;
}
table.yui .headerSortDown 
{    
    background: url('../_img/desc.gif') no-repeat right 50%;
}

table.yui td.sortedeven
{
    background-color:#EDF5FF;        
}

table.yui td.sortedodd
{
    background-color:#DBEAFF;            
}

table.yui tfoot td
{    
    border-top: 1px solid #7f7f7f;
    background-color:#BBD6EF;
}

table.yui thead td
{
    vertical-align:middle;
    background-color:#E1ECF9;
    border:none;
}

table.yui thead .tableHeader
{
    font-size:larger;
    font-weight:bold;
}

table.yui thead .filter
{
    text-align:right;
}

table.yui tfoot
{
    background-color:#E1ECF9;
    text-align:center;      
}

/*table.yui .tablesorterPager {
	padding: 10px 0 10px 0;		
}
table.yui .tablesorterPager span {
	padding: 0 5px 0 5px;
}
table.yui .tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
table.yui .tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
table.yui .pagedisplay 	
{
    font-size:10pt;
	width: 30px;
	border: 0px;	
	background-color: #E1ECF9;
	text-align:center;
    vertical-align:top;
}*/
