body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	/*background:#E0E0E0;*/
	background:#FFFFFF;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
    font-size:10pt;
    font-family:Arial;
    /*font-family:Verdana;*/
}

a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	/*height:110px;*/
	/*height:200px;*/
	/*padding-top:6px;*/
	/*padding-left:10px;*/
}

#header {
	border-bottom:1px solid #D4D4D4;
}

#header p,
#header h1,
#header h2 {
	padding:.4em 5px 0 5px;
	margin:0;
}

#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}

#header ul li a:hover {
	background:#369;
	color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}

#header ul li a span {
	display:block;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col4 {
	clear:both;
	float:left;
	position:relative;
	padding:0 0 0 0;
	/*overflow:hidden;*/
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}

.leftmenu .colleft {
	right:75%;			/* right column width */
	/* background:#f4f4f4;	 left column background colour */
	background:#ffffff;	/* left column background colour */
	border-right:1px solid #D4D4D4;
}

.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	overflow:auto;
}

.leftmenu .col2 {
	width:23%;			/* left column content width (column width minus left and right padding) */
	left:5%;			/* (right column left and right padding) plus (left column left padding) */
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #D4D4D4;
	height:30px;
	vertical-align:middle;
	/*font-family: Verdana;*/
	font-family: Courier New;
	font-size:10pt;
	padding-top:13px;
}

#footer p {
	padding:10px;
	margin:0;
}



.textbox {
	padding: 2px 2px;
	background: #ffffff;
	border: 1px solid #D4D4D4;
	/*background: #b5a47c*/
	color: #1b1510;
	font-family: Verdana;
	font-size:12px;
	/*margin-bottom: 10px;*/
}
.textbox-center {
	padding: 2px 2px;
	background: #ffffff;
	border: 1px solid #D4D4D4;
	/*background: #b5a47c*/
	color: #1b1510;
	font-family: Verdana;
	font-size:12px;
	text-align:center;
}

.description {
    font-size:14pt;
    color:#333333;
}

.caption {
    font-size:12pt;
    color:#333333;
}

.apps {
    font-size:11pt;
    color:#333333;
}

.widget {
    font-size:10pt;
    color:#333333;
}

.widgetInv {
    font-size:10pt;
    color:#333333;
    margin: 20px 20px 20px 5px;
}

.note {
    font-size:9pt;
    color:#333333;
}

.mandat {
    font-size:9pt;
    color:Red;
}

.space {
    padding-top:5px;
}

.content {
    width:922px;
    margin-left:40px;
    margin-right:40px;
}

.tablestyle {
	/*font-family: arial;
	font-size: small;*/
	border: solid 1px #7f7f7f;
	font-size: 12px;
	width:900px;
}

