html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, img, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0px;
	border-color: white;
	vertical-align: middle;
        letter-spacing: 0px;
	}

body {
	line-height: 1;
	}

img {position:absolute;border:none;}


.div {
	position:absolute;
	display:inline; 
	margin: 0% auto;
	vertical-align: middle;
	}

#dbg {
	background-image: url('./images/backgroundhq.jpg');
	background-size:cover;
	}

#dbungkus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:rgba(255,235,230,0.5);
	-moz-box-shadow: 5px 5px 30px #000;
	-webkit-box-shadow: 5px 5px 30px #000;
	box-shadow: 5px 5px 30px #000;
	}

#dmenu {
	background-color:rgba(50,50,50,0.9);
	}

#dbottom {
	background-color:rgba(50,50,50,0.9);
	}

#dtopban {
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	}

#divpanelkiri {
	top:2px;
	left:2px;
	width:150px;
	height:555px;
	padding:15px;
	border-style:ridge; 
	border-width:2px; 
	border-color:lightsilver; 
	background-color:beige;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	border-radius: 0px;
	background: #fff;
	background: -moz-linear-gradient(beige, #ffffcc);
	background: -webkit-linear-gradient(beige, #ffffcc);
	background: -o-linear-gradient(beige, #ffffcc);
	}

#dpage {
	top:562px;
	left:2px;
	width:820px;
	height:14px;
	padding:3px 3px 2px 3px;
	border:none; 
	background-color:#FBFFFB;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	}

.ifmdata {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: none;
	margin: 0% auto;
	border-radius: 0px;
	}

.ifmmodal {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: none;
	margin: 0% auto;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #eaecef);
	background: -webkit-linear-gradient(#fff, #eaecef);
	background: -o-linear-gradient(#fff, #eaecef);

	}

input.angka {
	text-align:right;
	background-color:green;
	}

Table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0% auto;
	}


@media screen {

	.formborder {
	    border: 1px solid lightslategray;
	}

	.formborder td {
	    padding: 1px 2px 1px 2px;
	}


	.printTable {
	}

	.printTable th {
            font-family: Helvetica, Arial, sans-serif;
	    font-size: 12px;
	    border: 0px;
	    padding: 6px 3px 4px 3px;
	    background-color: slategray;
	    color: white;
	}


	.printTable td {
    	    font-family: Monospace, Arial, sans-serif;
	    font-size: 12px;
	    border: 1px solid lightslategray;
	    padding: 4px 7px 2px 7px;
	}


	.printTable tr.alt td {
	    color: #000000;
	    background-color: #EAF2D3;
	}

}

@media print {

	.printTable th {
	    	border: 1px solid black;
	    	font-size: 0.8em;
	    	text-align: center;
		padding-top: 4px;
		padding-bottom: 3px;
		background-color: black;
		color: black;
		}


	.printTable td {
		font-size: 0.7em;
		border: 1px solid black;
		padding: 2px 3px 1px 3px;
		}


	.printTable tr.alt td {
	    	color: #000000;
	    	background-color: #EAF2D3;
		}
	}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
	}

.modalDialog > div {
	width: 450px;
	height: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	}

.judulmod {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: relative;
	z-index: 99999;
	text-align: center;
	top: -15px;
	width: auto;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	z-index: 99999;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	}	

.close:hover { background: #00d9ff; }

#tumtutup {top:50%; left:10px; height:40px; width:30px; margin:-20px 0 0 0; opacity:1; -moz-border-radius:0px; z-index:300;}

#tumbuka {top:50%; left:100%; height:40px; width:30px; margin:-20px 0 0 -40px; opacity:1; -moz-border-radius:0px; z-index:300;}

.stacks {width: 100%; -webkit-transform: translate3d(0,0,0);}

.animate {transition:all .3s ease-out;}