/* Google-styled buttons
* http://pixify.com/blog/use-google-plus-to-improve-your-ui/
*/
a.button, b.button {
    color: #ffffff;
    font: bold 12px Helvetica, Arial, sans-serif;
    outline: none;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #111;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background:  linear-gradient(to bottom,  #038bd3 0%,#1692d4 3%,#357aaf 45%,#357aaf 45%,#025798 49%,#01306c 100%);
    border: solid 1px #111111;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right: 10px;
}

a.button:hover {
    color: #fff;
    border-color: #01306c;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	background: linear-gradient(to bottom,  #1756a4 0%,#1756a4 3%,#01306c 5%,#038bd3 100%);
    transition: 0.5s background;
}

a.button:active {
    color: #000;
    border-color: #444;
}

a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}

a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #01306c;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover, a.right:hover { border-left: solid 1px #01306c }

a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #01306c;
    border-left: solid 1px #01306c;
}

a.help {
    background: url(../images/help.png) 10px 6px no-repeat, linear-gradient(to bottom,  #038bd3 0%,#1692d4 3%,#357aaf 45%,#357aaf 45%,#025798 49%,#01306c 100%);
    padding-left: 30px;
}

a.help:hover {
    background: url(../images/help.png) 10px 6px no-repeat, linear-gradient(to bottom,  #1756a4 0%,#1756a4 3%,#01306c 5%,#038bd3 100%);
    padding-left: 30px;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
#arrow {
	position: absolute;
	right: 160px;
    -webkit-animation: blink 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 3s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 3s;
    -o-animation-iteration-count: infinite;
}

input::file-selector-button {
	color: white;
    padding: 7px 12px;
	background: linear-gradient(to bottom,  #038bd3 0%,#1692d4 3%,#357aaf 45%,#357aaf 45%,#025798 49%,#01306c 100%);
	border-radius: 6px;
}	

input::file-selector-button:hover {
	background: linear-gradient(to bottom,  #1756a4 0%,#1756a4 3%,#01306c 5%,#038bd3 100%);
}