/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= 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.666; } body, button, input, select, textarea { font-family: Arial, 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: #D2B14A; color: #fff; text-shadow: none; } ::selection { background: #D2B14A; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a, a:visited { color: #06c; } a:hover { color: #3D9EFF; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* Not exactly a link, but needs the hand pointer so placed here. */ .dictionary-result { display: none; border-bottom: 1px solid #333; border-top: 1px solid #333; padding: 20px 10px; background-color: #EEE; margin-bottom: 20px; } .dictionary-source { padding: 10px 0 0; margin: 0; font-size: 11px; } .search-details .toggleDictionarySection { background-color: #E6EDF2; color: #06C; padding: 5px 15px; margin-bottom: 20px; background-image: none; box-shadow: none; text-transform: initial; } .search-details .toggleDictionarySection:hover { color: #3D9EFF; text-shadow: none; box-shadow: none; } .search-details .toggleDictionarySection.close { float: right; background-color: #3B9AD2; color: #FFF; } .search-details .toggleDictionarySection.close:hover { color: #FFF; } /* ============================================================================= 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, monospace; _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; } pre.search-widget { line-height: 15px; } 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; } h1, h2, h3, h4, h5, h6, p { margin: 0 0 1em 0; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 20px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= 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; } /* 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) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } 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:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: dans@semantico.com ========================================================================== */ body { background: repeat-y url(../img/bg-page.png) top center; -webkit-box-shadow: 0 0 25px #aaa inset; -moz-box-shadow: 0 0 25px #aaa inset; box-shadow: 0 0 25px #aaa inset; } h1, h2, h3, h4, h5, h6 { color: #1B6437; font-weight: normal; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { color: #307BBE; font: bold; } h1 { font-size: 18px; } h2, h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 13px; font-variant: small-caps; } li { break-inside: avoid-column; column-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; } nav a { text-decoration: none; } html:not(.oldie) #container * { filter: none !important; } #book-new-edition .panel { background: #E3F1FD; padding: 5px 15px; margin-top: 10px; } #book-new-edition img { width: 42px; height: 60px; padding: 0 10px 0 0; } #book-new-edition p { padding: 12px 0 0; line-height: 1.3; margin: 0; } #container { min-height: 100%; width: 922px; padding: 0 39px; margin: 0 auto; background: #fff; } #container, #page-footer, #page-footer-container { -webkit-box-shadow: 0 0 10px #aaa; -moz-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa; } .no-boxshadow #container { border: 1px solid #ddd; border-width: 0 1px; padding: 0 38px; } #supplimental { padding: 6px 0; font-size: 11px; height: 21px; } #supplimental ul { float: right; } #supplimental li { float: left; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #c0c1c3; } #supplimental li:first-child { border: none; } #supplimental a, #supplimental a:visited { color: #1C6039; text-transform: uppercase; } #supplimental a:hover { text-decoration: underline; } #supplimental .social { border: 0; margin: 0; padding: 0; } .social a { display: inline-block; float: left; width: 20px; height: 19px; margin-right: 10px; background: no-repeat url(../img/social.png); } .social .twitter { background-position: -25px 0; } .social .li { background-position: -49px 0; margin: 0; } #ae-link, #ae-logo { display: block; width: 342px; height: 70px; } #ae-link { margin: 0 0 33px 0; float: left; } #masthead { margin: 0 0 20px 0; position: relative; z-index: 1; } #container > div { position: relative; } #container .del-form { margin-top: -20px; } .normal-case { font-variant: normal; } .pull-left { float: left; } .pull-right { float: right; } .content-wrap { clear: both; margin: 0 0 0 -20px; width: 942px; } .side, .main-col { float: left; width: 215px; margin: 0 0 0 20px; } .main-col { width: 686px; } #main { min-height: 450px; } .attached { position: relative; top: -28px; } #p13n-login-panel p, #p13n-login-panel label { font-size: 12px; margin: 6px 0 3px 0; display: block; } #p13n-login-panel strong { font-size: 14px; } #p13n-login-panel input[type=text], #p13n-login-panel input[type=password], #p13n-login-panel input[type=email] { width: 169px; } #p13n-login-panel input[type=submit] { padding: 5px 10px; margin: 10px 0; display: block; } #p13n-login-panel .signout { display: block; } #p13n-login-panel img { max-width: 100%; text-decoration: none; } .page-curriculum #p13n-login-panel { display: none; } .news-panel { display: inline-block; } #main { margin: 0 0 20px 20px; } @media (min-width: 769px) { #main { margin: 0 0 0 20px; } } .inline-header { font-weight: bold; color: #1B6437; } #sidebar { margin-left: 0; } .round-shadow, .btn, .panel, input[type=button], input[type=submit], #cboxContent, .twtr-widget, .msgbox { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; } .side .round-shadow { margin-bottom: 10px; } .no-boxshadow .round-shadow .inner { border: 1px solid #ccc; } .no-boxshadow #logout-panel .inner, .no-boxshadow #login-panel .inner { border-width: 0; } .oldie #login-panel .inner { *padding: 2px 10px 10px 10px; } .oldie #login-panel .inner label input { *width: 90%; } .oldie #search-go { margin-top: -6px; } .oldie #supplimental li { display: inline; } #main-nav { height: 22px; padding: 5px 0; background-color: #3b9ad2; background-image: -webkit-gradient(linear, left top, left bottom, from(#3b9ad2), to(#2d71ba)); background-image: -webkit-linear-gradient(top, #3b9ad2, #2d71ba); background-image: -moz-linear-gradient(top, #3b9ad2, #2d71ba); background-image: -ms-linear-gradient(top, #3b9ad2, #2d71ba); background-image: -o-linear-gradient(top, #3b9ad2, #2d71ba); background-image: linear-gradient(top, #3b9ad2, #2d71ba); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3B9AD2', EndColorStr='#2D71BA'); } .oldie #main-nav { height: 22px; } #credentials { height: 21px; padding: 5px 0; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#c4c4c4)); background-image: -webkit-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -moz-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -ms-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -o-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: linear-gradient(top, #e4e4e4, #c4c4c4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e4e4', EndColorStr='#c4c4c4'); } #main-nav { margin-left: 0; } #main-nav ul { display: inline-block; *display: inline; width: auto; border-right: 1px solid #5B9CD2; } #main-nav li, #credentials li { height: 21px; float: left; position: relative; border-left: 1px solid #5B9CD2; border-right: 1px solid #27699D; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-nav a, #credentials a { position: relative; top: -5px; padding: 5px 15px; display: block; color: #fff; text-transform: uppercase; text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); font-weight: bold; } .oldie #main-nav a, .oldie #credentials a { *top: -8px; *padding: 8px 15px 5px; } #main-nav li:hover a { background-color: #2d71ba; } #main-nav .selected > a { background-color: #2765a2; background-image: -webkit-gradient(linear, left top, left bottom, from(#2765a2), to(#1f4a75)); background-image: -webkit-linear-gradient(top, #2765a2, #1f4a75); background-image: -moz-linear-gradient(top, #2765a2, #1f4a75); background-image: -ms-linear-gradient(top, #2765a2, #1f4a75); background-image: -o-linear-gradient(top, #2765a2, #1f4a75); background-image: linear-gradient(top, #2765a2, #1f4a75); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2765A2', EndColorStr='#1F4A75'); } #main-nav li ul { display: none; position: absolute; z-index: 100; top: 26px; width: 370px; } #main-nav li:hover ul { display: block; } #main-nav li, #main-nav a { line-height: 22px; } #main-nav li ul li { margin: 0; height: auto; border: 0; background: #2d71ba; width: 370px; } #main-nav li ul li:last-child, #main-nav li ul li:last-child a { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #main-nav li ul li a { position: static; } #main-nav li ul li a:hover { background: #468AD2; } #n-home a { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #main-nav #n-home { border-left: 0; } #main-nav #n-videos { border-right: 0; } /* AE3-103 */ #credentials a { color: #1C6039; padding: 5px 10px; } #credentials li { border-right: 1px solid #bcbcbc; border-left: 0px solid #ededed; width: 107px; } #credentials #n-reg { border-left: 0; } #credentials #n-signin { border-right: 0; } #credentials #n-signout { border-right: 0; } #credentials #n-personalise { border-right: 0; } #credentials #n-youraccount { background: 0; } #credentials #n-youraccount a { padding-right: 0; } #credentials .logged-in-as { font-size: 11px; text-transform: lowercase; color: #38E; font-weight: normal; margin-top: 5px; text-decoration: underline; text-align: center; } .inner { padding: 20px; } .forgot-password { padding-top: 4px; display: block; } .shibboleth-login { padding: 20px; border-top: 1px solid #CCC; } .shibboleth-login img { float: left; height: 50px; padding: 10px; border: 2px solid #CCC; border-radius: 6px; margin-right: 10px; } .shibboleth-login h5 { font-size: 13px; clear: both; } .shibboleth-login a { float: left; text-transform: none; margin: 15px 0 0 20px; padding: 8px 20px; } .shibboleth-login a, .shibboleth-login a:visited, .shibboleth-login a:link, .shibboleth-login a:hover { color: #1C6039; } .result-item { font-size: 13px; margin: 0 0 10px 0px; position: relative; } .result-item .star { position: absolute; top: 15px; left: 3px; } .search-results .result-item { padding: 10px 20px 10px 25px; } .search-result-total { margin-bottom: 0; } .search-suggestion { color: #999; margin-bottom: 5px; } .search-suggestion a { font-weight: bold; text-decoration: none; } .result-item h2 { margin: 0; font-size: 18px; } .result-item:nth-child(2n-1) { background: #E6EDF2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sources, .type { font-size: 11px; } .key { color: #c00; } #breadcrumb { overflow: hidden; } .brand { text-transform: none !important; color: #1B6437 !important; font-weight: normal; text-decoration: none !important; } .brand b { color: #307BBE !important; font-weight: bold; } .brand-black { text-transform: none !important; color: #000000 !important; font-weight: normal; text-decoration: none !important; } .brand-black b { color: #000000 !important; font-weight: bold; } li { column-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; } footer li { overflow: auto; } .hero-panel { margin-bottom: 20px; position: relative; } #hero-panel { padding: 1px 0; position: relative; } .p13n-hero { background: #e6e6e6; border: 2px solid #3b9ad2; } .p13n-colwrap { background: repeat-y url(../img/bg-p13n-hero.png) 0 0; } #hero-panel, #search-bar { background-color: #3b9ad2; background-image: -webkit-gradient(linear, left top, left bottom, from(#3b9ad2), to(#2d71bc)); background-image: -webkit-linear-gradient(top, #3b9ad2, #2d71bc); background-image: -moz-linear-gradient(top, #3b9ad2, #2d71bc); background-image: -ms-linear-gradient(top, #3b9ad2, #2d71bc); background-image: -o-linear-gradient(top, #3b9ad2, #2d71bc); background-image: linear-gradient(top, #3b9ad2, #2d71bc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3B9AD2', EndColorStr='#2D71BC'); } #hero-tabs { width: 22.8%; height: 238px; float: left; margin: 0; padding: 15px; list-style: none; } #hero-tabs li { border-bottom: 1px solid #5C9BD0; } #hero-tabs a { padding: 10px; display: block; border-bottom: 1px solid #27629A; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); text-transform: uppercase; font-weight: bold; } .tab-panel { width: 64.8%; height: 228px; position: absolute; top: 1px; right: 1px; padding: 20px 4%; background: #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .ribbon { position: absolute; top: -8px; right: -8px; } #hero-tabs .ui-tabs-selected { border: 0; } #hero-tabs .ui-tabs-selected a { background: #e6e6e6; color: #307BBE; position: relative; top: -2px; left: -17.142857142857%; width: 122%; padding-left: 8%; border: 0; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px #bbb; -moz-box-shadow: 0 1px 1px #bbb; box-shadow: 0 1px 1px #bbb; } .oldie #hero-tabs .ui-tabs-selected a { left: -15px; width: 141px; padding-left: 15px; padding-right: 30px; } .js .ui-tabs-hide { display: none; } .tab-panel h1, .tab-panel h2 { margin-bottom: 0; } .tab-panel ul { margin-top: 0; } #welcome-link { text-decoration: none; } #welcome-link span { text-decoration: underline; } #hero-tabs .brand { text-shadow: 0 1px 2px #fff; } #hero-tabs .ui-tabs-selected .brand { text-shadow: none; } .right-panel { float: right; width: 40%; position: relative; margin-left: 15px; text-align: center; } .right-panel img { max-width: 100%; } .img-border-shadow { padding: 5px; margin: 0 0 10px 0; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 4px 4px #888; -moz-box-shadow: 0 4px 4px #888; box-shadow: 0 4px 4px #888; } .no-boxshadow .img-border-shadow { padding: 4px; border: 1px solid #ddd; } .btn { display: inline-block; padding: 5px 10px; text-transform: uppercase; font-size: 12px; border: 0; } .no-boxshadow .btn { border-bottom: 1px solid #999; } .no-boxshadow .btn:active { position: relative; top: 1px; border: 0; } .btn:active { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6) inset; } .btn.primary { color: #fff; background-color: #c3ab31; background-image: -webkit-gradient(linear, left top, left bottom, from(#c3ab31), to(#a07a25)); background-image: -webkit-linear-gradient(top, #c3ab31, #a07a25); background-image: -moz-linear-gradient(top, #c3ab31, #a07a25); background-image: -ms-linear-gradient(top, #c3ab31, #a07a25); background-image: -o-linear-gradient(top, #c3ab31, #a07a25); background-image: linear-gradient(top, #c3ab31, #a07a25); } .btn.secondary { color: #fff; background-color: #1c4976; background-image: -webkit-gradient(linear, left top, left bottom, from(#1c4976), to(#2868a6)); background-image: -webkit-linear-gradient(top, #1c4976, #2868a6); background-image: -moz-linear-gradient(top, #1c4976, #2868a6); background-image: -ms-linear-gradient(top, #1c4976, #2868a6); background-image: -o-linear-gradient(top, #1c4976, #2868a6); background-image: linear-gradient(top, #1c4976, #2868a6); } .js .btn-hidden { display: none; } #hero-panel, .panel { margin-bottom: 20px; } .panel { background: #e6e6e6; border: 1px solid #eaeaea; padding: 15px 2.2%; } #search-bar { padding: 10px 21.739130434783%; margin-bottom: 15px; color: #FFF; } #search-go { padding: 8px; font-size: 15px; } .content-wrap #search-go { padding: 7px 8px; } .oldie #search-go { padding: 5px 8px; } .colwrap { margin: 0 0 0 -2.4%; } .col, .colspan, .colspan3 { float: left; margin: 0 0 0 1.2%; padding: 0 0 0 1.2%; } .border-left { position: relative; } .arrows { padding: 0 20px 0 0; list-style: none; } .arrows li { background: no-repeat url(../img/bg-li-arrow.png) 4px 6px; padding: 0 0 0 20px; overflow: auto; } .arrows ul { margin: 0; padding: 0; list-style: none; } #search-bar #q { width: 82%; padding: 5px; margin-bottom: 5px; font-size: 12px; } #masthead #search-bar { float: right; width: 45%; margin-top: 10px; padding: 10px 10px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; } ::-webkit-input-placeholder { color: #666; font-style: italic; } :-moz-placeholder { color: #666; font-style: italic; } .placeholder { color: #666; font-style: italic; } #search-bar label { font-style: italic; display: block; } #home-subjects { position: relative; } #home-subjects:before { content: ""; width: 1px; background: #bcbcbc; position: absolute; top: 90px; left: 72%; bottom: 15px; } .twocol .col { width: 46% !important; } .twocol .col .med.tinput, .twocol .col .with-required-field label.check-row { width: 100% !important; *width: 90% !important; } #actual-form { overflow: hidden; } .fourcol .col { width: 22.2%; } .fourcol .colspan3 { width: 70.9%; } .threecol .col { width: 30.33333333%; } .col img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news-panel { padding: 51px 2.2% 15px; margin: 0 0 20px; position: relative; } .oldie .news-panel, .oldie .subject-links, .oldie .industry-links { border: 1px solid #ccc; } .bar-heading { position: absolute; left: 0; right: 0; top: 0; padding: 0 2.2%; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, #f1f1f1, #d9d9d9); background-image: -moz-linear-gradient(top, #f1f1f1, #d9d9d9); background-image: -ms-linear-gradient(top, #f1f1f1, #d9d9d9); background-image: -o-linear-gradient(top, #f1f1f1, #d9d9d9); background-image: linear-gradient(top, #f1f1f1, #d9d9d9); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .more { text-align: right; } #page-footer, #page-footer-container { width: 1000px; margin: 0 auto; background: #205382; color: #fff; font-size: 12px; } #page-footer a, #page-footer-container a, #page-footer a:visited, #page-footer-container a:visited { color: #fff; } #footer-top { padding: 32px 39px; background-color: #3b9ad2; background-image: -webkit-gradient(linear, left top, left bottom, from(#3b9ad2), to(#1166b7)); background-image: -webkit-linear-gradient(top, #3b9ad2, #1166b7); background-image: -moz-linear-gradient(top, #3b9ad2, #1166b7); background-image: -ms-linear-gradient(top, #3b9ad2, #1166b7); background-image: -o-linear-gradient(top, #3b9ad2, #1166b7); background-image: linear-gradient(top, #3b9ad2, #1166b7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3B9AD2', EndColorStr='#1166B7'); } #footer-top nav a:hover { text-decoration: underline; text-shadow: 0 -1px 0 #335588; } #footer-top .col { width: 23%; padding: 0 1.2%; border-right: 1px solid #58ABDD; border-left: 1px solid #226B9E; margin: 0; min-height: 205px; } #categories.col { width: 46%; } #categories ul { -webkit-column-count: 2; -webkit-column-gap: 15px; -moz-column-count: 2; -moz-column-gap: 15px; column-count: 2; column-gap: 15px; } #footer-bottom { padding: 15px 39px; } .align-right { float: right; } .footer-title { font-weight: normal; color: #fff; font-size: 16px; } .footer-title b { color: #fff; } #content.col { border-left: 0; padding-left: 0; } .inspec { float: right; } #links.col { border-right: 0; } .no-csscolumns #page-footer .col, #page-footer-container .col { border: none; } .no-csscolumns #page-footer #categories, #page-footer-container #categories { background-image: url(../img/footer-bg.png); background-repeat: repeat-y; width: 47.3%; } #options { float: right; padding-left: 10px; } #options li { float: left; margin: 0 10px 0 0; padding: 0; height: 23px; position: relative; top: 0; } #options li li { border-top: 3px solid transparent; border-color: #fff\9; float: none; *width: 120px; height: auto; } #options li a { margin: 0; line-height: 18px; } #options a { display: block; } .oldie #options li li { border-color: #fff; } .label-list { position: absolute; z-index: 10000; } .oldie #options .dd { position: relative; } .oldie .label-list { top: 24px; left: 0; } .label-list { display: none; } #options > ul > .dd:hover .label-list { display: block; } #options a, #options a:visited, .opt-label { display: inline-block; padding: 2px 5px 2px 22px !important; font-size: 11px; background: no-repeat url(../img/bg-search.png) #1b6437 4px 5px; color: #fff !important; line-height: 1.666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } #options a:hover, #options a:visited:hover, .opt-label:hover { text-shadow: none !important; } #options a.selected, #options a:visited.selected, .opt-label.selected { color: yellow !important; } .page-entry #options .opt-help, .opt-help, .opt-help:visited, .page-book #options .opt-help, .opt-help, .opt-help:visited { background-image: none !important; padding: 0 5px !important; line-height: 1.45; font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; color: #1C6039 !important; background-color: #fff; border: 1px solid #1C6039; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; } .page-entry #options a, .page-book #options a { background: no-repeat url(../img/bg-entry-icons.png) #1b6437 4px -35px; } .download-panel { padding-bottom: 20px; margin-bottom: 10px; } .download-panel .inline-header { font-size: 13px; } .download-panel .video-container .panel { padding-top: 495px; position: relative; } .download-panel .video-container .video-toggle-outer { text-align: center; } .opt-label { background: no-repeat url(../img/bg-entry-icons.png) #1b6437 4px -35px !important; text-decoration: none !important; } .bar { padding-bottom: 0; margin-bottom: 10px; border-bottom: 1px solid #333; } .book-title { display: inline; font-weight: bold; font-size: 24px; margin: 0; } .pagination { margin: 0; padding: 0; font-size: 1.1em; } .pagination li { float: left; padding: 0 10px 18px 0; list-style: none; } .pagination .selected a, .pagination .selected a:hover { color: #222; text-decoration: none; font-weight: bold; } .paginationQuantity { float: right; } .paginationQuantity a.displaying, .paginationQuantity a.displaying:visited { font-weight: bold; color: #000; } #options .opt-email { background-position: 4px -14px; } #options .opt-save { background: no-repeat url(../img/bg-search.png) #1b6437 4px -36px !important; } @-moz-document url-prefix() { #options .opt-save { background: no-repeat url(../img/bg-search.png) #1b6437 4px -38px !important; } } /* opt-download hack : for some reason float:right and nav #options completely kills the annotation download link */ .opt-download { padding: 2px 5px 2px 22px !important; font-size: 11px; background: no-repeat url(../img/bg-search.png) #1b6437 4px 5px; color: #fff !important; line-height: 1.666; -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; text-decoration: None; } .opt-download:hover { text-shadow: none !important; } .opt-download.selected { color: yellow !important; } .page-entry #options, .page-book #options { margin-top: 5px; } .page-entry #options .opt-annotation, .page-book #options .opt-annotation { background-position: 4px 5px; } .page-entry #options .opt-share, .page-book #options .opt-share { background-position: 4px -15px; position: relative; top: 0; } .page-entry #options .opt-share span, .page-book #options .opt-share span { background: none; width: auto; opacity: 1; height: auto; line-height: 18px !important; display: block; } .page-entry #options .opt-print, .page-book #options .opt-print { background-position: 4px -55px; } .page-entry #options .opt-login.opt-label, .page-book #options .opt-login.opt-label, .page-entry #options .opt-login.opt-annotation, .page-book #options .opt-login.opt-annotation { padding: 2px 5px 2px 22px !important; } .touch .annotation-li { display: none; } #options .opt-clear { background-image: none !important; padding: 2px 5px !important; } .no-js #remove-all-stars { display: none; } .search-filter h4 { margin: 6px 0 !important; } .search-filter ul { margin: 0; } .search-filter li { padding-bottom: 5px; line-height: 1.2; } #sidebar { padding: 20px 0; } #sidebar .inner { padding: 3px 16px 6px 16px; position: relative; } #sidebar .folder ul .file { line-height: 1; } .page-search-results h3 { color: #000; } .star { width: 20px; height: 19px; display: inline-block; margin-left: 5px; background: no-repeat url(../img/bg-star-T.png) 0 0; *vertical-align: baseline; } .star.selected { background-position: 0 -20px; } .oldie .star { vertical-align: middle; } #n-reg, #n-signin, #n-signout { background: no-repeat url(../img/bg-register.png) 92% 3px; } #n-reg { background: no-repeat url(../img/bg-register.png) 92% -27px; } .ui-autocomplete { list-style: none; margin: 0; padding: 0; background: #fff; background: #ffffff; width: 264px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; z-index: 100; } .ui-autocomplete li { border-bottom: 1px solid #CCC; } .ui-autocomplete a { display: block; padding: 5px; line-height: 1.3; cursor: pointer; } .ui-autocomplete a i { color: #000; font-size: 12px; } .ui-autocomplete a .source { font-size: 11px; color: #666; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } /* From autocomplete css */ .ui-autocomplete .dictionary { color: #333; background-color: #EEE; } .ui-autocomplete .title { font-size: 10px; font-weight: bold; color: #666; min-height: initial; cursor: auto; } .ui-autocomplete .magnifying-glass-icon { width: 15px; height: 15px; display: inline-block; background-image: url('../img/mag.png'); background-repeat: no-repeat; vertical-align: middle; padding-right: 6px; } .ui-state-focus, .ui-state-focus.dictionary { background-color: #F0F8FF; } .ui-state-focus.title:hover { background-color: #FFFFFF; margin-right: 0; } .twtr-widget { margin: 0 0 20px; } /* login form */ .js .modal-form { display: none; } .modal-form label { margin-bottom: 15px; display: block; } .modal-form label input { width: 95%; padding: 2.5%; } .modal-form input[type=submit] { margin: 0 15px 0 0; } .page-entry #p13n-login-panel .inner, .page-book #p13n-login-panel .inner { padding: 0; } .page-entry #p13n-login-panel .signout, .page-book #p13n-login-panel .signout { display: none; } .page-entry #cboxLoadedContent .inner, .page-book #cboxLoadedContent .inner { border: none; } /* search */ #search-go { font-size: 12px; } #search-bar a { color: #fff; } .advanced-search { font-color: white; color: white; font-size: 10px; float: none; } .advanced-search a, .advanced-search a:visted { font-color: white; color: white; font-size: 10px; float: none; } .book-only { float: right; } .annotations { list-style: none; padding: 0; } .annotations li { margin-bottom: 10px; padding: 10px; } .annotations li:nth-child(2n) { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #E6EDF2; } .annotation { margin: 0; } .quote { font-style: italic; } /* featured content */ .feature-link, .feature-link:visited { display: block; position: relative; color: #fff; text-decoration: none; margin-bottom: 18px; text-align: center; background: #333; border: 1px solid #fff; } .oldie .feature-link, .oldie .feature-link:visited { max-width: 100000px; } .feature-link:hover { -webkit-box-shadow: 0 2px 4px #444; -moz-box-shadow: 0 2px 4px #444; box-shadow: 0 2px 4px #444; } .feature-link img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .feature-link span { position: absolute; bottom: 0; left: 0; right: 0; background: #176335; background: rgba(23, 99, 53, 0.75); padding: 5px; color: #fff; text-align: left; max-height: 60px; overflow: hidden; line-height: 1em; } #source .feature-link span { position: static; display: block; max-height: none; } /* subject list */ .book-banner { padding: 2.2% 2.2% 2.2% 0; } .book-banner li { list-style: none; float: left; width: 30.8%; padding: 0 0 0 2.2%; position: relative; } .book-banner .thumb { float: left; display: inline-block; border: 1px solid #ccc; max-width: 45%; margin-right: 5%; position: static; } .book-banner .thumb img { max-width: 100%; } .book-banner p { line-height: 1.25; } .book-banner a { text-align: right; display: block; position: absolute; bottom: 0; right: 0; } .subject-links, .industry-links { padding: 2.2% 0 2.2% 2.2%; margin: 0 0 20px 0; } .subject-links h2, .industry-links h2 { margin: 0; clear: left; } .page-book .subject-links h2, .industry-links h2 { margin: 0 0 1em; } .subject-links .arrows, .industry-links .arrows { -webkit-column-count: 1; -webkit-column-gap: 2.2%; -moz-column-count: 1; -moz-column-gap: 2.2%; column-count: 1; column-gap: 10px; } /*.no-csscolumns .arrows>li { float:left; width:29%; }*/ .no-csscolumns .fourcol .arrows > li, .no-csscolumns .toc-wrapper .arrows > li { float: none; width: auto; } .book-details p { margin: 0; } /* titles */ #main .split-at-chapter, #main .split-at-section { margin-top: 0; } .no-csscolumns #main .split-at-chapter.arrows > li, .no-csscolumns #main .split-at-section.arrows > li { float: none; width: auto; } #main .split-at-chapter > li, #main .split-at-section > li { background: none; padding: 0; font-size: 12px; line-height: 1.4; color: #1B6437; padding: 0 0 1em; clear: left; } #main .split-at-chapter li ul, #main .split-at-section li ul { padding-top: .5em; } #main .split-at-chapter li li, #main .split-at-section li li { font-size: 13px; color: #222; font-weight: normal; overflow: hidden; } #main .split-at-chapter li li a, #main .split-at-chapter li li a:visited, #main .split-at-section li li a, #main .split-at-section li li a:visited { color: #06C; text-decoration: none; border-bottom: 1px solid #06c; } #main .split-at-chapter.arrows, #main .split-at-section.arrows { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } /*.no-csscolumns #main .split-at-chapter.arrows ul li, .no-csscolumns #main .split-at-section.arrows ul li { width:31%; float:left; }*/ ul.toc li { overflow: hidden; } .toc-wrapper li a { text-decoration: none; border-bottom: 1px solid #06c; } .toc-wrapper .arrows { padding: 0; } /* entries */ .content { margin-bottom: 18px; } .content, .excerpt { font: 16px/1.66 "Times New Roman", serif; } .content h1 { font-size: 22px; } .content h2, .content h3 { font-size: 20px; } .content h4 { font-size: 18px; } .content h5, .content h6 { font-size: 16px; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: bold; } .content table { width: 100%; } .content img { display: inline; } .content img.magnify { width: 100%; } .content .member { display: block; } .magnify { cursor: pointer; } figure .title, figure .caption { font-style: italic; margin-bottom: 10px; } figure { margin-bottom: 20px; } .simplelist { margin: 0 0 1em 0; } .firstpara-margin1 { margin: 0 0 1em 1.5em; } /* tables */ .table thead td, .table thead th, .informaltable thead td, .informaltable thead th { color: #fff; border: 0; } .table thead th, .informaltable thead th { border: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #1d7d43; background-image: -webkit-gradient(linear, left top, left bottom, from(#1d7d43), to(#165e32)); background-image: -webkit-linear-gradient(top, #1d7d43, #165e32); background-image: -moz-linear-gradient(top, #1d7d43, #165e32); background-image: -ms-linear-gradient(top, #1d7d43, #165e32); background-image: -o-linear-gradient(top, #1d7d43, #165e32); background-image: linear-gradient(top, #1d7d43, #165e32); } .table table, .informaltable table { margin: 0; border: 0; *border-collapse: collapse !important; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .table td, .informaltable td, .table th, .informaltable th { color: #666; border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 5px 10px; } .table thead tr:first-child td:first-child, .table thead tr:first-child th:first-child, .informaltable thead tr:first-child td:first-child, .informaltable thead tr:first-child th:first-child { -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .table thead tr:first-child td:last-child, .table thead tr:first-child th:last-child, .informaltable thead tr:first-child td:last-child, .informaltable thead tr:first-child th:last-child { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .table p, .informaltable p { margin: 0; } .table tbody tr td:first-child, .informaltable tbody tr td:first-child { border-left: 1px solid #ccc; } .table tbody tr:nth-child(even), .informaltable tbody tr:nth-child(even) { background: #f4f4f4; } .table tbody tr:hover, .informaltable tbody tr:hover { background: #e8e8e8; } .table tbody td:hover, .informaltable tbody td:hover { color: #000; } .table tfoot th, .table tfoot th { background: #f0f0f0; font-weight: normal; border: 1px solid #ccc; border-width: 0 1px 1px 1px; font-size: 0.85em; } .oldie .table table, .oldie .informaltable table { border-left: 1px solid #ccc; } /* tablesorting */ table.tablesorter .header, table.tablesorter .tablesorter-header { background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter th.headerSortUp, table.tablesorter th.tablesorter-headerSortUp { background-color: #8dbdd8; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); } table.tablesorter th.headerSortDown, table.tablesorter th.tablesorter-headerSortDown { background-color: #8dbdd8; background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); } /* filter widget */ table.tablesorter input.tablesorter-filter { width: 95%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.tablesorter tr.tablesorter-filter, table.tablesorter tr.tablesorter-filter td { text-align: center; border: 1px solid #ccc; background: #f4f4f4; } .page-entry #signin-reminder { margin: 25px 0; } .page-entry #signin-reminder h2 { margin: 0; } .page-entry #signin-reminder .inner { padding: 20px; } .code-listing { font-family: monospace; } #masthead, .entry-article-head { position: relative; z-index: 5; } #masthead { z-index: 100; } .entry-article-head, .content-wrap { position: relative; } /* curriculum maps*/ .curr-map { width: 100%; border: 0 !important; } .curr-map th { text-align: left; } .curr-map td, .curr-map td:hover { border: 0 !important; background: none !important; padding: 3px 8px !important; } .curr-map .selected td { background: #E0EBE4 !important; } /* horrible curr-map hacks for layout */ .curr-map table { line-height: 1; } .curr-map a { display: block; } .curr-map td { vertical-align: middle; width: 25%; } .curr-map tr td:last-child a { width: 150px; } .curr-map tr td:first-child { width: 40%; } .curr-map .even td, .curr-map .even td:hover { background: #f4f4f4 !important; } .child { background: no-repeat url(../img/bg-li-arrow.png) 4px 6px; padding: 0 0 0 20px; } .grandchild { padding: 0 0 0 30px; background: no-repeat url(../img/bg-li-dash.png) 14px 6px; } .desc { width: 45%; } .copy_link { float: right; visibility: hidden; position: relative; padding: 0; margin: 0; } .copy_link span { font-size: 10px; background: #1B6437; border-radius: 3px; padding: 2px 5px; color: #fff; z-index: 100; cursor: pointer; } .copy-paste { float: left; } .curr-map tr td:first-child:hover .copy_link { visibility: visible; } .visible_copy_link_video, .visible_copy_link_graph { position: relative; } .visible_copy_link_video span { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; background: #1B6437; border-radius: 5px; padding: 5px 10px; color: #fff; position: absolute; right: 0; bottom: 0; text-align: right; } .visible_copy_link_graph span { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; background: #1B6437; border-radius: 5px; padding: 5px 10px; color: #fff; text-align: right; float: right; clear: both; display: block; } /* errors in general */ .error { color: red; } /* forms */ .form-row, .check-row { margin: 0 0 10px 180px; position: relative; } .form-row label { display: block; font-weight: bold; } .form-row label.required { color: #1C6039; } .form-row label.required:after { content: " *"; color: #1C6039; } .form-row textarea.required { width: 395px; position: relative; left: 0px; } .form-row input[type=text], .form-row input[type=email], .form-row textarea, .tinput { width: 70%; padding: 5px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=submit], input[type=button], button, .btn { text-decoration: none; font-weight: bold; color: #1C6039; border: 0; padding: 10px 20px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#c4c4c4)); background-image: -webkit-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -moz-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -ms-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -o-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: linear-gradient(top, #e4e4e4, #c4c4c4); } input[type=submit]:hover, input[type=button]:hover, button:hover, .btn:hover { text-shadow: 1px 1px 3px #999; -webkit-box-shadow: 0 1px 3px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 3px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 3px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; } input[type=submit]:active, input[type=button]:active, button:active, .btn:active { -webkit-box-shadow: 0 1px 3px #888 inset; -moz-box-shadow: 0 1px 3px #888 inset; box-shadow: 0 1px 3px #888 inset; } .required-msg { color: #1C6039; display: block; font-weight: bold; } .form-row input[type=text].error, .form-row input.error, .form-row input[type=email].error, .form-row textarea.error, .tinput.error { border-color: red !important; } .form-row label.error, .check-row label.error { color: red; position: absolute; left: -180px; top: 1.666em; display: block; width: 170px; text-align: right; font-weight: normal; } .page-contact .check-row label.error { text-align: left; top: -20px; left: -30px; } .page-contact .form-row input[type=text], .page-contact .form-row input[type=email] { width: 395px; } .page-contact .form-row, .page-contact .check-row { margin-left: 40px; } .page-contact .form-row label.error { text-align: right; width: 395px; *width: 399px; top: auto; bottom: -17px; left: 0; font-size: 90%; } .page-contact .form-row label.required:after { content: ""; } .page-contact .form-row textarea#g-recaptcha-response { position: inherit; } .page-rename-label .form-row { margin-left: 40px; } .page-rename-label .form-row label.error { width: 50%; left: 128px; top: 46px; font-size: 90%; } /*IE7 bugs*/ .page-contact .check-row .required.error, .page-contact .check-row .required.valid { *display: inline-block; *margin-left: 0; } .page-contact input[type=text], .page-contact input[type=email] { *padding: 2px; } .page-contact .result .form-row input[type=submit] { *margin-left: -40px; } #cboxLoadedContent #actual-form { padding: 5px; } #cboxLoadedContent #actual-form .with-required-field label.error { text-align: left; } #cboxLoadedContent #actual-form li, #cboxLoadedContent #actual-form h2 { font-weight: bold; } #cboxLoadedContent #actual-form h1 { font-size: 26px; } #cboxLoadedContent #actual-form .arrows { margin: 15px 0 0 10px; } #cboxLoadedContent #actual-form .arrows li { margin-bottom: 10px; } #cboxLoadedContent #actual-form .col img { vertical-align: baseline !important; } #cboxLoadedContent #actual-form #register-form { padding-right: 25px; border-right: 1px solid #ccc; } #cboxLoadedContent #actual-form #register-form label.error { text-align: right; width: 100% !important; } #cboxLoadedContent #actual-form #register-form label[for=register-agree] { width: 63.5% !important; } #cboxLoadedContent #actual-form #register-form .form-row input[type=sumbit] { *margin-left: 0 !important; } #cboxLoadedContent #actual-form .pos-asp { margin: 40px 0 0 25px; } #cboxLoadedContent #actual-form .check-row { font-weight: normal; } .check-row input[type=radio] { margin: -5px 10px 0 -28px; vertical-align: middle; } .check-row b, .reqd { color: #1C6039; } .form-row-as, .check-row { margin: 0 0 10px 40px; position: relative; } .form-row-as label { display: inline-block; font-weight: bold; } .form-row-as input[type=text], .form-row textarea { position: absolute; left: 150px; width: 50%; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-row-as select { position: relative; left: 420px; } .form-row-as #within-subject, .form-row-as #within-title, .form-row-as #within-type, .chzn-container { position: absolute !important; left: 150px; width: 355px; } .results-list em { font-weight: bold; font-style: normal; } .result-logo { float: left; margin: 0 20px 20px 0; } .result-detail { margin: 0 0 0 115px; } .panel .search-results { text-align: right; } .dictionary-result .term { font-weight: bold; color: #1B6437; } .dictionary-result .phrase { font-style: italic; color: #1B6437; } .dictionary-result .foreignphrase { font-style: italic; color: #1B6437; } .dictionary-result .literal { display: block; } .dictionary-result .literal a { margin-left: 5px; } .filter h3 { margin: 0 0 5px 0; } /* floating TOC */ #filter.lock-toc { position: fixed; top: 0; bottom: 0; background: #fff; overflow: auto; margin: 0; } .simple-tabs { *zoom: 1; padding: 0 10px; border-bottom: 5px solid #E6E6E6; margin-bottom: 20px; height: 32px; } .simple-tabs:before, .simple-tabs:after { display: table; content: ""; } .simple-tabs:after { clear: both; } .simple-tabs li { float: left; margin-right: 10px; } .simple-tabs a { display: inline-block; padding: 3px 10px; border: 5px solid #E6E6E6; border-bottom: 0; margin: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-weight: bold; } .simple-tabs .ui-tabs-selected a { border-bottom: 5px solid #fff; color: #333; } #container input.link-style, .page-entry #options ul ul a, .page-book #options ul ul a { display: inline; padding: 0 !important; line-height: 1.66; font-weight: normal; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #06C !important; text-decoration: underline; } #container input.link-style:hover, .page-entry #options ul ul a:hover, .page-book #options ul ul a:hover { color: #3D9EFF; text-shadow: none; } .label-list { left: -10px; -webkit-box-shadow: 0 1px 4px #888888; -moz-box-shadow: 0 1px 4px #888888; box-shadow: 0 1px 4px #888888; max-width: 310px; min-width: 200px; } .label-list .manage-label-link { display: block; clear: both; } .lbl-form { display: block; } .lbl-chk { max-width: 90%; float: left; display: inline-block; position: relative; top: -5px; vertical-align: top; word-wrap: break-word; } .no-cssgradients.no-textshadow .label-list li { width: 305px !important; } .no-cssgradients.no-textshadow .lbl-chk { top: -1px; word-wrap: normal; overflow: hidden; } @-moz-document url-prefix() { .lbl-chk { top: -3px; } } .lbl-check { position: static; display: inline; vertical-align: top; float: left; clear: left; margin-right: 4px; } .no-boxshadow .label-list { border: 1px solid #ddd; border-width: 0 1px 1px 1px; } .no-js .label-list .lbl-chk { display: none; } .js .label-list input[type=submit] { display: none !important; } .graph_controls { *zoom: 1; display: block; clear: both; } .graph_controls:before, .graph_controls:after { display: table; content: ""; } .graph_controls:after { clear: both; } .graph_controls input { margin-top: 2px; } .resetgraph { margin: 5px 0 5px 5px; } .graph_controls .opt-help { float: right; clear: right; } .ae-graph-panel { *zoom: 1; padding-bottom: 22px; } .ae-graph-panel:before, .ae-graph-panel:after { display: table; content: ""; } .ae-graph-panel:after { clear: both; } .ae-graph-panel .visible_copy_link_graph { margin-top: 2px; } .ae-graph-panel .visible_copy_link_graph span { font-size: 12px; margin-bottom: 6px; } .ae-graph-panel hr { display: block; clear: both; } .ae-graph-panel .popup-help-panel { position: absolute; top: 100%; left: 0; } .graph-message { display: none; width: 550px; padding: 15px 15px 0 15px; font-size: 13px; font-style: italic; } .oldie .graph-message { display: inline-block; } .visible_copy_link_video span { font-size: 12px; } .table_controls .opt-help { margin-right: 10px; } /* Marc records */ .with-required-field .form-row .tinput.small { width: 180px !important; } .mark-cal { position: absolute; top: 0; left: 190px; } .mark-label { color: #307BBE; } .with-required-field.marc-form label.error { position: static; text-align: left; } .addthis_default_style { display: inline-block; min-width: 140px; } /* hide some stuff for mobile */ .js .m-jumpto, .js .m-jumpto .btn { display: none; } .table-wrapper, .informaltable-wrapper { overflow: auto; } .oldie .table-wrapper, .oldie .informaltable-wrapper { overflow-y: hidden; overflow-x: auto; position: relative; } .js .table-wrapper.new-win-btn, .js .informaltable-wrapper.new-win-btn { margin-bottom: 0; } .large-table-link { display: block; margin: 10px 0 10px auto; width: 200px; } /* Message type boxes */ .msgbox { clear: both; padding-left: 100px; padding-right: 10px; min-height: 90px; margin-bottom: 20px; margin-top: 20px; } .msgbox a.dismiss { float: right; text-decoration: none; color: #222222; } .msgbox p { position: relative; top: 20px; } .warning { background-image: url('../img/mercury/missing-image.png'); background-repeat: no-repeat; background-position: 20px; } img.print-watermark { display: none; } @media (max-width: 768px) { img { max-width: 100%; } .content img[height] { height: auto !important; } body { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #options { float: none; padding: 15px 0; } .book-title.bar { display: block; width: 100%; padding-top: 10px; } #ae-link, #ae-logo { max-width: 100%; height: auto; } #ae-logo { padding: 5% 5% 0; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #search-bar { padding: 0; } .side, .main-col, #ae-link, .col, .colspan, .colspan3 { float: none; width: auto !important; } .right-col { margin-left: 0; } #container, #page-footer, #page-footer-container { margin: 0; padding: 0; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #main { min-height: 0; } #main, #footer-top { padding: 0 20px; } #supplimental { padding: 0; } #supplimental ul { float: none; display: block; } #main-nav { clear: left; } #main-nav, #credentials { margin: 0 20px; } #masthead { padding: 15px 0 0; } #masthead #search-bar { float: none; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 !important; } #supplimental li { display: none; } #supplimental #access, #supplimental .social, #supplimental #account { display: block; } #supplimental .social { float: right; margin: 0 10px; } #supplimental #access #account { margin: 0 0 10px 0; padding: 5px; border: 0; float: none; display: block; background: #E6E6E6; } .js .m-jumpto { display: block; margin: 0 5%; } .js .m-jumpto label { margin-left: 5%; } #filter { position: static !important; top: auto; bottom: auto; background: #fff; overflow: auto; margin: 0; } .reversed #main { float: none; margin: 0; } #hero-tabs { width: 32.8%; height: 320px; } .tab-panel { width: 54.8%; height: 310px; } .right-panel { width: 30%; } #search-bar { padding: 10px; } #q { width: 250px !important; } .content-wrap { width: auto; } .col, .colspan3 { width: auto !important; float: none !important; } #home-subjects:before { width: 0; height: 0; } .col .img-border-shadow { float: right; } .form-row, .form-row-as { margin-left: 0 !important; } .form-row input[type="text"], .form-row-as input[type="text"], .form-row input[type="email"], .form-row-as input[type="email"], .form-row textarea, .form-row-as textarea, .form-row label.error, .form-row-as label.error, .form-row label.error, .form-row-as label.error, .form-row .chzn-container, .form-row-as .chzn-container, .form-row select, .form-row-as select { position: static !important; width: 100% !important; } .form-row .chzn-container, .form-row-as .chzn-container { position: relative !important; left: 0 !important; top: 0 !important; } #main-nav, #credentials { margin: 0; padding: 0; height: auto; line-height: auto; font-size: 15px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #main-nav li, #credentials li { width: 50%; height: auto; line-height: auto; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #main-nav li a, #credentials li a { height: auto; line-height: auto; top: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #main-nav, #credentials { padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } #main-nav li:hover ul { display: none; } #main-nav, #main-nav li, #main-nav a, #credentials, #credentials li, #credentials a { height: auto; border: 0; position: static; } #credentials .logged-in-as { text-align: left; } #main-nav li { padding: 0; line-height: auto; } #main-nav ul ul, #main-nav li ul li, #credentials ul ul, #credentials li ul li { position: static; } #main-nav ul ul { width: 200%; margin-left: -100%; } #main-nav ul ul li { float: none; width: auto; } #n-home, #n-home a, #credentials { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #featured { margin: 20px 20px 0 35px; } .feature-link { width: 45%; float: left; margin: 0 2.5% 2.5%; } .inner { *zoom: 1; } .inner:before, .inner:after { display: table; content: ""; } .inner:after { clear: both; } #options a.opt-login.opt-annotation { display: none; } * { -webkit-column-count: 0 !important; -webkit-column-gap: 0 !important; -moz-column-count: 0 !important; -moz-column-gap: 0 !important; column-count: 0 !important; column-gap: 0 !important; } #footer-top { padding: 15px 39px; } #footer-top .col { border: 0 !important; margin: 0 !important; padding: 0 0 20px 0 !important; width: auto !important; min-height: 0; } #advanced-search-form .form-row-as label { font-size: 13px; } #advanced-search-form input { width: 50%; } #advanced-search-form #q { width: 50% !important; } #advanced-search-form #type { position: static; display: block; margin: 10px 0 10px 150px; } #n-reg, #n-signin, #n-signout { background: no-repeat url(../img/bg-register.png) 100px 8px; } #credentials #n-youraccount { background: no-repeat url(../img/bg-account.png) 125px 8px; } #main-nav li ul li { padding-left: 50%; } #advanced-search-form #q { width: 100% !important; } #advanced-search-form #type { margin: 10px 0 0 0; } .content img.ae-graph-img { max-width: none; } .ae-graph-panel { float: left; } .ae-graph-panel ~ div { clear: left; } .popup-help-panel-maps { left: 172px !important; } #breadcrumb { margin-bottom: 10px; } .entry-article-head .nav-prev-next { position: static !important; float: left; } .bar { clear: both; } .inner { padding: 10px 0; } .annotation-li { display: none; } .round-shadow { margin-bottom: 0 !important; } #featured h2 { margin-bottom: 0; } .toc { padding: 0; margin: 10px 0; } #options { *zoom: 1; margin-left: -10px; margin-bottom: 15px; } #options:before, #options:after { display: table; content: ""; } #options:after { clear: both; } #options li { width: 50%; padding-left: 10px; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #options li a { display: block !important; } } @media (max-width: 600px) { .no-mob { display: none; } .bar #options ul li { float: none; width: auto; margin-right: 0; margin-bottom: 8px; height: auto; } .bar #options ul li a, .bar #options ul li a.opt-label, .bar #options ul li a.opt-login.opt-label { padding-top: 5px !important; padding-bottom: 5px !important; } .bar #options .opt-label, .bar #options .opt-share { display: block !important; } .bar #options .opt-label { background-position: 4px -32px !important; } .bar #options .opt-share { background-position: 4px -12px !important; } } /* -- mob -- */ @media (max-width: 480px) { body { font-size: 16px; } #twitter_widget, #top-arrow, #featured-content { display: none !important; } .page-home #main { padding: 0; } #hero-panel, .tab-panel { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .tab-panel { font-size: 14px; } #main-nav li ul { font-size: 14px; line-height: 20px; } #main-nav li, #credentials li { float: none; } #main-nav ul ul, #main-nav li ul li, #credentials ul ul, #credentials li ul li { position: static; width: auto; } #main-nav ul ul { width: auto !important; margin-left: 0 !important; } #main-nav li { width: auto !important; } * { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-column-count: 0 !important; -webkit-column-gap: 0 !important; -moz-column-count: 0 !important; -moz-column-gap: 0 !important; column-count: 0 !important; column-gap: 0 !important; } #hero-tabs { padding: 0; } #hero-tabs, .tab-panel { width: auto; position: static; float: none; height: auto; } #hero-tabs a { padding: 5px 10px; } #hero-tabs .ui-tabs-selected a { padding: 5px 10px; position: static; left: 0; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .colwrap { margin: 0 !important; } .col, .twocol .col, .book-banner li { float: none !important; width: auto !important; clear: both; padding-bottom: 15px; } #cboxLoadedContent .col { margin: 0 0 15px 0 !important; padding: 0 !important; } #cboxLoadedContent .inner { padding: 0; } #search-bar { font-size: 13px; margin: 0 !important; } #page-footer, #page-footer-container { font-size: 14px; } #footer-top { padding: 20px 5%; } #footer-top .col { min-height: 0; border: 0; } #q { width: 82% !important; } .align-right { float: none; } #advanced-search-form .form-row-as label { font-size: 13px; } #advanced-search-form input { width: 50%; } .pagination .description ul { display: inline-block; } #main-nav li ul li { padding-left: 0; } .js .m-jumpto { float: left; clear: both; margin-top: 6px; } .account-group { float: left; width: 100%; margin-left: 10px; } #tb-labels, #tb-saved-searches, #tb-saved-searches { width: auto !important; } #tb-saved-searches tr td:nth-child(2) { display: none; } .result-detail { margin: 0; display: block; clear: both; } .book-overview { padding: 15px; } #options li { float: none; } #options .opt-label, #options .opt-share { display: block !important; } } /* Subscribe */ #subscribe-container { margin: 35px auto; width: 740px; text-align: left; } #subscribe-container > div { margin-right: 15px; } #subscribe-container h2, #subscribe-container p { margin-bottom: 10px; } #subscribe-header { width: auto; font-size: 14px; } #ind-subscribe-content, #ins-subscribe-content, #subscribe-sidebar { float: left; width: 27%; height: 310px; padding: 16px 10px; } #subscribe-sidebar { text-align: center; } .subscribe-content-title { font-size: 15px; font-weight: bold; } .subscribe-content-sales { font-size: 14px; font-weight: normal; } .subscribe-content-cost { font-size: 15px; font-weight: normal; } .subscribe-content { font-size: 13px; font-weight: normal; } #subscribe-free-trial-button { text-align: center; padding: 8px; font-size: 15px; position: absolute; right: 175px; } .title-item { margin: 0 0 10px 0; /* dan padding: 5px; position: relative; left: -5px; .border-radius(5px); } .title-item:hover { background: #f0f0f0; .box-shadow(0 2px 2px #aaa); } */ padding: 20px; } .title-item:nth-child(2n) { background: #E6EDF2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .title-item .front-cover img { -moz-box-shadow: 1px 1px 2px 1px #666; -webkit-box-shadow: 1px 1px 2px 1px #666; box-shadow: 1px 1px 2px 1px #666; } .title-item a.front-cover { float: left; margin: 0 20px 0 0; width: 90px; border: 1px solid #000; } .book-title a { text-decoration: underline !important; } .book-title a:hover { text-decoration: none !important; } .front-cover:hover, .title-item:hover .front-cover { -webkit-box-shadow: 0 2px 2px #aaaaaa; -moz-box-shadow: 0 2px 2px #aaaaaa; box-shadow: 0 2px 2px #aaaaaa; } /* Graphs */ axis { display: none !important; visibility: hidden !important; } sipp2:graphobject { display: none !important; visibility: hidden !important; } .graph { position: absolute; overflow: visible; cursor: default; } .graph_tooltip { display: none; width: 250px; font: 11px sans-serif; background: #fff; border-radius: 5px; color: #000; padding: 5px; opacity: 0.8; position: absolute; border: 2px solid #000; } .graph_tooltip tr.disabled { color: #aaa; } .graph_controls label { display: block; } .graph_controls input { width: 150px; } .graph_controls button, .graph_controls .btn { float: right; font-family: arial, sans-serif; text-align: center; line-height: 30px; margin: 5px 0 5px 5px; width: 150px; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .graph_controls a.btn { *width: 110px; *height: 30px; } .graph_controls button.clearpins { height: 30px; margin-bottom: 10px; } .graph_controls button.resetgraph { float: right; } .graph_controls img.incbtn { margin-right: 10px; } .table_controls { text-align: right; font: 14px sans-serif; color: #1C6039; padding-bottom: 5px; } .table_controls form { display: inline; } .table_controls input[type=submit] { margin-left: 5px; margin-right: 5px; padding: 5px 10px; } .backtotop { position: absolute; right: 0; } .backtotop a { display: block; font-size: 18px; text-decoration: none; color: #fff; background: #1B6437; padding: 1px 10px; border-radius: 5px; } .lightboxed { position: relative; max-width: 100%; } .lightboxed .magnify-glass { position: absolute; top: 100%; right: 0; margin-top: 4px; cursor: pointer; clear: both; } #top-arrow { position: fixed; right: 15px; bottom: 15px; opacity: .3; } #top-arrow:hover { opacity: 1; } #top-arrow .bg { width: 45px; height: 45px; background: #176335; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px #ffffff; -moz-box-shadow: 0 1px 3px #ffffff; box-shadow: 0 1px 3px #ffffff; } #top-arrow .triangle { margin-left: 12.5px; padding-top: 12px; border-bottom: 20px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; width: 0; } .oldie #top-arrow .triangle { *padding-top: 0; *margin-top: -10px; } /*Your Account*/ .page-your-account .panel h2 { font-weight: bold; } .page-your-account .bar { margin-bottom: 20px; } .page-your-account .panel img { float: left; margin-right: 20px; } .your-account-side { padding-right: 0; } .account-group .icon-question-sign { display: inline-block; } .account-group .arrows li { *overflow-y: hidden; } /* Update personal details , Register form, Reminder form */ .with-required-field .form-row { margin-left: 0; } .with-required-field .form-row input[type=text], .with-required-field .form-row input[type=email] { width: 70% !important; } .with-required-field .tinput { display: block; } .with-required-field .form-row label { display: inline-block; vertical-align: middle; } .with-required-field label.check-row { margin-left: 0; width: 70%; } .with-required-field input[type=submit] { display: block; margin-bottom: 20px; } .with-required-field .legend { float: left; } .with-required-field label.error { display: block; left: auto; left: 0; top: 48px; width: 70% !important; text-align: right; font-size: 85%; } .with-required-field .check-row label.error { top: 18px; width: auto; text-align: left; left: 17px; } #f-create-label .form-row input[type=text] { width: 55%; } #f-create-label .form-row label.error { left: 0; float: left; width: 53.4%; } .key { text-align: left; } .small-print { margin: 20px 0 0 0; } /*Manage Labels*/ .page-manage-labels .form-row { margin-left: 0; } .page-manage-labels .form-row input[type=text] { width: 300px; } #f-create-label { margin-top: 20px; } /* Labels, saved searches, search history */ #tb-labels, #tb-saved-searches, #tb-saved-searches { width: 600px; } #tb-labels thead, #tb-saved-searches thead, #tb-saved-searches thead { border-bottom: 1px solid #CCC; } #tb-labels th, #tb-saved-searches th, #tb-saved-searches th { text-align: left; } #tb-labels td, #tb-saved-searches td, #tb-saved-searches td { padding: 3px 5px; } #tb-labels td.action, #tb-saved-searches td.action, #tb-saved-searches td.action { width: 50px; text-align: right; } #tb-labels tbody tr:hover, #tb-saved-searches tbody tr:hover, #tb-saved-searches tbody tr:hover { background-color: #F5F5F5; } /* For IE7 */ .rem-label, .del-search { *padding: 0; *position: relative; *top: -3px; } #tb-saved-searches td.action { width: 155px; } #tb-saved-searches .date-left { float: left; } .page-search-history div.action a { float: right; margin-right: 90px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 4px #888888, 0 1px 1px rgba(255, 255, 255, 0.5) inset; display: inline-block; padding: 5px 10px; text-transform: uppercase; font-size: 12px; text-decoration: none; font-weight: bold; color: #1C6039; border: 0; padding: 10px 20px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#c4c4c4)); background-image: -webkit-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -moz-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -ms-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: -o-linear-gradient(top, #e4e4e4, #c4c4c4); background-image: linear-gradient(top, #e4e4e4, #c4c4c4); } .page-search-results .email-alert-form label { margin-left: 22px; font-size: 85%; } .email-alert-form { display: inline-block; *display: inline; *margin-right: 30px; width: 162px; } .mercury-region img, .mercury-region-preview img { max-height: 100%; max-width: 100%; } /* 'filter by title' paging after searches*/ .matchesNav { font-size: 16px; } .matchesNav a { color: #1B6437; cursor: pointer; } .matchesNav a:hover { color: #307BBE; } .matchesNav a.selected { color: #307BBE; } a#matchesShowAll { color: #1B6437; cursor: pointer; } .highlight { font-weight: bold; } .annotationText { color: #1B6437; font-style: italic; } .filetree span { display: none !important; } .filetree ul { margin: 0; } .filetree ul span { display: block !important; } .filetree ul ul { padding: 0 0 0 14px; } .filetree li li { padding: 6px 0 0 0; } .filetree .folder, .filetree .file { display: block; padding: 0 0 0 13px; background: no-repeat url(../img/bg-li-arrow.png) 0 3px; } .filetree .folder { background-image: url(../img/bg-minus.png); cursor: pointer; } .filetree > .ft-open { margin-top: 6px; } .filetree > .ft-open:first-child { margin-top: 0; } .filetree .more-li, .filetree .less-li { display: none; padding-left: 13px; } .filetree .more-link:link, .filetree .less-link:link, .filetree .more-link:visited, .filetree .less-link:visited { color: #1B6437; } .js .filetree .folder { background-image: url(../img/bg-plus.png); } .js .filetree ul ul { display: none; } .js .filetree .ft-open > ul { display: block; } .js .filetree .ft-open > .folder { background-image: url(../img/bg-minus.png); } .js .hiddentree > li:nth-child(n+6), .js .hiddentree ul > li:nth-child(n+6), .other-tree > li:nth-child(n+6) { display: none; } .js .hiddentree > .filetree-toggle, .js .hiddentree ul > .filetree-toggle, .other-tree > .filetree-toggle { display: none; } .js .hiddentree > .more-li, .js .hiddentree ul > .more-li, .other-tree > .more-li { display: block !important; } .js .hiddentree > .less-li, .js .hiddentree ul > .less-li, .other-tree > .less-li { display: none !important; } .js .hiddentree.viewing-more > li:nth-child(n+6), .js .hiddentree ul.viewing-more > li:nth-child(n+6), .other-tree.viewing-more > li:nth-child(n+6) { display: block; } .js .hiddentree.viewing-more > .filetree-toggle, .js .hiddentree ul.viewing-more > .filetree-toggle, .other-tree.viewing-more > .filetree-toggle { display: block; } .js .hiddentree.viewing-more > .more-li, .js .hiddentree ul.viewing-more > .more-li, .other-tree.viewing-more > .more-li { display: none !important; } .js .hiddentree.viewing-more > .less-li, .js .hiddentree ul.viewing-more > .less-li, .other-tree.viewing-more > .less-li { display: block !important; } .no-js .matchesNav { display: none; } #delete-annotation { width: 50px; height: 16px; margin: 0; padding: 0; border: 0; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } .pinpopup { display: None; border: 1px solid #666; background: #ffffff; position: absolute; cursor: pointer; font: italic 8pt Arial, serif; } .coords { font: italic 8pt Courier, serif; } .editPin { margin-left: 2pt; margin-right: 4pt; text-decoration: None; } .annotatePin { display: None; font: italic 8pt Arial, serif; width: 150px; height: 50px; } .fragrBox { border: 1px; border-color: black; border-style: solid; } .curr-n-tools { margin-right: 20px; } html, body { min-height: 100%; } #header-supplimental { float: right; } .itemizedlist .title { font-style: italic; } .p13n-warning { position: fixed; top: 0; left: 0; right: 0; background: #fff; padding: 0 10px; line-height: 30px; -webkit-box-shadow: 0 5px 5px #cccccc; -moz-box-shadow: 0 5px 5px #cccccc; box-shadow: 0 5px 5px #cccccc; z-index: 1000; height: 0; overflow: hidden; -webkit-transition: height 0.5s ease-out; -moz-transition: height 0.5s ease-out; -ms-transition: height 0.5s ease-out; -o-transition: height 0.5s ease-out; transition: height 0.5s ease-out; } body { -webkit-transition: padding-top 0.5s ease-out; -moz-transition: padding-top 0.5s ease-out; -ms-transition: padding-top 0.5s ease-out; -o-transition: padding-top 0.5s ease-out; transition: padding-top 0.5s ease-out; } .display-warning { padding-top: 30px; } .display-warning .p13n-warning { height: 30px; } .title { margin-right: 43px; min-height: 33px; } .bibliolist .title { margin: 0; min-height: 0; } .table, .informaltable { padding-bottom: 10px; position: relative; } .table_controls { padding-top: 20px; } .table_controls .btn { padding: 7px 10px; } .citation { position: relative; } .btn-export-citation, .btn-export-citation:hover, .btn-export-citation:active, .btn-export-citation:visited { position: absolute !important; top: 15px !important; right: 15px !important; padding: 6px 10px !important; } .download-links { text-align: right; } .download-button, .download-links .btn { margin-right: 10px; background-color: #90bd94; background-image: -webkit-gradient(linear, left top, left bottom, from(#90bd94), to(#4e8c54)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #90bd94, #4e8c54); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #90bd94, #4e8c54); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #90bd94, #4e8c54); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #90bd94, #4e8c54); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ text-transform: none; color: #fff; text-decoration: none; } .download-button:visited, .download-links .btn:visited, .download-button:hover, .download-links .btn:hover, .download-button:active, .download-links .btn:active { color: #fff; } #download-panel .download-label { display: inline-block; margin-right: 10px; margin-bottom: 0px; } #download-panel .main-button { background-color: #1A6436; color: #FFF; background-image: none; } #download-panel p { margin-bottom: 20px; } #download-panel h1 { font-size: 16px; margin-bottom: 20px; } #download-panel #downloader-email { height: 25px; width: 300px; border-radius: 3px; border: 1px solid #CCC; margin-right: 5px; } .table-page-wrapper { background: #fff; padding: 15px; *zoom: 1; } .table-page-wrapper:before, .table-page-wrapper:after { display: table; content: ""; } .table-page-wrapper:after { clear: both; } .table-page-body { background: #fff; } .prev-next { position: absolute; top: -21px; *top: -31px; right: 0; } .popup-help-panel, .popup-help-panel:visited { color: #1B6437 !important; text-decoration: none !important; font-size: 14px !important; } .popup-help-panel-maps { position: absolute; top: 25px; left: 155px; z-index: 99; } .page-curriculum-map-index .popup-help-panel-maps { left: 170px; } .graph_controls .popup-help-panel { position: absolute; left: 0; top: 100%; } .popup-help-panels-content { display: none; } .popover .popup-help-panel { position: absolute; top: 10px; right: 10px; color: #1B6437 !important; } .popover .link-style { display: none !important; } .popover ol { list-style: decimal; padding-left: 20px; } .popover .popover-title { padding-right: 25px; } .popover { position: absolute; top: 0; left: 0; z-index: 100000; display: none; width: 236px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .popover a, #options .popover a { display: inline !important; background: none !important; padding: 0 !important; color: #06c !important; } .popover a:hover, #options .popover a:hover { color: #3D9EFF !important; } .popover li, #options .popover li { float: none; position: static; height: auto; width: auto; } .popover-content { padding: 0; } .popover-padding { padding: 9px 14px; } .icon-question-sign { display: inline-block; width: 12px; height: 12px; background: no-repeat url(../img/bg-help.png) 0 0; } .search-filter { position: relative; } .popup-help-panel-narrow { position: absolute; top: 5px; right: 15px; } .save-form { display: inline-block; *display: inline; } #options .popup-help-panel { display: inline-block !important; *display: inline !important; background: none !important; padding: 0 !important; color: #06c !important; } .popover-content ol { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; } .nav-prev-next { *zoom: 1; text-align: right; } .nav-prev-next:before, .nav-prev-next:after { display: table; content: ""; } .nav-prev-next:after { clear: both; } .nav-prev-next a, .nav-prev-next span { display: inline-block; float: right; } .nav-prev-next span { color: #999; } .nav-prev-next .prev { padding-right: 10px; border-right: 1px solid #06c; } .nav-prev-next .next { padding-left: 10px; } .entry-article-head .nav-prev-next { position: absolute; top: -21px; right: 0; } .table .magnify-glass { display: none; } .article li { margin-bottom: 1em; } .article li div { /*display: inline;*/ } .article li p { display: block; margin-bottom: 0; margin-top: 0; } .article li .orderedlist ol { margin-top: 0; } .oldie .article li p { float: none; clear: none; display: inline; } .js .m-jumpto { visibility: hidden; } .copy-btn-over { display: none; position: absolute; margin-top: 5px; width: 400px; padding: 5px; border-radius: 5px; background: #06C; z-index: 100; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); } .copy-btn-over input, .copy-btn-over label { width: 400px; display: block; text-align: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } em.underline { font-style: normal; text-decoration: underline; } /* Colorbox styles */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; margin-top: 0 !important; width: 100%; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #333; } #cboxContent { background: #fff; overflow: hidden; padding: 20px 20px 10px 20px; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxTitle { position: absolute; bottom: 10px; left: 10px; right: 10px; text-align: center; color: #000; } #cboxCurrent { position: absolute; bottom: 0px; left: 100px; color: #999; } #cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444; } #cboxPrevious { position: absolute; bottom: 0px; left: 0; color: #444; } #cboxNext { position: absolute; bottom: 0px; left: 63px; color: #444; } #cboxLoadingOverlay { background: #ffffff url(../img/colorbox/loading.gif) no-repeat 5px 5px; } #cboxClose { position: absolute; top: 0; right: 5px; display: block; color: #444; } .js #colorbox #cboxLoadedContent > * { display: block; } #cboxLoadedContent .round-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); z-index: 999; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaaaaa; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #444444; text-decoration: none; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; background: url(../img/chosen-sprite.png) right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('../img/chosen-sprite.png') no-repeat 0 0; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { position: static; left: auto; background: #ffffff url('../img/chosen-sprite.png') no-repeat 100% -22px; background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* @end */ .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url(../img/chosen-sprite.png) right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('../img/chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('../img/chosen-sprite.png') no-repeat -22px -3px; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; -o-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { cursor: default; opacity: 0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: #ffffff url('../img/chosen-sprite.png') no-repeat -38px -22px; background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; } /* @end */ /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { /* H5BP stuff */ * { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* our stuff */ #supplimental, #main-nav, #search-bar, #breadcrumb, #options, #footer-top, .right-col, .magnify-glass, #source, #filter, .table_controls, .large-table-link { display: none; } #ae-link:after { content: ""; } .left-col { float: none; width: auto; margin: 0 !important; } #container { width: 100%; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0 !important; margin: 0; border: 0 !important; } .main-col, .side { float: none !important; width: auto !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } body { background: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 0; } /* graphs */ .nav-prev-next { display: none; } svg, .graph_controls, .magnify-glass { display: none; } .panel { padding: 0; border: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .panel hr { display: none; } img.print-watermark { display: block; margin-left: auto; margin-right: 0; } .align-right { float: none; } #logout-panel, #p13n-login-panel { display: none; } } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir, .social a { 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 for both screenreaders and browsers: h5bp.com/m */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/n & h5bp.com/o */ .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, .form-row:before, .form-row:after, #container:before, #container:after { content: ""; display: table; } .clearfix:after, .form-row:after, #container:after { clear: both; } .clearfix, .form-row, #container { *zoom: 1; } .clear { clear: both; } /* Base Reset -------------------------------------------------------------------- */ .annotator-notice, .annotator-filter *, .annotator-widget * { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; margin: 0; padding: 0; background: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #909090; } /* Images -------------------------------------------------------------------- */ .annotator-adder { background-image: url(../img/annotator-icon-sprite.png); background-repeat: no-repeat; } .annotator-resize, .annotator-editor a b, .annotator-viewer .annotator-controls button, .annotator-viewer .annotator-controls a, .annotator-filter .annotator-filter-property .annotator-filter-clear { background-image: url(../img/annotator-glyph-sprite.png); background-repeat: no-repeat; } .annotator-widget:after, .annotator-filter .annotator-filter-navigation button:after { background-image: url(../img/annotator-glyph-sprite.png); background-repeat: no-repeat; } /* Annotator Highlight -------------------------------------------------------------------- */ .annotator-hl { background: #ffff0a; background: rgba(255, 255, 10, 0.3); *background: #ffff0a; } .annotator-hl-temporary { background: #007cff; background: rgba(0, 124, 255, 0.3); *background: #007cff; } /* Annotator Wrapper -------------------------------------------------------------------- */ .annotator-wrapper { position: relative; } /* NB: If you change the list of classes for which z-index is set, you should update Annotator._setupDynamicStyle() */ .annotator-adder, .annotator-outer, .annotator-notice { z-index: 1020; } .annotator-filter { z-index: 1010; } .annotator-adder, .annotator-outer, .annotator-widget, .annotator-notice { position: absolute; font-size: 10px; line-height: 1; } .annotator-hide { display: none; visibility: hidden; } /* Annotator Adder -------------------------------------------------------------------- */ .annotator-adder { margin-top: -48px; margin-left: -24px; width: 48px; height: 48px; background-position: left top; } .annotator-adder:hover { background-position: center top; } .annotator-adder:active { background-position: center right; } .annotator-adder button { display: block; width: 36px; height: 41px; margin: 0 auto; border: none; background: none; text-indent: -999em; cursor: pointer; } /* Annotator Widget This applies to both the Viewer and the Editor -------------------------------------------------------------------- */ .annotator-outer { width: 0; height: 0; } .annotator-widget { margin: 0; padding: 0; bottom: 15px; left: -18px; min-width: 265px; background-color: #fbfbfb; background-color: rgba(251, 251, 251, 0.98); *background-color: #fbfbfb; border: 1px solid #7a7a7a; border: 1px solid rgba(122, 122, 122, 0.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .annotator-invert-x .annotator-widget { left: auto; right: -18px; } .annotator-invert-y .annotator-widget { bottom: auto; top: 8px; } .annotator-widget strong { font-weight: bold; } .annotator-widget .annotator-listing, .annotator-widget .annotator-item { padding: 0; margin: 0; list-style: none; } .annotator-widget:after { content: ""; display: block; width: 18px; height: 10px; background-position: 0 0; position: absolute; bottom: -10px; left: 8px; } .annotator-invert-x .annotator-widget:after { left: auto; right: 8px; } .annotator-invert-y .annotator-widget:after { background-position: 0 -15px; bottom: auto; top: -9px; } .annotator-item { overflow-y: hidden; } .annotator-widget .annotator-item, .annotator-editor .annotator-item input, .annotator-editor .annotator-item textarea { position: relative; font-size: 12px; } .annotator-viewer .annotator-item { border-top: 2px solid rgba(122, 122, 122, 0.2); } .annotator-widget .annotator-item:first-child { border-top: none; } .annotator-editor .annotator-item, .annotator-viewer div { border-top: 1px solid rgba(133, 133, 133, 0.11); } /* Annotator Viewer -------------------------------------------------------------------- */ .annotator-viewer div { padding: 6px 6px; } .annotator-viewer .annotator-item ol, .annotator-viewer .annotator-item ul { padding: 4px 16px; } .annotator-viewer div:first-of-type, .annotator-editor .annotator-item:first-child textarea { padding-top: 12px; padding-bottom: 12px; color: #3c3c3c; font-size: 13px; font-style: italic; line-height: 1.3; border-top: none; } .annotator-viewer .annotator-controls { position: relative; top: 5px; right: 5px; padding-left: 5px; opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; float: right; } .annotator-viewer li:hover .annotator-controls, .annotator-viewer li .annotator-controls.annotator-visible { opacity: 1; } .annotator-viewer .annotator-controls button, .annotator-viewer .annotator-controls a { cursor: pointer; display: inline-block; width: 13px; height: 13px; margin-left: 2px; border: none; opacity: 0.2; text-indent: -900em; background-color: transparent; outline: none; } .annotator-viewer .annotator-controls button:hover, .annotator-viewer .annotator-controls button:focus, .annotator-viewer .annotator-controls a:hover, .annotator-viewer .annotator-controls a:focus { opacity: 0.9; } .annotator-viewer .annotator-controls button:active, .annotator-viewer .annotator-controls a:active { opacity: 1; } .annotator-viewer .annotator-controls button[disabled] { display: none; } .annotator-viewer .annotator-controls .annotator-edit { background-position: 0 -60px; } .annotator-viewer .annotator-controls .annotator-delete { background-position: 0 -75px; } .annotator-viewer .annotator-controls .annotator-link { background-position: 0 -270px; } /* Annotator Editor -------------------------------------------------------------------- */ .annotator-editor .annotator-item { position: relative; } .annotator-editor .annotator-item label { top: 0; display: inline; cursor: pointer; font-size: 12px; } .annotator-editor .annotator-item input, .annotator-editor .annotator-item textarea { display: block; min-width: 100%; padding: 10px 8px; border: none; margin: 0; color: #3c3c3c; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; resize: none; } .annotator-editor .annotator-item textarea::-webkit-scrollbar { height: 8px; width: 8px; } .annotator-editor .annotator-item textarea::-webkit-scrollbar-track-piece { margin: 13px 0 3px; background-color: #e5e5e5; -webkit-border-radius: 4px; } .annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:vertical { height: 25px; background-color: #ccc; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:horizontal { width: 25px; background-color: #ccc; -webkit-border-radius: 4px; } .annotator-editor .annotator-item:first-child textarea { min-height: 5.5em; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .annotator-editor .annotator-item input:focus, .annotator-editor .annotator-item textarea:focus { background-color: #f3f3f3; outline: none; } .annotator-editor .annotator-item input[type=radio], .annotator-editor .annotator-item input[type=checkbox] { width: auto; min-width: 0; padding: 0; display: inline; margin: 0 4px 0 0; cursor: pointer; } .annotator-editor .annotator-checkbox { padding: 8px 6px; } .annotator-filter, .annotator-filter .annotator-filter-navigation button, .annotator-editor .annotator-controls { text-align: right; padding: 3px; border-top: 1px solid #d4d4d4; background-color: #d4d4d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(0.6, #dcdcdc), to(#d2d2d2)); background-image: -moz-linear-gradient(-90deg, #f5f5f5, #dcdcdc 60%, #d2d2d2); background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #dcdcdc 60%, #d2d2d2); background-image: linear-gradient(-90deg, #f5f5f5, #dcdcdc 60%, #d2d2d2); -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7); -o-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .annotator-editor.annotator-invert-y .annotator-controls { border-top: none; border-bottom: 1px solid #b4b4b4; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .annotator-editor a, .annotator-filter .annotator-filter-property label { position: relative; display: inline-block; padding: 0 6px 0 22px; color: #363636; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); text-decoration: none; line-height: 24px; font-size: 12px; font-weight: bold; border: 1px solid #a2a2a2; background-color: #d4d4d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(0.5, #d2d2d2), color-stop(0.5, #bebebe), to(#d2d2d2)); background-image: -moz-linear-gradient(-90deg, #f5f5f5, #d2d2d2 50%, #bebebe 50%, #d2d2d2); background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #d2d2d2 50%, #bebebe 50%, #d2d2d2); background-image: linear-gradient(-90deg, #f5f5f5, #d2d2d2 50%, #bebebe 50%, #d2d2d2); -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .annotator-editor b { position: absolute; top: 50%; left: 5px; display: block; content: ""; width: 15px; height: 15px; margin-top: -7px; background-position: 0 -90px; } .annotator-editor a:hover, .annotator-editor a:focus, .annotator-editor a.annotator-focus, .annotator-filter .annotator-filter-active label, .annotator-filter .annotator-filter-navigation button:hover { outline: none; border-color: #435aa0; background-color: #3865f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#7691fb), color-stop(0.5, #5075fb), color-stop(0.5, #3865f9), to(#3665fa)); background-image: -moz-linear-gradient(-90deg, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa); background-image: -webkit-linear-gradient(-90deg, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa); background-image: linear-gradient(-90deg, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42); } .annotator-editor a:hover:after, .annotator-editor a:focus:after { margin-top: -8px; background-position: 0 -105px; } .annotator-editor a:active, .annotator-filter .annotator-filter-navigation button:active { border-color: #700c49; background-color: #d12e8e; background-image: -webkit-gradient(linear, left top, left bottom, from(#fc7cca), color-stop(0.5, #e85db2), color-stop(0.5, #d12e8e), to(#ff009c)); background-image: -moz-linear-gradient(-90deg, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c); background-image: -webkit-linear-gradient(-90deg, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c); background-image: linear-gradient(-90deg, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c); } .annotator-editor a.annotator-save b { background-position: 0 -120px; } .annotator-editor a.annotator-save:hover b, .annotator-editor a.annotator-save:focus b { margin-top: -8px; background-position: 0 -135px; } .annotator-editor a.annotator-save.annotator-focus:after { margin-top: -8px; background-position: 0 -135px; } .annotator-editor .annotator-widget:after { background-position: 0 -30px; } .annotator-editor.annotator-invert-y .annotator-widget .annotator-controls { background-color: #f2f2f2; } .annotator-editor.annotator-invert-y .annotator-widget:after { background-position: 0 -45px; height: 11px; } .annotator-resize { position: absolute; top: 0; right: 0; width: 12px; height: 12px; background-position: 2px -150px; } .annotator-invert-x .annotator-resize { right: auto; left: 0; background-position: 0 -195px; } .annotator-invert-y .annotator-resize { top: auto; bottom: 0; background-position: 2px -165px; } .annotator-invert-y.annotator-invert-x .annotator-resize { background-position: 0 -180px; } /* Annotator Notification -------------------------------------------------------------------- */ .annotator-notice { color: #fff; position: absolute; position: fixed; top: -54px; left: 0; width: 100%; font-size: 14px; line-height: 50px; text-align: center; background: black; background: #000000; background: rgba(0, 0, 0, 0.9); *background: #000000; border-bottom: 4px solid #d4d4d4; -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; -o-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .ie6 .annotator-notice { position: absolute; } .annotator-notice-success { border-color: #3665f9; } .annotator-notice-error { border-color: #ff7e00; } .annotator-notice p { margin: 0; } .annotator-notice a { color: #fff; } .annotator-notice-show { top: 0; } /* Annotator Tags Plugin -------------------------------------------------------------------- */ .annotator-tags { margin-bottom: -2px; } .annotator-tags .annotator-tag { display: inline-block; padding: 0 8px; margin-bottom: 2px; line-height: 1.6; font-weight: bold; background-color: #e6e6e6; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* Annotator Filter Plugin -------------------------------------------------------------------- */ .annotator-filter { position: fixed; top: 0; right: 0; left: 0; text-align: left; line-height: 0; border: none; border-bottom: 1px solid #878787; padding-left: 10px; padding-right: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); } .annotator-filter strong { font-size: 12px; font-weight: bold; color: #3c3c3c; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); position: relative; top: -9px; } .annotator-filter .annotator-filter-property, .annotator-filter .annotator-filter-navigation { position: relative; display: inline-block; overflow: hidden; line-height: 10px; padding: 2px 0; margin-right: 8px; } .annotator-filter .annotator-filter-property label, .annotator-filter .annotator-filter-navigation button { text-align: left; display: block; float: left; line-height: 20px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .annotator-filter .annotator-filter-property label { padding-left: 8px; } .annotator-filter .annotator-filter-property input { display: block; float: right; -webkit-appearance: none; background-color: #fff; border: 1px solid #878787; border-left: none; padding: 2px 4px; line-height: 16px; min-height: 16px; font-size: 12px; width: 150px; color: #333; background-color: #f8f8f8; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } .annotator-filter .annotator-filter-property input:focus { outline: none; background-color: #fff; } .annotator-filter .annotator-filter-clear { position: absolute; right: 3px; top: 6px; border: none; text-indent: -900em; width: 15px; height: 15px; background-position: 0 -90px; opacity: 0.4; } .annotator-filter .annotator-filter-clear:hover, .annotator-filter .annotator-filter-clear:focus { opacity: 0.8; } .annotator-filter .annotator-filter-clear:active { opacity: 1; } .annotator-filter .annotator-filter-navigation button { border: 1px solid #a2a2a2; padding: 0; text-indent: -900px; width: 20px; min-height: 22px; -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); } .annotator-filter .annotator-filter-navigation button, .annotator-filter .annotator-filter-navigation button:hover, .annotator-filter .annotator-filter-navigation button:focus { color: transparent; } .annotator-filter .annotator-filter-navigation button:after { position: absolute; top: 8px; left: 8px; content: ""; display: block; width: 9px; height: 9px; background-position: 0 -210px; } .annotator-filter .annotator-filter-navigation button:hover:after { background-position: 0 -225px; } .annotator-filter .annotator-filter-navigation .annotator-filter-next { -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; border-left: none; } .annotator-filter .annotator-filter-navigation .annotator-filter-next:after { left: auto; right: 7px; background-position: 0 -240px; } .annotator-filter .annotator-filter-navigation .annotator-filter-next:hover:after { background-position: 0 -255px; } .annotator-hl-active { background: #ffff0a; background: rgba(255, 255, 10, 0.8); *background: #ffff0a; } .annotator-hl-filtered { background-color: transparent; } #cboxClose { background: none !important; filter: none !important; border: 0 !important; padding: 0 !important; font-size: 30px; font-weight: bold; width: 30px; height: 30px; color: #1A6436; } .informalfigure .panel { padding-bottom: 40px; position: relative; } .informalfigure .visible_copy_link_video { position: absolute; bottom: 15px; } .interactive-graph-toggle-outer { display: none; } .video-toggle-outer { display: none; } .js .interactive-graph-toggle-outer, .js .video-toggle-outer { display: block; position: absolute; top: 50%; left: 0; right: 0; margin-top: -25px; } .js .interactive-graph-toggle-outer { top: 70px; margin-top: 0; } .js .interactive-graph-toggle-btn, .js .video-toggle-btn { width: 150px; padding: 19px 19px 19px 60px; margin: auto; background: #1d7d43; color: #fff; cursor: pointer; font-family: sans-serif !important; border-radius: 4px; text-align: center; position: relative; line-height: 1; } .js .interactive-graph-toggle-btn b, .js .video-toggle-btn b { display: none; } .js .interactive-graph-toggle-btn img, .js .video-toggle-btn img { position: absolute; top: 7px; left: 7px; padding: 13px 10px 12px; border-radius: 100%; background: #fff; } .js .interactive-graph-toggle-btn img { top: 15px; } .figure-wrapper .figure { position: relative; } .figure-wrapper .mediaobject.media { position: relative; max-width: 100%; display: inline-block; *display: inline !important; } .figure-wrapper .title { margin-right: 33px; padding-right: 20px; position: relative; } .figure-wrapper .title .magnify-glass { position: absolute; top: 0; left: 100%; } .page-calculators .btn { padding: 5px 10px; } .page-calculators #breadcrumb, .page-calculators #featured { display: none; } .page-calculators .main { *zoom: 1; border: 2px solid #4d8dcd; background: #daeef9; margin-bottom: 20px; } .page-calculators .main:before, .page-calculators .main:after { display: table; content: ""; } .page-calculators .main:after { clear: both; } .page-calculators .subject-list-title, .page-calculators .industry-list-title { margin: 0; border: 0; color: #fff; font-size: 30px; padding: 20px 10px; background: no-repeat url(../img/calc.png) #4d8dcd 0 0; } .page-calculators .new-left { float: left; width: 663px; padding: 20px; font-size: 18px; background: #fff; } .page-calculators .new-left h2 { margin: 20px 0 10px; padding: 10px 20px; border-radius: 0 10px 10px 0; color: #fff; background: #00a4ff; display: inline-block; position: relative; left: -20px; } .page-calculators .new-left .opening { color: #0367c1; } .page-calculators .new-sidebar { float: left; width: 215px; padding: 20px 0 0; font-size: 14px; } .page-calculators .new-sidebar ul { list-style: none; background: #4d8dcd; padding: 10px 0; border-radius: 10px 0 0 10px ; } .page-calculators .new-sidebar a, .page-calculators .new-sidebar a:visited { display: block; color: #99c2e5; text-decoration: none; line-height: 1.2; padding: 10px 20px; } .page-calculators .new-sidebar a:hover { color: #fff; } .page-calculators .main .btn { padding: 8px 30px; margin-right: 60px; background-color: #90bd94; background-image: -webkit-gradient(linear, left top, left bottom, from(#90bd94), to(#4e8c54)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #90bd94, #4e8c54); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #90bd94, #4e8c54); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #90bd94, #4e8c54); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #90bd94, #4e8c54); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ text-transform: none; color: #fff; } @media (max-width: 768px) { .page-calculators .new-left, .page-calculators .new-sidebar { width: auto; float: none; } } @media (max-width: 620px) { .page-calculators .main .btn { text-align: center; display: block; margin-right: 0; margin-bottom: 10px; } } .truncated-facets .folder { display: none !important; } .truncated-facets .hiddentree { display: block !important; } .truncated-facets ul ul { padding: 0 !important; } #book-new-edition .inner { margin-bottom: 20px !important; } #book-new-edition-aside { background: none; padding: 15px; margin: 15px 0; } #book-new-edition-aside p { padding: 0; margin: 0 0 0 65px; line-height: 15px; } #book-new-edition-aside img { width: 50px; height: 70px; } #book-new-edition-aside b { text-shadow: 1px 0 #000; } /* ------------------------------------------------------------------------------------ SEARCH WIDGET http://accessengineeringlibrary.com ------------------------------------------------------------------------------------ */ #AE { float: left; border: 1px solid #007BC8; width: 350px; margin: 5px; padding: 7px; } #AE img { float: left; margin: 0 0 0 3%; width: 60%; } #AE-search { box-shadow: #888888 0px 1px 4px 0px, rgba(255, 255, 255, 0.498039) 0px 1px 1px 0px inset; width: 92%; background: #E6E6E6; border: 0px none #222222; border-radius: 5px 5px 5px 5px; margin: 2%; padding: 0 1%; float: left; } #AE-search-form { width: 97%; margin: 8px 0 0 4%; float: left; padding: 5px 0 5px; } #AE-search-form label { clip: rect(0px 0px 0px 0px); color: #222222; cursor: pointer; display: block; height: 1px; text-decoration: none solid #222222; width: 1px; border: 0px none #222222; font: italic normal normal 13px/21.658000946044922px Arial, sans-serif; outline: #222222 none 0px; overflow: hidden; } #AE-search-form input { color: #222222; text-decoration: none solid #222222; width: 78%; font: normal normal normal 12px/normal Arial, sans-serif; margin: 0; outline: #222222 none 0px; padding: 5px 0 5px 10px; *width: 72%; } #AE-search-form .submit { box-shadow: #888888 0px 1px 4px 0px, rgba(255, 255, 255, 0.498039) 0px 1px 1px 0px inset; color: #ffffff; cursor: pointer; text-align: center; text-decoration: none solid #ffffff; text-transform: uppercase; white-space: pre; width: auto; background: #1E548B; background: #1c4976 -webkit-linear-gradient(top, #1c4976, #2868a6) repeat scroll 0% 0% auto padding-box border-box; border: 0px none #ffffff; border-radius: 5px 5px 5px 5px; font: normal normal bold 12px/normal Arial, sans-serif; outline: #ffffff none 0px; padding: 7px 1.7%; } #AE-search-form a { color: #0063CF; text-decoration: underline solid #ffffff; border: 0px none #ffffff; font: normal normal normal 13px/21.658000946044922px Arial, sans-serif; outline: #ffffff none 0px; padding-left: 20px; } .video-js .vjs-big-play-button { visibility: hidden; } .support-form * { font-family: Arial, sans-serif; } .support-form .support-label { text-align: right; margin-right: .5rem; font-weight: bold; display: block; cursor: auto; } .support-form .input { text-align: left; margin-left: .5rem; } .support-form .label-row { margin-bottom: 1em; font-size: 13px; display: block; } .support-form .half { display: inline-block; width: 45%; } .support-form input { border: 0; border: none; width: 100%; } .support-form input:focus { border: 1px solid green; } .support-form .input-text { width: auto; border: 1px solid #cccccc; } .support-form input[name="email"] { border: 1px solid #cccccc; min-height: 25px; } .support-form input[type="submit"] { padding: .7em; width: auto; text-align: center; } .support-form label.error { position: relative; display: block; left: 0px; top: 5px; } .trendmd-widget-list-item__link { color: #00539a!important; font-weight: 400!important; } h3.trendmd-widget-header__heading { color: #0058a2!important; margin: 0!important; } #js-scroll-trigger { display: none; } @media (min-width: 769px) { #js-scroll-trigger { display: block; } .pos-fixed { position: fixed; width: 100%; max-width: 175px; overflow-y: auto; top: 1.5rem; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } .pos-ab { position: absolute; bottom: 0; top: auto; transition: top 1s ease; } #filter { margin-bottom: 1.8rem; background: #ffffff; display: -webkit-box; display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; -ms-flex-direction: column; flex-direction: column; position: relative; overflow-y: auto; } .page-entry .content-wrap { display: -webkit-box; display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; align-items: stretch; align-content: stretch; } #featured { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -ms-flex-direction: column; flex-direction: column; } .js-page-contents { max-width: 170px; margin-left: 2px; margin-top: 2px; overflow-y: auto; max-height: calc(80vh); } } .js-page-contents::-webkit-scrollbar { width: 9px; } .js-page-contents::-webkit-scrollbar-track { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); } .js-page-contents::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.2); } .js-page-contents::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .js-page-contents::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.05); }