/*
 * Copyright 2020 (C) Alaska Communications Systems, Group
 *
 * All rights reserved. This program or any part thereof may not, without
 * the written consent of Alaska Communications Systems Group, Inc., be
 * copied, reprinted, or reproduced in any material form including but not
 * limited to photocopying, transcribing, transmitting, or storing it in any
 * medium or translating it into any language, in any form or by any means,
 * be it electronic, mechanical, xerographic, optical, magnetic or otherwise.
 *
 * The information contained in this program is proprietary and confidential
 * and all copyright, trade marks, trade names, patents and other
 * intellectual property rights in the documentation and source code are the
 * exclusive property of Alaska Communications Systems Group, Inc. unless
 * otherwise specified. The information (including but not limited to data,
 * drawings, specification, documentation, software listings, source or
 * object code) shall not at any time be disclosed directly or indirectly to
 * any third party without Alaska Communications Systems Group, Inc.'s prior
 * written consent.
 *
 * The information contained herein is believed to be accurate and reliable.
 * Alaska Communications Systems Group, Inc. accepts no responsibility for
 * its use by any means or in any way whatsoever Alaska Communications Systems
 * Group, Inc. shall not be liable for any expenses, costs by damage that may
 * result from the use of the information contained within this program. The
 * information contained herein is subject to change without notice.
 */
/*
 *  Layout:
 *     <div id=ipeng>
 *       <div id=ipengTitle></div>
 *       <div id=ipengNavBar></div>
 *       <div id=ipengMenu></div>
 *       <div id=ipengData></div>
 *     </div>
 */


html
{
  height:               100%;
  margin:               0;
}


body
{
   padding:             0px 0px 0px 0px;
   margin:              0px 0px 0px 0px;
   //height:              100%;
   min-height:          100%;
   font-size:           12pt;
   position:            relative;
}


