/*#7799bb*/

.page
{
   margin: 1em 1em;
   background: white;
}

.prt .page
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:10pt;
   color: Black;
}

.prt a
{
   text-decoration:none;
   color: Black;
}

.gutter
{
   border-top: thin solid #7799bb;
   margin: 1em 1em;
   margin-top:2em;
   background: white;
}

.prt .gutter
{
   border-top:thin solid black;
   padding-top:1ex;
}

.split
{
   margin: 0px;
   max-height: 115px;
   overflow: visible;
}
.split .l
{
   float: left;
   text-align: left;
}
.split .r
{
   float: right;
   text-align: right;
}
#head .split .r
{
   height:80px;
}
.split .spacer
{
   clear: both;
}
.split.l form {margin: 0px;}
.split.r form {margin: 0px;}

.logo
{
   margin-top:10px;
   margin-left:40px;
   margin-bottom:0px;
   font-weight: bold;
   color: Navy;
   height:60px;
}
.logo .preface { font-size:10pt; }
.logo .title { font-size:20pt; }
.logo .slogan { font-size:11pt; }

@media screen and (max-width: 700px)
{
   #head .split .r
   {
      display: none;
      /*visibility: hidden;*/
   }
   .slogan
   {
      display: none;
   }
   .logo .title { font-size:14pt; }
}

.prt .logo
{
   margin-top:1em;
   margin-left:0px;
   font-weight: bold;
   color: Black;
   height: auto;
   border-bottom:thin solid black;
   padding-bottom:1ex;
}
.prt .logo .title { font-size:14pt; }
.prt .logo .slogan { font-size:8pt; }

a.title
{
   font-size:12pt;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}
a.title:link {color:navy;}
a.title:visited {
   color: #4169E1;
}
a.title:hover
{
   color:white;
   background-color: #7799bb;
   padding:2px;
}

a.series
{
   font-size:10pt;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}
a.series:link {color:navy;}
a.series:visited {
   color: #4169E1;
}
a.series:hover
{
   color:white;
   background-color: #7799bb;
   padding:0px;
}

a.copies
{
   font-size:10pt;
   text-decoration:none;
   cursor:pointer;
   font-weight:bold;
}
a.copies:link {color:navy;}
a.copies:visited {
   color: #4169E1;
}
a.copies:hover
{
   color:white;
   background-color: #7799bb;
   padding:0px;
}

.surround
{
   background:white;
   border:thin solid #7799bb;
   padding:1ex;
}

.subsurround
{
   border:thin solid #7799bb;
   padding-left:2ex;
   padding-right:2ex;
   padding-bottom:2ex;
}

.selector
{
   background-color: #ECEDFF;
   border:2px solid #7799bb;
   padding:0px 5px;
   border-radius:10px;
   box-shadow: 5px 5px 5px #888888;
}

.channel
{
   float:left;
   /*padding-right:1em;*/
   margin-top:0px;
   /*width:50px;*/
   margin-left:1em;
   text-align:center;
}

.flag
{
   color: white;
   background: #7799bb;
   font-weight: bold;
   padding: 1px;
   padding-left: 3px;
   padding-right: 3px;
   font-size: 60%;
   font-family: Arial, Helvetica, sans-serif;
   vertical-align:middle;
}

.details
{
   float:left;
   text-align:center;
   font-size: 60%;
   font-family: Arial, Helvetica, sans-serif;
}

acronym
{
   text-decoration:underline;
   color:#008B8B;
}

.li-dot
{
   list-style-image: url(images/blue.png);
   margin:1ex 20px;
   vertical-align:middle;
}

.prt .li-dot
{
   list-style-image: none;
   margin:0px;
   vertical-align:inherit;
}

.li-pat
{
   list-style-image: url(images/patch.gif);
   margin: 1ex 28px;
}

.li-wp
{
   list-style-image: url(images/cadet.gif);
   margin: 1ex 28px;
}

.help
{
   margin:4px;
   margin-top:1ex;
}

.help.indent
{
   margin-left:2em;
}

.help.first
{
   margin-top:0px;
}

