#scriptErrorContent {
    margin: 0 1em;
}

#scriptErrorContent .btn-adobereader {
    width: 158px;
    height: 39px;
    background: url(/KdheRateCheckup1.0/Media/Button_Adobe_Reader.png) no-repeat 0 0;
}
#scriptErrorContent .icon-PDF {
    width: 16px;
    height: 16px;
    background: url(/KdheRateCheckup1.0/Media/Icon_PDF.png) no-repeat 0 0;
    vertical-align: text-top;
}
#scriptErrorContent .icon-HTML {
    width: 16px;
    height: 16px;
    background: url(/KdheRateCheckup1.0/Media/Icon_ViewHtml.png) no-repeat 0 0;
    vertical-align: text-top;
}

/* FOR EXTERNAL PAGES */
/* Temporary comment by RF to show the website and fix issue with excel rendering*/
.no-js #aspnetForm { 
    display: none; 
}
#scriptErrorContainer { 
    margin: 2em auto; 
    min-width: 286px; 
    max-width: 720px; 
    text-align: left;
    padding: 2em 2em 3em 2em; 
    box-shadow: inset 1px 1px 30px 2px rgba(0,0,0,0.2), 2px 2px rgba(238, 238, 238, 0.6); 
    border-radius: 20px; 
    background: #f3f3f3;
}

/* ==========================================================================
   Everything below can be safely removed once the UI Framework is implemented
   ========================================================================== */

#scriptErrorContent  .text-error {
    color: #b94a48; 
    background:none;
}

#scriptErrorContent .alert {
    display: block;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 4px;
    line-height: 1.5em;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#scriptErrorContent .alert .icon {
    float: left;
    margin: 0 1em 0 0;
    vertical-align: middle;
}
#scriptErrorContent .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
#scriptErrorContent .btn {
    color:white;
    border:none;
    box-shadow:none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: .5em 1em .55em 1em;
    margin: .25em 0;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    line-height: normal;
    border: 0;
    letter-spacing: 1px;
}
#scriptErrorContent .btn:hover {
    top: 1px;
    text-decoration: none;
}

#scriptErrorContent .ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
#scriptErrorContent .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

#scriptErrorContent .icon {
    display: inline-block;
    vertical-align: middle;
} 
#scriptErrorContent .icon-error {
    width: 24px;
    height: 24px;
    background: url(/KdheRateCheckup1.0/Media/Icons_Alerts.png) no-repeat -24px 0px;
}

#scriptErrorContent a.scriptErrorBtn,
#scriptErrorContent a.scriptErrorBtn:active,
#scriptErrorContent a.scriptErrorBtn:visited {
    color:#fff;
    background-color:#4e4e4e;
    background-image:linear-gradient(to bottom,#4e4e4e 0,#181818 44%,#000 47%,#323232 50%,#1d1d1d 53%,#0a0809 100%);
}
#scriptErrorContent a.scriptErrorBtn:hover {
    color:#fff;
    background-color:#0a0809;
    background-image:linear-gradient(to bottom,#0a0809 0,#1d1d1d 47%,#323232 50%,#000 53%,#181818 56%,#4e4e4e 100%);
}

a.btn.scriptErrorBtn {
  color: white;
}