@charset "utf-8";
/* CSS Document */

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt,  dd, td, form, fieldset, a, img, button {
border:0 none;
margin:0;
padding:0;
}

* {padding:0; margin:0;}

a {text-decoration:none;}

li {list-style:none;}
h1 {margin:0 0 0 45%; text-shadow: 1px 1px 1px #FFF; font: 20px/20px "Trebuchet MS", Arial, Verdana, Tahoma;}

body {background: url(images/body_dasar.jpg) top left repeat-x #75e473; font-size:12px; font-family:"Trebuchet MS", Arial, Verdana, Tahoma; color:#036;}

#wrapper {background:url(images/body.jpg) top center no-repeat; width:100%; height:100%; margin:0; padding:0; position:absolute;}

#login {margin:105px auto 0 auto; width:500px; height:365px;}

input {border: none; height:25px;}

.inputUp {margin: 67px 0 0 10px; width:200px; color:#289fd2; font-size:16px;}
.inputMid {margin: 32px 0 0 10px; width:200px; color:#289fd2; font-size:16px;}
.inputBot {margin: 20px 15px 0 10px; width:60px; font-size:16px; color:#FFF; background:none; float:right;}

.kanan {width: 50%; float:right; margin: 0 5% 0 0;}
.kanan ul {margin: 60px 0 0 0;}
.kanan a {height: 15px; width: 75px; display:block;}
.kiri {width: 45%; float:left;}
.kiri a {color:#369;}
.kiri a:hover {text-decoration: underline;}
.box {padding:10px 0; font-size:14px;  clear:both; margin:0 0 0 35%; text-shadow: 1px 1px 1px #FFF;}

.kiri p {width: 100%;text-align: right; margin-top: 20px;}
#errormsg {color:red; font-weight: bold; margin-top: 20px;}