body {
	font-family: Cambria, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	background: #C0C0C0;
	background-image: url('../gambar/pkmdpn.jpg');
}
	.link-button{
		text-decoration: none;
		padding: 3px 10px 3px 10px;
		color: black;
		border-radius:3px;
	}
	
button{
font-family: sans-serif;
font-size: 15px;
background: purple;
color: white;
border: white 3px solid;
border-radius: 15px;
padding: 4px 24px;
}

button:hover{
opacity:0.9;
color: yellow;
border: yellow 3px solid;
background: red;
}

#layout{
	text-align: left;
	margin: auto;
	height: auto;
	background: rgba(132, 132, 231, 0.41);
	border-top: 0px solid blue;
	border-bottom: 0px solid blue;
	border-left: 0px solid blue;
	border-right: 0px solid blue;
}

#online{
width:105px;
text-align:center;
height:auto;
margin-left:24px;

}

#right{
text-align:center;
margin-left:24px;
margin-top:0px;
margin-bottom:-15px;
margin-right: 25px;
height:auto;
background:rgba(236, 236, 246, 0.41);
padding: -05 -05 -05 -05;
border-top : 0px solid blue;
border-bottom : 0px solid blue;
border-left : 0px solid blue;
border-right : 0px solid blue;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

#footer{
background-image: url('online.php');
text-align:center;
color: white;
background: #0000FF;
height:23px;
margin-top:5px;
border-radius: 0px 0px 10px 10px;
}

#iframe{
margin-top:-347px;
margin-right:15px;
border-radius: 0px 0px 10px 10px;
}


#text1{
text-align : center;
}
#date{
margin-left:-25px;
size : 30px
}

#tambah{
margin-left:-25px;
}

#txt{
	font-size: 75%;
	font-weight: bold;
	text-align: top-center;
}

table{
    -moz-box-radius: 5px;
	margin-top:10px;
	vertical-align: center;
	horizontal-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

#hps{
    -moz-box-radius: 6px;
	vertical-align: center;
	horizontal-align: center;
	margin-right: 10px;
	margin-left: 20px;
	border: 3px solid red;
}

#hps1{
color:#ef0606;
text-decoration: underline;
}

#labo1{
color:#F0FFFF;
text-decoration: underline;
}

#ktk{
    -moz-box-radius: 6px;
	vertical-align: center;
	horizontal-align: center;
	margin-right: 20px;
	margin-left: 270px;
}

form{
	margin-top:32px;
	margin-left:65px;
    -moz-box-radius: 5px;
	vertical-align: middle;
	text-align:left;
}

#rjktsd{
margin-left:5px;
width:177px;
}

#kemdiag {
margin-left:5px;
width:439px;
}
#kemagama{
margin-left:5px;
width:136px;
}
#kemalamat{
margin-left:5px;
width:464px;
}
#kemdik{
margin-left:5px;
width:205px;
}
#kemrr{
margin-left:5px;
width:65px;
}
#kemno{
margin-left:5px;
width:146px;
}
#kemnama{
margin-left:5px;
width:513px;
}
#kemfis{
margin-left:5px;
width:771px;
}
#notlab{
margin-left:5px;
width:907px;
}
#kemur{
margin-left:5px;
width:119px;
}

#pdks{
margin-left:5px;
width:303px;
}
#pdks1{
margin-left:5px;
width:293px;
}

#pdks2{
margin-left:5px;
width:774px;
}

#pdks3{
margin-left:5px;
width:430px;
}

#pdks4{
margin-left:5px;
width:23px;
}

#pdks5{
margin-left:5px;
width:570px;
}

#pdks6{
margin-left:5px;
width:900px;
}

#pdks7{
margin-left:5px;
width:480px;
}


#lab01{
text-align:center;
margin-left:-5px;
background: green;
color : white;
}

#lab02{
text-align:center;
margin-left:-5px;
background: red;
color : yellow;
}

#lab03{
text-align:center;
margin-left:-5px;
background: blue;
color : white;
}

