/* MEGG stylesheet engagement.css - generated from meggmaker.pl */
/* Main css tailored by individual colour schemes*/
/*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;color:#FFFFFF;}

table  {color:#FFFFFF;}
   /*EDIT */

#footer {position:absolute;z-index:-1;height:150px;width:500px;bottom:0px;left:25%;
     /*  background:url('images/at2foot.png') center bottom no-repeat; */
            background:url('') center bottom no-repeat;
}

/* 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, #spytable td, #halltableobjective 
   {border-style:ridge;border-color:#ffd68c;}

/* style of playerstatus bar table cells */
#statusbar {width:717px;}

#statusbar td {font-size:8pt;white-space:nowrap;}

#objectivetable td {font-size:8pt;}

.title    {color:#000000;background:url('images/goldbar.jpg');padding:2px 0px 2px 0px;
           font-weight:bold;font-size:10pt;
           margin:auto;margin-top:2px;
           width:715px;}
           
 /* 180610 - position for the slidemenu effects    */      
#menucontainer {position:absolute;left:-300px;top:2px;}

.menudiv {padding:0px;font-size:8pt;
          margin:auto;width:125px;
}

.menutitle {font-size:10pt;color:black;font-weight:bold;background:url('images/goldbar.jpg');}

.maindiv {background-color:transparent;
          width:715px;
          margin:auto;
          padding-bottom:0px;
}

/*Game Title and top row of reports*/
h1   {color:black;background:url('images/goldbar.jpg');width:717px;
      background-color:transparent;  /*#000044;  EDIT */
      font-size:10pt;
      padding:2px;margin:2px;
      margin-left:auto;margin-right:auto; /* ns center */
      }

#alertboxtext h1 {width:250px;color:white;background:none;border:none;}

.highlight  { font-size:10pt;font-weight:bold;
              padding:2px;margin:2px;
              margin-left:auto;margin-right:auto; /* ns center */
             }

 .memohead {text-align:left; /* align memo head in background.pl  */
            margin:auto;
            width:600px;
 } 
/* input text box style*/
.textbox {border-style:inset;
          font-size:8pt;
          padding:3px;margin:2px;
          margin-left:auto;margin-right:auto;
          color:white;
}

#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 {
            text-align:center;
            width:120px;    
            font-size:9pt;font-weight:bold;
            border-width:1px;
            border-style:solid; 
            padding:1px;margin:0px;
            margin:auto; /* ns center */
               }

/*submenu buttons */
.button {
         border-width:1px;
         border-style:solid;
         font-size:9pt;font-weight:bold;
         width:120px;    
         padding:1px;margin:0px;
         margin:auto;
               }

#stem {font-size:11pt;overflow: auto;padding:5px;}

/*distractor class added to button class */
.distractor {font-size:10pt;
             width:auto; 

/*             height:99%;  ie give huge buttons*/
            }

/* scrollable ranking table */
.scrolltable 
    { text-align:center;margin:auto;
      width:650px;height:450px;overflow:auto;}

/* added to remove css.js file but allow rollover highlight */
.submitbutton
    {display:block;width:100%;
     font-size:9pt;  
     font-weight:bold;
     text-decoration:none;

     border-width:1px;
     border-style:solid;

 /*    height:15px;  */
}

.submitbutton:hover
    {
     color:#FFFFFF;       /*EDIT */
     /* border-color:#00FF00;*/
     border-color:#000000 #00ff00 #00ff00 #000000;
     
}

/* Hall of fame and News cells*/
.cell {text-align:left;font-size:8pt; padding:2px;}

#rankingtable td, #interactiontable td, 
#skillstable td,#techtable td, 
#halltable td, #halltableobjective {font-size:8pt; padding:2px;}

/*menu buttons and distractors in questions.pl*/
a {display:block;width:100%;  
     text-decoration:none;
}

/* color upgradetable rows */
#upgraderow1 {background-color:#ff0000;}
#upgraderow2 {background-color:#ff3000;}
#upgraderow3 {background-color:#ff6000;}
#upgraderow4 {background-color:#ff9000;}
#upgraderow5 {background-color:#ffc000;}

a:hover {font-weight:bold;}

#certaintydiv a {
     display:inline;
     text-decoration:none;
     font-weight:bold;
     padding:2px;
     border-width:1px;
     border-style:solid;
}

/*megg menu requirements */
#menudiv a:hover {width:97%;}

#sndplayer {visibility:hidden;}
#avatardiv {height:110px;width:105px;margin:auto;}

/* Add alertbox styles to main */
/* Alert Box css */
#alertboxcontainer {position:absolute;top:0px;left:0px;z-index:200;
                    background-image:url(images/transparent.gif);
                       /*  filter:alpha(opacity=50%);   ie
                           -moz-opacity: 5.0;         firefox
                           opacity: 5.0;              w3c*/
                   }
#aboxtitle {color:#ffffff;background-color:#333333;
            margin:2px;font-size:12pt;text-align:center;font-weight:bold;}

#alertbox {position:absolute;top:0px;left:0px;
           border:solid 2px;border-color:#888888 #222222 #222222 #888888;
           display:none;height:275px;width:330px;
           background-color:#333333;
           text-align:center;
          }

#alertboxtext {height:210px;margin:0px 10px  10px 10px;padding:3px;overflow:auto;
               font-size:10pt;font-weight:bold;
               border:solid 1px #000000;
               background-color:#222222;
               background-image:url('images/menu.png');
               background-repeat:no-repeat;
               background-position:center;
}
#alertbutton {font-weight:bold;font-size:8pt;padding:1px 15px 1px 15px;
              text-decoration:none;
              width:30px; margin:auto;text-align:center; /* line added 230308 */
}
#banknow {color:yellow;border:1px red solid;}

#qdiv {display:none;} /* 210510 - jquery addition - allows initial hiding of question div jquery slide */
#answerletter {font-size:16pt;color:#ff8000;} /* 120610 - enhance incorrect answer letter*/

.floatleft {float:left;}
.floatright {float:right;}