﻿
/*BLINK ONE STYLE*/
  .blink_me {
            -webkit-animation-name: blinker;
            -webkit-animation-duration: 1s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: blinker;
            -moz-animation-duration: 1s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            animation-name: blinker;
            animation-duration: 1s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @-moz-keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            70% {
                opacity: 1.0;
            }
        }

        @-webkit-keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            40% {
                opacity: 1.0;
            }
        }

        @keyframes blinker {
            0% {
                opacity: 1.0;
            }

            50% {
                opacity: 0.0;
            }

            40% {
                opacity: 1.0;
            }
        }


/*BLINK2 STYLE*/

 .buttonblnk1 {
  background-color: green;
  -webkit-border-radius:3px;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 5px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 5px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 5px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 5px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

.buttonblnk {
  -webkit-animation: glowing 500ms infinite;
  -moz-animation: glowing 500ms infinite;
  -o-animation: glowing 500ms infinite;
  animation: glowing 500ms infinite;
  background-color:lightyellow !important ;
}




/*BLINK2 STYLE*/

 .buttonblnk1 {
  background-color: transparent;
  -webkit-border-radius:3px;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  padding: 1px 2px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: transparent; -webkit-box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; -webkit-box-shadow: 0 0 15px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: transparent; -moz-box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 25px #FF0000; }
  100% { background-color: transparent; -moz-box-shadow: 0 0 15px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #B20000; }
}

@keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #B20000; }
  50% { background-color:transparent; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #B20000; }
}

.buttonblnk1 {
  -webkit-animation: glowing 1000ms infinite;
  -moz-animation: glowing 1000ms infinite;
  -o-animation: glowing 1000ms infinite;
  animation: glowing 1000ms infinite;
}




 .buttonblnk2 {
  background-color: transparent;
  -webkit-border-radius:3px;
  border-radius: 3px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 12px;
  padding: 1px 2px;
  text-align: center;
  text-decoration: none;
  background-color:lightyellow !important ;
}
@-webkit-keyframes glowing {
  0% { background-color: transparent; -webkit-box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; -webkit-box-shadow: 0 0 15px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: transparent; -moz-box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 25px #FF0000; }
  100% { background-color: transparent; -moz-box-shadow: 0 0 15px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #B20000; }
}

@keyframes glowing {
  0% { background-color: transparent; box-shadow: 0 0 150px #B20000; }
  50% { background-color:transparent; box-shadow: 0 0 25px #FF0000; }
  100% { background-color:transparent; box-shadow: 0 0 15px #B20000; }
}

.buttonblnk2 {
  -webkit-animation: glowing 1000ms infinite;
  -moz-animation: glowing 1000ms infinite;
  -o-animation: glowing 1000ms infinite;
  animation: glowing 1000ms infinite;
}

