/* CSS elements found only in index.html*/
.event {
    color:#FFFFFF;
}

.event.listening {
    background-color:#333333;
    display:block;
    padding:3px 1px 6px 1px;
}

.event.received {
    background-color:#4B946A;
    display:none;
    padding:3px;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
   .pnlCntryInfo {
      width:200px; 
   }
}
/* Landscape layout (with min-width) */
@media screen and (min-device-width:480px) {
   .pnlCntryInfo {
      width:80%; 
   }
}


.pnlCntryInfo {
position:absolute; 
top:100px; 
left:50px; 
height: 320px; 
font-size:10pt;
}

#btnCAN {
   top:7px; left:150px;
}
#btnUSA {
   top:7px; left:235px;
}

#btnNext {
   top:3px;
   left:154px; 
   background-color:#663300;
   border: 1px solid black;
   text-align:center;
}