a.btn:link, a.btn:visited, a.btn:active 
{
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #6e6e6e;
    text-decoration:none;
}
a.btn:hover 
{
	font: bold 12px Helvetica, Arial, sans-serif;
    color: #333;
    
}
.btn, input[type="submit"], button {
  position: relative;
  display: inline-block;
  
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient( hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .3) );
  background-image: -moz-linear-gradient( hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .3) );
  background-image: -o-linear-gradient( hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .3) );
  background-image: -ms-linear-gradient( hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .3) );
  background-image: linear-gradient( hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .3) );
  background-clip: border-box;
  
  font: bold 12px Helvetica, Arial, sans-serif;
  color: #6e6e6e;
  text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1);
  text-decoration: none;
  
  padding: .5em 1em;
  
  border: solid 1px #dcdcdc;
  border: solid 1px hsla(0, 0%, 0%, .1);
  border-radius: 2px;
  
  outline: none;
  
  -webkit-transition: border-color 250ms, color 250ms;
  -moz-transition: border-color 250ms, color 250ms;
  -o-transition: border-color 250ms, color 250ms;
  -ms-transition: border-color 250ms, color 250ms;
  transition: border-color 250ms, color 250ms;
}
/*
    Removed button from this because the margin was conflicting with the customer combobox
    .btn, input[type="submit"], button
*/
.btn, input[type="submit"] {
    margin: 1em .8em 1em 0;
}

input[type="submit"], button { cursor: pointer;}

.btn-primary,
.btn-success,
.btn-warning,
.btn-info {
  color: #F1F1F1;
  text-shadow: 0 -1px 0 hsla(0, 0%, 0%, .3);
  border: 1px solid transparent;
}

.btn-primary { background-color: #0064CD;}
.btn-success { background-color: #57A957;}
.btn-warning { background-color: #C43C35;}
.btn-info { background-color: #339BB9;}

.btn:hover, input[type="submit"]:hover, button:hover {
  color: #333;
  border-color: #999;
  border-color: hsla(0, 0%, 0%, .2);
  -moz-box-shadow: 0 1px 2px hsla(0,0%,0%,0.15);
  box-shadow: 0 1px 2px hsla(0,0%,0%,0.15);
}

.btn-primary:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-info:hover { color: #F9F9F9;}

.btn-left {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-middle {
  margin-left: 0;
  margin-right: 0;
  border-left: solid 1px #f3f3f3;
  border-left: solid 1px hsla(0,0%,100%,0);
  border-radius: 0;
}

.btn-middle:hover,
.btn-right:hover { border-left: solid 1px #999 }
.btn-right {
  border-left: solid 1px #f3f3f3;
  border-left: solid 1px hsla(0,0%,0%,0);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn:active, input[type="submit"]:active, button:active {
  color: #000;
  border-color: #444;
  border-color: hsla(0, 0%, 0%, .5);
  -webkit-transition: border-color 0s;
  -moz-transition: border-color 0s;
  -o-transition: border-color 0s;
  -ms-transition: border-color 0s;
  transition: border-color 0s;
}

.btn-primary:active,
.btn-success:active,
.btn-warning:active,
.btn-info:active { color: #FFF;}

.btn-large {
  font-size: 16px;
  padding: 10px 15px;
}

.btn-disabled, input[type="submit"]:disabled, button:disabled {
  color: #bbb;
  text-shadow: none;
  pointer-events: none;
  background-image: -webkit-linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
  background-image: -moz-linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
  background-image: -o-linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
  background-image: -ms-linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
  background-image: linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
}

.btn-icon:before, .btn-icon:after {
  position: relative;
  display: inline-block;
  content: "";
  background-image:url(../Images/sprite.png);
  background-position: -13px 0;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  top: 1px;
  opacity: .8;
}

.btn-icon-check:before, .btn-icon-x:before,
.btn-icon-plus:before, .btn-icon-minus:before,
.btn-icon-left:before { margin-right: .5em;}

.btn-icon-right:after { margin-left: .5em;}

.btn-icon-up:before , .btn-icon-down:before
.btn-icon-up:after , .btn-icon-down:after  { margin: 0;}

.btn-icon-check:after , .btn-icon-x:after,
.btn-icon-plus:after , .btn-icon-minus:after,
.btn-icon-left:after , .btn-icon-right:before,
.btn-icon-up:after , .btn-icon-down:after { width: 0;}

.btn-icon-check:before { background-position: center top;}
.btn-icon-x:before { background-position: center -12px;}
.btn-icon-plus:before { background-position: center -24px;}
.btn-icon-minus:before { background-position: center -36px;}
.btn-icon-right:after { background-position: center -48px;}
.btn-icon-left:before { background-position: center -60px;}
.btn-icon-up:before { background-position: center -72px;}
.btn-icon-down:before { background-position: center -84px;}

.btn-icon:hover:before, .btn-icon:hover:after{ opacity: 1;}