body{
	background:url(../images/86bg.gif) left repeat;
}
input{
	border:1px solid #ccc;
	vertical-align:top;
}
select{
	border:1px solid #ccc;
	margin:0 5px 0 0;
}
.LeftBoxes{
	padding:5px;
	width:155px;
}

.Field {
	FONT-SIZE: 0.95em; MARGIN: 0; WIDTH: 135px
}
.Field2 {
	FONT-SIZE: 0.95em; MARGIN: 0; WIDTH: 100%;
}

.Button {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 0.95em; BACKGROUND: url(../images/arrow_b_r_small.gif) #fc0 no-repeat 1px 50%; PADDING-BOTTOM: 0px; BORDER-LEFT: #fc0 1px solid; CURSOR: hand; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid
}
.Button1 {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 0.95em; BACKGROUND: url(../images/arrow_b_r_small.gif) #0f0 no-repeat 1px 50%; PADDING-BOTTOM: 0px; BORDER-LEFT: #fc0 1px solid; CURSOR: hand; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid
}
.Button2 {
	COLOR:white; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 0.95em; BACKGROUND: url(../images/arrow_b_r_small.gif) #c00 no-repeat 1px 50%; PADDING-BOTTOM: 0px; BORDER-LEFT: #fc0 1px solid; CURSOR: hand; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid
}
.ButtonSelected {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 0.95em; BACKGROUND: url(../images/arrow_b_r_small.gif) #fc0 no-repeat 1px 50%; PADDING-BOTTOM: 0px; BORDER-LEFT: #fc0 1px solid; CURSOR: hand; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid
}
.Button:hover {
	BORDER-LEFT-COLOR: black; BACKGROUND: url(../images/arrow_w_r_small.gif) #e4e4e4 no-repeat 1px 50%; BORDER-BOTTOM-COLOR: white; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: white
}
.ButtonSelected {
	BORDER-LEFT-COLOR: black; BACKGROUND: url(../images/arrow_w_r_small.gif) #e4e4e4 no-repeat 1px 50%; BORDER-BOTTOM-COLOR: white; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: white
}
.CalendarButton{
	background:url(../images/calendar.jpg) left 3px no-repeat;
	border:0px;
	width:16px;
	height:18px;
	cursor:pointer;
	cursor:hand;
}

.LeftBoxes a {
	PADDING-LEFT: 10px; FONT-SIZE: 0.85em; BACKGROUND: url(../images/arrow_b_r_mini.gif) no-repeat 0px 50%; MARGIN: 3px
}
.LeftBoxes a:hover {
	BACKGROUND-IMAGE: url(../images/arrow_w_r_mini.gif);
}
.ContentWrittenBy {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 8px;
	font-weight: normal;
	font-size: 9px;
}
.ContactBar {
	border-bottom:1px dashed #cccccc;
	margin:2px 0 5px 0;
	font-weight: bold;
}
.TextField {
	height:100px;
	width:250px;
}

