/* This button was generated using CSSButtonGenerator.com */


.mybutton {
	-moz-box-shadow:inset 1px -1px 7px 1px #bbdaf7;
	-webkit-box-shadow:inset 1px -1px 7px 1px #bbdaf7;
	box-shadow:inset 1px -1px 7px 1px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, black), color-stop(1, red) );
	background:-moz-linear-gradient( center top, black 5%, red 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red');
	background-color:black;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	width:94px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 11px #528ecc;
        outline: 0;
	
}
.mybutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, red), color-stop(1, black) );
	background:-moz-linear-gradient( center top, red 5%, black 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='black');
	background-color:red;
}.mybutton:active {
	position:relative;
	top:1px;
	
}


@media screen and (max-width: 339px) {
	.mybutton {
		font-size:11px; width:85px;
	}
	
	
}