/*
<?php
$data= "123456789";
$namafile= substr($data,0,5);
echo $namafile;?> 

<?php
$telp = '0341-000123';
if(preg_match("/0341-?[0-9]{6}$/", $telp)) {
  echo 'Nomer telp Malang';
} else {
  echo 'Nomer telp salah';
}
?>
*/
div.autentikasiPassword{
	text-align: center;
	border-style: groove;
	width: 400px;
	height: auto;
	margin: auto auto;
	background-color: white;
}

div.autentikasiPassword a{
	font-size: 25px;
}

div.halamanUtama{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	border-style: ridge;
	background-color: white;
}

div.content{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	font-size: 20px;
}

div.password
{
	margin: auto auto;
	width: 200px;
}

div.header{
	border-bottom-style: groove;
	border-bottom-width: 9px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border-color: darkorchid;
}

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

div.footer{
	text-align: center;
	clear: left;
	color: blue;
	border-top-style: groove;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-color: black;
}

div.headerImage{
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

div.gambarCenter{
	text-align: center;
}

div.hoverAnim{
	margin: 0 auto;
	width: 100px;
	height: 100px;
	transition:width 1s, height 2s, transform 2s;
	-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari */
}

div.hoverAnim:hover{
	height: 150px;
}

div.hoverAnim img{
}

div.hoverAnim a{
	display: none;
}

div.hoverAnim:hover a{
	display: block;
	text-align: center;
}

div.center1{
	width: auto;
	height: auto;
}

div.span5
{
	display: inline-block;
	width: 19%;
	padding-bottom: 25px;
	text-align: center;
}

.zoom
{
	width: 100px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	background-color: red;
	transition:width 1s, height 2s, transform 2s;
	-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari */
}

.zoom p 
{
	display: none;
}

.zoom:hover
{
	width: 150px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.zoom:hover p 
{
	display: block;
}

.dropdown
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}

.dropdownspec
{
	border-color: darkorchid;
	border-style: double;
	border-width: 0.5px;
}
.dropdown ul li{
	width:130px;
}

.dropdown ul {  
    font-family: Arial, Verdana;  
    font-size: 16px;  
    margin: 0; 
    padding: 0;
    list-style: none;
	text-align: center;
	background-color:blue;
	background-image: lower-alpha;
	position:relative;
	z-index:1000;
}  
.dropdown ul li {  
    display: inline;  
    position: relative;
    float: left;
}  

.dropdown li ul { 
	width:130px;
    display: none; 
	background:plum;	/*warna background drop down*/
}  
.dropdown li ul a{
	font-size:14px;	
	border-left: none;
}

.dropdown ul li a {  /*bagian menu*/
    display: block;  
    text-decoration: none;  
    color: black;
	padding: 10px 0;
    background: plum;     
} 

.dropdown ul li a:hover { 
	color: blue;
	border-width: 0.5px;
	border-style: double;
	border-color: darkorchid;
    background: violet;  /*warna background menu saat dilewati mouse*/
}  

.dropdown ul li:hover li a:hover{
	border-color: darkorchid;
	border-width: 2px;
	border-style: double;
	background:violet;	/*warna background sub-menu saat dilewati mouse*/
}
.dropdown li:hover ul {  
    display: block;  
    position: absolute;
}  
.dropdown li:hover li {  
    float: none;  
    font-size: 11px;  
}  
.dropdown li:hover a {  
    background: plum;  /*warna background sub-menu*/
}  
.dropdown li:hover li a:hover {  
    background: plum;  
}  

.isiContent
{
	width: 99%;
	clear: left;
	padding-bottom: 25px;
}

div.span2
{
	display: inline-block;
	width: 45%;
	padding-bottom: 25px;
}

.bawah
{
	clear: left;
	width: 100%;
	text-align: center;
}

.coa div
{
	display: none;
}

.coa:hover div
{
	display: inherit;
	margin-right: auto;
	margin-right: auto;
	position: fixed;
	background-color: red;
	width: 100px;
	height: 100px;
}

.isiContent .coa:hover
{
	background-color: red;
}

.kertas
{
	width: 30cm;
	height: 19cm;
	margin: auto auto;
}

.print
{
	width: 32.5%;
	float: left;
}

.printHeader
{
	width: 9cm;
	height: 80px;
	float: left;
}

.printHeader1
{
	width: 9cm;
	height: 80px;
	float: left;
	border-color: plum;
	border-style: double;
	border-width: 2px;
	border-radius: 5px;
}

.divbawah
{
	width: 9cm;
}

.divatas
{
	width: 9cm;
}

.printFooter
{
	width: 100%;
	height: 50px;
	clear: left;
	background-color: #F8EEF6;
}

.printContent
{
	width: 9cm;
	height: 17.9cm;
	float: left;
	font-family: Adobe Hebrew;
	background-image: url("image/bg12.png");
	background-color: #F8EEF6;
	background-repeat: no-repeat;
	background-position: bottom;
}

.printContent1
{
	width: 9cm;
	height: 17.9cm;
	float: left;
	font-family: Adobe Hebrew;
	background-image: url("image/bg12.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom;
	border-color: plum;
	border-style: double;
	border-width: 2px;
	border-radius: 5px;
}

.tabelAtas
{
	border-color: plum;
	border-style: double;
	border-width: 2px;
	border-radius: 5px;
}

.keKanan
{
	margin-left: auto;
	width: 190px;
}

.printGaris
{
	width: 100%;
	height: 5px;
	border-bottom-color: black;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
}

.printHeader1
{
	text-align: center;
}

.vl {
    border-right: 2px dashed black;
    height: 20cm;
    margin-right: 12px;
}