.data-display {
    margin-top: 20px;
}

.data-display h2, .data-display h3, .data-display h4, .data-display h5 {
    text-align: center;
}

ul.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 22px;
    position: relative;
}

.nav-list li {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: center;
}

.nav-list li ul {
    display: none;
    text-align: left;
    width: 150px;
}

ul.nav-list li ul li {
    padding: 0;
    display: block;
    margin: 0;
    text-align: left;
    width: 150px;
}

ul.nav-list li ul li a{
    padding: 10px 15px 10px 15px;
    background-color: #5b5b5b;
}

ul.nav-list li ul li:hover {
    background-color: white;
}


.nav-list li:hover ul {
    display: block;
}

.nav-list li:hover, .nav-list li:hover .top-level {
    color: #ece1c1;
    background-color: #c51d1d;
}

.nav-list-login {
    float: right;
    width: 150px;
    margin-top: -22px;
    margin-right: 35px;
}

.sub-nav-list {
    padding: 0;
}

.sub-nav-list li {
    margin-right: 5px;
    display: inline;
    font-size: 135%;
}

.sub-nav-list li:hover {
    background-color: steelblue;
}

li.sub-nav-list-button:hover {
    background-color: white;
}

li.home-nav{
    font-size: 125%;
    border: 1px solid steelblue;
    padding: 5px;
}

li.home-nav-wide{
    width: 200px;
}

li.home-nav:hover, li.home-nav a:hover{
    background-color: steelblue;
    color: white;
}

.userdb-wrapper {
    width: 90%;
    margin: auto;
    text-align: center;
}

.userdb-full-width-wrapper {
    width: 100%;
    font-size: 125%;
    margin: auto;
    text-align: center;
}

.userdb-form {
    width: 200px;
    text-align: center;
    margin: 5px auto 10px auto;
}

.safety-checkin-report {
    display: inline-block;
    border: 1px solid black;
    width: 95%;
    margin: 10px auto;
    padding: 1px;
    text-align: left;
}

.safety-checkin-report ul {
    margin: 0;
    padding-left: 2em;
}

.safety-checkin-report h2 {
    margin: 2px;
    padding: 2px;
    text-align: center;
    background-color: #33cc00;
    color: white;
    font-size: 110%;
}

.safety-checkin-report h3 {
    font-weight: bold;
    color: black;
    font-size: 105%;
}

