*{
	margin:auto;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#474747;
}

#page{
	margin:auto;
	width:1000px;
}

h1{
	margin-bottom:10px;
	line-height:50px;
	font-weight:normal;
	color:#093977;
	border-bottom:3px solid #093977;
}

h2{
	float:left;
	margin-bottom:20px;
	width:100%;
	font-weight:normal;
	color:#093977;
}

#left{
	float:left;
	width:300px;
}

#right{
	float:right;
	width:600px;
}

.icontitle{
	float:left;
	margin:10px 15px 0 0;
	width:32px;
	height:32px;
}

#loadingpage{
	position:absolute;
	top:50%;
	left:50%;
}
#loading{
	position:absolute;
	z-index:9999;
}
#result{
	position:absolute;
	text-align:center;
	color:#C00;
}

#tombol{
	margin:10px 0;
	width:120px;
	height:34px;
	font-size:14px;
	color:#fff;
	background:#093977;
	border:none;
	cursor:pointer;
	-webkit-transition:all 0.2s Ease;
    -moz-transition:all 0.2s Ease;
    -o-transition:all 0.2s Ease;
}
#tombol:hover{
	opacity:.8;
}

#zebra{
	width:100%;
	border-spacing:0;
}
#zebra th{
	padding:10px 0;
	text-align:left;
	color:#474747;
}
#zebra tr{
	border-bottom:1px solid #474747;
}
#zebra td{
	padding:8px;
	color:#474747;
}
#zebra td.field{
	width:150px;
}


/* FORM */
#boxform{
	margin-bottom:30px;
	width:100%;
	padding-bottom:40px;
	border-bottom:1px dashed #c0c0c0;
}

input{ 
	width:300px;
	padding:8px;
	border:1px solid #c0c0c0;
}
select{
	width:319px;
	height:30px;
	padding:6px 4px;
	border:1px solid #c0c0c0;
}
option{
	padding:8px;
	border-bottom:1px solid #aaa;
}
textarea{
	width:550px;
	height:100px;
	padding:10px 30px 10px 10px;
	border:1px solid #c0c0c0;
}
input:required, textarea:required{
	background:#fff url(../images/red_asterisk.png) no-repeat 940px center;
}
input:required:valid, textarea:required:valid{
	background:#fff url(../images/valid.png) no-repeat 940px center;
	border-color:#5cd053;
}
input:focus:invalid, textarea:focus:invalid{
	background:#fff url(../images/invalid.png) no-repeat 940px center;
	border-color:#db5858;
}


#loket{
	border-collapse: collapse;
}
#loket th{
	padding:6px;
	background: #aaa;
	border: 1px solid #999;
	font-weight: normal;
	text-align: center;
}
#loket td{
	padding:4px;
	border: 1px solid #999;
	font-weight: normal;
	color: #474747;
}
#loket tr:nth-child(odd){
	background: #ffffff;
}
#loket tbody tr:nth-child(odd) th{
	background: #ffffff;
	color: #474747;
}
#loket tr:nth-child(even){
	background: #eee;
}
#loket tbody tr:nth-child(even) th{
	background: #eee;
	color: #474747;
}