/*------------------------ doc: infolock tech css defining styles for infolocktech.com 2009 site: infolocktech.com development: Cobey Potter, Wellfire Interactive version: q3, 2009 TOC: [a] general elements [b] general classes [c] layout areas [d] layout classes [e] unique elements [f] utility controls [g] modules [h] forms [i] navigation [j] template specific [k] jsActive specific ------------------------*/ @font-face { font-family:"Bebas"; src: url('/site/styles/i/BEBAS___.eot'); src: local('Bebas Regular'), local('Bebas-Regular'), url("/site/styles/i/Bebas.ttf") format("truetype"); } @font-face { font-family:"LGothic"; src: url('/site/styles/i/League_Gothic.eot'); src: local('League Gothic Regular'), local('LeagueGothic-Regular'), url("/site/styles/i/League_Gothic.otf") format("opentype"); } /* --- [a] general elements --- */ html { background:#B9AFA3; color:#595959; font:11px/16px Verdana, Arial, Helvetica, sans-serif; } body { background:#e8e8e8 url('/site/styles/i/bkg-body.png') repeat-x; text-align:center; } h2 { background:url('/site/styles/i/elm-plusses.png') 0 -33px no-repeat; color:#5F8CB2; font:bold 20px/30px Helvetica, Arial, sans-serif; letter-spacing: .02em; margin-left:-24px; padding:0 0 16px 24px; text-transform: uppercase; } h3 { color:#26394A; font:bold 14px/19px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.04em; padding:0 0 8px; } h4 { font:bold 13px/15px Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; letter-spacing:.05em; padding:4px 0 12px; } p { letter-spacing:.02em; padding:0 0 16px; } a { color:#335272; font-weight:bold; text-decoration:none; } a:hover { cursor:pointer !important; text-decoration:underline; } a[href*="pdf"] { background:url("/site/styles/i/elm-glyphs.png") 0 -137px no-repeat; cursor:pointer; display:inline-block; line-height:20px; padding-left:18px; } #content :not(.menu-glossary) a[href*="glossary"] { background:url("/site/styles/i/elm-glyphs.png") right -248px no-repeat; cursor:pointer; display:inline-block; line-height:20px; padding-right:23px; } #content :not(.menu-glossary) a[href*="glossary"]:hover { background:url("/site/styles/i/elm-glyphs.png") right -188px no-repeat; } li a[href*="pdf"] { background:none; padding-left:0; line-height:15px; } strong { font-weight:bold; } em { font-style:italic; } /* --- [b] general classes --- */ .clear, .snapshot, .col { display:inline-block; } .clear:after, .snapshot:after, .col:after { clear:both; content:"."; display:block; float:left; height:0; visibility:hidden; } .figure { background:#fff; border:1px solid #5F8CB2; float:left; margin:5px 16px 20px 0; padding:2px; } .figure img { display:block; } .col, .left { float:left; } .right { float:right; } /* --- [c] layout areas ---*/ #header { height:170px; margin:0 auto; position:relative; text-align:left; width:920px; } #header h1 { color:#5F8CB2; font:bold 36px/48px Helvetica, Arial, sans-serif; letter-spacing:.037em; padding:65px 0 0 180px; text-transform:uppercase; } #container { background:url('/site/styles/i/bkg-sidebar.png') 515px -1px no-repeat; margin:0 auto; padding-bottom:40px; position:relative; text-align:left; width:920px; } #content { margin-top:18px; padding-right:65px; width:490px; } #content > p:nth-of-type(1) { color:#99301E; font:13px/22px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; } #content ul, #content ol { clear:both; } #content ol { margin-left:20px; padding:8px 0 0; } #content ul li, #content dt { background:url('/site/styles/i/elm-plusses.png') -18px 6px no-repeat; padding:0 0 8px 10px; } #content ol li { padding:0 0 8px; } #content li > ul { padding:8px 0 0; } #content dt { font-weight:bold; } #content dd { padding:0 0 8px 10px; } #sidebar { width:347px; } #footer { background:#B9AFA3 url('/site/styles/i/bkg-footer.png') repeat-x; clear:both; padding:19px 0 40px; position:relative; text-align:left; width:100%; } #footer .vcard { margin:0 auto; position:relative; width:920px; } #footer .vcard > a { background:#e0dbd5; border:1px solid #5F6B77; display:inline-block; line-height:18px; margin-bottom:4px; margin-left:-300%; padding:0 12px 0 300%; text-transform:uppercase; } #footer address, #footer .tel { letter-spacing:.02em; width:200px; } #nav-socialmedia { position:absolute; top:0; left:188px; } #nav-socialmedia li { float:left; height:20px; width:90px; } #nav-socialmedia a { background:url("/site/styles/i/btn-socialMedia.gif") no-repeat; display:block; height:100%; opacity:.5; overflow:hidden; text-indent:-1000px; width:100%; } #nav-socialmedia a:hover { opacity:.99; } #btn-linkedin a { background-position:0 -21px; margin-left:10px; } /* --- [d] layout classes --- */ #content .list-preview li { background:none; border-top:2px solid #335272; display:block; float:left; margin:0; padding:0; width:230px; padding-bottom:60px;} #content .list-preview li:nth-of-type(odd) { margin-right:30px; } .list-preview .preview { color:#333; display:block; font-weight:normal;} .list-preview li h3 { color:#335272; font-size:11px; letter-spacing:.1em; line-height:16px; padding-bottom:12px; text-transform:uppercase; } .list-preview p { text-align:justify; } .list-preview .preview:hover { text-decoration:none; } .list-preview .preview:hover a { text-decoration:underline; } .list-preview .link-more { color:#335272; font-weight:bold; } .list-preview .link-more:after { content:"››"; font:bold 16px/19px Arial, Helvetica, sans-serif; left:4px; position:relative; top:1px; } #content .download { margin-top:20px; text-transform:uppercase; } /* --- [e] unique elements --- */ #logo { float:left; margin-left:-15px; position:relative; z-index:2;} #logo a { background:url("/site/styles/i/elm-logoInner.png") no-repeat; display:block; height:147px; overflow:hidden; text-indent:-1000em; width:160px; } #billboard { background:none; border:0; left:163px; height:300px; overflow:hidden; position:absolute; top:13px; width:742px; z-index:1;} .snapshot, .related { border-top:2px solid #B9B9B9; margin-top:12px; width:100%; -moz-border-top-colors:#B9B9B9 #fff; } .snapshot a { display:inline-block; padding:18px 0; } .snapshot a:hover { background:#f9f9f9; text-decoration:none; } .snapshot img { float:left; } .snapshot h3, .snapshot p { border-left:4px solid #335272; float:right; padding-left:20px; width:265px; } .snapshot h3 { margin-top:-3px; } .snapshot h3 span { color:#5E6B77; } .snapshot h3:hover { text-decoration:underline; } .snapshot p { color:#595959; font-weight:normal; } .snapshot .link-more { border-left:4px solid #e8e8e8; color:#335272; font-weight:bold; margin:0 0 0 -24px; text-align:right; padding:8px 5px 0 0; width:285px; } .snapshot a:hover .link-more { border-left:4px solid #f9f9f9; } .snapshot .link-more:hover { text-decoration:underline; } .related h3 { color:#5E6B77; padding:10px 0 15px; } .related ul { border-left:4px solid #335272; } .related li { background:none !important; padding-bottom:0 !important; padding-top:8px !important; } .related li:first-child { padding-top:0px !important; } #content .list-products li { background:none; clear:left; display:inline-block; margin-bottom:8px; padding:0; } .list-products a > h4 { font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif; } .list-products li .figure { margin-bottom:5px; } .list-products .attributed { color:#595959; font-weight:normal; padding-top:5px; } ul.info-ante { background:#D2D2D2; color:#335272; margin:-10px 0 16px; padding:5px 10px 0; } #content .info-ante li { background:none; padding:0 0 5px; } .menu-glossary { border:2px solid #335272; border-left:0; border-right:0; margin:20px 0 24px; padding:1px 0; } .menu-glossary:last-child { margin:0; } .menu-glossary a, .menu-glossary span { background:#d2d2d2; display:inline-block; height:20px; line-height:20px; margin-left:1px; text-align:center; text-transform:uppercase; width:20px; } .menu-glossary span { color:#fffff1; font-weight:bold; } .menu-glossary a:last-child, .menu-glossary span:last-child { width:36px;} .menu-glossary a:hover { background:#335272; color:#d2d2d2; text-decoration:none; } .entries { position:relative; } .entries h4 { border-bottom:1px solid #b9b9b9; color:#5F8CB2; font-size:11px; letter-spacing:.12em; line-height:15px; padding:0 100px 3px 0; text-transform:uppercase; } .entries h4 span { font-style:italic; font-variant:normal; font-weight:normal; text-transform: lowercase; } .entries .to-top { font-size:11px; position:absolute; right:0; top:-2px; } .entries > ul { border-top:1px solid #fff; padding:15px 0 10px; } .entries li p { color:#333; float:left; font-size:11px; margin:0 10px 0 0; padding:0; width:250px; } .entries dfn { color: #5F8CB2; font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } .entries .attributed { color:#fff; float:left; font-weight:bold; padding:5px 0 5px 10px; width:240px; letter-spacing:1px; } .attributed h5 { line-height:10px; margin:0; padding:0 0 2px; } .attributed a[href*="http://"] { background:url('/site/styles/i/elm-glyphs.png') right -39px no-repeat; padding-right:23px; } .attributed a[href*="http://"]:hover { background-position:right 1px; } /* --- [f] utility controls --- */ .control { position:absolute; bottom:-38px; right:55px; z-index:100; } .control li { background:#e0dbd5; float:left; line-height:19px; margin-left:10px; -moz-border-radius:10px; -webkit-border-radius:10px; height:19px; padding:1px 5px; } .print a { background:#e0dbd5 url('/site/styles/i/elm-glyphs.png') 2px -78px no-repeat; display:block; overflow:hidden; text-indent:-1000px; width:20px; } .print a:hover { background-position:2px -108px; } .text-size a { border-right:1px solid #B9B9B9; border-left:1px solid #fff; float:left; height:19px; margin:0; text-align:center; } .text-size a:hover { color:#26394A; font-style:italic; text-decoration:none; } .text-size .text-reg { border-left:0; font-size:12px; width:24px; } .text-size .text-medium { font-size:16px; padding-left:2px; width:26px; } .text-size .text-large { border-right:0; font-size:20px; padding-left:2px; width:30px; } /* --- [g] modules --- */ .module { background:url("/site/styles/i/elm-plusses.png") -24px bottom no-repeat; padding:0 0 26px 5px; margin-left:-5px;} .module h3 { background:url("/site/styles/i/elm-plusses.png") -24px -190px no-repeat; font:bold 14px/14px Helvetica, Arial, sans-serif; letter-spacing:.02em; margin:0 0 0 -5px; padding:0 0 0 25px; text-transform:uppercase; } .module > .content { border-left:1px solid #5E6B77; padding:10px 0 10px 20px; margin-top:10px; } .aggregator .link-more, .media-contact .url[href*="http://"] { background:url('/site/styles/i/elm-glyphs.png') right -39px no-repeat; color:#335272; font-weight:bold; margin-right:-7px; padding:0 23px; text-align:right; } .aggregator a:hover .link-more, .media-contact .url[href*="http://"]:hover { background-position:right 1px; text-decoration:underline; } .quiz a, .aggregator a { color:#333333; display:block; font-weight:normal; margin:0 -5px 5px; padding:0 5px 2px; } .quiz a:hover, .aggregator a:hover { background:#f0f0f0; text-decoration:none; } .aggregator .article { border-bottom:1px solid #B9B9B9; border-top:1px solid #fff; padding:5px 0 0; } .aggregator .article:first-child { border-top:0; padding-top:0; } .aggregator .article:last-child { border-bottom:0; } .aggregator h4 { color:#335272; font:bold 11px/15px Verdana, Helvetica, sans-serif; letter-spacing:.05em; margin:0 0 0 90px; padding:0; text-transform:uppercase; } .aggregator .info-ante { margin-bottom:8px; position:relative; } .aggregator .date-publish { background:#335272; color:#C5DFF8; font:italic 15px/24px Verdana, Helvetica, sans-serif; padding:0 5px; position:absolute; top:4px; } .aggregator .publication { font-style:italic; margin:0 0 0 90px;} .quiz .instruction { background:#335272; margin-bottom:20px; padding:0; } .quiz .instruction p { color:#E5E5E5; padding:6px 6px 8px; } .quiz .instruction span { font-weight:bold; } .quiz .correct { background:#669966; } .quiz .incorrect { background:#8B5252; } .quiz .link-more { color:#335272; font-weight:bold; padding-bottom:0; text-align:right; } .quiz .link-more:after { content:"››"; font:bold 16px/19px Arial, Helvetica, sans-serif; left:4px; position:relative; top:1px; } .cta h3 a { color:#26394A; } .cta .link-more { text-align:right; } .media-contact { background:none; border-left:1px solid #5E6B77; padding:10px 0 10px 20px; } .media-contact h3 { background:none; padding-left:0; } .media-contact dt { color: #26394A; font:bold 14px/19px Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;} .media-contact dt span { color:#5E6B77; } .media-contact .vcard { border-bottom:2px solid #B9b9b9; clear:both; color:#333; font-weight:bold; margin:0 0 6px; padding:0 0 10px; -moz-border-bottom-colors:#fff #B9B9B9; -webkit-border-bottom-colors:#fff #B9B9B9;} .media-contact dd:last-of-type .vcard { border-bottom:0; } .media-contact .figure { background:none; border:0; width:100px; margin:5px 10px 0 0; padding:0; text-align:center; } .media-contact .figure img { display:inline; } .media-contact dd p { float:left; width:230px; } .media-contact .title { display:block; text-transform:uppercase; } .media-contact .type { display:none; } .media-contact .url[href*="http://"] { padding:0 23px 0 0; text-align:left; } .media-contact .url[href*="http://"] { background:url('/site/styles/i/elm-glyphs.png') right -39px no-repeat; } .media-contact .url[href*="http://"]:hover { background-position:right 1px; } .list-partners li { border-bottom:1px solid #B9B9B9; border-top:1px solid #fff; padding:14px 20px; width:190px; } .list-partners li:first-child { border-top:0; padding-top:0; } .list-partners li:last-child { border-bottom:0; padding-bottom:0; } #sidebar .module { margin-top:55px; width:347px; } #sidebar .module:first-child { margin-top:13px; } /* --- [h] forms --- */ form div { background:#D2D2D2; padding:10px; } form div h6 { color:#335272; font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:16px; text-transform:uppercase; } form p { color:#333; padding-bottom:16px;} fieldset { margin-bottom:18px; position:relative; } fieldset span { color:#990000; font:normal 9px/10px Verdana, Arial, Helvetica, sans-serif; margin-top:4px; position:absolute; right:5px; text-transform:lowercase; } input[type="text"], input[type="password"], input[type="file"], textarea, select { border:0; border-bottom:1px solid #335272; background:#e8e8e8; display:block; font:11px/15px Verdana, Arial, Helvetica, sans-serif; padding:2px 55px 0 125px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} input[type="text"], input[type="password"], input[type="file"] { height:22px; } textarea { height:100px; padding-top:3px;} select { border:0; padding:4px 0 4px 5px; height:20px;} input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select:focus { background:#fff; color:#335272; border-top:1px solid #335272; border-bottom:1px solid #335272; padding-top:1px; } textarea:focus { padding-top:2px; } select:focus { padding:3px 0 4px 5px; } option { height:15px; padding-top:5px; } label, select, .ctrl-action button span, .fileCtrl span { color:#335272; font:bold 9px/22px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative;} .text label { margin:-1px 5px 0; position:absolute; max-width:120px; } .bit { margin-bottom:30px; } .bit p { padding-bottom:0; position:relative; } .bit label { display:block; font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0 -5px; text-transform:none; } .bit span { top:-3px; } .bit input { margin-right:8px; position:relative; top:1px;} form .select h6 { margin-top:16px; } form .select p { font-weight:bold; padding-bottom:0; } .ctrl-action { background:none; margin:0; padding:10px 0; text-align:right; } .ctrl-action button, .fileCtrl { background:#d2d2d2; cursor:pointer; margin-left:6px; width:60px; } .ctrl-action button span, .fileCtrl span { color:#335272; display:inline; font:bold 9px/24px Verdana, Arial, Helvetica, sans-serif; height:24px; text-transform:uppercase; } .fileCtrl span { margin:0 0 0 10px; } .ctrl-action button:hover, .file button.on { border:1px solid #335272; } .ctrl-action button:hover span, .file button.on span { height:22px; line-height:22px; } .ctrl-action button:focus { background:#335272; } .ctrl-action button:focus span { color:#fff; } .error label:after {content:""; background:url("/site/styles/i/elm-glyphs.png") 0 -309px; position:absolute; overflow:hidden; height:10px; width:10px; top:5px; margin-left:5px; } .bit.error label:after { content:""; background:none; } .error > p { color:#990000; } .error > p:after { content:""; background:url("/site/styles/i/elm-glyphs.png") 0 -309px; position:absolute; overflow:hidden; height:10px; width:10px; margin-top:2px; margin-left:5px; } .error input, .error textarea, .error select { border-bottom:1px solid #990000; } .alert { background:#e8e8e8; border:1px solid #990000; display:none; left:520px; padding:5px 5px 5px 0; position:absolute; top:0; width:400px; box-shadow:0px 0px 10px #a3a3a3; box-sizing:border-box; -moz-box-shadow:0px 0px 10px #a3a3a3; -moz-box-sizing:border-box; -webkit-box-shadow:0px 0px 10px #a3a3a3; -webkit-box-sizing:border-box;} .warning .alert, .error .alert { display:block; } .alert h6 { background:url("/site/styles/i/elm-glyphs.png") 6px -358px no-repeat;color:#990000; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px; padding-left:22px; } .alert p { padding:0 0 5px 22px; margin:0; } .quiz .bit { color:#333; } .quiz .bit label:first-child { margin-top:0; } .quiz .ctrl-action { margin:0 0 -6px; padding:0; text-align:right; } .quiz .ctrl-action button { background:none; border:0; cursor:pointer; margin:0 0 0 -30px !important; width:83px; } .quiz .ctrl-action button span { background:url('/site/styles/i/elm-buttons.png') 0 -5px no-repeat; display:block; height:28px; overflow:hidden; text-indent:-1000px; width:83px; } .quiz .ctrl-action button:hover span { background:url('/site/styles/i/elm-buttons.png') -178px -5px no-repeat; } .quiz .ctrl-action button:active span { background:url('/site/styles/i/elm-buttons.png') -89px -5px no-repeat; } .quiz .ctrl-action #btn-next span { background:url('/site/styles/i/elm-buttons.png') 0 -42px no-repeat; } .quiz .ctrl-action #btn-next:hover span { background:url('/site/styles/i/elm-buttons.png') -178px -42px no-repeat; } .quiz .ctrl-action #btn-next:active span { background:url('/site/styles/i/elm-buttons.png') -89px -42px no-repeat; } .app-webinar_reg, .app-career { margin-top:20px; } /* --- [i] navigation --- */ #nav-main, #nav-global { position:absolute; } #nav-main li, #nav-global li { background:none; float:left; margin:0; padding:0; } #nav-global { right:0; top:-170px; } #nav-global li:hover, #nav-global .on { background:url('/site/styles/i/bkg-navGlobal.png') repeat-x; } #nav-global a { color:#DAEAF7; display:block; font:bold 8px/19px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.05em; padding:0 10px; text-transform:uppercase; } #nav-global a:hover { cursor:pointer; text-decoration:none; } #nav-global li:hover a, #nav-global .on a { color:#fff; } #nav-main { right:0; top:-32px; } #nav-main li { height:27px; margin:0; } #nav-main li:hover:not(.on) { background:url('/site/styles/i/bkg-navMain.png') right -27px no-repeat; } #nav-main .on { background:url('/site/styles/i/bkg-navMain.png') right 0 no-repeat; } #nav-main li:last-child { margin-right:-10px; } #nav-main li a { color:#C5E0F8; display:block; font:bold 12px/27px Helvetica, Arial, sans-serif; letter-spacing:.065em; padding:0 20px; text-transform:uppercase; } #nav-main li:hover a { color:#ddd; text-decoration:none; } #nav-main li:hover:not(.on) a { background:url('/site/styles/i/bkg-navMain.png') left -81px no-repeat; } #nav-main .on a { background:url('/site/styles/i/bkg-navMain.png') left -54px no-repeat; color:#ddd; } #nav-subnav { background:none; padding-bottom:0; } #nav-subnav .content { padding:0 0 6px 10px; } #nav-subnav .content > li { padding:0; margin-top:9px; } #nav-subnav .content > li:first-child { padding-top:6px; } #nav-subnav .content > .on:first-child { padding-top:4px; } #nav-subnav .content a, #nav-subnav .content span { display:inline-block; } #nav-subnav .content > li > span, #nav-subnav .content > li > a { font:bold 12px/20px Helvetica, Arial, sans-serif; letter-spacing:.05em; padding:0 10px; text-transform:uppercase; } #nav-subnav .content > .on > span, #nav-subnav .content > .on > a { background:#27394A; color:#E5E5E5; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; } #nav-subnav .content li ul { padding-top:4px; } #nav-subnav .content li ul li > a { padding:4px 0 4px 40px; } #nav-subnav .content li ul li a:hover { font-style:italic; text-decoration:none; } #nav-subnav .content li ul li > span { color:#27394A; font-weight:bold; font-style:italic; padding:4px 0 4px 25px; } .breadcrumbs { font:normal 18px/13px "Arial Narrow", Arial, Helvetica, sans-serif; margin-top:6px; position:relative; } .breadcrumbs span, .breadcrumbs a { display:inline-block; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.02em; position:relative; top:-3px; } /* --- [j] template specific --- */ #tmpl-index { background:#e8e8e8 url('/site/styles/i/bkg-body_index.png') repeat-x; } #tmpl-index #header { height:370px; } #tmpl-index #logo a { background:url("/site/styles/i/elm-logo.png") no-repeat; display:block; height:196px; overflow:hidden; text-indent:-1000em; width:188px; } #tmpl-index #container { background:none; } #tmpl-index #content { width:100%; } #tmpl-index #sidebar { width:535px; } #tmpl-index #content h1 { background:url('/site/styles/i/elm-plusses.png') 0 -29px no-repeat; color:#5F8CB2; font:bold 20px/38px Helvetica, Arial, sans-serif; letter-spacing: .02em; margin-left:-24px; padding:0 0 16px 24px; text-transform: uppercase; } #tmpl-index #content p { color:#595959; font:14px/24px Verdana, Arial, Helvetica, sans-serif; letter-spacing:.05em; padding-bottom:8px; } #tmpl-index #nav-global { top:-370px; } #tmpl-index #nav-main { background:url('/site/styles/i/bkg-navMain_index.png') no-repeat; margin:-1px 0 0 0; padding-left:3px;} #tmpl-index #nav-main li { background:url('/site/styles/i/bkg-navMain_index.png') right no-repeat; } #tmpl-index #nav-main li a { display:inline-block; font:bold 12px/24px Helvetica, Arial, sans-serif; margin:0 2px 0 -1px; padding-bottom:3px; } #tmpl-index #nav-main li a:hover { background:url('/site/styles/i/bkg-navMain-hover_index.png'); } #tmpl-index #sidebar { background:url("/site/styles/i/elm-plusses.png") -24px bottom no-repeat; margin:14px 0 40px 450px; padding:0 0 22px; position:relative; } #tmpl-index .module { background:none; float:left; margin:0 0; padding:0; position:relative; width:460px; z-index:20; } #tmpl-index .module:first-child { margin:0 0 0 -454px; padding:0; } #tmpl-index .module:first-child h3 { background:none; margin-left:5px; padding:0; } #tmpl-index .module:first-child .content { border-left:0; border-right:1px solid #5E6B77; margin-left:5px; padding:10px 20px 10px 0; } #tmpl-index .module:last-child { margin:0 0 0 -1px; padding:0; } #tmpl-index .aggregator .link-more { background:url('/site/styles/i/elm-glyphs.png') right -38px no-repeat; color:#335272; font-weight:bold; margin-right:-7px; padding:0 23px 0 0; text-align:right; } #tmpl-index .aggregator a:hover .link-more { background-position:right 2px; text-decoration:underline; } #tmpl-index #bkg-webinar { background:url("/site/styles/i/bkg-webinar_cta.jpg") no-repeat; height:271px; left:6px; position:absolute; top:-24px; width:496px; z-index:0; } #tmpl-index .vevent { margin-left:-1px; } #tmpl-index .vevent .summary { background-color:rgba(255,255,255,.75); display:block; padding:2px 10px 0; position:relative; top:-2px; width:439px; } #tmpl-index .vevent .description { background:rgba(51,82,114,.75); color:#ffffff; display:inline-block; font:12px/22px Verdana, Arial, Helvetica, sans-serif; margin:-3px 0 0; min-height:200px; padding:0 10px 20px; position:relative; letter-spacing:.05em; width:438px; } #tmpl-index .vevent .description p { clear:both; } #tmpl-index .vevent .dtstart { height:14px; margin:13px 0 26px; } #tmpl-index .vevent .dtstart li { border-left:1px solid #fff; color:#C5DFF8; display:block; float:left; font:14px/14px bold Verdana, Arial, Helvetica, sans-serif; letter-spacing:2px; margin:0; padding:0 3px 0 6px;} #tmpl-index .vevent .dtstart li:first-child { border:0; padding-left:0; } #tmpl-index .vevent .link-more { bottom:0; position:absolute; right:20px; } #tmpl-index .vevent .link-more a { color:#fff; } #tmpl-section #content p:first-child, #tmpl-404 #content > p:first-child, form > p:first-child { color:#99301E; font-size:12px; line-height:22px; letter-spacing:.05em; } form > p:first-child { margin-bottom:20px; } #tmpl-section #content p + .list-preview { margin-top:10px; } #tmpl-case h2 { padding-bottom:0; } #tmpl-case #ident-case { float:none; overflow:hidden; margin-bottom:0; max-height:150px; } #tmpl-case #ident-case img { max-height:150px; max-width:468px; } #tmpl-case #content > p:nth-of-type(1) { padding:20px 0; } #tmpl-case #content .link-more { background:url('/site/styles/i/elm-glyphs.png') right -39px no-repeat; display:inline-block; margin:20px 0 -20px; padding-right:25px; text-transform:uppercase; } #tmpl-case #content .link-more:hover { background-position:right 1px; text-decoration:underline; } #tmpl-glossary #content, #tmpl-list #content { padding-right:34px; width:520px; } #tmpl-glossary #content { background:url("/site/styles/i/icon-glossaryLg.jpg") no-repeat; margin-left:-50px; padding-left:50px;} #tmpl-glossary .entries > ul > li { background: url("/site/styles/i/bkg-glossaryEntry.gif"); border:1px solid #335272; border-left:0; border-right:0; display:inline-block; margin-bottom:15px; padding:2px 0; width:520px; } .fontface #tmpl-glossary .entries > ul > li:before, .fontface #tmpl-glossary .entries > ul > li:after { background:#e5e5e5; content:""; display:block; height:1px; position:relative; top:-2px; width:100%; } .fontface #tmpl-glossary .entries > ul > li:after { clear:both; top:2px; } #tmpl-glossary .entries .attributed li { background:none; display:block; padding:0 0 2px; } #tmpl-glossary .attributed a { color:#333; font-weight:normal; } #tmpl-glossary p a[href*="glossary"], #tmpl-glossary p a[href*="glossary"]:hover { background:none; padding-right:0; } #tmpl-partner .figure { margin-bottom:8px; } #tmpl-list #content ul li { background-position:-18px 13px } .list-products a > h4, #tmpl-list #content li > a { background:#d2d2d2; border-top:1px solid #335272; display:block; padding:5px;} .list-products li a:hover > h4, #tmpl-list #content ul li:hover > a { background:#335272; color:#fff; } #tmpl-list .attributed { border-bottom:1px solid #335272; display:block; padding:5px; } #tmpl-list .list-whitepapers .date { font-weight:bold; } #tmpl-list #content ul li div { border-bottom:0; margin-bottom:10px; } #tmpl-press #content { padding-right:70px; } #tmpl-press #content > p:nth-of-type(1) { color:#595959; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin-bottom:0; } #tmpl-press p .info-ante { color:#777; display:inline-block; font:bold 12px/15px Helvetica, Arial, sans-serif; } #tmpl-press div.info-ante { background:#335272; color:#D2D2D2; margin:-16px 0 16px; padding:5px 10px; } #tmpl-press #nav-subnav { padding:0; } #tmpl-404 .list-preview li:last-child { background:#d2d2d2; border-top-width:1px; width:100%; padding-bottom:0;} #tmpl-404 .list-preview li:last-child:hover { background:#f0f0f0; } #tmpl-404 .list-preview li:last-child:before { background:#e5e5e5; content:""; display:block; height:1px; position:relative; top:0px; width:100%; } #tmpl-404 .list-preview li:last-child h3 { font-size:large; padding:10px;} #tmpl-404 .list-preview li:last-child p { color:#99301E; font-size:13px; line-height:20px; padding:10px;} #tmpl-404 .list-preview li:last-child .link-more { text-align:right; margin-right:5px;} /* --- [h] jsActive specific --- */ .fontface #header h1 { font:46px/48px "LGothic";letter-spacing:3px; } .fontface .module h3 { background:url("/site/styles/i/elm-plusses.png") -24px -183px no-repeat; font:18px/26px "LGothic"; letter-spacing:.05em; margin:0 0 3px -5px;} .fontface #nav-main li a { font:16px/27px "Bebas"; letter-spacing:.065em; word-spacing:5px; } .fontface #nav-subnav .content > li > a, .fontface #nav-subnav .content > .on > span, .fontface #nav-subnav .content > .on > a { font:18px/21px "LGothic"; letter-spacing:1px; } .fontface .cta h3 a { font-weight:normal; } .fontface h2, .fontface #tmpl-index #content h1 { background:url('/site/styles/i/elm-plusses.png') 0 -29px no-repeat; font:28px/35px "LGothic"; letter-spacing:.05em; } .fontface #tmpl-index #nav-main li a { font:20px/24px "Bebas"; } .fontface #tmpl-index .module h3 { background:url("/site/styles/i/elm-plusses.png") -24px -187px no-repeat; font:18px/18px "LGothic"; letter-spacing:.05em; margin:0 0 0 -5px;} .fontface #tmpl-index .module:first-child h3 { background:none; margin-left:5px; } .fontface #tmpl-index .vevent .content { padding-bottom:4px; } .fontface #tmpl-index .vevent .description { margin:-8px 0 0; min-height:200px; } .fontface #tmpl-press p .info-ante { font:12px/15px "Bebas"; letter-spacing:.05em; word-spacing:1px;} .jsActive .file input { opacity:0; position:absolute; margin:-22px 0 0 20px; } .jsActive .fileCtrl { cursor:default; background:#e8e8e8; float:none; margin:0; position:relative; width:100px; } .jsActive #billboard > div { position:absolute; } /* --- ff3 compatibility --- */ .content-first-child { color:#99301E; font:13px/22px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; } #content .list-preview li.list-preview-odd { margin-right:30px; }