body { 
background-image: url('');
background-repeat: repeat-x;
background-color: #000000;
margin: 0px;  
}


hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid rgba(205, 205, 205, 0.6);
 
}




a:link {text-decoration:none; color: #003399; }
a:visited {text-decoration:none; color: #003399;}
a:hover {text-decoration:underline; color: #444444;}



a.topLinks:link {font-size: 15px; color:#ffffff; text-shadow: 1px 1px 0px #000;   font-family: arial; text-decoration: none;
-moz-box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
}

a.topLinks:visited {font-size: 15px; color: #ffffff; text-shadow: 1px 1px 0px #000;  font-family: arial;text-decoration: none;
-moz-box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
}

a.topLinks:hover {font-size: 15px; color: #00ffff; text-shadow: 1px 1px 0px #000; font-family: arial; text-decoration: none;
-moz-box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
}

a.topLinkss:link {font-size: 12px; color:#000; text-shadow: 0px 0px 0px #000;   font-family: calibri; text-decoration: none;}
a.topLinkss:visited {font-size: 12px; color: #000; text-shadow: 0px 0px 0px #000;   font-family: calibri;text-decoration: none; }
a.topLinkss:hover {font-size: 12px; color: #ffffff;  text-shadow: 1px 1px 0px #000;    font-family: calibri; text-decoration: none;}


a.topLinkssl:link {font-size: 12px; color:#00ffff; text-shadow: 0px 0px 0px #000;   font-family: calibri; text-decoration: none;}
a.topLinkssl:visited {font-size: 12px; color: #00ffff; text-shadow: 0px 0px 0px #000;   font-family: calibri;text-decoration: none; }
a.topLinkssl:hover {font-size: 12px; color: #ffffff;  text-shadow: 1px 1px 0px #000;    font-family: calibri; text-decoration: none;}



a.bl:link {color: #cfcfcf; text-decoration:none; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 13px; 

}
a.bl:visited {color: #cfcfcf; text-decoration:none; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 13px; 

 }
a.bl:hover {color: #dedede; text-decoration:underline; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 13px; 

}


.nolink {text-decoration:none; color: #003399; font-size: 16px; color:#ffffff; text-shadow: 1px 1px 0px #000;   font-family: calibri; text-decoration: none;
}


#reas:hover {color:#cc0000;text-decoration:none;}
.reas {color:#666;text-decoration:underline;
}



#leftlinks {position: relative; visibility: visible; top: -5px; left: 100px;
}

#rightlinks {position: relative; visibility: visible; top: -6px; left: 200px;
}

#topbbar {position:fixed;
visibility: visible;
margin: 0;
top: 0px;
left: -1px;
width: 100%;
height: 129px;
z-index: 1014;
top: 0px;
background-image: url('../pics/orange-white2.png');
background-repeat: repeat-x;

}



#topperl {position:relative;top:-27px;left:-100px;font-size:11px;font-family:'Open Sans';color:#000;
}

#topperr {position:relative;top:-27px;left:-17px;font-size:11px;font-family:'Open Sans';color:#000;word-spacing:1px;
}


.topLinksss {font-size: 13px; color:#000; text-shadow: 0px 0px 0px #00ffff;  font-family: calibri; text-decoration: none;} 

.topLinksssr {font-size: 13px; color:#000; text-shadow: 0px 0px 0px #fff;  font-family: calibri; text-decoration: none;} 

 
#logospot {width: 85%; height: auto;min-width:210px;max-width:280px;margin-top:-7px;position:relative;left:-200px;} 
 

.bluebar {

width: 960px;
height: 95px;
padding-bottom: 5px;

}



#fixit {position: fixed; top:1px; z-index: 2014;}

#toptable {position:relative;
visibility: visible;
z-index: 2015;
top: 17px;
white-space: nowrap;
left: 50%;
margin-left: -200px;
}

.tt td {

text-align: center;

border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}


#tag {position: relative; visibility: visible; left: 0px; top: -20px; z-index: 100;  }
.tag { font-size:14px; font-family:'Open Sans',sans-serif,arial,helvetica;    line-height:1.3; word-spacing:2px; letter-spacing:0px; font-weight:bold; text-shadow: 1px 1px 2px #dddddd; text-align: justify; white-space: nowrap; 
 
-moz-box-shadow: 2px 2px 4px rgba(190,190,190,.7);
-webkit-box-shadow: 2px 2px 4px rgba(190,190,190,.7);
box-shadow: 2px 2px 4px rgba(190,190,190,.7);}


.tagg { font-size:16px; font-style:italic;margin-bottom:8px;

font-family:arial,helvetica;   color:#ff0000; line-height:2; word-spacing:3px; letter-spacing:0px; font-weight:normal; text-shadow: 2px 2px 3px #ccc; 
}   


#linearBg3 { 

line-height:2;
padding-left: 10px;
padding-right: 15px;

color: #666;
border-top: 0px solid #ccc;

background-color: #f4f4f4;

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#f4f4f4)); 
background: -webkit-linear-gradient(top, #f4f4f4, #ddd); 
background: -moz-linear-gradient(top, #f4f4f4, #ddd); 
background: -ms-linear-gradient(top, #f4f4f4, #ddd); 
background: -o-linear-gradient(top, #f4f4f4, #ddd); 
}



#slider {position: absolute; visibility: hidden; left: 50%;  margin-left: -614px;  top: 940px; z-index: 120;

 }


#hline {position: relative; visibility: visible; left: 0px; top: 3px; z-index: 100;  }

#header {position: relative; visibility: visible; left: 0px; top: 7px; z-index: 100;  }




.rd {color:#2E9005;font-weight:bold;font-size:16px;}



.smb  {font-size:11px;vertical-align:-1px;letter-spacing:1px;margin-left:3px;margin-right:3px;}




#mainfixed {position: relative; z-index: 200;}



.lowcost {font-size:35px; font-family:times new roman,arial,helvetica;    line-height:1; word-spacing:4px; letter-spacing:0px; font-weight:normal; margin-top: 80px; margin-bottom: -11px; text-shadow: 2px 2px 2px #ccc; white-space: nowrap; 

}

.lowcost a:link {color:#000;}
.lowcost a:visited {color:#000;}
.lowcost a:hover {color:#555;text-decoration:none;border-bottom:1px dashed #777;
} 

 
.lowcostt {font-size:20px; font-family:arial,helvetica;   color:#ff0000; line-height:2.2; word-spacing:3px; letter-spacing:0px; font-weight:normal; margin-top: 80px; margin-bottom: -11px; text-shadow: 2px 2px 3px #ccc; white-space: nowrap; 
 } 
 
 
 
 

#fast {position:relative; top:35px;} 
 
.fast { font-size:12px; font-family:sans-serif,arial,helvetica;   color:#555555; line-height:3.8; word-spacing:2px; letter-spacing:0px; font-weight:normal; margin-top: -14px;  text-shadow: 1px 1px 2px #dddddd; white-space: nowrap; margin-bottom: 28px;
word-spacing:130px; } 

.fast span {word-spacing:0px;}
 




.hasPlaceholderText {
    color: #aaa;
}
 
 

.boxs {
-moz-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
box-shadow: 5px 5px 7px rgba(0,0,0,.7);
}

.boxst {
-moz-box-shadow: 5px 5px 7px rgba(90,90,90,.7);
-webkit-box-shadow: 5px 5px 7px rgba(90,90,90,.7);
box-shadow: 5px 5px 7px rgba(90,90,90,.7);
}

#slider1 {position: relative; visibility: visible; left: -40px;  top: -55px; z-index: 120; }




.boxsss {

border-radius: 0px; 
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
box-shadow: 5px 5px 7px rgba(0,0,0,.7);
}



.bl h3 {font-family:'Open Sans', sans-serif; font-size: 14px; color: #66ffff; font-weight: normal; 
}

 



#all  {position:relative; left: -30px; visibility:visible;  z-index:1000}

#maintable {position: relative; left: 20px;}

.maintable {padding: 0px;  width: 78%;  background-color: #ffffff;  margin-top: 40px; 

border-right: 0px solid #cccccc;
border-left: 0px solid #cccccc;


}


#qa {margin-top: -43px; }



#qa table {width: 920px; height: 280px;  border-top: 0px solid #444444; border-bottom: 0px solid #444444; }



#movereg  {position:relative; left: 0px; top: -5px; visibility:visible;  z-index:1000}


.registerbuttons img {width: 382px; height: 55px; margin-top: 0px; 
-moz-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
box-shadow: 5px 5px 7px rgba(0,0,0,.7);
}

.fastt { margin-top: -5px; font-size:14px; font-family:georgia, arial,helvetica;   color:#0000ff; line-height:1.9; word-spacing:2px; letter-spacing:0px; font-weight:normal;   white-space: nowrap; 
 text-shadow: 1px 1px 2px #ccc; 
 }
 


 
.freetable {color: #0D1C3B; border: 0px dotted #0000cc; padding: 3px; border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; }

.thirdtable {padding: 0px;  width: 750px; background-color: #eee;  z-index: 100;
border: 1px solid #999;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-box-shadow: 5px 3px 7px rgba(0,0,0,.6);
-webkit-box-shadow: 5px 3px 7px rgba(0,0,0,.6);
box-shadow: 5px 3px 7px rgba(0,0,0,.6);


}

.fwn2 {font-size: 8px; font-family: verdana,arial,helvetica; color:#cccccc; }


#ftable {position: relative; visibility: visible; margin-left: -5px; top: -10px; }




.features_table {font-family: arial,times new roman; font-size: .9em;  font-weight: normal; line-height: 1.4; color: #666; width: 80%; 
border-bottom: 0px solid #444444; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;

}

.features_table h2 {
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
  color: #555;
  padding-left:12px;

	
-moz-box-shadow: 4px 2px 5px rgba(0,0,0,.2);
-webkit-box-shadow: 4px 2px 5px rgba(0,0,0,.2);
box-shadow: 4px 2px 5px rgba(0,0,0,.2);	

border-radius: 15px;  	
-moz-box-border-radius: 15px;
-webkit-box-border-radius:15px;
}




#ttabl {position:relative; top:15px; left:-50px;padding:18px;
border-bottom: 1px solid #000; border-right: 1px solid #000;border-left: 1px solid #000;
border-bottom-right-radius:5px;border-bottom-left-radius:5px;
box-shadow:1px 1px 2px #555; text-shadow: 1px 1px 2px #ccc;color:#fff;text-decoration:none;font-size:17px;

  background: #DD0000;
  background-image: -webkit-linear-gradient(top, #DD0000, #aa0000);
  background-image: -moz-linear-gradient(top, #DD0000, #aa0000);
  background-image: -ms-linear-gradient(top, #DD0000, #aa0000);
  background-image: -o-linear-gradient(top, #DD0000, #aa0000);
  background-image: linear-gradient(to bottom, #DD0000, #aa0000);

}


#ttab {position:relative; top:15px; left:0px;padding:18px;
border-bottom: 1px solid #000; border-right: 1px solid #000;border-left: 1px solid #000;
border-bottom-right-radius:5px;border-bottom-left-radius:5px;
box-shadow:1px 1px 2px #555; text-shadow: 1px 1px 2px #ccc;color:#fff;text-decoration:none;font-size:17px;

  background: #DD0000;
  background-image: -webkit-linear-gradient(top, #DD0000, #aa0000);
  background-image: -moz-linear-gradient(top, #DD0000, #aa0000);
  background-image: -ms-linear-gradient(top, #DD0000, #aa0000);
  background-image: -o-linear-gradient(top, #DD0000, #aa0000);
  background-image: linear-gradient(to bottom, #DD0000, #aa0000);
}


#ttabr {position:relative; top:15px; left:50px;padding:18px;
border-bottom: 1px solid #000; border-right: 1px solid #000;border-left: 1px solid #000;
border-bottom-right-radius:5px;border-bottom-left-radius:5px;
box-shadow:1px 1px 2px #555;text-shadow: 1px 1px 2px #ccc;color:#fff;text-decoration:none;font-size:17px;

  background: #DD0000;
  background-image: -webkit-linear-gradient(top, #DD0000, #aa0000);
  background-image: -moz-linear-gradient(top, #DD0000, #aa0000);
  background-image: -ms-linear-gradient(top, #DD0000, #aa0000);
  background-image: -o-linear-gradient(top, #DD0000, #aa0000);
  background-image: linear-gradient(to bottom, #DD0000, #aa0000);
} 

#ttabl:hover {color:#fff;text-decoration:underline;}
#ttabr:hover {color:#fff;text-decoration:underline;}
#ttab:hover {color:#fff;text-decoration:underline;}






#pu {position: relative; visibility: visible; margin-top: -0px;  
} 

#whyimg {position: relative; visibility: visible; margin-top: 8px;  
} 

#srimg {position: relative; visibility: visible; margin-top: -3px;  
} 

#logoo {position: relative; visibility: visible; margin-top: -19px; margin-left: 84px; 
	
}

#logooo {position: relative; visibility: visible; margin-top: -8px; margin-left: 0px; 
	
}


#listsr {position: relative; visibility: visible; top: 12px;  font-family: times new roman, sans-serif, Helvetica, Arial; font-size: 17px; font-weight: bold; white-space: nowrap; color: #000000; word-spacing: 2px; 
}


#listsrSubb {position: relative; visibility: visible; top: -6px;  font-family: times new roman,serif; font-size: 19px; font-weight: normal; color: #ccc; word-spacing: 1px; text-shadow: 2px 2px 2px #888; 

}


#listsrSub {position: relative; visibility: visible; top: -20px;  font-family: times new roman, serif; font-size: 15px; font-weight: normal; color: #ccc; word-spacing: 1px; line-height: 1.7; text-shadow: 2px 2px 2px #888; 
}


#topLinks {position: relative; visibility: visible; top: -37px; left: 111px; z-index: 10; width: 980px; 
}


.centraltab {background-color: #000; width: 1180px;

}



#freestufff {position: relative; visibility: visible; left: 15px;  top: -30px; z-index: 100; }

#freestufff table {width:100%;  padding:1px;    font-size: 12px; font-family: verdana,arial,helvetica; line-height: 1.5; 
border: 1px solid #cccccc;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
box-shadow: 5px 5px 5px rgba(0,0,0,.5);

}


#never {position: relative; visibility: visible; top: -33px; left: 260px;
font-size: 8px;
font-family: trebuchet ms, arial, sans-serif;
color: #888888;
 
}





#bbb {position:absolute; visibility:visible; left: 50%; margin-left: -620px;  top: 100px;  z-index:500; white-space: nowrap; text-decoration: none;
} 

#bbb table {text-decoration:none; 
 }  

#bbb img {width: 112px; height: 37px; border: 4px solid #999999; padding: 2px; background-color: #d4d4d4; border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
box-shadow: 5px 5px 5px rgba(0,0,0,.5);
 }




#mydiscl {position:absolute; visibility:visible; left:-19px; top:235px;   }

.disclb {font-size:10px; color:#ccc; font-family: arial, sans-serif;  z-index: 500; line-height: 1.5;  width: 125px;  }


#spanish span {position:absolute; visibility:visible; left:5px;  top:120px;  white-space: nowrap; }

#mobile span {position:absolute; visibility:visible; left:5px;  top:150px; white-space: nowrap; }

#usli  {position: absolute; visibility: visible; left: 0px;  top: 495px; line-height:13px; text-align:center; }

.uslitext {font-family: arial,helvetica,sans-serif; color: orange; font-size: 11px; font-weight: bold;} 
 
.uslitextt {font-family: arial,helvetica,sans-serif; color: #ccc; font-size: 8px; font-weight: normal; letter-spacing:1px;} 




.social-icons {
  display: inline-block;
}
.social-icons a {
  background-color: #ececec;
  color: #e3722e;
  text-decoration:none;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #888;
  -webkit-border-radius: 16px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 5px;
  text-decoration:none;
}
.social-icons a:hover {
  color: white;
  text-decoration:none;
  background-color:#000;
}



.helpbut span {
  background: #FD3D3C;
  background-image: -webkit-linear-gradient(top, #FD3D3C, #cc0000);
  background-image: -moz-linear-gradient(top, #FD3D3C, #cc0000);
  background-image: -ms-linear-gradient(top, #FD3D3C, #cc0000);
  background-image: -o-linear-gradient(top, #FD3D3C, #cc0000);
  background-image: linear-gradient(to bottom, #FD3D3C, #cc0000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 5px 1px 5px; 
  border: solid #ccc 1px;
  text-decoration: none;
  -moz-box-shadow: 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 5px #000;
  box-shadow: 2px 2px 5px #000;
}


#helpbut {position:fixed; visibility:visible; left:93%;  top:175px;  z-index:5000;}


.helpbut:hover span {
  background: #cc0000;
  background-image: -webkit-linear-gradient(top, #cc0000, #FD3D3C);
  background-image: -moz-linear-gradient(top, #cc0000, #FD3D3C);
  background-image: -ms-linear-gradient(top, #cc0000, #FD3D3C);
  background-image: -o-linear-gradient(top, #cc0000, #FD3D3C);
  background-image: linear-gradient(to bottom, #cc0000, #FD3D3C);
  text-decoration: none;
  color:#fff;
}






#instant {position: fixed; visibility: visible; left: 1085px;  top: 15px;
z-index:5000;}



 

#freeline {position:absolute; visibility:hidden; left: 50%; margin-left: 15px;  top: 762px; z-index:300 }

#categ {position:absolute; visibility:hidden; left: 50%; margin-left: -334px;  top: 769px; z-index:300 }

#categg {position:absolute; visibility:hidden; left: 50%; margin-left: -188px;  top: 772px; z-index:300 }




.bll {color: #dedede; text-decoration:none; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 10px; position: relative; visibility: visible;  top: -5px; letter-spacing: 1px;
}

#orgpos {position: relative; visibility: visible; left: -40px; top: 30px; z-index: 1001; background-color: #000;}

#newfb {position: relative; visibility: visible;  top: 25px; z-index: 10
}

#movecr {position: relative; visibility: visible;  left: -35px;
}

.cr {font-size:11px; font-family:arial,trebuchet ms,arial; color:#cccccc; line-height:1.5; word-spacing:1px; width: 80%; text-align:justify;}

.crlink {color: #efefef; text-decoration: underline; } 





.inserttable {padding: 8px; border-radius: 10px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 85%; background-color: #ddd; background-image:url('../songs/images2.jpg');border: 1px solid #ddd; 
-moz-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
box-shadow: 5px 5px 7px rgba(0,0,0,.7);

}
.inserthead {font-weight: bold; font-size: 12px; font-family: times new roman, serif; text-align: center;  color: #444; word-spacing: 1px;  text-shadow: 1px 1px 0px #ddd;
}
.insertbody {color: #333; font-size: 11px; font-family: times new roman,'Open Sans', sans-serif;  text-align: justify;;line-height:1.2; 
}

.insertdiscl {color: #555; font-size: 9px; font-family: calibri, arial, sans-serif;  text-align: center; line-height: 2.5;
}

.insertlink {color: #0000ff;  text-decoration: underline; 
}



/* Drop Down
*********************************/

        ul li{

            display: inline-block;
            position: relative;
            line-height: 8px;
            text-align: left;
            
            
        }

        ul li a{

            display: block;
            padding: 8px;
            text-decoration: none;
            
            font-weight:bold;
            font-family:Arial, sans-serif;
            text-shadow: 2px 2px 0px #fff;
            
            
        }

        ul li a:hover{
        
            text-decoration:none;
            background: #939393;
            color:#66ffff;
            text-shadow: 1px 1px 0px #000;
            
        }

        ul li ul.dropdown{

                        
            display: none;
            position: absolute;
            z-index: 999;
            top:22px;
            left:27px;
            border: 1px solid #FF9652;
            
            -moz-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
            -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.7);
            box-shadow: 5px 5px 7px rgba(0,0,0,.7);
            
            
            
        }

        ul li:hover ul.dropdown{

            display: block; /* Display the dropdown */
            background-image:url('../songs/images2.jpg');
            
            
        }

        ul li ul.dropdown li{
        
            display: block;
            margin-left:-35px;
            line-height:5px;
            font-size:13px;
            padding-top:3px;
            padding-bottom:3px;
        }
        


/* Music Tips Styles
*********************************/





main {
  margin: 0;
  padding: 0;
  
}

main div {
  background: black;
  padding: 0px;
  max-width: 100px;
  margin: 4px;
 
  
}

.inline-block-center {
  text-align: center;
  width:75%;
  
  
  
}
.inline-block-center div {
  display: inline-block;
  text-align: left;
  
  
  
}


.boxformat {border: 1px solid #cc0000;border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;margin:15px;}

.titletop {color:#ff0000; #ccc;letter-spacing:4px;word-spacing:2px;font-family:arial;font-size:11px;font-weight:bold;text-shadow: 1px 0px 0px #777;position:relative;bottom:-10px;}



.srformat {width:80px;vertical-align:-6px;margin:0;margin-top:5px;}





.picformat {margin-top:5px;margin-left:5px;width:35px;}

.arrformat {width:22px;float:right;margin-top:4px;margin-right:17px;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.arrformat:hover {
      opacity: 0.5;
      }







.nameformat {color:#fff;letter-spacing:1px;font-family:'Open Sans',arial;font-size:7px;font-weight:normal;float:right;margin-top:-12px;margin-right:7px;}



.bl.iframe {}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.65;
      }

#pup {
  position:absolute;
  z-index:200; 
  padding: 3px;
  margin-left: 20px;
  margin-top: 5px;
  border: 1px solid black;
  background-color: #000;
  color: white;
  font-size: 0.60em;
  text-align:center;
  font-family:'Open Sans';
  border-radius:4px;

}