@page {size:8.5in 13in; margin: 1cm }
.header{
background-image:url('../images/header.jpg');
height:164px;
width:800px;
background-repeat:repeat-x;

 }
 
#garis{
width:100%;
height:4px;
border:dotted;
color:white;
 }
.tulisan_miring{
	font-family:arial;
	font-size:12px;
	font-style:italic;
	}
.cetak_tebal{
	font-family:arial, verdana;
	font-size:14px;
	font-weight: bold;
	color: black;
}
.error{
	font-family:arial, verdana;
	font-size:14px;
	font-weight: bold;
	color: black;
}
#error{
	font-family:arial, verdana;
	font-size:14px;
	font-weight: bold;
	color: black;
}
.konfirmasi{
	font-family:arial, verdana;
	font-size:18px;
	font-weight: bold;
	color: white;
}

.gede_banget{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:800;
	color:#00F;
}
.nim_gede{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#F00;
	font-weight:bolder;
}
teks_normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#tabel{
	font-family:"Times New Roman", Times, serif;
	font-size:smaller;
}
p{
	font-family: verdana, arial;
}
td{
	font-family:Verdana, Geneva, sans-serif;
	font-size:smaller;
}
th{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#DEDEBC;
}

#tabel_utama {
	position:relative;
	margin:0px;
	width:800px;
	height:199px;
	text-align:left;
}

#login { 		/*dikenali sebagai id*/
	color: #C0C0C0;
}
#login2 { 		/*dikenali sebagai id*/
	color: #C0C0C0;
	text-decoration:none;
	text-indent:2em;
}
#tab {
	background-color:#FFC;
	text-indent:inherit;
	line-height:1.5em;
}
.font {
	font-family: Verdana, Geneva, sans-serif;
	color:#009;
	font-weight:450;
}
.font_biasa {
	font-family: arial;
	font-size:10px;
	color: #ff0000;
}
.level{
	background-color:'';
}
body {
	vertical-align:middle;
	background-image: url(../images/bg2.png);
}
.body_utama{
    background-image:url(../images/bg2.png);
	color:#000;
	border:dotted;
    padding:7px 7px 7px 7px;
}
.tabel_login{
	background:url(images/bglogin.png);
}
#iconlogin{
	background:url(images/iconuser.png);
}
#bgeskul{
	background:url(images/bgeskul.png);

}
#textday{
	font-size:26px;
	color:#00F;
}
#bln{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
}

.judul_berita{
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bolder;
}

.style1{
	background:#E2E2E2;
}
.bgcontent{
	background-color:'';
}
#judultab{
	background-color:#CCC;
}
.tables {
	vertical-align:top;
	line-height:2;	
	background-color:#CCC;
}
#table{
	background-color:#FFC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
.dropmenu ul {
    left: -9999px;
    list-style-type: none;
    position: absolute;
    top: -9999px;

}
.dropmenu li {
    border-right: solid 1px white;
    float: left;
    height: 30px;

}
.dropmenu li a {
    color: #fff;
    display: block;
    font: 12px arial, verdana, sans-serif;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
}
.dropmenu li:hover { position: relative; }
.dropmenu li:hover a { text-decoration: underline; }
.dropmenu li:hover ul {
    background-color: #ffff66;
    border: 1px solid grey;
    left: 0px;
    padding: 3px;
    top: 30px;
    width: 160px;
    box-shadow: 0px 0px 10px red;
}
.dropmenu li:hover ul li { border: none; height: 18px; }
.dropmenu li:hover ul li a {
    background-color: #778899;
    border: 1px solid transparant;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0px;
    text-decoration: none;
    text-indent: 5px;
    width: 220px;
    padding: 3px;
}
.dropmenu li:hover ul li a:hover {
    background: silver;
    border: solid 1px #444;
    color: #000;
    height: 18px;
    padding: 3px;
}
#tombol{
        background:none;
		border: 2px solid #F90;
		margin-left: 2px;
		text-indent: 0px;
		font-family: arial, comic sans ms;
		font-size: 1em;
        vertical-align:top;
		/*text-decoration: blink;*/
		white-space: pre-wrap;
		text-align: center;
		/* property untuk membuat sudut lengkung */
		
		-moz-border-radius: 25px; /* firefox */
		border-radius: 25px;
		
		/* property untuk bayangan */
		-moz-box-shadow: 4px 4px 10px #f00; /* firefox */
		-webkit-box-shadow: 4px 4px 10px #999; /* safari dan chrome */
		box-shadow: 4px 4px 10px #f00;
  	}

