/*

In this CSS file, the general layout and attributes of all
instrument web pages are defined. This file may be modified
but there should be group approval of the changes.

Some examples of the attributes specified are the following.

body - main page and title bar
th   - table headers
td   - table cells other than headers
td.text_layer - page content area
menubackground - side menu background color
titlebarfontcolor - title bar font color
lightoverdark   - color of font and background (light font, dark background)
darkoverlight   - color of font and background (dark font, light background)

The layout is defined by the Date, Menu, Title, and Text layers. The
Javascript in the include files manipulates these layers.


examples of colors.
white #FFFFFF
black #000000
dark gray #999999
light gray #DDDDDD
blue #214263
keck dark blue: #668cb1
keck light blue: #c3d1de
*/

#MenuLayer
{
width: 12em;
}

div#MenuLayer dt
{
font-weight: bold;
text-decoration: underline;
}

div#MenuLayer dd
{
text-indent: -0.5em;
text-align: left;
margin-left: 1.0em;
}

#TitleLayer
{
width: 100%;
}

#TextLayer
{
}


body
{
font-family: "Terminator Real NFI", "Arial", arial, 'sans serif'; 
font-size: 10pt;
color: #000000;
font-weight:  400;
background-color: #668CB1;
margin-right:  0%; 
} 

/* Headers */

h1,h2
{
margin-top:  1em; 
margin-bottom:  1em;
text-indent: 0.5em;
letter-spacing: 0.2em;
font-family:  "Arial", arial, 'sans serif'; 
font-variant:  small-caps;
font-weight: 700;
}

h3
{
font-variant:  normal;
font-weight: 700;
font-family:  "Arial", arial, 'sans serif'; 
}

div.trouble {
        margin-left: 3em;
        margin-right: 3em;
        background-color: #c3d1de;
}
div.trouble h2{
        color: black;
        font-size: x-large;
        font-weight: bold;
        background-color: #eee;
        border-color: black;
        border-width: 1;
        padding: 2%;
        text-align: center;
}
div.trouble h4{
        color: red;
        font-weight: bold;
        background-color: #eee;
        border-color: red;
        border-width: 1em;
        padding: 2%;
}

div.toptrouble {
        margin-left: 3em;
        margin-right: 3em;
}
div.toptrouble h2{
        color: white;
        font-size: x-large;
        font-weight: bold;
        background-color: #688cb1;
        border-color: black;
        border-width: 1;
        padding: 2%;
        text-align: center;
}

/* Font and bg color defs */
.cellgr
{
background:#AAFFAA;
}
.cellwh
{
background-color:white;
}
.cellye
{
background-color:#FFFFCC;
}
.cellred
{
background-color:#FFAAAA;
}

.cellemail
{
background-color:#FFFFCC;
color:#0011ff;
}

.cellbl
{
background-color:#000000;
}


/* Table and table elements */

table
{
  margin-top: 0em;
  border: 0;
  padding: 0px;
}

table.center {
  margin-left:auto; 
  margin-right:auto;
}
.tableblue
{
border-collapse: separate;
border-spacing: 0.15em;
background:#aaddff;
padding: 0.1em;
margin: 1em;
}



/*
th
{
padding: 0.5em;
font-size: 97%;
font-weight: 600;
background-color: #11ddff;
border-width: 1px;
border-style: outset;
}

td
{
font-size:  90%;
margin-left: 50%;
background-color: #EEEEEE;
}
*/
td.text_layer
{
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
font-size:  90%;
background-color: #efffff;
border-style: groove;
}

table.postit
{
width: 50%;
border:  0.2mm solid black;
background-color: #FFFFCC;
color: #000080;
font-weight: 500;
text-align: justify;
font-size: 85%;
}


/* Lists and paragraph styles*/
ol
{
font-size: 95%;
list-style-type: decimal;
list-style-position: outside;
margin-top: 0.1em;
margin-bottom: 0.3em;
}

ul
{
list-style-position: outside;
margin-top: 0.1em;
margin-bottom: 0.3em;
}

li
{
font-size: 100%;
}

li.sq
{
font-size: 90%;
list-style-type: square;
}

p
{
line-height: 120%;
margin-top: 0.4em;
margin-bottom: 0.4em;
}

br
{
margin-top: 0.3em;
}

blockquote
{
padding-left: 0em;
padding-right: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: justify;
font-size: 85%;
}

/* Address tag */

address
{
font-family: "Verdana", arial, 'sans serif'; 
font-style: oblique;
font-weight: 300;
font-size: 9pt;
text-align: center;
padding: 0.3em;
}

/* Attributes (classes) to be applied to normal HTML tags */
.darkoverlight
{
background-color: #DDDDDD;
color: #214263;
}

.lightoverdark
{
background-color: #668CB1;
color: #DDDDDD;
}

.titlebarfontcolor
{
background-color: transparent;
color: #DDDDDD;
}

.logo
{
background-color: white;
background-image: url('../../web_docs/CSS/KECKWordmarkStacked_RGB_light_sm.gif');
background-image: url('../../web_docs/CSS/KECKsymbolSM_RGB.gif');
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}

.mytitle
{
margin-top:  0.0em; 
margin-bottom:  0.9em;
letter-spacing: 0.0em;
font-family: "Terminator Real NFI", "Arial" 'arial', 'sans serif';
font-size: xx-large;
font-variant:  small-caps;
font-weight: 700;
line-height: 90%;
text-align: center;
height: 1.5em;
}

.menubackground
{
padding-top: 0.5em;
padding-bottom: 0.2em;
padding-left: 0.5em;
padding-right: 0.0em;
background-image:  url('./menubackground.jpg');
background-color: #FFFFCC;
border:  medium ;
font-family: "Terminator Real NFI", "Arial" 'arial', 'sans serif';
font-size: small;
}

.alert
{
background-color: #FFFF00;
color: #000000;
font-weight: 600;
}

.pre
{
font-family:  monospace;
white-space: pre;
}

.cent
{
text-align:  center;
}

.caption
{
font-size: 90%;
color: #214263;
/*font-style:  italic;*/
}

.small
{
font-size: 65%;
}

.smcap
{
font-variant: small-caps;
}

.enhance
{
font-weight: 700;
color: #214263;
}

.menu
{
font-weight: bold;
font-family: monospace;
}

.button
{
font-weight: bold;
font-family: monospace;
}

kbd {
  font-family: monospace;
  font-weight: bold;
  font-size: 120%;
/* Links */

a:link     { color: #0000cc; }
a:visited  { color: #ff0000; }
a:active   { color: #660000;}
a:hover    { background-color: #FFFFCC;}

/* Ordered Lists */
OL        { list-style-type: decimal }      /* 1 2 3 4 5 etc. */
OL OL     { list-style-type: upper-alpha }  /* A B C D E etc. */
OL OL OL  { list-style-type: lower-roman }  /* i ii iii iv v etc. */