form { margin: 0px; padding: 0px; } .ljclear { clear: both; margin: 0 -1px -1px 0; border: 0; padding: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; } .nowrap { white-space: nowrap; } .lj_progresscontainer { height: 25px; width: 400px; margin: 1em; background: url(inactive.gif) repeat; } .lj_progressoverlay { background: url(active00.gif) repeat; } .lj_progressindefinite { background-image: url(barber00.gif); } .lj_hourglass { z-index: 20000; } .Note .Inner { background: #FFFFDD; border: 1px solid #FFCC33; padding: 8px; } div.lj_ippu { background-color: #fff; border: 2px solid #444; padding: 2px; } div.lj_ippu_titlebar { background-color: #444; height: 20px; font-weight: bold; color: #fff; width: auto !important; padding: 5px 0 0 5px; } div.lj_ippu_titlebar div { } .lj_ippu_titlebar img { opacity: .25; } .lj_ippu_titlebar img:hover { opacity: 1; } .LJ_Placeholder_Container { /* see also lj_base-ie.css */ display: table-cell; vertical-align: middle; border: 1px dashed #ccc; _position: relative; overflow: hidden; } .LJ_Placeholder_Container img { /* see also lj_base-ie.css */ cursor: pointer; display: block; margin: 0 auto; _position: absolute; _top: 45%; _left: 45%; } .ljhidden { display: block; position: absolute; left: 0; top: 0; width: 0; height: 0; margin: 0; border: 0; padding: 0; font-size: 0.1px; line-height: 0; opacity: 0; filter: alpha(opacity=0); } div.ContextualPopup { position: relative; margin: 5px 0 0 20px; font: normal 11px "Arial", "Verdana", sans-serif !important; } * html div.ContextualPopup { background: none !important; } div.ContextualPopup div.Inner { position: relative; top: -2px; left: -2px; background-color: #fff !important; color: #000 !important; border: 1px solid #036; padding: 0px; width: 20em; } * html div.ContextualPopup div.Inner { top: 0px; left: 0px; } div.ContextualPopup .Content { padding: 2px 4px 6px 4px; margin-right: 50px; line-height: 1.4; } div.ContextualPopup .Relation { font-weight: bold !important; } div.ContextualPopup .Content .OnlineStatus { font-weight: bold; } div.ContextualPopup .Content .GizmoBlurb { font-size: smaller; } div.ContextualPopup .Userpic { float: right; top: 0; right: 0px; padding: 4px 4px 0 0; } * html div.ContextualPopup .Userpic { top: 2px; } div.ContextualPopup .Userpic img { margin: 0 auto; max-width: 50px; width:expression(this.width > 50 ? "50px" : this.width); /*IE Max-width */ height: auto; vertical-align: middle; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; font-weight: bold; color: #00C !important; }div.ups_status { color: #333; font-size: larger; font-weight: bold; text-align: center; } .ups_table { display: table; width: 100%; _width: 97%; padding: 0; margin: 0; } td.ups_cell { padding: 5px; border: 1px solid #fff; cursor: pointer !important; color: #000; } .ups_row1 { background-color: #fff; } .ups_row2 { background-color: #efefef; } .ups_selected_cell { background-color: #999 !important; color: #000; border: 1px solid #454545 !important; } div.ups_search { padding: 5px; background: #ccc; color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 20px; vertical-align: top; } .ups_selected { border-top: 1px solid #777 !important; border-left: 1px solid #777 !important; border-right: 1px solid #444 !important; border-bottom: 1px solid #444 !important; } img.ups_upic { display: block; padding: 3px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #fff; color: #000; } div.ups_userpics { overflow: auto; height: 353px; margin: 0; padding: 0; } div.ups_container { float: left; margin: 0 5px 0 0; } div.ups_closebuttonarea { background: #ccc; color: #000; padding: 5px; border-top: 1px solid #fff; height: 20px; position: relative; } div.ups_closebuttonarea input { vertical-align: top; } span#ups_scaling_buttons { display: block; position: absolute; right: 5px; top: 2px; } #ups_scaling_buttons img { margin: 0 0 0 2px; padding: 2px; border: 1px solid #ccc; } img.ups_scalebtn_selected { border: 1px solid #666 !important; }.ljad h4 { text-align: left; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #444; margin: 0; } .ljad a { font-size: 10px; border: 0; } .ljad img { border: 0; } .ljadskyscraper { width: 160px; } .ljadleaderboard, .ljadleaderboard-top, .ljadleaderboard-bottom { width: 728px; margin-left: auto; margin-right: auto; } .ljadsmrect { width: 185px; } .ljadmedrect { width: 300px; } .ljad5linkunit { width: 728px; margin-left: auto; margin-right: auto; } .ljadbadge { width: 160px; margin-bottom: 15px; } .ljadentrybox { width: 468px; } /* Define text color and typography */ body { color: #000000; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; } a:link { color: #00C; background-color: transparent; } a:visited { color: #306; background-color: transparent; } a:active { color: #F60; background-color: transparent; } h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #036; background-color: transparent; margin: 0 0 0.5em 0; padding: 0; } h1 a { font-weight: normal; font-size: 80%; } h2 { font-weight: normal; color: #036; margin: 0.3em 0 0.1em 0; padding: 0; } h3 { color: #024; background-color: transparent; font-style: italic; margin: 0.2em 0 0.2em 0; padding: 0; } p { margin: 0.75em 0; } body, dd, dt, th, td, p, div, li, pre, code, kbd { font-size: small; } h3 { font-size: medium; } h2 { font-size: large; } h1 { font-size: x-large; } li { margin-left: 0px; } h1.title { font-family: Arial, Verdana, Helvetica, sans-serif; } /* Shared vertical and horizontal layout CSS */ #Navigation { position: absolute; top: 0; left: 0; width: 100%; height: 7.17em; background-image: url("topbar-b.png"); /* gradient */ background-repeat: repeat-x; /* repeat horizontally */ background-color: #cbe4fd; /* bottom pixel color in gradient */ border-bottom: 1px solid #353833; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0; z-index: 10; } #NavigationWelcomeLogo { position: relative; top: 0; left: 0; font-size: .8em; color: #444; height: 6.11em; margin: 0; padding: 0; } #NavigationWelcomeLogo a { color: #444; font-weight: 700; } #MiniSiteMap { width: 100%; white-space: nowrap; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #333; margin: 3em auto 0 auto; padding: .5em 0 .5em 0; text-align: center; } #MiniSiteMapWrapper { width: 700px; margin-right: auto; margin-left: auto; } #MiniSiteMap ul { display: block; float: left; list-style: none; margin: 0; padding:0 .5em 0 .5em; } #MiniSiteMap ul li { font: 12px Arial, Helvetica, sans-serif; text-align: left; padding: 3px 0 3px 0; } #MiniSiteMap a { color: #036; } #MiniSiteMap #MiniSiteMapCol0, #MiniSiteMap #MiniSiteMapCol5 a { font-weight: bold; } #Content pre { line-height: 1em; } /* Utility CSS */ .clear { clear: both; margin: 0 -1px -1px 0; border: 0; padding: 0; width: 1px; height: 1px; font-size: 0; line-height: 0%; } .hide { display: none; } hr { border: 0; width: 100%; color: #369; background-color: #369; height: 2px; } table.edged { border: 2px solid #c5dff9; } table.edged td { border: 1px solid #8fc3f7;; } .standout { text-align: center; } .standout .container { color: #000; background-color: #c5dff9 !important; border: 1px solid #8fc3f7; padding: 3px; /* margin shorthand isn't recognized by IE5/Mac */ margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; width: auto; text-align: left; } .errorbar { color: #000; font: 12px Verdana, Arial, Sans-Serif; background-color: #FFEEEE; background-repeat: repeat-x; border: 1px solid #FF9999; padding: 8px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; width: auto; text-align: left; } .warningbar { color: #000; font: 12px Verdana, Arial, Sans-Serif; background-color: #FFFFDD; background-repeat: repeat-x; border: 1px solid #FFCC33; padding: 8px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; width: auto; text-align: left; } .de { color: #909090; background-color: #ffffff; } /* layout */ .talk-comment { margin-top: 1em; margin-bottom: 0px; } #commenttext { width: 100%; } /* Form Items */ .formitem { color: #343434; font-size: 1em; } .formnumber { font-weight: bold; margin-top: 1.8em; font-size: .9em; } .formitemName { font-weight: bold; font-size: .9em; margin-top: 1.8em; } .formitemDesc { margin-top: .4em; margin-bottom: .4em; color: #505050; } .formitemNote { color: #da6320; font-size: .9em; margin-top: .4em; margin-bottom: .4em; } .formitemFlag { color: #CE0000; font-size: .9em; margin-top: .4em; margin-bottom: .4em; } .borderedtable { border: solid 1px black; } /* the top of the borderedtable, use th tags for header columns */ .borderedtable th { background-color: #dddddd; border-bottom: solid 1px black; padding-left: 10px; padding-right: 10px; white-space: nowrap; } /* Extended.css */ .hide { display: none; } div.centered { text-align: center; width: 100%; } .lesstop { margin-top: 2px; } .de { color: #909090; background-color: #ffffff; } #ljbreadcrumbs { text-align: left; white-space: nowrap; font: 11px Arial, Geneva, Helvetica, sans-serif; margin-left: 0; margin-bottom: 1em; } /* layout */ #content pre { line-height: 1.1em; font-size: 1.1em; } #Comments q { font-style: italic; } div.transparentpng { display: none; margin: 0; padding: 0; } img.transparentpng { border: 0; } #Content { position: relative; top: 8em; margin: 0; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; text-align: left; width: 92%; } #Userpic { position: absolute; top: 0; left: 0; z-index: 101; width: 100px; height: 100px; background-color: transparent; background-position: center center; background-repeat: no-repeat; border-right: 1px solid #000; } #defaultpic { width: 100px; height: 100px; background-color: transparent; background-position: center center; background-repeat: no-repeat; } #Userpic img { display: block; vertical-align: middle; border: 0; } #NoUserpic { background-image: url("nouserpi.png"); background-repeat: repeat-y; height: 100%; margin: 0; padding: 0; vertical-align: baseline; } #NoUserpic a span { position: absolute; top: 80px; left: 0px; font-size: .8em; text-decoration: none; color: #036; cursor: pointer; display: block; width: 100px; text-align: center; margin: 0; padding: 0; } #Welcome { position: absolute; top: 0; left: 105px; width: 30em; margin-top: .5em; padding: 5px 0 0 10px; color: #369; } #Welcome a { text-decoration: none; color: #114577; } #Welcome h2 { display: inline; font-size: 1.75em; margin: 0 5px 0 0; padding: 0; } #Welcome .ljuser img { vertical-align: baseline !important; margin-bottom: -1px; } #Welcome .ljuser b { font-weight: normal !important; } #WelcomeLinks, #WelcomeLinks a { line-height: 1em; display: inline; font-size: 11px; } #WelcomeViewLinks { padding-left: 1.5em; padding-top: .5em; } #WelcomeViewLinks li { font-size: 11px; } #Feedback { position: absolute; top: 0; right: 26em; margin: 0; padding: 0; } #Feedback img { margin: 0; padding: 0; border: 0; } .view { display: inline; list-style: none; margin: 5px 0 0 0; padding: 0; } .view li { display: inline; } #Logo { position: absolute; top: 0px; right: 20px; padding: 0; z-index: 200; } #Logo img { border: 0px; } #Logo .transparentpng { margin-bottom: .5em; border: 0; } #LogoActions { padding: 0; margin: 0; text-align: right; width: 99%; height: 1.4em; background-color: #dfedfa; color: #336699; border: 1px solid #69c; -moz-border-radius: .3em; /* Mozilla users get the cool rounded border */ border-radius: .3em; /* Any other compliant browser is free to show it to */ } .Actions { list-style-type: none; margin: 0; padding: 0; } .Actions li { float: left; display: inline; width: 22%; text-align: center; white-space: nowrap; } .Actions a { text-decoration: none; margin: 0; width: 100%; text-transform: uppercase; font-size: .9em; font-weight: bolder; color: #369 !important; } #NavMenu { position: relative; top: .4em; margin: 0px 0px 0px 100px; padding: 0; border: 0; font-size: .8em; height: 2.55em; padding-left: 5px; list-style-type: none; border-top: 1px solid #fff; color: #fff; background: #3e5a8b; } /* Opera needs a different height */ @media all and (min-width: 0px) { #NavMenu { height: 2.8em; } } /* Needed for Safari to keep hover color correct */ #NavMenu li:hover > a { color: #114577; } .NavMenuSubNav ul { list-style-type: none; margin: 0; padding: 0; } /* Hack to display elements above windowed controls like Flash objects */ .NavMenuSubNavBack { position: absolute; background: transparent; z-index: -1; width: 100%; height: 100%; height: expression(this.parentNode.clientHeight); } /* Opera hack to hide anything using this class */ @media all and (min-width: 0px){ .NavMenuSubNavBack{ display: none; }} .NavMenuItem { color: #fff; cursor: pointer; margin: 0; padding-left: 0; margin-right: .5em; white-space: nowrap; width: auto; float: left; display: block; margin-top: 0; font-size: 1.2em; z-index: 95; border-style: solid; border-width: 1px 1px 0 1px; border-color: #3e5a8b; } .NavMenuItem a, .NavMenuItem a:visited { color: #fff; font-weight: bold; text-decoration: none; padding: .4em; display: block; } .NavMenuItem:hover { background-image: url("toplevel.png"); background-repeat: repeat-x; color: #114577; background-color: #fff; } .NavMenuItem a:hover, #Alpha { background-color: #fff; background-image: url("toplevel.png"); background-repeat: repeat-x; color: #114577; text-decoration: none; } #Alpha { border-style: solid; border-width: 1px 1px 0 1px; border-color: #4e514c; color: #114577; } .NavMenuSubNav { position: absolute; display: none; list-style: none; padding: 0; margin: 0; margin-left: -1px; margin-top: 0px; background: #ffffff; color: #114577; width: 15em; border-top: 1px solid #fff; border-right: 1px solid #4e514c; border-left: 1px solid #4e514c; border-bottom: 1px solid #4e514c; z-index: 200; } html>body .NavMenuSubNav { border-top: none; } .NavMenuSubNav li { padding: 0; margin: 0; } .NavMenuSubNav li.disabled { background-color: #fff; } .NavMenuSubNav li.disabled, .NavMenuSubNav li.disabled a:hover { background-image: url(upgrade-.gif); background-position: 95% 50%; background-repeat: no-repeat; } .NavMenuSubNav li a { color: #036; } .NavMenuSubNav li.disabled a { color: #999; } .NavMenuSubNav li a:hover { background-color: #cbe4fd; background-image: none; color: #0000ff; border: 0 !important; } .NavMenuSubNav li.disabled a:hover { color: #000; } .NavMenuSubNav a, .NavMenuSubNav a:visited { border: 0; width: 100%; display: block; padding: .5em 0 .5em 0; color: #036; } #NavMenuSearch { float: right; clear: right; position: absolute; right: 1em; } #NavMenuSearch form { padding: 3px 0px 0px 2px; line-height: 17px; } #NavMenuSearch input, #NavMenuSearch select { margin-right: 0px; font: normal 11px arial, helvetica, sans-serif; } #Footer { display: block; width: 100%; text-align: center; font-size: .9em; color: #ccc; padding: 3px 0 5px 0; margin: .5em 0 0 0; list-style-type: none; } #Footer li { display: inline; } #Footer a { color: #036; padding: 5px; }