body {
    font: 13px/1.4 'Helvetica Neue', 'Helvetica','Calibri', sans-serif;
    color: #333;
	background:#efffff;
}
a.balloon {
	outline:none;
	text-decoration:none;
	color: #00F; 
}

a.balloon strong {
	line-height:30px;
	font-family: Candara, Tahoma, Geneva, sans-serif; 
	font-weight: bold;
}

a.balloon:hover {
	text-decoration:none;
	text-outline:none;
	color: #F06;
} 


a.balloon:hover img {
	text-decoration:none;
	text-outline:none;
	border: none;
} 

a.balloon img {
	border: none;
} 

a.balloon div {
    z-index: 9999999999;
	display: none; 
	padding: 10px;
    margin-top: -150px; 
	margin-left: 20px;
    min-width: 600px; 
	line-height: 16px;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font: 13px/1.4 'Helvetica Neue', 'Helvetica','Arial', sans-serif;
}

a.balloon:hover div {
    display: inline; 
	position: absolute; 
	color: #111;
    border: 1px solid #DCA; 
	background: #fff;
}

a.balloon:hover li{
	list-style:none;
}

.arrow{
	z-index: 20;
	position: absolute;
	top: 80px;
	margin:-5px;
	border: 0;
	left: -12px;
	background-color: transparent;
}

h1 {
    border-bottom: 1px solid #d9d9d9;
}
h2{
  position: relative;;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
h2:before{
  content: '\2192';
  position: absolute;
  left: -20px;
}
a {
    color: #be2221;
    text-decoration: none;
}

.callback,
.simple {
  font-size: 20px;
  background: #27ae60;
  padding: 0.5em 0.7em;
  color: #ecf0f1;
  -webkit-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.callback{
  cursor: pointer;
}
.ended {
  background: #fff;
}
.styled{
}
.styled div {
  display: inline-block;
  margin-left: 5px;
  font-size: 22px;
  font-weight: 100;
  line-height: 1;
  text-align: right;
}
/* IE7 inline-block hack */
*+html .styled div{
  display: inline;
  zoom: 1;
}
.styled div:first-child {
  margin-left: 0;
}
.styled div span {
  display: block;
  padding-top: -10px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}

/* Set the fixed height of the footer here */

.konten_dalam {
	float: right;
	width: 100%;
	margin:3% 0% 2% 0%;
	padding: 0 0 0 0;
	border-radius:5px 5px 5px 5px;
	background: #fffff;
	
}
.konten_dalam ul li {
	width: 100px;
	margin:50px 35px 0px 0pt;
	display: inline-block;
	vertical-align:top;
	background: #eee;
	background: none repeat scroll 0% 0% transparent;
	text-align:center;
	
}
.konten_dalam ul li a {
	border-radius: 5px 5px 5px 5px;
	width:100%;
	float:left;
	margin:-15px 20px -15px 0pt;
	display: block;
	vertical-align:top;
	padding:5px;
	box-shadow: 0pt 0pt 15px #eeeeee inset;
	text-decoration:none;
	border:1px dotted #cccccc;
	text-align:center;
	
}
.konten_dalam ul li a:hover{
	border-radius: 5px 5px 5px 5px;
	width:100%;
	margin:-15px 20px -15px 0pt;
	display: block;
	vertical-align:top;
	padding:5px;
	box-shadow: 0pt 0pt 15px #ddd inset;
	text-decoration:none;
	border:1px solid rgb(241, 241, 241);
	text-align:center;
	
}
.konten_dalam ul li a img{
	padding:5px;
	
}

#header {
  width:100%;
  height:80px;
  top:0;
  font-size:12px;
  background:#3969A7;
}
.head {
	float: left;
	font-weight:bold;
	margin:0px 3%;


}
#alert {
	margin: 5px 0 10px 0;
	padding:10px 10px 10px 30px;
	border-radius:5px;
	background:#eeffff;
	cursor:pointer;
	font-weight:normal;
	color:#009900;
	font-size:13px;
	border:1px solid rgb(180, 219, 232);
	}
.hdh1{
	font-weight:normal;
	float:left;
	font-size: 20px;
	color:#eee;
	margin:35px 0 0 0;
	text-shadow:1px 1px 0pt rgb(85, 85, 85);
}
.hdh1 span{
	font-weight:normal;
	font-size: 10px;
	color:#ebebeb;
	text-shadow:1px 1px 0pt rgb(85, 85, 85);
}
.hdh2{
	font-weight:normal;
	font-size: 14px;
	float:left;
	color:#F3CC08;
	margin:15px 0 0 0;
}
#breadcumb{
  width:100%;
  padding:6px;
  font-size:12px;
  background-color: #F2F2F2;
  background: -webkit-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -moz-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: -o-linear-gradient(top,#ffffff 0,#F2F2F2 100%);
  background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0);
	border-bottom:1px solid #ddd;
  }
#site-title {
	font-size:16px;
	font-weight:normal;
	color:#007D9C;
	margin:10px 0 10px 0;
	background:url("../img/data.png") no-repeat scroll 0px -2px;
	border-bottom:1px dotted #ccc;
	padding:0px 0 5px 40px;
}
.bawahheader{
  padding: 10px 0 0 0;
  font-size:12px;
  bottom:0;
  margin:130px 0 0 0;
}
.atasfooter {
  padding: 10px 0 0 0;
  font-size:12px;
  bottom:0;
  margin:10px 0 0 0;
}
#footer {
  padding: 8px 0 0 0;
  font-size:11px;
  bottom:0;
  width:100%;
  display: block;
position: fixed;
bottom: 0;
  background-color: #dddddd;
}
.printtablenya table{
	border:solid 1px #666666;
	vertical-align:top;
}
.printtablenya tr{
	border:solid 1px #666666;
	vertical-align:top;
}

.printtablenya td{
	border:solid 1px #666666;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.printtablenya th{
	border:solid 1px #666666;
	padding:5px;
	background:#eeefff;
	vertical-align:top;
}



.printtablenya2 table{
	border:solid 1px #666666;
	vertical-align:top;
}
.printtablenya2 tr{
	border:solid 1px #666666;
	vertical-align:top;
}

.printtablenya2 td{
	border:solid 1px #666666;
	padding:2px;
	text-align:left;
	vertical-align:top;
}
.printtablenya2 th{
	border:solid 1px #666666;
	padding:2px;
	vertical-align:top;
}



.cetaktabel table{
	border:solid 1px #666666;
	vertical-align:top;
}
.cetaktabel tr{
	border:0;
	vertical-align:top;
}

.cetaktabel td{
	border-left:0;
	border-right:0;
	border-bottom:0;
	padding:4px;
	border-top:1px dotted #999999;
	vertical-align:top;
}
.cetaktabel th{
	border-left:0;
	text-align:left;
	border-right:0;
	border-bottom:0;
	padding:3px;
	border-top:1px dotted #999999;
	background:#eeefff;
	vertical-align:top;
}
