.flashingbutton {
    background-color: #004A7F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.flashingbutton2 {
    background-color: #004A7F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;

    text-align: center;
    text-decoration: none;
}
.blink_me {
    animation: blinker 1s linear infinite;
}

.blink_me_2s {
    animation: blinker 3s linear infinite;
}

.blink_me_3s {
    animation: blinker2 3s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
@keyframes blinker2 {
    50% {
        opacity: 0.5;
    }
}

@-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 10px #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 10px #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 10px #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 10px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
.flashingbutton {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.flashingbutton2 {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}


.flashingbutton-green {
    background-color: darkgreen;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

@-webkit-keyframes glowingg {
    0% {  background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
    50% { background-color: green; -webkit-box-shadow: 0 0 15px green; }
    100% { background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
}
@-moz-keyframes glowingg {
    0% { background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
    50% { background-color: green; -webkit-box-shadow: 0 0 15px green; }
    100% { background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
}
@-o-keyframes glowingg {
    0% {  background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
    50% { background-color: green; -webkit-box-shadow: 0 0 15px green; }
    100% { background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
}
@keyframes glowingg {
    0% {  background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
    50% { background-color: green; -webkit-box-shadow: 0 0 15px green; }
    100% { background-color: darkgreen; -webkit-box-shadow: 0 0 3px darkgreen; }
}
.flashingbutton-green {
    color: white;
    -webkit-animation: glowingg 1500ms infinite;
    -moz-animation: glowingg 1500ms infinite;
    -o-animation: glowingg 1500ms infinite;
    animation: glowingg 1500ms infinite;
}



.flashingbutton-blue {
    background-color: deepskyblue;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

@-webkit-keyframes glowing2 {
    0% {  background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
    50% { background-color: blue; -webkit-box-shadow: 0 0 15px blue; }
    100% { background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
}
@-moz-keyframes glowing2 {
    0% { background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
    50% { background-color: blue; -webkit-box-shadow: 0 0 15px blue; }
    100% { background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
}
@-o-keyframes glowing2 {
    0% {  background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
    50% { background-color: blue; -webkit-box-shadow: 0 0 15px blue; }
    100% { background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
}
@keyframes glowing2 {
    0% {  background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
    50% { background-color: blue; -webkit-box-shadow: 0 0 15px blue; }
    100% { background-color: darkblue; -webkit-box-shadow: 0 0 3px darkblue; }
}
.flashingbutton-blue {
    color: white;
    -webkit-animation: glowing2 1500ms infinite;
    -moz-animation: glowing2 1500ms infinite;
    -o-animation: glowing2 1500ms infinite;
    animation: glowing2 1500ms infinite;
}



.flashingborder {
    text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    -webkit-animation: underBlink 1500ms infinite;
    -moz-animation:    underBlink 1500ms infinite;
    -o-animation:      underBlink 1500ms infinite;
    animation:         underBlink 1500ms infinite;
}



@-webkit-keyframes underBlink {
    0%   { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
    50% { text-shadow: -1px 0 darkred, 0 2px darkred, 2px 0 darkred, 0 -1px darkred; }
    100% { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
}
@-moz-keyframes underBlink {
    0%   { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
    50% { text-shadow: -1px 0 darkred, 0 2px darkred, 2px 0 darkred, 0 -1px darkred; }
    100% { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
}
@-o-keyframes underBlink {
    0%   { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
    50%  { text-shadow: -1px 0 darkred, 0 2px darkred, 2px 0 darkred, 0 -1px darkred; }
    100% { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
}
@keyframes underBlink {
    0%   { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
    50%  { text-shadow: -1px 0 darkred, 0 2px darkred, 2px 0 darkred, 0 -1px darkred; }
    100% { text-shadow: -1px 0 red, 0 2px red, 2px 0 red, 0 -1px red; }
}

.flashingborder-blue {
    text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    -webkit-animation: underBlink2 1500ms infinite;
    -moz-animation:    underBlink2 1500ms infinite;
    -o-animation:      underBlink2 1500ms infinite;
    animation:         underBlink2 1500ms infinite;
}

@-webkit-keyframes underBlink2 {
    0%   { text-shadow: -1px 0 yellow, 0 2px yellow, 2px 0 yellow, 0 -1px yellow; }

    100% { text-shadow: -1px 0 lightyellow, 0 1px lightyellow, 1px 0 lightyellow, 0 -1px lightyellow; }
}
@-moz-keyframes underBlink2 {
    0%   { text-shadow: -1px 0 yellow, 0 2px yellow, 2px 0 yellow, 0 -1px yellow; }

    100% { text-shadow: -1px 0 lightyellow, 0 1px lightyellow, 1px 0 lightyellow, 0 -1px lightyellow; }
}
@-o-keyframes underBlink2 {
    0%   { text-shadow: -1px 0 yellow, 0 2px yellow, 2px 0 yellow, 0 -1px yellow; }

    100% { text-shadow: -1px 0 lightyellow, 0 2px lightyellow, 2px 0 lightyellow, 0 -1px lightyellow; }
}
@keyframes underBlink2 {
    0%   { text-shadow: -1px 0 yellow, 0 2px yellow, 2px 0 yellow, 0 -1px yellow; }

    100% { text-shadow: -1px 0 lightyellow, 0 1px lightyellow, 1px 0 lightyellow, 0 -1px lightyellow; }
}