/* 
  Design215 Site Manager stylesheet, Copyright Design215 Inc. 
  v2.5.9  12.15.2022

  Default stylesheet, "Midnight" Theme
   

  12.15.2023
  - added .rt {text-align:right;}

  11.18.2023
  - added .dim0 class

  11.09.2023
  - updated most classes for select boxes

  11.08.2023
  - removed width from table.batch

  10.23.2022
  - see dev notes

  02.22.2021
  - see dev notes

  07.05.2018
  - this is now the main stylesheet and the others will be used to adjust theme/colors
  
   
  -----------------------------------------------------------------------------
  Page Defaults and CSS Fixes
  ----------------------------------------------------------------------------- 
*/
html {
  line-height: 1.15; 
  -webkit-text-size-adjust: 100%; 
}
html,body {
  text-align:center; margin:0; padding:0; height:100%;
  box-sizing:border-box;
}


/*
  Overall styles and classes for HTML elements 
  ----------------------------------------------------------------------------- 
*/

html,body {
  text-align:center; margin:0; padding:0; height:100%;
  color:#fff; background:#404040;
}
body {
  display:flex; flex-direction:column;
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#ccc;
}


table td {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ccc; line-height:130%;
}
h1 {
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#fff;
  margin:0; padding:8px 0 0 0; 
}
#pag_liststats h1,
div.prefgroup h1 {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#fff;
  margin:0; padding:0 0 4px 0; 
}

h2 {
  font-family:arial,helvetica,san-serif; font-size:14px; font-weight:bold;
  margin:0; padding:0 0 6px 0; color:#fff;
}
h2.navbar {
  margin:4px 0 0 12px; letter-spacing:2px; color:#fff;
}

h3 {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000044;
  margin:0; padding:2px 0 0 0;
}
p {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#eee; line-height:130%;
  margin:0 10px 0 0; padding:0;
}
  p.p1 {
    margin:4px;
  }
  p.p2 {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#eee; line-height:130%;
    margin:10px 10px 0 36px; padding:0;
  }
  p.submenu {
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#eee; line-height:130%;
    margin:6px 0 14px 0; padding:0;
  }
  p.r1 {
    text-align:right; margin:4px 0 0 0;
  }
  p.c1 {
    text-align:center; margin:0; padding:0;
  }

  div#errmsg p {
    font-family:verdana,helvetica,sans-serif; font-size:12px; color:#eee; line-height:130%;
    margin:2px 10px 0 0; padding:0;
  }
  div#errmsg h2::before  {
    content: "\26D4\20";
  }
  
.rt {text-align:right;}    
    
.fxlarge {font-size:18px; margin:2px 0 4px 0;}
.fxxlarge {font-size:24px; margin:2px 0 6px 0;}
    
