/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 10, 2018, 12:59:49 PM
    Author     : mrr39
*/
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%;
}

body .ui-button{
    margin: 5px;
}


table {
    empty-cells: show;
}

table.csv-table, table.csv-table th, table.csv-table td {
    border: 1px solid black;
}

table.csv-table {
    border-collapse: collapse;
}

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-style: italic;
}

h5{
    font-size: 100%;
    font-weight: bold;
}

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;
}

.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;
}

ul.nav-list {
    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;
}

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

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 ul li ul {
    display: none;
}

.nav-list li:hover ul 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;
}

.nav-list-title {
    width: 200px;
    margin-left: auto;
    margin-top: -15px;
    margin-right: auto;
    color: #83b51e;
    text-align: center;
}

.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;
}

.selected {
    background-color: steelblue;
    color: white;
}

.selected a {
    color: white;
}

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

.front-page-blocks-wrapper-static {
    width: 80%;
    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: 400px;
    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;
}

.wide-form{
    width: 800px;
}

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

.invoice-edit{
    width: 90%;
    margin-left: auto;
}

.wider-datatable{
    width: 1600px;
    margin: auto;
}

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

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

.medium-datatable{
    width: 1050px;
    margin: auto;
}

.medium-datatable-percent{
    width: 80%;
    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;
}

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

.time-charge-report-header-grid .ui-datalist-content ul {
    padding: 0;
    margin: 0;
}

.column-med {
    width: 120px;
}

.column-narrow {
    width: 80px;
}

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

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

.submit-buttons {
    position: fixed;
    bottom: 0;
    margin: 0 0 0 -350px;
    text-align: center;
    width: 100%;
    background-color: #333333;
    height: 40px;
    padding-top: 10px;
    z-index: 2;
}

.ui-growl {
    top: 50px;
}

.ui-background-unsubmitted,
.ui-datepicker-calendar .ui-background-unsubmitted .ui-state-default {
    background-color: #c51d1d;
    color: white;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-datepicker-current-day,
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default,
.ui-datepicker-current-day .ui-state-disabled {
    background-color: steelblue;
    color: white;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}


.ui-autocomplete-multiple-container {
    width: 200px;
}

.invoice-panel-grid-1st-column{
    width: 110px;
}

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

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

div.institution-home-search-form{
    width: 700px;
    margin: 20px auto;
}
/*label*/
div.institution-home-search-form table td:nth-child(1){
    width: 200px;
}

/*auto-complete td*/
div.institution-home-search-form table td:nth-child(2){

}

/*auto-complete input*/
div.institution-home-search-form table td:nth-child(2) input{
    width: 400px;
}

body .ui-datatable .ui-datatable-data > tr.task-exists{
    background: white;
}

body .ui-datatable .ui-datatable-data > tr.budget-change{
    background: orange;
}

body .ui-datatable .ui-datatable-data > tr.task-does-not-exist{
    background: #4DD54D;
}

body .ui-datatable .ui-datatable-data > tr.no-institution-row {
    background-color: red;
}