/* ------------------------------------------- project: Ask Pips date: 2008/11/10 ------------------------------------------- */ html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { position: relative; margin: 0; padding: 0; background: #40b7f0 ; color: #555; font: 62.5%/1.25 Arial,Helvetica,sans-serif; } textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; } textarea { overflow: auto; } /* RE-SETS ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } li, dt, dd, p, th, td, caption { font-size: 1.2em; } ul, ol, dl { margin-bottom: 10px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } p { margin-bottom: 10px; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } fieldset, img { border: none; } button { overflow: visible; cursor: pointer; } legend { display: none; } pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; } a { color: #2a85b7; text-decoration: none; } a:hover, a:focus, a:active { color: #000; text-decoration: underline; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; color: #000; font: normal 2.4em Arial,Helvetica,serif; } h1 { font-size: 2.2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } /* HELPERS ------------------------------------------- */ .wrapper { width: 100%; overflow: hidden; } .center { margin-left: auto; margin-right: auto; text-align: center; } .offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; } .wordwrap { word-wrap: break-word; } .clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix {display:block} legend.offset { display: none; } /* LAYOUT ------------------------------------------- */ #access { border-bottom: 7px solid #464749; background: #464749 url(../images/access-bg-a.png) 0 100% repeat-x; } #access div.inner { position: relative; z-index: 30; width: 960px; margin: 0 auto; } #access h2 { position: absolute; left: 10px; top: 16px; overflow: hidden; width: 100px; height: 50px; background: url(../images/access-header-a.png) no-repeat; text-indent: -10001px; } #access div.bar { position: absolute; right: 0; bottom: -36px; width: 350px; height: 36px; background: url(../images/access-bg-bar-a.png) 100% 0 no-repeat; } #access div.loggedin { background-image: url(../images/access-bg-bar-b.png); } #access div.bar h3 { overflow: hidden; float: left; width: 100px; height: 36px; background: url(../images/access-link-a.png) no-repeat 0 0; text-indent: -10001px; } #access div.bar h3:hover { background-position: 0 -36px; } #access div.bar ul { float: right; list-style: none; margin: 0; padding: 8px 20px 0 0; } #access div.bar ul li { float: left; padding: 0 8px; border-left: 1px solid #666; font-size: 1.2em; line-height: 1; text-transform: lowercase; } #access div.bar ul li.first { padding-left: 0; border: none; } #access div.bar ul li.first span { color: #ccc; text-transform: none; } #access div.bar ul li a { color: #0fa9d8; } #access div.bar ul li.alt a { color: #a8d314; } #access div.loggedin ul li.first a { color: #a6a6a6; } #access div.form { width: 350px; height: 83px; margin: 0 0 0 auto; padding: 12px 0 0; background: #5fc3f3 url(../images/access-bg-form-a.png) repeat-x; } #access div.form p { margin: 0 0 7px; padding: 0 0 0 10px; } #access div.form p label { float: left; width: 75px; padding: 4px 20px 0 0; color: #fff; font-weight: bold; text-transform: lowercase; text-align: right; } #access div.form p .field { background: url(../images/access-input-a.png) no-repeat top left; padding: 5px 2px 4px 3px; } #access div.form p .field input { padding: 0; width: 155px; height: 22px; background: none; border: none; font-size: 16px; } #access p.submit { position: absolute; right: 25px; top: 20px; overflow: hidden; width: 40px; height: 40px; } #access p.submit button { overflow: hidden; width: 40px; height: 40px; padding: 40px 0 0; border: none; background: url(../images/access-submit-a.png) no-repeat 0 0; } #access p.submit button:hover { background-position: 0 -40px; } #access div.form p.help { margin: 7px 0 5px 0; color: #fff; font-weight: bold; padding: 0 0 0 105px; } #access p.help a { color: #fff; font-size:8pt; font-weight:normal; } #access p.help a:hover, #access p.help a:focus { color: #fff; } #access p.remember { position: absolute; left: 370px; bottom: 15px; width: 200px; margin: 0; padding: 0 0 0 25px; color: #bbb; } #access p.remember input { position: absolute; left: 0; top: 1px; } #access p.remember label { display: block; } #access p.remember span { display: block; color: #7e7e7e; } #wrap { position: relative; margin: 0 auto; padding: 0 0 25px; border-top: 1px solid #6d7175; background: url(../images/bg-body-a.png) repeat-x; width: 100%; } #top { position: relative; width: 960px; margin: 0 auto; } #logo { position: absolute; left: 0; top: 20px; } #logo a { display: block; overflow: hidden; width: 210px; height: 91px; background: url(../images/logo-a.png) no-repeat; text-indent: -10001px; } #top div.leader { position: absolute; right: 0; top: 50px; } #search { padding: 165px 0 0; } #search h2, #search ul { position: absolute; left: 10px; top: 120px; z-index: 20; list-style: none; margin: 0; padding: 0; } #search h2 { width: 158px; height: 63px; text-indent: -999em; overflow: hidden; background: url(../images/search-help.png) no-repeat; top: 118px; left: 4px; } #search ul li { display: inline; float: left; margin: 0 2px 0 0; } #search ul li a { overflow: hidden; float: left; background: url(../images/search-switch-off-a.png) no-repeat; } #search ul li a.active { margin: 0 -2px; padding: 0 2px 14px; background: url(../images/search-switch-on-a.png) no-repeat; } #search ul li a span { position: relative; float: left; width: 100px; height: 40px; background: url(../images/search-switch-labels-a.png) 50% 0 no-repeat; text-indent: -10001px; cursor: pointer; } #search ul li.search a span { background-position: 50% -80px; } #search ul li.search a.active span, #search ul li.search a:hover span { background-position: 50% 0 !important; } #search ul li.ask a span { background-position: 50% -40px; } #search ul li.ask a.active span, #search ul li.ask a:hover span { background-position: 50% -120px; } #search form { display: block; position: relative; overflow: hidden; width: 100%; padding: 10px 0;background: url(../images/search-bg-a.png) no-repeat; } #search form .main { float: left; margin: 0; padding: 0 10px; } #search #search_field { float: left; width: 640px; margin: 0 10px; } #search #search_field .top { height: 6px; width: 640px; background: url(../images/search-input-top.png) no-repeat; } #search #search_field .field { width: 640px; padding: 0 11px 0 10px; background: url(../images/search-input-bg.png) repeat-y; } #search #search_field .field input, #search #search_field .field textarea { height: 28px; border: none; background: #fefefe; color: #999; font-size: 24px; vertical-align: top; width: 620px; overflow: hidden; } #search #search_field .field textarea.asking { height: 28px; min-height: 28px; max-height: 150px; line-height: 28px; } #search #search_field .field textarea.searching { height: 28px; min-height: 28px; max-height: 28px; } #search #search_field .field textarea.default { color: #ccc; } #search #search_field .bottom { height: 6px; width: 640px; background: url(../images/search-input-bottom.png) no-repeat; } #search form button { float: left; width: 40px; height: 40px; border: none; background: url(../images/search-submit-a.png) no-repeat; text-indent: -10001px; vertical-align: top; } #search form button:hover, #search form button:focus, #search form button:active { background-position: 0 -40px; } #search form p.links { float: right; margin: 0; } #search form p.links a { overflow: hidden; float: left; height: 23px; background: url(../images/search-links-a.png) no-repeat; text-indent: -10001px; } #search form p.links span { position: absolute; left: 815px; top: 10px; float: left; width: 1px; height: 40px; background: #bfe17f; text-indent: -10001px; } #search form p.links a.advanced { position: absolute; left: 710px; top: 27px; width: 68px; } #search form p.links a.advanced:hover, #search form p.links a.advanced:focus, #search form p.links a.advanced:active { background-position: 0 -23px; } #search form p.links a.profile { position: absolute; right: 15px; top: 27px; width: 95px; background-position: -68px 0; } #search form p.links a.profile:hover, #search form p.links a.profile:focus, #search form p.links a.profile:active { background-position: -68px -23px; } #search form p.links a.back { position: absolute; right: 15px; top: 27px; width: 134px; background-position: -166px 0; } #search form p.links a.back:hover, #search form p.links a.back:focus, #search form p.links a.back:active { background-position: -166px -23px; } #corner { position: absolute; right: 0; top: -8px; } #corner a { overflow: hidden; float: left; width: 42px; height: 42px; background: url(../images/corner-a.png) no-repeat; text-indent: -10001px; } #content { width: 930px; margin: 0 auto; padding: 0 10px 10px 20px; background: #fff; } #footer { width: 960px; margin: 0 auto; padding: 0 0 8px; background: url(../images/footer-bg-a.png) 0 100% no-repeat; color: #888; } #footer div.inner { width: 785px; padding: 15px 15px 10px 160px; background-color: #333; } #footer div.inner p { margin: 0; font-size: 0.9em; } #footer div.inner p.first { margin-top: 10px; } #footer div.inner p.first a, #footer div.inner p.first a:hover { color:#888888; text-decoration: none; } #network_footer { width: 960px; margin: 0 auto; padding: 0 0 8px; color: #888; } #network_footer ul { margin: 0; padding: 0; list-style: none; } #network_footer ul li { display: block; float: left; width: 200px; height: 250px; margin: 0 40px 0 0; } #network_footer ul li a { background-repeat: no-repeat; display: block; width: 200px; height: 250px; } #network_footer ul li a:hover { background-position: 0 -10px; } #network_footer ul #babypips a { background-image: url(../images/footer_babypips.gif); margin-right: 0; } #network_footer ul #freshpips a { background-image: url(../images/footer_freshpips.gif); margin-left: 15px; } #network_footer ul #meetpips a { background-image: url(../images/footer_meetpips.gif); } #network_footer ul #reviewpips a { background-image: url(../images/footer_reviewpips.gif); } #network_footer ul li a em { display: none; } #network_footer p { clear: both; } /* SKIP LINKS ------------------------------------------- */ #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; } /* CONTAINERS ------------------------------------------- */ div.columns-three-a { overflow: hidden; width: 950px; margin: -10px 0 0 -20px; } div.columns-three-a div.column { float: left; } div.columns-three-a div.column div.rss-feed { float:right; } div.columns-three-a div.primary { width: 460px; margin: 0 0 0 220px; } div.columns-three-a div.secondary { width: 200px; margin: 0 0 0 -680px; } div.columns-three-a div.secondary div.box-a { background-image: url(../images/box-a-top-right-a.gif); background-position: 100% 0; background-repeat: no-repeat; } div.columns-three-a div.secondary div.box-a div.box-a-inner { background: url(../images/box-a-bottom-right-a.gif) 100% 100% no-repeat; } div.columns-three-a div.secondary div.box-b { background-image: url(../images/box-b-top-right-a.gif); background-position: 100% 0; background-repeat: no-repeat; } div.columns-three-a div.secondary div.box-b div.box-b-inner { background: url(../images/box-b-bottom-right-a.gif) 100% 100% no-repeat; } div.columns-three-a div.tertiary { width: 250px; margin: 0 0 0 20px; } div.columns-three-a div.tertiary div.box-a { background-image: url(../images/box-a-top-left-a.gif); background-position: 0 0; background-repeat: no-repeat; } div.columns-three-a div.tertiary div.box-a div.box-a-inner { background: url(../images/box-a-bottom-left-a.gif) 0 100% no-repeat; } div.columns-two-a { overflow: hidden; width: 100%; } div.columns-two-a div.primary { float: left; width: 660px; } div.columns-two-a div.primary div.box-d { background-image: url(../images/box-d-top-left-a.gif); background-position: 0 0; background-repeat: no-repeat; } div.columns-two-a div.primary div.box-d div.box-d-inner { background: url(../images/box-d-top-right-a.gif) 100% 0 no-repeat; } div.columns-two-a div.secondary { float: right; width: 250px; } div.columns-two-a div.secondary div.box-b { background-image: url(../images/box-b-top-left-a.gif); background-position: 0 0; background-repeat: no-repeat; } div.columns-two-a div.secondary div.box-b div.box-b-inner { background: url(../images/box-b-bottom-left-a.gif) 0 100% no-repeat; } div.columns-two-b { overflow: hidden; width: 910px; } div.columns-two-b div.primary { float: left; width: 730px; padding-right: 20px; } div.columns-two-b div.primary h1 { font-weight: bold; } div.columns-two-b div.secondary { float: right; width: 160px; } div.columns-two-b div.secondary div.box-c { background-image: url(../images/box-c-top-a.gif); background-position: 0 0; background-repeat: no-repeat; } div.columns-two-b div.secondary div.box-c div.box-c-inner { background: url(../images/box-c-bottom-a.gif) 0 100% no-repeat; } div.columns-two-b div.secondary div.box-b { background-image: url(../images/box-b-top-left-a.gif); background-position: 0 0; background-repeat: no-repeat; } div.columns-two-b div.secondary div.box-b div.box-b-inner { background: url(../images/box-b-bottom-left-a.gif) 0 100% no-repeat; } div.columns-two-c { overflow: hidden; width: 910px; } div.columns-two-c div.primary { float: left; width: 300px; padding-right: 20px; } div.columns-two-c div.secondary { width: 590px; float: left; } /* BOXES ------------------------------------------- */ div.box-a { margin: 0 0 10px; background: #fefbbf; } div.box-a div.box-a-inner { padding: 10px 10px 1px; } div.box-a h2 { margin: 0 0 5px; color: #ff6007; } div.box-b { margin: 0 0 10px; background: #d0edff; } div.box-b div.box-b-inner { padding: 10px 10px 1px; } div.box-b h2 { margin: 0 0 5px; color: #219ddc; font-size: 2em; } div.box-c { margin: 0 0 10px; background: #eff9db; } div.box-c div.box-c-inner { padding: 10px 10px 1px; } div.box-c h2 { margin: 0 0 5px; color: #ff6007; } div.box-d { margin: 0 0 10px; background: #fefbbf; } div.box-d div.box-d-inner { padding: 10px 10px 1px; } div.box-e { margin: 0 0 10px; background: #f2f2f2; } div.box-e div.box-e-inner { padding: 10px 10px 1px; } /* GENERAL ------------------------------------------- */ p.subnav-a { margin: 0 0 20px; padding: 10px 20px; background: #eff9db; line-height: 1; } p.breadcrumbs-a { margin: 0 0 20px; padding: 10px 0; line-height: 1; } #notice_flash { font-weight: bold; color: #71B001; margin: 0; padding: 10px 20px; background: #D4F09F; line-height: 1; border-bottom: 2px solid #B3DA36; } ul.categories-a { list-style: none; margin: 0 0 10px; padding: 0; } ul.categories-a li { } ul.categories-a li a { display: block; padding: 3px 0 3px 10px; background: url(../images/bullet-a-right.gif) 1px 7px no-repeat; color: #333; font-size: 1.1em; } ul.categories-a li.expanded a { background: url(../images/bullet-a-down.gif) 0 7px no-repeat; } ul.categories-a li a.active { background: url(../images/bullet-a-down-active.gif) 10px 7px no-repeat; background-color: #3db6f0 !important; margin: 0 -10px; padding-left: 20px; padding-right: 10px; color: #fff !important; } ul.categories-a li a:hover { color: #2a85b7; text-decoration: none; } ul.categories-a li ul { display: none; list-style: none; margin: 0; padding: 0; } ul.categories-a li.expanded ul { display: block; } ul.categories-a li ul li { } ul.categories-a li ul li a, ul.categories-a li.expanded ul li a { background: url(../images/bullet-b.gif) 2px 9px no-repeat; } ul.categories-a li ul li a:hover { background-position: -298px 9px; } ul.categories-a li ul li a.active { margin: 0 -10px; padding-left: 20px; padding-right: 10px; background-color: #3db6f0 !important; background-position: -588px 9px !important; color: #fff !important; } ul.paging-a, div.tabs div.box-c ul.paging-a { list-style: none; margin: 15px 0; padding: 0; text-align: center; } ul.paging-a li, div.tabs div.box-c ul.paging-a li { display: inline; font-weight: bold; margin: 0 3px; } ul.paging-a li a, div.tabs div.box-c ul.paging-a li a { padding: 2px 5px; color: #2a85b7; text-decoration: underline; background: none; display: inline; float: none; } ul.paging-a li a:hover, div.tabs div.box-c ul.paging-a li a:hover { background: #eee; color: #666; text-decoration: none; } ul.paging-a li strong, div.tabs div.box-c ul.paging-a li strong { padding: 2px 5px; background: #2a85b7; color: #fff; text-decoration: none; } ul.tabs-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; } ul.tabs-a li { display: inline; float: left; margin: 0 5px 0 0; } ul.tabs-a li a { overflow: hidden; float: left; height: 40px; background: url(../images/tabs-a.png) no-repeat; text-indent: -10001px; } ul.tabs-a li.open a { width: 68px; background-position: 0px 0; } ul.tabs-a li.open a:hover, ul.tabs-a li.open a:focus { background-position: 0px -40px; } ul.tabs-a li.open a.active { background-position: 0px -80px !important; } ul.tabs-a li.recent a { width: 150px; background-position: -73px 0; } ul.tabs-a li.recent a:hover, ul.tabs-a li.recent a:focus { background-position: -73px -40px; } ul.tabs-a li.recent a.active { background-position: -73px -80px !important; } ul.tabs-a li.unanswered a { width: 108px; background-position: -228px 0; } ul.tabs-a li.unanswered a:hover, ul.tabs-a li.unanswered a:focus { background-position: -228px -40px; } ul.tabs-a li.unanswered a.active { background-position: -228px -80px !important; } ul.tabs-a li.resolved a { width: 88px; background-position: -341px 0; } ul.tabs-a li.resolved a:hover, ul.tabs-a li.resolved a:focus { background-position: -341px -40px; } ul.tabs-a li.resolved a.active { background-position: -341px -80px !important; } div.head-a { margin: 0 -10px 10px -20px; } div.head-a p { margin: 0; } div.head-a p.breadcrumbs-a { padding: 10px 20px; } div.nav-a { overflow: hidden; width: 100%; } div.nav-a h3 { float: left; width: 75px; margin: 0; padding: 0 0 5px; color: #888; font-size: 1.1em; font-weight: bold; line-height: 1; } div.nav-a ul { float: left; list-style: none; margin: 0; padding: 0; } div.nav-a ul li { float: left; padding: 0 5px; border-left: 1px solid #777; font-size: 1.1em; line-height: 1; } div.nav-a ul li.first { padding-left: 0; border: none; } div.nav-a ul li a { color: #54baeb; } div.nav-a ul li a:hover, div.nav-a ul li a:focus { color: #fff; text-decoration: none; } p.filter-a a { margin: 0 3px; } p.filter-a .up { background: url(../images/sorting-desc.png) 100% 50% no-repeat; padding-right: 12px; } p.filter-a .down { background: url(../images/sorting-asc.png) 100% 50% no-repeat; padding-right: 12px; } div.item-a { min-height: 48px; padding: 5px; } div.item-a div.user { position: relative; z-index: 100; float: left; margin: 0 10px 0 0; } div.item-a div.user p.image { float: left; margin: 0 } div.item-a div.user p.image img { float: left; } .userx { position: relative; padding: 0; margin: 0 !important; display: block; vertical-align: top; } a:hover .userx div.info * { text-decoration: none !important; } a .userx div.info { color: #555 !important; text-decoration: none; } .userx div.info { color: #555; z-index: 100; display: none; margin: 0 !important; position: absolute; left: 48px; top: 0px; overflow: hidden; width: 300px; border: 2px solid #b3b3b3; background: #fff !important; font: normal 10px Arial,Helvetica,sans-serif; } .userx:hover div.info, .user-over div.info { display: block; } .userx div.info a:hover { display: block; } .userx div.info ul { list-style: none; margin: 0; padding: 0; } .userx div.info ul li { background-image: none !important; font-size: 1.2em!important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; } .userx div.info ul.answers { float: left; width: 90px; background: #8bd600; color: #fff; text-align: center; } .userx div.info ul.answers li.percentage { padding: 10px 5px !important; } .userx div.info ul.answers li.percentage strong { display: block; font-size: 1.5em !important; color: #fff !important; } .userx div.info ul.answers li.all { padding: 5px 0 !important; background: #319bd6 !important; } .userx div.info ul.detailed { float: left; width: 190px; padding: 13px 5px 0 15px !important; font-size: 10px !important; } .userx div.info ul.detailed * { font-size: 12px !important; color: #555 !important; } .userx div.info ul.detailed span { padding: 0 inherit !important; display: inline !important; } .userx div.info ul.detailed span.user-lvl { padding-right: 22px !important; } .userx div.info ul.detailed li { margin: 0 0 5px !important; } .userx div.info ul.actions { overflow: hidden; clear: both; width: 100%; padding: 8px 0 !important; background: #4d4d4d !important; } .userx div.info ul.actions li { display: inline; float: left; margin: 0 5px 0 10px !important; } .userx div.info ul.actions li a { padding: 1px 0 1px 20px; background: url(../images/icons-b.png) no-repeat !important; color: #fff; } .userx div.info ul.actions li.add a { background-position: 0 1px !important; } .userx div.info ul.actions li.block a { background-position: 0 -49px !important; } div.item-a h3 { margin: 0 0 2px; padding: 2px 0 0; color: #71b001; font-size: 1.4em; } div.item-a h3 a { color: #71b001; text-decoration: none; } div.item-a p.details { margin: 0; font-size: 1.1em; } div.item-a p.details a { color: #333; text-decoration: underline; } div.item-a p.details a:hover, div.item-a p.details a:focus { color: #000; text-decoration: none; } div.item-a p.details a.star { display: block; overflow: hidden; float: left; width: 14px; height: 14px; margin: -1px 5px 0 0; background: url(../images/rating-a.gif) no-repeat; text-indent: -10001px; } div.item-a p.details a.star-off { background-position: -14px 0; } div.item-a p.details a.star-on { background-position: 0 0; } div.item-a-b { background-color: #f6fceb; } /* Multistep form ------------------------------------------- */ .multistep-form { width: 720px; padding: 0; color: #333; } .multistep-form form { clear: both; } .multistep-form h1 { width: 215px; float: left; margin-right: 15px; text-align: right; } .multistep-form h1.alt { color: #319BD6; } .multistep-form div.leadin { width: 490px; float: left; margin-bottom: 1em; } .multistep-form div.leadin h2 { font-weight: normal; color: #2A85B7; font-size: 2.2em; } .multistep-form div.leadin p { margin-bottom: 5px; } .multistep-form fieldset { position: relative; width: 490px; padding: 7px 0 0; margin-left: 230px; background: #eff9db url(../images/section-rounded-top-a.png) 100% 0 no-repeat; margin-bottom: 1em; } .multistep-form fieldset.alt { background-color: #d4f09f; } /* darker background */ .multistep-form fieldset div.section { position: relative; background: url(../images/section-rounded-bottom-a.png) 100% 100% no-repeat; padding: 24px 20px 15px; float: left; width: 450px; } .multistep-form fieldset div.section-small { position: relative; background: url(../images/section-rounded-bottom-a.png) 100% 100% no-repeat; padding: 12px 20px 7px; float: left; width: 450px; } .multistep-form fieldset div.last { background: #eff9db url(../images/section-rounded-bottom-alt-a.png) 0 100% no-repeat; padding-bottom: 43px; } .multistep-form fieldset p { position: relative; width: 100%; float: left; } .multistep-form fieldset p .row-label { position: absolute; left: -230px; width: 190px; text-align: right; display: block; font-size: 1.17em; margin: 0; padding: 0; } .multistep-form fieldset div.section-label { position: absolute; top: 0; right: 510px; width: 210px; text-align: right; } .multistep-form fieldset div.section-label h2 { font: bold 1.17em/1 Arial, Helvetica, sans-serif; color: #333; line-height: 1.17em; margin: 0; } .multistep-form fieldset div.section-label h2.alt { color: #71B001; } .multistep-form fieldset div.section-label h2 img { margin: 0; padding: 0; vertical-align:middle; } .multistep-form fieldset label.compact { position: absolute; top: -999em; } .multistep-form span.field-options { display: block; overflow: hidden; color: #71B001; margin: 0; padding: 0; } .multistep-form span.field-options span.chars-left { display: block; float: left; padding-left: 20px; background: url(../images/info-small-icon.png) no-repeat; } .multistep-form span.field-options span.check-spelling { display: block; float: right; text-align: right; } .multistep-form span.field-options span.check-spelling a { background: url(../images/spelling-icon.png) no-repeat; padding-left: 20px; } .multistep-form span.field-options span.check-spelling a.loading { background: url(../images/loading.gif) no-repeat; } .multistep-form select, .multistep-form input { padding: 4px; font-size: 14px; } .multistep-form ol { margin: 0; padding: 0;} .multistep-form ol li { list-style: none; padding: 0; margin: 0 0 -3px; } .multistep-form ul { margin: 0; padding: 0; } .multistep-form ul li { list-style: none; margin: 0; padding: 0; } .multistep-form div.submit { padding: 1em 0 30px 230px; overflow: hidden; } .multistep-form div.submit button { display: block; float: left; margin-right: 10px; } .multistep-form p.checkbox input { float: left; margin-right: 5px; width: auto; } .multistep-form p.checkbox label { float: left; width: 420px; } .multistep-form .bubble, .multistep-form .bubbleTip { width: 200px; right: -192px; position: absolute; top: -10px; z-index: 10; color: #333; font-size: 1.1em; } .multistep-form .bubbleTip { z-index: 11; } .multistep-form .bubble-inner { padding: 28px 20px 20px 56px; } .multistep-form p.close { position: absolute; right: 14px; top: 9px; width: 12px; height: 12px; } .multistep-form p.close a { display: block; text-indent: -999em; width: 12px; height: 12px; overflow: hidden;} .multistep-form .bubble-short { height: 90px; background: url(../images/bubble-short.png) no-repeat; } .multistep-form .bubble-oops { height: 57px; background: url(../images/bubble-oops.png) no-repeat; } .multistep-form .bubble-oops a { color: #71B001; font-weight: bold; } .multistep-form .bubble-wait { height: 47px; background: url(../images/bubble-wait.png) no-repeat; } .multistep-form .bubble .error { color: #B00101; font-weight: bold; } #choose-category { position: relative; overflow: visible; } .search-form .bubble, .search-form .bubbleTip { display: none; width: 200px; left: 703px; position: absolute; top: 155px; z-index: 10; color: #333; font-size: 1.1em; } .search-form .bubbleTip { z-index: 11; } .search-form .bubble-inner { padding: 28px 20px 20px 56px; } .search-form p.close { position: absolute; right: 14px; top: 9px; width: 12px; height: 12px; } .search-form p.close a { display: block; text-indent: -999em; width: 12px; height: 12px; overflow: hidden;} .search-form .bubble-short { height: 90px; background: url(../images/bubble-short.png) no-repeat; } .search-form .bubble-oops { height: 57px; background: url(../images/bubble-oops.png) no-repeat; } .search-form .bubble-oops a { color: #71B001; font-weight: bold; } .search-form .bubble-wait { height: 47px; background: url(../images/bubble-wait.png) no-repeat; } .multistep-form h3 { color: #71b001; display: block; font: bold 1em/1.4 Arial, Helvetica, sans-serif; margin: 0; } .multistep-form form#ask-three h3 { font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; } .multistep-form form#ask-three fieldset p { padding:3px;} .multistep-form form#ask-three ul { padding: 2px; } .multistep-form form#ask-three ul li { padding: 2px; } .multistep-form form#ask-three ul.c{ padding-left:14px; } .multistep-form form#ask-three ul.c li{ list-style: disc outside none; padding-left:2px; } /* .compact class -> no gap between sectoins */ .multistep-form form.compact fieldset { background-image: none; margin-bottom: 0 ; } .multistep-form form.compact fieldset.first { background-image: url(../images/section-rounded-top-a.png); } .multistep-form form.fullsize input, .multistep-form form.fullsize textarea { width: 452px; padding: 4px; margin-bottom: 5px; } .multistep-form form.fullsize div.notify input { width: 20px; padding: 4px; margin-bottom: 5px; } .multistep-form form.fullsize div.notify span { color:#f47b42; } .multistep-form form.compact fieldset div.section-label { top: 11px; } .multistep-form form.compact fieldset div.section { padding: 8px 13px; width: 464px; background: none; } .multistep-form form.compact fieldset div.last { background: #eff9db url(../images/section-rounded-bottom-alt-a.png) 0 100% no-repeat; padding-bottom: 30px; } .multistep-form form.compact div.submit { margin-top: 1em; } .multistep-form form.compact fieldset.standalone { margin-bottom: 1em; } .multistep-form form.compact fieldset.standalone div.section { background: url(../images/section-rounded-bottom-a.png) 100% 100% no-repeat; } .multistep-form form.compact-b fieldset div.section { padding: 8px 13px; width: 464px; } .multistep-form form.compact-b ol li { margin-bottom: 10px; } .multistep-form input.checbox, .multistep-form .checkboxes input, .multistep-form form.fullsize input.checkbox, .multistep-form form.fullsize div.checkboxes input { width: auto; margin: 0 5px 0 0; padding: 0; vertical-align: top;} form .field-info { clear: both; display: block; padding: 8px 0 0; } form .field-info .error { display: block; background: url(../images/info-small-icon.png) no-repeat scroll 0 0; padding-left: 20px; color: #B00101; font-weight: bold; } form .field-info .tip { display: none; } body .multistep-form #similar-question div.section div.wordwrap ul{ padding-left:14px; padding-bottom:8px;list-style-type:circle;} body .multistep-form #similar-question div.section div.wordwrap ul li{ list-style: disc outside none;line-height:1.5em; padding:2px;padding-left:2px; } /* Tabs ------------------------------------------- */ div.tabs ul { margin: 0; padding: 0; overflow: visible; height: 35px; } div.tabs ul li { margin: 0 2px 0 0; padding: 0; float: left; background: #eff9db url(../images/box-a-top-left-a.gif) 0 0 no-repeat; height: 35px; list-style: none; } div.tabs ul li a { display: block; float: left; padding: 11px 11px 9px; background: url(../images/box-a-top-right-a.gif) 100% 0 no-repeat; color: #333; } div.tabs ul li a:hover { text-decoration: underline; } div.tabs ul li.active a:hover, div.tabs ul li.ui-state-active a:hover { text-decoration: none; } .ui-tabs-hide, div.tabs .ui-tabs-hide { display: none; } div.tabs li.active, div.tabs ul li.ui-state-active { background-color: #d4f09f; height: 42px; } div.tabs div.tabs-description, #tab-content { background: #d4f09f url(../images/box-a-top-right-a.gif) 100% 0 no-repeat; } div.tabs div.tabs-description-inner { background: url(../images/tabs-top-left-a.gif) 0 0 no-repeat; padding: 11px; } div.tabs div.tabs-description-inner p { margin: 0; } div.tabs div.tabs-description-inner-thin { background: url(../images/tabs-top-left-a.gif) 0 0 no-repeat; padding: 1px; } div.tabs div.tabs-description-inner-thin p { margin: 5px 0; } .multistep-form div.tabs { margin-left: 230px; overflow: hidden; width: 490px; margin-top: 1em; } .multistep-form div.tabs div.tabs-description-inner { padding: 11px; } .multistep-form div.tabs p.info { padding-left: 20px; background: url(../images/info-small-icon.png) 0 50% no-repeat; margin: 0.5em 0 0; } .tabs div.box-c ul { height: auto; } .tabs div.box-c ul li { background: none; float: none; height: auto; list-style-image:none; list-style-position:outside; list-style-type:none; } /* ELEMENTS ------------------------------------------- */ #about-box { } #about-box h2 { margin: 0 0 3px; font-weight: bold; font-size: 2em; } #about-box ul { list-style: none; margin: 0; padding: 0; } #about-box ul li { min-height: 63px; margin: 0 0 10px; padding: 0 0 0 70px; background: url(../images/icons-a.png) no-repeat; } #about-box ul li.ask { background-position: 0 0; } #about-box ul li.answer { background-position: -300px 0; } #about-box ul li.find { background-position: -600px 0; } #about-box ul li strong { color: #71b001; font-size: 1.09em; } #profile-box { } #profile-box p { line-height: 1.35; } #profile-box p.image { display: inline; float: left; margin: 0 10px 0 0; } #profile-box p.image img { float: left; } p.results-count { text-align: right; margin: -42px 0 25px; } /* Search results ------------------------------------------- */ div.search div.primary h1 { background: url(../images/h-border.png) 0 100% repeat-x; padding: 0 0 14px; margin-bottom: 15px; } div.search div.primary h2 { margin: 0; font-weight: normal; } div.search div.primary h2 em { font-weight: bold; font-style: normal; } div.search div.primary h2 a { color: #71b001; } div.search div.primary p.description { color: #333; margin: 0; } div.search div.primary p.meta { font-size: 1.1em; margin: 0 0 25px; } div.search div.primary p.meta a { text-decoration: underline; color: #555; } div.search div.primary p.meta a:hover { text-decoration: none;} div.search div.secondary h2 { background: url(../images/h-border.png) 0 100% repeat-x; color: #666; text-transform: uppercase; font-size: 1.2em; padding: 14px 0 13px; font-weight: bold; } div.search div.secondary dl { background: url(../images/h-border.png) 0 100% repeat-x; } div.search div.secondary dt { font-size: 1.3em; } div.search div.secondary dt a { color: #71b001; } div.search div.secondary dd { margin: 0; padding: 0 0 20px; } div.search div.secondary dd p { margin: 0; color: #333; font-size: 1em; } /* Advanced search ------------------------------------------- */ #advanced-search input.b { padding: 2px; font-size: 1.3em; width: 395px; } #advanced-search .a { color: #71b001; display: block; font-weight: bold; } #advanced-search div.submit button { width:71px; height: 33px; background:url(../images/search-button.png) no-repeat 0 0; text-indent: -999em; border: 0; } #advanced-search div.submit button:hover { background-position: 0 -33px; } #search-categories select { height: 80px; width: 160px; display: block; float: left; margin-right: 8px; padding: 0; font-size: 0.91em; } #search-categories select.last { margin: 0; } #advanced-search fieldset { background-image: url(../images/section-rounded-top-b.png); width: 538px; padding-top: 6px;} #advanced-search div.section-label { right: 550px; top: 13px; } #advanced-search fieldset div.section { background-image: url(../images/section-rounded-bottom-b.png); width: 498px; padding-top: 14px } #advanced-search fieldset div.last { background-image: url(../images/section-rounded-bottom-alt-b.png); } /* Error messages ------------------------------------------- */ div.site-error { padding: 20px 0; width: auto; } div.site-error div.primary { width: 397px; float: left; margin: 0 0 30px; padding: 25px 25px 25px 190px; position: relative; } div.site-error div.secondary { width: 300px; } div.site-error div.primary img { position: absolute; top: 30px; left: 30px; } div.site-error div.primary li, div.site-error div.primary h1 { color: #00A3D1; } div.site-error div.primary h1 { font-weight: normal; } div.site-error strong { color: #71B001; } div.site-error div.site-error-a { height: 162px; background: url(../images/site-error-bg-a.png) no-repeat; } div.site-error div.site-error-b { height: 271px; background: url(../images/site-error-bg-b.png) no-repeat; } #verify-form div.wrapper { padding: 10px; height: 291px; width: auto; } #verify-form h2 { font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; color: #000; margin: 0 0 5px; } #verify-form p { margin: 25px 0 0; } #verify-form strong { display: block; } #verify-form fieldset { padding: 0; margin: 25px 0 0; overflow: hidden; } #verify-form fieldset p { display: inline; } #verify-form fieldset p.remember { display: block; margin: 15px 0 0; } #verify-form p.helpers { padding-bottom: 1em; border-bottom: 1px solid #b9c1aa; font-size: 1.1em; } #verify-form fieldset input { display: block; /*height: 16px;*/ float: left; width: 152px; padding: 4px; margin: 5px 10px 0 0; font-size: 16px; } #verify-form #forgot-password-form fieldset label { display: block; float: none; } #verify-form #login-form fieldset input { float: none; margin-bottom: 15px; } #verify-form #login-form fieldset .remember input { display: inline; width: auto; margin: 2px 5px 15px 0; } #verify-form button { width: 24px; height: 24px; text-indent: -999em; overflow: hidden; background: url(../images/go-button.png) no-repeat; border: 0; padding: 0; float: left; margin: 5px 0 0; } /* Help ------------------------------------------- */ div.help { padding-bottom: 30px; } div.help div.col { width: 290px; padding: 0 40px 30px 30px; float: left; margin: 0 0 0 -30px; } div.help div.col h2 { margin-bottom: 0; } div.help div.primary { overflow: hidden; } div.help h1 { color: #2A85B7; font: bold 1.6em/1.4 Arial, Helvetica, sans-serif; } div.help h3 { font-weight: bold; font-size: 1.6em; margin: 3em 0 0; } div.help-article h2 { color: #2A85B7; font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; margin: 0 0 0 -100px; background: #EFF9DB url(../images/bullet-a-down.gif) 5px 6px no-repeat; padding: 0 20px;} div.help-article { background: #EFF9DB; padding: 10px 30px 10px 100px; position: relative; width: 476px; } div.help ul { margin: 1em 0; padding: 0; } div.help ul li { background: url(../images/bullet-a-right.gif) 5px 6px no-repeat; padding: 0 20px; margin: 0.7em 0; list-style: none; } div.help ul li a { color: #2A85B7; font-weight: bold; } div.help-article img { position: absolute; left: 10px; top: 30px; } div.help-article ul { margin: 0; padding: 0; } div.help-article ul li { margin-left: 1em; list-style: disc; background: none; padding: 0; } div.help-article p.help-topic-options { overflow: hidden; margin: 1em 0 0;} div.help-article p.help-topic-options span { position: absolute; top: -999em; } div.help-article p.help-topic-options a { float: left; margin: 0 20px 0 0; padding: 0 2px 0 20px; } div.help-article p.help-topic-options a.mail { background: url(../images/help-mail-icon.png) 0 50% no-repeat; } div.help-article p.help-topic-options a.print { background: url(../images/help-print-icon.png) 0 50% no-repeat; } .help-article-opinion fieldset { border: none; margin: 0; padding: 15px 20px; background: #e6e6e6; width: 566px; } .help-article-opinion fieldset h3 { font-size: 1.2em; display: inline; margin: 0; } .help-article-opinion fieldset p { display: inline; } .help-article-opinion fieldset input { vertical-align: middle; } div.help div.related-links p { font-weight: bold; margin-bottom: 0; } /* Answer ------------------------------------------- */ div.question-a { margin: 0 0 15px; background: #f5f6f6 url(../images/question-a-bg.gif) 0 100% repeat-x; } div.question-a div.box-d { margin: 0; } div.question-a div.box-d div.box-d-inner { position: relative; padding-left: 120px; } div.question-a div.box-d p { font-size: 1.4em; } div.question-a div.box-d p.user { position: absolute; left: 15px; top: 10px; width: 90px; text-align: center; font-size: 1.2em; overflow: visible; } div.question-a div.box-d p.user:hover { overflow: visible; } div.question-a div.box-d h3 { color: #71b001; font-size: 1.4em; font-weight: bold; } div.question-a div.box-d h3 span { color: #000; font-size: 0.9em; font-weight: normal; } div.question-a div.box-d h3 a { color: #71b001; text-decoration: none; } div.question-a div.box-d p.next { float: right; margin: -25px 0 0; font-size: 1.2em; } div.question-a div.box-d p.next a { padding: 0 15px 0 0; background: url(../images/sorting-right.gif) 100% 50% no-repeat; } div.question-a div.box-d p.time { padding: 0 0 0 20px; background: url(../images/question-a-icons-b.gif) 0 50% no-repeat; color: #777; font-size: 1.2em; } div.question-a div.box-d p.time em { font-style: normal; } div.question-a div.box-d p.time .panic { font-weight: bold; color: red; } div.question-a div.box-d p.answer { overflow: hidden; width: 100%; margin: 15px 0; } div.question-a div.box-d p.answer a { overflow: hidden; display: block; width: 162px; height: 32px; background: url(../images/question-a-button-a.png) no-repeat 0 0; text-indent: -10001px; } div.question-a div.box-d p.answer a:hover { background-position: 0 -32px; } div.question-a div.box-d p.report { overflow: hidden; width: 100%; margin: 0; padding: 0 0 30px; } div.question-a div.box-d p.report a { overflow: hidden; display: block; width: 90px; height: 24px; background: url(../images/question-a-button-b.png) 0 0 no-repeat; text-indent: -10001px; } div.question-a div.box-d p.report a:hover { background-position: 0 -24px; } div.question-a div.box-d p.rss{ overflow: hidden; width: 100%; margin: -59px 0 0 109px; padding: 0 0 30px; } div.question-a div.box-d p.report-comment { overflow: hidden; width: 100%; margin: 0; padding: 0 0 30px; } div.question-a div.box-d p.report-comment a { overflow: hidden; display: block; width: 90px; height: 24px; background: url(../images/question-a-button-b.png) 0 0 no-repeat; text-indent: -10001px; } div.question-a div.box-d p.report-comment a:hover { background-position: 0 -24px; } div.question-a div.box-question-comment {background: #eff9db;} div.question-a div.box-question-comment-bottom {background:#eff9db url(../images/box-d-bottom-left-a.gif) no-repeat 0 0;height:6px;} div.question-a div.box-question-comment-bottom-inner {background:transparent url(../images/box-d-bottom-right-a.gif) no-repeat 100% 0;height:6px;} div.question-a div.box-question-comment div.box-question-comment-inner {padding-left:10px;/*padding-bottom:45px;*/} div.question-a div.box-question-comment div.comment-list { margin-top:5px; position:relative; padding:7px 15px 10px 105px;background:transparent url(../images/h-border.png) repeat-x scroll 0 100%;} div.question-a div.box-question-comment p {font-size:1.2em;} div.question-a div.box-question-comment p.report {padding-bottom:0;} div.question-a div.box-question-comment div.comment-list p.user { text-align:left; } div.question-a div.box-question-comment div.comment-list p.comment-body { word-wrap: break-word; } div.question-a div.box-question-comment .add-a-comment {margin-top:5px; position:relative; padding:7px 0 0 14px; } div.question-a div.box-question-comment .multistep-form {margin-top:5px; position:relative; padding:7px 0 14px 0; } div.question-a div.box-question-comment div.answer-comment { margin-top:5px; position:relative; padding:7px 0 0 90px; } div.question-a div.answer-comment h3{ font-size:1.2em;color:#555;width:525px } div.question-a div.answer-comment textarea{ width:531px; height:100px; font-size:1.3em;padding:5px;} div.question-a div.answer-comment .multistep-form span.chars-left{ height:15px; display: block; float: left; padding-left: 20px; background: url(../images/info-small-icon.png) no-repeat; } div.question-a div.answer-comment .submit{ padding:0;width:541px;} div.question-a div.answer-comment .submit span{ float:left; font-size:1.2em;} div.question-a div.answer-comment .submit button{ float:right;text-indent: -999em; background: url(../images/submit-button.png) no-repeat 0 0; height: 32px; width: 75px; border: none;} div.question-a div.answer-comment .submit button:hover{ background-position: 0 -32px;} div.question-a div.answer-comment .section{ position:relative;} div.question-a div.answer-comment .bubble{ left:555px;margin-top:20px;} div.question-a div.box-best-answer { margin: 0; border-top: 1px dotted #000; } div.question-a div.box-best-answer p.time { margin-bottom: 30px; } div.question-a div.options { background: url(../images/question-a-bg-br.gif) 100% 100% no-repeat; } div.question-a div.options ul { list-style: none; height: 30px; margin: 0; padding: 0; background: url(../images/question-a-bg-bl.gif) 0 100% no-repeat; } div.question-a div.options ul li { position: relative; z-index: 50; float: left; padding: 0 10px 0 9px; border-left: 1px solid #c9cacb; } div.question-a div.options ul li.interesting { border-left: none; } div.question-a div.options ul li a { float: left; height: 30px; padding: 0 0 0 23px; background: url(../images/question-a-icons-a.png) no-repeat; color: #333; line-height: 30px; } div.question-a div.options ul li a:hover, div.question-a div.options ul li a:focus { color: #000; text-decoration: none; } div.question-a div.options ul li a span { padding: 0 10px 0 0; background: url(../images/question-a-bullet-a.gif) 100% 50% no-repeat; cursor: pointer; } div.question-a div.options ul li ul.interested { } div.question-a div.options ul li ul.interested li { display: block; width: 95px; overflow: hidden; padding: 0; border: none; float: left; } div.question-a div.options ul li ul.interested li.alt { clear: both; } div.question-a div.options ul li ul.interested li a { background: none; float: none; padding: 0; color: #2a85b7; } div.question-a div.options ul li.interesting { background: url(../images/h-border.png) -1001px -10001px no-repeat; } div.question-a div.options ul li.interesting a { background-position: 0 0; } div.question-a div.options ul li.interesting a:hover, div.question-a div.options ul li.interesting a:focus, div.question-a div.options ul li.interesting a.interested { background-position: 0 -50px; } div.question-a div.options ul li.interesting div { display: none; position: absolute; left: 0; top: 30px; width: 200px; padding: 15px 15px 5px; border: 1px solid #ccc; border-top: none; background: #fff; } div.question-a div.options ul li.interesting:hover div, div.question-a div.options ul li.over div { display: block; } div.question-a div.options ul li.interesting div h4 { margin: 0 0 5px; color: #333; font-size: 13px; font-weight: bold; } div.question-a div.options ul li.email a { background-position: -200px 0; } div.question-a div.options ul li.email a:hover, div.question-a div.options ul li.email a:focus { background-position: -200px -50px; } div.question-a div.options ul li.comment-count-active { background: url(../images/question-a-active-bg.gif) repeat-x;} div.question-a div.options ul li.comment-count { cursor: pointer; } div.question-a div.options ul li.comment-count a { background-position: -809px 0px; } div.question-a div.options ul li.comment-count a:hover, div.question-a div.options ul li.comment-count a:focus { background-position: -809px -50px; } div.question-a div.options ul li.rss a { background-position: -1003px 0; } div.question-a div.options ul li.rss a:hover, div.question-a div.options ul li.rss a:focus { background-position: -1003px -51px; } div.question-a div.options ul li.save, div.question-a div.options ul li.manage { background: url(../images/icon-rss-a.gif) -1001px -1001px no-repeat; } div.question-a div.options ul li.save a { background-position: -400px 0; } div.question-a div.options ul li.manage a { background-position: -600px 0; } div.question-a div.options ul li.save a:hover, div.question-a div.options ul li.save a:focus { background-position: -400px -50px; } div.question-a div.options ul li.manage a:hover, div.question-a div.options ul li.manage a:focus { background-position: -600px -50px; } div.question-a div.options ul li.save ul, div.question-a div.options ul li.manage ul { display: none; position: absolute; top: 30px; left: -1px; width: 150px; height: auto; border: 1px solid #ccc; border-top: none; background: #fff; } div.question-a div.options ul li.save:hover ul, div.question-a div.options ul li.over ul, div.question-a div.options ul li.manage:hover ul { display: block; } div.question-a div.options ul li.save ul li, div.question-a div.options ul li.manage ul li { position: static; float: none; padding: 7px 10px 5px; border: none; background: url(../images/h-border.png) repeat-x; } div.question-a div.options ul li.save ul li.first, div.question-a div.options ul li.manage ul li.first { padding-top: 5px; background: none; } div.question-a div.options ul li.save ul li a, div.question-a div.options ul li.manage ul li a { float: none; height: auto; padding: 0; background: none; color: #4695c1; line-height: 1; } div.question-a div.options ul li.save ul li a:hover, div.question-a div.options ul li.manage ul li a:hover { color: #2b6e93; } div.question-a div.options ul li.save ul li a.rss { padding-left: 20px; background: url(../images/icon-rss-a.gif) no-repeat; } div.answers-a { margin: 0 0 30px; } div.answers-a h2 { margin: 0 0 5px; padding: 0 0 0 5px; color: #71b001; } div.answers-a h2 span { color: #333; font-weight: normal; } div.answers-a form { float: right; margin: -27px 0 0; } div.answers-a form select { width: 150px; } div.answers-a p.first-answer a { display: block; overflow: hidden; width: 225px; height: 54px; background: url(../images/1st-answer.png) no-repeat 0 0; } div.answers-a p.first-answer a:hover { background-position: 0 -54px; } div.answers-a p.first-answer a em { display: none; } div.answer-a { position: relative; margin: 0 0 10px; padding: 12px 0 0 100px; background: url(../images/h-border.png) repeat-x; } div.answer-a p { line-height: 1.5; } div.answer-a p.user { position: absolute; left: 15px; top: 12px; width: 70px; text-align: center; font-size: 1.2em; } div.answer-a p.time { padding: 0 0 0 20px; background: url(../images/question-a-icons-b.gif) 0 50% no-repeat; color: #777; font-size: 1.2em; } div.answer-a h4 { margin: 20px 0 3px; font-size: 1.2em; font-weight: normal; } div.answer-a ul.sources { list-style: none; margin: 0 0 10px; padding: 0; } div.answer-a div.options { overflow: hidden; width: 100%; margin: 15px 0 0; padding: 0 0 10px; } div.answer-a div.options a.choose_best_answer { margin: 1px 0; overflow: hidden; display: block; width: 150px; height: 22px; background: url(../images/question-choose-best-answer.png) no-repeat 0 0; text-indent: -10001px; } div.answer-a div.options a.choose_best_answer:hover { background-position: 0 -22px; } div.answer-a div.options ul { float: left; list-style: none; margin: 0 5px 0 0; padding: 0; background: url(../images/question-a-bg.gif) repeat-x; } div.answer-a div.options ul li { float: left; padding: 0 8px; border-left: 1px solid #c8c9c9; } div.answer-a div.options ul li.first { border-left: none; background: url(../images/answer-a-corners-l.gif) no-repeat; } div.answer-a div.options ul li.last { background: url(../images/answer-a-corners-r.gif) 100% 0 no-repeat; } div.answer-a div.options ul li.comment-count-active{ background: url(../images/question-a-active-bg.gif) repeat-x; } div.answer-a div.options ul li.comment-count a { cursor: pointer; float: left; height: 24px; background: url(../images/answer-a-icons-a.png) no-repeat; color: #444; line-height: 24px;padding: 0 0 0 20px; background-position: 1% -148px ; } div.answer-a div.options ul li a { float: left; height: 24px; padding: 0 20px 0 0; background: url(../images/answer-a-icons-a.png) no-repeat; color: #444; line-height: 24px; } div.answer-a div.options ul li a:hover, div.answer-a div.options ul li a:focus { color: #000; text-decoration: none; } div.answer-a div.options ul li.vote-for a { background-position: 100% 0; } div.answer-a div.options ul li.vote-against a { background-position: 100% -50px; } div.answer-a div.options ul li.report a { padding: 0 0 0 20px; background-position: 0 -100px; } div.answer-a div.options ul li a span { position: absolute; left: -10001px; top: -10001px; } div.answer-a div.options ul li a span.number { position: relative; left: 0; top: 0; } div.answers-a div.box-answer-comment {background:#eff9db url(../images/box-d-top-left-a.gif) no-repeat 0 0;width:560px;margin-left:100px;} div.answers-a div.box-answer-comment-bottom {background:#eff9db url(../images/box-d-bottom-left-a.gif) no-repeat 0 0;height:6px;} div.answers-a div.box-answer-comment-bottom-inner {background:transparent url(../images/box-d-bottom-right-a.gif) no-repeat 100% 0;height:6px;} div.answers-a div.box-answer-comment div.box-answer-comment-inner {padding:10px 15px 0 15px;background:transparent url(../images/box-d-top-right-a.gif) no-repeat scroll 100% 0} div.answers-a div.box-answer-comment div.comment-list { min-height:90px;margin-top:5px; position:relative; padding:7px 10px 10px 90px;background:transparent url(../images/h-border.png) repeat-x scroll 0 100%;} div.answers-a div.box-answer-comment div.comment-list p.comment-body { word-wrap: break-word; } div.answers-a div.box-answer-comment p.user { position: absolute; left: 0; top: 12px; width: 70px; text-align: center; font-size: 1.2em; } div.answers-a div.box-answer-comment p {font-size:1.2em;} div.answers-a div.box-answer-comment p.report-comment {margin:0;overflow:hidden;padding:0;width:100%;} div.answers-a div.box-answer-comment p.report-comment a { background:transparent url(../images/question-a-button-b.png) no-repeat scroll 0 0;display:block;height:24px;overflow:hidden;text-indent:-10001px;width:90px;} div.answers-a div.box-answer-comment p.report-comment a:hover { background-position:0 -24px; } div.answers-a div.box-answer-comment p.time { padding: 0 0 0 20px; background: url(../images/question-a-icons-b.gif) 0 50% no-repeat; color: #777; font-size: 1.2em; } div.answers-a div.box-answer-comment div.answer-comment { padding-top:10px; display:block;} div.answers-a div.box-answer-comment div.answer-comment form{ float:none;margin:0;} div.answers-a div.answer-comment h3{ font-size:1.2em;color:#555;width:525px } div.answers-a div.answer-comment textarea{ width:517px; height:100px; font-size:1.3em;padding:5px;margin:10px 17px 10px 0; } div.answers-a div.answer-comment .multistep-form span.chars-left{ height:15px;display: block; float: left; padding-left: 20px; background: url(../images/info-small-icon.png) no-repeat; } div.answers-a div.answer-comment div.submit{ padding:0;width:528px;height:15px;overflow:visible;} div.answers-a div.answer-comment .submit span{ float:left; font-size:1.2em;} div.answers-a div.answer-comment .submit label{ position:relative; left:0; top:-2px;font-size:1.1em;} div.answers-a div.answer-comment .submit button{ float:right;position:relative;left:0;top:-10px;text-indent: -999em; background: url(../images/submit-button.png) no-repeat 0 0; height: 32px; width: 75px; border: none;} div.answers-a div.answer-comment .submit button:hover{ background-position: 0 -32px;} div.answers-a div.answer-comment .section{ position:relative;width:540px;margin:0;padding:0;} div.answers-a div.answer-comment .bubble{ left:538px;margin-top:20px;} div.answers-a div.box-answer-comment .multistep-form {margin-top:5px; position:relative; padding:7px 0 21px 0; } div.answers-a div.box-answer-comment .add-a-comment {margin-top:5px; position:relative; padding:7px 0 5px 14px; } div.list-a { padding: 12px 0 0; background: url(../images/h-border.png) repeat-x; } ul.a { margin: 0 0 10px; padding: 0 0 0 22px; } ul.b { list-style: none; margin: 0 0 10px; padding: 0; } /* Registration ------------------------------------------- */ #registration #f-name, #registration #f-surname, #registration #f-zip { width: 157px; } #registration #f-month { width: 130px; } #registration #f-day, #registration #f-year { width: 90px; } #registration #f-country { width: 335px; } #registration #f-id { float: left; } #registration #label-at { text-indent: -999em; background: url(../images/label-at.png) 0 50% no-repeat; float: left; display: block; width: 13px; height: 14px; margin: 5px; } #register-step-2 button { width: 50px; height: 22px; background: url(../images/check-button.png) no-repeat; border: none; text-indent: -999em; } #registration #f-email { width: 110px; margin-right: 5px; } #registration #f-password-1, #registration #f-password-2, #registration #register_password, #registration #register_confirm_password { width: 210px; float: left; margin-right: 5px; } #registration span.password-strength { float: left; display: block; font-size: 0.91em; background: url(../images/password-strength.png) 0 100% no-repeat; width: 91px; height: 24px; white-space:nowrap; } #registration span.password-strength span { position: absolute; top: -999em; } #registration span.strength-0 { background-position: 0 100% ; } #registration span.strength-1 { background-position: -91px 100% ; } #registration span.strength-2 { background-position: -182px 100% ; } #registration span.strength-3 { background-position: -273px 100% ; } #registration span.strength-4 { background-position: -364px 100% ; } #registration span.strength-5 { background-position: -455px 100% ; } #registration #f-alternative-email, #registration #f-security-question, #registration #f-security-answer { width: 320px; } #registration #f-security-question { width: 330px; } #register-step-3 { padding-bottom: 1em; margin-bottom: 1em; background: url(../images/multistep-form-separator.png) 0 100% repeat-x; } #registration a.reload { display: block; text-indent: 9999em; overflow: hidden; background: url(../images/refresh.png) no-repeat; width: 24px; height: 24px; float: right; } #registration-submit { width: 143px; height: 33px; margin-right: 10px; background: url(../images/create-my-account-button.png) no-repeat 0 0; border: none; text-indent: -999em; } #registration-submit:hover { background-position: 0 -33px; } #registration-cancel { width: 69px; height: 33px; background: url(../images/cancel-button.png) no-repeat 0 0; border: none; text-indent: -999em; } #registration-cancel:hover { background-position: 0 -33px; } #email-submit { width: 125px; height: 34px; margin-right: 10px; background: url(../images/email-button.png) no-repeat 0 0; border: none; text-indent: -999em; } #email-submit:hover { background-position: 0 -34px; } #email-cancel { width: 69px; height: 33px; background: url(../images/cancel-button.png) no-repeat 0 0; border: none; text-indent: -999em; } #email-cancel:hover { background-position: 0 -33px; } /* Contact form ------------------------------------------- */ #contact fieldset { background: #eff9db url(../images/box-a-bottom-left-a.gif) 0 100% no-repeat; padding: 0; margin: 0; border: none; } #contact div.section { background: url(../images/box-a-bottom-right-a.gif) 100% 100% no-repeat; padding: 20px; } #contact fieldset label { font: bold 1.17em/1.4 Arial, Helvetica, sans-serif; width: 180px; padding-right: 10px; float: left; color: #333; } #contact fieldset label span { display: block; font-weight: normal; font-size: 0.86em; } #contact fieldset p { overflow: hidden; margin: 0 0 20px; } #contact fieldset p.desc, #contact fieldset p.captcha { padding-left: 190px; margin: 0; } #contact fieldset p.captcha img { display: block; margin-bottom: 1em; } #contact fieldset p.desc { width: 290px; } #contact fieldset input { font: bold 1.17em/1.4 Arial, Helvetica, sans-serif; width: 270px; } #contact div.submit { padding: 1em 0 3em 210px ; overflow: hidden; } #contact div.submit button { float: left; } #contact-form button { border: none; background: url(../images/send-message-button.png) no-repeat; width: 118px; height: 32px; text-indent: -999em; } #bug-report button { border: none; background: url(../images/submit-report-button.png) no-repeat; width: 120px; height: 32px; text-indent: -999em;} #contact select, #contact input, #contact textarea { padding: 4px; font-size: 14px; font-weight: normal !important; } #contact #f-captcha { width: 150px; } #contact div.tabs ul { height: 39px; } #contact div.tabs ul li { height: 39px; } #contact div.tabs ul li a { padding: 11px 20px 9px; } #contact div.tabs li.active { height: 46px; } #contact div.tabs div.tabs-description-inner { padding: 15px 20px 11px; } /* Ask a question ------------------------------------------- */ #ask-cancel { width: 69px; height: 33px; background: url(../images/cancel-button.png) no-repeat 0 0; border: none; text-indent: -999em; } #ask-cancel:hover { background-position: 0 -33px; } #ask-back { margin-right: 10px; text-indent: -999em; background: url(../images/back-button.png) no-repeat 0 0; width: 57px; height: 32px; border: none; } #ask-back:hover { background-position: 0 -32px; } #ask-continue { text-indent: -999em; background: url(../images/continue-button.png) no-repeat 0 0; height: 32px; width: 115px; border: none; } #ask-continue-anyway { text-indent: -999em; background: url(../images/continue-anyway-button.png) no-repeat 0 0; height: 32px; width: 165px; border: none; } #ask-continue:hover { background-position: 0 -32px; } #ask-submit { text-indent: -999em; background: url(../images/submit-button.png) no-repeat 0 0; height: 32px; width: 75px; border: none; } #ask-submit:hover { background-position: 0 -32px; } #ask-question #category_slider ul.slider, #ask-question #category_slider li.slide { margin: 0; padding: 0; height: auto; list-style: none; } #ask-question #category_slider, #ask-question #category_slider li.slide { width: 468px; height: auto; overflow: hidden; } #ask-question #category_slider ~ #prevBtn { display: block; margin: 0; padding: 0; float: none; height: auto; padding: 4px; background: #fff; line-height: 1.33; } #ask-question #category_slider ~ #prevBtn.alt { background: #eff9db; } #ask-question #category_slider ~ #prevBtn a { background: url(../images/arrow-previous.png) no-repeat 2px 4px; padding-left: 16px; font-weight: bold; } #ask-question ul.categories-list, #advanced-search ul.categories-list { margin: 0; padding: 0; height: auto; } #ask-question ul.categories-list li, #advanced-search ul.categories-list li { margin: 0; padding: 0; float: none; height: auto; padding: 4px; background: #fff; line-height: 1.33; } #ask-question ul.categories-list li.alt, #advanced-search ul.categories-list li.alt { background: #eff9db; } #ask-question ul.categories-list li input, #advanced-search ul.categories-list li input { width: auto; margin: 0; padding: 0; vertical-align: top;} /* Answer continued ------------------------------------------- */ #answer-preview { text-indent: -999em; background: url(../images/preview-button.png) no-repeat 0 0; width: 80px; height: 32px; border: none; } #answer-preview:hover { background-position: 0 -32px; } #answer-submit { margin-right: 10px; text-indent: -999em; background: url(../images/submit-button.png) no-repeat 0 0; width: 75px; height: 32px; border: none; } #answer-submit:hover { background-position: 0 -32px; } #answer-edit { text-indent: -999em; background: url(../images/edit-button.png) no-repeat; width:52px; height: 32px; border: none; } #answer-b h3 { color: #333; font: bold 1.33em/1.4 Arial, Helvetica, sans-serif; margin-bottom: 1em; } #answer-b fieldset div.compact p { margin: 0; } #answer-b fieldset div.compact div.bubble p { margin: 0 0 10px; } #answer-b fieldset div.compact { padding: 0 13px; } #answer-b fieldset div.last { padding-top: 0; } /* Profile edit ------------------------------------------- */ #profile-edit #f-email, #profile-edit #f-nickname, #profile-edit #profile_nickname, #profile-edit #profile_email { width: 230px; vertical-align: middle; margin-right: 5px;} #profile-edit textarea { width: 462px; } #profile-edit div.section-label { top: 12px; } #picture-section { overflow: hidden; } #picture-section h3 { font: normal 1.17em/1.4 Arial, Helvetica, sans-serif; margin-bottom: 0.5em; } #picture-section img { display: block; border: 1px solid #333; border: none; } #picture-section a.remove { color: #F5291B; text-decoration: underline; text-transform: lowercase; } #picture-section a.remove:hover { text-decoration: none; } #picture-section-col1 { width: 130px; margin-right: 10px; float: left; } #picture-section-col2 { width: 280px; float: left; } #picture-section-row1 {width: 100%; float:left;} #picture-section-row1 h3 { float:left;width: 360px; } #picture-section-row1 a.remove { float:left; } #color-section { width:120px; float:left; margin:9px 0 7px 7px; } #color-section li { float:left; margin-bottom:10px;} #color-section span { display: block; } #color-section input { float:left; width:67px; height:15px; border:1px solid #c5c5c5; } #color-section a.color { float:left; margin-left:4px; width:27px; height:23px; border:1px solid #c5c5c5; } #color-section #picker{ position:absolute; border:1px solid #aaa; background:#EFF9DB; left:125px; z-index: 1; } #color-section #picker-close{ position:absolute; left:302px; z-index: 2; width:16px; height:15px; background:url(../images/close-icon.png) no-repeat; text-indent:-1000px;color:transparent;} #preview-section { width:295px; float:left; position:relative; margin:20px 7px 15px; } #preview-section #top { height:8px; width:295px; background: transparent url(../images/box-preview-top-a.gif) no-repeat top left; } #preview-section #banner { height:45px; width:295px; } #preview-section #banner img { z-index:-1;float:left; } #preview-section #user-profile-info { height:100px; width:295px; background-image: none;} #preview-section #company-info { float:left;width:295px; min-height:90px; background: transparent url(../images/box-preview-bottom-a.gif) no-repeat 0 100%;} #preview-section #company-info h3 { width:275px; padding:10px 5px 0 5px; font-size:10px;} #preview-section #company-info p { width:275px; padding:0 5px; font-size:.6em; line-height: 1em; text-align:justify;} #preview-section #company-info a { text-decoration: underline; font-size:.7em; color:#009dde;} #preview-section #user-profile-info .member { width:120px; height:95px; padding:5px 0 0 5px; float:left;} #preview-section #user-profile-info .member h2 { font-size:1.1em; margin:0;} #preview-section #user-profile-info .member p { font-size:.55em; margin:0;} #preview-section #user-profile-info .member img { width:50px; height:50px; margin:2px 0 0 0;} #preview-section #user-profile-info .member span.knowledge-partner-badge{ margin-top:2px;background-image:url(../images/badge-knowledge-partner-small.png)} #preview-section #user-profile-info .stats { width:50px; height:75px; margin-top:10px; color:#ffffff; background: transparent none; float:left;} #preview-section #user-profile-info .stats ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0 4px; font-size:.7em;-moz-border-radius:3px;} #preview-section #user-profile-info .stats .user-lvl { padding-right:0; background:none;} #preview-section #user-profile-info .stats ul li { padding:5px 0; border-bottom:1px solid #D0EDFF;} #preview-section #user-profile-info .stats ul li.last { border-bottom:medium none} #preview-section #user-profile-info .stats ul li.last strong { display:block; font-size:1em;} #preview-section #user-profile-info .actions { width:90px; height:70px; float:left; overflow:hidden; margin:13px 0 0 5px; padding:0 0 0 15px; background:transparent url(../images/box-preview-actions-links.png) no-repeat; font-size:8px;line-height:12px;} #preview-section .spot { position:absolute; left:70px; width:20px; height:20px; text-align:center; color:#ffffff; font-size:1.1em; font-weight:bold; padding-top:1px; background:transparent url(../images/box-preview-spot.png) no-repeat;} #preview-section #spot-1 {top:-8px;} #preview-section #spot-2 {bottom:2px;} #preview-section #spot-3 {top:60px;} #preview-section #spot-4 {top:175px;} #preview-section #spot-5 {top:120px;} #profile-edit #f-email, #profile-edit #profile_email { float: left; } #profile-email-check { width: 22px; height: 22px; background: url(../images/ok-button.png) no-repeat; border: 0; text-indent: -999em; margin: 2px 0; float: left; } #profile-save-changes { width: 112px; height: 32px; background: url(../images/save-changes-button.png) no-repeat 0 0; border: 0; text-indent: -999em; } #profile-save-changes:hover { background-position: 0 -32px; } #profile-cancel { width: 69px; height: 32px; background: url(../images/cancel-button.png) no-repeat 0 0; border: 0; text-indent: -999em; } #profile-cancel:hover { background-position: 0 -33px; } /* Profile network ------------------------------------------- */ #profile-network .contacts-list h1 { height: 39px; margin:0; width: 215px; font: bold 1.17em/1.4 Arial, Helvetica, sans-serif; color: #2A85B7; padding: 13px 20px 0 65px; background: url(../images/contact-list-head.png) no-repeat; } #profile-network .contacts-list ul { background: #eff9db url(../images/contact-list-bottom.png) 0 100% no-repeat; padding: 0 0 10px; margin: 0; } #profile-network .contacts-list ul li { list-style: none; margin: 0; position: relative; height: 52px; width: 100%; } #profile-network .contacts-list ul li:hover, #profile-network .contacts-list ul li.over { background: #fff url(../images/blank.png); } #profile-network .contacts-list ul li a { display: block; height: 48px; padding: 6px 20px 0 65px; width: 215px; position: absolute; top: 0; left: 0; z-index: 20; font: bold 1.17em/1.4 Arial, Helvetica, sans-serif; color: #2A85B7; background: url(../images/blank.png); } /* last declaration makes IE happy */ #profile-network .contacts-list ul li a:hover { text-decoration: none; } #profile-network .contacts-list ul li img { position: absolute; left: 10px; top: 2px; z-index: 10; } #profile-network .contacts-list ul li span{ position: relative; left: 65px; top: 30px; z-index: 10; } #network-answers { background: #eff9db url(../images/network-bottom.png) 0 100% no-repeat; padding: 10px; overflow: hidden; } #network-answers div.item-a { margin: 0 0 5px 52px; position: relative; padding: 8px; } #network-answers div.first { padding: 0 8px 8px; } #network-answers div.item-a-b { background: #fff; } #network-answers div.item-a div.user { position: absolute; left: -52px; top: 0; } #network-answers div.item-a a.star { display: block; overflow: hidden; float: left; width: 14px; height: 14px; margin: -1px 5px 0 0; background: url(../images/rating-a.gif) -14px 0 no-repeat; text-indent: -10001px; } #network-answers div.item-a a.star-on { background-position: 0 0; } #network-answers div.item-a p { margin: 0; } #network-answers div.item-a p.status { color: #666; font-weight: bold; margin: 0 0 0.5em; } #network-answers div.item-a button { width: 140px; height: 23px; background: url(../images/answer-this-question-button.png) no-repeat; border: 0; text-indent: -999em; display:block; } #profile-network ul.paging-a a { text-decoration: none; } #profile-network ul.paging-a a:hover { text-decoration: underline; } #profile-network ul.paging-a { background: none; } #profile-network ul.paging-a a { text-decoration: none; font-weight: normal; } #profile-network ul.paging-a a:hover { text-decoration: underline; } #profile-network ul.paging-a a.prev { padding-left: 12px; background: url(../images/arrow-previous.png) 0 50% no-repeat;} #profile-network ul.paging-a a.next { padding-right: 12px; background: url(../images/arrow-next.png) 100% 50% no-repeat; } /* Profile ------------------------------------------- */ #profile-info { margin: 0 0 20px; background-image: url(../images/box-a-bottom-a.png); background-position: 0 100%; background-repeat: no-repeat; } #profile-info div.box-a-inner { overflow: hidden; background-image: url(../images/box-a-top-a.png); background-position: 0 0; background-repeat: no-repeat; } #profile-info div.member { float: left; width: 300px; padding: 0 10px 0 0; } #profile-info div.member h2 { margin: 0; color: #333; font-size: 2.2em; font-weight: bold; } #profile-info div.member ul.actions { list-style: none; margin: 3px 0; padding: 0; } #profile-info div.member ul.actions li { display: inline; padding: 1px 0 1px 20px; background: url(../images/icons-c.png) no-repeat; font-size: 1.1em; } #profile-info div.member ul.actions li.add { background-position: 0 0; } #profile-info div.member ul.actions li.block { background-position: 0 -50px; } #profile-info div.member p { margin-bottom:5px; } #profile-info div.member p.image { } #profile-info div.member p.image img { border: 1px solid #333; border: none; } #profile-info div.stats { float: left; width: 100px; background: #14A6ED url(../images/profile-info-stats-bottom-a.png) 0 100% no-repeat; color: #fff; } #profile-info div.stats ul { list-style: none; margin: 0; padding: 0 10px; background: url(../images/profile-info-stats-top-a.png) no-repeat; } #profile-info div.stats ul li { padding: 10px 5px; border-bottom: 1px solid #D0EDFF; font-size: 1.3em; } #profile-info div.stats ul li.last { margin-top: 20px; border-bottom: none; font-size: 1.2em; } #profile-info div.stats ul li.last strong { display: block; font-size: 1.5em; } #profile-info div.contact { float: left; width: 180px; padding: 0 0 0 20px; } #profile-info div.contact p { margin: 0 0 10px; padding: 0 0 0 25px; background: url(../images/profile-info-icons-a.png) no-repeat; color: #777; } #profile-info div.contact p.nb { margin-bottom: 5px; } #profile-info div.contact p.im { background-position: 0 2px; } #profile-info div.contact p.email { background-position: 0 -48px; } #profile-info div.contact p.report { background-position: 0 2px; } #profile-info div.contact p.block { background-image: url(../images/icons-c.png); background-position: 0 -50px; } #profile-info div.contact p.unblock { background-image: url(../images/icons-c.png); background-position: 0 -50px; } #profile-info div.contact p.add { background-image: url(../images/icons-c.png); background-position: 0 0; } #profile-info div.contact p.remove { background-image: url(../images/icons-c.png); background-position: 0 0; } #profile-info div.contact p.website { background-image: url(../images/profile-info-icon-website.png); background-position: 0 0; } #profile-info div.contact p strong { display: block; color: #71b001; } #profile-info div.contact p strong a { color: #71b001; } #profile-info div.contact ul li { padding-left: 25px; background-repeat: no-repeat; margin-bottom: 10px; height: 16px; } #profile-info div.contact ul.b li.edit_profile { background-image: url(../images/profile-icons.png); background-position: 0 0; } #profile-info div.contact ul.b li.private_profile { background-image: url(../images/profile-icons.png); background-position: 0 -32px; } #profile-info div.contact ul.b li.public_profile { background-image: url(../images/profile-icons.png); background-position: 0 -16px; } div.column.primary.knowledge_partner {width:590px; } #profile-info.knowledge-partner #top {width:100%; height: 15px; overflow: hidden; background:url(../images/box-a-top-right-a.gif) no-repeat scroll 100% 0;} #profile-info.knowledge-partner #top-inner {width:100%; height: 15px; overflow: hidden; background: url(../images/box-a-top-left-a.gif) no-repeat scroll 0 0; } #profile-info.knowledge-partner #banner {width:100%; height:90px;;display:block;background-image:url(../temp/profile-banner.jpg);} #profile-info.knowledge-partner #user-profile-info {height:160px;display:block; padding:25px 10px 15px 10px; } #profile-info.knowledge-partner #user-profile-info div.actions a{color:#2A85B7;} #profile-info.knowledge-partner #user-profile-info div.actions a:hover{color:#2A85B7;} #profile-info.knowledge-partner #user-profile-info div.stats ul.stats-inner {-moz-border-radius:7px;} #profile-info.knowledge-partner div.member {width:230px;} #profile-info.knowledge-partner div.member h2 {font-size:1.75em; margin-top:-5px;} #profile-info.knowledge-partner #company-info {display:block; background:url(../images/box-a-bottom-right-a.gif) no-repeat scroll bottom right;} #profile-info.knowledge-partner #company-info-inner {display:block; padding:20px 12px; background:url(../images/box-a-bottom-left-a.gif) no-repeat scroll 0 100%;} #profile-info.knowledge-partner #company-info h3 {font-size:1.4em;font-weight:bold;margin-bottom:5px;} #profile-info.knowledge-partner #company-info p {font-size:1.4em; margin:0 0 15px 0;line-height:1.7em;} #profile-info.knowledge-partner #company-info a {font-size:1.2em;color:#2A85B7;} #profile-info.knowledge-partner #company-info a:hover{color:#2A85B7;} #profile-info.knowledge-partner div.stats {background:transparent url(../images/knowledge-partner-stats-bg.png) no-repeat;} #profile-info.knowledge-partner ul.stats-inner {background:none;} #profile-info.knowledge-partner div.contact p.report {background-image:url(../images/knowledge-partner-profile-info-icons-a.png);} #profile-info.knowledge-partner div.contact p.add {background-image:url(../images/knowledge-partner-icons-c.png);} #profile-info.knowledge-partner div.contact p.block {background-image:url(../images/knowledge-partner-icons-c.png);} span.knowledge-partner-badge { width: 100px; height: 14px; background: url(../images/badge-knowledge-partner.png) no-repeat; border: none; text-indent:-1000px; float:left;} span.knowledge-partner-answer-badge { width: 65px; height: 20px; background: url(../images/badge-answer-knowledge-partner.png) no-repeat; border: none; text-indent:-1000px; float:left;} #profile-qa { margin: 0 0 10px; } #profile-qa h2 { padding: 0 0 7px; background: url(../images/h-border.png) 0 100% repeat-x; color: #71b001; } #profile-qa p.toggle { float: right; margin: -35px 0 0; font-size: 1.1em; } #profile-qa p.toggle a { padding: 0 12px 0 0; background: url(../images/profile-updown-a.png) 100% 3px no-repeat; color: #555; text-decoration: underline; } #profile-qa p.toggle a.hide { background-position: 100% 3px; } #profile-qa p.toggle a.show { background-position: 100% -21px; } #profile-qa div.item { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 0 0 1px; background: url(../images/h-border.png) 0 100% repeat-x; } #profile-qa div.item p.image { display: inline; float: left; margin: 0 10px 0 0; } #profile-qa div.item p { margin: 0; color: #555; } #profile-qa div.item p a { color: #555; text-decoration: underline; } #profile-qa div.item p a:hover { color: #111; text-decoration: none; } #profile-qa div.item h3 { margin: 0 0 8px; color: #5fa3c9; font-size: 1.4em; } #profile-qa div.item h3 a { color: #5fa3c9; } #profile-qa div.options { overflow: hidden; width: 100%; color: #5fa3c9; } #profile-qa div.options p.first { float: right; } #profile-qa div.options p.more a { padding: 0 15px 0 0; background: url(../images/arrow-next.png) 100% 50% no-repeat; } #profile-qa div.options p.invite img { vertical-align: middle; } #profile-activity { } #profile-activity div.tabs-description { } #profile-activity div.tabs-description-inner { } #profile-activity div.tabs-description div.cols { clear: both; } #profile-activity div.tabs-description div.cols div.first { border: none; margin-right: 0; } #profile-activity div.tabs-description div.cols div.second { border: none; margin-left: 0; } #profile-activity div.tabs-description ul { list-style: none; height: auto; margin: 0; padding: 0; } #profile-activity div.tabs-description ul li { float: none; height: auto; margin: 0; padding: 0; background: none; } #profile-activity div.tabs-description ul li.xl { font-size: 1.8em; font-weight: bold; } #profile-activity div.tabs-description ul li span { margin: 0; padding: 0; background: none; } #profile-activity div.tabs-description ul li a { display: inline; float: none; margin: 0; padding: 0; background: none; } #profile-activity div.tabs-description ul li img { vertical-align: middle; } #profile-activity div.cols { overflow: hidden; width: 100%; padding: 0 0 10px; } #profile-activity div.cols div.first { float: left; width: 235px; padding: 0 20px 0 0; border-right: 1px solid #c0c7b1; } #profile-activity div.cols div.second { float: left; width: 200px; margin: 0 0 0 -1px; padding: 0 0 0 55px; border-left: 1px solid #c0c7b1; } #profile-activity div.cols h3 { margin: 0 0 3px; font-size: 1.4em; font-weight: bold; } #profile-activity div.cols ul { margin: 0; } #profile-items { } #profile-items div.item { overflow: hidden; width: 100%; margin: 0; padding: 12px 0 0; background: url(../images/h-border.png) repeat-x; } #profile-items div.item-first { padding-top: 0; background: none; } #profile-items div.item p.image { display: inline; float: left; margin: 0 10px 10px 0; } #profile-items div.item h3 { margin: 0 0 2px; color: #71b001; font-size: 1.4em; } #profile-items div.item h3 a { color: #71b001; } #profile-items div.item p.info { } #profile-items div.item p.info a { color: #333; font-weight: bold; } #profile-items div.item p.info a.star { display: block; overflow: hidden; float: left; width: 14px; height: 14px; margin: 0 5px 0 0; background: url(../images/rating-a.gif) no-repeat; text-indent: -10001px; } #profile-items div.item p.info a.star-off { background-position: -14px 0; } #profile-items div.item p.info a.star-on { background-position: 0 0; } #profile-items div.item p.info strong.a { color: #f95220; } #profile-users { } #profile-users div.tabs-description { } #profile-users div.tabs-description p.invite { float: right; } #profile-users div.tabs-description p.invite img { vertical-align: middle; } div.tabbed-a { margin: 0 0 15px; } div.tabbed-a div.box-c { background-image: url(../images/box-a-bottom-right-a.gif); background-position: 100% 100%; background-repeat: no-repeat; } div.tabbed-a div.box-c div.box-c-inner { background-image: url(../images/box-a-bottom-left-a.gif); background-position: 0 100%; background-repeat: no-repeat; } #stats { } #stats h2 { margin: 0 0 3px; } #stats p { margin: 0 0 3px; font-size: 1.4em; } #stats p.total { margin: 0 0 7px; padding: 0 0 3px; border-bottom: 1px solid #ccc; font-size: 1.2em; } #stats ul.chart { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0 0 10px; } #stats ul.chart li { position: relative; float: left; width: 50%; padding: 4px 0 0; font-size: 1.1em; } #stats ul.chart3 li { width: 33%; } #stats ul.chart li span { display: block; position: relative; width: 90%; height: 165px; margin: 0 auto 5px; text-align: center; } #stats ul.chart li span em { display: block; position: absolute; width: 100%; left: 0; bottom: 0; border: 2px solid #ddd; background: #fff; font-size: 1.4em; line-height: 1.75; font-weight: bold; font-style: normal; } #stats ul.chart li span em.green { border-color: #b3da36; background-color: #d4f09f; color: #71b001; } #stats ul.chart li span em.blue { border-color: #66bae7; background-color: #9bd9f8; color: #2a85b7; } #stats ul.chart li span em span { position: relative; width: auto; height: auto; margin: 0; } #stats ul.chart li span em.low span { margin-top: -27px; } #stats ul.chart li strong { display: block; padding: 5px 0 0; border-top: 1px solid #ccc; font-weight: normal; text-align: center; } #stats .tabs a.active { color:#555555; text-decoration: none; cursor: default; } ul.users-a { overflow: hidden; width: 100%; list-style: none; margin: 0; padding: 0; } * html ul.users-a { padding: 0 0 10px; } *:first-child+html ul.users-a { padding: 0 0 10px; } ul.users-a li { display: inline; float: left; width: 90px; margin: 0 8px 8px 0; padding: 10px 0; background: #fff; text-align: center; } ul.users-a li a.remove { display: block; margin: 5px 0 -10px; padding: 3px 0; background: #f95220; color: #fff; font-size: 10px; } ul.users-a li a.remove:hover { background: #e64a1b; text-decoration: none; } ul.labeled-a { list-style: none; margin: 0 0 10px; padding: 0; } ul.labeled-a li { overflow: hidden; width: 100%; font-size: 1.4em; } ul.labeled-a li span.lab { float: left; width: 175px; } li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; background: none !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; } p.l { color: #333; font-size: 1.4em; } /* Lightboxes ------------------------------*/ #lightbox-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 1024px; margin: 0; padding: 0; } #lightbox-wrapper .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 1024px; background: black; z-index: 9999998; margin: 0; padding: 0; } #lightbox-wrapper .lightbox-contents { width: 420px; height: 140px; top: 20%; left: 50%; position: absolute; margin-left: -210px; margin-top: -70px; z-index: 9999999; } #lightbox-wrapper .lightbox-contents.alt { width: 600px; height: 600px; margin-left: -300px; margin-top: -300px; } .lightbox-a { background: #a9e144 url(../images/lightbox-bg-a.jpg) repeat-x; position: relative; border: 1px solid #a4d053; padding: 10px; } .lightbox-b { background: #fedad7 url(../images/lightbox-bg-b.jpg) repeat-x; position: relative; border: 1px solid #fc4134; padding: 15px; color: #1a1a1a; } .lightbox-a p.close { position: absolute; right: 6px; top: 6px; width: 14px; height: 15px; } .lightbox-a p.close a { display: block; width: 14px; height: 15px; background: url(../images/lightbox-close-a.png) no-repeat; text-indent: -999em; } .lightbox-a p.close a { display: block; width: 14px; height: 15px; background: url(../images/lightbox-close-a.png) no-repeat; text-indent: -999em; } .lightbox-a button { clear: both; background: url(../images/lightbox-ok-button.png) no-repeat 0 0; border: none; width: 32px; height: 32px; display: block; margin: 1em auto; text-indent: -999em; } .lightbox-a button:hover { background-position: 0 -32px; } .lightbox-a .options-multi { padding: 1em 0; margin: 0 auto; width: 125px; text-align: center; overflow: hidden; } .lightbox-a .options-multi button { clear: none; margin: 0 10px 0 0; float: left; } .lightbox-a .options-multi button#lightbox-cancel { width: 69px; height: 32px; background: url(../images/cancel-button.png) no-repeat 0 0; border: none; display: block; text-indent: -999em; } .lightbox-a .options-multi button#lightbox-cancel:hover { background-position: 0 -33px; } .lightbox-a div.message { float: left; height: 1%; } .lightbox-a h1 { margin: 0; padding-left: 80px; padding-top: 10px; } .lightbox-a p.description { padding-left: 80px; margin-top: 5px; } .lightbox-a img { float: left; display: block; position: relative; padding-top: 10px; } .lightbox-b h1 { color: #fff; } .lightbox-b h2 { font: bold 1.6em/1 Arial, Helvetica, sans-serif; } .lightbox-b div.section { padding: 10px; background: #FEFDDF; border: 2px solid #fc4134; margin: 1em 0 ; color: #F5291B; } .lightbox-b form .error_report_it {display:none;background: #FEFDDF; border: 1px solid red; padding: 5px; color: #B00101; font-weight: bold;} .lightbox-b form .error_report_it label {display: none;} .lightbox-b div.section p { max-height:59px; overflow:hidden; } .lightbox-b div.section p.author { margin: 0; } .lightbox-b div.section span { display: block; font-weight: bold; color: #1a1a1a; } .lightbox-b div.section p.author span { margin: 0; display: inline; } .lightbox-b ul { margin: 1em 0; padding: 0; } .lightbox-b ul li { list-style: none; margin: 0; padding: 0 0 10px 25px; position: relative; } .lightbox-b ul li input { position: absolute; left: 0; top: 0; } .lightbox-b ul li label { font-weight: bold; } .lightbox-b ul li p { margin: 0; } .lightbox-b textarea { width: 100%; padding:2px; } .lightbox-b div.options { padding: 1em 0; margin: 0 auto; width: 162px; overflow: hidden; } .lightbox-b button.lightbox-report-it { background: url(../images/lightbox-report-button.png) no-repeat; border: none; width: 80px; height: 32px; display: block; margin-right: 10px; text-indent: -999em; float: left; } .lightbox-b button.lightbox-cancel { background: url(../images/lightbox-cancel-button.png) no-repeat; border: none; width: 68px; height: 32px; display: block; text-indent: -999em; } .lightbox-b div.next { color: #F5291B; } .lightbox-b div.next h2 { color: #F5291B; margin: 0; } div.box-c ul.activity_details { margin: 0 2px 12px; } div.box-c ul.activity_details li { line-height: 16pt; clear: both; } div.box-c ul.activity_details li .points { display: block; float: left; width: 72px; padding-right: 10px; font-weight: bold; color: #fff; font-size: 9pt; } div.box-c ul.activity_details li .points span { padding: 1px 0 2px; } div.box-c ul.activity_details li .points span span { padding: 1px 5px 2px 2px; margin-left: 3px; background-position: top right; background-repeat: no-repeat; } div.box-c ul.activity_details li .points .points_blue { background-image: url(../images/points/points_blue_left.gif); } div.box-c ul.activity_details li .points .points_blue span { background-image: url(../images/points/points_blue_right.gif); } div.box-c ul.activity_details li .points .points_green { background-image: url(../images/points/points_green_left.gif); } div.box-c ul.activity_details li .points .points_green span { background-image: url(../images/points/points_green_right.gif); } div.box-c ul.activity_details li .points .points_yellow { background-image: url(../images/points/points_yellow_left.gif); } div.box-c ul.activity_details li .points .points_yellow span { background-image: url(../images/points/points_yellow_right.gif); } div.box-c ul.activity_details li .points .points_orange { background-image: url(../images/points/points_orange_left.gif); } div.box-c ul.activity_details li .points .points_orange span { background-image: url(../images/points/points_orange_right.gif); } div.box-c ul.activity_details li .points .points_red { background-image: url(../images/points/points_red_left.gif); } div.box-c ul.activity_details li .points .points_red span { background-image: url(../images/points/points_red_right.gif); } div.box-c ul.activity_details li .reason { font-weight: bold; color: #000; } div.box-c ul.activity_details li .time { color: #aaa; font-style: italic; } .formerror { font-weight: bold; color: #f00; } #leaderboard_wrapper { background-color: #E6F2DB; border: 1px solid #C1DCA3; margin: 5px; padding: 0 8px 8px; } #leaderboard { border-collapse:collapse; width:100%; } #leaderboard thead { background-color: #E6F2DB; } #leaderboard thead tr th { color:#92A679; padding: 5px; text-align:center; } #leaderboard tbody tr td { background-color:#FFFFFF; padding:5px; padding-left:15px; padding-right:15px; text-align:center; vertical-align:middle; } #leaderboard thead tr th.number, #leaderboard tbody tr td.number { border-left:1px solid #C1DCA3; } #leaderboard tbody tr td.rank { font-weight:bold; padding-right: 0; } #leaderboard tbody tr.even td { background-color:#F4FAF0; } #leaderboard tbody tr td.user { padding-left: 0; } #leaderboard tbody tr td.user div { margin: 5px 0; } #leaderboard tbody tr td.user div a.avatar { display: block; } #leaderboard tbody tr td.user div a.avatar:hover { text-decoration: none; } #ask-three #question_details p, #answer-two #answer_details p { float: none; } /* Spell checker styling */ span.badspelling { color:#d70303; text-decoration:none; background:url(../images/spellchecker/bg.gif) repeat-x 100% 100%; cursor:pointer; } .suggestDrop { position:absolute; display:none; z-index:9999999; overflow:none; padding:0px 9px 9px 0px; margin-top:1px; background:transparent url(../images/spellchecker/shadow.png) no-repeat scroll right bottom; font:normal 13px arial; } #suggestwords { background:#fff; } .suggestDrop em { text-align:center; padding:3px 6px 3px 6px; display:block; border-top:1px solid #ccc; border-left:1px solid #ccc; } .suggestDrop a, suggestDrop a:visited { border-left:1px solid #bbb; border-right:1px solid #bbb; padding:3px 6px 3px 6px; display:block;margin:0px; text-decoration:none; color:#333; outline:none; } .suggestDrop a.first, suggestDrop a.first:visited { border-top:1px solid #ccc; } .suggestDrop a:hover { color:#000; background:#ddd; } .suggestDrop .foot { border-top:1px solid #ddd; background:#fff; } .suggestDrop .foot a, suggestDrop .foot a:visited { outline:none; } .changepwd li { display: block; } .changepwd li label { float: left; display: block; width: 150px; text-align: right; padding: 5px 15px 0 0; } .changepwd li input { float: left; } .changepwd li .field-info { display: block; clear: both; margin: 0 0 5px; } .error_list { margin: 0; padding: 0; list-style: none; margin-bottom: 5px; } .ad250x250 { margin-bottom: 10px; } .static_page blockquote { margin-top: 15px; } #gbcf-form { } #gbcf-form .main-set { border: none; } #gbcf-form .main-set .main-legend { font:21px/21px Georgia, "Times New Roman", Times, serif; padding: 0 0 8px 0; } #gbcf-form .main-set .opt-label { display: none; } #gbcf-form .req-set { border:1px solid #A7A8A4; padding: 0 10px 10px 10px; width: 330px; } #gbcf-form .req-set .req-legend { display: none; } #gbcf-form .req-set label { line-height: 17px; display:block; margin-top:10px; font-size: 1.4em; } #gbcf-form .req-set input, #gbcf-form .req-set select, #gbcf-form .req-set textarea { width: 320px; line-height: 14pt; font-size: 126%; padding: 3px 4px; padding-right: 0; border: 1px solid #A7A8A4; } #gbcf-form .button { margin: 10px 0; } #proverb { position: relative; top: 7px; left: 0; } #proverb img { float: left; margin-right: 10px; } #proverb blockquote { color: #E7F6FF; font-weight: normal; font-size: 16pt; width: 600px; margin: 0 0 4px; padding: 5px 0 0; } #proverb cite { font-style: normal; text-transform: uppercase; color: #87D000; font-size: 9pt; } #proverb blockquote { float: left; overflow: hidden; text-indent: -5001px; background: url(../images/chinaproverb.png) no-repeat; width: 468px; height: 65px; margin: 10px 0 0; padding: 0; } #proverb cite { display: none; clear: both; } #loginbox { position: relative;} #access_items { height: 95px; display: none; overflow: hidden; position: relative;} #err404 .options { margin: 2em 0 0; } #err404 .options .home { display: block; float: left; margin-right: 10px; height: 61px; width: 109px; background: url(../images/err404-home.png) no-repeat 0 0; text-indent: -999em; overflow: hidden; } #err404 .options .home:hover { background-position: 0 -61px; } #err404 .options .contact { display: block; float: left; margin-right: 10px; height: 61px; width: 139px; background: url(../images/err404-contact.png) no-repeat 0 0; text-indent: -999em; overflow: hidden; } #err404 .options .contact:hover { background-position: 0 -61px; } #kampylink { background:transparent url(../images/btn-feedback.gif) no-repeat scroll 0 0; display:block; height:103px; left:0; position:fixed; text-indent:-10000px; top:45%; width:35px; z-index: 40; } #kampylink img { display: none !important; } #ajaxloading { display: block; width: 16px; height: 16px; position: fixed; bottom: 4px; right: 4px; background: url(../images/ajax-loader.gif) no-repeat; z-index: 41; } .user-lvl, .nickname { padding-right: 22px !important; background: url(../images/AP-minico2.png) no-repeat top right; } .user-lvl-1 { background-position: right 0px; } .user-lvl-2 { background-position: right -15px; } .user-lvl-3 { background-position: right -30px; } .user-lvl-4 { background-position: right -45px; } .user-lvl-5 { background-position: right -60px; } .user-lvl-6 { background-position: right -75px; } .user-lvl-7 { background-position: right -90px; } .user-lvl-8 { background-position: right -105px; } #leaderboard-small-box h2 { margin: 0 0 3px; font-weight: bold; font-size: 2em; } ul.leaderboard-small { text-align: left; padding: 0 5px 10px; display: block; margin: 0; text-indent: 0; list-style: none; margin: 0; padding: 0; } ul.leaderboard-small li.ls-item, ul.leaderboard-small li.link-more { padding: 0; margin: 0; min-height: 0; background: none; height: 50px; padding: 7px 0; } ul.leaderboard-small li.ls-item { border-bottom: 2px solid #fee197; } ul.leaderboard-small li.ls-item-last { border: none;} ul.leaderboard-small li.ls-item div.ls-panel { height: 30px; padding: 8px 0 10px; display: block; float:left; } ul.leaderboard-small li.ls-item div.ls-panel span { display: block; padding: 1px 0; } ul.leaderboard-small li.ls-item div.ls-user-avatar { width: 50px; padding: 2px 0;} ul.leaderboard-small li.ls-item div.ls-user-info { width:110px; padding: 16px 8px 5px; font: bold 14px Arial,Helvetica,sans-serif; } ul.leaderboard-small li.ls-item div.ls-user-points { color: #000; width:50px; padding: 13px 0 2px; text-align: right; font: bold 15px Arial,Helvetica,sans-serif; line-height: .9em; } ul.leaderboard-small li.ls-item div.ls-user-points span { padding: 0; } ul.leaderboard-small li.ls-item div.ls-user-points small { font-size: 8px; } #leaderboard-small-header { position: relative; } #leaderboard-small-link-more {text-align: right; display: block; position: absolute; top: 8px; left: auto; bottom: auto; right: 2px; text-decoration: underline; font-size: 11px; } #topanswers-small-box h2 { margin: 0 0 3px; font-weight: bold; font-size: 1.6em; } #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-info { width:140px; padding: 3px 0 3px 8px; } #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-info span, #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-info small { display: block; } #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-info small { font-size: 10px; color: #333; } #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-rank { padding: 0; line-height: 1em; font: bold 50px Arial,Helvetica,sans-serif; color: #eae69d; } #topanswers-small-box ul.leaderboard-small li.ls-item div.ls-user-rank span { padding: 1px 0; line-height: 1em; } .row-q-details {float:left; width: 380px;} #sidebar-square-add-1 { margin-bottom: 10px; }