/*A CSS file specifically for the WildWinds upload tool. */
/*The tool is hopefully XHTML 1.0 Strict compliant; this CSS is level 2.1 */


/* First, formats for the general appearance of the page, */
/* including the page size and two different grey backgrounds. */


/* The dark background: */

body {

     background-color:#888888;
     }

/* Then, the page as seen on screen. */

#page {

     margin: 0 auto;
     font-family:arial, sans-serif;
     background-color:#EFEFEF;
     width: 750px;
     text-align:left;
     padding-top : 10px;
     padding-right : 15px;
     padding-bottom : 10px;
     padding-left : 15px;
     border:1px solid black;
     }


/* Centralise the first header, and make it a sensible size */

h1   {

     font-size:150%;
     }


/* The format for the invisible table in which the upload fields are placed. */

table.upload {

     width:100%;
     border-collapse:collapse;
     border-spacing:0px;
     border-width:0px;
     border-style:hidden;
     }


/* A smaller font for the filename convention and other advice, and the note sign. */

td.advice {

     font-size:85%;
     }

td.note {

     font-size:85%;
     text-align:right;
     }


/* A different font colour for the two types of input fields. */

textarea {

     color:#550000;
     font-family:arial, sans-serif;
     font-size:100%;
     }
 
input {

     color:#550000;
     font-family:arial, sans-serif;
     font-size:100%;
     }
 

/* Black font and a hand-shaped cursor for the upload button. */

input.button {

     color:#000000;
     font-family:arial, sans-serif;
     cursor:pointer;
     }


/* For fully justified text. */

.just {

    text-align:justify
    }

/* Centred material. */

.centred {

    text-align:center;
    }  

/* The small text for the date and owner details at the bottom of the page. */

.copyright {

     font-size:70%;
     text-align:center;
     }

/* The format for any active links. */

a:link 
   {
   text-decoration:none;
   color:#3300FF;
   background-color:inherit;
   }

a:visited
   {
   text-decoration:none;
   color:#6600CC;
   background-color:inherit;
   }

a:hover
   {
   color:#3300FF;
   background-color:inherit;
   text-decoration:underline;
   }

a:active
   {
   color:#FF0000;
   background-color:inherit;
   text-decoration:underline;
   }