a:link    { color: #5b8fbe; text-decoration: none; }
a:visited { color: #5b8fbe; text-decoration: none; }
a:active  { color: #5b8fbe; text-decoration: none; }
a:hover   { color: #5b8fbe; text-decoration: underline; }


pre {
   background:          #eee;
}


code {
   background:          #eee;
}


/* ipeng */
#ipeng
{
   padding:             0px 0px 0px 0px;
   margin:              0px 0px 0px 0px;
   min-height:          calc(100% - 30px);
   height:              auto !important;
   margin-bottom:       -30px;
   overflow:            hidden;
}


/* ipengTitle */
#ipengTitle
{
   background-color:    #3e87bd;
   color:               white;
   padding:             10px 10px 10px 10px;
   margin:              0px 0px 0px 0px;
   height:              40px;
}
#ipengTitle h1
{
   height:              50%;
   font-size:           18pt;
   float:               left;
   margin:              5px 0px 5px 0px
}
#ipengTitle div
{
   height:              50%;
   float:               right;
   margin:              5px 0px 5px 0px
}


/* ipengNavBar */
#ipengNavBar
{
   margin:              0px 0px 20px 0px;
   padding:             5px 5px 5px 5px;
}
#ipengNavBar ul
{
   margin:              0px 0px 0px 0px;
   padding:             5px 5px 5px 5px;
}
#ipengNavBar ul li {
   display:             inline;
   margin:              0px 0px 0px 0px;
   padding:             0px 5px 0px 0px;
}
#ipengNavBar ul li:after {
   content:             '/';
}
#ipengNavBar ul li:last-child:after {
   content:             '';
}


/* ipengMenu */
#ipengMenu
{
   overflow:              hidden;
   float:                 left;
   width:                 175px;
   margin:                0 15px 0 15px;
   border:                0;
   padding:               0 0 20px 0;
}
#ipengMenu h2
{
   font-size:             11pt;
   border-bottom:         1px solid #D1D9C4;
   margin:                0 0 0 0;
}
#ipengMenu ul
{
   margin:                0 0 20px 0;
   padding:               0 0 0 0;
}
#ipengMenu ul li
{
   border-bottom:         1px solid #D1D9C4;
   list-style:            none;
   margin:                0 0 0 0;
   line-height:           20px;
   font-size:             11pt;
}


.markdown h1 {
   font-size:           18pt;
   text-align:          left;
}
.markdown h2 {
   font-size:           14pt;
   text-align:          left;
}


/* ipengData */
#ipengData
{
   margin:              0px 0px 0px 205px;
   padding:             5px 5px 5px 5px;
   //display:             inline-block;
   //min-height:          450px;
   height:              100%;
   width:               calc(100% - 225px);
}
#ipengData h1
{
   font-size:           22pt;
   text-align:          center;
   margin:              0px 0px 0px 0px;
   padding:             0px 0px 0px 0px;
}
#ipengData h2
{
   font-size:           18pt;
   text-align:          center;
   margin:              0px 0px 0px 0px;
   padding:             0px 0px 0px 0px;
}
#ipengData h3
{
   font-size:           14pt;
   font-style:          italic;
   text-align:          center;
   margin:              0px 0px 0px 0px;
   padding:             0px 0px 0px 0px;
}
#ipengData h4
{
   font-size:           12pt;
   font-style:          italic;
   text-align:          center;
   margin:              10px 0px 0px 0px;
   padding:             0px 0px 0px 0px;
}
#ipengData table
{
   margin-left:         auto;
   margin-right:        auto;
//   margin:              0px 0px 0px 0px;
   padding:             5px 5px 5px 5px;
   border-spacing:      0;
}
#ipengData table caption
{
   font-weight:         bold;
   font-size:           14pt;
}
#ipengData table tr
{
   margin:              0px 0px 0px 0px;
   padding:             0px 0px 5px 0px;
}
#ipengData table tr:nth-child(even)
{
   background-color:    #f8f8f8;
}
#ipengData table tr td
{
   margin:              0px 0px 0px 0px;
   padding:             1px 8px 1px 8px;
   border-right: solid 1px #e0e0e0;
}
#ipengData table tr td:last-child
{
   border-right:        none;
}


#ipengData table.ipengSpreadsheet
{
   margin-left:         auto;
   margin-right:        auto;
   padding:             5px 5px 5px 5px;
   border-spacing:      0;
}
#ipengData table.ipengSpreadsheet tr
{
   margin:              0px 0px 0px 0px;
   padding:             0px 0px 5px 0px;
   background-color:    transparent;
}
#ipengData table.ipengSpreadsheet tr th
{
   //text-align:          left;
   margin:              0px 0px 0px 0px;
   padding:             1px 8px 1px 8px;
   border:              solid 1px #e0e0e0;
   background-color:    #f8f8f8;
}
#ipengData table.ipengSpreadsheet tr td
{
   text-align:          left;
   margin:              0px 0px 0px 0px;
   padding:             1px 8px 1px 8px;
   border:              solid 1px #e0e0e0;
   background-color:    transparent;
}
#ipengData table.ipengSpreadsheet tr td.ipengSpreadsheetHeader
{
   text-align:          left;
   font-weight:         bold;
   background-color:    #f8f8f8;
}
#ipengData ipengData table.ipengSpreadsheet tr td:last-child
{
   border:              solid 1px #e0e0e0;
}


/* ipengTableTile */
#ipengTableTile
{
   float:               left;
   padding:             0;
   padding:             1em;
   margin:              1;
}
#ipengTableTile div
{
   display:             block;
   margin-left:         0.1em;
   margin-right:        0.1em;
   margin-top:          0.1em;
   margin-bottom:       0.1em;
   padding:             .5em .5em 1em 1em;
   float:               left;
   //max-width:           25em;
   min-width:           20em;
   min-height:          15em;
   //width:               20em;
   //height:              18em;
   border:              1px solid #D1D9C4;
}
#ipengTableTile div h2
{
   font-size:           12pt;
   padding:             0 0em;
   margin-bottom:       0.1ex;
   margin-top:          0.1ex;
}
#ipengTableTile div table
{
   width:               100%;
   margin:              0.0em;
   border:              0.0em;
   padding:             0.0em;
}
#ipengTableTile div table tr
{
   width:                 100%;
   padding:               0 0 0 0;
   margin:                0 0 0 0;
}
#ipengTableTile div table tr:nth-child(even)
{
   background-color:      transparent;
}
#ipengTableTile div table tr td
{
   border-bottom:         1px solid #D1D9C4;
   border-right:          none;
   padding:               0 0.6em 0 0;
   margin:                0 0 0 0;
   line-height:           20px;
   font-size:             11pt;
   max-width:             20em;
   word-break:            break-all;
}


/* ipengTile */
#ipengTile
{
   float:               left;
   padding:             0;
   padding:             1em;
   margin:              1;
}
#ipengTile div
{
   display:             block;
   margin-left:         1px;
   margin-right:        1px;
   margin-top:          1px;
   margin-bottom:       1px;
   padding:             .5em .5em 1em 1em;
   float:               left;
   width:               13em;
   height:              14em;
   border:              1px solid #D1D9C4;
}
#ipengTile div h2
{
   font-size:           12pt;
   padding:             0 0em;
   margin-bottom:       0.1ex;
   margin-top:          0.1ex;
}
#ipengTile div ul
{
   margin:              0.5em;
   border:              0.5em;
   padding:             0.5em;
}
#ipengTile div ul li
{
   list-style:          none;
   border-bottom:         1px solid #D1D9C4;
   list-style:            none;
   margin:                0 0 0 0;
   line-height:           20px;
   font-size:             11pt;
}


/* ipengBookmarks */
#ipengData div.ipengBookmarks
{
   //font-size:           smaller;
   display:             block;  // suppress marker
   margin-left:         1px;
   margin-right:        1px;
   margin-top:          1px;
   margin-bottom:       1px;
   padding:             .5em .5em 1em 1em;
   float:               left;
   width:               13em;
   height:              14em;
   //border:              1px solid #6cf;
   //border:              1px solid #000000;
   background-color:    #ffffff; // white
}
#ipengData div.ipengBookmarks h2
{
   font-size:           11pt;
   padding:             0 0em;
   margin-bottom:       0.1ex;
   margin-top:          0.1ex;
}
#ipengData div.ipengBookmarks ul
{
   margin:              0 0 20px 0;
   padding:             0 0 0 0;
}
#ipengData div.ipengBookmarks ul li
{
   border-bottom:       1px solid #D1D9C4;
   list-style:          none;
   margin:              0 0 0 0;
   line-height:         20px;
   font-size:           11pt;
}


/* ipengFooter */
footer
{
   background-color:    #3e87bd;
   color:               white;
   height:              30px;
   width:               100%;
   margin:              0px 0px 0px 0px;
   padding:             0px 8px 0px 0px;
   position:            absolute;
   bottom:              0;
}
footer ul
{
   margin:              0px 0px 0px 0px;
   padding:             5px 5px 5px 5px;
}
footer ul li
{
   display:             inline;
   margin:              0px 0px 0px 0px;
   padding:             5px 5px 5px 5px;
}
footer ul li a:link    { color: white; text-decoration: none; }
footer ul li a:visited { color: white; text-decoration: none; }
footer ul li a:active  { color: white; text-decoration: none; }
footer ul li a:hover   { color: white; text-decoration: underline; }


/* end of CSS */