body { /* Main HTML page body. */ /* min-width: 980px; */ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat; background-image: url(../../../images/other/hexbg_dk.gif); background-color: #000; text-align: center; } div.miniMapOverlay { position: absolute; z-index: 1000; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; background-color: teal; opacity: .10; background-image: url(../../../images/other/noise.gif); background-position: center; } div.awayWrapper { position: fixed; z-index: 1000000; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; background-color: #000; opacity: .65; background-image: url(../../../images/other/awaylogo.png); background-position: center; background-repeat: no-repeat; } div.awayContainer { position: fixed; z-index: 1000001; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; opacity: .75; } #motd { width: 100%; text-align: justify; border-width: 1px; border-style: solid; } #motd p { text-align: justify; margin-bottom: 10px; font-size: 12px; line-height: 16px; letter-spacing: .2px; padding: 0px 10px 0px 10px; } #motd h1 { width: 100%; color: #33cc99; font-size: 10px; text-align: center; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 0px; padding: 2px 0px 2px 0px; } #motd h2 { width: 100%; font-size: 10px; text-align: center; font-weight: bold; font-style: italic; } div.bodyWrapper { /* Wraps all inner content (sets working width and position). */ margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; position:relative; /* min-width: 960px; */ /* width: 960px; */ height: auto; overflow: visible; text-align: left; margin-right: auto; margin-left: auto; } div.headerWrapper { /* Wraps entire header area. */ position:relative; width: 960px; height: 162px; z-index: 0; margin-top: 0px; margin-bottom: 0px; left: 0px; right: 0px; top: 2px; bottom: 0px; } div.headerFloater { /* Floats all header content to the right to make room for the backdrop image. */ position:relative; float: right; width: 830px; /* height: 160px; */ z-index: 0; left: 0px; top: 0px; } div.headerContainer { /* Bordered header area. */ position:relative; width: 828px; height:68px; margin-top: 0px; border-width: 1px; border-style: solid; background-image: url(/themes/Default/images/headerbg.gif); background-repeat: repeat; opacity: 0.90; /* -moz-opacity:0.85; -khtml-opacity: 0.85; */ } div.titleContainer { position:relative; float: left; width: 330px; height: 60px; z-index: 0; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; } div.subtitleContainer { /* Floats the header subtitle to the bottom left. */ position: absolute; bottom: 0px; width: 330px; height: auto; } div.bannerContainer { position:relative; float: right; width: 493px; height: 60px; z-index: 0; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 0px; background-repeat: no-repeat; font-size: 10px; line-height: 12px; vertical-align: middle; } div.alertWrapper { /* Bordered header message area. */ position:relative; width: 828px; margin-top: 5px; margin-bottom: 0px; border-style: solid; border-width: 1px; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; text-align: center; /* -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.90; */ } div.alertContainer { /* Bordered header message area. */ width: 100%; } div.alertContent { /* Bordered header message area. */ margin: 2px; font-size: 10px; } div.alertWrapper.alert { /* Bordered header message area. */ } div.alertWrapper.warning { /* Bordered header message area. */ } div.alertWrapper.error { /* Bordered header message area. */ } div.subheaderContainer { /* Non-bordered header area. */ position:relative; width: 830px; height:80px; z-index: 1; left: 0px; clear: none; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: right; } div.coreWrapper { /* Wraps all content specific to one page, between header and footer. */ position:relative; /* width: 960px; */ height: auto; overflow: visible; text-align: center; margin-top: 10px; } div.coreContainer { position:relative; /* float: left; */ /* width: 810px; */ height: auto; z-index: 0; /* margin-left: 0px; */ } div.contentWrapper { position:relative; float: none; /* width: 964px; handled by $dspsize */ height: auto; z-index: 0; /* margin-left: 0px; */ } div.contentContainer { float:none; z-index: 0; } div.contentFrame { /* padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; */ border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 1px; border-right-width: 1px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ z-index: 0; text-align: center; } div.contentHeader { clear: none; float: none; height: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.90; */ z-index: 0; } div.contentBody { display: block; clear: none; float: none; height: auto; /* margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; */ border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; text-align: left; /* -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; overflow: hidden; overflow: auto; */ z-index: 0; } div.contentFooter { clear: none; float: none; height: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; z-index: 0; } div.contentFooter_old { clear: none; float: none; display: block; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; text-align: center; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.90; */ z-index: 0; } div.contentMargins { position: relative; height: auto; width: auto; z-index: 0; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } div.contentCell { float: left; text-align: left; font-size: 10px; margin-left: 5px; margin-right: 5px; } div.contentCell.Body { margin-top: 2px; } div.contentCell.Header { margin-top: 10px; } div.sidebarWrapper { position:relative; width: 130px; height: auto; z-index: 0; margin-left: 0px; } div.sidebarContainer { float:none; display: block; width: 130px; } div.sidebarSpacer { float:none; display: block; width: 100%; height: 15px; } div.sidebarMargins { height: auto; width: auto; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: 5px; text-align: left; } div.sidebarHeader { clear: none; float: none; display: block; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; border-style: solid; border-width: 1px 1px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; text-decoration: none; text-align: center; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.sidebarBody { clear: none; float: none; display: block; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-width: 1px; border-style: solid; text-align: left; /* background-repeat: repeat; background-image: url(/images/other/hexbg_header.gif); */ opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.sidebarFooter { clear: none; float: none; display: block; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-style: solid; border-width: 0px 1px 1px; text-align: center; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.tabsWrapper { position: relative; height: 18px; z-index: 0; } div.tabsContainer { position: absolute; top: 0px; left: 0px; height: 18px; /* overflow: hidden; */ z-index: 0; } div.tabsSpacer { float: left; display: inline; width: 5px; height: 16px; line-height: 16px; margin-top: 0px; margin-bottom: 0px; /* background-color: none; */ text-align: center; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; bottom: inherit; z-index: 0; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.tabsTab { clear: none; float: left; display: inline; height: 16px; line-height: 14px; min-width: 60px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: center; bottom: inherit; z-index: 0; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.tabsTab.hi_on { border-bottom-width: 1px; } div.tabsTab.hi_off { } div.tabsTab.lo_on { border-top-width: 1px; } div.tabsTab.lo_off { } div.tabsMargins { margin-top: 2px; margin-bottom: 2px; bottom: inherit; top: inherit; z-index: 0; } iframe { position:relative; /* width: 932px; height: 600px; */ margin: 0px; border-width: 1px; border-style: solid; background-repeat: repeat; background-image: url(/images/other/hexbg_header.gif); opacity: 0.90; /* -moz-opacity:0.85; -khtml-opacity: 0.85; */ } iframex { position:relative; width: 932px; height: 600px; margin: 0px; border-width: 1px; border-style: solid; background: transparent; } div.iframeWrapper { position: relative; } div.iframeOverlay { clear: none; float: none; position:absolute; top:0px; left:0px; /* width: 932px; height: 600px; */ z-index: 2; opacity: 0.30; /* -moz-opacity: 0.25; -khtml-opacity: 0.25; */ } .menuHeader { /* legacy support */ border-width: 1px 1px 0px; border-style: solid; clear: none; float: none; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } .menuOptions { /* legacy support */ border-width: 1px; border-style: solid; clear: none; float: none; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } .menuFooter { /* legacy support */ border-style: solid; clear: none; float: none; height: auto; width: 130px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; border-width: 0px 1px 1px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } div.footerWrapper { position: relative; /* width: 964px; handled by $dspsize*/ height: 80px; margin-top: 00px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; /* overflow: hidden; */ } div.footerContainer { /* Bordered footer area. */ position:relative; /* width: 962px; handled by $dspsize-2*/ height: 20px; line-height: 14px; vertical-align: top; clear: none; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-width: 1px; border-style: solid; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; opacity: 0.90; /* -moz-opacity:0.85; -khtml-opacity: 0.85; */ } div.footerMargins { margin-top: 3px; margin-right: 5px; padding-bottom: 4px; margin-left: 5px; line-height: inherit; vertical-align: inherit; } div.clear { clear: both; } .transparent_class { opacity: 0.85; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } .bottom_class { position: absolute; bottom: 0; width: auto; height: auto; } /***** Definitions for images around the website. *****/ img { border: 0px; } .imagePreload { display: none; } /* Primary background graphic. */ div.backdropimg { position:absolute; z-index: -2; background-repeat: no-repeat; overflow: hidden; } /* Primary title graphic. */ div.titleimg { position:absolute; z-index: 1; background-repeat: no-repeat; } /* Graphic at top of each sidebar block. */ div.sidebarheaderimg { position: relative; background-repeat: no-repeat; opacity: 0.80; /* -moz-opacity:0.75; -khtml-opacity: 0.75; */ } /* Graphic at bottom of each sidebar block. */ div.sidebarfooterimg { position: relative; background-repeat: no-repeat; opacity: 0.80; /* -moz-opacity:0.75; -khtml-opacity: 0.75; */ } div.netquakeimg { position: absolute; z-index: 3; border-width: 0px; /* margin-top: -27px; margin-left: 916px; */ top: -5px; right: 5px; width: 40px; height: 32px; background-image: url(/images/affiliates/netquake_logo.gif); background-repeat: no-repeat; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } /* Post bullet for "news". */ div.hpgimg { /* position: absolute; */ float: left; width: 27px; height: 12px; /* z-index: 1; left: 0px; top: 0px; */ margin-right: 10px; /* background-image: url(/images/icons/hpgbullet.gif); background-repeat: no-repeat; */ } div.scrollcontrol { height:4px; width:8px; margin-top:0px; margin-bottom:0px; margin-left:2px; overflow: hidden; clear:both; } div.scrollcontrol.g7 { } div.scrollcontrol.g6 { } div.scrollcontrol.g5 { } div.scrollcontrol.g4 { } div.scrollcontrol.g3 { } div.scrollcontrol.g2 { } div.scrollcontrol.g1 { } div.scrollcontrol.g0 { } /***** Form data. *****/ input { display: inline-block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 2px; padding-bottom: 2px; } input.button { display: inline-block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-image: url(/themes/Default/images/graystripe.gif); background-repeat: repeat; } textarea { display: inline-block; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 2px; padding-bottom: 2px; } checkbox { display: inline-block; font-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } select { display: inline-block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; z-index: 11; font-weight: normal; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 1px; padding-bottom: 1px; } /***** Hoverlinks *****/ a { text-decoration: none; border: 0px; } a:hover { text-decoration: none; font-weight: bold; font-weight: normal; } a.highlight { } a.highlight:hover { } a.myTabs { text-decoration: none; font-weight: bold; } a.myTabs:hover { text-decoration: none; font-weight: bold; } a.myLinkSmall { cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; background-position: center; vertical-align: middle; } a.myLinkSmall:hover { } a.myButton { display: inline-block; border-width: 1px; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; border-width: 1px; border-style: solid; text-align: center; } a.myButton:hover { } a.myButtonSmall { display: inline-block; border-width: 1px; border-style: solid; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; width: auto; font-style: normal; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; z-index:1000002; opacity: 0.80; /* -moz-opacity: 0.75; -khtml-opacity: 0.75; */ } a.myButtonSmall:hover { opacity: 1.00; /* -moz-opacity: 1.00; -khtml-opacity: 1.00; */ } a.myButtonSmallSelected { display: inline-block; border-width: 1px; border-style: solid; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; width: auto; font-style: normal; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; } a.myButtonSmallSelected:hover { } a.myButtonSmall.Disabled { } a.myButtonSmallWarning { display: inline-block; border-width: 1px; border-style: solid; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; width: auto; font-style: normal; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; opacity: 0.80; /* -moz-opacity: 0.75; -khtml-opacity: 0.75; */ } a.myButtonSmallWarning:hover { /* -moz-opacity: 1.00; -khtml-opacity: 1.00; */ opacity: 1.00; } a.myButtonSmallAlert { display: inline-block; border-width: 1px; border-style: solid; cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; width: auto; font-style: normal; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; opacity: 0.80; /* -moz-opacity: 0.75; -khtml-opacity: 0.75; */ } a.myButtonSmallAlert:hover { /* -moz-opacity: 1.00; -khtml-opacity: 1.00; */ opacity: 1.00; } a.portalLink { display: inline-block; cursor: default; margin-top: 2px; margin-bottom: 2px; } .tableHeader { /* background-color: #1E5959; color: #33CC99; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: bold; font-weight: bold; padding: 1px 6px; text-decoration: none; font-variant: normal; text-transform: none; */ text-align: center; } .bginput { font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; } .hr1 { } .hr2 { } .hr3 { } .td1 { opacity: 0.50; /* -moz-opacity: 0.50; -khtml-opacity: 0.50; */ } .th1 { } .spaceHeader { border-style: solid; clear: none; float: none; height: auto; width: 2px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-width: 0px 0px 1px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ } .myTextSmall { cursor: default; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; text-align: center; background-position: center; vertical-align: middle; } .help { cursor: help; /* This makes your cursor a help icon. */ } .text1 { /* normal text (default dark cyan) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .text2 { /* link text (default light green) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .text3 { /* heading2 text (default white) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .text4 { /* heading2 text (default light cyan) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .warning { /* warning text (default orange) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .error { /* error text (default red) */ font-family: Verdana, Arial, Helvetica, sans-serif; } .debug { /* debug text (default orange) */ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9900; } .debug_wrapper { z-index: 3; clear: none; float: none; height: auto; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; color: #FF9900; background-color: #330000; border-color: #FF9900; border-style: solid; border-width: 1px; opacity: 0.90; /* -moz-opacity: 0.85; -khtml-opacity: 0.85; */ }