* { font-family: Tahoma, sans-serif; font-size: 16px; margin: 0; padding: 0; } body { color: #000000; background-color: #333333; margin: 0px; } #horizon { text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block; } #content { background: url(/images/bg_main_bottom.gif) repeat-x bottom left; font-family: Tahoma, sans-serif; border: 3px solid #CCCCCC; background-color: #FFFFFF; position: absolute; left: 50%; visibility: visible; border-radius: 5px; top: -125px; margin-left: -225px; height: 220px; width: 450px; } #error .main { padding: 0 10px; } #error ol { margin: 10px 0; } #error span { margin: 0; } #error button { text-transform: uppercase; } .logo { background: url(/images/bg_header.gif) repeat-x top left; height: 45px; z-index: 50; border-radius: 5px 5px 0 0; } .logo .left { background: url(/images/bg_header_l.gif) no-repeat top left; position: relative; top: 4px; left: 5px; height: 49px; float: left; z-index: 48; } .logo .middle { background: url(/images/bg_header_m.gif) no-repeat 25px 0; margin: 0 5px; padding: 5px 10px 0; height: 49px; float: left; z-index: 49; display: inline; font-size: 18px; font-weight: bold; color: #FFFFFF; } .logo .right { background: url(/images/bg_header_r.gif) no-repeat top left; position: relative; top: 4px; height: 49px; width: 5px; float: left; } .logo .sub { margin-top: 12px; margin-left: 20px; float: left; display: inline; font-size: 13px; font-weight: bold; color: #FFFFFF; } .logo .sub em { font-size: 13px; } .main { clear: both; } .main fieldset { border: 0; } .main fieldset legend { visibility: hidden; } .main fieldset label.pre { display: inline-block; width: 155px; text-align: right; vertical-align: top; margin-top: 3px; } .main fieldset label#labelallaliases { float: left; } .main fieldset output#aliasstats { float: left; clear: left; width: 160px; text-align: right; font-size: 12px; } .main fieldset output#aliasstats:after { margin-left: 7px; content: ' '; } .main fieldset input { border: 1px solid #003399; padding: 2px; width: 100px; } .main fieldset input[type=radio] { border: none; margin-top: 7px; width: 20px; } .main fieldset button { margin-left: 160px; text-transform: uppercase; } .main fieldset select { border: 1px solid #003399; padding: 2px; width: 375px; } .main fieldset select .new { font-weight: bold; } .main fieldset select .deleted { text-decoration: line-through; } .main fieldset#signup label.pre { width: 205px; } .main fieldset#signup span.indent, .main fieldset#signup input.button { margin-left: 210px; } .main li { list-style: none; padding: 5px; text-align: left; } .main li.misc { padding: 0 5px; } .main span, .main strong, .main a { font-size: 12px; } .main span.indent { color: #666666; margin-left: 160px; } .main span.dialogdesc { margin-left: 10px; } .main a:link, .main a:visited { color: #003399; text-decoration: none; } .main a:hover, .main a:active { text-decoration: underline; } .main span#user { color: #666666; float: right; margin: 0 5px 0 0; } .main span#user, .main span#user a { font-size: 12px; } .main span#user a:link, .main span#user a:visited { color: #001177; text-decoration: none; } .main span#user a:hover, .main span#user a:active { text-decoration: underline; } .main span#user a.current { text-decoration: none; font-weight: 900; cursor: default; color: #666666; } .main span#user a.current:before { content: '\00bb'; font-weight: 100; } .main span#user a.current:after { content: '\00ab'; font-weight: 100; } .main span#user nav { display: inline; } .main span#user #pluginlogos { display: none; position: absolute; top: 72px; right: 10px; height: 112px; width: 250px; border: 1px solid rgb(0, 51, 153); box-shadow: black 0px 0px 20px; box-sizing: border-box; padding-top: 5px; background: white; font-size: inherit; font-weight: bold; } .main span#user #pluginlogos img { width: 75px; height: 75px; filter: saturate(500%) contrast(200%) grayscale(100%) opacity(50%); transition: all 375ms; cursor: pointer; }