/* //----------------------------------------------------------------------------------------
   // code from http://www.dwuser.com/education/content/creating-a-jquery-image-scroller/*/
 #scroller {
     position: absolute;
 }
 #scroller .innerScrollArea {
     overflow: hidden;
     position: absolute;

     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }
 #scroller ul {
     padding: 0;
     margin: 0;
     position: relative;
 }
 #scroller li {
     padding: 4;
     margin: 0;
     list-style-type: none;
     position: static;

 }

#scroller li img{
    cursor: pointer;
}
 #feedbackBScroller {
     position: absolute;
     /*top: 70px;*/
     width: 45%;
     height: 98%;
     margin: 0 0 auto 52%;
 }
 #feedbackBScroller .innerScrollAreaB {
     overflow: hidden;
     position: absolute;

     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }
 #feedbackBScroller ul {
     padding: 0;
     margin: 0;
     position: relative;
 }
 #feedbackBScroller li {
     padding: 10;
     margin: 0;
     list-style-type: none;
     position: static;
 }

 /*// ----------------------
 // my code*/

 body {
     padding: 0;
     margin: 0;
     background-color: #fff;
     font-family: 'Crimson Text', serif;
     line-height: 140%;
 }

 .bing {
     display: none;
     padding: 12;
     width: 45%;
     height: 10%;
     margin: 0.6rem 0 auto 52%;
     background-color: #eee;
     clear:both;
 }
 .goog {
     display: none;
     padding: 12;
     width: 45%;
     height: 10%;
     margin: 0.6rem 0 auto 52%;
     background-color: #ddf;
     clear:both;
 }

 h4 {
     line-height: 160%;
     font-size: 1.1rem;
     margin: 0;
 }

 img {

   background: url(loading.gif) no-repeat;
   /*border: 1px solid black;*/
   /*margin: 0.3rem;*/

 }

 .button {
    background-color: #aaa;
    border: none;
    color: white;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 8px 2px;
    cursor: pointer;
}

.selected{
    /*opacity: 1;*/
}

.instructionsDiv {
    background-color: #000;
    opacity: 0.5;
    display: inline-block;
    z-index: 5;
    position: fixed; /* could be absolute */
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    width: 50%;
    height: 45%;
    cursor: pointer;
    padding: 2rem;
    border-radius: 25px;
}
.instructionsSpan {
    color: #fff;
    font-size: 1.6rem;
    line-height: 140%;
}
 /* //----------------------------------------------------------------------------------------
*/
/*

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-family: 'Crimson Text', serif;
    line-height: 140%;
}

img {
  width: 90%;
  height: auto;
  background: url(loading.gif) no-repeat;
  border: 1px solid black;
  margin: 0.3rem;

}

.sourceImageClass {
    width: 7%;
    height: auto;

    margin: 0.3rem;
    position: static;

}
.sourceImageClassLarge {
    width: 20%;
    height: auto;

    margin: 0.5rem;

}
.feedbackG {
    display: none;
    margin: 0.3rem;

}
.feedbackB {
    display: none;
    margin: 0.3rem;

}
*/