html { height: 100%; width:100%; }

body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*Tahoma,"Lucida Grande","Helvetica Neue", Arial, Helvetica, sans-serif; */  
    
  color:black;
}


  
nav.navbar, div.navbar-header {

  padding:0.2em 0.5em 0em 0.5em ;
  margin:0em;
  font-weight: normal;
  color: #EEE;

    /*background-color: #3C4248;*/
    background-color: #515151;
    border-radius: 0px;
}


div.navbar-text {
  padding:0em 0.5em 0em 0.5em ;
}

  
div.page {
  position: relative;
  background-color: #FFF;
  width:100%;
  overflow: auto;
  padding:0em 1em 1em 1em;
  margin:0em 0em 0em 0em;

}

button.btn-info {
  margin:0.4em;
  background-color: #555;
  border-color: #666;
  width: 3em;
  font-weight: lighter;
}
button.btn-info:hover {
  background-color: #666;
  border-color: #888;
}

button.dropdown-toggle {
  width: 12em;
}

img.logo {
  max-height: 3em;
  padding:0;
  margin:0em 0em 0em 0em ;
}

button.qBtn {
  width: 4em;
}

.jumbotron{
  background-color: #FFF;
}

.image {
    float: right;
    border: 0;
    padding: 0em 0.0em 0.5em 0em;
    margin:  0em 0.0em 0.5em 2em;
    max-width: 40%;
}

.image1 {
    border: 0;
    padding: 0.2em;
    margin:  0.2em;
    max-width: 80%;
}

.opt{
  text-align: center;
  width: 94%;
  margin: 0.4em;
  }
.opt1{
  text-align: center;
  width: auto;
  margin: 0.4em;
  }


#question{
  width: 96%;
  margin: 0.4em;
  color: black;
  font-size: 16px;
  font-weight: 400;
  }
  
#qID{
  background-color: #FFF;
  font-size: smaller;
  color: black;
  text-align: right;
  width: 96%;
  margin: 0.4em;
  
}

#feedback{
  margin: 0.4em;
  text-align: center;
  font-size: 100%;
  color: black;
  font-size: 16px;
  font-weight: 400;
}

#reset{
  float: right;
  margin: 0.4em;
}
div.reset{
  float: right;
  width:90%;
  margin: 0.4em;
}

div.footer{
  float: center;
  text-align: center;
  width:96%;
  margin: 0.4em  0.4em 4em 0.4em;
  pading: 0.4em  0.4em 4em 0.4em;
  font-size: small;
  color: black;
}

p.lead {
  font-size: 100%;
  color: black;
  color: black;
  font-size: 16px;
  font-weight: 400;
}


p#score {
  font-size: 100%;
}

a.none, div.cap{
    font-family: Tahoma;
    color:#206daf;
    font-size: 120%;
    text-align: center;
    text-decoration: none !important;
}
a.none:hover{
    text-decoration: none !important;
}

.i-am-centered { margin: auto; max-width: 90%;}

div#endClose{
    float:right;
    cursor:pointer;
    font-size: 1.5em;
    margin: 0.2em;
    color:#DDE; 
}