.direct
{
   font-size:10pt;
   font-weight:bold;
   padding:4px 0px;
}

.tbl
{
   border: thin solid #7799bb;
   width: 98%;
   margin: auto;
   box-shadow: 5px 5px 5px #888888;
   border-radius:10px;
}
.tbl th, .tbl td
{
   border: thin solid #7799bb;
}
.tbl tr:first-child th:first-child
{
   border-top-left-radius: 10px;
}
.tbl tr:first-child th:last-child
{
   border-top-right-radius: 10px;
}
.tbl tr:first-child td:first-child
{
   border-top-left-radius: 10px;
}
.tbl tr:first-child td:last-child
{
   border-top-right-radius: 10px;
}
.tbl tr:last-child td:first-child
{
   border-bottom-left-radius: 10px;
}
.tbl tr:last-child td:last-child
{
   border-bottom-right-radius: 10px;
}
.tbl th
{
   font-size: 10pt;
   background-color: #ECEDFF;
}
.tbl th a
{
   color:Navy;
}

.prt .tbl
{
   width: 98%;
   page-break-inside:avoid;
   box-shadow: none;
}
.prt .tbl td
{
   padding:1em;
   page-break-inside:avoid;
}

.prt .tbl th
{
   font-size: 80%;
   background-color: white;
}
.prt .tbl th a
{
   color:Black;
}

.item
{
   text-align: center;
   width: 125px;
   padding: 1ex;
   color: Navy;
   vertical-align: top;
}

.desc
{
   vertical-align: top;
   padding-top: 1em;
   color: Navy;
}

.prt .desc
{
   vertical-align: top;
   padding: 1em;
   padding-top: 0px;
   color: Black;
}

.link
{
   text-align: center;
   width: 75px;
   color: Navy;
   font-size: 80%;
   vertical-align: top;
   padding-top:1em;
}

.bio
{
   vertical-align: top;
   padding: 1em;
   color: Navy;
}

.cap
{
   vertical-align: top;
   /*width: 175px;*/
   text-align: center;
   font-size:80%;   
}

.amazon td
{
   text-align: center;
   vertical-align: top;
}

.amazon p
{
   text-align: left;
   font-size: 80%;
}

.up
{
   font-size:80%;text-align:center;
}

.credit
{
   font-size: 80%;
   float: right;
}

.lifespan
{
   font-size: 80%;
   margin-top: 0px;
}

.sec
{
   height: 100px;
}

.photo
{
   border-top:thin solid gray;
   border-left:thin solid gray;
   border-bottom:thin solid black;
   border-right:thin solid black;
}

.nophoto
{
   visibility: hidden;
}

.major
{
   font-size:120%;
   font-weight: bold;
}

.minor
{
   font-size:10pt;
}

.caption
{
   font-size:80%;
   margin:0px auto;
}

.field
{
}

.result
{
   color: white;
   font-weight: bold;
   font-size: 80%;
   padding: 0.5em 1em;
   background: url(images/dbrefresh.png) #7799bb no-repeat 10px;
   padding-left:30px;
}

.error
{
   color: white;
   font-weight: bold;
   font-size: 10pt;
   padding: 0.25em 1em;
   background: url(images/icon-smwarn.png) red no-repeat 10px;
   padding-left:33px;
}

.success
{
   color: white;
   font-weight: bold;
   font-size: 10pt;
   padding: 0.25em 1em;
   background: #7799bb 10px;
   background: url(images/icon-smok.png) #7799bb no-repeat 10px;
   padding-left:33px;
}

.grayed
{
   color: Gray;
}

.red
{
   color:red;
   font-weight:bold;
}

.center
{
   text-align:center;
}

.right
{
   text-align: right;
}

.widearea
{
   min-width: 350px;
}

.search
{
   background: url(images/search.png) silver no-repeat 5px;
   padding-left: 21px;
   text-decoration: none;
}

.list
{
   background: url(images/items.png) silver no-repeat 5px;
   padding-left: 21px;
   text-decoration: none;
}

.toppage
{
   background: url(images/toppage.png) silver no-repeat 5px;
   padding-left: 21px;
   text-decoration: none;
}

