/* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #eee; color: #fff; text-shadow: none; } ::selection { background: #eee; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; text-decoration: none; } a:visited { color: #551a8b; } a:hover { text-decoration: underline; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .captcha, .error { color: red; list-style-type: none; margin: 5px 0; } form#Download label { float: left; width: auto !important; } form#Download label span { font-weight: bold; color: black !important; font-size: 10px !important; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ol styles added 11/28/11 by SMB */ ol.alpha { font-size: 13px; margin-left: 30px; list-style-type: upper-alpha;} ol.alpha li {margin-bottom: .5em;} ol.number { font-size: 13px; margin-left: 30px; list-style-type: decimal;} ol.number li {margin-bottom: .5em;} /* Unordered Link List */ ul.links { font-size: 13px; margin-left: 30px; } ul.links li { list-style-type: none; margin-bottom: 6px; background-image: url(/images/DoubleColonBullet_12x12.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 14px; } ul.links li.disc { list-style-type: disc; margin-bottom: 6px; background-image: none; list-style-position: inside;} /* Non-bulleted list */ ul.no-bullets { font-size: 13px; list-style-type: none; margin-left: 0; } ul.no-bullets li { list-style-type: none; margin-left: 0; margin-bottom: 6px; } /* Columned Lists */ ul.collist { float: left; font-size: 13px; margin-left: 30px; width: 10em; margin-bottom: 25px; } ul.collist li { list-style-type: none; margin-bottom: 6px; background-image: url(/images/DoubleColonBullet_12x12.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 14px; } dl dt { font-size: 13px; font-weight: bold; margin-bottom: 10px; } dl dd { font-size: 13px; margin-bottom: 10px; margin-left: 25px; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* honeypot field */ input.hp { display: none; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* customized styling */ body { background: #000 url(/images/bg-body.png); font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;} h1,h2,h3,h4,h5 { font-weight: normal; } /* link icons */ div#content a[href^=http],div#content a[href^=mailto], div#content a[href$=pdf], div#content a[href*=DOCUMENTNUM], div#content a[href$=PDF], div#content a[href$=doc], div#content a[href$=docx], div#content a[href$=xls], div#content a[href$=xlsx], div#content a[href$=txt], div#content a[href$=rtf], div#content a[href$=zip], div#content a[href$=ppt], div#content a[href$=pptx], div#content a[href$=pps] { background-position: 100% 50%; background-repeat: no-repeat; padding-right: 19px; } div#content a[href^=http] { background-image: url(/images/icons/icon_external.gif); padding-right: 17px; } .result_title a[href^=http], .sorting a[href^=http], .result_pages a[href^=http] { background-image: none !important; padding-right: 3px; } div#content a[href^=mailto] { background-image: url(/images/icons/icon_mailto.gif); } div#content a[href$=pdf] { background-image: url(/images/icons/icon_pdf.gif); } div#content a[href*=DOCUMENTNUM] { background-image: url(/images/icons/icon_pdf.gif); } div#content a[href$=PDF] { background-image: url(/images/icons/icon_pdf.gif); } div#content a[href$=doc], div#content a[href$=docx] { background-image: url(/images/icons/icon_doc.gif); } div#content a[href$=xls] { background-image: url(/images/icons/icon_xls.gif); } div#content a[href$=xlsx] { background-image: url(/images/icons/icon_xls.gif); } div#content a[href$=txt] { background-image: url(/images/icons/icon_txt.gif); } div#content a[href$=rtf] { background-image: url(/images/icons/icon_txt.gif); } div#content a[href$=zip] { background-image: url(/images/icons/icon_zip.gif); } div#content a[href$=ppt], div#content a[href$=pptx], div#content a[href$=pps] { background-image: url(/images/icons/icon_pps.gif); } div#content a.noicon[href^=http] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href^=mailto] { background-image: none; padding-right: 0; padding-left: 0; } div#content div#ajaxfillA a[href*=DOCUMENTNUM] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=pdf] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=PDF] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=doc] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=xls] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=xlsx] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=txt] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=rtf] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=zip] { background-image: none; padding-right: 0; padding-left: 0; } div#content a.noicon[href$=ppt], div#content a[href$=pps] { background-image: none; padding-right: 0; padding-left: 0; } /* social */ .social-chicklet { height: 30px; width: 30px; overflow: hidden; background: transparent url(/images/sprite-social.png) no-repeat; text-indent: -1000px; } .social-chicklet.tw { background-position: 0 0; } .social-chicklet.fb { background-position: -39px 0; } .social-chicklet.rss { background-position: -79px 0; } .social-chicklet.yt { background-position: -121px 0; } .social-chicklet.li { background-position: -161px 0; } .social-chicklet.mo { background-position: -202px 0; } .social-chicklet-sm { display: inline-block; height: 19px; width: 19px; overflow: hidden; background: transparent url(/images/sprite-social-sm.png) no-repeat !important; text-indent: -10000px; padding: 0 !important; } .social-chicklet-sm.tw { background-position: 0 0 !important; } .social-chicklet-sm.fb { background-position: -25px 0 !important; } .social-chicklet-sm.rss { background-position: -50px 0 !important; } .social-chicklet-sm.yt { background-position: -77px 0 !important; } .social-chicklet-sm.li { background-position: -102px 0 !important; } .social-chicklet-sm.mo { background-position: -131px 0 !important; } /* top banner advertisement */ #top-advertisement { height: 120px; background: #000; } #top-advertisement .advertisement { width: 750px; margin: 4px auto 0; text-align: center; } #top-advertisement .advertisement span { display: inline-block; color: #9e9e9e; text-transform: uppercase; font-size: .7em; margin-bottom: 2px; } /* header */ .top-utility-nav ul { list-style: none; float: right; margin: 10px 37px 8px 0; } .top-utility-nav ul li { float: left; margin-left: 10px; color: #fff; font-size: .8em; } .top-utility-nav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; margin-right: 10px; } .utility-nav { height: 45px; background: transparent url(/images/bg-utility-nav.png) no-repeat; } .utility-nav ul { list-style: none; float: right; margin: 3px 42px 0 0; } .utility-nav ul li { float: left; font-size: .8em; margin-left: 5px; color: #fff;} .utility-nav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; padding-left: 12px; margin-right: 2px; background: transparent url(/images/bg-utility-nav-anchor.png) no-repeat left center; } .heading { height: 60px; background: #fff; } .heading #logo { width: 543px; height: 58px; text-indent: -10000px; background: transparent url(/images/logo-elfa.png) no-repeat; margin: -20px 0 0 20px; } .navigation .search, .heading .search { float: right; margin: -15px 20px 0 0; width: auto; padding: 0; } .navigation .search input[type="text"], .heading .search input[type="text"] { margin-right: 0; background: #e1e1e1; border: 1px solid #ddd; font-size: .7em; color: #082640; padding: 5px; width: 160px; border-right: none; } .navigation .search button, .heading .search button { background: #e1e1e1 url(/images/search-icon.png) no-repeat center; margin-left: -10px; border: 1px solid #ddd; border-left: none; padding: 5px; font-size: .7em; overflow: hidden; text-indent: -10000px; width: 25px;} /* top navigation */ .navigation > ul { list-style: none; width: 1100px; z-index: 900; } .navigation > ul li { position: relative; float: left; background: #5092c7 url(/images/bg-nav-left.png) no-repeat -1px -3px; z-index: 991; } .navigation > ul li:first-child { background: #5092c7; } .navigation > ul li a { color: #fff; text-decoration: none; text-transform: uppercase; display: block; height: 40px; font-size: .8em; background: transparent url(/images/bg-nav-right.png) no-repeat right top; } .navigation > ul li.last a { background: none; } .navigation > ul li a.a-about { width: 77px; } .navigation > ul li a.a-news { width: 71px; } .navigation > ul li a.a-directories { width: 115px; } .navigation > ul li a.a-events-training { width: 155px; } .navigation > ul li a.a-membership { width: 113px; } .navigation > ul li a.a-advocacy { width: 100px; } .navigation > ul li a.a-research { width: 102px; } .navigation > ul li a.a-data { width: 126px; } .navigation > ul li a.a-resources { width: 106px; } .navigation > ul li a.a-issues { width: 77px; } .navigation > ul li:hover, .navigation > ul li.selected { background: #becd2b; } .navigation > ul li:hover a, .navigation > ul li.selected a { color: #5F6902; } .navigation > ul li a span { cursor: pointer; margin-left: 10px; margin-top: 11px; padding-left: 12px; display: inline-block; background: transparent url(/images/bg-nav-anchor.png) no-repeat left center; } .navigation > ul li:hover a span, .navigation > ul li.selected a span { background: transparent url(/images/bg-nav-anchor-hover.png) no-repeat left center; } .navigation > ul li ul.sub-nav { position: absolute; display: none; z-index: 1000; width: 200px; left: 0; background: #becd2b; } .navigation > ul li.right ul.sub-nav { left: auto; right: 0; } .navigation > ul li ul.sub-nav li { background: none; margin: 0; padding: 0; float: none; border-top: 1px solid #fff; } .navigation > ul li ul.sub-nav li:first-child { border-top: none; } .navigation > ul li ul.sub-nav li a { display: block; margin: 0; padding: 8px; background: none; color: #5f6902; height: auto; } .navigation > ul li ul.sub-nav li a:hover { color: #fff; background: #5f6902; } .navigation > ul li ul.sub-nav li a span { cursor: pointer; margin: 0; padding-left: 12px; display: inline-block; background: transparent url(/images/bg-subnav-anchor.png) no-repeat left 7px; } .navigation > ul li ul.sub-nav li a:hover span { background: transparent url(/images/bg-subnav-anchor-hover.png) no-repeat left 7px; } .navigation > ul li:hover ul.sub-nav { display: block; } .navigation > ul li ul.sub-nav li > ul { display: none; } /* hide third level pages on top nav */ /* content */ #content .branding { background: #00213d url(/images/bg-branding.png) repeat-x; border-bottom: 4px solid #becd2b; z-index: 490;} #content .branding .branding-container { height: 250px; background: #fff; overflow: hidden; position: relative; z-index: 495; } #content .branding .branding-container .new-banner { position: absolute; background: transparent none no-repeat; height: 250px; width: 620px; top: 0; left: 0; z-index: 1500; } #content .branding .branding-container .branding-banner { position: absolute; background: transparent none no-repeat; height: 250px; width: 620px; top: 0; left: 0; display: none; z-index: 500; text-decoration: none; } #content .branding .branding-container a.branding-banner:hover { text-decoration: none; } /*#content .branding .branding-container .branding-banner:first-child { display: block; }*/ #content .branding .branding-container .branding-banner .content { position: relative; top: 94px; left: 238px; height: 118px; width: 360px; background: transparent url(/images/bg-blue-trans-85.png); } #content .branding .branding-container .branding-banner .content h1 { color: #fff; text-transform: uppercase; font-family: 'Oswald',sans-serif; font-size: 1.4em; font-weight: normal; padding: 15px 10px 0; } #content .branding .branding-container .branding-banner .content h2 { color: #BECD2B; font-size: 1.0em; font-weight: normal; margin: 0 10px; } #content .branding .branding-container .branding-banner .content p { color: #fff; margin: 3px 10px 0; font-size: .9em;} #content .branding .branding-container .banner-list { z-index: 1000; height: 8px; width: 80px; position: absolute; bottom: 20px; right: 10px; } #content .branding .branding-container .banner-list a { display: inline-block; height: 8px; width: 8px; background: transparent url(/images/bg-branding-list.png) no-repeat; text-indent: -9999px; margin-right: 5px; } #content .branding .branding-container .banner-list a.selected { background: transparent url(/images/bg-branding-list-sel.png) no-repeat; } #content .branding .video-container { width: 264px; margin: 20px 10px 0; } #content .branding .video-container .video { width: 264px; height: 200px; background: #000; } #content .branding .video-container .caption { margin-top: 3px; color: #ccc; font-size: .7em; } #content .carousel { background: #113049; height: 175px; overflow: hidden; position: relative; } #content .carousel a.traversal { position: absolute; width: 23px; height: 18px; top: 75px; border: 1px solid #fff; z-index: 800; } #content .carousel a.traversal.left { background: transparent url(/images/carousel-left.png) no-repeat; left: 225px; } #content .carousel a.traversal.right { background: transparent url(/images/carousel-right.png) no-repeat; right: 4px; } #content .carousel .upcoming-events { height: 175px; background: #08243c; overflow: hidden; } #content .carousel .upcoming-events h2 { margin: 40px 0 10px 15px; color: #fff; font-family: 'Oswald',sans-serif; font-size: 1.1em; text-transform: uppercase; } #content .carousel .upcoming-events select { width: 198px; margin-left: 10px; background: #1f3446; border: 1px solid #36495a; color: #fff; font-size: .7em; padding: 5px; } #content .carousel .container { position: relative; height: 175px; width: 680px; background: #1c3446; overflow: hidden; } #content .carousel .container ul { list-style: none; } #content .carousel .container .event { display: block; width: 203px; float: left; height: 175px; background: #1c3446; margin-left: 12px; padding: 0 4px; } #content .carousel .container .event:hover { background: #26465e; } #content .carousel .container .event img { width: 203px; height: 76px; margin: 20px auto 0; } #content .carousel .container .event h3 { font-family: 'Oswald',sans-serif; color: #9fae0c; font-weight: normal; font-size: .9em; margin-top: 5px; } #content .carousel .container .event h3 a { color: #9fae0c; } #content .carousel .container .event p { color: #fff; font-size: .7em; margin-top: 4px; } #content .alert { height: 34px; background: transparent url(/images/bg-alert.png) repeat-x; } #content .alert p { margin: 8px 0 0 20px; font-size: .9em; text-transform: uppercase; color: #fff; } #content .alert p a { color: #08243c; text-decoration: none; font-weight: bold; } #content .alert p a:hover { color: #BCD9EB; text-decoration: underline; font-weight: bold; } #content .content-columns { background: #fff; padding-top: 30px; } #content .content-columns h2 { color: #4796c8; text-transform: uppercase; font-family: 'Oswald',sans-serif; font-weight: normal; font-size: 1em; } #content .content-columns .latest-headlines h2 { margin: 0 10px 0 15px; } #content .content-columns .latest-headlines ul { margin: 10px 10px 0 15px; } #content .content-columns .latest-headlines ul li { margin-bottom: 15px; } #content .content-columns .latest-headlines ul li .entry-date { font-size: .7em; color: #888; font-weight: bold; display: block; } #content .content-columns .latest-headlines ul li a { color: #082640; font-size: .7em; font-weight: bold; } #content .content-columns .latest-headlines p { text-align: right; } #content .content-columns .latest-headlines p a { color: #082640; font-size: .7em; font-weight: bold; } #content .content-columns .updates { width: 360px !important; } #content .content-columns .updates ul { box-shadow: 0 10px 0 #fff, 0 -10px 0 #fff, -2px 0 5px rgba(0,0,0,0.1); padding-left: 15px; margin-bottom: 30px; } #content .content-columns .updates ul li { clear: both; padding-top: 15px; background: transparent url(/images/bg-home-headline.png) no-repeat; } #content .content-columns .updates ul li:first-child { padding-top: 0; background: none; } #content .content-columns .updates ul li p { font-size: .7em; color: #888; margin: 4px 0 0 0; padding: 0; } #content .content-columns .updates ul li a { font-size: .7em; color: #082640; font-weight: bold; } #content .content-columns .updates ul li img { float: left; height: 80px; width: 80px; margin-right: 10px; margin-bottom: 5px; } #content .content-columns .advertisements { width: 310px !important; box-shadow: 0 10px 0 #fff, 0 -10px 0 #fff, -2px 0 5px rgba(0,0,0,0.1); } #content .content-columns .advertisements .leasing-finance { margin: 0 0 10px 10px; border: 2px solid #ddd; background: #c7def0; height: 220px; } #content .content-columns .advertisements .leasing-finance img { float: left; margin: 10px; background: #fff; padding: 3px; } #content .content-columns .advertisements .leasing-finance .logo { margin-top: 10px; width: 168px; height: 37px; display: inline-block; background: transparent url(/images/leasing-finance-logo.png) no-repeat; text-indent: -10000px; overflow: hidden; } #content .content-columns .advertisements .leasing-finance h3 { margin-top: 5px; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: .7em; color: #082640; } #content .content-columns .advertisements .leasing-finance p { margin-top: 4px; font-size: .8em; color: #666; } #content .content-columns .advertisements .leasing-finance a { font-size: .7em; color: #082640; font-weight: bold; display: block; } #content .content-columns .advertisements .quickbrief { margin-left: 10px; border: 2px solid #ddd; background: #fff; height: 100px; } #content .content-columns .advertisements .quickbrief img { float: left; margin: 10px; background: #fff; padding: 3px; } #content .content-columns .advertisements .quickbrief .qblogo { margin-top: 10px; width: 173px; height: 33px; display: inline-block; background: transparent url(/images/QuickBriefLogo_173x33.png) no-repeat; text-indent: -10000px; overflow: hidden; } #content .content-columns .advertisements .quickbrief h3 { margin-top: 5px; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: .7em; color: #082640; } #content .content-columns .advertisements .quickbrief p { margin-top: 4px; font-size: .8em; color: #666; } #content .content-columns .advertisements .quickbrief a { font-size: .7em; color: #082640; font-weight: bold; display: block; } #content .content-columns .advertisements .block-ad { margin: 10px 0 5px 10px; } #content .content-columns .advertisements .block-ad p { text-align: center; font-size: .7em; color: #ccc; text-transform: uppercase; margin-bottom: 4px; } #content .login { background: #fff; padding-bottom: 30px; } #content .login h2 { margin: 20px; font-weight: bold; } #content .login #login-form { width: 50%; margin: 0 auto; padding: 10px 20px 0; background: #eee; border: 1px solid #ccc; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);} #content .login #login-form table { width: 100%; border-collapse: collapse; } #content .login #login-form th { font-weight: bold; padding: 14px 0 10px 0; width: 115px; } #content .login #login-form td { padding: 10px 0; vertical-align: middle; } #content .login #login-form td input[type=text], #content .login #login-form td input[type=password] { width: 345px; padding: 4px; border: 1px solid #aaa;} #content .login #login-form td .buttons { padding: 5px 10px; } #content .login p { margin: 0 20px; } /* footer */ .connect-with-elfa { height: 64px; background: transparent url(/images/bg-social.png) no-repeat; } .connect-with-elfa h3 { color: #4796c8; text-transform: uppercase; font-family: 'Oswald',sans-serif; font-weight: normal; font-size: 1.2em; float: left; margin: 20px 0 0 25px; } .connect-with-elfa .social-chicklet { margin-top: 17px; margin-left: 10px; float: left; } .connect-with-elfa .social-chicklet.tw { margin-left: 20px; } .connect-with-elfa .ef101 { text-transform: uppercase; color: #fff; float: right; font-family: 'Oswald',sans-serif; margin: 22px 30px 0 0; font-weight: normal; } .connect-with-elfa .foundation { float: right; margin-top: 12px; margin-right: 30px; } .connect-with-elfa .efa { float: right; margin-top: 12px; margin-right: 30px; } .copy { width: 900px; margin: 20px 30px; border-bottom: 1px solid #4796c8; clear: both; } .copy p { padding: 20px 0 10px; font-size: .7em; color: #fff; line-height: 1.4em; } .copy p a { color: #fff; text-decoration: underline; } .site-map { width: 900px !important; margin: 20px 30px; clear: both; overflow: hidden; } .site-map .site-section { width: 95px; margin-right: 5px; float: left; } .site-map .site-section h4 { text-transform: uppercase; color: #4796c8; font-family: 'Oswald',sans-serif; font-size: .9em; font-weight: 200; } .site-map .site-section ul { padding-left: 12px; list-style: disc outside url(/images/site-map-bullet.png); margin-top: 4px; } .site-map .site-section ul li { font-size: .6em; color: #fff; margin-bottom: 3px; } .site-map .site-section ul li a { color: #fff; text-decoration: none; margin-left: -4px; display: inline-block; vertical-align: top; } .site-map .site-section ul li > ul { display: none; } .created-by { width: 300px; margin: 40px 30px 0; border-top: 1px solid #4796c8; clear: both; } .created-by p { padding: 5px 0 15px; font-size: .7em; color: #fff; line-height: 1.4em; } .created-by p a { text-decoration: none; color: #4796c8; } /*Accordion*/ div#accordion {width: 100%;} div#accordion div {overflow: auto;} /*div#accordion div ol {width: 500px;} div#accordion div ul {width: 500px;} div#accordion div p {width: 550px;} div#accordion div p a.link {padding: 0; display: inline;}*/ div#accordion div img {float: right;margin-left: 6px;} div#accordion h3 {font-size: 16px; margin-top: 0; text-transform: none;} /* Mobile */ .full-only { display: inherit; } .grid_12.mobile-only, .mobile-only { display: none; } #addToHomeScreen { z-index: 9999; -webkit-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; touch-callout: none; width: 240px; font-size: 15px; padding: 12px 14px; text-align: left; font-family: helvetica; background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3)); border: 1px solid #505050; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.75); line-height: 130%; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); } #addToHomeScreen.addToHomeIpad { width: 268px; font-size: 18px; padding: 14px; } /****** Responsive Video ******/ .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sold { text-decoration: line-through; } .sponsored { font-family: helvetica; font-size: 130%; padding-top: 8px; } /** * * The 'wide' class is added when the popup contains the touch icon * */ #addToHomeScreen.addToHomeWide { width: 296px; } #addToHomeScreen.addToHomeIpad.addToHomeWide { width: 320px; font-size: 18px; padding: 14px; } /** * * The balloon arrow * */ #addToHomeScreen .addToHomeArrow { position: absolute; background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc)); border-width: 0 1px 1px 0; border-style: solid; border-color: #505050; width: 16px; height: 16px; -webkit-transform: rotateZ(45deg); bottom: -9px; left: 50%; margin-left: -8px; -webkit-box-shadow: inset -1px -1px 0 #a9a9a9; -webkit-border-bottom-right-radius: 2px; } /** * * The balloon arrow for iPad * */ #addToHomeScreen.addToHomeIpad .addToHomeArrow { -webkit-transform: rotateZ(-135deg); background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee)); -webkit-box-shadow: inset -1px -1px 0 #fff; top: -9px; bottom: auto; left: 50%; } /** * * Close button * */ #addToHomeScreen .addToHomeClose { -webkit-box-sizing: border-box; position: absolute; right: 4px; top: 4px; width: 18px; height: 18px; line-height: 14px; text-align: center; text-indent: 1px; -webkit-border-radius: 9px; background: rgba(0,0,0,0.12); color: #707070; -webkit-box-shadow: 0 1px 0 #fff; font-size: 16px; } /** * * The '+' icon, displayed only on iOS < 4.2 * */ #addToHomeScreen .addToHomePlus { font-weight: bold; font-size: 1.3em; } /** * * The 'share' icon, displayed only on iOS >= 4.2 * */ #addToHomeScreen .addToHomeShare { display: inline-block; width: 18px; height: 15px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==); background-size: 18px 15px; text-indent: -9999em; overflow: hidden; } /** * * The touch icon (if available) * */ #addToHomeScreen .addToHomeTouchIcon { display: block; float: left; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); background-repeat: no-repeat; width: 57px; height: 57px; -webkit-background-size: 57px 57px; background-size: 57px 57px; margin: 0 12px 0 0; border: 1px solid #333; -webkit-background-clip: padding-box; background-clip: padding-box; } /** * * The 'share' icon for retina display * */ @media all and (-webkit-min-device-pixel-ratio: 2) { #addToHomeScreen .addToHomeShare { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); } }