.button {
display: inline-block;
*display: inline; zoom: 1;
cursor: pointer;
border: 1px solid;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
overflow: visible;
}

.elegant-button {
padding: 5px 9px;
font-weight: bold;
font-size: 15px;
color: #fbfbfb;  
outline: none;
/*
text-shadow: 0 1px 0 #333;
text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
*/
border-color: #307ABB !important;
border-bottom-color: #266093 !important;
/* background: backup hex color value */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62a4de), to(#3582c4));
background: -webkit-linear-gradient(top, #62a4de, #3582c4);
background: -moz-linear-gradient(top, #62a4de, #3582c4);
background: -ms-linear-gradient(top, #62a4de, #3582c4);
background: -o-linear-gradient(top, #62a4de, #3582c4);
background: linear-gradient(top, #62a4de, #3582c4);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#62a4de, endColorstr=#3582c4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#62a4de, endColorstr=#3582c4)";
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.elegant-button:hover, .elegant-button:active, .elegant-button:focus {
/* background: backup hex color value */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72b4ed), to(#3887cb));
background: -webkit-linear-gradient(top, #72b4ed, #3887cb);
background: -moz-linear-gradient(top, #72b4ed, #3887cb);
background: -ms-linear-gradient(top, #72b4ed, #3887cb);
background: -o-linear-gradient(top, #72b4ed, #3887cb);
background: linear-gradient(top, #72b4ed, #3887cb);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#72b4ed, endColorstr=#3887cb);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#72b4ed, endColorstr=#3887cb)";
}
.elegant-button:hover {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
}
.elegant-button:active {
text-shadow: 0 1px 0 #222;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
border-top-color: #266093;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-webkit-transition: box-shadow .03s ease-out;
-moz-transition: box-shadow .03s ease-out;
-ms-transition: box-shadow .03s ease-out;
-o-transition: box-shadow .03s ease-out;
transition: box-shadow .03s ease-out;
}

.round-button {
padding: 25px 25px;
font-weight: bold;
font-size: 15px;
color: #fbfbfb;  
outline: none;
/*
text-shadow: 0 1px 0 #333;
text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
*/
border-color: #307ABB !important;
border-bottom-color: #266093 !important;
/* background: backup hex color value */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62a4de), to(#3582c4));
background: -webkit-linear-gradient(top, #62a4de, #3582c4);
background: -moz-linear-gradient(top, #62a4de, #3582c4);
background: -ms-linear-gradient(top, #62a4de, #3582c4);
background: -o-linear-gradient(top, #62a4de, #3582c4);
background: linear-gradient(top, #62a4de, #3582c4);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#62a4de, endColorstr=#3582c4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#62a4de, endColorstr=#3582c4)";
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 rgba(0, 0, 0, .12);
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
-ms-border-radius: 99px;
border-radius: 99px;
}
.round-button:hover, .round-button:active, .round-button:focus {
/* background: backup hex color value */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#72b4ed), to(#3887cb));
background: -webkit-linear-gradient(top, #72b4ed, #3887cb);
background: -moz-linear-gradient(top, #72b4ed, #3887cb);
background: -ms-linear-gradient(top, #72b4ed, #3887cb);
background: -o-linear-gradient(top, #72b4ed, #3887cb);
background: linear-gradient(top, #72b4ed, #3887cb);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#72b4ed, endColorstr=#3887cb);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#72b4ed, endColorstr=#3887cb)";
}
.round-button:hover {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .3);
}
.round-button:active {
text-shadow: 0 1px 0 #222;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
border-top-color: #266093;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .3);
-webkit-transition: box-shadow .03s ease-out;
-moz-transition: box-shadow .03s ease-out;
-ms-transition: box-shadow .03s ease-out;
-o-transition: box-shadow .03s ease-out;
transition: box-shadow .03s ease-out;
}

.filebutton::-webkit-file-upload-button {
  visibility: hidden;
}
.filebutton:before {
  content: 'Choose files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.filebutton:hover:before {
  border-color: black;
}
.filebutton:active:before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}