/*** variables ***/
.wdAlert {
  padding: 15px 15px 10px 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
  width: 900px;
  top: 20px;
  z-index: 99999; }
  .wdAlert a {
    text-decoration: none;
    font-weight: bold; }
    .wdAlert a:hover {
      text-decoration: underline; }
  .wdAlert.info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .wdAlert.info a {
      color: #2d6987; }
  .wdAlert.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .wdAlert.success a {
      color: #356635; }
  .wdAlert.warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .wdAlert.warning a {
      color: #a47e3c; }
  .wdAlert.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .wdAlert.error a {
      color: #953b39; }
  .wdAlert .close {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
    cursor: pointer; }
    .wdAlert .close:hover, .wdAlert .close:focus {
      opacity: 0.4;
      filter: alpha(opacity=40);
      text-decoration: none !important; }
  .wdAlert .title {
    font-weight: bold;
    margin-bottom: 5px; }
  .wdAlert p {
    margin: 0 0 5px 0; }
  .wdAlert ul {
    margin: 0 0 5px 0;
    padding: 0; }
  .wdAlert li {
    margin: 0 0 0 19px;
    padding: 0; }