body {
    background-color: #e8e8e8;
    font-size: 10pt;
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;    
    margin: 0;
    padding: 0;
    color: #383838;
    text-align: center;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

.export-menu li a:hover {
    text-decoration: underline;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
    font-weight: 100;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

header 
{  
  position: fixed;
  width: 100%;
  background-color: #383838;  
  color: White;
  height: 100px;  
  z-index: 1000;  
}

#title 
{
  width: 898px;
  margin: 0px auto;
  padding: 30px;
  text-align: left;  
}

section 
{
  text-align: left;
}

section#main 
{
  width: 898px;
  margin: 0px auto;
  background: url('Images/page-bg.png') repeat-y;
  padding: 130px 30px 75px; 
  min-height: 250px; 
}

#bottom
{
  width: 958px;  
  height: 10px;
  margin: 0 auto;
  background: url('Images/bottom-bg.png') no-repeat top;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

.logonfield-wrapper 
{
  width: 400px;
  height: 34px;
  border: 1px solid #e5e5e5;
  margin-top: 5px;
}

.logonfield-wrapper label
{
  font-weight: bold;
  float: left;
  width: 110px;
  margin: 10px 0 0 10px;
}

.logonfield-wrapper input
{
  border: none;
  width: 272px;
  height: 25px;
  padding: 4px;
  font-size: 1.5em;  
  font-weight: 100;
  background-color: transparent;
  outline: none;
}

.button-regular 
{
  width: 80px;
  height: 22px;
  border: none;
  color:White;
  background: url('Images/Buttons-normal-bg.png') no-repeat;
  background-position-x: 0px;
  background-position-y: -22px;
}
a.button-regular 
{
  text-align: center;
  text-decoration: none;
  padding-top: 2px;
}
.button-reular:hover
{
  background: url('Images/Buttons-pressed-bg.png') no-repeat;
  background-position-x: 0px;
  background-position-y: -22px;
}
a.button-reular:hover
{
  background: url('Images/Buttons-pressed-bg.png') no-repeat;
  background-position-x: 0px;
  background-position-y: -22px;
}

.input-background {background: url('Images/input-bg.gif') no-repeat;}


.sb {border: 1px solid #e8e8e8; padding: 5px; }
input.sb_t { width: 325px;border: none; outline: none;padding: 5px;}
.sb_go 
{
  width: 45px;
  height: 22px;
  border: none;
  color:White;
  background: url('Images/Buttons-normal-bg.png') no-repeat;}
  
.sb_go:hover
{
  background: url('Images/Buttons-pressed-bg.png') no-repeat;
}

.searchHit {padding: 5px 10px; border: 1px solid White;}
.searchHit h2 a {text-decoration: none; color: #333;}
.searchHit h2.title {margin-bottom: 0; cursor: pointer;}
.searchHit p.excerpt {margin-top: 0; cursor: pointer;}
.searchHit:hover { border: 1px solid #ccc; background-color: #e8e8e8;  }

.ajax-loader {text-align: center; margin-top: 25px; display: none;}
.ajax-loader img {border: none;}
.ajax-loader a {color: Black; text-decoration: none; cursor: default;}

.load-more {text-align: right; font-style: italic; color: #ccc;}
.load-more a {color: #ccc; text-decoration: none;}
.load-more a:hover {color: #ccc; text-decoration: underline;}

.my-documents { float: right; text-align: right; }
.my-documents a { color: White; text-decoration: none; }
.my-documents a:hover { text-decoration: underline; }

.njsfs-button {padding: 2px; font-size:10px;}

.sorter {}
.sortItem { padding: 10px; border: 1px solid #ccc; margin: 2px 0;}
.sortItem img { border: none;}
.sortItem .njsfs-button {float: right; cursor: pointer; margin-top: -6px;}

.extraContainer { padding: 10px; border: 1px solid #ccc; margin: 2px 0;}
.extraContainer img { border: none;}
.extraContainer .njsfs-button {float: right; cursor: pointer; margin-top: -6px;}


/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}




/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-errors li {
  font-weight: normal;    
}

.validation-summary-valid {
    display: none;
}

.success {
  padding: 20px;
  background-color: #ffc;
  border: solid 1px #060;
  color: #060;
  margin: 0 0 20px 150px;
  width: 600px;
}

.error {
  padding: 20px;
  background-color: #ffc;
  border: solid 1px #c00;
  color: #c00;
  margin: 20px 0;
  width: 600px;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}