﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT UTILITY ELEMENTS */
.imr { height: 0; font-size: 0; line-height: 0; }
.hide, .imr span { display: none; visibility: hidden; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.floatL { float: left; }
.floatR { float: right; }
.relative, .floatL, .floatR { display: block; position: relative; }

img { behavior: url(/includes/_global/_js/UI_compatibility/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background-color: #000;
  opacity: .8;
  z-index: 999;
}

/* TYPE */
body { font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; }
h1,h2,h3 { font: 18px/22px "Lucida Grande", Verdana, Arial, sans-serif; color: #000; margin: 15px 0; font-weight: normal; }
h4,h5,h6 { font-size: 1em; font-weight: bold; margin: 8px 0 5px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }

a:link, a:visited, a:active { color: #08c; }
a:link, a:visited, a:active { text-decoration: none !important; outline: 0; }
a:hover { text-decoration: underline !important; outline: 0; color: #008ae6; }

/* LAYOUT */

body {
  /* contains top repeating bg image */
  background: #fff url(/error/_images/top-fullW.gif) left top repeat-x;
  overflow: hidden; /* prevent vertical scroll */
}
/* fixed width wrappers */
.wrapper {
  position: fixed;
  height: 100%;
  width: 1920px;
  z-index: 1;
}
.wrapper#bodyWrap {
  /* contains bottom repeating bg image */
  width: 100%;
  left: 0;
  bottom: 0;
  background: url('/error/_images/bottom-fullW.gif') repeat-x left bottom;
}
.wrapper#topShadow {
  /* contains top shadow image */
  top: 0;
  left: 0;
  background: url('/error/_images/top-shadow.gif') no-repeat left top;
}
.wrapper#botShadow {
  /* contains bottom shadow image */
  bottom: 0;
  background: url('/error/_images/bot-shadow.gif') no-repeat left bottom;
}

/* CONTENT */
#content, #footer {
  position: relative;
  z-index: 2; /* keep messages above any repeating fixed bg images */
  width: 900px;
  height: 999em;
  margin: 0 auto;
}

/* MESSAGE BOX */
.messageBoxWrap, .messageBox { float: left; position: relative; z-index: 2; }
.messageBoxWrap {
  padding: 1px; /* reveal border */
  width: 800px; /* 802px; */
  height: 300px; /* 302px; */
  background: #e8e8e8 url(/error/_images/msg-box-border.gif) left bottom repeat-x;
  margin-top: 20px;
  margin-left: 56px;
}
.messageBox {
  width: 800px;
  height: 300px;
  background: #fff url(/error/_images/msg-box-bg.gif) left bottom repeat-x;
}
/* individual error message image position */
.messageBox img {
  position: relative;
  top: 84px;
  left: 0;
}

/* footer (links) */
#footer {
  float: left;
  top: 20px;
  left: 450px;
  margin-left: -38%;
}
#footer h3, #footer ul {
  float: left;
  height: 30px;
  width: auto;
}
#footer h3 {
  margin-top: 0;
  margin-right: 30px;
}
#footer ul li {
  float: left;
  
}