.zebra-table {
	
	width: 100%;
        padding: 0;
        margin: 0 auto 1.5em auto;
		border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
		font-size:10px;
        font-family: verdana,arial,sans-serif;
        color:#99CCCC;
	
width: 100%;
border-collapse: collapse;
box-shadow: 0 2px 3px 1px #ddd;
overflow: hidden;

}

.zebra-table tbody tr:nth-child(odd) { /* Make table like zebra */
background:#eee;
}/* End CSS for Zebra Table in index.html */

.td-data {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
    }
	
.head-data {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
	background-color:#F5FAFA;
	font-weight: bold;
    }
	
.pinggir-data{
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: left;

    }
.atas
{

font-size: 10;
text-align: center;
font-family: arial;

}