#shield {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    z-index: 10;
    background-color: rgba(0,0,0,.75);
    width:100%;
    height:100%;
  }

#s_snap {
    font-size:12px !important;
    display:none;
    background-color:transparent !important;
    box-shadow: none;
    border:#555 thin solid;
    color:#555;
    /* text-decoration: underline; */
}
#s_snap:hover {background-color: white !important;}

#s_info {
    display:none;
    margin-left:12px;
    background-color:#ebcb35 !important;
    color:#111;
    /* text-decoration: underline; */
}
#s_info:hover {background-color: #acd241 !important;}

#save_origin {
    display:inline-block;
    position:relative;
    float:right;
    right:180px;
    font-size:20px;
    color:#666;
}
#save_origin {
    display:none;
}
#save_origin input[type="checkbox"] {
    width:20px;
    height:20px;
    position:relative;
    top:3px;
}
#s_save {
    margin-left:40px;
}
  #pop, #pop2, #popsnap, #overwrite, #popfile, #popload, #poplogin, #popinfo, #popconfirm, #popconfirmlist, #poplook, #popedit, #popshare, #popguide, #popconfirmcurrent, #popconfirmclear {
        display:none;
        position:fixed;
        text-align: center;
        z-index: 20;
        padding:50px 50px 40px 50px;
        width:400px;

        /* margin:0 auto; */
        left:50%;
        top:50%;
        margin-left:-200px;
        margin-top:-225px;       

        /* background-color:#ebcb35; */
        background-color:#ddd;
        font-family:verdana;
        font-size:24px;
        border:10px #fb4758 solid;
        box-shadow: rgba(0,0,0,.3) 10px 10px 10px;
  }
  #poplogin {
    margin-top:-250px; 
    margin-left:-315px;
    border:10px #993399 solid;
  }
  #popsnap {
    margin-top:-360px; 
    margin-left:-245px;
    border:10px #444 solid;
    padding-bottom:10px !important;
  }
  #popfile {
    margin-top:-430px; 
    margin-left:-375px;
  }
  #popshare {
    margin-top:-270px; 
    margin-left:-255px;
  }
  #poplook, #popedit { 
    margin-left:-315px;
  }
  #popedit { 
    margin-top:-290px;
  }
  #popload {    
    margin-top:-430px; 
    margin-left:-375px;
  }
  #popconfirm, #popconfirmlist, #popconfirmcurrent, #popconfirmclear {   
    background-color:#ebcb35;
    margin-left:-260px;
    margin-top:-160px; 
  }
  #pop, #overwrite {   
    background-color:#ebcb35;
  }
  #popinfo {
    margin-top:-385px; 
    border:10px #d2b52b solid;
  }
  #popguide {
    margin-top:-270px; 
    margin-left:-375px;
    border:10px #acd241 solid;
  }
  #poplook, #popshare, #popedit  {
    border:10px #50c4b7 solid;
  }
  #popfile {width:650px;}
  #poplook, #popedit {width:520px;}
  #popload {width:650px;}
  #poplogin {width:520px;}
  #popinfo {width:520px;}
  #popguide {width:650px;}
  #popmess {width:420px;}
  #popconfirm {width:420px;}
  #popconfirmlist {width:420px;}
  #pop a, #pop2 a, #popsnap a, #x2, #overwrite a, #popfile a, #popload a, #poplogin a, #popinfo a, #popmess a, #popconfirm a, #popconfirmlist a, #poplook a, #popedit a, #popshare a, #popguide a, #popconfirmcurrent a, #popconfirmclear a  {
      display:inline-block;
      background-color:white;
      padding:20px 30px;
      margin:10px;
      box-shadow: rgba(0,0,0,.3) 5px 5px 5px;
  }
  #pop a:hover, #pop2 a:hover, #popsnap a:hover, #x2:hover,  #overwrite a:hover, #popfile a:hover, #popload a:hover, #poplogin a:hover, #popinfo a:hover, #popmess a:hover, #popconfirm a:hover, #popconfirmlist a:hover, #poplook a:hover, #popedit a:hover, #popshare a:hover, #popguide a:hover, #popconfirmcurrent a:hover, #popconfirmclear a:hover {
      background-color:#acd241;
  }

  #popstatus {
    display:none;
    position:fixed;
    text-align: center;
    z-index: 50;
    padding:50px;
    width:300px;

    left:50%;
    top:50%;
    margin-left:-200px;
    margin-top:-70px;       

    background-color:#fb4758;
    font-family:verdana;
    color:black;
    font-size:30px;
    border:10px black solid;
    box-shadow: rgba(0,0,0,.3) 10px 10px 10px;
  }

  /* #filessection {
    display:none;
  } */

#infotable input, #infotable textarea {
    width:390px;
    border:none;
    resize:none;
    outline:none;
}
#infotable td {
    text-align:right;
    vertical-align: center;
    padding:3px 10px;
    background-color:#eeeeee;

}
#infotable td span { 
    display:inline-block;
    margin-top:14px;
    font-size:16px;
}