.safety-checkin-report-panel {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-full-allowable-width {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-narrow {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-ultra-narrow {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-wide{
    width: 69%;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.safety-checkin-report-panel-full{
    width: 95%;
    margin-top: 5px;
}

.safety-checkin-report-inner-panel-narrow {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    text-align: right;
}

.safety-checkin-report-inner-panel-wide{
    margin-top: 5px;
    width: 79%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

root {
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 0;
    color: #333333;
}

p {
    padding: 5px 2em 5px 2em;
    font-size: 100%;
}
table {
    empty-cells: show;
}


td {
    padding-bottom: 8px;
    padding-top: 8px;
}

.display-grid-table td {
    padding: 0;
}

.inner-table td {
    padding: 8px 0 8px 0;
}

.inner-table td.percent-field, .inner-table th.percent-field{
    width: 20%;
}

.inner-table td.accounts-field, .inner-table th.accounts-field{

}

.inner-table td.action-field, .inner-table th.action-field{
    width: 20%;
}

.percent-text{
    width: 40px;
}

form {
    text-align: center;
    align-content: center;
}

table{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    border: none;
}

h1{
    text-align: center;
    font-size: 300%;
    font-weight: normal;
    color: #333333;
    margin: 15px;
}

h2{
    font-size: 200%;
    font-weight: normal;
    color: #666666;
}

h3{
    font-size: 175%;
    font-weight: normal;
    color: #999999;
    margin: 5px;
}

.header-h3 {
    font-size: 175%;
    font-weight: normal;
    color: #999999;
}

h4{
    font-size: 125%;
    font-weight: bold;
}

h5{
    font-size: 125%;

    font-style: italic;
}

tr:hover {
}

a {
    color: steelblue;
    text-decoration: none;
}

a:visited{
    color: steelblue;
}

a:hover{
    text-decoration: underline;
}

.body-content {
    margin-top: 60px;
    margin-bottom: 200px;
    padding: 0 50px;
}

.navigation{
    position: fixed;
    width: 100%;
    height: 40px;
    z-index: 2001; /* needs to be greater than the confirmation dialog box */
    top:0;
    text-align: left;
    padding: 5px 0 5px 25px;
    margin: 0;
    background-color: #333333;
    font-size: 16px;
}

.navigation ul.nav-list a, .navigation ul.nav-list span {
    padding: 7px 5px 7px 5px;
    color: #83b51e;
}

.navigation a:visited{
    color: #83b51e;
}

.navigation ul.nav-list a:hover, .navigation ul.nav-list span:hover{
    text-decoration: none;
    color: #ece1c1;
    background-color: #c51d1d;
}

.navigation ul.nav-list li.offset a:hover {
    text-decoration: none;
    color: black;
    background-color: #4682b4;
}

.navigation ul.nav-list li.offset a {
    color: #4682b4;
    display: block;
}


.nav-link {
    color: #c51d1d;
    display: block;
}

form.navbar {
    margin: 20px;
}

form.ajaxAdd {
    padding: 0;
    margin: 0;
}

.wbsShares-form, table.wbsShares-table {
    border-collapse:collapse;
}

table.wbsShares-table td, table.wbsShares-table th {
    width: 160px;
}
table.distribution-table th, table.distribution-table td{
    width: 50px;
}

table.wbsShares-table td{
    border: 1px solid black;
}

table.no-borders-table td{
    border: none;
}

.wbsShares-form th.wbsShares-table-header{
    text-align:center;
    background:none repeat scroll 0 0 #E5E5E5;
    padding:10px;
}

.wbsShares-form tr.wbsShares-rows{
    text-align:center;
    background:none repeat scroll 0 0 #FFFFFF;
    border-top:1px solid #BBBBBB;
}

.wbsShares-table-entry{
    border-top: hidden;
}

.wbsShares-table-entry-rows{
    border-top: none;
}

.middle-top {
    width: 100%;
}

.middle-top-right {
    float: right;
    width: 30%;
}

.middle-top-left {
    float: left;
    width: 60%;
}

.right {
    width: 100%;
}

.middle {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 1400px;
}

.middle-lljv {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    width: 700px;
}

.middle-bottom {
    margin-top: 25px;
}

.download-button {
    margin-top: 10px;
}

table.wbsEntryGridTable td{
    padding: 0;
}

table.calculateFormTable{
    width: 300px;
}

form.resetButton{

}

.file-input-form {
    margin-bottom: 20px;
    height: 125px;
    border: 1px solid black;
    padding: 10px;
    text-align: center;
}

.input-box{
    margin-right: 20px;
}

.upload-new {
    margin-top: 20px;
}

.success-message {
    color: #009900;
}

.block-nav-link {
    border: 1px solid steelblue;
    margin: 0;
    padding: 5px;
}


.sub-nav{
    height: 20px;
    text-align: center;
}

.front-page-blocks-wrapper-static {
    width: 838px;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper {
    width: 1250px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper-medium {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.front-page-blocks-wrapper-wide {
    width: 98%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.help-page-blocks-wrapper-wide {
    width: 1200px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.front-page-block {
    float: left;
    height: 300px;
    width: 350px;
    padding: 25px;
    margin-right: 7px;
    margin-left: 7px;
    text-align: center;
    border: 1px solid black;
}

.front-page-block-inline {
    display: inline-block;
    height: 300px;
    width: 350px;
    padding: 25px;
    margin: 0px 7px 20px 7px;
    text-align: center;
    border: 1px solid black;
    vertical-align: top;
}

.generic-list {
    text-align: left;
}

.front-page-splash-link-container {
    margin-top: 50px;
}

.front-page-splash-link-container-smaller {
    margin-top: 35px;
}

.front-page-splash-link-container-even-smaller {
    margin-top: 25px;
}

.front-db-list-container-wide {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.front-page-splash-link{
    font-size: 20px;
    border: 2px solid steelblue;
    padding: 20px 40px 20px 40px;
}

.front-page-splash-link-smaller{
    font-size: 20px;
    border: 2px solid steelblue;
    padding: 10px 20px 10px 20px;
}

.front-page-splash-link-even-smaller{
    font-size: 16px;
    border: 2px solid steelblue;
    padding: 5px 10px;
}

.front-page-splash-link-small {
    margin: 0;
    padding: 0;
}

.front-page-splash-link-small li {
    height: 30px;
    list-style-type: none;
    margin: 0 0 15px 0;
}

.front-page-splash-link-small li a{
    border: 1px solid steelblue;
    padding: 10px;
    margin: 0;
}

.front-page-splash-link-container a:hover, .front-page-splash-link-small li a:hover,
.sub-nav-list li a:hover {
    color: white;
    background-color: steelblue;
    text-decoration: none;
}

.front-db-list-container {
    float: left;
    width: 145px;
    margin: 5px 0 0 20px;
}

.report-heading {
    font-weight: bold;
    font-size: 125%;
}

.data-display {
    margin-top: 20px;
}

.data-display h2, .data-display h3, .data-display h4, .data-display h5 {
    text-align: center;
}

.message-panel{
    text-align: center;
}

.db-nav ul li{
    height: 30px;
    list-style-type: none;
    display: inline;
    margin: 0 20px 0 20px;
}

.narrow-form{
    width: 300px;
}

.medium-form{
    width: 500px;
    margin: auto;
}

.wide-form{
    width: 800px;
}

.wide-datatable{
    width: 1300px;
    margin: auto;
}

.wide-datatable-percent{
    width: 95%;
    margin: auto;
}

.narrow-datatable{
    width: 700px;
    margin: auto;
}
.ultra-narrow-datatable{
    width: 525px;
    margin: auto;
}
.nearly-full-form{
    width: 90%;
}

.full-form{
    width: 100%;
}

.fixed-table{
    table-layout: fixed;
}

.distro-calc-submit-container{
    margin-top: 25px;
    text-align: left;
}

table.stand-alone {
    border: 1px solid black;
}

ul.saved-file-results li{
    list-style-type: none;
    background-color: #66cc00;
    border: 1px solid #009900;
    padding: 20px;
    margin: 20px auto 20px auto;
    width: 70%;
    font-size: 150%;
}

.authentication {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wbs-form {
    border: 1px solid black;
    margin: 15px auto 15px auto;
    padding: 0 15px 15px 15px;
}

.wbs-form-block {
    width: 600px;
}

.wbs-form-inner-block {
    width: 100%;
}

.table-text-display{
    padding: 0 1em 0 1em;
    text-align: left;
}

.wbs-sub-table td {
    border-top: 1px solid #333;
}

.account-sub-table th, .account-sub-table td {
    border-bottom: none;
}

tr.project-data-row:nth-child(even) {
    background: #e2ecf3;
}

.updated-approval {
    background-color: #F4F7EA;
}

.small-column {
    width:100px;
    font-size: 90%;
    padding: 0;
}

.filter-form-top-page {
    text-align: center;
    margin-left: 20px;
}
.project-list-dialog-box{
    padding: 100px;
}

.supervisor-list div.ui-datalist-content {
    border: none;
    background-color: transparent;
}

.supervisor-list ul.ui-datalist-data {
    list-style: none;
    margin: auto;
    padding: 1px;
}

.kfs-wbs-match-block {
    display: inline-block;
    width: 500px;
    margin-left: 20px;
}

.msr-input-block {
    display: inline-block;
    width: 700px;
    vertical-align: top;
}

.error-message-block {
    text-align: left;
    padding: 20px;
    width: 80%;
    margin: 20px auto;
    border: 1px solid black;
    font-size: 120%;
}

.msr-upload-panel {
    border: 1px solid black;
}

.msr-output-file-panel {
    display: inline-block;
    margin-top: 20px;
    text-align: left;
    padding-left: 3em;
}

#msr-input-totals {
    margin-top: 20px;
}

#msr-output-totals {
    margin-top: 20px;
}

.column-med {
    width: 120px;
}

.column-narrow {
    width: 80px;
}

.column-extra-narrow {
    width: 50px;
}

.column-wide {
    text-align: left;
}

.ui-growl {
    top: 50px;
}
.grid-fields{
    margin: 10px;
}

.grid-fields td:nth-child(1) {
    font-weight: bold;
    text-align: right;
    font-size: 110%;
    padding-right: 10px;
    width: 35%;
}

.grid-fields td:nth-child(2){
    text-align: left;
    padding-left: 5px;
}


body .ui-panelgrid.grid-fields .ui-panelgrid-cell {
    border: none;
} 
.grid-fields-3{
    margin: 10px;
}

.grid-fields-3 td:nth-child(1) {
    font-weight: bold;
    text-align: right;
    font-size: 110%;
    padding-right: 10px;
    width: 35%;
}

.grid-fields-3 td:nth-child(2){
    text-align: left;
    padding-left: 5px;
    width: 300px;
}
.grid-fields-3 td:nth-child(3){
    text-align: left;
}


body .ui-panelgrid.grid-fields-3 .ui-panelgrid-cell {
    border: none;
} 

.data-view-wrapper {
    width: 100%;
    margin: auto;
}

.data-view-wrapper h4, .data-view-wrapper h3 {
    text-align: left;
    padding-left: 15px;
}

.data-view-column {
    display: inline-block;
    width: 500px;
    margin: 10px;
    padding: 5px;
    vertical-align: top;
}

.data-view-block {
    margin: 5px;
    padding: 5px;
}

.data-view-inner-block{
    font-size: 120%;
    border: 1px solid black;
    padding: 0 0 10px 10px;
    margin: 5px;
}

.proposal-content-block{
    display: inline-block;
    width: 78%;
    text-align: left;
    padding: 15px;
    margin: 10px;
    border: black 1px solid;
    box-shadow: 5px 2px 25px -10px steelblue;
    border-radius: 5px;
}

.proposal-content-block h4{
    color: gray;
    font-size: 110%;
    font-family: sans-serif;
    padding: 0;
    margin: 0 0 15px 0;
}

.proposal-content-block h5{
    text-align: left;
    padding: 0;
    margin: 0 0 15px 0;
}

.proposal-title-block{
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.proposal-data-block{
    margin-bottom: 20px;
}

.medium-data-display{
    width: 60%; 
    margin: auto;
}

body .align-center .ui-datatable thead th {
    text-align: center;
}

@media print {
    body {
        color: black;
    }
    .body-content {
        margin: 0;
    }
   
    
    a, a:visited {
        color: black;
    }
    
    .ui-widget {
        font-size: 22px;
    }
    
    .error-message-block {
        display: none;
    }

    #growl_container{
        display: none;
    }
    
    .navigation {
        display: none;
    }
    
    .noprint {
        display: none;
    }
    
    .font {
        font-size: 10px;
        color: black;
    }
    
    h3 {
        font-size: 10px;
        color: black;
    }
    
    .ui-datatable-header {
        display: none;
    }
    
}