body
{
    background:#eee;
}

body, input
{
    font-family:'Quicksand',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

a
{
	text-decoration:none;
}

a:active, a:hover
{
	text-decoration:underline;
}

#content
{
	margin:50px auto;
	padding:0px 20px;
}

#search-form-wrapper
{
	max-width:300px;
    padding:20px;
    margin:auto;
    background:white;
    border-radius: 10px;
    border:1px solid #aaa;
    box-shadow: 2px 2px 10px #aaa;
    text-align: center;
}

#search-form-wrapper label
{
    display:block;
    width:100%;
    margin:5px 0;
}

#logo img
{
    width:80px;
}

#logo
{
    margin-bottom:20px;
}

input
{
    height:30px;
    width:100%;
    text-align:center;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow:0px 0px 10px #ccc;
}

#search-form button
{
    width:100%;
}

#search-form .field
{
    margin-bottom:20px;
}

button, .btn
{
    font-size:105%;
    text-transform: uppercase;
    color:white;
    height:40px;
    background:#55a;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow:0px 0px 10px #ccc;
}

.loader {
  margin:auto;
  background:white;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top: 5px solid blue;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#perkara
{
	display:none;
	max-width:700px;
	padding:20px;
	margin:auto;
	background:white;
    border-radius: 10px;
    border:1px solid #aaa;
    box-shadow: 2px 2px 10px #aaa;
    position:relative;
}

#perkara h3
{
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin:0px;
	margin-bottom:20px;
}

#perkara h4
{
	text-align:center;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;
}


#perkara .shimmer
{
	clear:both;
}

#perkara .field
{
	clear:both;
	width:100%;
	float:left;
	margin-bottom:10px;
}
#perkara .field label
{
	float:left;
}

#perkara .field span.field-value
{
    float:right;
    text-align:right;
}

#perkara .template
{
	display:none;
}

#perkara #pasals label
{
	font-weight:bold;
}

#perkara ol
{
	list-style:decimal;
}

#map_lokasi
{
	margin-top:10px;
	width:700px;
	height:300px;
}