/************ Button ************/
.button {
  display: inline-block;
  background: #004a95 url('../images/bg-button-blue.gif') top left repeat-x !important;
  border: 1px solid #004994 !important;
  padding: 4px 7px 4px 7px !important;
  color: #fff !important;
  font-size: 11px !important;
  cursor: pointer;
}

.button:hover {
  text-decoration: underline;
}

.button:active {
  padding: 5px 7px 3px 7px !important;
}

/*************** Forms ***************/

form label {
  display: block;
  padding: 0 0 5px;
  font-weight: bold;
  font-size: 80%;
}

form fieldset legend {
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 10px;
}

form fieldset {
  margin-bottom: 10px;
}

form p small {
  font-size: 0.75em;
  color: #777;
}


form input.text-input,
form select,
form textarea,
form .small-input {
  width: 25% !important;
}

form .medium-input {
  width: 50% !important;
}

form .large-input {
  width: 97.5% !important;
  font-size: 16px !important;
  padding: 8px !important;
}

form textarea {
  width: 97.5% !important;
  font-family: Arial, Helvetica, sans-serif;
}

form select {
  padding: 4px;
  background: #fff;
}

form input[type="checkbox"],
form input[type="radio"] {
  padding: 0;
  background: none;
  border: 0;
}

/*************** Notifications ***************/

.notification {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0;
  border: 1px solid;
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important;
  font-size: 13px;
  width: 100%;
}

.attention {
  background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
  border-color: #e6db55;
  color: #666452;
}

.information {
  background: #dbe3ff url('../images/icons/information.png');
  border-color: #a2b4ee;
  color: #585b66;
}

.success {
  background: #d5ffce url('../images/icons/tick_circle.png');
  border-color: #9adf8f;
  color: #556652;
}

.error {
  background: #ffcece url('../images/icons/cross_circle.png');
  border-color: #df8f8f;
  color: #665252;
}

.notification div {
  display:block;
  font-style:normal;
  padding: 10px 10px 10px 36px;
  line-height: 1.5em;
}

.notification .close {
  color:#990000;
  font-size:9px;
  position:absolute;
  right:5px;
  top:5px;
}