.fheading {
  font-family:arial,helvetica,san-serif; font-size:12px; font-weight:bold;
  line-height:150%;
}
.xred {font-family:verdana,helvetica,san-serif; font-size:10px; color:#ffaa00;}
.xhlight {color:#ffcc00;}
.xgo {color:#008000;} /* confirmation messages */

.xcourier {font-family:"Lucida Console",monospace; font-size:11px;}

.code {
  font-family:"Lucida Console",monospace; font-size:13px;
  color:#ccff66;
}

a {
  font-weight:bold;
  cursor:pointer;
}
    
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#78c5ff;}
a:hover {text-decoration:underline; font-weight:bold; color:#fff;}

/* general purpose, inline text links */
a.opt {
  font-weight:bold; color:#78c5ff;
  cursor:pointer;
}
a.opt:link,
a.opt:visited {text-decoration:none; font-weight:bold; color:#78c5ff;}
a.opt:hover {text-decoration:underline; font-weight:bold; color:#fff;}

#footer a:link,
#footer a:visited {text-decoration:none; font-weight:bold; color:#fff;}
#footer a:hover {text-decoration:underline; font-weight:bold; color:#fff;}

/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#565656;}
#footer a.w3:hover {text-decoration:none; color:#fff;}

a.a1 {padding-left:14px; background:transparent url(images/bt1.gif) no-repeat;} 

  /* Style for link "buttons" like "New", etc */
  a.m1 {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    vertical-align:middle;
    margin:0 1px 0 0; padding:3px 6px 5px 6px; background:#222;
    border:1px solid #000; border-radius:3px;
    box-shadow:0 0 1px #222;
    cursor:pointer;
    user-select:none;
  }
  a.m1:link,
  a.m1:visited {text-decoration:none; font-weight:bold; color:#fefefe;}
  a.m1:hover   {
    text-decoration:none; font-weight:bold; color:#000; background:#eee;
  }

  /* Style for link "buttons" like "Delete", etc */
  a.del {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    vertical-align:middle;
    margin:0 1px 0 0; padding:3px 6px 5px 6px; background:#222;
    border:1px solid #000; border-radius:3px;
    box-shadow:0 0 2px #cc0000;
    cursor:pointer;
    user-select:none;
  }
  a.del:link,
  a.del:visited {text-decoration:none; font-weight:bold; color:#fefefe;}
  a.del:hover   {
    text-decoration:none; font-weight:bold; color:#fff; background:#cc0000;
    border:1px solid #ff0000;
  }

  /* Style for link "buttons" like "Save", "Go", etc */
  input.btn2 {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
    letter-spacing:1px; vertical-align:middle; color:#fff;
    margin:0 1px 0 4px; padding:2px 8px 3px 8px; background:#0088ed;
    border:1px solid #000; border-radius:3px;
    cursor:pointer;
    user-select:none;
  }

  a.btn2 {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
    letter-spacing:1px; vertical-align:middle; color:#fff;
    margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#0088ed;
    border:1px solid #000; border-radius:3px;
    cursor:pointer;
    user-select:none;
  }
  a.btn2:link,
  a.btn2:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
  a.btn2:hover   {
    text-decoration:none; font-weight:bold; color:#fff; background:#00cc00;
  }

  /* Style for button once submitted */
  a.btnfade {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
    letter-spacing:1px; vertical-align:middle; color:#888;
    margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#343434;
    border:1px solid #000; border-radius:3px;
  }
  a.btnfade:link,
  a.btnfade:visited {text-decoration:none; font-weight:bold; color:#888;}
  a.btnfade:hover   {
    text-decoration:none; font-weight:bold; color:#888; background:#343434;
  }

  /* page numbering */
  a.pag1 {
    display:inline-block; width:32px; line-height:18px;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold; 
    letter-spacing:1px; text-align:center; vertical-align:middle; color:#fff;
    margin:0 1px 2px 2px; padding:4px 2px 4px 2px; background:#00cc00;
    border:1px solid #000; border-radius:3px;
    cursor:pointer;
    user-select:none;
  }
  a.pag1:link,
  a.pag1:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
  a.pag1:hover   {
    text-decoration:none; font-weight:bold; color:#000; background:#fff;
  }
  a.pag2 {
    display:inline-block; width:32px; line-height:18px;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold; 
    letter-spacing:1px; text-align:center; vertical-align:middle; color:#fff;
    margin:0 1px 2px 2px; padding:4px 2px 4px 2px; background:#333;
    border:1px solid #000; border-radius:3px;
    cursor:pointer;
    user-select:none;
  }
  a.pag2:link,
  a.pag2:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
  a.pag2:hover   {
    text-decoration:none; font-weight:bold; color:#fff; background:#00cc00;
  }

  /* icons for buttons and also for general use inline with text */
  span.icat {padding:0 6px 0 0; background:transparent url(images/mgr_cat.png) 0px 2px no-repeat;}
  span.isub {padding:0 6px 0 8px; background:transparent url(images/mgr_sub.png) 8px 2px no-repeat;}
  span.iimg {padding:0 6px 0 8px; background:transparent url(images/mgr_itm.png) 8px 2px no-repeat;}

  /* Style for alphabet tabs in User Manager panel */
  a.m2 {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:10px; font-weight:bold;
    margin:0 1px 0 0; padding:2px 4px 2px 4px;
    border:1px solid #404040;
  }
  a.m2:link,
  a.m2:visited {text-decoration:none; font-weight:bold; color:#78c5ff;}
  a.m2:hover   {
    text-decoration:none; font-weight:bold; color:#000; background:#eee;
    border:1px solid #000;
  }

  /* Style for menu tabs, v12.11.2015 */
  a.s1 {
    display:inline-block;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    padding:3px 8px 12px 8px;
    border-top-left-radius:4px;
    border-top-right-radius:4px; 
    cursor:pointer;
    user-select:none;
  }
  a.s1:link,
  a.s1:visited {text-decoration:none; color:#aaa;}
  a.s1:hover   {
    text-decoration:none; color:#78c5ff;
  }

  /* Currently selected tab */
  a.s2 {
    display:inline-block; min-width:40px;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    padding:3px 8px 12px 8px;
    background:#404040;
    border-top-left-radius:4px;
    border-top-right-radius:4px;    
    border-left:1px solid #666;   
    border-right:1px solid #666;   
    border-top:1px solid #666;
    box-shadow:0 0 1px #000; 
    cursor:pointer;
    user-select:none;  
  }
  a.s2:link,
  a.s2:visited {text-decoration:none; color:#fff;}
  a.s2:hover   {
    text-decoration:none; color:#fff; background:#404040;
  }
  
  /* Currently selected submenu */  
  a.sub1:link,
  a.sub1:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.sub1:hover {text-decoration:underline; font-weight:bold; color:#fff;}

  
/* default elements styles */
  
iframe {
  border:0;
}
label {
  white-space:nowrap;
}
option {
  padding:2px;
}

.vdrop {
  font-family:"Lucida Console",monospace; font-size:12px; width:160px;
  border:1px solid #000; color:#eee; background:#222;
}  
.vdrop2 {
  font-family:"Lucida Console",monospace; font-size:12px; width:220px;
  border:1px solid #000; color:#eee; background:#222;
}  
.vdrop3 {
  font-family:"Lucida Console",monospace; font-size:12px; width:120px;
  border:1px solid #000; color:#eee; background:#222;
}  
.lendrop {
  font-family:"Lucida Console",monospace; font-size:12px; width:50px;
  border:1px solid #000; color:#eee; background:#222;
}  

span.req {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#ff0000;
} 

/* defaults for tables */  
table {
  margin:2px 6px 2px 0; padding:0;
}
table td {  /* eliminates the need for valign="top" */
  line-height:130%; 
  vertical-align:top;
  padding:2px 2px 2px 0; margin:0;
}
table td.rt {  /* eliminates the need for align="right" */
  text-align:right;
}
table td.ct {  /* eliminates the need for align="center" */
  text-align:center;
}
.nwrap {
  white-space:nowrap;
}

table.navorder td {
  vertical-align:middle;
}

.x100,
table.x100 {
  width:100%;
}
.xfull,
table.xfull {
  width:980px;
}
.xxlarge,
table.options,
table.models,
table.xxlarge {
  width:900px;
}
.xlarge,
table.links,
table.series,
table.xlarge {
  width:780px;
}
.large,
table.large {
  width:750px;
}
table.print,
table.usersort {
  width:620px;
}
table.vendorsort {
  width:580px;
}
table.notes,
table.navedit,
table.navorder {
  width:600px;
}
table.small {
  width:480px;
}
table.xsmall2 {
  width:250px;
}
table.xsmall {
  width:200px;
}

.graybox,
table.graybox {
  background:#343434; padding:8px 4px 4px 10px; 
  border:1px solid #000;
}
table.graybox td,table.clearbox td {
  padding:0 8px 0 0;
}

table.stats {
  margin:0; padding:0; min-width:720px;
}
table.stats td {
  margin:0; padding:2px 2px 3px 2px; white-space:nowrap;
}

table.fullwidth {
  width:100%; white-space:nowrap;
  margin:0; padding:0;
}
  table.fullwidth td {
    padding:0;
  }

  /* mgr_users */
  table.userlist {
    width:100%; white-space:nowrap;
    margin:0; padding:0;
    border-spacing: 0;
    border-collapse: collapse;
  }
    table.userlist td {
      padding:2px 8px 2px 8px; vertical-align:middle; white-space:nowrap;
    }
    table.userlist td.file {
      padding:0; vertical-align:middle; white-space:nowrap;
    }
    table.userlist a {
      display:block; padding:0; margin:0; line-height:15px; padding:4px 2px 4px 4px;
    }
    table.userlist a:hover {
      background:#ffffcc; color:#000; text-decoration:none;
    }
    
  table.userlist td.c1 {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#fff; background:#343434;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  table.userlist td.c1h {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#000; background:#ffffcc;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  table.userlist td.ckb { /* width of checkbox column */
    width:30px;
  }
  
  td.c1 a {color:#fff; padding:4px 8px 4px 8px;}
  td.c1 a:hover {color:#000;}
  
  td.c1h a {color:#000; padding:4px 8px 4px 8px;}
  td.c1h a:hover {color:#000; text-decoration:none;}
  
  #userstatus {
  }
  #userstatus td input {
    margin:0 6px 0 6px;
  }

  
/* product/batch */  
table.batch {
  position:relative;
  margin:2px;
  border-spacing: 0;
  border-collapse: collapse;
}
  table.batch td {
    vertical-align:middle;
    padding:1px 2px 1px 2px;
  }
  p.mn {
    width:340px; 
    white-space:nowrap; overflow:hidden; /* this didn't work on table td */
  }
  .bth {color:#000; background:#ffffcc;} /* row highlight */
  .bth td,
  .bth td a {color:#000;}

  /* List column headings, c1h = currently sorted column */
  td.c1 {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#fff; background:#444;
  }
  td.c1h {font-family:arial,helvetica,san-serif; font-size:12px; color:#000; background:#ffffcc;}
  a.c1 {font-family:arial,helvetica,san-serif; font-size:12px; color:#000;}
  a.c1:link,
  a.c1:visited {text-decoration:none; font-weight:bold; color:#000;}
  a.c1:hover   {text-decoration:none; font-weight:bold; color:#0000ff;}
  
  /* stats columns */
  td.cd1 {
    max-width:150px; overflow:hidden;
  }
  td.cd2 {
    max-width:300px; overflow:hidden;
  }
  td.cd3 {
    max-width:400px; overflow:hidden;
  }
  td.cd4 {
    width:150px; overflow:hidden;
  }
  
  /* List navigation bar */
  td.c3 {font-family:"Lucida Console",monospace; font-size:12px; color:#fff; background:#4B91DE;}
  a.c3 {font-family:"Lucida Console",monospace; font-size:12px; color:#fff;}
  a.c3:link    {text-decoration:none; font-weight:bold; color:#fff;}
  a.c3:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.c3:hover   {text-decoration:none; font-weight:bold; color:#ffe347;}
  
  /* alternating row backgrounds */
  tr.c4 {font-family:verdana,helvetica,san-serif; font-size:10px; color:#dedede; background:#252525;}
  tr.c5 {font-family:verdana,helvetica,san-serif; font-size:10px; color:#dedede; background:#343434;}
  /* alternating backgrounds for rows with errors */
  tr.c4e {font-family:verdana,helvetica,san-serif; font-size:10px; color:#dedede; background:#752424;}
  tr.c5e {font-family:verdana,helvetica,san-serif; font-size:10px; color:#dedede; background:#8e2d2d;}
  .c6 {font-family:verdana,helvetica,san-serif; font-size:10px; color:#000; background:#ffffcc;}
  .c6 td {color:#000;}
  
  /* status indication colors */
  td.d1 {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#ff0000;}
  td.d2 {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#00ff00; border-top:1px solid #444;}
  td.d2a {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#020202; border-top:1px solid #444;}
  td.d3 {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#ababab;}
  td.d4 {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#8500ff;}
  td.d5 {font-family:arial,helvetica,san-serif; font-size:10px; color:#000; background:#ffdd55;} /* special customer */
  
  /* NEW styles for status colors */
  label.stat {
    position:relative; line-height:22px; height:20px;
    cursor:pointer;
  }
  label.stat input {
    vertical-align:middle;
  }
  /*  
    Color Key:
    
    d1    red (pure RGB)
    d2    green (pure RGB)
    d3    light gray
    d4    purple
    d5    yellow-orange
    d6    orange
    d7    brown
    d8    light green
    d9    olive green 
    d10   dark blue
    d11   med blue     (official account badge color)
    d12   light blue
    d13   magenta      (new 2020)
    d14   yellow       (new 2020)
    d15   dark red     (new 2020)
    d16   black        (new 2020)
    
  */
  .d0 {padding:2px 12px 2px 2px;}
  .d1 {background:#ff0000; padding:2px 12px 4px 2px;}  
  .d2 {background:#00ff00; padding:2px 12px 4px 2px;}  
  .d3 {background:#ababab; padding:2px 12px 4px 2px;}  
  .d4 {background:#8500ff; padding:2px 12px 4px 2px;}  
  .d5 {background:#ffdd55; padding:2px 12px 4px 2px;}
  .d6 {background:#ffaa00; padding:2px 12px 4px 2px;}
  .d7 {background:#774c20; padding:2px 12px 4px 2px;}
  .d8 {background:#99ff00; padding:2px 12px 4px 2px;}
  .d9 {background:#627720; padding:2px 12px 4px 2px;}  
  .d10 {background:#133d5e; padding:2px 12px 4px 2px;}
  .d11 {background:#0088ed; padding:2px 12px 4px 2px;}
  .d12 {background:#92d1ff; padding:2px 12px 4px 2px;}
  .d13 {background:#ff00dd; padding:2px 12px 4px 2px;}
  .d14 {background:#ffee00; padding:2px 12px 4px 2px;}
  .d15 {background:#990000; padding:2px 12px 4px 2px;}
  .d16 {background:#020202; padding:2px 12px 4px 2px;}
  
  /* Vendor Status */
  .vn1 {background:#00ee00; padding:2px 12px 4px 2px;}
  .vn2 {background:#ffdd00; padding:2px 12px 4px 2px;}
  .vn3 {background:#8800bb; padding:2px 12px 4px 2px;}
  .vn4 {background:#ff0000; padding:2px 12px 4px 2px;}

  .bxx {  /* for showing color samples */
    position:relative; display:inline-block;
    padding:0; margin:2px 4px 0 0; width:16px; height:14px;
  }
  
  /* Stats, daily chart grid, updated 11.30.2015 */
  td.grid {background:transparent url(images/chart_grid02.gif) 0px -1px;} 
  
  table.pageHeight {height:800px; overflow:hidden;} /* This makes daily charts align to the bottom of the page */
  table.pageHeight td,
  table.pageHeight td table td {
    padding:0; margin:0;
    text-align:center; vertical-align:bottom;
  }
  table.stat748 {
    width:748px;
  }
    table.stat748 td {
      white-space:nowrap;
    }
  table.textedit {
    width:980px;
  }
  
  table.google30 td {
    padding:0; margin:0;
    text-align:center; vertical-align:bottom;
  }
  
  td.gray {
    text-align:center; color:#bbb; background:#fcfcfc;
  }
  td.black {
    text-align:center; background:#fbfbfb;
  }
  .xsmall {font-family:arial,helvetica,san-serif; font-size:9px;}
  

/* Style for unordered bullet lists */
ul.alist {
  margin:2px 0 0 0; padding:0; list-style:none;
}
ul.alist li {
  margin-bottom:6px; padding:0 0 0 16px;  
  background:transparent url(images/bt8.gif) no-repeat;
}
  
  /* Categories, Subcategories, and Items */
  ul.lev1 {margin:0; padding:0; list-style:none;}
  ul.lev1 li {
    margin:0 0 2px 0; padding:0 0 0 12px;  
    background:transparent url(images/bt5.gif) no-repeat;
  }
  
  ul.lev2 {margin:0; padding:0; list-style:none;}
  ul.lev2 li {
    margin:0 0 2px 0; padding:0 0 0 14px;  
    background:transparent url(images/bt2.gif) no-repeat;
  }
  ul.lev2 li.x {  /* bottom margin for [+ add subcategory] */
    margin:0 0 8px 0; padding:0;  
    background:transparent;
  }
  
  ul.lev3 {margin:0; padding:0; list-style:none;}
  ul.lev3 li {
    margin:0 0 1px 0; padding:0 0 0 14px;  
    background:transparent url(images/bt7.gif) no-repeat;
  }
  ul.lev3 li.x {  /* bottom margin for [+ add item] */
    margin:0 0 6px 0; padding:0;  
    background:transparent;
  }
  
img.p1 {
  color:#444;
  border-color:#444;
  padding:0;
}
img.xpic {
  margin:0 3px 0 1px; padding:0;
  border-bottom:solid 1px #444;
}
img.xthumb {
  margin:0 3px 0 1px; padding:0;
  border:solid 1px #000;
  max-width:200px;
  max-height:150px;
}
table td.thumb {
  min-width:200px;
}

img.imove {
  position:relative;
  margin:0 4px 0 0; padding:0;
  border:1px solid #000; border-radius:3px;
} 

form {margin:0; padding:0; display:inline;}

.chkbx {margin:1px; padding:0; height:14px;}
.chkbx2 {margin:3px 0 0 0;}

input {
  margin:2px 0 2px 0;
} 
input[type="checkbox"] {
  position:relative;
  height:15px;
  vertical-align:bottom;
  margin:0 2px 0 0;
  padding:0;
}
 
select {
  font-family:arial,helvetica,sans-serif; font-size:13px;
  border:1px solid #000; color:#fff; background:#222;
  margin:2px 0 2px 0; padding:3px 6px 3px 6px;
}

/* Fix Internet Explorer 11 word wrap */
textarea {
  white-space:pre-wrap;
}

/* mgr_text */
textarea.compose {
  width:650px;
  font-family:verdana,helvetica,san-serif; font-size:11px;
  background:#fafafa; color:#040404;
  padding:6px;
  border:1px solid #000;
  box-shadow:0 0 2px #666;
} 

#text1 { /* textarea in list_text */
  display:none;
}
textarea.textprint {
  width:95%; height:92%;
  border:0; padding:12px;
  font-family:verdana,helvetica,san-serif; font-size:11px;
}

label.noshow {display:none;}
pre {font-size:12px; margin:0 0 0 12px;}
acronym {border-bottom:dashed 1px #000; cursor:help; font-weight:bold; color:#000099;}

.boxBlur {
  font-family:"Lucida Console",monospace; font-size:12px; 
  border:1px solid #000; color:#ccff66; background:#212121;
  box-shadow:1px 1px 2px #666;
  padding:4px;
}
.boxBlurDisable {
  font-family:"Lucida Console",monospace; font-size:12px; 
  border:1px solid #000; color:#aaa; background:#303030;
  box-shadow:1px 1px 2px #666;
  padding:4px;
}
.boxBlur:focus,.boxFocus {
  font-family:"Lucida Console",monospace; font-size:12px; 
  border:1px solid #ccff66; color:#fff; background:#000;
  box-shadow:1px 1px 2px #666;
  padding:4px;
}
.boxBlurR {
  font-family:"Lucida Console",monospace; font-size:12px; 
  border:1px solid #000; color:#ccff66; background:#212121;
  box-shadow:1px 1px 2px #666;
  text-align:right; padding:4px;
}
.boxBlurR:focus,.boxFocusR {
  font-family:"Lucida Console",monospace; font-size:12px;
  border:1px solid #ccff66; color:#fff; background:#003300;
  box-shadow:1px 1px 2px #666;
  text-align:right; padding:4px;
}
/* used for "dimming" values that are zero (0.00) */
.dim0 {
  color:#888888;
}
  .boxError {
    font-family:"Lucida Console",monospace; font-size:12px; 
    border:1px solid #ff0000; background:#ffcccc; padding:4px; 
  }
  .boxRequired {
    font-family:"Lucida Console",monospace; font-size:12px; 
    border:1px solid #ff0000; color:#fff; background:#212121; padding:4px; 
  }
  .boxRequired:focus {
    font-family:"Lucida Console",monospace; font-size:12px; 
    border:1px solid #ff0000; color:#fff; background:#000; padding:4px; 
  }
  .boxDisable {
    display:none;
  }
  .boxClear {
    text-align:right;
    font-family:"Lucida Console",monospace; font-size:12px; 
    border:1px solid #000; color:#fff; background:#212121;
  }
  
  div.xbox1 {
    width:400px; padding:4px 8px 4px 8px; border:solid 1px #000;
    background:#404040;
  }
  div.xbox1 td {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#eee; line-height:130%;
    background:#404040;
  }

  .themedrop {
    width:100px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2drop {
    width:150px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2drop2 {
    width:180px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2grps {
    width:260px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2opts {
    width:240px;
    border:1px solid #000; color:#fff; background:#212121; margin:0 12px 0 0;
  }
  .c2drop3 {
    width:260px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2drop4 {
    width:50px;
    border:1px solid #000; color:#fff; background:#212121;
  }
  .c2dropx {
    border:1px solid #000; color:#fff; background:#212121; 
  }
  .c2dropp {
    width:450px;
    border:1px solid #000; color:#fff; background:#212121;
  }

  .xtextarea {
    width:100%;
    font-family:"Lucida Console",monospace; font-size:12px; 
    border:1px solid #666; color:#040404; background:#fafafa;
  }
  .xtextarea2 {
    font-family:"Lucida Console",monospace; font-size:12px;
    border:1px solid #666; color:#040404; background:#fafafa;
  }
  .xtextarea3 {
    width:750px;
    font-family:"Lucida Console",monospace; font-size:12px;
    border:1px solid #666; color:#040404; background:#fafafa;
  }

  .fbutton {
    font-weight:bold;
    border:1px solid #000; color:#0000aa; background:#fff;
    margin:0; padding:1px;
  }
  
  /* Fileselector */
  #pag_fsel {
    min-width:600px;
    background:#303030;
    color:#eee;
    font-size:12px;
  }
  #pag_fsel h1 {
    color:#fff; font-size:16px; padding-bottom:4px; 
  }
  #pag_fsel a.fs:link,
  #pag_fsel a.fs:visited {text-decoration:none; font-weight:bold; color:#78c5ff;}
  #pag_fsel a.fs:hover {text-decoration:underline; font-weight:bold; color:#000;}
  
  .fbutton2 { 
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
    letter-spacing:1px; vertical-align:middle; color:#fff;
    margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#00aa00;
    border:1px solid #444; border-radius:3px;
  }
  #xloadpic {
    display:none;
  }
  #fselframe {
    position:relative; margin:0; padding:0 0 190px 0;
    text-align:left;
    background:#303030;
  }
  #fselframe p {
    padding:2px 0 0 4px; color:#eee;
  }

  table.filelist {
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
  }
    table.filelist td {
      padding:2px 8px 2px 8px; vertical-align:middle; white-space:nowrap;
    }
    table.filelist td.file {
      padding:0; vertical-align:middle; white-space:nowrap;
    }
    table.filelist a {
      display:block; padding:0; margin:0; line-height:15px; padding:4px 2px 4px 4px;
    }
    table.filelist a:hover {
      background:#ffffcc; color:#000; text-decoration:none;
    }
    
  table.filelist td.fs1 {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#fff; background:#343434;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  table.filelist td.fs1h {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#000; background:#ffffcc;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  
  td.fs1 a {color:#fff; padding:4px 8px 4px 8px;}
  td.fs1 a:hover {color:#000;}
  
  td.fs1h a {color:#000; padding:4px 8px 4px 8px;}
  td.fs1h a:hover {color:#000; text-decoration:none;}
    
  div#fselcontrols {
    position:fixed; width:100%; height:166px; bottom:0px; left:0px; 
    border-top:1px solid #000; background:#343434;
    overflow:hidden; min-width:600px;
  }
  div#fselthumb {
    position:absolute; width:160px; height:166px; bottom:0px; left:8px; 
    overflow:hidden;
  }
    #fselthumb table {
      position:absolute; margin:0; padding:0;
      width:160px; height:160px;
    }
    #fselthumb table td {
      vertical-align:middle; text-align:center;
    }
    #fselthumb table td img {
      max-width:156px; height:auto; border:1px solid #000;
    }
  div#fselpath {
    position:absolute; width:400px; height:24px; bottom:100px; right:15px;
    text-align:left; white-space:nowrap; font-size:11px;
    overflow:hidden;
  }
  div#fselsort {
    position:absolute; width:320px; height:30px; bottom:126px; right:15px;
    text-align:right;
  }
    #fselsort label {padding:0 0 0 30px;}

  div#fselnav {
    position:absolute; width:400px; height:80px; bottom:20px; right:15px;
    text-align:right;
    white-space:nowrap;
  }
    #fselnav span {
      position:relative; padding:0 0 0 80px;
    }

  #uframe {
    position:relative;
    width:97%; height:30px;
    border:1px solid #000;
    background:#222;
    box-shadow:0 0 2px #666;
    margin:20px 0 4px 0;
  }
  #ubar {
    background:transparent url(images/progress.png) 0 0 repeat-x;;
    height: 30px;
    width: 0px;
    border-right:1px solid #000;
  } 
  #uinfo,#ustatus {
    position:relative; display:inline-block; 
    margin:0 0 0 2px; padding:0; width:66%; text-align:left;
    color:#fff; font-size:12px; height:22px;
  }
  #ustatus {
    width:30%; text-align:right;
  }
  iframe.noshow {
    display:none;
  }   
    
  /* mini file select frames, like on mgr_text */
  #pag_files {
    background:#303030;
    color:#eee;
    font-size:12px;
    margin:0; padding:0;
    height:200px;
  }
    #pag_files p {
      margin:4px 0 0 12px;
    }
  #pag_textedit iframe#xframe2 {
    padding:0; margin:0 0 4px 0;
    border:1px solid #000;
  }    

  /* Vendor List */    
  table.vendorlist {
    width:98%;
    border-spacing:0;
    border-collapse:collapse;
  }
    table.vendorlist td {
      padding:2px 2px 2px 4px; vertical-align:middle; white-space:nowrap;
    }
    table.vendorlist a {
      display:block; padding:0; margin:0; line-height:15px; padding:4px 2px 4px 4px;
    }
    table.vendorlist a:hover {
      background:#ffffcc; color:#000; text-decoration:none;
    }
    
  table.vendorlist td.vs1 {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#fff; background:#343434;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  table.vendorlist td.vs1h {
    font-family:arial,helvetica,san-serif; font-size:12px; color:#000; background:#ffffcc;
    border-bottom:2px solid #000; border-right:1px solid #000; padding:0;
  }
  
  td.vs1 a {color:#fff; padding:4px 8px 4px 8px;}
  td.vs1 a:hover {color:#000;}
  
  td.vs1h a {color:#000; padding:4px 8px 4px 8px;}
  td.vs1h a:hover {color:#000; text-decoration:none;}

  table.xradio {
    width:100px;
  }
    table.xradio td.c4,
    table.xradio td.d1,
    table.xradio td.d3,
    table.xradio td.d4,
    table.xradio td.d5 {
      padding:2px 4px 2px 4px; text-align:center;
    }
  table.xradio2 {
    width:200px;
  }
    table.xradio2 td {
      padding:2px 4px 2px 4px;  /* padding for radio button color boxes */
    }    

  h1.details {
    font-size:20px;
  }
  
  /* Style for alphabet tabs in Vendor Manager panel */
  a.m3 {
    line-height:20px;
    font-family:verdana,helvetica,san-serif; font-size:10px; font-weight:bold;
    margin:0 1px 0 0; padding:2px 3px 2px 3px;
    border:1px solid #404040;
  }
  a.m3:link,
  a.m3:visited {text-decoration:none; font-weight:bold; color:#78c5ff;}
  a.m3:hover   {
    text-decoration:none; font-weight:bold; color:#000; background:#eee;
    border:1px solid #000;
  }

  /* account indication colors */
  td.et1 {background:#ffff99;} /* basic         */
  td.et2 {background:#ffd263;} /* outfitter     */
  td.et3 {background:#ba78ff;} /* poster        */
  td.et4 {background:#939bff;} /* networker     */
  td.et5 {background:#b79238;} /* broker        */
  td.et6 {background:#fcfcfd;} /* media         */
  td.et9 {background:#c5dbff;} /* event         */
  td.et11 {background:#acff22;} /* info         */
  
  div.box1 {
    margin:1px 0 4px 0; padding:6px 14px 6px 14px;
    background:#303030; 
    border:1px solid #000;
  }

  div.box2 {
    margin:1px 0 4px 0; padding:4px 4px 4px 12px;
    background:#dfedff; 
    border:1px solid #000;
  }
  
  
/* SELECT List OPTGROUP */
.catopt {
  color:#000099; background:#ccc; 
  font-style:normal;
  margin:2px 0 0 0; padding:2px 0 3px 0;
}  
.subopt {
  color:#000; background:#e1e1e1; 
  font-style:normal;
  margin:0; padding:2px 0 3px 0;
}  
  
/* Product Links Select box */
.modlinks {
  color:#000; background:#deeaff;
  font-weight:bold;
}


/* General purpose DIVs */

  /* accent line */
  div.xline {
    height:1px; line-height:1px;
    margin:3px; padding:0 0 3px 0;
    border-top:solid 1px #aaa;
  }

  /* forms boxes */
  div.xbox2 {
    width:90%; padding:4px 8px 4px 8px; border:solid 1px #000;
    background:#404040;
  }

/* Extra Styles for this site */

  .xdash {border:1px dashed #000;}  
  .xbg1 {background:#666;} /* iframe border */
  .xbg2 {background:#343434; padding:8px 4px 4px 10px; border:1px solid #000;}
  .xbg3 {background:#ddd; padding:0; border:1px solid #000;}
  .xbg4 {background:#fff; margin:0; padding:0; border:1px solid #000;}
  
  td.vline {border-left:1px solid #aaa; width:20px;}
  td.hline {border-top:1px solid #aaa; width:20px;}
  
  /* used in mgr_text.php, edit1.php */
  .xcourier {font-family:"Lucida Console",monospace; font-size:12px;}
  .xcourier2 {font-family:"Lucida Console",monospace; font-size:12px; margin:4px 0 4px 0;} /* select file buttons */
  .xcode {
    font-family:"Lucida Console",monospace; font-size:12px; 
    background:#fff; margin:0; padding:0 2px 0 2px;
  }
  .e1 {font-family:arial,helvetica,san-serif; font-size:16px; font-weight:bold;}
  .e2 {font-family:arial,helvetica,san-serif; font-size:12px; font-weight:bold;}



/* 
   Styles for layout DIVs
   -----------------------------------------------------------------------------
*/

#container {  /* index.php */
  position:relative; flex:1 0 auto;
  text-align:left; margin:0; padding:0;
  /* background:#444455; */
}

  /* Page Header, full width of container */
  #pagehead {
    position:relative; height:114px; flex:none;
    text-align:left; margin:0; padding:0;
    background:#666;
    overflow:hidden;
  }
    #pagehead div.navbar {
      position:absolute; top:7px; left:12px;
      text-align:left; margin:0; padding:0;
      font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000;
    }
    #pagehead p {
      display:inline;
      text-align:left;
    }
  
    /* DIVs for navigation links */
    div.navlinks {
      position:absolute; width:100%; height:34px; top:80px;
      padding:0; margin:0;
      background:#111;
      border-top:1px solid #000;
      border-bottom:1px solid #666;
    }
      div.navlinks div {
        position:absolute; top:5px;
      }
    div.navlinks2 {
      position:absolute; right:6px; top:87px;
      margin:0;
      font-family:verdana,helvetica,san-serif; font-size:10px; color:#fff;
    }
    div.logout {
      position:absolute; right:12px; top:4px;
      margin:1px 0 1px 0;
      font-family:verdana,helvetica,san-serif; font-size:10px; color:#444444;
    }

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:left; margin:0; padding:4px 0 120px 12px; 
    /* background:#445544; */
  }
  #footer {
    position:fixed; width:100%; bottom:0px;
    background:#202020; color:#ccc;
    text-align:center;
    border-top:1px solid #444;
    z-index:100;
  }
    #footer p {
      padding:10px 0 10px 0; color:#929292;
    }
    
  
/* index.php */
#pag_main #pagebody {
  height:80%;
}
#mainbox {
  display:flex; flex-flow:row wrap; justify-content:left; height:90%;
  margin:0; padding:0;
}
  #maincontent {
    position:relative; flex:25%; align-self:flex-start; height:100%;
    max-width:250px; min-width:250px; margin:0 20px 0 0; padding:0;
  }
    #pag_main iframe#xframe2 {
      border:1px solid #000; width:100%; height:95%;
      margin:0; padding:0;
    } 
    #pag_stats iframe#xframe2 {
      border:1px solid #000; width:760px; height:600px;
      margin:0; padding:0;
    } 
  #mainedit {
    position:relative; flex:60%; align-self:flex-start; height:100%;
    max-width:760px; min-width:480px; margin:0; padding:0;
  }
    #pag_main iframe#xframe3 {
      border:1px solid #000; width:100%; height:95%;
      margin:0; padding:0;
    } 
  

/* Specific CSS for the User Manager Module */


/* list */
#pag_userlist {
  margin:0; padding:0;
  background:#303030;
}
#bodyDiv {
  position:relative; margin:0; padding:0;
  text-align:left;
}

/* CHANGED TO #container 11.20.2015 - edit1.php, etc */
#editDiv {
  position:relative;
  margin:0; padding:4px 0 0 8px;
  text-align:left;
  background:#404040;
}
div.hideDiv {
  display:none;
}

/* main list */
#xlist {
  position:relative; margin:0; padding:0;
  text-align:left; background:#303030;
}

div#mainlist {
  position:relative; margin:0; padding:0; 
  text-align:left;
}

a.mcat {
  position:relative; display:block; padding:5px 2px 5px 32px; margin:0;
  background:#252525 url(images/mgr_cat.png) 16px 6px no-repeat;
  border-top:1px solid #404040;
  border-bottom:1px solid #000;
}
a.msub {
  position:relative; display:block; padding:3px 2px 3px 48px; margin:0;
  background:#353535 url(images/mgr_sub.png) 32px 4px no-repeat;
}
a.mitm {
  position:relative; display:block; padding:2px 2px 2px 64px; margin:0;
  background:#353535 url(images/mgr_itm.png) 48px 4px no-repeat;
}

a.mcat2 {
  position:relative; display:block; padding:5px 2px 5px 16px; margin:0;
  background:#252525;
  border-top:1px solid #404040;
  border-bottom:1px solid #000;
}
a.msub2 {
  position:relative; display:block; padding:3px 2px 3px 32px; margin:0;
  background:#353535;
}
a.mitm2 {
  position:relative; display:block; padding:2px 2px 2px 48px; margin:0;
  background:#353535;
}

a.mdiv {
  position:relative; display:block; padding:10px 2px 6px 16px; margin:0;
  color:#fff;
}  
span.mdiv {
  position:relative; display:block; padding:10px 2px 6px 16px; margin:0;
  color:#fff; font-weight:bold;
}  


/* mgr_userlist */
#xmain {
  position:relative; margin:0; padding:0;
}


/* mgr_prefs */
div.prefgroup {
  position:relative;
  display:none; margin:-3px 0 0 0;
  z-index:98;
}
div.grouptabs {
  position:relative; margin:0; overflow:visible;
  z-index:102;
}
  a#tab1 {
    margin:0 0 0 280px;
  }

  a.s3 {
    display:inline-block;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    margin:0 0 0 5px; padding:5px 30px 7px 8px;
    background:#232323;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-top:1px solid #000;    
    border-right:1px solid #000;    
    border-left:1px solid #000; 
    cursor:pointer;
    user-select:none;
  }
  a.s3:link,
  a.s3:visited {text-decoration:none; color:#888;}
  a.s3:hover   {
    text-decoration:none; color:#fff; background:#343434;
  }

  a.s4 {
    display:inline-block; 
    padding-bottom:8px !important;
    font-family:verdana,helvetica,san-serif; font-size:12px; font-weight:bold;
    margin:0 0 0 5px; padding:5px 30px 7px 8px;
    background:#343434;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-top:1px solid #000;    
    border-right:1px solid #000;    
    border-left:1px solid #000;  
    cursor:pointer;
    user-select:none;
  }
  a.s4:link,
  a.s4:visited {text-decoration:none; color:#fff;}
  a.s4:hover   {
    text-decoration:none; color:#fff; background:#343434;
  }

  
/* main edit frame pages */
#pag_edit1 #container,
#pag_edit2 #container,
#pag_edit3 #container { /* edit1, edit2, edit3, etc */
  position:relative;
  margin:0; padding:4px 0 0 8px;
  text-align:left;
  background:#343434;
}

#pag_edit1,
#pag_edit2,
#pag_edit3 {
  background:#343434;
} 


/* cart tab */
#pag_editcart #pagebody {
  height:80%;
} 
#cartedit {
  position:relative; flex:75%; align-self:flex-start;
  max-width:760px; min-width:760px; margin:0 20px 0 0; padding:0;
}
#prodlist {
  position:relative; flex:25%; align-self:flex-start; height:100%;
  max-width:300px; margin:0; padding:0;
}
  #pag_editcart iframe#xframe2 {
    border:1px solid #000; width:100%; height:600px;
    margin:6px 0 0 0; padding:0;
  }
  table.quote {
    width:720px;
  }
  table.quote td {
    padding:4px;
  }
  table.quote td.quan,
  table.quote td.ch2 {
    white-space:nowrap;
  }  
  table.quotetotal {
    width:220px; margin:0 0 0 500px;
  }
  table.cartsbydate {
    width:900px;
  }
  table.cartsbydate td {
    padding:2px 4px 2px 4px;
  }

  
/* white background */
#pag_textprint,
#pag_liststats {
  background:#fff;
}
  #pag_liststats h1,
  #pag_liststats table td {
    color:#000;
  }
#container2 {
  position:relative;
  margin:0; padding:4px 0 0 8px;
  text-align:left;
  background:#fff; color:#000;
} 

/* Form fields generated by makeFormField()  */
div.formfield {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; min-width:50px;
  margin:0 10px 15px 0; padding:0;
}
  div.formfield label {
    cursor:pointer;
    line-height:100%;
    vertical-align:center;
    margin:0; padding:0;
  }
  p.charcount {
    position:absolute; width:80px; top:0px; right:4px;
    text-align:right; margin:0; padding:0;
  }

  /* special cases */
  #pag_vdetails #zphonec {
    top:1.4em;
  }
 

/* Design215 Drop Menu, v11.22.2012 */
#xtooltip {
  position:absolute; left:-200px; top:5px; z-index:98;
  margin:0; padding:0 0 7px 0;
  background:transparent url(images/tooltip_pointer.png) 14px bottom no-repeat;
}
#xtooltip p.tt1,
#xtooltip p.tt2 {
  color:#fff; text-align:left; margin:0; padding:6px 8px 8px 8px;
  font-family:verdana,helvetica,sans-serif; font-size:11px;
  background:transparent url(images/tooltip.png);
  border-radius:4px; border:2px solid #000;
}

#mcal {  /* calendar menu */
  position:absolute; visibility:hidden; z-index:99;
  top:-999em; /* removes the extra vertical space from the long menu */
  background:#404040; border:1px solid #444;
  box-shadow:4px 4px 16px rgba(0,0,0,0.5);
	padding:10px;
  font-family:arial,helvetica,san-serif; font-size:12px;
}

#mcal select.calendar-month {
	width:90px;
}
#mcal select.calendar-year {
	width:60px;
}
#mcal table {
	margin:0; padding:0;
}
#mcal table tr.header td {
	padding:8px 0 2px 0;
}
#mcal table td {
	font-family:arial,helvetica,san-serif; font-size:12px;
  margin:0; padding:2px 0 2px 0;
}
#mcal .calendar-title {
	text-align:center;
}
#mcal a {
	padding:6px 10px 6px 10px;
  line-height:24px;
	background:#222;
  border:1px solid #000;
}
#mcal a:link,
#mcal a:visited {text-decoration:none;}
#mcal a:hover   {text-decoration:none; background:#ccc; color:#000;}

#mcal .today a {
	padding:6px 10px 6px 10px;
	color:#000; background:#ffff99;
  border:1px solid #ffcc00;
} 
#mcal .today a:link,
#mcal .today a:visited {text-decoration:none;}
#mcal .today a:hover   {text-decoration:none; background:#444; color:#fff;}

#mcal .selected a {
	padding:6px 10px 6px 10px;
	color:#000; background:#c9ff8b;
  border:1px solid #000;
}



/* TinyMCE styling, removes status bar but keeps resize button */
.mce-path {
  display:none !important;
}
.mce-statusbar {border-width:0 !important;}