/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;}
body{position:relative;}
p {text-align:justify;margin-bottom:20px;}
ul{margin:0 0 15px 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 0 15px 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}
img{max-width:100%;height:auto;}

a{color:#070918;font-weight:bold;text-decoration:none;}
a:hover{color:#070918;text-decoration:underline;}

h1, h2, h3, h4, h5, h6{font-family:'Courier New', 'Trebuchet MS', Arial, sans-serif;font-weight:normal;padding:0px;margin:0; line-height:100%;color:#000;}
h1{font-size:30px;}
h2{font-size:18px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:'Courier New', Arial, sans-serif;font-size:14px;line-height:150%;padding:0;margin:0;color:#222;min-height:100%; background:#fff;}

/* layout */
.wrapper{margin:0 auto;width:980px;padding:0 10px;overflow:hidden;background:#fff;}

#header{display:block;margin:0;padding:0;background:#000;}
#middle{display:block;margin:0;background:none;padding:20px 0;min-height:500px;clear:both;}
#content{display:block;width:100%;padding:10px 0;margin:0;float:left;min-height:570px;clear:both;}
#footer{display:block;padding:10px;color:#fff;font-size:12px;display:block;height:auto;margin:0; overflow:hidden;background:#000;font-size:11px;clear:both;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

#homepage{display:block;width:140px;padding:100px 0;margin:0 auto;text-align:center;color:#fff !important;}

th, td
	{font-family:arial;
	 font-size:12px;
	 color:#000000;
	 vertical-align:middle;
	 padding:2px;
	}
	
input, textarea	{
	font-family:arial;
	 font-size:12px;
	 color:#666;
	 padding:5px;
	 border:1px solid #ddd;
}

select, option	{
	font-family:arial;
	 font-size:12px;
	 color:#666;
	 padding:2px;
	 border:1px solid #ddd;
}
	
input[type=submit], input[type=button]{padding:4px 20px;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #aaa), color-stop(1, #777) );background:-moz-linear-gradient( center top, #aaa 15%, #777 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#777'); background-color:#777;color:#fff;border:1px solid #fff;cursor:pointer;}

input[type=reset]{padding:4px 20px;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #e00), color-stop(1, #600) ); background:-moz-linear-gradient( center top, #e00 15%, #600 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00', endColorstr='#600'); background-color:#600;color:#fff;border:1px solid #f90c00;cursor:pointer;}
	
.menu{display:block;padding:0;margin:0;}
.menu li{padding:0;margin:0;list-style:none;}
.menu li a{float:left;padding:10px 20px;background:#000;color:#fff;}
.menu li a:hover{background:#333;}

.result{display:block;width:150px;float:left;margin-bottom:10px;font-size:11px;color:#f90c00;}

.inputBoxStyle{background:url(../images/cal.gif) right center no-repeat transparent;border:1px solid #ddd;}

.data{border:1px solid #fff;}
.data td{border:1px solid #fff;padding:5px;background-color:#ddd;}

.borderputih td{border:2px solid #fff;padding:5px;}

.tablehead{background:#000;text-align:center;color:#fff;font-size:17px;font-weight:bold;border:1px solid #fff;}
.tabledata{text-align:center;}
.tableresult{background:#0099ff;text-align:center;font-size:24px;color:#f1f90e;text-decoration:underline;}

/* Bootstrap */
.col-md-3{float:left;width:25%;}
.col-md-4{float:left;width:33.333%;}