#efekborder{
/*        background-color: #fef493;*?  
/*		border: 2px solid #F90; */
		margin-left: 2px;
		text-indent: 0px;
		font-family: arial, comic sans ms;
        padding-left: 20px;
        padding-top:8px;
        line-height:20px;
	    background-image: url(../images/bg2.png);

		/*text-decoration: blink;*/

		/* property untuk membuat sudut lengkung */
		-moz-border-radius: 25px; /* firefox */
		border-radius: 25px;
		
		/* property untuk bayangan */
		-moz-box-shadow: 4px 4px 10px #f00; /* firefox */
		-webkit-box-shadow: 4px 4px 10px #999; /* safari dan chrome */
		box-shadow: 0px 0px 137px #000;
  	}
    
.nonaktif{
display:none;
visibility:hidden;
 }
 
#efekmaknyus{

/*		border: 2px solid #F90;*/
		margin-left: 0px;
		text-indent: 0px;
		font-family: arial, comic sans ms;
        padding-left: 10px;
        padding-top:8px;
        padding-right:10px;
        padding-bottom:8px;
        background-color:#CBCB96;

		/*text-decoration: blink;*/

		/* property untuk membuat sudut lengkung */
		-moz-border-radius: 25px; /* firefox */
		border-radius: 25px;
		
		/* property untuk bayangan */
		-moz-box-shadow: 4px 4px 10px gray; /* firefox */
		-webkit-box-shadow: 4px 4px 10px gray; /* safari dan chrome */
		box-shadow: 0px 0px 20px #000 inset;
        
  	}
#txshadow{
text-shadow: 1px 2px 3px #000000;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#f00;
 }

 #bxshadow{
 box-shadow:0px 0px 10px black;
 background-color:#ffedb6;
 padding: 2px;
 margin: 4px 0 20px 0;
 font-size:14px;
  }
#paragraf {

	text-align:justify;
    line-height:27px;
}
.browser{
color:red;
position:fixed;
z-index:500000;
left:0;
bottom:0;
right:0;
height:20px;
background:#eeeeee;
border-top:1px solid #aaaaaa;
text-align:center;

 }
#tabeldata{

/*		border: 2px solid #F90;*/
		margin-left: 0px;
		text-indent: 0px;
		font-family: arial, comic sans ms;
        padding-left: 8px;
        padding-top:8px;
        padding-right:10px;
        padding-bottom:8px;
        background-image:url('../images/bg3.png');

		/*text-decoration: blink;*/

		/* property untuk membuat sudut lengkung */
		-moz-border-radius: 25px; /* firefox */
		border-radius: 25px;
		
		/* property untuk bayangan */
		-moz-box-shadow: 4px 4px 10px gray; /* firefox */
		-webkit-box-shadow: 4px 4px 10px gray; /* safari dan chrome */
		box-shadow: 0px 0px 20px #000 inset;
        
  	}
    
#fontkecil{
	font-size:10px;
	line-height:1em;
	color:#000;

}
.kontak{
    padding:10px 10px 10px 10px;
    box-shadow: 0px 0px 15px #f00 inset;
    font-size:17px;
}
.foto{
background-image:url('../images/kontak.png');
background-repeat:no-repeat;
background-position:center;
height:150px;
 }
.bg3{

        background-image:url('../images/bg3.png');
         }

#detail{
	margin-left: 20px;
	font-family: arial, comic sans ms;
        padding-left:0px;
        line-height:25px;
        font-size:17px;
        font-variant:normal;
  	}
