/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

@media print{
	html, body{
		width: 5.5in;
		height: 6.5in;
		display: block;
		font-family: "Calibri";
	}
	
	@page
		size: 5.5in 8.5in;
	}	
}

html {
	min-height: 100.05%;
}

body { 
	text-align: center;
	color: #333;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

p {
	line-height: 1.5;
}

strong {
	font-weight: bold;
}

blockquote {
	margin: 2em;
	padding: .3em 0 0 2em;
}

	blockquote p{
		color: #888;
		font-size: 129%;
		font-style: italic;
		line-height: 1.2;
	}

	blockquote p.author {
		color: #aaa;
		font-size: 85%;
		font-weight: bold;
	}


h1, h2, h3, h4 {
	color: #0088cc;
	font-weight: normal;
	letter-spacing: 0.03125em;
}
h1 {
	font-size: 152%;
	margin-bottom:1em;
}
h2 {
	font-size: 129%;
	margin-top: 2em;
	margin-bottom: .5em;
	line-height: 1.6em;
}

h3 {
	font-size: 107%;
	line-height: 1.2;
	font-weight: bold;
	color: #0088cc;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	margin: 1em 0 0.5em 0;
}

div.sub h4, div.sub {
	color: #fff;
}

a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:link {
	color: #0060c3;
	text-decoration: none;
}

a:visited {
	color:#069;
	text-decoration: none;
}

a:hover,
a:active {
	color: #ff0000;
	text-decoration: none;
}

.gambar{
	width:550;
	height:192;
	border: 1px solid #000033;
}

.judul{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#F00;
	font-weight:bold;
}

.dua{
	font-size:12px;
}

.tiga{
	font-size:13px;
}

.empat{
	font-size:14px;
}

.sebelas{
	font-size:11px;
}

.besar{
	font-size:16px;
}

.subjudul{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:bold;
}

.kecil{
	font-size:9px;
}

.judulgbr{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#0A0;
	font-weight:bold;
}

.batas {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.input{
	font-size:14px;
	color:#444;
}

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 825;
	max-width: 69.23em;
	padding: 0em 1.5em 1em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}

ul {

}

/* Listen */
ul#gambar li img{
	
}

.title{
}

.title p{
	text-align: right;
	width: 100%;
}

.roundbox{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #999999;
	-webkit-box-shadow: #B3B3B3 4px 4px 4px;
	-moz-box-shadow: #B3B3B3 4px 4px 4px;
	box-shadow: #B3B3B3 4px 4px 4px;
}

.kotak{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#ffffff;
}

.belum {
	color:#999;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
}
.sudah{
	color:#000;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
}

.select{
	font-size:12px;
	background:#ff0;
}

.select2{
	font-size:9px;
	background:#ff0;
}

.kanan{
	text-align:right;
}