#lab{
margin-left:15px;
padding:0px 15px 0px 0px;
}

#lab1{
margin-left:-5px;
padding:0px 25px 0px 0px;

}

#lab2{
margin-left:5px;
width:130px;
}

#lab3{
margin-left:5px;
width:35px;
}

#lab4{
margin-left:5px;
width:105px;
}

#lab11{
margin-left:5px;
padding:0px 10px 0px 0px;
}

#labnam{
margin-left:-1px;
width:510px;
}

#labnam2{
margin-left:-1px;
width:523px;
}

#isonam{
margin-left:-1px;
width:369px;
}

#iso{
margin-left:-1px;
width:265px;
}

#iso1{
margin-left:-1px;
width:340px;
}

#iso2{
margin-left:-1px;
width:140px;
}


#labjk{
margin-left:-1px;
width:92px;
}

#lab21{
margin-left:5px;
width:155px;
}

#lab22{
margin-left:5px;
width:155px;
}

#lab23{
margin-left:5px;
width:155px;
}

#lab24{
margin-left:5px;
width:155px;
}

#swab1{
margin-left:5px;
width:132px;
}

#swab2{
margin-left:5px;
width:133px;
}

#pdk{
margin-left:50px;
padding:0px 25px 0px 0px;
}
#yatdk{
margin-left:5px;
padding:0px 7px 0px 0px;
}
#pdk111{
margin-left:50px;
padding:0px 9px 0px 0px;
}
#pdk31{
text-align:center;
margin-left:50px;
background: red;
color : yellow;
}
#pdk32{
text-align:center;
margin-left:50px;
background: green;
color : white;
}
#pdk33{
text-align:center;
margin-left:50px;
background: black;
color : #48f9e2;
}
#pdk34{
text-align:center;
margin-left:50px;
background: purple;
color : yellow;
height:110px;
font-size: 175%;
}
#pdk35{
text-align:center;
margin-left:50px;
background: #0000FF;
color : yellow;
height:70px;
font-size: 175%;
}

#pdk1 {
margin-left:5px;
width:45px;
}

#pdk1-1 {
margin-left:5px;
width:553px;
}

#pdk2{
margin-left:5px;
width:65px;
}

#pdk2-2{
margin-left:5px;
width:78px;
}

#pdk2-1{
margin-left:5px;
width:222px;
}

#pdk2-0{
margin-left:5px;
width:215px;
}

#pdk3{
margin-left:5px;
width:145px;
}

#pdk4{
margin-left:5px;
width:145px;
}

#pdk5{
margin-left:5px;
width:46px;
}

#pdk6{
margin-left:5px;
width:105px;
}

#pdk7{
margin-left:5px;
width:195px;
}

#pdk8{
margin-left:5px;
width:120px;
}

#pdk1 {
margin-left:5px;
width:45px;
}

#pdk10-0{
margin-left:25px;
padding:0px 25px 0px 0px;
}
#pdk10-1 {
margin-left:5px;
width:45px;
}
#pdk10-2 {
margin-left:5px;
width:145px;
}

#pdk12{
width:145px;
}

#pdk12-1 {
margin-left:225px;
width:145px;
}

#pdk12-2 {
margin-left:5px;
width:45px;
}

#pdk13 {
width:145px;
}

#nasi{
margin-left:50px;
padding:0px 45px 0px 0px;
}
#nasi1{
width:325px;
}

#tesi{
margin-left:50px;
padding:0px 62px 0px 0px;
}
#tesi1{
width:325px;
}

#tesa{
margin-left:50px;
padding:0px 55px 0px 0px;
}
#tesa1{
width:325px;
}
#tesa2{
width:325px;
}

#tasa{
margin-left:50px;
padding:0px 30px 0px 0px;
}
#tasa1{
width:325px;
}

#nisi{
margin-left:50px;
padding:0px 79px 0px 0px;
}
#nisi1{
width:325px;
}
#nisi2{
width:215px;
}