.submitButton {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffcc00 1px solid; MARGIN-TOP: 21px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url((../images/arrow_b_r_small.gif) #fc0 no-repeat 3px 7px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 84px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px
}
.submitButtonSelected {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffcc00 1px solid; MARGIN-TOP: 21px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url((../images/arrow_b_r_small.gif) #fc0 no-repeat 3px 7px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 84px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px
}
.resetButton {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffcc00 1px solid; MARGIN-TOP: 21px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url((../images/arrow_b_r_small.gif) #fc0 no-repeat 3px 7px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 84px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px
}
.resetButtonSelected {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffcc00 1px solid; MARGIN-TOP: 21px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url((../images/arrow_b_r_small.gif) #fc0 no-repeat 3px 7px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 84px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px
}

.pagenav {
	font-family:tahoma;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-align: center;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active {
	font-family:tahoma;
	font-size:10px;
	font-weight:bold;
	color:#cc0000;
	text-align: center;
	width: auto;
	padding-right:2px;
	line-height: 20px;
	margin: 1px;
	text-decoration:underline;
}

.pagenav a:hover {
	font-family:tahoma;
	font-size:10px;
	font-weight:bold;
	color:#28669c;
	text-align: center;
	width: auto;
	padding-right:2px;
	line-height: 20px;
	margin: 1px;
	text-decoration:none;
}

.Left{
	text-align:left;
}
.Right{
	text-align:right;
}
.Center{
	text-align:center;
}
.Justify{
	text-align:justify;
}

.textblock a:link,.textblock a:visited,.textblock a:active{
	text-decoration:underline;
}

.ListTable {
	width:100%;
	text-align:left;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
}

.ListTable th {
	font-weight:bold;
	padding:0 5px 0 5px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #cccccc;
	background: #E9ECEC;
}

.ListTable tr {
	vertical-align:top;
}

.ListTable td {
	border: 1px solid #cccccc;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}

.ListTable img {
	padding-top:3px;
}

.leftmenu{
	background-color:#cc0000;
	display:block;
	width:155px;
	height:20px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 12px;
}
.leftmenu h1{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	line-height:12px;
	padding:5px;
	margin:0px;
}
.DateInfo{
	text-align:left;
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 155px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v a {
  border-left: 1px solid #FFF;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  padding: 0 6px;
  display: block;
  background: #fc0;
  color: #000;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #fc0;
  color: #000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #fc0;
  color: #000;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 155px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}



.FPages{
	position:relative;
	word-wrap:break-word;
	width:8.5in;
	height:10in;
	page-break-after: always;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	height:11in;
}
.FPagesSingle{
	position:relative;
	word-wrap:break-word;
	page-break-after: auto;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.FPages table{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.FPagesSingle table{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.NoSeriFakturPajak{
	position:absolute;
	left:220px;
	top:92px;
}
.DHLAddress1{
	position:absolute;
	left:220px;
	top:200px;
}
.DHLAddress2{
	position:absolute;
	left:220px;
	top:215px;
}
.DHLAddress3{
	position:absolute;
	left:220px;
	top:230px;
}
.DHLNPWP{
	position:absolute;
	left:220px;
	top:231px;
}
.DHLPengukuhan{
	position:absolute;
	left:220px;
	top:263px;
}
.BKPNama{
	position:absolute;
	left:220px;
	top:357px;
}
.BKPAddress1{
	position:absolute;
	left:220px;
	top:385px;
}
.BKPAddress2{
	position:absolute;
	left:220px;
	top:400px;
}
.BKPNPWP{
	position:absolute;
	left:220px;
	top:438px;
}
.BKPNPPKP{
	position:absolute;
	left:500px;
	top:438px;
}
.TotalPajak{
	position:absolute;
	left:636px;
	top:725px;
	width:100px;
	text-align:right;
}
.PPNPajak1{
	position:absolute;
	left:636px;
	top:825px;
	width:100px;
	text-align:right;
}
.PPNPajak2{
	position:absolute;
	left:636px;
	top:860px;
	width:100px;
	text-align:right;
}
.StripJual{
	position:absolute;
	left:96px;
	top:725px;
	width:100px;
}
.stripUM{
	position:absolute;
	left:210px;
	top:725px;
	width:200px;
}
.stripDPP{
	position:absolute;
	left:177px;
	top:820px;
	width:200px;
}

.NoSeriFakturPajakUS{
	position:absolute;
	left:220px;
	top:98px;
}
.DHLAddress1US{
	position:absolute;
	left:220px;
	top:215px;
}
.DHLAddress2US{
	position:absolute;
	left:220px;
	top:230px;
}
.DHLAddress3US{
	position:absolute;
	left:220px;
	top:245px;
}
.DHLNPWPUS{
	position:absolute;
	left:220px;
	top:252px;
}
.DHLPengukuhanUS{
	position:absolute;
	left:220px;
	top:290px;
}
.BKPNamaUS{
	position:absolute;
	left:220px;
	top:369px;
}
.BKPAddress1US{
	position:absolute;
	left:220px;
	top:390px;
}
.BKPAddress2US{
	position:absolute;
	left:220px;
	top:405px;
}
.BKPNPWPUS{
	position:absolute;
	left:220px;
	top:442px;
}
.BKPNPPKPUS{
	position:absolute;
	left:500px;
	top:442px;
}
.TotalPajakUS{
	position:absolute;
	left:470px;
	top:734px;
	width:125px;
	text-align:right;
}
.PPNPajak1US{
	position:absolute;
	left:470px;
	top:825px;
	width:125px;
	text-align:right;
}
.PPNPajak2US{
	position:absolute;
	left:470px;
	top:860px;
	width:125px;
	text-align:right;
}
.StripJualUS{
	position:absolute;
	left:96px;
	top:734px;
	width:100px;
}
.stripUMUS{
	position:absolute;
	left:210px;
	top:734px;
	width:200px;
}
.stripDPPUS{
	position:absolute;
	left:177px;
	top:825px;
	width:200px;
}

.PajakList{
	position:absolute;
	left:12px;
	top:525px;
	width:728px;
	height:150px;
}
.PajakDate{
	position:absolute;
	left:500px;
	top:890px;
}
.PajakPenandaTangan{
	position:absolute;
	left:500px;
	top:975px;
}
.PajakDateUS{
	position:absolute;
	left:420px;
	top:890px;
}
.PajakPenandaTanganUS{
	position:absolute;
	left:420px;
	top:975px;
}
.PajakKurs{
	position:absolute;
	left:150px;
	top:1010px;
}
div.domtab{
	padding:0px;
	width:100%;
	font-size:12px;
	line-height:20px;
}
ul.domtabs{
	float:left;
	width:100%;
	margin:2px 0 0 0;
}
ul.domtabs li{
	float:left;
	padding:0 1px 0 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
	width:100px;
	padding:.2em 1em;
	display:block;
	background:#666;
	color:#ccc;
	height:18px;
	padding:5px 0 0 5px;
	font-weight:bold;
	text-decoration:none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
	height:auto;
	min-height:3em;
}
ul.domtabs a:hover{
	background:#696;
}
div.domtab div{
	clear:both;
	width:auto;
	color:#000;
	padding:5px;
	border:1px solid #696;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
	background:#696;
	color:#000;
}
#domtabprintview{
	float:right;
	padding-right:1em;
	text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
	color:#000;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
	color:#000;
	display:block;
	padding:0px;
	font-weight:bold;
	font-size:12px;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
	color:#cfc;
	display:inline;
	padding:0;
	font-weight:normal;
	font-size:1em;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}

#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}

.Module{
background-color:#FFFFFF;
font-family:tahoma;
font-size:12px;
text-align:left;
}

.dhtmlgoodies_tree{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_tree ul{	/* Sub menu groups */
	margin-left:20px;	/* Left spacing */
	padding-left:0px;
	display:none;	/* Initially hide sub nodes */
}
.dhtmlgoodies_tree li{	/* Nodes */
	list-style-type:none;
	vertical-align:middle;
	
}
.dhtmlgoodies_tree li a{	/* Node links */
	color:#000;
	text-decoration:none;
	font-family:arial;
	font-size:0.8em;
	padding-left:2px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

a.blue, a.blue:active, a.blue:selected{ /*selected main tab style */
	color: #0000FF;
	font-weight:bold;
	text-decoration:none;
}