.btnfrm
{
   margin:0px;
   display:inline;
}

.btntxt
{
   font-size:8pt;
}

.li-open
{
   list-style-image: url(images/patch.gif);
   margin: 1ex 24px;
}

.li-doc
{
   list-style-image: url(images/cadet.gif);
   margin: 1ex 28px;
}

.li-idx
{
   list-style-image: url(images/patch.gif);
   margin: 1em 3em;
}

.showdetails
{
   margin-left:3px;
   margin-bottom:0px;
   background: url(images/down.png) white no-repeat 5px;
   padding-left:25px;
   font-size: 10pt;
   color: blue;
   text-decoration:underline;
}

.hidedetails
{
   margin-left:3px;
   margin-bottom:0px;
   background: url(images/up.png) white no-repeat 5px;
   padding-left:25px;
   font-size: 10pt;
   color: blue;
   text-decoration:underline;
}

.detailsarea
{
   margin: 0px 15px;
   padding: 0px 1em;
   border-left: thin solid #7799bb;
   font-size: 10pt;
}

.texthide
{
   margin-left:3px;
   margin-bottom:0px;
   background: url(images/up.png) white no-repeat 5px;
   padding-left:25px;
   font-size: 10pt;
   color: blue;
   text-decoration:underline;
}

.textarea
{
   margin: 0px 15px;
   padding: 0px 1em;
   border-left: thin solid #7799bb;
}

.textarea.noborder
{
   margin:0px;
   padding:0px;
   border:none;
}

.textarea .header
{
   font-weight:bold;
}

.textarea .photo
{
   border-top:thin solid gray;
   border-left:thin solid gray;
   border-bottom:thin solid black;
   border-right:thin solid black;
}

.textarea .caption
{
   font-size:10pt;
   font-style:italic;
}

.textarea .left
{
   float:left;
   text-align:center;
   margin:1ex;
}

.textarea .right
{
   float:right;
   text-align:center;
   margin:1ex;
}

.textarea .tags
{
   font-size:10pt;
   font-style:italic;
}

.textarea li
{
   list-style-image: url(images/patch.gif);
   margin: 1ex 1ex;
}

.textarea .transcript
{
   font-family:Arial, Helvetica, sans-serif; 
   color:black;
   padding: 0px 1ex;
}

.textarea .source
{
   font-size:10pt;
   clear:both;
}

.textarea .node
{
   display: inline-block;
   text-align:center;
   margin:1em 1em;
   position: relative;
   vertical-align: middle;
   font-size:10pt;
   background-color: transparent;
   zoom: 1; /*IE Hack*/
   *display: inline; /*IE Hack*/
}

th.key
{
   background: url(images/key.png) no-repeat 5px;
}

.rev
{
   font-size:10pt;
}

.copy
{
   font-size:11pt;
}

.cmterr
{
   color: white;
   font-weight: bold;
   font-size: 80%;
   background: red;
}

.twitter-share-button
{
   vertical-align:top;
}

.iconbullet
{
   vertical-align:middle;
   margin:2px;
   margin-right:1ex;
}

.iconseries
{
   vertical-align:middle;
   margin-right:1ex;
}

.iconcopies
{
   vertical-align:middle;
   margin-right:1ex;
}

.iconflag
{
   vertical-align:middle;
   margin-right:0px;
}

.iconright
{
   border:0px;
   vertical-align:middle;
}

.msgbox
{
   margin:25px 10%;
   vertical-align:middle;
   border:thick solid #7799bb;
   padding:1ex;
   min-height:32px;
   vertical-align:middle;
   background-color:linen;
   background-repeat:no-repeat;
   background-position:1ex;
}

.msgbox.info
{
   background-image:url(images/icon-bginfo.png);
}

.msgbox.alert
{
   background-image:url(images/icon-alert.png);
}

.msgbox p
{
   margin:8px 40px;
}

.prt .indented
{
   margin: 1ex 20px;
}

.quicklink
{
   font-size:10pt;
   color:gray;
}
a.quicklink {color:gray;}
a.quicklink:link {color:gray;}
a.quicklink:visited {color:gray;}