#i_tags {
    width:310px !important;
}
#tagstd {
    text-align:left !important;
}
#spellsbutton {
   cursor:pointer;
   background: #ebcb35;
   padding:8px 5px 6px 5px;
   border:none;
}
#spellsbutton:hover {
    background: #acd241;
 }

#l_list, #e_list {
    width:500px;
    resize:none;
}

.instructions {
    font-size:16px; 
    font-style:italic;
}

.sharelink {
    font-size:14px !important;
    padding:10px 20px !important;
    width:350px !important;
}

.sharedlist {
    background-color:black;
}

#x2 {
    background-color: ;
}

h5 {                
    opacity: 100%;
    position:absolute;
    left:12px;
    top:-25px;
    font-weight:normal;
    text-transform: uppercase;
    font-family:verdana;
    font-size:20px;
}
#poplogin h5 {color:#eee;}
#popfile h5, #popload h5 {color:#eee;}
#popinfo h5  {color:#fff;}
#popguide h5  {color:#fff;}
#popedit h5, #popshare h5, #poplook h5  {color:#eee;}

#poplogin .but {background-color:#993399;}
#popfile .but, #popload .but {background-color:#fb4758;}
#popedit .but {background-color:#50c4b7;}
#poplogin table {
    margin-top:15px;
    display:inline-block;
}
summary {
    padding-top:10px;
}
.but {
    border: none;
    font-size:15px !important;
    padding:10px 18px !important;
    color:white;
    cursor:pointer;
    box-shadow: rgba(0,0,0,.3) 5px 5px 5px;
    display:relative;
    margin-top:10px;
    margin-bottom:10px;
}
.but:hover {
    background-color:#acd241 !important;
    color:black
}
#pops input, #pops textarea, #pops select {
    font-family:verdana;
    font-size:16px;
    color:#666;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}
select {
    width:450px;
}
option {
    padding:5px;
    border-bottom:thin solid grey;
}            
#or {padding-bottom:5px; background-color: rgba(0,0,0,.15);}
.close {
    position:absolute;
    right:0px;
    top:0px;
    padding:10px 18px !important;               
}
.id {
    color:#111;
    margin-bottom:10px;
    font-size:20px;
    width:auto;
    height:auto;
    display:inline-block; 
    padding:10px 20px; 
    background-color: rgba(0,0,0,.15);
}      
#poplogin {
    background-image:url(https://zimjs.com/zim/assets/backing_login.png);
}
#popinfo {
    background-image:url(https://zimjs.com/zim/assets/backing_info.png);
}
#popfile, #popload {
    background-image:url(https://zimjs.com/zim/assets/backing_file.png);
}
#poplook, #popedit, #popshare {
    background-image:url(https://zimjs.com/zim/assets/backing_edit.png);
}
#popguide {
    background-image:url(https://zimjs.com/zim/assets/backing_guide.png);
}
.fieldprompt {
    text-align:left;
    font-size:16px;
    margin-left:8px;
    margin-top:5px;
    font-style:italic;
    margin-bottom:-2px;
    color:#666;
}
#save_description, #save_prefix, #save_title, #save_scripts, #save_imports, #load_files, #save_reference {
    width:630px;
}

article {   
    font-family:verdana;
    font-size:14px;
    padding:20px;
    background-color:#efefef; 
    border:thin solid #aaa; 
    margin-left:30px; 
    margin-top:30px; 
    overflow:auto; 
    width:600px; 
    height:300px;
}
article div {
    text-align:left;
    padding:12px;
    border-top:dashed #ccc thin;
    margin-top:0px;
    color:#333;
    font-size:14px !important;
}
article a, #subs a {
    padding:5px !important;
    display:inline-block !important;
    margin:0px !important;
    box-shadow: none !important;
    background-color:white !important;
    color:#50c4b7 !important;
    font-size:14px !important;
}
#subs a {
    margin-left:8px !important;
    color:#333 !important;
    box-shadow: rgba(0,0,0,.2) 4px 4px 4px !important;
}
article a:hover, #subs a:hover {
    background-color:#333 !important;
    color:white !important;
}
article h1 {
    color:#f58e25;
    margin-top:-20px;
}
article div span {
    background-color:#d1a170;
    display:inline-block;
    padding:5px;
    margin-right:20px;
    color:#333;
    width:20px;
    opacity:80%;
    text-align:center;
}

.h_red {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #fb4758;
    color:#fb4758;
}
.h_blue {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #50c4b7;
    color:#50c4b7;
}
.h_brown {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #d1a170;
    color:#d1a170;
}
.h_gold {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #ceaf1c;
    color:#ceaf1c;
}
.h_yellow {
    background-color:#ffe87b;
    padding:3px 5px;
    border:2px solid #555;
    color:#555;
}
.h_purple {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #993399;
    color:#993399;
}
.h_grey {
    background-color:transparent;
    padding:3px 5px;
    border:2px solid #666;
    color:#666;
}
.h_dark {
    background-color:#666;
    padding:3px 5px;
    color:#ddd;
}
article strong {
    font-weight:normal;
    font-style:italic;
    color:#993399;
}