/* PumperNickel Tuf style sheet.  */
/*  Adapted from Nickel main style sheet */
/* Any colour where all the values are the same, eg 111111 is a shade of grey */

body { 
    font-family:     Verdana, Arial, Helvetica, sans-serif; 
    font-size:       10px;
    font-weight:     normal 
    background-color:#EEEEEE; /* Faint grey */}

p {    
    margin-top:      0em; 
    padding-top:     0.2em;
    margin-bottom:   0em; 
    padding-bottom:  0.2em;
    margin-left:     0.2em;
    margin-right:    0.2em;
    text-align:      justify }
    
a:link, 
a:visited, 
a:hover { 
    text-decoration: none; 
    color:           white; }
a:hover { text-decoration: underline; }

/* Block is the individual menu items */
/*   They change background colour when hovered */
a.block:link,
a.block:hover,
a.block:visited { 
    padding-top:     0.2em; 
    padding-right:   0.2em; 
    padding-bottom:  0.2em; 
    padding-left:    0.2em; 
    font-size:       10px;
    background-color:#d8d8d8; /* Light grey */
    color:           #333333; /* Deep Dark grey */
    display:         block; 
    border-bottom:   #333333 1px solid;
    border-right:    #333333 1px solid;
    border-left:     #333333 1px solid;
    text-align:      left;  } 

a.block:hover { 
    background-color:white;
    text-decoration: none; }

a.boldish:link,
a.boldish:hover,
a.boldish:visited { 
    padding-top:     0.2em; 
    padding-right:   0.2em; 
    padding-bottom:  0.2em; 
    padding-left:    0.2em; 
    font-size:       14px;
    font-weight:     bold;
    background-color:#DDEEFF;
    color:           blue;
    display:         block; 
    border-bottom:   #333333 1px solid;
    border-right:    #333333 1px solid;
    border-left:     #333333 1px solid;
    text-align:      left;  } 

a.boldish:hover { 
    background-color:white;
    text-decoration: none; }

/* The links on the header naviagtion bar, to the right top of the page */
a.navbar:link, 
a.navbar:hover, 
a.navbar:visited  {
    display:         inline; 
    padding-top:     0em; 
    padding-right:   0.2em; 
    padding-bottom:  0em; 
    padding-left:    0.5em; 
/*    font-size:       14px;  */
    background-color:#7C8185; /* FE Dark Grey behind 4WD */
    color:           white;
    border:          none;
    border-left:     #333333 1px dotted;  /* Deep dark grey */
    font-weight:     normal; }

a.navbar:hover { 
    color:           #FFFFFF;
    text-decoration: none; }
    
h1 , h2 , h3 , h4 , h5 , h6 {
    margin-left:     0.2em;
    margin-right:    0.2em;
    margin-top:      0.2em;
    margin-bottom:   0.2em;
    font-family:     Verdana, Arial, Helvetica, sans-serif; 
    font-weight:     normal; } 

h2 {
    font-size:       18px;  } /* Match with NavLeft */

/* The header at the top of the page */
div.header, div.navbar, div.title {
    padding-top:     0.1em; 
    padding-right:   0.2em; 
    padding-bottom:  0.1em; 
    padding-left:    0.2em; }

/* Tables section */
td {
    font-size:       10px;
    background-color:#eeeeee; /* Faint grey */ }

/* More at the top of the page */
td.header {
    background-color:#7C8185; /* FE Dark Grey behind 4WD */
    font-size:       36px;
    color:           #FFFFFF; /* White */ 
/* No borders on this header style
    border-top:      #BFBFBF 1px solid; */
    border-bottom:   #333333 1px solid;
/*  border-right:    #BFBFBF 1px solid;
    border-left:     #BFBFBF 1px solid;  */  }

.left {
    padding-right:   0.5em; }
    
.center { 
    padding-left:    0em;
    padding-right:   0em; }
    
.right {
    padding-left:    0.5em; }

td.navleft, 
td.navright {
    padding-top:     0.1em;
    padding-bottom:  0.1em;
    padding-left:    0.2em;
    padding-right:   0.2em;
    background-color:#7C8185;  /* FE Dark grey */
/*    font-size:       18px; */
    color:           white;
    font-weight:     bold; }
/* No border
    border-bottom:   #101080 1px solid;
    border-left:     #101080 1px solid; */

td.navright {
/*    border-right:    #101080 1px solid;     */
    border-left:     none; }

table.info {
    font-weight:     normal;
    font-size:       14px;
    background-color:#DDEEFF;
    border:          1px #101080 solid;
    border-collapse: collapse;
    border-spacing:  0em;
    margin-top:      0em;
    margin-left:     0em;
    margin-bottom:   0em;
    margin-right:    0em; }

/* What does this syntax mean... */
table.info td.head, 
table.info th {
    color:           white;
    padding-left:    0.2em;
    padding-right:   0.2em;
    padding-bottom:  0.1em;
    padding-top:     0.1em;
    border-right:    1px #101080 solid;
    border-bottom:   1px #101080 solid;
    background-color:#6699DD;
    font-weight:     bold;  }

/* Is this a duplicate of above? */
table.info td, th {
    border-bottom:   1px white solid;
    border-right:    1px white solid;
    padding-left:    0.2em;
    padding-right:   0.2em;
    padding-bottom:  0.1em;
    padding-top:     0.1em; }

table.info td.title {
    background-color:#CCDDFF;
    color: blue; }

/* Title is the heading for each group of menu items */
div.title { 
    padding-top:     0.2em; 
    padding-right:   0.2em; 
    padding-bottom:  0.2em; 
    padding-left:    0.2em; 
    font-size:       14px;
    background-color:#BFBFBF; /* Mid Grey */
    color:           white;
    font-weight:     bold;
    border:          #101080 1px solid;  }

div.text {
    font-size:       9px;
    background-color:#BFBFBF;
    color:           black;
    border-top:      #7C8185 /* FE Dark grey */ 1px solid;
    border-left:     #7C8185 /* FE Dark grey */ 1px solid;
    border-right:    #7C8185 /* FE Dark grey */ 1px solid;
    border-bottom:   #7C8185 /* FE Dark grey */ 1px solid; }

/* Same as above but with added margin right to puff it away from right hand scroll bar */
div.textwithright {
    font-size:       9px;
    margin-right:    0.4em; 
    background-color:#BFBFBF;
    color:           black;
    border-top:      #7C8185 /* FE Dark grey */ 1px solid;
    border-left:     #7C8185 /* FE Dark grey */ 1px solid;
    border-right:    #7C8185 /* FE Dark grey */ 1px solid;
    border-bottom:   #7C8185 /* FE Dark grey */ 1px solid; }

    
/* Used in USP to bold a a.block currently selected item with attribute */
  .bold { font-weight : bold ; }

/* We don't want a white border around our form */
form {
    margin-top:      0em;
    margin-bottom:   0em;
    padding-top:     0em; 
    padding-right:   0em; 
    padding-bottom:  0em; 
    padding-left:    0em; }
  
img { 
    margin-right:    0.2em; }

/* Result text at the top of pages*/
.result {
    color:           #D51E25 ; /*  FE Orange  */
       }

input.w40 {
   width:  70px;    }