.legend
{
   width: 70%;
   margin:1em auto;
   border:2px solid #7799bb;
   background-color: #ECEDFF;
   border-radius:10px;
   box-shadow: 5px 5px 5px #888888;
}

.helperbox
{
   height:120px;
   width:34px;
   display:none;
   top:50%;
   bottom:50%;
   right:25px;
   background-color:linen;
   /*background:rgba(237,243,255,0.5);*/
   background-color:rgba(250,240,230,0.75);
   border:thin solid #7799bb;
   padding-top:5px;
   padding-left:2px;
}

.helperbox img
{
   margin:2px 0px;
   padding:0px;
   border:0px;
}

.finderbox
{
   background-color: #ECEDFF;
   border:2px solid #7799bb;
   float:left;
   margin:1em;
   margin-bottom:0px;
   padding:1ex;
   padding-top:0px;
   min-height:380px;
}

.finderbox select
{
   color:navy;
}

.indextabs
{
   padding-left: 3em;
}
.indextabs a
{
   padding:1px;
   position: relative;
   font-size:12pt;
}
.indextabs a u
{
   position:absolute;
   visibility:hidden;
   top:-30px;
   left:-15px;
   height:0; /* Opera */
   width:30px;
}
.indextabs a:hover u
{
   visibility:visible;
   text-decoration: none;
   cursor:pointer; /* IE */
   font-size:20pt;
   height:28px; /* now set height */
   border:thin solid #7799bb;
   padding:2px 4px 2px 24px;
   background:url(images/icon-jump.png) 3px no-repeat linen;
   z-index:20; 
}

.pager
{
   font-size:12pt;
   margin-right:1em;
}
.pager img
{
   vertical-align: middle;
}

.topnav
{
   clear: both;
   overflow: hidden;
   background-color: #7799bb;
   padding-left:1em;
   box-shadow: 0px 3px 5px #888;
}
.topnav a
{
   float: left;
   display: block;
   color: #f2f2f2;
   text-align: center;
   padding: 5px 15px;
   text-decoration: none;
   font-size: 17px;
}
.topnav a:hover
{
   background-color: #ddd;
   color: black;
}
.topnav a.active
{
   background-color: #7799bb;
   color: white;
   font-weight: bold;
}
.topnav .icon
{
   display: none;
}
.topnav .trail
{
   margin: 0px 50px;
   padding-top: 3px;
   color: white;
   font-weight: bold;
   float:right;
}

@media screen and (max-width: 600px)
{
   /*.topnav a:not(:first-child)*/
   .topnav a
   {
      display: none;
   }
   .topnav.goback a
   {
      display: block;
   }
   .topnav a.icon
   {
      float: right;
      display: block;
   }
}
@media screen and (max-width: 600px)
{
   .topnav.responsive
   {
      position: relative;
   }
   .topnav.responsive .icon
   {
      position: absolute;
      right: 0;
      top: 0;
   }
   .topnav.responsive a
   {
      float: none;
      display: block;
      text-align: left;
   }
}

.box
{
   background-color:#7799bb;
   width: var(--box_width);
   box-shadow: 5px 5px 5px #888888;
   position: relative;
   border:thin solid gray;
   border-radius:10px;
}

.box .label
{
   color: white;
   font-weight:bold;
   margin:0px 1em;
   padding:5px 5px;
}

.box .box
{
   box-shadow: none;
}

.box legend
{
   background-color:white;
   border:thin solid gray;
   padding:1ex;
   border-radius:10px;
}

.box.comment
{
   background-color:white;
   margin:1em auto;
   padding:1em;
   width:95%;
   box-shadow: 5px 5px 5px #888888;
   position: relative;
   border:thin solid gray;
   border-radius:10px;
}
.prt .box.comment
{
   box-shadow: none;
}
.box.comment h1
{
   margin:1ex 10px;
   font-size:110%;
   color:Navy;
}
.box.comment h2,
.box.comment p
{
   margin:0 10px;
   padding-bottom:0.5em;
}
.box.comment h2
{
   font-size:80%;
   color:gray;
   padding-bottom:1em;
}