@import url("../css/reset.css");

 body { font-family:Arial,sans-serif, Helvetica; font-size:16px; }
 
 p { padding-bottom:10px;}
 strong { font-weight:bold; }
.wrap { width:900px; margin:0px auto; }
#header { min-height:30px; background-color:#e2dede;}
#header .wrap { padding:15px 0px;}
#page { margin-top:20px; min-height:100%; overflow:hidden; }
#footer { min-height:30px;  background:#897f7f;}
#footer .wrap { padding:15px;  }
#footer .wrap .btn { width:200px; margin-right:15px; font-weight:bold; }

.quiz { overflow:hidden; margin:20px 0px; display:none; }
.question { padding:10px; background:#897f7f; color:#fff; font-weight:bold; }
.choices { padding:15px; float:left; }
.choice { width:130%; display:inline-block; background:#0b0a0a; color:#fff; padding:10px; margin-bottom:10px;}
.choice:hover { background:#23921d; }

.choices input[type=radio]{
    display:none;
}
.choices input[type=radio]:checked + .choice{
    background:#23921d;
}

.thumb { width:259px; min-height:280px; margin-top:15px; float:right; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

table { width:100%; border:1px solid #ccc;  background:#897f7f; color:#fff; }
table tr th { background:#000;}
table tr th , table tr td { text-align:center; padding:15px; margin:2px; }
table tr td {  }

.box { width:15px; background:#0b0a0a; display:block; float:left; padding:10px; color:#fff; margin:0px 5px 5px 0px; }
.box:hover { background:#23921d; }