/* myGrid */
.myGrid th {background-color:#9ACD32; height:40px; border-top:1px solid #000;border-bottom:1px solid #000;}
.myGrid th.first {border-left:1px solid #000;}
.myGrid th.last {border-right:1px solid #000;}
.myGrid th.both {border-left:1px solid #000; border-right:1px solid #000;}
.myGrid .pgr {
    background: #2E2C2D;
    font-size:10px;
}  
.myGrid .pgr table { margin: 5px 0; }  
.myGrid .pgr td {   
   padding-left: 4px;     
   padding-right: 4px;    
 }   
.myGrid .pgr a { color: #fff; text-decoration: none; }  
.myGrid .pgr a:hover { color: #000; text-decoration: none; } 

.RowStyleGrid
{
    font-size:12px;
    border-bottom:solid 1px #8C8C8C;
}

.AltRowStyleGrid
{
    font-size:12px;
    background: #E1FAD7;
    border-bottom:solid 1px #8C8C8C;
}


/* mGrid */
.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
	/*border: solid 1px #DCDCDC;*/
    /*border: 1px solid #F99CC1B;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
    /*border-collapse:collapse;*/
} 

.fmGrid {   
    /*width: 100%;   */
    background-color: #fff;   
    margin: 5px 0 10px 0;   
	/*border: solid 1px #DCDCDC;*/
    /*border: 1px solid #F99CC1B;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
    /*border-collapse:collapse;*/
} 

.mGrid th {   
    padding: 7px 7px;   
    color: #000;   
    /*background: #424242 url(../images/grd_head.png) repeat-x top;*/
    /*background: #9ACD32;*/   
    /*background: #fce899;*/   
    /*background: #ffb066;*/
    background: #c6d9f1;   
	/*background: #8cbef2;*/
    /*border-left: solid 1px #DCDCDC;
	border-top: solid 1px #DCDCDC;*/
    /*border:solid 1px #f9c700;*/
    /*border:solid 1px #ff7c00;*/
    border:solid 1px #8db4e3;
	/*border-top: solid 1px #525252;*/
    /*font-size: 0.9em;*/ 
    font-size: 12px;  
}  

/*
.mGrid td {   
    padding: 4px 2px;   
    color: #000;   
    border-left: solid 2px #DCDCDC;
    border-right: solid 2px #DCDCDC;
	border-top: solid 2px #DCDCDC;
	border-bottom: solid 2px #DCDCDC;
    font-size: 10px; 
}
*/

.fmGrid th {   
    padding: 7px 7px;   
    color: #000;   
    /*background: #424242 url(../images/grd_head.png) repeat-x top;*/
    /*background: #9ACD32;*/   
    /*background: #fce899;*/
    /*background: #ffb066;*/
    background: #c6d9f1;   
    /*border-left: solid 1px #DCDCDC;
	border-top: solid 1px #DCDCDC;*/
    /*border-left: solid 1px #F99CC1B;*/
    /*border-left: solid 1px #ff7c00;*/
    border-left: solid 1px #8db4e3;
	/*border-top: solid 1px #F99CC1B;*/
	/*border-top: solid 1px #ff7c00;*/
	border-top: solid 1px #8db4e3;
	font-size: 12px;
    /*font-size: 0.9em;   */
}  

/*
.mGrid .alt {
    background: #fcfcfc url(../images/grd_alt.png) repeat-x top; 
    font-size:10px;
} 
*/ 

.mGrid .pgr td {
    /*background: #5a8cbf url(../images/grd_pgr.png) repeat-x top; */
    /*background: #2E2C2D;*/
    /*background: #f9c700;*/
    /*background: #ff7c00;*/
    background: #8db4e3;
    /*border:solid 1px #f9c700;*/
    /*border:solid 1px #ff7c00;*/
    border:solid 1px #8db4e3;
	/*background: #8cbef2;*/
    font-size:11px;
}  

.fmGrid .pgr td {
    /*background: #5a8cbf url(../images/grd_pgr.png) repeat-x top; */
    /*background: #8cbef2;*/
    /*background: #2E2C2D;*/
    /*background: #f9c700;*/
    /*background: #ff7c00;*/
    background: #8db4e3;
    font-size:11px;
}  

.mGrid .pgr table { margin: 5px 0; }  
.fmGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
   padding-left: 4px;     
   padding-right: 4px;    
 }   

.fmGrid .pgr td {   
   padding-left: 4px;     
   padding-right: 4px;    
 }   

.mGrid .pgr a { color: #fff; text-decoration: none; }  
.fmGrid .pgr a { color: #fff; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; } 
.fmGrid .pgr a:hover { color: #000; text-decoration: none; } 
.FooterStyle
{
    background: #fff;   
    font-weight:bold;
    font-size:12px;
    color:#000;
}

.FooterStyle td
{
    /*border: solid 1px #f9c700;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
}

.RowStyle td
{
    padding: 3px 3px;   
    font-size:11px;
    /*border: solid 1px #f9c700;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
}

.RowStyleInv
{
    font-size:12.5px;
}

.RowStyleSlip
{
    font-size:13px;
    border-bottom-style:dashed;
    border-bottom-width:2px;
    border-bottom-color: #000;
}

.RowStyleLarge td
{
    font-size:12px;
    /* border-bottom:solid 1px #8C8C8C; */
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
}

.AltRowStyle td
{
    padding: 3px 3px;   
    font-size:11px;	
    /*border: solid 1px #f9c700;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
    /*background: #F5F5F5;*/
	/*background: #cfdce9;*/
}

.AltRowStyleRpt
{
    font-size:12px;
    /*background: #cfdce9;*/
}
.RowStyleRpt
{
    font-size:12px;    
}
.AltRowStyle1
{
    font-size:11px;
}

.AltRowStyleLarge td
{
    font-size:12px;
    /* background: #E1FAD7;
    border-bottom:solid 1px #8C8C8C;*/
    /*border: 1px solid #ff7c00;*/
    border: 1px solid #8db4e3;
}

.AltRowStyleInv
{
    font-size:12.5px;    
}

.AltRowStyleSlip
{
    font-size:13px;
    border-bottom-style:dashed;
    border-bottom-width:2px;
    border-bottom-color: #000;
}

/*globalnav*/
#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
	/*height:25px;*/
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	/*background:#ddd;*/
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	/*background:#bbb;*/
	background:#fad07e;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/
#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	/*background:#bbb;*/
	background:#fad07e;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	/*background:#fad07e;*/
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

/*button style
#dark{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin-top:20px;}
	
#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:10px;
	margin-top:20px;}	
	
li{ 
list-style:none;
	padding-top:10px;
	padding-bottom:10px;}	

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }
*/
	.tombol {
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	/* width:100px; */
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}.tombol:hover {
	background-color:#378de5;
}.tombol:active {
	position:relative;
	top:1px;
}

.SubTotalRowStyle{
    border:solid 1px White;
    background-color:#81BEF7;
    font-weight:bold;
}
.GrandTotalRowStyle{
    border:solid 1px White;
    background-color:Gray;
    font-weight:bold;
}

.tableContainer-1 {
    height: 100%;
    width: 100%;
    display: table;
    margin-top: 10px;
}
.tableContainer-2 {
	vertical-align: middle;
	display: table-cell;
	height: 100%;
}

.myTable {
    margin: 0 auto;
}

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    left: 0;
}

.center {
    z-index: 1000;
    margin: 100px auto;
    padding: 10px;
    width: 77px;
    /*background-color: white;*/
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}