/* Button Styles */
a.button, a.buttonsmall {
  color: #FFFFFF !important;
  font-size: 110%;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
  background: #2C689C;
  border-radius: 5px;
  line-height: 25px;
  white-space: nowrap;
  cursor: pointer;
}

a.button:hover, a.buttonsmall:hover {
  background: #60C3DE;
  color: #20384C !important;
}

a.button:active, a.buttonsmall:active {
  color: #FFFFFF !important;
  background: #1E4664;
}

a.buttonsmall {
  font-size: 85%;
}

a.disabledbutton, a.disabledbutton:hover, a.disabledbutton:active {
  color: #7d95c6 !important;
  cursor: default;
  background-color: lightblue;
  cursor: default !important;
}

a.button:active {
  outline: none; /* hide dotted outline in Firefox */
}

/**
special styling for file upload buttons
	<div class="fileUpload btn btn-primary">
    <span>Upload</span>
    <input type="file" class="upload" />
	</div>
**/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}