#detail2{
	margin-left: 20px;
	font-family: arial, comic sans ms;
        padding-left:0px;
        line-height:35px;
        font-size:17px;
        font-variant:normal;
  	}
.textbox{
background-color:gray;
 }
.textboxmerah{
 background-color:orange;
 -moz-border-radius: 25px; /* firefox */
 border-radius: 5px;
 height:30px;
 
text-shadow: 1px 2px 4px #000000;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#f00;
 	
 /* property untuk bayangan */
 -moz-box-shadow: 4px 4px 10px #f00; /* firefox */
 -webkit-box-shadow: 4px 4px 10px #999; /* safari dan chrome */
 box-shadow: 4px 4px 10px #f00;

 }
 
.iconcari{
background-image:url('../images/cari-off.png');
background-repeat:no-repeat;
background-position:center;
height:100px;
width:100px;
 }
 
.iconcari:hover{
background-image:url('../images/cari-on.png');
background-repeat:no-repeat;
background-position:center;
height:100px;
width:100px;
 }
 
#border-cari{
        background:none;
		border: 2px solid #F90;
		margin-left: 0px;
		text-indent: 0px;
		font-family: arial, comic sans ms;
		font-size: 1em;
        vertical-align:top;
		/*text-decoration: blink;*/
       /* white-space:pre-line;*/
		text-align: center;
		/* property untuk membuat sudut lengkung */
		
		-moz-border-radius: 25px; /* firefox */
		border-radius: 17px;
		
		/* property untuk bayangan */
		-moz-box-shadow: 4px 4px 10px #f00; /* firefox */
		-webkit-box-shadow: 4px 4px 10px #999; /* safari dan chrome */
		box-shadow: 4px 4px 10px #f00;
  	}
/* Percobaan style form 
body {
	width:100%;
	height:100%;
	overflow:auto;
	clear:both;
	margin:0;
	padding:0;
	font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','Book Antiqua',Georgia,serif;
	color:#383838;
	letter-spacing:0.03em;
	background: #fff;
	}

#tengah {
	margin:0 auto 0 10%
	}
form {float: left;
	border: 1px solid #def0ef;
	padding: 30px 40px 20px 40px;
	margin: 75px 0 75px 0;
	width: 715px;
	background: #def0ef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#def0ef), to(#fff));
	background: -moz-linear-gradient(30% 40% 120deg,#fff, #def0ef);
	-webkit-box-shadow:0px 0 50px #def0ef;
	-moz-box-shadow:0px 0 50px #def0ef;
	box-shadow:0px 0 50px #def0ef
	}
*/
label {
	font-size: 1em;color: #333;
	}
fieldset {
	border: none;
	}
#data {
	float: left;
	width: 230px;
	}
#pesan {
	float: right;width: 405px;
	}
input, textarea, select {
	padding: 4px;
	margin: 4px 0 20px 0;
/*	background: #ffa; */
/*	width: 220px;*/
	font-size: 14px;
	color: #555;
	border: 1px #def0ef solid;
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#cef0ef), to(#fff));
	background: -moz-linear-gradient(40% 60% 360deg,#fff, #cef0ef);
	}
textarea {
	width: 390px;
	height: 50px;
	}
input:hover, select:hover, textarea:hover {
	background: -webkit-gradient(linear, 60% 60%, 60% 0%, from(#def0ef), to(#fff));
	background: -moz-linear-gradient(50% 50% 180deg,#fff, #def0ef);
	}

input.submit {
	width:120px;
    float:none;
	color:black;
	margin-top:10px;
	background:none;
    border-width:medium;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    border-color:grey;
    font-size:16px;
	}
input.submit:hover {
	
    background-image:url('../images/bg3.png');
	cursor:pointer;
    color:white;
	}
.cetak a{
background-image:url('../images/print-off.png');
background-repeat:no-repeat;
background-position:center;
display:block;
 }
.cetak a:hover{
background-image:url('../images/print-on.png');
background-repeat:no-repeat;
display:block;
 }