*{font-family:tahoma; font-size:10px;}
body{margin:0; text-align:center; background:#d9dadd;}
input{border: 1px solid #dfe0e4; font-size:11px; }
input:hover, select:hover, textarea:hover{border:1px solid #50233e; box-shadow: 0 0 10px rgba(80,35,62,.5);}
input:focus, select:focus, textarea:focus{border:1px solid #50233e; box-shadow: 0 0 10px rgba(80,35,62,.5);}
aselect{padding:2px 5px; border:1px solid #bbb;}

#headerPage{padding:5px; box-shadow: 0 0 0px rgba(0,0,0,.3); height:auto; text-transform:capitalize; background:#50233e; border-top:0px solid #F00; border-bottom:1px solid #ccc;}
#headerPage h4{text-transform:capitalize; margin:0; padding:0px; position:relative; text-align:center; display:inline; color:#fff;} 

.box-login{margin:50px auto 0 auto; height:auto; width:225px; text-align:center; padding:5px; color:#000;}
.box-login h2{margin:0; text-align:center; text-transform:capitalize; width:auto; font-weight:bold;}
.box-login hr{border-top:1px solid #50233e; border-bottom:1px solid #fefefe; border-left:0px; border-right:0px;}
.box-login input{width:180px; padding:5px 10px;}
.box-login select{width:202px; padding:5px 10px;}
.box-login em{font-weight:normal;}
.login-information{float:left; width:215px; margin-right:10px;}
.login-information span{font-weight:normal;}

.form-login{float:right; width:200px; padding:10px; border:1px solid #cdcfd4; background:#e3e4e7; text-align:left; box-shadow: 0 0 0px rgba(0,0,0,.5); }
.loadingForm{margin:0px 15px 0 0; display:none;}
.loadingForm img{margin-right:5px;}

.clear-both{clear:both;}
.tombol-login{float:right;}
.inputan{background:#fff;}

.ui-corner-all{
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}

.tombol-login {
	text-transform:uppercase;
	padding:2px 5px 2px 20px;
    background: #50233e url(../images/login_key.png) no-repeat 10% 50%; /* Fallback */
    border: 0px solid #50233e;
    color: #50233e;
	cursor:pointer;
	font-weight:bold;
}

.tombol-login:focus, .tombol-login:hover {
	box-shadow: 0 0 10px rgba(80,35,62,.5);
}