body {
	margin: 		0px;
	padding: 		0px;
	background:	 	#fff url('../images/Capture7.jpg') no-repeat left bottom; 
	font-family: 	Verdana; 
	font-size: 		8pt;
	border: 0px solid blue;
	height: 100%;
}
#outer {    
	width: 		99%;
	/*min-height: 	530px;
	max-height: 	768px; */
	/*min-width: 780px;
	max-width: 1260px;*/    
	 
	margin-top: 5px;    
	margin-bottom: 0px;    
	margin-left: auto;    
	margin-right: auto;    
	padding: 0px;    
	border: 0px solid #ff0000;
	outline: 0;
	height:100%;
}
form {margin: 0px;}

iframe {
	margin: 0 5 0 5;
}

input {
	padding-left: 5px;
	border: 0px;
	/* Fire fox*/
	-moz-border-radius: 5px;
	/* Safari/Chrome*/
	-webkit-border-radius: 5px;
	/* Opera*/
	border-radius: 5px; 


}

.header { 
	width:90%;
	height:	80px;
	margin-left:	auto;
	margin-right:	auto;
	padding: 0 2 0 2;
	border: 0px solid #00ff00;
	/*background:url(../images/headimg3.jpg) no-repeat;*/
	

}

#middle {
	float: relative;
	height: 340px;
	width:	100%;
	border:0px solid #0000ff;
	margin-left: auto;
	margin-right: auto;
	font-size : 6pt;
}
/*
.login {
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border: 0px solid brown;
	width: 450px;
	
}
*/
.login p {padding: 0 1em 0 1em;}
	
.form-block {
	display:		block;
	width: 			200px;
	border: 		1px solid #6a812c;
	padding: 		15px 10px 10px 10px;
	margin-top:		0px;
	/*background-color:	#B20A0A;*/
	background-color: 	#6a812c;
	/* Fire fox*/
	/*-moz-border-radius: 5px;*/
	color: #6a812c;
	border: 0px solid #fff;
}
.kirim{
	display:block;
	/* Fire fox*/
	/*-moz-border-radius: 5px;*/
	height:25px;
	width:50px;
	border: 1 px solid blue;
	background: #fff;
	/*background: url('../images/three_0.gif') repeat-x;*/
	
}


.button {
	display:block;
	float: right;
	border : 1px solid green;
	color : #000;
	font-weight : bold;
	font-size : 11px;
	padding: 0 0 3 0;
	cursor:pointer;
	height: 25px;
	width: 50px;
	/*background: url('../images/three_0.gif') repeat-x;*/
	background: #fff;
	
	}
.form-block span:hover {
	background: #fff /*url('../images/three_1.gif') no-repeat left top*/;
	color: #fff;
}

.kirim:hover {
	background: #000 /*url('../images/three_1.gif') no-repeat right top*/;
	color: #fff;
}
.button:hover {
	background: #fa0000 /*url('../images/three_1.gif') no-repeat right top*/;
	color: #fff;
}


.login-form {
	text-align: left;
	float: right;
	width: 50%;
	border: 0px solid #B20A0A;
}

.login-text {
	display: block;
	width: 200px;
	margin-left: 400px;
	margin-top:		50px;
	text-align: left;
	font-size: 8pt;
	font-weight:bold ;
	float: left;
	border: 0px solid #fff;
}

.inputlabel {
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	font-size: 8pt;
	width: 100px;
	margin: 0 0 1em 0;
	border: 1px solid  #6a812c;
	}

.log {
	font-weight: normal;
	text-align: left;
	font-size: 30px;
	color: #FF771C;
	margin-top: 55px;
	border: 1px solid #fff;
}

/*
.clr {clear:both;}

.ctr {
	text-align: center;
	}

.version {font-size: 0.8em;}



#break {height: 50px;}
*/


.footer {
	width: 90%;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	position:bottom;
	color: #A6C5FF;
	font-family: Tahoma,Verdana;
	font-size : 7pt;
	border: 0px solid #000000;
	padding:5px;
	
     
}

a:link{color:#A6C5FF;text-decoration:underline;}
a:visited{color:#A6C5FF;text-decoration:none;}
a:hover{color:red;text-decoration:none;}