* {
    margin: 0;
    }
    html, body {
    height: 100%;
    margin: 0px;
	padding: 0px;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;
    }
    
    .push {
    	height: 35px;
    	}
    	
    .footer {
    height: 0px;
    width:100%;
    
    }
    
    #myfoot{
   	padding: 8px 0px 0px 0px;
    font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif; 
/*  font: verdana; */
    font-size: 8pt;
  	font-weight: normal;
    color: #f0ecec;
    background-color:#212121;
    height: 30px;
    text-align: center;
/*   	-moz-box-shadow:0px 0px 5px 5px #888;
	-webkit-box-shadow:0px 0px 5px 5px #888;
	box-shadow:0px 0px 5px 5px #888;
/*	border-top-left-radius:16px;
	-moz-border-radius-topleft:16px; 
	border-top-right-radius:16px;
	-moz-border-radius-topright:16px; 
*/
 /*   background-color: rgba(255,255,255); opacity: 0.; */
    }
    
    #headlog{
   	padding: 6px 10px 0px 10px;
    font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif; 
/*  font: verdana; */
    font-size: 12pt;
  	font-weight: bold;
    color: #f0ecec;
    background-color: #0f0f0f;
    height: 45px;
    text-align: left;
   	-moz-box-shadow:0px 0px 5px 5px #888;
	-webkit-box-shadow:0px 0px 5px 5px #888;
	box-shadow:0px 0px 5px 5px #888;
/*	border-top-left-radius:16px;
	-moz-border-radius-topleft:16px; 
	border-top-right-radius:16px;
	-moz-border-radius-topright:16px; 
*/
 /*   background-color: rgba(255,255,255); opacity: 0.; */
    }
    
    .left{
    	float: left;
    }
    
    .right{
    	float: right;
    }
    
    #left{
    	float: left;
    }
    
    .clear{
    	clear: both;
    }
    
    .contentlogin
    {
    	width:820px;
    	padding:4% 0px 0px 0px;
    	border:1px;
    	
    	
    }
    
    .formlogin{
    	width: 100%;
    	height: 500px;
    	padding: 0px 0px 12px 0px;
    	background:url(img/vmenu.png) repeat-x;
    	border-top-left-radius:16px;
		-moz-border-radius-topleft:16px; 
		border-top-right-radius:16px;
		-moz-border-radius-topright:16px;
		border-bottom-left-radius:16px;
		-moz-border-radius-bottomleft:16px; 
		border-bottom-right-radius:16px;
		-moz-border-radius-bottomright:16px;
		-moz-box-shadow: 0 0 4px 4px #888;
		-webkit-box-shadow: 0 0 4px 4px#888;
		box-shadow: 0 0 4px 4px #888;
		background: white;
		
	/*	background-color: rgba(255,0,255); opacity: 0.2; */
    }
    
    .tablelogin{
    	background-color: #f6f7f8;
    }
    
 	.jarak{
 		height: 30%;
 	}
 	
 	#headlogin{
 		font-family:  "Verdana",Trebuchet MS, Verdana,Helvetica, sans-serif; 
 		text-align: right;
 		font-size: 8pt;
 		color: white;
 		font-weight: normal;
 		font-style: italic;
 		padding: 5px 0px 0px 0px;
 	}
 	.footlogin{
 		font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif; 
 		text-align: right;
 		font-size: 8pt;
 		color: black;
 		font-weight: normal;
 	} 	
 	
.btn
{
	font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif; 
	font-size: 8pt;
	color:red;
	font-weight:bold;
	background:url(img/button.png);
	border-width: 2px; 
	border-style: solid;
	border-color:orange;
}

.lbllogin{
	font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif;
	font-size: 10pt;
	text-align:  right;
	font-weight: bold;
}

.text
{
	font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif;
	font-size: 10pt;
}

#hrx
{
	background-color:#990000;
	height:4px;
	padding: 0px;
}

.words
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:white;
	font-weight:bold; 
}

#xdwords
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:#990000; 
	font-weight:bold; 
}

#head2
{
	background:url(img/head_blue.png) repeat-x;
	height:80px;
}

.words
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:white;
	font-weight:bold; 
}

.clear
{
	clear:both;
}

#menu
{
		/*position: fixed;*/
		background:url(img/vmenu.png) repeat-x;
	/*	background-position: center; */ 
		height:26px; 
	/*	left:299.5px;*/
	/*	right:299px;*/
	/*	padding:0px 200px; */
		
}

