/* DEIcommon.css
** Baseline styles for all DEI pages
*/

/* Baseline formatting */
body {
   /*margin: 0 0 0 0;*/
   font-family: Arial,sans-serif;
   background-color:#CCE0F0;
   color:#000000;
   max-width:60em;
   min-width:40em;
   margin-left:auto;
   margin-right:auto;
   margin-top:0px;
   margin-bottom:0px;
   /* behavior:url("/common/csshover.htc"); */
}

p { margin: 0 0 0 0; }

dd { margin-bottom:1em; }

h3 { margin-top: 0px; margin-bottom: 0px }

/* Banner Image */
div.banner {
   position:relative;
   top:0; left:0; right:0;
   height:100px;
   background-repeat:no-repeat;
   background-position:top left;
}

p.banner {
   color:white;
   font-family:Arial,sans-serif;
   font-size:32px;
   font-weight:bold;
   margin-right:1em;
   position:relative;
   top:1em;
}

/* Top navigation menu */
#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  color:#2f72b4; 
  display:block; 
  }

#menu a:hover {
   font-weight:bold;
  }

#menu div {
   position:relative;
   top:0;
   bottom:0;
}

#menu tr ul {
  position:absolute; 
  display:none;
  text-align:left; 
  text-decoration:none;
  color:#2f72b4;
  font-weight:normal;
  font-family:Arial,sans-serif; 
  font-size:14px;
  list-style-type: none;
  top:0;
  left:0;
  z-index:1000;
  width:100%;
  padding:5px; 
  background-color:#E0F0FF;
  border:1px solid #87b7d0;
}

#menu tr td:hover ul {
  display:block;
  float:none;
  z-index:1000;
}

/* Side-bar navigation menu */
td.level0, td.level1, td.level2 {
   font-family:Arial,sans-serif;
   font-size:14px;
   color:#2f72b4;
   padding: .25em .25em .25em .25em;
   border-top:1px solid #F0F0F0;
   border-bottom:1px solid #8CB7DB;
}

td.level0 {
   padding-left:1px;
   font-weight:bold;
   background-color:#C1CED9;
   border-bottom:1px solid #8CB7DB;
}
td.level1 {
   font-weight:bold;
   background-color:#C1CED9;
   border-bottom:1px solid #8CB7DB;
}
td.level2 {
   background-color:#D8E7F3;
}

/* Content styles */
p.header0 {
   font-family:helvetica,sans-serif;
   font-size:20px;
   font-weight:bold;
   color:#777777;
}

p.header1 {
   font-family:helvetica,sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#777777;
}

p.header2 {
   font-family:helvetica,sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#666666;
}

p.header3 {
   font-family:helvetica,sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#444444;
}

p.header4 {
   font-family:helvetica,sans-serif;
   font-size:12px;
   font-weight:normal;
   color:#666666;
}

p.content {
   font-family:arial,sans-serif;
   font-size:14px;
   color:#404040;
   margin-top:0.25em;
   margin-bottom:1em;
}

p.content2 {
   font-family:arial,sans-serif;
   font-size:14px;
   color:#202020;
   margin-top:0.25em;
   margin-bottom:1em;
}

p.content3 {
   font-family:arial,sans-serif;
   font-size:14px;
   color:#101010;
   margin-top:0.25em;
   margin-bottom:1em;
}

p.important {
   font-family:arial,sans-serif;
   font-size:14px;
   color:#202020;
   margin: 0.25em 20pt 1em 20pt;
}

p.definition {
   color:#202020;
   font-family:arial,sans-serif;
   font-size:14px;
   margin: 0.25em 20pt 1em 20pt;
   text-align: left;
   text-indent: -20.00pt;
}

#content table {
   margin-bottom:1em;
}

#content a:link, #content a:visited, a.content:link, a.content:visited {
   color:#404057;
   position:relative;
   font-weight:bold;
   text-decoration:underline;
}
#content a:hover, a.content:hover {
   color:#404040;
   background-color:#D8E7F3;
}

a.head:link, a.head:visited {
   color:#777777;
   text-decoration:underline;
}
a.head:hover {
   color:#777777;
   background-color:#D8E7F3;
}

a.header1:link, a.header1:visited {
   font-family:helvetica,sans-serif !important;
   font-size:16px !important;
   font-weight:bold !important;
   color:#777777 !important;
   text-decoration:none !important;
}
a.header1:hover {
   font-family:helvetica,sans-serif !important;
   font-size:16px !important;
   font-weight:bold !important;
   color:#777777 !important;
   background-color:#D8E7F3 !important;
   text-decoration:underline !important;
}

a.tab:link, a.tab:visited {
   font-family:helvetica,sans-serif !important;
   font-size:14px !important;
   font-weight:bold !important;
   color:#555555 !important;
   text-decoration:none !important;
}
a.tab:hover {
   font-family:helvetica,sans-serif !important;
   font-size:14px !important;
   font-weight:bold !important;
   color:#555555 !important;
   background-color:#FFFFFF !important;
   text-decoration:none !important;
}

p.tab {
   font-family:helvetica,sans-serif !important;
   font-size:14px !important;
   font-weight:bold !important;
}

a.side:link, a.side:visited {
   color:#2f72b4 !important;
   text-decoration:none !important;
}
a.side:hover {
   color:#2f72b4 !important;
   font-weight:bold !important;
}

/* Feature Boxes */
p.blurb {
   text-align: justify;
   font-size:smaller;
   font-family:Arial,sans-serif;
}

ul.blurb {
   margin:0 0 .25em 0;
   font-family:Arial,sans-serif;
}

ul.content, table.content {
   margin-top:0;
   margin-bottom:1em;
   color:#202020;
   font-family:Arial,sans-serif;
   font-size: 14px;
}

table.history {
   font-family:arial,sans-serif;
   font-size:10px;
   color:#404040;
   margin: 2em 0 0 0;
}

table.index {
   font-family:arial,sans-serif;
   font-size:12px;
   color:#404040;
   margin: 2em 0 0 0;
}

table.center {
   border: 0px none black;
   border-spacing:0px;
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:1em;
}

.sidenote {
   font-family:arial,sans-serif;
   font-size:12px;
   color:#202020;
   margin: 0 0 0 0;
}

.sidetitle {
   font-family:arial,sans-serif;
   font-size:14px;
   color:#202020;
   margin: 1em 0 0 0;
   text-decoration:underline;
}

#index a:link, #index a:visited {
   color:#2f72b4;
   font-size:smaller;
   text-decoration:none;
}
#index a:hover {
   font-size:smaller;
   color:#2f72b4;
   background-color:#D8E7F3;
}

tt,.code {
    font-family: 'Monaco', 'Monaco', monospace;
    font-size:small;
}

p.c  {
   font-size:14px;
   margin:0px 1em 1em 1em;
   font-family: 'Monaco', 'Monaco', monospace;
   color:#202020;
}

.code_example  {
   font-size:12px;
   margin:0px 1em 1em 1em;
   font-family: 'Monaco', 'Monaco', monospace;
   color:#202020;
   white-space: pre;
}

/* Use this for phone numbers and other things prone to line breaks */
.nbr {
   white-space: nowrap;
}

/* Alternate underlining that is superscript friendly */
a.sup, u.sup {
   text-decoration:none !important;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

td.ord {
   font-size:9px;
   font-family: 'Monaco', 'Monaco', monospace;
}

/* Overriding Text Colors */
.col_light { color:#707070 !important; }
.col_medium { color:#404040 !important; }
.col_dark { color:#202020 !important; }
.col_black { color:#000000 !important; }