td {
	padding-right:6px;
}


/* Lists */
   ol{
        list-style-position:outside;
        margin:0px 0px 20px 20px;
    }
    
  
    
div.error {
	margin: 1em 0;
	padding: 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
}

div.error p {
	margin: 0;
}

div.error p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;padding: 10px;
}

div.success{
	margin: 1em 0;
padding: 10px;
	border: #080 1px solid;
	background-color: #E8FCDC;
}

div.success p {
	margin: 0;
}

div.success p em {
	color: #080;
	font-style: normal;
	font-weight: bold;padding: 10px;
}

div.sukses{
	margin: 1em 0;
padding: 10px;
	border: #080 1px solid;
	background-color: #E8FCDC;
}

div.sukses p {
	margin: 0;padding: 10px;
}

div.sukses p em {
	color: #080;
	font-style: normal;padding: 10px;
	font-weight: bold;
}






.thumbdiv4 {
		margin-left:-25px;


	overflow:hidden;
	padding-left:0px;
	position:relative;
	
	

}
.thumbdiv4 ul {
	
	float:left;list-style:none;
}
.thumbdiv4 ul li {

	padding-right:10px;

	float:left;list-style:none;
}
.thumbdiv4 ul li img {
	border:solid 1px #d5d5d5;list-style:none;
}








.thumbdiv2 {
margin-left:-40px;

	float:left;
	overflow:hidden;
	padding-left:0px;
	position:relative;

	

}
.thumbdiv2 ul {
	
	float:left;list-style:none;
}
.thumbdiv2 ul li {
	padding-right:10px;
	padding-bottom:10px;
	float:left;list-style:none;
}
.thumbdiv2 ul li img {
	border:solid 1px #d5d5d5;list-style:none;
}






.thumbdiv3 {
	width:304px;
	margin-top:-10px;
	margin-left:-40px;
	margin-bottom:-28px;
	float:left;
	overflow:hidden;
	padding-left:0px;
	position:relative;
	
	

}
.thumbdiv3 ul {
	width:304px;
	float:left;
	list-style:none;
}
.thumbdiv3 ul li {
	padding-top:10px;
padding-left:10px;

	float:left;list-style:none;
}
.thumbdiv3 ul li img {
	border:solid 1px #d5d5d5;list-style:none;
}




@media (max-width:768px) {

.xr {
	margin-left:-14px;
	width:100%;
}

.thumbdiv {
	margin-top:10px;
	width:100%;

	float:left;
	overflow:hidden;
	padding-left:0px;
	position:relative;
	
	

}
.thumbdiv ul {
	
	float:left;
	list-style:none;
}
.thumbdiv ul li {

	padding-right:10px;
	padding-bottom:10px;
	float:left;list-style:none;
}
.thumbdiv ul li img {
	border:solid 1px #d5d5d5;list-style:none;
	width:100%;
}



input, textarea,select{border:1px solid #bbb; padding:10px;width:90%;margin-top:1px;margin-bottom:1px;}
button, input[type="submit"]{max-width:100%;margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="submit"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="submit"]:active{color:#393939;background:#e6e6e6;}

button, input[type="button"]{max-width:100%;margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="button"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="button"]:active{color:#393939;background:#e6e6e6;}

button, input[type="reset"]{max-width:100%;margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="reset"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="reset"]:active{color:#393939;background:#e6e6e6;}
	
	
	
}
@media (min-width:1024px) { 

.xr {
	margin-left:-14px;
	width:156%;
}


.thumbdiv {
	margin-top:10px;
	width:100%;

	float:left;
	overflow:hidden;
	padding-left:0px;
	position:relative;
	
	

}
.thumbdiv ul {
	
	float:left;
	list-style:none;
}
.thumbdiv ul li {

	padding-right:10px;
	padding-bottom:10px;
	float:left;list-style:none;
}
.thumbdiv ul li img {
	border:solid 1px #d5d5d5;list-style:none;

}


input, textarea,select{border:1px solid #bbb; padding:10px;margin-top:1px;margin-bottom:1px;}
button, input[type="submit"]{margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="submit"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="submit"]:active{color:#393939;background:#e6e6e6;}

button, input[type="button"]{margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="button"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="button"]:active{color:#393939;background:#e6e6e6;}

button, input[type="reset"]{margin-top:3px;padding:10px 12px;margin-bottom:6px;font-weight:400;text-decoration:none;vertical-align:middle;display:inline-block;border:solid 1px #bbb;color:#393939;background:#fff;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1);}
button, input[type="reset"]:hover{color:#393939;background:#e6e6e6;}
button, input[type="reset"]:active{color:#393939;background:#e6e6e6;}


}