/* MEGG stylesheet engagement.css - generated from meggmaker.pl */
/*Unless you are proficent with stylesheets only change the values with  EDIT alongside*/

body,table {                 /*EDIT */
            font-family:verdana,arial,sans-serif;font-size:10pt;
            text-align:center;margin-left:auto;margin-right:auto;}

body   {  background-color:#000000;             /*#108421; */
          background-image:url('images/background.png');
          background-repeat:repeat-x;
          color:#FFFFFF;
}

table  {color:#FFFFFF;/*background-color:#204020;*/
       }
   /*EDIT */

/* style of playerstatus bar table cells */
#statusbar {width:600px;
/*          background-image:url('images/toolbar.gif');
          background-repeat:repeat-x;
*/
}
#statusbar td {border:1px solid #0000ff;font-size:8pt;white-space:nowrap;}

#objectivetable td {border:1px solid #0000ff;font-size:8pt;}

.title    {font-weight:bold;font-size:10pt;border:1px #0000FF solid;
           margin-left:auto;margin-right:auto;width:90%;margin-top:2px;}

.menudiv {border:1px solid #0000FF;
          padding:5px;font-size:8pt;
          margin-left:auto;margin-right:auto;width:85%;}

.maindiv {background-color:transparent;            /*EDIT */
          border:1px solid #0000FF;
          width:90%;
          margin-left:auto;margin-right:auto;
          padding-bottom:10px;
          /*height:350px;*/
/*          height:100%; */
             /*   background-image:url('images/main.png'); 
          BACKGROUND-POSITION:  center center;
          BACKGROUND-REPEAT:  NO-REPEAT;  */
}

/*Game Title and top row of reports*/
h1   {width:250px;
      background-color:transparent;  /*#000044;  EDIT */
      color:#FFFFFF;
      font-size:10pt;font-weight:bold;
      border:#0000FF 1px solid;
      padding:2px;margin:2px;
      margin-left:auto;margin-right:auto; /* ns center */
      }

.highlight  { background-color:#000044;       /*EDIT */
              color:#FFFFFF;
              font-size:10pt;font-weight:bold;
              border:#0000FF 1px solid;
              padding:2px;margin:2px;
              margin-left:auto;margin-right:auto; /* ns center */
             }

/* input text box style*/
.textbox {border-style:inset;
                 background-color:#000088;        /*EDIT */
                 border:#0000FF 2px inset;                /*EDIT */
                 color:white;
                 font-size:8pt;
                 padding:3px;margin:2px;
                 margin-left:auto;margin-right:auto;
}

#newgold {width:30px;} /* adjust width of newgold textbox on quiz page */

/* Quiz questions controls css bank yes no next etc*/
#quizcontrols {width:450px;text-align:center;margin-left:auto;margin-right:auto;
               background:transparent;border:none;
              }

/*menu top buttons */
.topbutton {background-color:#C0C0C0;    /* #CA5900; orange  #FF5A00; #004400;*/       /*EDIT */
            color:#000000;
            width:120px;    
            font-size:10pt;font-weight:bold;
            border-width:1px;
            border-style:solid;

/*            border-color:#0000FF black black #0000FF; */
            border-color:#ffffff black black #ffffff; 
            padding:1px;margin:0px;
            margin-left:auto;margin-right:auto; /* ns center */
               }

/*submenu buttons */
.button {background-color:#000088;        /*EDIT */
         border-width:1px;
         border-style:solid;
         border-color:#0000FF black black #0000FF;  
         font-size:8pt;font-weight:bold;
         width:120px;    
         color:#ffaa22;
/*         color:black; */
         padding:1px;margin:0px;
         margin-left:auto;margin-right:auto;
               }

#stem {font-size:10pt;font-weight:bold;background-color:#000040;overflow: auto;}

/*distractor class added to button class */
.distractor {width:auto; 
             color:#000000;
             background-color:#c0c0c0;
            border-color:#ffffff black black #ffffff; 
            font-size:9pt;
/*             height:99%;  ie give huge buttons*/
            }

/* scrollable ranking table */
.scrolltable {
                /*   scrollbar-3dlight-color:#00FF00;
                     scrollbar-base-color:#004400;
                     scrollbar-darkshadow-color:#00FF00; */
                     text-align:center;margin-left:auto;margin-right:auto;
                     width:600px;
                     height:100%;
                     overflow:auto;}

/* added to remove css.js file but allow rollover highlight */
.submitbutton
    {display:block;width:100%;
     font-size:8pt;  
     font-weight:bold;
     text-decoration:none;
     color:#ffaa22; /*black;*/
     background-color:#000088;
     border-width:1px;
     border-style:solid;
     border-color:#0000FF black black #0000FF;
 /*    height:15px;  */
}

.submitbutton:hover
    {background-color:#000088;      /*EDIT */
     color:#FFFFFF;       /*EDIT */
     /* border-color:#00FF00;*/
     border-color:#000000 #0000FF #0000FF #000000;
     font-weight:bold;
}
/*
 {width:100%;
               color:black;
               font-weight:bold;
               background:transparent;
               border-color:#0000FF black black #0000FF;
               border:none;
} 
*/

/* Hall of fame and News cells*/
.cell {text-align:left;font-size:8pt; border:1px solid #0000FF;padding:2px;}

#rankingtable td, #interactiontable td, #skillstable td,#techtable td, #halltable td
#halltableobjective {font-size:8pt; border:1px solid #0000FF;padding:2px;}

/* color upgradetable rows - 040808 */
#upgraderow1 {background-color:#ff0000;}
#upgraderow2 {background-color:#ff3000;}
#upgraderow3 {background-color:#ff6000;}
#upgraderow4 {background-color:#ff9000;}
#upgraderow5 {background-color:#ffc000;}



/*menu buttons and distractors in questions.pl*/
a {display:block;width:100%;  
     text-decoration:none;
     color:white;
     border-width:1px;
     border-style:solid;
     border-color:#0000FF black black #0000FF; 
/*     border-color:#ffffff #000000 #000000 #ffffff;*/

}

a:hover {background-color:#000088;      /*EDIT */
         color:#FFFFFF;       /*EDIT */
        /* border-color:#00FF00;*/
     border-color:#000000 #0000FF #0000FF #000000; 
/*     border-color:#000000 #ffffFF #ffffFF #000000;*/
         font-weight:bold;
}

/*megg menu requirements */
#menudiv a:hover {width:97%;}

#mainmenu a:hover 
             {color:white;background-color:#000088;  
               border:solid 1px #0000FF;
}

#sndplayer {visibility:hidden;}
#avatardiv {height:120px;width:105px;margin:auto;}
