/* webmb_d.css */
/*Created from ici_webmb_cssd.txt - 2009/11/08-Sun-00:13:06 kolson */

/* Overall Page Settings-may be overridden in various divisions */
body {
       background-color:#e0e0ff;
       font-family:Arial, sans-serif;
       font-weight:bold;
       font-size:10pt;
       }
/* Outside Box Incorporating All Page Contents */
/* Change only Colors */
#outside {
        margin:auto;
        width:900px;
        background-color:#ffffe0;
        border:solid 1px #aaaaaa;
        font-size:10pt;
        }
h1,h2,h3,h4,h5,h6 {
        text-align:center;
                }
/* Applies to any Pre-Formatted Text Sections */
pre {
        font-family:"Lucida Console";
        font-weight:bold;
        font-size:11pt;
        }
/* Allows for Page Breaks for Printing--No Effect on Display */
.pbreak {
        display:none;
        }
/* The header division is to present Text Title boldly */
/* NOTE that Colors may be Changed to Option at Generation */
/* headerhm used by Home/Master Pages */
/* headersd used for Solid Dark Background--Non Home/Master */
/* headerbx used for Box-Light Background--Non Home/Master */
div.headerhm {
        width:100%;
        height:80px;
        font-size:2.5em;
        font-weight:bold;
        margin-bottom:1px;
        background-color:#990000;
        color:#ffffff;
        }
span.headerhm {
        display:block;
        padding-top:0.60em;
        text-align:center;
        }
div.headersd {
        width:100%;
        height:50px;
        font-size:1.8em;
        font-weight:bold;
        margin-bottom:1px;
        background-color:#990000;
        color:#ffffff;
        }
span.headersd {
        display:block;
        padding-top:0.40em;
        text-align:center;
        }
div.headerbx {
        width:99%;
        height:50px;
        font-size:1.8em;
        font-weight:bold;
        background-color:#adff2f;
        color:#000000;
        border-top:2px solid #000000;
        border-right:2px solid #000000;
        border-left:2px solid #000000;
        border-bottom:2px solid #000000;
        }
span.headerbx {
        display:block;
        padding-top:0.55em;
        text-align:center;
        }
/* The homeopt is used to include a Home "Button" in Upper Left */
/* Corner of header.  Change border color for a light background */
div.homeopt {
        position:absolute;
        border:1px solid white;
        padding-left:4px;
        padding-right:4px;
        }
/* Overriding Link Colors for Home Button in Header */
a.homeopt:link { color:white; }
a.homeopt:visited { color:white; }
a.homeopt:active { color:white; }
a.homeopt:hover { color:yellow; }
        
/* The homelogo is used when ICommander Logo is included in Header */
/* to return to Home Page or to Close Window when opened in a */
/* separate Window.  N/A on Home/Master Page */
img.homelogo {
        height:100%;
        float:left;
        }

/* These control Color of Anchors (Links) */
a:link { color: #0000ff; } /* blue for unvisited links*/
a:visited { color: #000080; } /*navy for visited links*/
a:active { color: red; } /*red when link is clicked*/
a:hover { color: red; } /*red also when mouse over link*/

/* End of Overall Page Settings */

/* The permlink Division is in Optional Top Line Area Above Heading */
/* Do not change, if used */
.permlink {
        width:98%;
        margin:auto;
        font-size:0.9em;
        font-weight:bold;
        padding:3px;
        border:none;
        }

/* Settings for Horizontal Menu Bar and Buttons */
/* Change only Colors */
#menubarh {
        width:100%;
        height:24px;
        margin-bottom:1px;
        padding-top:7px;
        background-color:#00008b;
        text-align:center;
        color:white;
        font-weight:bold;
        text-decoration:underline;
        }
span.buttonhm {
        display:inline;
        padding-left:10px;
        text-align:center;
        font-size:11pt;
        text-decoration:none;
        cursor:pointer;
        }
span.buttonh {
        display:inline;
        padding-left:10px;
        text-align:center;
        font-size:11pt;
        text-decoration:none;
        cursor:pointer;
        }
/* Overriding Link Colors for Menu Buttons */
/* Applies Only to Home Pages where Buttons are Links */
a.buttonh:link { color:white; }
a.buttonh:visited { color:white; }
a.buttonh:active { color:white; }
a.buttonh:hover { color:yellow; }

/* Settings for Vertical Menu Bar Buttons */
/* Change only Colors */
#menubarv {
        font-size:10pt;
        font-weight:bold;
        color:white;
        margin-bottom:4px;
        margin-right:0px;
        text-align:left;
        text-decoration:none;
        }
.buttonv {
        width:100%;
        height:20px;
        background:#00008b;
        font-size:1.1em;
        margin-bottom:2px;
        padding-top:4px;
        padding-left:4px;
        cursor:pointer;
        }
/* Table for Home/Master Sub-Page (Horizontal) */
.menut {
        width:100%;
        background:#ffefd5;
        font-weight:bold;
        }
