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


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

/* combine elements sharing same border */
/*
h1, #statusbar td, #objectivetable td, .title,
.menudiv, .menutitle,.maindiv, .cell,
#rankingtable td, #interactiontable td, #skillstable td,#techtable td, 
#halltable td, #halltableobjective 
   {border:1px solid #0000FF;}
*/
/*Game Title and top row of reports see engagementmain.css */

.highlight  { background-color:#2060BB;color:#FFFFFF; }

/* input text box style*/
.textbox {border-style:inset;
                 background-color:#2060BB;        /*EDIT */
                 border:#0000FF 2px inset; 
}

/*menu top buttons */
.topbutton {background-color:#2060BB;    /* #CA5900; orange  #FF5A00; #004400;*/       /*EDIT */
            color:#ffff00;
            width:120px;    
            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:#c0c0c0;
            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
    {      /*EDIT */
     color:#FFFFFF;       /*EDIT */
     border-color:#000000 #0000FF #0000FF #000000;
}

#stem {background-color:#000040;}

/*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; 
}

#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;
}