#tag{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:white;
	font-weight:normal; 
}

#subtitle
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:#990000;
	font-weight:bold; 
	padding: 0px 2px 0px 10px;
}

#welcome{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	color:black;
/*	padding: 0px 2px 0px 10px;
/*	font-weight:bold; */
}

#btntun
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size:8pt;
/*	height:22px; */
}

#con_temp
{
	padding: 0px 2px 0px 10px;
}

#padtab
{
	padding: 10px 10px 10px 10px;
}

#trid
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	background-color:#8b8a87;
	height: 30px;
	font-size:10pt;
	font-weight: bold;
	color: white;
}

.tdchildr
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
/*	background:url(img/vmenu.png) repeat-x; */
	height: 30px; 
	font-size:8pt;
	font-weight: bold;
	color: black;
	background-color: #e7e6e3;
	text-align: right;
}

.tdchildc
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
/*	background:url(img/vmenu.png) repeat-x; */
	height: 30px; 
	font-size:8pt;
	font-weight: bold;
	color: black;
	background-color: #e7e6e3;
	text-align: center;
}

.tdchildl
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
/*	background:url(img/vmenu.png) repeat-x; */
	height: 30px; 
	font-size:8pt;
	font-weight: bold;
	color: black;
	background-color: #e7e6e3;
	text-align: left;
}

.tdchildlx
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
/*	background:url(img/vmenu.png) repeat-x; */
	width: 95%;
/*	height: 30px; */ 
	font-size:8pt;
	font-weight: bold;
	color: black;
	background-color: #ddf393;  
	text-align: left;
	-moz-box-shadow: 4px 4px 4px 0 #888;
	-webkit-box-shadow: 4px 4px 4px 0 #888;
	box-shadow: 4px 4px 4px 0 #888;	
	padding:8px 0px 8px 10px;
	
}

.tdchildlo
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
/*	background:url(img/vmenu.png) repeat-x; */
/*	height: 30px; */
	font-size:10pt;
	font-weight: bold;
	color: white;
	padding: 5px;
/*	background-color: #e7e6e3; */
	text-align: left;
}

#tridb
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	background-color:#b2b1ac;
/*	height: 30px; 
	font-size:10pt;
	font-weight: bold;
	color: white;
*/
}

.tabbox
{
		-moz-box-shadow: 4px 4px 4px 0 #888;
		-webkit-box-shadow: 4px 4px 4px 0 #888;
		box-shadow: 4px 4px 4px 0 #888;	
}

#load
{
	display: none; 
	width: 100%;
/*	background-color: #c2f67d; */
	padding: 4px 0px 0px 2px; 
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	height: 25px;
/*	background-color: rgba(255,0,255); opacity: 0.; */
}

#loadp
{
	display: none; 
	width: 100%;
/*	background-color: #c2f67d; */
	padding: 4px 0px 0px 2px; 
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	height: 25px;
/*	background-color: rgba(255,0,255); opacity: 0.; */
}

label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: red;
	font-style: italic;
	padding: 5px;
	display: block;
}

.titlec{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

#tridx
{

	background-color:#837e7e;
/*	height: 25px; */
	
}

#tridbot
{

	background-color:#e5da9e;
/*	height: 25px; */
	
}

#titletab
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight: normal;
	color: white;
}

#titletabblack
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight: normal;
	color: black;
}

#noresult
{
	font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight:normal;
	color: black;
	background-color:#F0F0F0;
}

#listleft
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight:normal;
	color: black;
	text-align: left;
}

#listmiddle
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight:normal;
	color: black;
	text-align: center;
}

#listright
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:8pt; 
	font-weight:normal;
	color: black;
	text-align: right;
}
#select
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
/*	height:20px; */
}

.select
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
/*	height:20px; */
}

#input
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:8pt;	
/*	height:14px; */
}

#inputlogin
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:8pt;	
}
.input
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:8pt;	
/*	height:14px; */
}

#cinput
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:50pt;	
/*	height:14px; */
}

#area2
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	height:100px;
	width:300px;
}

.kiri{
	float: left;
}

.kanan{
	float: right;
}

.backnewform
{
	background-color: #f6f7b3;
}

