@charset "utf-8";
/* CSS Document */


 @media print {

	         	
			 #printaku{ display:none}
			
			
			
      }

	  
#printpre{
	margin:auto;
	
}

#printpre judulkop{ 
margin:auto;
font-size:14px;
}
 
 .select {
  font-size: 10px;
  position: relative;
  display: inline-block;
}

 #judul{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	margin-left: 20px;
	margin:auto;
	}
			
    #pesanganti { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	width: 500px;
	margin-left: 10px;	
	color:#EE0000;
	}
	    #pesan { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	width: 500px;
	margin-left: 10px;	
	color:#EE0000;
	}

	body{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		width: 100px;
		margin:auto; 
	}
	#loginpage{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:14px;
		margin:auto; 
		
	}
	#loginpage h1{
		font-family:Tahoma, Geneva, sans-serif;
	    margin-left: 20px;
		color: chocolate;
		
		
	
	}
	#loginpage p{
		font-family:Tahoma, Geneva, sans-serif;
	    margin-left: 21px;
		margin-top: 2px;
		color: #c5bfbf;
		font-style: italic;
	
	}

	#stDate { width:100px;
	height:15px;
	
		}
		
	#endDate { width:100px;
	height:15px;
	
		}	
   #ganti1 { width:200px;
	height:15px;
	margin-left: 10px;
	
		}
  #ganti2 { width:200px;
	height:15px;
	margin-left: 10px;
	
		}	


	
    
	table {width: 70%;}
	
    
	table { margin:auto;
		
	}
/*	 css mulai isi tabel */
	#userdata{
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	}
	#userdata thead{
	background:#F90;
	color:#FFFFFF;
	}
	#userdata thead td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;
		text-align:center;		
		
	}
	#userdata tbody td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;		
	}
	#userdata tbody tr:hover{
		background:#ccc;			
	}
	#userdata tfoot td{
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #CCCCCC;
	}
	#userdata tfoot{
	background:#464646;
	color:#FFFFFF;
	}
	
	/*	 css mulai isi tabel */
	#hissales{
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	}
	#hissales thead{
	background:#39F;
	color:#FFFFFF;
	}
	#hissales thead td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;
		text-align:center;		
		
	}
	#hissales tbody td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;		
	}
	#hissales tbody tr:hover{
		background:#ccc;			
		
	}
	#hissales tfoot td{
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	}
	#hissales tfoot{
	background:#666;
	color:#FFF;
	}
	
	/*	 css mulai isi tabel */
	#userdata4{
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	}
	#userdata4 thead{
	background:#F90;
	color:#FFFFFF;
	}
	#userdata4 thead td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;
		text-align:center;		
		
	}
	#userdata4 tbody td{
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #666;
		border-bottom-color: #666;		
	}
	#userdata4 tbody tr:hover{
		background:#ccc;			
	}
	#userdata4 tfoot td{
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #CCCCCC;
	}
	#userdata4 tfoot{
	background:#464646;
	color:#FFFFFF;
	}

.dialog{
  width: 92.5%;
  max-width: 800px;
  margin: 10% auto 15px auto;
  padding: 0;
  position: relative;
  top: -15px;
}