@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    h1 { color: #000 ; font-size: 17pt ; line-height: 18pt }
}

@page { margin: 50px }

.hitam{
	color: #000 ;
}

.jarak-teks1 {
  text-indent: 20px;
}

.jarak-teks2 {
  text-indent: 40px;
}

.jarak-teks3 {
  text-indent: 60px;
}

.garis_bawah {
	border-bottom: 1px solid #000;
}

.garis_atas_bawah {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.garis_atas_bawah2 {
	border-top: 1px solid #000;
	border-bottom: 4px double #000;
}

BODY,P,TD,H1,H2,H3 { font-family: verdana, tahoma, arial; font-size: 11px; line-height: 12pt  }

#body {
#	background: #ffffff url("/acc/images/bg.jpg") no-repeat top; 
#}


H1,H2,H3 { font-weight: bold } 
H1 { color: #772b2f ; font-size: 18pt ; line-height: 18pt }
H2 { color: #772b2f ; font-size: 15pt ; line-height: 15pt  }
H3 { color: #3b5959 ; font-size: 12pt ; line-height: 13pt  }

a {text-decoration: underline }
a:link    { color: red     }
a:visited { color: #751208 }
a:active  { color: #FF6656 }
a:hover   { color: #FF6656 }

.kecil {font-size: 9px; line-height: 9px; color: #AAAAAA}

.bawah {font-size: 13px; font-weight: bold; color: white}
a.bawah {font-size: 13px; font-weight: bold}
a.bawah:link    { text-decoration: none;      color: white }
a.bawah:visited { text-decoration: none;      color: white }
a.bawah:active  { text-decoration: none;      color: white }
a.bawah:hover   { text-decoration: none; color: #FFFFCC }

a.no_efek:link    { text-decoration: none; color: black }
a.no_efek:visited { text-decoration: none; color: black }
a.no_efek:active  { text-decoration: none; color: black }
a.no_efek:hover   { text-decoration: none; color: black }


a.ijo {text-decoration: none }
a.ijo:link    { color: #008040 }
a.ijo:visited { color: #008040 }
a.ijo:active  { color: #008040 }
a.ijo:hover   { color: #000000 }

.menu {font-size: 13px; color: white}
a.menu { text-decoration: none;}
a.menu:link    { text-decoration: none;      color: white }
a.menu:visited { text-decoration: none;      color: white }
a.menu:active  { text-decoration: none;      color: white }
a.menu:hover   { text-decoration: none; color: #FFFFCC }

.coa {
	font-size: 13px; 
	color: #FFFFAA;
	font-weight: bold;
	background-color: #666666;
}

.uang {
	font-size: 16px; 
	color: #000000;
	font-weight: bold;
	background-color: #FFFF00;
  font-family: courier new, monaco;	
}


hr { color: #CCCCCC; height:1px }

.kotakteks {
	background-color:#EEEEEE;
	border: 2px solid #AAAAAA;
	font-size: 13px;
	color: #000000;
}

.tombol
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #7E7969;
	background-color: #7b6069;
	height: 22px;
	width: 70px;	
}

input.tombol_salah
{
   background-color:#FFAAAA;
}

input.tombol_final
{
   background-color:#33FFFF;
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

.garis{
display: block;
position: relative;
padding: 0;
margin: 8px auto;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #AAA;
border-bottom: 1px solid #FFF;
font-size: 1px;
line-height: 0;
overflow: visible;
}

.garis_atas {
	border-top-style:dotted;
	border-top-color:#999999;
	border-right-style:hidden;
	border-bottom-style:hidden;
	border-left-style:dotted;
	border-left-color:#eeeeee;
}

.merah {color: red;}

.s_awal{
	width: 18px;
	height: 18px;
	margin-left: -17px;
	position: absolute;
	}

.s_akhir{
	width: 18px;
	height: 18px;	
	margin-top: -17px;
	margin-left: 25px;
	position: absolute;
	}


table.gridtable1 td {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

table.gridtable2 td {
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
}

table.gridtable3 td {
	font-family: verdana,arial,sans-serif;
	font-size: 9px;
}


.pemisah {
	border-top-style:dotted;
	border-top-color:#999999;
	border-right-style:hidden;
	border-bottom-style:hidden;
	border-left-style:solid;
	border-left-color:#808080;
}