#header
{
  background-color: #3c3c3c; 
  height: 44px;
  position: fixed;
  z-index: 1200;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0 0 3px #000000;
}

.header-bar
{
  background-color: #3c3c3c; 
} 

#headerBanner
{
  position: absolute;
  top: 5px;
  left: 25px;
}

#headerText {
    position: absolute;
    top: 12px;
    left: 75px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}


.loginPage {

background-color: #3c3c3c; 

}

.loginPage #footerArea {
border-top: 1px solid #ff7602;

}

.loginPage #leftFooterArea.innerFooterArea
{
color: #ff7602;

}

#notificationArea {
  background-color: #3c3c3c;
  padding: 0;
}


/* Styling of the data entry page  */

.formSection  {
    border: 1px solid #cacaca;
    border-radius: 3px;
    margin: 0;
    padding: 1px 4px 1px 4px ;
}




.formSection h3 {
    
    color: #000;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    padding: 0;
}


.formSection td {

text-align: center;
min-width: 75px;
padding: 1;

}

.formSection th {

font-weight: normal;
font-size: 14px;
text-align: center;
white-space: normal !important;  /*   normal might be better.  break word will break the work up to fit*/
max-width: 75px;
background-color: #eaf7fb;

/*  These colour the header - didn't look very good
padding: 1px 2px 1px 2px;
color: #fff;

border-color: #fff;
*/

}


.entryfield,
.indicator
{

max-width: 75px;

}

/* input criteria at top of the data entry page */

.inputCriteria {

  background-color: #f3f3f3;
  border-color: #c3c3c3;
  
}

div.inputCriteria {

    background-color: #f3f3f3;
    border-color: #c3c3c3;

}
/*pivot table layout - align left */

table.pivot {
  font-family: sans-serif;
  font-size: 14px;
  border: 0 !important;
  color: #000;
}

td.pivot-dim.td-sortable {
  background-color: #DEE2E4 !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  text-align: center !important;
  font-weight: bold;
}

td.pivot-dim-total.td-sortable {
  background-color: #DEE2E4 !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  text-align: center !important;
  font-weight: bold;
}

td.pivot-dim-subtotal {
    
  background-color: #DEE2E4 !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  text-align: center !important;    
  font-weight: bold;  
}


td.pivot-dim-label {
  background-color: #DEE2E4 !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  text-align: center !important;
}


td.pivot-dim.td-nobreak {
  background-color: #eaf7fb !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  color: #000 !important;
}

td.pivot-dim {
  background-color: #DEE2E4 !important;
  border-style: solid;
  border-width: 1px !important;
  border-color: #fff !important;
  text-align: left !important;
  font-weight: bold !important;
}

td.pivot-empty {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  background-color: #DEE2E4 !important;
}


td.pivot-value   {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px !important;
  background-color: #eaf7fb;
  text-align: right;
}

td.pivot-value-subtotal {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px;
  background-color: #eaf7fb;
  text-align: right;
    font-weight: bold !important;
      text-decoration: underline;
}




td.pivot-dim-total {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px;
  background-color: #eaf7fb;
  font-weight: bold !important;
  text-align: left;
}

td.pivot-value-total  {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px;
  background-color: #eaf7fb;
  font-weight: bold !important;
  text-align: right;
  text-decoration: underline;
}

td.pivot-value-total-subgrandtotal {
    

  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px;
  background-color: #eaf7fb;
  font-weight: bold !important;
  text-align: right;
  text-decoration: underline;
}   
    



td.pivot-value-grandtotal {
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 1px;
  background-color: #eaf7fb;
  font-weight: bold !important;
  text-align: right;
  text-decoration: underline;
}


/* NRC clours dark grey #3c3c3c; light blue #eaf7fb; NRC orange #ff7602 */

/* 
This changes background of the widgets...
.item.ui-draggable.ui-droppable {
background-color: grey;
}

*/