/* stylesheet engagementblue.css */
/*Unless you are proficent with stylesheets only change the values with  EDIT alongside*/

/* Responsive full screen fixed background image*/
html { /* fullscreen background image*/
  background: url('cellbioblue.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body   {/* background-color:#5eaafa;
          background-color:#000000;
          background-image:url('backgroundblue.png');
          background-image:url('cellbio.jpg'); 
          background-repeat:repeat-x;*/
          color:#FFFFFF;
}
.inlineblock {background-color: #0040AA;}


/*Game Title and top row of reports see engagementmain.css */

.highlight {background-color:#2060BB;color:#FFFFFF;
            background: rgba(0, 0, 0, 0) radial-gradient(#00f, #000058) repeat scroll 0 0;
}

/* input text box style*/
.textbox { background-color:#2060BB;
           background: rgba(0, 0, 0, 0) radial-gradient(#00f, #000058) repeat scroll 0 0;
          }
.textbox:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #2060BB inset;
  -webkit-text-fill-color: white;
}

/*menu top buttons */
.topbutton {background-color:#2060BB;    /* #CA5900; orange  #FF5A00; #004400;*/       /*EDIT */
            color:#ffff00;
            border-width:1px;
            border-style:solid;
            border-color:#aaaaff black black #aaaaff; 
}

/*submenu buttons */
.button {background-color:#0040aa;        /*EDIT */
         border-color:#0000FF black black #0000FF;  
         color:#ffff00;
}

/*distractor class added to button class */
.distractor { 
             color:#000000;
             background-color:#2060BB;;
            border-color:#ffffff black black #ffffff; 
}

/* added to remove css.js file but allow rollover highlight */
.submitbutton
    {
     color:#ffff00; /*black;*/
     background-color:#000088;
     border-width:1px;
     border-style:solid;
     border-color:#0000FF black black #0000FF;

}

.submitbutton:hover
    {background-color:#000088;      /*EDIT */
     color:#FFFFFF;       /*EDIT */
     border-color:#000000 #0000FF #0000FF #000000;
}

#stem {background-color:#2060BB;}

/*menu buttons and distractors in questions.pl*/
a {
     color:white;
     border-width:1px;
     border-style:solid;
     border-color:#0000FF black black #0000FF; 
}

a:hover {/*background-color:#000088;  */
         color:#FFFFFF; 
         border-color:#000000 #0000FF #0000FF #000000; 
         /*glow button hover class gold*/
        }

#certaintydiv a {
         color:#ffff00;
         background-color:#000088;
         border-width:1px;
         border-style:solid;
         border-color:#0000FF black black #0000FF; 
}

#certaintydiv a:hover {border-color:#000000 #0000FF #0000FF #000000;}

#mainmenu a:hover {color:white;border:solid 1px #0000FF;}

#alertboxtext {background-color:#000044;
               background: rgba(0, 0, 0, 0) radial-gradient(#00f, #000058) repeat scroll 0 0;}
#alertbox a {background-color:#000044;}