.tooltip {
    display: none;
    position: absolute;
        min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
    background-image: url('gifs/space4.gif'); 
    border: 10px double limegreen;
    color: white;
    padding: 10px;
    cursor: help;
    z-index: 9999;
    transition: opacity 1s ease;
}

.tooltip-image {
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 10px;
}


.p23 {
    display: none;
    position: absolute;
        min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/23a.png');
    background-size: cover; 
    background-repeat: no-repeat; 
    border: 5px double white;
    color: white;
    padding: 10px;
    cursor: help;
    z-index: 9999;
}

.p23 .tooltip-image {
    width: 200px; 
    height: 250px; 
    float: left;
    margin-right: 20px; 
}

.gcg {
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/gcg.jpg');
    background-size: cover; 
    background-repeat: no-repeat; 
    border: 5px double beige;
    color: white;
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}

.gcg .tooltip-image {
    width: 0; 
    height: 0; 
    float: left;
    margin-right: 20px; 
}

.pits {
 border: 5px double black;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/pits.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}

.pits .tooltip-image {
    width: 0; 
    height: 0; 
    float: left;
    margin-right: 20px; 
}


.doxepin {
 border:none;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('gifs/doxepin.gif');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}
.doxepin .tooltip-image {
    width: 0; 
    height: 0; 

}

.p22 {
    border: 5px double green;
 
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/222.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}
.p22 .tooltip-image {
    width: 0; 
    height: 0; 

}

.p27 {
    border: none;

    min-height: 300px; 
    width: 500px;
    height: 300px;
    background-image: url('img/berlin.png');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
}

.p27 .tooltip-image {
    width: 0; 
    height: 0; 
}

.p27 .tooltip-text{

margin-top: 270px;
    text-align: center;
}


.p28 {
 border:none;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('gifs/28azeroy.gif');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}
.p28 .tooltip-image {
    width: 0; 
    height: 0; 

}

.p32 {
    border: 5px double pink;
    color: white;

    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/gbo.png');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    
    text-align: right;
}
.p32 .tooltip-image {
  

}


.db {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/db.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}
.db .tooltip-image {
    width: 0; 
    height: 0; 

}

.topp {

border: 5px double forestgreen;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/topp.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}

.topp .tooltip-image {
    width: 0; 
    height: 0; 

}

.hfm {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/hfm.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: black;
    text-align: right;
}

.hfm .tooltip-image {
    width: 0; 
    height: 0; 

}

.lm1 {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/lm1.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: red;
    text-align: right;
}

.lm1 .tooltip-image {
    width: 0; 
    height: 0; 

}

.lm2 {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/lm2.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: red;
    text-align: right;
}

.lm2 .tooltip-image {
    width: 0; 
    height: 0; 

}

.lm3 {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/lm3.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}

.lm3 .tooltip-image {
    width: 0; 
    height: 0; 

}


.dgaf {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/dgaf.gif');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}

.icebreaker39 {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/icebreaker27.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}

.timer39{
    font-weight: bold;
    border: 5px double steelblue;
    color: red;
 display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 400px;
    background-image: none;
       background-color: black;
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
 

}


.agnovoid {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/agnovoid.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}


.timer41{
    font-weight: bold;
    border: 5px double steelblue;
    color: red;
 display: none;
    position: absolute;
    min-height: 300px;
    min-height: 300px;
    width: 500px;
    height: 300px;
    background-image: none;
       background-color: black;
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
 

}


.sixhuntwelve {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/612.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}


.hm44 {
    border: 5px double green;
 color: white;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/mh44.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;

    text-align: right;
}


.timer44{
    font-weight: bold;
    border: 5px double green;
    color: green;
 display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 500px;
    background-image: none;
       background-color: black;
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
 

}

.demotapezselections {
    border: 5px double steelblue;
 color: white;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/demotapez.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;

    text-align: right;
}


.mix47 {
    border: 5px double white;
 color: white;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/mix47.gif');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;

    text-align: right;
}


.chipmunks {
    border: 5px double steelblue;
 color: white;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/chipmunks.jpg');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;

    text-align: right;
}

.djrimvis {
    display: none;
    position: absolute;
        min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 400px;
    background-image: url('gifs/space4.gif'); 
    border: 10px double limegreen;
    color: white;
    padding: 10px;
    cursor: help;
    z-index: 9999;
    transition: opacity 1s ease;
}


.gbo49 {
    border: 5px double black;
 color: white;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/49.png');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;

    text-align: center;
    text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

.gbo50 {

    display: table;
    width: 100%;
    height: 100%;

    border: 5px double black;
 color: cyan;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/50.png');
  
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;


    text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,
             1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

.gbo50 .tooltip-text{

margin-top: 200px;
    text-align: center;
}


.footage {

border: 5px double steelblue;
    display: none;
    position: absolute;
    min-height: 500px;
    min-height: 300px;
    width: 500px;
    height: 300px;
       background-image: url('img/footage.gif');
   background-size: cover;
background-repeat: no-repeat; 
 background-position: center; 
    padding: 10px;
    cursor: help;
    z-index: 9999;
    color: blue;
    text-align: right;
}