/* 
This file has been validated using the W3C validator :
http://jigsaw.w3.org/css-validator/
*/

body {
 /* background-color: rgb(200,200,200); */
 background-color: rgb(171, 170, 191); 
 color: black;
 font-family: Verdana, sans-serif;
 /* this looks very nice - no jagged edges: */
 text-align: justify;          
 position: relative;
 margin-left: 4.0em;
 margin-right: 4.0em;
 margin-top: 0.6em;
}

a {
 margin: 0.2em;
}

li {
 list-style-type: square;
}

img {
 margin: 0.5em;
}
img.no-margin {
 padding: 0;
 margin: 0;
}

td {
 vertical-align: top;
}

acronym[title] {
 cursor: help;
 border-bottom: 1px solid gray;
}

/* Emphasizes current focus. Not supported by IE 6. */
:focus {
   background: #00FFFF; 
}


/* Specific classes */

/* Large text appearing at the top of most pages. */
.main-title {
   font-size: 200%;
   font-weight: bolder;
}

.legalese {
 font-size: 90%;
 color: rgb(40%, 40%, 40%);
 text-align: center;  
 margin-top: 1.0em;
 margin-bottom: 0.0em;
}

.printing-help {
 text-align: center;  
 width : 80%;
 padding: 0.30em;
 margin-right:auto; 
 margin-left:auto;
 margin-bottom:1.0em;
}

/* MENU BAR (horizontal)*/
.menu-bar {
 /* background-color: rgb(175,153,78); */
 clear: both;
 padding-left: 0.25em;
 padding-right: 0.25em;
 text-align: center;
 font-size: 90%;
 font-weight: bolder;
}
.menu-bar a {
 display: inline;
 padding: 0.25em 0.25em 0.25em 0.25em;
 text-decoration: none;
}
.menu-bar a:hover {
 background-color: #FFFDE3; 
 text-decoration: underline;
}

form.main-input {
 display: inline;
}


/* MESSAGES of various kinds. */
.message {
 font-weight: bolder;  
}
.warning {
 font-weight: bolder;  
}
.error {
 font-weight: bolder;  
 color: rgb(255,0,0);
}
p.display-messages {
 text-align: center;
}

/* Soft yellow highlight */
.highlight {
 background-color: #FFFDE3;
 padding: 0.1em;
}

/* Alternating colour for table rows */
.row_highlight  {
 background-color: rgb(90%, 90%, 90%);
}

/* HELP text. */
.help {
 font-size:80%;
 background-color: #FFFDE3;
 border-style: solid;
 border-width: 1px;
 border-color: black;
 border-collapse: collapse;
 width : 60%;
 padding: 0.30em;
 margin-right:auto; 
 margin-left:auto;
 margin-bottom:1.0em;
}

/* 
FORMS
Label tags are the text related to a specific form control.
Here, labels are given after-text, with special values if 
classed as mandatory. This reduces repetition of trivial 
items in markup. (IE6 fails to render these items.)
*/
label:after {
 content : " :";
}
label.mandatory:after {
 content : " * :";
}
label {
 font-weight: bold;
}


.day-names {
 font-size:100%;
 margin:0;
 padding:0;
}


/* This duplication with single is a workaround for undesired blank pages appearing at the end. */

table.monthly-calendar {
  empty-cells: show; /* not correct in IE 6,7 */
  border: 1px solid black;	
  border-collapse: collapse;
  height: 30em;
  width: 70%;
  page-break-after: always; /*extra page forced in IE */
}
table.monthly-calendar th {
  border: none; 
  font-size: 150%;
  letter-spacing: 0.20em;
  padding: 0;
  margin: 0;
}
table.monthly-calendar td {
  border: 1px solid black; 
}
table.monthly-calendar td.day-names {
  border: none; 
}

table.monthly-calendar-single {
  empty-cells: show; /* not correct in IE 6,7 */
  border: 1px solid black;	
  border-collapse: collapse;
  height: 30em;
  width: 70%;
}
table.monthly-calendar-single th {
  border: none; 
  font-size: 150%;
  letter-spacing: 0.20em;
  padding: 0;
  margin: 0;
}
table.monthly-calendar-single td {
  border: 1px solid black; 
}
table.monthly-calendar-single td.day-names {
  border: none; 
}

.day-numbers {
 text-align: left;
 font-size: 180%; 
}

.spacer {
 height: 0.5em;
}

.spacer-help {
 height: 5.0em;
}

table.small-calendar {
  empty-cells: show; /* not correct in IE 6,7 */
  border: 1px solid black;	
  border-collapse: collapse;
}

table.monthly-links{
  margin-top: 0.50em;
  font-size: 90%;
}

@media print {
 * {
  color: black !important;
  background: white !important;
 }
 .input-form{
  display: none;
 }
 .menu-bar {
  display: none;
 }
 .title-bar {
  display: none;
 }
 div.sidebar {
  display: none;
 }
 .legalese {
  display: none;
 }
 .printing-help a{
   display: none;
 }
 body {
  font-family: "Times New Roman", serif;
  font-size: 12pt;
 }
 a {
  text-decoration: none;
 }
 table.report {
  page-break-before: always;
 }
 
 table.monthly-calendar {
  height: 7.5in;
  width: 9in;
 }
 table.monthly-calendar-single {
  height: 7.5in;
  width: 9in;
 }
 
table.monthly-links{
  display: none;
}
 
.menu{
 display: none;
}
 
 .spacer {
  display:none;
 }
}