/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body {font-family: Arial, Helvetica, sans-serif; }
.bold {font-weight:bold; }
.red {color:red; }
.highlightbutton {
    background-color:lightblue;
}
.large {font-size:1rem; }

.full {background-color:#ff3300; }
.waitlist {background-color:#ffff66; }
.vacancies {background-color:#66ff33; }
.emaillink {color:blue; text-decoration:underline; font-weight:bold; cursor:pointer;}
#right {
   display:inline-block;
   box-sizing:border-box;
   width:80%;
   margin:auto;
   padding-left:2.5%;
   padding-right:2.5%;
   padding-top:3px;
   padding-bottom:3px;
   background-color:#A9D0F5; //rgb(208,208,208);
   border-radius: 20px 20px 20px 20px;
   font-size:1.1rem;
   vertical-align:top;
   overflow:hidden;
}
#printoptions {
   display:none;
   width: 100%;
   overflow:auto;
   height:95%;   
}
#prtwhat, #vacsandterms, #withdets {
   display:inline-block;
   width:30%;
   vertical-align:top;
   box-sizing:border-box;
   border-radius:5px;
   margin:1%;
   padding:2%;
}
#prtwhat, #withdets {
   border: 1px solid black;
}
#allorvacs {
   box-sizing:border-box;
   border-radius:5px;
   margin:1%;
   padding:2%;
   border: 1px solid black;
   margin-top:-21px;
}
#allterms {
   box-sizing:border-box;
   border-radius:5px;
   margin:1%;
   padding:2%;
   border: 1px solid black;
   margin-top:10px;
}
#printoptions h2, #printoptions h3, #printoptions h4 {text-align:center; }
#prtoptpreviewbtn {font-size:large; }
#prtdiv select {width:100%; }
#moreinfopopup {
   display:none; 
   background-color:lightblue;
   border-radius:20px;
   width: 80%;
   overflow:auto;
   height:95%;
}
#moreinfodata {
      height:100%;
      width:100%;
      box-sizing:border-box;
      padding-left: 2%;
      padding-right: 2%;
}
#annualmsg, #moreinfodiv {
      background-color:lightgrey;
      border-radius: 20px 20px 20px 20px;
      padding:10px;
      position:absolute;
      top:30px;
      left:10px;
      width:90%;
      max-width:600px;
      z-index:255;
}
#groupdetail {
    position:absolute;
    width:60%;
    left:20%;
    height:auto;
    border-radius:10px;
    display:none;
    z-index:100;
    background-color:lightgray;
 }
 #infodiv{
    text-align:center;
 }
 #infodiv img {
    width: 90%;
 }
 #gd_close {
    float:left; 
    margin-left:2%;
    margin-top: 10px;  
 }
@media (min-width:481px) and (max-width:1000px) {
       #moreinfodata p {font-size:1.3rem;}
       #groupdetail {
          position:absolute;
          width:80%;
          left:10%;
       }
}
@media (max-width:480px) {
       #groupdetail {
          position:absolute;
          width:96%;
          left:2%;
       }
       #moreinfopopup {width:96%;}
}