/* CSS Reset */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* NIEF CSS from Trust Fabric */

html {
     background: #E2E2E2;
 }

body {
    font-weight: 300;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 19px;

    width: 1000px;
    margin: 0px auto 90px auto;
    padding: 0px 0px 90px 0px;
    background: white;
    border: 1px solid lightgray;
}

h1 {
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 36px;
    line-height: 36px;
    padding: 30px 0px 0px 0px;
    margin-bottom: 20px;

    clear: both;
}

h1:first-child {
    padding-top: 0px;
}

h2 {
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: black;

    margin-top: 10px;
}

h3 {
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: black;

    margin-top: 10px;
}

p {
    margin-top: 10px;
}


strong {
    font-weight: 400;
}

a {
    color: #1982D1;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table {font-size: 0.8em; border-collapse: collapse}
table thead tr th {font-weight: normal; border: 1px solid black; padding: 5px; background-color:#cccccc}
table tbody tr td {text-align: center; border: 1px solid black; padding: 5px}
.theader {font-weight: bold}


  TH.HEADER
  {
     font-size: 1.45em;
     font-weight: bold;
     text-align: left;
     vertical-align: bottom;
     height: 50px;
  }

  TH.GFIPM
  {
     font-size:11pt;
     font-weight: bold;
     background-color:#B0B0B0;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }

  TD.GOOD
  {
     font-size:10pt;
     background-color:#A6FFC0;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }

  TD.PROBLEM
  {
     font-size:10pt;
     background-color:#FFFFA0;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }

  TD.BAD
  {
     font-size:10pt;
     background-color:#FFA6A6;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }


li {
    margin-top: 10px;
}

blockquote {
    margin: 10px 90px 0px 90px;
}

[contentEditable=true]:hover {
    border-left: 1px solid rgb(224, 224, 224);
    padding-left: 5px;
    margin-left: -6px;
}

[contentEditable=true]:focus {
    position: relative;
    z-index: 1;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(240, 240, 240);
    border-radius: 5px;
    padding: 5px;
    margin: -6px;
    outline: 0px solid transparent;
    min-height: 19px;
}

a.external {
    font-size: 8px;
    font-weight: bold;
    vertical-align: top;
    position: relative;
    margin-right: 3px;
}

a.external:hover {
    text-decoration: none;
}


a.external:after {
    content: "\2192";
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.view {
    float: right;
    font-weight: 300;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 19px;
}


.ui-menu {
    background: none repeat scroll 0% 0% #F0F0F0;
    border-radius: 5px;
    border: 1px solid #D3D3D3;
    margin-top: 10px;
}

.ui-menu-item {
    border-bottom: 1px solid #E0E0E0;
    padding: 5px;
    padding-left: 10px;
    margin-top: 0px;
    cursor: pointer;
}

.ui-menu-item-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-menu-item-label {
    text-overflow: ellipsis;
    color: #888888;
}

.ui-state-focus {
    background-color: #F8F8F8;
}

.ui-helper-hidden-accessible {
    display: none;
}

.left {
    float: left;
}

.right {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    margin-left: 50%;
}

.divider-wide {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

.divider {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

.divider-secondary {
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

#body {
    margin: 0px;
    padding: 60px 90px;
    overflow: hidden;
    clear: both;
}

#banner {
    clear: both;
    height: 120px;
    font-size: 50px;
    color: white;
    line-height: 120px;
    padding-left: 210px;
    padding-right: 90px;
    letter-spacing: .1em;
    text-align: center;
    background: 
        url(/css/NIEF_final_logo_web.png) 10px 6px / auto 90% no-repeat,
        linear-gradient(50deg, rgba(255, 255, 255, .1)  30px, rgba(255, 255, 255, .3)  31px, rgba(10, 73, 122, .1) 32px) 0px 0px / auto 100% no-repeat,
        linear-gradient(45deg, rgba(255, 255, 255, .1)  50px, rgba(255, 255, 255, .3)  51px, rgba(10, 73, 122, .1) 52px) 0px 0px / auto 100% no-repeat,
        linear-gradient(40deg, rgba(255, 255, 255, .1)  70px, rgba(255, 255, 255, .3)  71px, rgba(10, 73, 122, .1) 72px) 0px 0px / auto 100% no-repeat,
        linear-gradient(35deg, rgba(255, 255, 255, .1)  90px, rgba(255, 255, 255, .3)  91px, rgba(10, 73, 122, .1) 92px) 0px 0px / auto 100% no-repeat,
        linear-gradient(30deg, rgba(255, 255, 255, .1) 110px, rgba(255, 255, 255, .3) 111px, rgba(10, 73, 122, .1) 112px) 0px 0px / auto 100% no-repeat,
        linear-gradient(25deg, rgba(255, 255, 255, .1) 130px, rgba(255, 255, 255, .3) 131px, rgba(10, 73, 122, .1) 132px) 0px 0px / auto 100% no-repeat,
        linear-gradient(20deg, rgba(255, 255, 255, .1) 150px, rgba(255, 255, 255, .3) 151px, rgba(10, 73, 122, .1) 152px, rgba(10, 73, 122, 1)) 0px 0px / auto 100% no-repeat,
        rgba(10, 73,122,.9) 0px 0px / auto 100% no-repeat;
}

.unsticky #banner {
    margin-bottom: 0px;
}

.sticky #banner {
    margin-bottom: 40px;
}


.unsticky #menu {
    margin-bottom: 0px;
}

.sticky #menu {
    position: fixed;
    top: 0px;
    width: 820px;
    margin-bottom: 0px;
}

#menu {
    height: 40px;
    padding: 0px 90px 0px 90px;
    background-color: black;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: white;
    z-index: 10;
}

#menu a {
    color: white;
    text-decoration: underline;
}

#menuinner {
    display: -webkit-box; /* satisfy safari */

    -webkit-box-pack: justify; /* satisfy safari */
    -moz-box-pack: justify; /* satisfy safari */
    -ms-flex-pack: justify; /* satisfy safari */
    -webkit-justify-content: space-between; /* satisfy safari */

    display: flex;
    justify-content: space-between;
}

#menuinner .separator-vertical {
    border-left: 1px solid white;
}