/* Table for Subcategory Type L Links Table (Layout as for H/M) */
.menutscl {
        position:relative;
        width:100%;
        background:#ffefd5;
        font-weight:bold;
        display:none;
        }
/* Table Pop-Up for a Horizontal Menu Button */ 
.menuth {
        position:absolute;
        left:5%;
        top:160px;
        width:890px;
        background-color:#ffefd5;
        font-size:10pt;
        font-weight:bold;
        display:none;
        }
/* Table Pop-Up for a Vertical Menu Button */ 
/* One Column-Link & Description Only */
.menutv1 {
        position:absolute;
        top:auto;
        width:350px;
        display:none;
        background:#ffefd5;
        border:2px solid blue;
        }
/* Two Columns-Link & Description Plus Comments-Expl */
.menutv2 {
        position:absolute;
        top:auto;
        display:none;
        background:#ffefd5;
        border:2px solid blue;
        }

/* Table Pop-Up Common Fields */
table.menuitem {
        width:100%;
        border-collapse:collapse;
        font-size:13px;
        }
tr.menuitem {
        text-align:left;
        }
td.left {
        width:25%;
        white-space:nowrap;
        }
/* Table Pop-Up Horizontal Menu Bar Fields */
th.menuitem {
        background-color:blue;
        color:white;
        border:1px solid black;
        text-align:center;
        padding-top:3px;
        padding-bottom:3px;
        }
/* Table Head-Subcategory Type L Links Table (Layout as for H/M) */
th.menuiscl {
        background-color:#990000;
        color:white;
        border:1px solid black;
       text-align:left;
        padding-top:3px;
        padding-bottom:3px;
        }
tr.head {
        background-color:white;
        text-align:center;
        }
td.head {
        border:1px solid blue;
        color:black;
        }
td.menuitem {
        color:black;
        empty-cells:show;
        border:1px solid blue;
        padding:2px;
        }
/* Table Pop-Up Vertical Menus Fields */
th.menuitemv {
        background-color:blue;
        color:white;
        border:none;
        text-align:center;
        padding-top:2px;
        padding-bottom:2px;
        }
/* Table Pop-Up One Column Vertical Menus Fields */
td.headv1 {
        background-color:#fff68f;
        color:#00008b;
        border-top:1px solid blue;
        border-bottom:1px solid blue;
        padding:3px;
        white-space:nowrap;
        }
td.menuitemv1 {
        background:#ffffff;
        color:#000000;
        border:none;
        padding:3px;
        margin-bottom:1px;
        }
/* Table Data Pop-Up One Column Button Menus from Comments */
td.menuitemvc {
        background:#ffffff;
        color:#000000;
        border:1px solid blue;
        padding:3px;
        margin-bottom:1px;
       text-align:center;
        }
/* Table Pop-Up Two Column Vertical Menus Fields */
td.headv2 {
        background-color:#fff68f;
        color:#00008b;
        border:1px solid blue;
        padding:3px;
        }
td.menuitemv2 {
        background:#ffffff;
        color:#000000;
        border:1px solid blue;
        padding:3px;
        margin-bottom:1px;
        }

/* Content Box for Home/Master Sub-Page (Horizontal Menu) */
.noted {
        width:96%;
        background-color:#ffefd5;
        border:4px solid blue;
        padding:10px;
        font-weight:bold;
        text-align:left;
        }
/* Content Pop-Up for a Horizontal Menu Button */ 
.notedh {
        position:absolute;
        top:160px;
        left:5%;
        width:870px;
        background-color:#ffefd5;
        color:#000000;
        border:4px solid blue;
        padding:10px;
        font-family:"Verdana";
        font-weight:bold;
        font-size:11pt;
        display:none;
        }
/* Content Pop-Up for a Vertical Menu Button */ 
.notedv {
        position:absolute;
        top:auto;
        left:5%;
        width:870px;
        background-color:#ffff99;
        color:black;
        border:4px solid blue;
        padding:10px;
        font-weight:bold;
        font-family:"Verdana";
        font-size:10pt;
        display:none;
        }

/* The abbx division is for Content Above Boxes */
div.abbx {
        width:100%;
        padding:8px;
        }

/* The box class is used in #left/#middle/#right division id's
to create various separate boxes for different content.
Note that CSS for Width of LRM Sections is Inserted at Generation */
.box {
        width:92%;
        margin:auto;
        margin-bottom:10px;
        padding:5px;
        background-color:#ffffff;
        border:solid 1px #cccccc;
        }
.box h4 {
        color:#5a6156;
        border-bottom:solid 2px #cccccc;
        margin:0;
        margin-bottom:3px;
        text-align:left;
        }
.box ul {
        margin:0;
        padding-left:15px;
        list-style:disc;
        }

/* The dlists/dl settings are for a Category/Content layout */
#dlists {
        font-family:"Verdana";
        font-weight:bold;
        }