#paging
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight: bold;
	color: #5b5757;
}
#paging a
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight: bold;
	color: #5b5757;
	text-decoration: none;
}

.tabmenu a
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight:normal;
	color: black;	
	text-decoration: none;
	padding: 2px;
/*	background: yellow;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px; 
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
*/
}

.tabmenu a:hover
{
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight:normal;
	color: black;	
	text-decoration: underline;
	padding: 2px;
}

#backtitletwo
{
	background-color: #dadad7;
}

.ntab
{
	background-color: #e5da9e;
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight:normal;
	color: black;	
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px; 
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px; 

}

.xntab
{
	background-color: #f6f7b3;
	font-family:  "Arial", Arial, Helvetica, sans-serif;
	font-size:8pt;	
	font-weight:normal;
	color: black;	
	text-decoration: none;
	padding: 5px 6px 6px 6px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px; 
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px; 
}

#ltigth
{
	height:2px;
}

.inputright
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:8pt;
	text-align: right;	
}

@media print {
	#noprint	{ display:none !important; }
	.xnoprint	{ display:none !important; }
}

#cssRoot3
{
	width: 1200px;
}

#widthallSJ
{
	width: 900px;
}

.headersj
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:14pt;
	text-align:center;
	font-weight: bold;
}

.headersjdua
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:18pt;
	text-align:center;
	text-decoration: underline;
	font-weight: bold;
}

.headerundersj
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:12pt;
	text-align:center;
	font-weight: normal;
}

.headerundersjdua
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:10pt;
	text-align:center;
	font-weight: bold;
}

.headersjtujuan
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:12pt;
	text-align:justify;
	font-weight: bold;
}

.headerundersjtujuan
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
	font-weight: normal;
}

.tabletujuan
{
    border-style: solid;
	border-color: black;
	width: 350px;
	border-width: 2px;
	
}

.boxborder
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

#sjright
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:10pt;
	text-align:right;
	font-weight: normal;
}

#sjleft
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	font-weight: normal;
}

#sjdetil
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:10pt;
	text-align: center;
	font-weight: normal;
}

.tabledetil
{
    border-style: solid;
	border-color: black;
	width: 100%;
}

.tddetil
{
	padding: 0px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.tddetilkanan
{
	padding: 0px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-right: 0px;
}

.tddetilkiri
{
	padding: 0px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-left: 0px;
}

.tddetilkirikanan
{
	padding: 0px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
}

#sjdetilpo
{
	font-family:  "Arial",Helvetica, sans-serif;
	font-size:16pt;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

#xlistleft
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:12pt; 
	font-weight:normal;
	color: black;
	text-align: left;
}

#xlistmiddle
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:12pt; 
	font-weight:normal;
	color: black;
	text-align: center;
}

#xlistright
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:12pt; 
	font-weight:normal;
	color: black;
	text-align: right;
}

#nlistleft
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:10pt; 
	font-weight:bold;
	color: black;
	text-align: left;
}

#flistleft
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:11pt; 
	font-weight:normal;
	color: black;
	text-align: left;
}

#flistright
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:11pt; 
	font-weight:normal;
	color: black;
	text-align: right;
}

#flistmiddle
{
    font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
	font-size:10pt; 
	font-weight:normal;
	color: black;
	text-align: center;
}

.nlogin
{
	background-color: black;
	border-top-left-radius:16px;
	-moz-border-radius-topleft:16px; 
	border-top-right-radius:16px;
	-moz-border-radius-topright:16px;
	height: 36px;
	font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 14px 8px 4px 8px;
	font-size:8pt; 
	font-weight: normal;
	color: white;
	text-align: right;
}

.blogin
{
	background-color: black;
	border-bottom-left-radius:16px;
	-moz-border-radius-bottomleft:16px; 
	border-bottom-right-radius:16px;
	-moz-border-radius-bottomright:16px;
	height: 20px; 
	font-family:  "arial", Arial, Helvetica, sans-serif;
	padding: 14px 8px 4px 8px;
	font-size:8pt; 
	font-weight: normal;
	color: white;
	text-align: left;
}

#nbtn
{
	font-family:  "arial",Trebuchet MS, Verdana,Helvetica, sans-serif; 
	font-size: 8pt;
	color:white;
	font-weight:normal;
/*	background:url(img/button.png); */
	background:  black;
	border-width: 1px; 
	border-style: solid;
	border-color:white;
}