.top-row
    {
        padding-top:25px;
    }

    #floating_crop_img
    {
        display:none;
        position:fixed;
        min-width: 250px;
    }

    #floating_crop_img img
    {
        max-width:225px;
        height:auto;
    }

    .navbar-brand.with-image
    {
        padding: 5px 15px;
    }

    #floating_crop_img {outline:none; }
    #floating_crop_img strong {line-height:30px;}
    #floating_crop_img {text-decoration:none;}
    #floating_crop_img span {
        pointer-events: none;
        z-index:10;
        padding:14px 20px;
        margin-top:-30px;
        margin-left:28px;
        max-width:300px;
        line-height:16px;
    }
    #floating_crop_img span{
        display:inline;
        position:absolute;
        color:#111;
        border:1px solid #dca;
        background:#fffAf0;
    }
    .callout {
        z-index:20;
        position:absolute;
        top:30px;
        border:0;
        left:-12px;
    }
    #floating_crop_img .croperror
    {
        width:150px;
    }

    /*CSS3 extras*/
    #floating_crop_img span
    {
        border-radius:4px;
        box-shadow: 5px 5px 8px #CCC;
    }

    @-webkit-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @-moz-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @-o-keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    @keyframes throbber {
      0% {
        background: #dde2e7;
      }

      10% {
        background: #6b9dc8;
      }

      40% {
        background: #dde2e7;
      }
    }

    /* :not(:required) hides these rules from IE9 and below */
    .throbber:not(:required) {
      -webkit-animation: throbber 2000ms 300ms infinite ease-out;
      -moz-animation: throbber 2000ms 300ms infinite ease-out;
      -ms-animation: throbber 2000ms 300ms infinite ease-out;
      -o-animation: throbber 2000ms 300ms infinite ease-out;
      animation: throbber 2000ms 300ms infinite ease-out;
      background: #dde2e7;
      display: inline-block;
      position: relative;
      text-indent: -9999px;
      width: 0.9em;
      height: 1.5em;
      margin: 0 1.6em;
    }
    .throbber:not(:required):before, .throbber:not(:required):after {
      background: #dde2e7;
      content: '\x200B';
      display: inline-block;
      width: 0.9em;
      height: 1.5em;
      position: absolute;
      top: 0;
    }
    .throbber:not(:required):before {
      -webkit-animation: throbber 2000ms 150ms infinite ease-out;
      -moz-animation: throbber 2000ms 150ms infinite ease-out;
      -ms-animation: throbber 2000ms 150ms infinite ease-out;
      -o-animation: throbber 2000ms 150ms infinite ease-out;
      animation: throbber 2000ms 150ms infinite ease-out;
      left: -1.6em;
    }
    .throbber:not(:required):after {
      -webkit-animation: throbber 2000ms 450ms infinite ease-out;
      -moz-animation: throbber 2000ms 450ms infinite ease-out;
      -ms-animation: throbber 2000ms 450ms infinite ease-out;
      -o-animation: throbber 2000ms 450ms infinite ease-out;
      animation: throbber 2000ms 450ms infinite ease-out;
      right: -1.6em;
    }



    .imagefail
    {
        text-align: center;
        padding: 105px 0 100px 0;
        border: 5px dashed gray !important;
        background-color: #d9d9d9;
    }

    #imgurl
    {
        font-size: 0.9em;
        text-align: right;
        font-style: italic;
    }

    #close_errordrawer_button
    {
        cursor: pointer;
    }
    #close_errordrawer_button:hover
    {
        color: #ed3333;
    }

  .glyph-clickable:hover
      {
        color: #5a5aff;
        cursor: pointer;
      }