dl.ilst {
        margin-left:4%;
        width:92%;
        font-size:10pt;
        text-align:left;
        }
dt.ilst {
        border-bottom:1px solid blue;
        font-size:1.1em;
        }
/* Overriding Link Colors for DL Content Header when Dark */
/* Delete Next Line and Line After a.linksdl:hover to activate */
/*
a.ilst:link { color:white; }
a.ilst:visited { color:white; }
a.ilst:active { color:white; }
a.ilst:hover { color:yellow; }
*/
dl.llst {
        width:99%;
        font-size:9pt;
        text-align:left;
        }
dt.linksdl {
        padding:2px;
        }
/* Overriding Link Colors for DL Links List Header when Dark */
/* Delete Next Line and Line After a.linksdl:hover to activate */
/*
a.linksdl:link { color:white; }
a.linksdl:visited { color:white; }
a.linksdl:active { color:white; }
a.linksdl:hover { color:yellow; }
*/

/* Allows optional indenting of dd Links List for wide sections */
/* Auto-Indent about 10%-Change from 0% to desired % to indent more */
dd.linksdd {
        text-indent:0%;
         }

/* The lbutton is for vertical <input buttons for Link(s) Lists */
.lbutton {
        background-color:#990000;
        color:white;
        font-weight:bold;
        width:100%;
        text-decoration:underline;
        cursor:pointer;
        }
/* The dsbutton is for Iframe Display Select Buttons */
.dsbutton {
        background-color:#990000;
        color:white;
        font-weight:bold;
        width:100%;
        text-decoration:underline;
        cursor:pointer;
        }
/* The hbutton is for horizontal <input buttons for Link(s) Lists */
.hbutton {
       background-color:#990000;
       color:white;
       font-weight:bold;
        width:auto;
        text-decoration:underline;
        cursor:pointer;
       }
/* The lbuttonm controls width of <input button in Middle Section */
div.lbuttonm {
        width:96%;
        margin:auto;
        }
/* The lbutton1s controls width and placement of <input button in */
/* Middle Section when it is the Only Section.  To put at left or */
/* right use float:<left right> and drop margin:auto */
div.lbutton1s {
        width:33%;
        margin:auto;
        }

/* The mttlink is for a text content link to a Menu Table */
.mttlink {
        color:#0000ff;
        cursor:pointer;
        text-decoration:underline;
        }

/* The mttltbl1 is a 1-wide Menu Table from a Text or Button Link */
.mttltbl1 {
        position:absolute;
        top:auto;
        left:340px;
        width:350px;
        display:none;
        background:#ffefd5;
        border:2px solid blue;
        }

/* The mttltbl2 is a 2-wide Menu Table from a Text or Button Link */
.mttltbl2 {
        position:absolute;
        top:auto;
        left:175px;
        width:680px;
        display:none;
        background:#ffefd5;
        border:2px solid blue;
        }

/* The mttltblc is a 1-wide Menu Table Using Menu Comments for Link
   Used when Image Link vs Text is Desired for Vertical or
   Horizontal Menu Buttons are used */
.mttltblc {
        position:absolute;
        top:auto;
       left:175px;
       width:600px;
        display:none;
       background:#ffefd5;
       border:2px solid blue;
       }

/* The poplink settings are to highlight/create link for any hidden */
/* Content to be presented in a Pop-Up Box */
#poplink {
        cursor:pointer;
        }
/* Pop-Up Link Color-1 Bkgrd:Navy Text:Yellow - May Change or Add */
.poplinkc1 { background-color:#00008b;color:#ffff00; }
.popupbox {
        display:none;
        position:absolute;
        left:15%;
        width:650px;
        background-color:#ffffff;
        border:4px solid red;
        padding-top:8px;
        padding-left:6px;
        padding-right:6px;
        padding-bottom:6px;
        text-align:left;
        }
.popup {
        font-family:"Verdana";
        font-size:12px;
        font-weight:bold;
        }

/* The iframe is used for Insert of an HTML File */
iframe.fins  {
        width:100%;
        height:300px;
        overflow:auto;
        }

/* Page Pop-Up for another Web Page or Image in iframe */
.ifrbox {
        position:absolute;
        left:5px;
        top:auto;
        width:994px;
        display:none;
        }
iframe.box {
        width:990px;
        height:640px;
        }

/* Footer, if used, is Below All Other Content */
#footer {
        clear:both;
       padding:8px;
       }
/* Bottom Credit is outside of Main Content */
#botcredit {
        font-size:0.9em;
        font-weight:normal;
        }
/* The boxte class optionally used in L/R/M divs for Table Emulation */
.boxte {
        width:96%;
        padding-top:6px;
        padding-bottom:4px;
       background-color:#ffffff;
       border:solid 1px #cccccc;
       }
/* NOTE that #left/#right/#middle when Applicable is Inserted at */
/* Generation following Standard/Edited CSS Above */