@import "header.css";

/* -------------------------------------------------------------------------
    To Delete
/* ------------------------------------------------------------------------- */

p.reportSection
{
   font-family: "Georgia", "Times New Roman", serif;
   font-size: 14pt;
   text-align: center;
}

p.note
{
   margin-left: 0.5in;
   margin-right: 0.5in;
   text-align:justify;
   color:Navy;
   font-style:italic
}

td.gray1TD
{
   background-color: gainsboro;
   border-right: solid 1px black;
   border-bottom: solid 1px black;
   padding: 3px;
}

td.gray0TD
{
   background-color: white;
   border-right: solid 1px black;
   border-bottom: solid 1px black;
   padding: 3px;
}

td.dataTDsmall
{
   background-color:White;
   font-weight: bold;
   font-size:small;
   padding: 1px;
   font-family:Arial;
}

/* -------------------------------------------------------------------------
    General
/* ------------------------------------------------------------------------- */

body
{
   background-color: rgb(255, 255, 255);
   font: 10pt/1.3 "Verdana", "Helvetica", "Arial", sans-serif;
}

table {
   font-size: 10pt;
}

hr
{
   height: 1px;
   color: Black;
}

/* -------------------------------------------------------------------------
    Headings
/* ------------------------------------------------------------------------- */

h1, h2, h3
{
   color: rgb(0, 51, 102);
   font-family: "Georgia", "Times New Roman", serif;
   font-weight: normal;
}

h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 13pt; }

h1 span.ampersand,
h2 span.ampersand
{
    font-family: "Palatino Linotype";
    font-style: italic;
}
            
h2.breadcrumb      { margin-bottom: 0; }
h2.breadcrumb a    { color: #4F6A83; }
h2.breadcrumb + h1 { margin-top: 0; }

h2.breadcrumb span.returnIcon         { color: #BBB; }
h2.breadcrumb a:hover span.returnIcon { color: inherit; }

/* -------------------------------------------------------------------------
    Links
/* ------------------------------------------------------------------------- */

a:link
{
   color: rgb(51, 51, 153);
   text-decoration: none;
}
a:visited
{
   color: rgb(51, 51, 153);
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
   color: rgb(51, 51, 204);
}
.buttonLink {
  background-color: #E0E8FF;
  border: 2px solid #608BFF;
  display: block;
  padding: 0.5em;
  text-decoration: none;
}
.buttonLink:hover {
  background-color: #AFC5FF;
  text-decoration: none;
}

/* -------------------------------------------------------------------------
    Notifications
/* ------------------------------------------------------------------------- */

#lblError {
   background-color: #FFF;
   color: #F00;
}

.errorMessage {
   background-color: #FFC4C4;
   border: 2px solid #F00;
   margin: 1em 0;
   padding: 1em;
   width: 75%;
}
.errorMessage p {
   margin: 0;
}

.flash {
   background-color: #E0E8FF;
   border: 2px solid #00F;
   color: #000;
   margin: 0 0 1em 0;
   padding: 1em;
   width: 75%;
}
.flash p {
    margin: 0;
}
.flash p + p {
    margin-top: 1em;
}

.highlighted {
    background-color: #FFFFE4 !important;
}

.message {
   width: 35em;
}

/* -------------------------------------------------------------------------
    Tables
/* ------------------------------------------------------------------------- */

td.headerTD
{
   background-color: #E0E8FF;
   text-align: center;
   border-right: solid 1px black;
   border-bottom: solid 1px black;
   padding: 1px;
 }

td.headerTD.leftalign
{
   text-align: left;
}

td.dataTD
{
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   background-color: White;
   padding: 3px;
}

td.dataTD.rightalign
{
   text-align: right;
}

td.dataTD.centeralign
{
   text-align: center;
}

table.reportTable
{
   border-bottom: 3px solid gray;
   border-right: 3px solid gray;
   border-left: 3px solid silver;
   border-top: 3px solid silver;
   border-collapse: collapse;
   border-spacing: 3px;
   width: 100%;
}

table.reportTable.singleBlack
{
   border: 1px solid black;
   border-collapse: collapse;
}

table.evenSplit th,
table.evenSplit td
{
   width: 50%;
}

/* -------------------------------------------------------------------------
    Inputs
/* ------------------------------------------------------------------------- */

input.btnLeft
{
    width: 105px;
}

input.btnRight
{
    height: 24px; 
    width: 200px;
}