@charset "utf-8";
/* CSS Document */
a:link,a:link:hover,a:visited,a:visited:hover{
	color:inherit;
	text-decoration:none;
}
body{
	background-image:url(../img/bg.png);
	padding:0px;
	margin:0px;
}
header{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.29, #888),
		color-stop(0.78, #777),
		color-stop(1, #666)
	);
	background-image: -o-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -moz-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -webkit-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -ms-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: linear-gradient(to bottom, #FFF 29%, #EEE 78%, #EEE 100%);
	padding:10px;
	-webkit-box-shadow: 0 4px 4px -2px #333;
	-moz-box-shadow: 0 4px 4px -2px #333;
   	box-shadow: 0 4px 4px -2px #333;
	position:fixed;
	left:0px;
	z-index:100;
	right:0px;
	top:0px;
	
}
header #user{
	float:right;
	padding:10px 20px 10px 20px;
	margin-right:20px;
	margin-top:10px;
	background-color:#FFF;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	border-radius:10px;
}
header #user nama{
	color:#777;
	font-weight:bold;
	font-size:16px;
	border-right:2px #DDD solid;
	padding-right:10px;
}
header #user #logout{
	padding-top:1px;
	font-size:15px;
	font-weight:bold;
	float:right;
	margin-left:10px;
	color:#999;
}
header #user #logout:hover{
	color:#666;
	cursor:pointer;
}
#iconapp{
	height:45px;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	border-radius:10px;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
}
footer{
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(255,255,255,1);
	padding:4px 10px 4px 10px;
	-webkit-box-shadow:2px 0px 6px #555; /* Safari & Chrome */
  	-moz-box-shadow:2px 0px 6px #555;   /* Firefox */
  	box-shadow:2px 0px 6px #555;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#777;
	z-index:100;
	letter-spacing:1px;
}

#body{
	padding:10px;
	background-color:#FFF;
	min-width:800px;
	max-width:1500px;
	border-radius:10px;
	min-height:500px;
	margin-top:100px;
	margin-bottom:30px;
	margin-left:260px;
	-webkit-box-shadow:2px 2px 6px #555; /* Safari & Chrome */
  	-moz-box-shadow:2px 2px 6px #555;   /* Firefox */
  	box-shadow:2px 2px 6px #555;
	
}
#header{
	text-align:center;
	border-bottom:solid 1px #DDD;
}
#bgheader{
	width:95%;
}

input[type=text], input[type=password], select, textarea{
	padding:3px 5px 3px 5px;
	border-radius:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#666;
}
textarea{
	resize:none;
}

#shadow{
	z-index:99;
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:rgba(51,51,51,0.5);
	display:none;
}
#alert{
	padding:10px;
	position:fixed;
	left:0px;
	right:0px;
	width:300px;
	top:200px;
	z-index:100;
	background-color:#FFF;
	margin:0px auto;
	display:none;
	text-align:center;
	border-radius:10px;
	-webkit-box-shadow:1px 1px 4px #333; /* Safari & Chrome */
  	-moz-box-shadow:1px 1px 4px #333;  /* Firefox */
  	box-shadow:1px 1px 4px #333;
}
#alert pesan{
	display:block;
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}
#loadingbox{
	padding:10px;
	position:fixed;
	left:0px;
	right:0px;
	width:300px;
	top:200px;
	z-index:100;
	background-color:#FFF;
	margin:0px auto;
	display:none;
	text-align:center;
	border-radius:10px;
	-webkit-box-shadow:1px 1px 4px #333; /* Safari & Chrome */
  	-moz-box-shadow:1px 1px 4px #333;  /* Firefox */
  	box-shadow:1px 1px 4px #333;
}
#loadingbox pesan{
	display:block;
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}

#loading{
	background-color:#FFF;
	position:fixed;
	left:0px;
	right:0px;
	top:100px;
	max-height:500px;
	margin:100px auto;
	z-index:101;
	padding:10px;
	border-radius:10px;
	width:300px;
	display:none;
	text-align:center;
}
#loading label{
	font-weight:bold;
	color:#666;
	font-size:18px;
	display:block;
}
button{
	padding:2px 10px 2px 10px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
	font-family:"Times New Roman", Times, serif;
	list-style:none;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.29, #888),
		color-stop(0.78, #777),
		color-stop(1, #666)
	);
	background-image: -o-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -moz-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -webkit-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: -ms-linear-gradient(bottom, #888 29%, #777 78%, #666 100%);
	background-image: linear-gradient(to bottom, #888 29%, #777 78%, #666 100%);
	-webkit-box-shadow:2px 2px 2px #555; /* Safari & Chrome */
  	-moz-box-shadow:2px 2px 2px #555;   /* Firefox */
  	box-shadow:2px 2px 2px #555;
}
button:hover{
	cursor:pointer;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.29, #AAA),
		color-stop(0.78, #999),
		color-stop(1, #888)
	);
	background-image: -o-linear-gradient(bottom, #AAA 29%, #999 78%, #888 100%);
	background-image: -moz-linear-gradient(bottom, #AAA 29%, #999 78%, #888 100%);
	background-image: -webkit-linear-gradient(bottom, #AAA 29%, #999 78%, #888 100%);
	background-image: -ms-linear-gradient(bottom, #AAA 29%, #999 78%, #888 100%);
	background-image: linear-gradient(to bottom, #AAA 29%, #999 78%, #888 100%);
}


.box{
	width:300px;
	position:fixed;
	left:0px;
	right:0px;
	top:100px;
	max-height:800px;
	min-height:200px;
	max-height:70%;
	margin:0px auto;
	z-index:100;
	background-color:#FFF;
	padding:10px;
	border-radius:10px;
}
.box .isibox{
	overflow-y:scroll;
	height:300px;
}
.box h2{
	margin:0px;
	padding:5px;
	color:#555;
	border-bottom:double 5px #DDD;
}
.box h5{
	color:#444;
	margin:0px;
	font-size:16px;
}
.box ul{
	padding:10px;
	margin:0px;
}
.box ul li{
	padding:5px;
	border-bottom:solid 1px #AAA;
	list-style:none;
}
.box ul li input, .box ul li select{
	width:90%;
}

.box tanya{
	display:block;
	text-align:center;
	color:#555;
	padding:5px;
}
.box tanya a{
	font-weight:bold;
	color:#FF4040;
}