#nusu{
margin-left:50px;
padding:0px 50px 0px 0px;
}

#nasa{
margin-left:50px;
padding:0px 95px 0px 0px;
}
#nasa1{
width:325px;
}

#nas{
margin-left:50px;
padding:0px 195px 0px 0px;
}
#nas1{
width:325px;
}

#alas{
margin-left:50px;
padding:0px 60px 0px 0px;
}
#alas1{
width:325px;
}

#asa{
margin-left:50px;
padding:0px 41px 0px 0px;
}
#asa1{
width:325px;
}

#asi{
margin-left:50px;
padding:0px 48px 0px 0px;
}
#asi1{
width:325px;
}

#ase{
margin-left:50px;
padding:0px 92px 0px 0px;
}

#ase1{
width:325px;
}

#form1{
margin-top:10px;
margin-left:0px;
}
#form2{
margin-top:-68px;
margin-left:310px;
}
#form3{
margin-top:-80px;
margin-left:310px;
}
#form4{
margin-top:-81px;
margin-left:690px;
}
#form5{
margin-top:-68px;
margin-left:420px;
}
#form6{
margin-top:-68px;
margin-left:460px;
}

#alas2{
margin-left:-22px;
padding:0px 95px 0px 0px;
}

#tam{
margin-top:12px;
margin-left:480px;
}

#teks1{
text-align:center;
color:#a00bfe;
}
#teks2{
text-align:center;
color:red;
}

#placemainmenu {
	background: #ffffff url(../gambar/head.jpg) center repeat;
	height:190px;
	margin:0px 0 0 0;
	border-bottom : 5px solid blue;
	
}
#mainmenu {
	height:25px;
	float:left;
	margin-top:12px;
}
#mainmenu li {
	height:25px;
	float:left;
	display:inline;
	margin:0 5px;
	position:relative;
	z-index:1100;
}
#mainmenu li a {
	float:left;
	display:inline;
	height:25px;
	padding:2px 8px 0 8px;
	font-size:18px;
	color:white;
	background:Blue;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0 0 3px #c7c7c7;
	text-decoration:none;
}
#mainmenu li:hover a, #mainmenu li.active1 a {
	text-decoration:none;
	color:yellow;
	background:blue;
}
#placemainmenu ul ul {
	position:absolute;
	z-index:1200;
	display:none;
	width:186px;
	margin: 0;
	top: 24px;
	left:0;
	background:#EAFEFF;
	padding:0;
}
#placemainmenu ul li ul li {
	display: inline;
	float: left;
	width:186px;
	height:auto;
	float: left;
	padding: 0;
	position:relative;
	margin:0;
}
#placemainmenu ul ul ul {
	position:absolute;
	z-index:1300;
	display:none;
	width:186px;
	margin: 0;
	top: 0;
	left:183px;
	background:#EAFEFF;
	border-left:1px solid #1479c3;
	padding:0;
}
#placemainmenu ul li ul li ul li {
	display: inline;
	float: left;
	padding: 0;
}
#placemainmenu #mainmenu li:hover ul li a, 
#placemainmenu #mainmenu li:hover ul li a:link,
#placemainmenu #mainmenu li:hover ul li a:visited {
	color:blue;
	font-size:17px;
	width:170px;
	height:auto;
	text-transform:none;
	border:none;
	background: none;
	padding: 0px 2px;
	text-shadow:none;
	margin:3 0 2px 0;
	font-weight:lighter;
}
#placemainmenu #mainmenu li:hover ul li a:hover, #placemainmenu #mainmenu li ul li a:hover {
	text-decoration:none;
	color:yellow;
	background:red;
}
div#placemainmenu li:hover ul ul,
div#placemainmenu li li:hover ul ul,
div#placemainmenu li li li:hover ul ul
{display:none;}
div#placemainmenu li:hover ul,
div#placemainmenu li li:hover ul,
div#placemainmenu li li li:hover ul
{display:block;}