﻿
.glossy
{
    
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    background-color:white;
}

    .glossy:before
    {
        background: transparent;
        -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5);
    }

.Blink
{
    -webkit-animation-name: BlinkAnimation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: BlinkAnimation;
    animation-duration: 0.5s;
}

.OnFocus:focus
{
    border:1px solid gray;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes BlinkAnimation
{
    0%
    {
       opacity:1.0;
    }

    50%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1.0;
    }
}

/* Standard syntax */
@keyframes BlinkAnimation
{
    0%
    {
        opacity: 1.0;
    }

    50%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1.0;
    }
}

.BlinkBackground
{
    -webkit-animation-name: BlinkBackgroundAnimation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count:5;
    animation-name: BlinkBackgroundAnimation;
    animation-duration: 1.0s;
    animation-iteration-count:5;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes BlinkBackgroundAnimation
{
    0%
    {
        background-color: #edeeab;
    }

    50%
    {
        background-color: white;
    }
    100%
    {
        background-color: #edeeab;
    }
}

/* Standard syntax */
@keyframes BlinkBackgroundAnimation
{
    0%
    {
        background-color: #edeeab;
    }

    50%
    {
        background-color: white;
    }

    100%
    {
        background-color: #edeeab;
    }
}

