/* endxgroup.com - logo.css */
body { margin: 0; background-color: #000033; scrollbar-face-color: #333366; scrollbar-arrow-color: #FF9900; scrollbar-track-color: #000033; }
body, td, p, li, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; }
a { color: #FF9900; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }
p { margin: 0 0 12px 0; line-height: 15px; }

.banner { background: #000000 linear-gradient(90deg, #000000 0%, #0a0a3a 55%, #1b1b55 100%); border-bottom: 1px solid #333366; }
.logo { display: inline-block; position: relative; margin: 12px 0 0 18px; height: 60px; text-decoration: none; }
.logo:hover { text-decoration: none; }
.logo .x { position: absolute; left: 0; top: -14px; font: bold 84px/84px "Arial Black", Arial, sans-serif; color: #FF8800;
           text-shadow: 2px 2px 0 #8a3c00, 4px 4px 6px #000000; letter-spacing: -4px; }
.logo .word { position: absolute; left: 66px; top: 8px; font: 34px/34px Arial, sans-serif; color: #cccccc; letter-spacing: -2px; }
.logo .word b { color: #FF9900; }
.logo .tag { position: absolute; left: 70px; top: 44px; font: bold 10px Arial, sans-serif; color: #666699; letter-spacing: 6px; text-transform: uppercase; }
.bar { background: linear-gradient(#2a2a5a, #000033 45%, #000022); border-top: 1px solid #FF9900; }
.main { background: #000033; }
.left { background: #000033; border-right: 1px solid #222255; }
.navdrop { background: linear-gradient(#11114a, #000033); padding: 6px 0 10px 0; border-bottom: 1px solid #333366; }
.grey { background-color: #666666; }
.fill { height: 100%; min-height: 220px; }
.rule { height: 1px; margin: 4px 14px; background: #333366; }
a.lnav { font: 10px Arial, sans-serif; color: #FFFFFF; letter-spacing: -0.2px; display: block; width: 127px; text-align: left; padding-left: 4px; }
a.lnav:hover, a.lnav.on { color: #FF9900; text-decoration: none; }
.content { padding: 14px 22px 10px 18px; }
.head { height: 40px; }
.hdr { font: bold 23px/25px Arial, sans-serif; color: #c9c9d9; letter-spacing: -1px; text-transform: lowercase; }
.hdr .lt { font-weight: normal; color: #8888aa; }
.hdr2 { display: block; margin: 8px 0 6px 0; }
.sub { font-weight: bold; color: #FFFFFF; margin: 14px 0 5px 0; font-size: 12px; }
.small { font-size: 10px; color: #777777; }
.big { font-size: 18px; color: #FF9900; font-weight: bold; }
ul { margin: 0 0 12px 0; padding-left: 16px; list-style: square; }
li { margin-bottom: 2px; }
.shot { border: 1px solid #333366; margin: 4px 6px 10px 6px; }
.spec, .grid { background: #222255; margin-bottom: 12px; }
.spec td, .grid td { background: #000044; font-size: 11px; }
.spec td.k, .form td.k { color: #CCCCCC; font-weight: bold; }
.grid tr.th td { background: #333366; color: #FFFFFF; font-weight: bold; }
.form td { font-size: 11px; vertical-align: top; }
input, textarea { background: #000044; color: #CCCCCC; border: 1px solid #555588; font-size: 11px; }
input[type=submit], input[type=reset] { background: #333366; color: #FF9900; font-weight: bold; padding: 1px 8px; }
.ohead { font-weight: bold; color: #FFFFFF; font-size: 13px; line-height: 16px; margin: 2px 0 12px 0; }
.pq { margin: 4px 30px 14px 18px; padding: 6px 0 6px 12px; border-left: 3px solid #FF9900; color: #CCCCCC; font-style: italic; }
.pq .who { font-style: normal; font-size: 10px; color: #FF9900; white-space: nowrap; }
.archivebar { background: #FFFFCC; color: #333333; font: 11px Verdana, Arial, sans-serif; padding: 4px 8px; text-align: center; border-bottom: 1px solid #999966; }
.archivebar a { color: #000099; text-decoration: underline; }
.story { padding: 8px 0; border-bottom: 1px dotted #333366; }
.stitle { font-weight: bold; color: #FFFFFF; }
.date { font-size: 10px; color: #FF9900; font-weight: bold; margin-bottom: 8px; }
.story .date { display: inline; }
.more { font-size: 10px; }
.slices { margin: 6px auto 4px auto; }
.slices td.gone { background: repeating-linear-gradient(45deg, #000044 0 6px, #0a0a50 6px 12px); border: 1px dotted #333366; }
.foot { background: #000033; }
.addr { font: bold 11px Arial, sans-serif; color: #FF9900; }
.strip { background: #000033; padding: 6px 0 14px 0; }

.popwin { position: fixed; left: 50%; top: 50%; width: 640px; margin: -230px 0 0 -320px; background: #000033;
          border: 2px outset #8888aa; box-shadow: 4px 4px 0 #000000; z-index: 10; }
.popbar { background: linear-gradient(90deg, #0a246a, #a6caf0); padding: 3px 4px 3px 6px; font: bold 11px Tahoma, Arial, sans-serif; color: #FFFFFF; }
.popx { float: right; background: #d4d0c8; color: #000000; border: 1px outset #FFFFFF; width: 14px; text-align: center;
        font: bold 10px/12px Arial, sans-serif; }
.popx:hover { color: #000000; text-decoration: none; }
.popbody { padding: 10px 20px 4px 20px; text-align: center; min-height: 400px; }
.popfoot { text-align: center; padding: 6px 0 12px 0; }
a.bigenter { display: inline-block; font: bold 18px/18px Arial, sans-serif; color: #FFFFFF; letter-spacing: 2px;
             padding: 10px 34px; background: linear-gradient(#ffad33, #ff8800 45%, #c45f00); border: 2px outset #ffb84d;
             text-shadow: 1px 1px 0 #7a3a00; }
a.bigenter:hover { color: #000033; text-decoration: none; background: linear-gradient(#ffc266, #ff9900 45%, #d96a00); }
a.bigenter:active { border-style: inset; }
a.bigenter.small { font-size: 13px; padding: 6px 22px; }
.introlink { margin-top: 7px; font: 11px Arial, sans-serif; }
.introlink a { color: #8888bb; }
.introlink a:hover { color: #FF9900; }