/*------------------------
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?#iefix') format('embedded-opentype'), local('Bebas Regular'), local('Bebas-Regular'), url("/site/styles/i/Bebas.ttf") format("truetype");
}

/* --- [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; }


.session {  background:#335272; margin:0 0 16px; width:45%; float:left; margin-left:10%; }
.session:nth-of-type(odd){ margin-left:0; }
.session:nth-of-type(n+3){ margin-top:24px; }
.session + p { clear:both; }
.session h3 { background:#D2D2D2; color:#517797; font-family:"league-gothic"; font-weight:normal; font-size:24px; text-transform:uppercase; padding:10px;}
.session p { text-transform:uppercase; float:left; line-height:24px; padding:0; margin:0; width:50%; }
.session p+p { border-left:1px solid #D2D2D2; margin-left:-1px; }
.session p a,
.session p span { color:#D2D2D2; display:block; font-weight:bold; padding:0 5px; text-align:center; } 
.session p a:hover { background:#AAA; color:#335272; text-decoration:none; }
.session .info-ante { margin-bottom:0; padding:10px 10px 6px; }

/* --- [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; }

.ext-showcase { height:1200px; width:580px; margin-left:-15px; }

/* --- [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;}

.cpu { display:none; }

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; }

#nav-subnav.file-list { padding:10px 0 10px 20px; margin-top:10px; }
#nav-subnav.file-list h2 { background:none; font-size:20px; line-height:20px; margin:0; padding:0;}
#nav-subnav.file-list a { display:block; margin-left:-10px; padding:10px; }
#nav-subnav.file-list a:hover { background:#ddd; text-decoration:none;}
#nav-subnav.file-list h3 { background:0; margin:0; padding-left:0;  }
#nav-subnav.file-list p { font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif; padding-bottom:0; }

/* --- [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 .content h4 { background:none; color:#C5DFF8; padding-bottom:10px; font-family:Bebas; font-variant:normal; font-weight:normal; letter-spacing:2px; }
#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 + .description { margin:1px 0 0 !important; }
#tmpl-index .vevent .description p { clear:both; }
#tmpl-index .vevent .dtstart { color:#C5DFF8; margin:0; }
#tmpl-index .vevent .event-info { color:#fff; font:bold 10px/14px Verdana, sans-serif; letter-spacing:.1em; padding:10px 0; }
#tmpl-index .vevent .link-more { bottom:-10px; position:absolute; right:10px; }
#tmpl-index .vevent .link-more a { color:#fff; }
#tmpl-index .hasSessions ul li ul { border-top:1px solid rgba(255,255,255,.25); border-bottom:1px solid rgba(0,0,0,.25); }
#tmpl-index .hasSessions ul li:first-child ul { border-top:0; padding-top:0; }
#tmpl-index .hasSessions ul li:last-child ul { border-bottom:0; }
#tmpl-index .hasSessions .description{ padding-bottom:40px; }

#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; position:relative; }
.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-list .event-type { color:#335272; position:absolute; right:10px; top:6px; }

#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-press #content .section { border-top:1px solid #ccc; clear:both; margin:10px 0 32px; padding:10px 0; overflow:hidden; }
#tmpl-press #content .section .info-ante { float:right; margin:-5px 0 0 20px; width:50%; }
#tmpl-press #content .section + form { border-top:1px solid #ccc; margin-top:-16px; padding-top:16px; }

#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 "league-gothic";letter-spacing:3px; }
.fontface .module h3 { background:url("/site/styles/i/elm-plusses.png") -24px -183px no-repeat; font:18px/26px "league-gothic"; 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 "league-gothic"; 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 "league-gothic"; 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 "league-gothic"; 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; }

.wf-loading .session h3, 
.wf-loading #header h1, 
.wf-loading .module h3, 
.wf-loading #nav-subnav .content > li > a,
.wf-loading #nav-subnav .content > .on > span,
.wf-loading #nav-subnav .content > .on > a,
.wf-loading h2,
.wf-loading #tmpl-index #content h1,
.wf-loading #tmpl-index .module h3 { visibility: hidden; }

/* --- 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; }
