body {
	font-family: Calibri, Arial, sans-serif;
	background:url(../images/bg1.jpg);
	font-size:16px;
}

.main {
	margin-top:10px;
}

.banner{
	margin-bottom:8px;
}

.nama {
	margin-top:10px;
	color:#333;
}

h1,h2,h3,h4,h5,h6{
	color:#333;
	text-shadow:1px 1px 1px #3db3fd;
}

footer {
	margin-top:-10px;
	margin-bottom:20px;
	padding-top:5px;
	border-top:1px solid #6a6a73;
	font-size:13px;
	font-weight:bold;
	color:#48484d;
}

.prev, .next { 
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.prev:hover, .next:hover { 
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	text-decoration: none;
	  background-position: 0 -15px;
	  -webkit-transition: background-position 0.1s linear;
		 -moz-transition: background-position 0.1s linear;
		   -o-transition: background-position 0.1s linear;
			  transition: background-position 0.1s linear;
	color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}

.nav1{
	background-color: #FFF;
    text-align: center;
    min-height: 30px;
    line-height: 30px;
	margin:5px;
	width:45px;
	display: inline-block;
	position:relative;
	border:1px solid #000;
	cursor:pointer;
}

.nav1:hover {
	background-color: #999;
}

.nav1 .jawaban {
    width: 24px;
    height: 20px;
    position: absolute; 
    color:#000;
	font-size:13px;
    top: -6px;
    right: -5px;
	padding-bottom:5px;
	border:1px solid #000;
	border-radius: 50%;
	background: #FFF;
}

.nav1 .urutan {
    width: 50%;
    height: 50%;
    position: absolute; 
    margin: auto;
    color:#000;
	font-size:18px;
    top: 0;
    right: 20px;
}

.well {
	border:1px solid #999;
	-webkit-box-shadow: 10px 10px 155px -23px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 155px -23px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 155px -23px rgba(0,0,0,0.75);
}