@charset "utf-8";
/* Template Login */

body {
	margin:auto;
	background:url(img/bg.gif) repeat-x #FFF;
}

#wrapper {
	margin:auto;
	width:414px;
}

#header {
	margin:auto;
	background:url(img/logo.png) center top no-repeat;
	background-position:205px 50px;
	width:500px;
	height:50px;
	padding:175px 0 0 0;
	text-align:center;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px -40px;
}

#content {
	margin:auto;
	background:url(img/body.png) repeat-x #7896B4;
	background-position:0 -75px;
	padding:45px 7px 7px 7px;
	min-height:100px;
	color:#333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid #174A7E;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
}

#footer {
	background:url(img/bkd.png) center top no-repeat;
	height:30px;
	padding:30px 0 0 0;
	text-align:center;
	color:#666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:25px;
}

.user {
	padding:10px 10px 10px 35px;
	margin-bottom:25px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:url(img/icon1.png) left no-repeat #FFF;
	border:1px #174A7E solid;
	border-radius:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}

.pass {
	padding:10px 10px 10px 35px;
	margin-bottom:25px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:url(img/icon2.png) left no-repeat #FFF;
	border:1px #174A7E solid;
	border-radius:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}

.tombol {
	padding:7px 25px 7px 25px;
	margin-bottom:35px;
	background:#325F8D;
	background:-webkit-gradient(linear, left top, left bottom, from(#7896B4), to(#325F8D));
	background:-moz-linear-gradient(top,#7896B4,#325F8D);
	color:#FFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px #174A7E solid;
	cursor:pointer;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}

.tombol:hover {
	background:#49719A;
	background:-webkit-gradient(linear, left top, left bottom, from(#9BB1C7), to(#325F8D));
	background:-moz-linear-gradient(top,#9BB1C7,#325F8D);
}

.tombol:active {
	background:#95ACC3;
	background:-webkit-gradient(linear, left top, left bottom, from(#49719A), to(#6284A7));
	background:-moz-linear-gradient(top,#49719A,#6284A7);
}

#kotak {
	top:0;
	margin-top:10px;
    background: rgba(153,0,0, .8);
	color:#CCC;
	min-width:384px;
    padding: 7px 15px;
	position:absolute;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}