@charset "UTF-8"; /* css/main.css By Matthew DiMatteo, Children's Technology Review This file contains the primary styles for CTREX It is included in all pages via the file 'php/document.php' The document follows the following macro structure, incorporating a fixed header and footer:

Content templates including the content for each page

Rules for the macro elements are defined first, followed by page content templates and element definitions, and a few general classes Header and subheader elements are defined next, followed by contents by page/feature */ /* DOCUMENT STRUCTURE ************************************************************************************** */ body { width:100%; overflow-x:hidden; } #main { display:none; width:100%; overflow:auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-family:"Avenir", Tahoma, sans-serif; color:#002157; margin-left:-8px; } header { position:fixed; top:0; width:100%; overflow:auto; background-color:#002157; color:white; font-family:"Avenir", Tahoma, sans-serif; font-style:normal; font-weight:400; } #content { width:100%; text-align:center; border:0px solid black; margin-bottom:50px; } #bottom-nav-container { display:block; margin-top:20px; margin-left:0px; text-align:center; border:0px solid red; position:fixed; bottom:0; width:100%; } #bottom-nav { display:none; margin-left:0px; text-align:center; border:0px solid red; background-color:#DDE7F4; width:100%; } .bottom-nav-item, .bottom-nav-item-active { display:inline-block; vertical-align:top; width:24%; padding-top:10px; padding-bottom:10px; border:0px solid blue; background-color:#DDE7F4; } .bottom-nav-item { color:#666; } .bottom-nav-item-active { color:#002157; font-weight:bold; } #bottom-nav a:hover { text-decoration:none; } .bottom-nav-item-image img { width:50px; max-width:50px; } footer { display:block; padding-top:6px; padding-bottom:6px; text-align:center; border:0px solid red; width:100%; background-color:#e7e7e7; color:#666; font-size:12px; } /* footer { position:fixed; bottom:0; width:100%; padding-top:6px; padding-bottom:6px; margin-top:10px; overflow-x:hidden; background-color:#e7e7e7; color:#666; font-size:12px; text-align:center; } */ #header-offset { height:240px; } /* CONTENT TEMPLATES ************************************************************************************** */ .template-search { } .template-content { width:100%; overflow-x:hidden; border:0px solid red; } .template-profile { width:100%; overflow-x:hidden; border:0px solid red; } .template-redirect { } /* ELEMENT DEFINITIONS ************************************************************************************** */ a { color:#336699; text-decoration:none; } a:hover { text-decoration:underline; } textarea { padding:4px; margin-top:-1px; width:100%; max-width:100%; border-radius:0px; border:1px solid #e7e7e7; background-color:white; font-family:"Avenir", Tahoma, Geneva, sans-serif; color:#002157; -webkit-appearance:none; resize:none; } input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="number"] { width:100%; height:100%; padding:4px; border-radius:0px; border:1px solid #e7e7e7; background-color:white; font-family:"Avenir", Tahoma, Geneva, sans-serif; color:#002157; -webkit-appearance:none; } input[type="search"]:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover { background-color:#e7e7e7; border:1px solid #b2c9e6; } input[type="submit"], button[type="button"] { background-color:#dce7f5; font-size:20px; color:#002157; border:0px; border-radius:0px; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px; cursor:pointer; -webkit-appearance:none; } input[type="submit"]:hover, button[type="button"]:hover { background-color:#b2c9e6; } .btn-inv { background-color:#002157; border:1px solid #002157; color:white; } .btn-label button { background-color:#002157; border:1px solid #002157; color:white; } .btn-grey { background-color:#e7e7e7; border:1px solid #ccc; color:#ccc; } .btn-grey:hover { background-color:#ccc; border:1px solid #666; color:#666; } .text-btn, .btn-text { color:#336699; cursor:pointer; } .text-btn:hover, .btn-text:hover { text-decoration:underline; } img { width:100%; max-width:100%; vertical-align:middle; padding:0px; margin:0px; border:0px; } table { border-collapse:collapse; } /* GENERAL CLASSES ************************************************************************************** */ .hide { display:none; } .block { display:block; } .inline { display:inline-block; vertical-align:top; } .hide { display:none; } .left { text-align:left; } .center { text-align:center; } .right { text-align:right; } .full-width { width:100%; } .width-100 { width:100%; } .width-95 { width:95%; } .width-90 { width:90%; } .width-85 { width:85%; } .width-80 { width:80%; } .width-75 { width:75%; } .width-70 { width:70%; } .width-65 { width:65%; } .width-60 { width:60%; } .width-55 { width:55%; } .width-50 { width:50%; } .width-49 { width:49%; } .width-48 { width:48%; } .width-45 { width:45%; } .width-40 { width:40%; } .width-35 { width:35%; } .width-30 { width:30%; } .width-25 { width:25%; } .width-20 { width:20%; } .width-15 { width:15%; } .width-10 { width:10%; } .width-5 { width:5%; } .halves { width:49%; } .thirds { width:32%; } .thirds-sm { width:31%; } .quarters { width:24%; } .fifths { width:19%; } .sixths { width:15%; } .pointer { cursor:pointer; } .zoom { cursor:zoom; } .pad-2 { padding:2px; } .pad-4 { padding:4px; } .pad-6 { padding:6px; } .pad-8 { padding:8px; } .pad-10 { padding:10px; } .pad-12 { padding:12px; } .pad-16 { padding:16px; } .pad-20 { padding:20px; } .text-8 { font-size:8px; } .text-9 { font-size:9px; } .text-10 { font-size:10px; } .text-11 { font-size:11px; } .text-12 { font-size:12px; } .text-13 { font-size:13px; } .text-14 { font-size:14px; } .text-16 { font-size:16px; } .text-18 { font-size:18px; } .text-20 { font-size:20px; } .text-22 { font-size:22px; } .text-24 { font-size:24px; } .text-28 { font-size:28px; } .text-30 { font-size:30px; } .text-32 { font-size:32px; } .text-36 { font-size:36px; } .top-1 { margin-top:1px; } .top-2 { margin-top:2px; } .top-3 { margin-top:3px; } .top-4 { margin-top:4px; } .top-5 { margin-top:5px; } .top-6 { margin-top:6px; } .top-8 { margin-top:8px; } .bottom-1 { margin-bottom:1px; } .bottom-2 { margin-bottom:2px; } .bottom-3 { margin-bottom:3px; } .bottom-4 { margin-bottom:4px; } .bottom-5 { margin-bottom:5px; } .bottom-6 { margin-bottom:6px; } .bottom-8 { margin-bottom:8px; } .left-1 { margin-left:1px; } .left-2 { margin-left:2px; } .left-3 { margin-left:3px; } .left-4 { margin-left:4px; } .left-5 { margin-left:5px; } .left-6 { margin-left:6px; } .left-8 { margin-left:8px; } .right-1 { margin-right:1px; } .right-2 { margin-right:2px; } .right-3 { margin-right:3px; } .right-4 { margin-right:4px; } .right-5 { margin-right:5px; } .right-6 { margin-right:6px; } .right-8 { margin-right:8px; } .row-top-margin, .top-margin, .top-margin-10, .top-10 { display:block; margin-top:10px; } .row-bottom-margin, .bottom-margin, .bottom-margin-10, .bottom-10 { display:block; margin-bottom:10px; } .top-margin-20, .top-20 { display:block; margin-top:20px; } .bottom-margin-20, .bottom-20 { display:block; margin-bottom:20px; } .top-margin-30, .top-30 { display:block; margin-top:30px; } .bottom-margin-30, .bottom-30 { display:block; margin-bottom:30px; } .top-margin-40, .top-40 { display:block; margin-top:40px; } .bottom-margin-40, .bottom-40 { display:block; margin-bottom:40px; } .left-10 { margin-left:10px; } .left-20 { margin-left:20px; } .right-10 { margin-right:10px; } .right-20 { margin-right:20px; } .space-10 { margin-left:10px; margin-right:10px; } .space-20 { margin-left:20px; margin-right:20px; } .row { width:100%; display:block; border:0px solid red; } .col { display:inline-block; vertical-align:top; } .col-left { display:inline-block; vertical-align:top; float:left; } .col-right { display:inline-block; vertical-align:top; float:right; } .page-header { font-size:24px; font-weight:bold; text-align:center; margin-top:10px; margin-bottom:10px; } .subheader { font-size:18px; text-align:center; font-weight:bold; margin-bottom:10px; } .bold { font-weight:bold; } .italic { font-style:italic; } .paragraph-container { width:100%; display:block; margin-bottom:10px; } .paragraph { width:90%; display:inline-block; vertical-align:top; } .paragraph-90 { width:90%; display:inline-block; vertical-align:top; } .paragraph-80 { width:80%; display:inline-block; vertical-align:top; } .paragraph-70 { width:70%; display:inline-block; vertical-align:top; } .paragraph-60 { width:60%; display:inline-block; vertical-align:top; } .paragraph-50 { width:50%; display:inline-block; vertical-align:top; } /* HORIZONTAL NAV ************************************************************************************** */ .nav-horizontal { background-color:#dce7f5; border:1px solid #e7e7e7; margin-top:-9px; margin-bottom:10px; } .nav-item, .nav-item-active { display:inline-block; vertical-align:top; background-color:#dce7f5; border:1px solid #b2c9e6; padding:4px; padding-left:7px; padding-right:7px; margin-left:-2px; margin-right:-3px; } .nav-item { background-color:#dce7f5; border:1px solid #b2c9e6; } .nav-item:hover { background-color:#b2c9e6; border:1px solid #002157; } .nav-item-active { background-color:#002157; color:white; } /* GENERAL FORM CLASSES ************************************************************************** */ .form-row { width:100%; border:0px solid #002157; margin-bottom:4px; } .form-row div { border:0px solid #b2c9e6; } .field-label { display:inline-block; vertical-align:top; width:18%; text-align:right; margin-top:2px; } .field-container { display:inline-block; vertical-align:top; width:40%; text-align:left; margin-left:10px; margin-top:2px; } .field-note { display:inline-block; vertical-align:top; width:18%; text-align:left; margin-left:10px; font-size:14px; margin-top:4px; } .field-footnote { font-size:12px; margin-top:2px; margin-bottom:14px; } .field-container input[type="text"], .field-container input[type="email"], .field-container input[type="password"], .field-container input[type="number"], .field-container input[type="submit"], .field-container button { font-size:18px; color:#002157; width:99%; margin-top:-4px; } .captcha-row { padding:6px; } #captcha { border:0px solid red; } #captcha div { border:0px solid #ccc; } .captcha-digits { display:inline-block; vertical-align:top; margin-top:-6px; padding:6px; background-color:#e7e7e7; } .submit-row { padding:4px; } #captcha input[type="text"] { width:60px; max-width:60px; margin-left:10px; text-align:center; padding-left:0px; padding-right:2px; } #contact-form textarea { margin-top:-2px; padding:2px; margin-bottom:10px; } #submit-products-form textarea { padding-left:2px; padding-right:2px; } /* HEADER ************************************************************************************** */ header a { color:white; } #header-top, #header-bottom { padding:10px; } .header-col { border:0px solid white; display:inline-block; vertical-align:top; width:6%; padding:20px; } .header-col-center { border:0px solid white; display:inline-block; vertical-align:top; width:80%; padding:20px; } #back-btn-container, #menu-icon-container { float:left; text-align:left; } #login-btn-container, #menu-icon-container-offset { float:right; text-align:right; } #back-btn-container, #login-btn-container { width:20%; } /* LOGIN FORM *********************************************************************************** */ #login-menu-show, #login-menu-hide { cursor:pointer; } #login-menu-show:hover, #login-menu-hide:hover { text-decoration:underline; } #login-menu-hide { display:none; } #login-menu-container { display:none; position:fixed; z-index:99; width:240px; text-align:center; border:0px solid #e7e7e7; right:2%; top:8%; } #login-menu { width:100%; } #login-page-form-container { border:0px solid red; width:70%; display:inline-block; vertical-align:top; } #login-as-publisher-row, #login-submit-btn-row { padding-top:4px; padding-bottom:4px; } #login-page-form-container input[type="text"], #login-page-form-container input[type="password"] { font-size:20px; margin-top:-1px; } #login-menu #login-as-publisher-row, #login-menu input[type="submit"] { font-size:12px; } #login-as-publisher-label { cursor:pointer; } #show-username-help button, #hide-username-help button { background:transparent; padding:0px; color:#336699; font-size:16px; font-family:"Avenir", Tahoma, sans-serif; } #show-username-help button:hover, #hide-username-help button:hover { text-decoration:underline; } /* MAIN MENU ********************************************************************************** */ #menu-icon-container div { width:36px; margin-top:-20px; border:0px solid yellow; cursor:pointer; } #menu-container, #profile-menu-container, #folder-select-mobile { display:none; position:fixed; z-index:99; width:320px; max-width:320px; background-color:white; text-align:center; margin-left:0px; margin-top:1px; } #menu-container { max-height:calc(100% - 215px); overflow-y:auto; overflow-x:hidden; } #profile-menu-container { float:right; right:0; z-index:101; } #menu { width:100%; } .menu-line { background-color:#dde7f4; color:#002157; border-bottom:1px solid #b2c9e6; width:100%; text-align:left; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px; font-size:14px; cursor:pointer; } .menu-line:hover { background-color:#b2c9e6; border-bottom:1px solid #b2c9e6; } #options-page-container .menu-line { font-size:20px; padding-left:42%; } /* LOGO ************************************************************************************** */ #logo-container { border:0px solid white; display:inline-block; vertical-align:top; } #logo-idle { display:block; } #logo-hover { display:none; } .logo-subheader { font-size:18px; } .logo-subheader a:hover { color:#FFFB7B; } /* SEARCHBAR ************************************************************************************** */ .searchbar-margin { width:2%; border:0px solid white; display:inline-block; vertical-align:top; } #searchbar-container { border:0px solid yellow; width:50%; display:inline-block; vertical-align:top; } #input-keyword { font-size:24px; } #powersearch-show, #powersearch-hide { height:30px; max-height:30px; margin-top:4px; border:0px solid yellow; cursor:pointer; } #powersearch-hide { display:none; } /* POWERSEARCH ************************************************************************************** */ #powersearch { padding-top:10px; display:none; } .powersearch-margin { border:0px solid white; display:inline-block; vertical-align:top; width:5%; } #and-or-container { margin-top:-4px; } .and-or-row { font-size:10px; text-align:left; } .and-or-btn { display:inline-block; vertical-align:top; } .and-or-label { display:inline-block; vertical-align:top; margin-top:4px; } .powersearch-col { border:0px solid white; /*width:12%;*/ display:inline-block; vertical-align:top; text-align:center; padding-left:4px; padding-right:4px; } /* DROPDOWN MENUS *********************************************************************************** */ .dropdown-div, .dropdown-div-active { border:0px solid #336699; border-radius:0px; overflow:hidden; display:inline-block; } .dropdown-div { /*background:url(http://childrenstech.com/files/2018/08/dropdownbg.png) no-repeat right #dde7f4; */ background:url(../images/dropdownbg.png) no-repeat right #dde7f4; } .dropdown-div-active { /*background:url(http://childrenstech.com/files/2018/08/dropdownbg-inv.png) no-repeat right #336699;*/ background:url(../images/dropdownbg-inv.png) no-repeat right #336699; border:0px solid white; } .dropdown-div select, .dropdown-div-active select { font-family:"Avenir", Tahoma, sans-serif; border:0px solid #336699; border-radius:0px; background:transparent; line-height:1; -webkit-appearance:none; } .dropdown-select { color:#002157; } .dropdown-select-active { color:white; } .dropdown-select-active option, .dropdown-select-active optgroup { color:#002157; } /* DROPDOWN MENUS - CUSTOM DIMENSIONS ******************************************************* */ .powersearch .dropdown-div, #powersearch .dropdown-div-active { width:164px; height:30px; } .powersearch .dropdown-div select, #powersearch .dropdown-div-active select { font-size:10pt; width:230px; height:30px; padding-left:8px; } .rubric .dropdown-div, .rubric .dropdown-div-active { width:270px; height:40px; } .rubric .dropdown-div select, .rubric .dropdown-div-active select { font-size:16pt; width:320px; height:40px; padding-left:10px; } /* DISPLAY MESSAGES ************************************************************************************** */ .message { font-size:24px; padding:4px; color:black; } .promo { background-color:#dce7f5; color:#002157; } .logged-in-message { padding:4px; color:black; font-size:16px; } .new-feature { background-color:yellow; color:black; } #new-feature-show, #new-feature-hide { cursor:pointer; color:#336699; } #new-feature-show:hover, #new-feature-hide:hover { color:#002157; text-decoration:underline; } .error-message, .confirmation-message { color:red; margin-top:10px; margin-bottom:10px; } .error-message { color:red; } .renewal-message { margin-top:10px; } .renewal-message button { font-size:16px; background:none; color:#336699; padding:0px; } .renewal-message button:hover { background:none; text-decoration:underline; } .confirmation-message { color:green; } #free-mode-message-header { font-size:20px; } #free-mode-message-login { font-size:14px; } /* PROMO CODES ****************************************************************************************** */ #promo-message-container #promo-message-show, #promo-message-hide { color:#336699; } #promo-message-show:hover, #promo-message-hide:hover { background-color:#b2c9e6; } #promocode-form-container { background:linear-gradient(#dce7f5, #ffffff); } .promocode-form-container .inline { margin-right:4px; } .promocode-form-container input[type="text"] { font-size:24px; color:#002157; padding-left:10px; padding-top:2px; padding-bottom:2px; width:350px; max-width:350px; } .promocode-form-container input[type="submit"], .promocode-form-container button { background-color:#002157; border:1px solid #002157; color:white; } .promocode-form-container input[type="submit"]:hover, .promocode-form-container button:hover { background-color:#b2c9e6; border:1px solid #b2c9e6; color:#002157; } .promocode-accepted, .promocode-invalid { margin-top:6px; font-size:20px; } .promocode-accepted { color:green; } .promocode-invalid { color:red; } #promocode-items { margin-top:4px; font-size:14px; } /* PAGE CONTENTS ************************************************************************************** */ /* SEARCH PAGE ************************************************************************************** */ /* SIDEBAR *********************************************************************** */ .sidebar { display:inline-block; vertical-align:top; text-align:left; width:20%; border:0px solid #ccc; margin-top:10px; } .sidebar-section { border:0px solid #ccc; margin-bottom:20px; } .sidebar-section-heading { font-size:14px; font-weight:bold; margin-bottom:4px; margin-left:6px; } .sidebar-item-options { display:none; } .sidebar-item-button, .sidebar-item-label, .sidebar-item-option, .sidebar-item-option-active { width:99%; font-size:18px; padding-left:8px; padding-top:4px; padding-bottom:4px; margin-top:-1px; cursor:pointer; } .sidebar-item-button { background-color:#dce7f5; border:1px solid #b2c9e6; color:#002157; } .sidebar-item-label { background-color:#002157; border:1px solid #002157; color:white; } .sidebar-item-button:hover, .sidebar-item-label:hover { background-color:#b2c9e6; border:1px solid #002157; color:#002157; } .sidebar-item-button-text, .sidebar-item-button-icon, .sidebar-item-option-text, .sidebar-item-option-icon { display:inline-block; vertical-align:top; } .sidebar-item-option, .sidebar-item-option-active { font-size:16px; } .sidebar-item-option { background-color:#e7e7e7; color:black; border:1px solid #ccc; } .sidebar-item-option-active { background-color:#666; color:white; border:1px solid black; } .sidebar-item-option:hover, .sidebar-item-option-active:hover { background-color:#ccc; color:black; border:1px solid #666; } .sidebar-item-button-text, .sidebar-item-option-text { width:75%; border:0px solid #b2c9e6; } .sidebar-item-button-icon, .sidebar-item-option-icon { width:20%; border:0px solid #b2c9e6; text-align:right; } /* FILTERS PAGE*/ #filters-page-container { margin-top:20px; text-align:left; } #filters-page-container { } /* SEARCH AREA */ .search-area { display:inline-block; vertical-align:top; width:78%; border:0px solid #ccc; text-align:left; margin-top:10px; margin-left:20px; } .search-area-noresults { display:inline-block; vertical-align:top; width:60%; margin-right:18%; text-align:center; border:0px solid #ccc; margin-top:30px; margin-left:10px; font-size:24px; } .results-heading { font-size:24px; color:#002157; margin-left:2px; } /* SEARCH OPTIONS *********************************************************************** */ .search-options { margin-bottom:10px; } .search-options button, .pagenav button, .popup button { font-size:14px; padding-top:2px; padding-bottom:2px; } .search-options .btn-inv, .popup button { background-color:#002157; color:white; } #sort-relevance-options { display:inline-block; vertical-align:top; } #search-filters, #hide-filters-btn, #search-more, #hide-more-btn { display:none; } .search-options-item, .search-filter-checkbox, .search-filter-label { display:inline-block; } .search-filter-label { font-size:12px; margin-right:8px; } .icon-24 { width:24px; max-width:24px; height:24px; max-height:24px; } .search-options-item .text-btn { background-color:transparent; border:0px; color:#336699; font-size:inherit; } .search-options-item img { height:24px; max-height:24px; width:auto; } .popup { background:linear-gradient(#f9f9f9, #e7e7e7); border:1px solid #ccc; font-size:16px; color:#666; text-align:center; padding:10px; } .search-options-item input[type="number"] { width:50px; max-width:50px; text-align:center; font-size:14px; } /* PAGE NAV *********************************************************************** */ .pagenav { border:0px solid #ccc; width:100%; text-align:center; margin-top:10px; } .pagenav-col { display:inline-block; vertical-align:top; width:6%; border:0px solid blue; } #pagenav-string.pagenav-col { width:70%; border:0px solid red; } /* RESULTS FEED */ .results-feed { margin-top:10px; } /* RESULT ITEM *********************************************************************** */ .result-item { /*background-color:#f9f9f9;*/ background:linear-gradient(#e7e7e7, #f9f9f9, #fff); margin-bottom:0px; border-bottom:1px solid #e7e7e7; cursor:pointer; } .archive-item { width:100%; display:inline-block; vertical-align:top; text-align:center; cursor:default; } .archive-item .result-item-heading-title { text-align:left; padding-left:20px; } .result-item-image, .result-item-text { display:inline-block; vertical-align:top; border:0px solid #e7e7e7; } .result-item-image { width:15%; max-height:120px; overflow:hidden; } .archive-item-image { display:inline-block; vertical-align:top; width:150px; text-align:center; margin-top:10px; } .archive-item-image img { width:100px; max-width:100px; } .volume-line { font-size:12px; } .archive-item-title-col { display:inline-block; vertical-align:top; width:31%; border:0px solid red; } .feature-reviews { font-size:18px; } .no-image, .no-image-grid { width:100%; background-color:#e7e7e7; border:#ccc; font-size:14px; text-align:center; } .no-image { height:120px; } .no-image-grid { height:100%; } .no-image-text, .no-image-grid-text { display:inline-block; vertical-align:middle; color:#666; } .no-image-text { margin-top:50px; } .no-image-grid-text { margin-top:28%; } .result-item-text { width:84%; } .pub-item .result-item-text { width:83.5%; } .archive-info { display:inline-block; vertical-align:top; width:85%; } .result-item-heading, .result-item-heading-draft { width:100%; font-size:24px; } .result-item-heading { /*background-color:#dce7f5;*/ background:linear-gradient(#dde7f4, #ecf1f9, #fff); border-bottom:1px solid #b2c9e6; } .result-item-heading-draft { /*background-color:#e7e7e7;*/ background:linear-gradient(#e6e6e6, #e7e7e7, #f9f9f9); border-bottom:1px solid #ccc; } .result-item-heading-title { margin-top:4px; width:95%; } .result-item-heading-bookmark, .result-item-heading-title, .result-item-heading-icon { display:inline-block; vertical-align:top; } .result-item-heading-bookmark { width:2%; padding-left:0px; padding-right:8px; float:right; } .result-item-info { padding-left:8px; padding-top:4px; padding-right:8px; padding-bottom:4px; } .result-item-copyright { font-size:16px; } .result-item-info-line { font-size:14px; } .result-item-heading, .result-item-info { padding-left:12px; } .archive-item .result-item-heading, .archive-item .result-item-info { padding-left:0px; } /* RESULT ITEM A / HOVER RULES ---------------------------------- */ .result-item:hover { /*background-color:#e7e7e7;*/ background:linear-gradient(#e6e6e6, #e7e7e7, #f9f9f9); border-bottom:1px solid #666; text-decoration:none; } .result-item:hover .result-item-heading { /*background-color:#b2c9e6;*/ background:linear-gradient(#b2c9e6, #dde7f4, #ecf1f9); border-bottom:1px solid #002157; } .result-item:hover .result-item-heading-draft { background-color:#ccc; border-bottom:1px solid #666; } .result-item a .result-item-heading-title { color:#002157; } .result-item a { color:black; } .result-item a:hover { text-decoration:none; } .pub-item a, .archive-item a { color:#336699; } .pub-item a:hover, .archive-item a:hover { text-decoration:underline; } .award-indicator a { color:#336699; } .award-indicator a:hover { text-decoration:underline; } /* END RESULT ITEM HOVER RULES ------------------------------- */ .velvet-bookmark { position:absolute; z-index:100; width:400px; margin-left:-374px; margin-top:4px; } #review-share .velvet-bookmark { margin-left:-11px; margin-top:60px; } .result-item .popup a { color:#336699; } .result-item .popup a:hover { text-decoration:underline; } .company-links a { color:#336699; } .company-links a:hover { text-decoration:underline; } .result-item-company-links-container, .result-item-rating-container { display:inline-block; vertical-align:top; width:40%; } .result-item-company-links-padding, .result-item-rating-padding { display:inline-block; vertical-align:top; width:58%; } .result-item-rating-container { padding-left:4px; } .rating-line { font-size:16px; margin-left:4px; color:#002157; margin-bottom:0px; border:0px solid black; } .result-item .rating-line { margin-left:7px; } .rating-line img { width:20px; max-width:20px; margin-top:-8px; } .rating-line button { background-color:transparent; font-size:14px; color:#336699; margin-left:-8px; margin-top:-16px; z-index:100; } .rating-line button:hover { background-color:transparent; font-size:14px; color:#336699; text-decoration:underline; z-index:100; } .rating-line-col { display:inline-block; vertical-align:top; margin-right:10px; } .rating-details { width:40%; padding:4px; } .rating-qa-line { font-size:12px; border-bottom:1px dotted #ccc; } .rating-qa-name { width:75%; } .rating-qa-value { width:20%; text-align:right; } .rating-total { border-top:2px solid black; font-weight:bold; } #rating-meta { font-size:14px; } /* RESULT GRID *************************************** */ #grid-container { width:100%; text-align:center; } .result-item-grid-col, .result-item-archive-grid-col { padding:4px; display:inline-block; vertical-align:top; } .result-item-grid-col { width:23%; } .result-item-archive-grid-col { width:16%; } .result-item-grid { border:1px solid #b2c9e6; text-align:center; } .result-item-grid:hover { border:2px solid #002157; } .result-item-archive-grid-col .result-item-grid, .result-item-archive-grid-col .result-item-grid:hover { border:0px; } .result-item-grid-col a:hover { text-decoration:none; } .result-item-grid:hover .result-item-grid-title { background-color:#b2c9e6; color:#002157; text-decoration:none; } .result-item-grid:hover .result-item-grid-photo { background-color:#f9f9f9; } .result-item-grid-photo { height:150px; max-height:150px; } .result-item-grid-photo img { height:140px; max-height:140px; width:auto; } .result-item-grid-title { font-size:20px; color:#336699; background-color:#dce7f5; padding:4px; } .result-item-grid-title-draft { font-size:20px; color:#666; padding:4px; background-color:#ccc; } .result-item-grid-copyright { font-size:14px; } .result-item-grid-expand { margin-top:-4px; text-align:center; cursor:pointer; } .result-item-grid-expand img { height:28px; max-height:28px; width:auto; } .result-item-grid-details { border:1px solid #ccc; font-size:12px; margin-top:-10px; text-align:left; padding:2px; } .publishers-grid .result-item-grid-details { border:0px; margin-top:0px; } .result-item-grid-details a:hover { text-decoration:underline; } .result-item-grid-details .result-item-info-line, .result-item-grid-details .rating-line, .result-item-grid-details .text-16 { font-size:12px; } .result-item-grid-details .rating-line { margin-top:2px; margin-left:0px; } .result-item-grid-details .rating-line button { font-size:12px; margin-top:-8px; margin-left:-9px; } .result-item-grid-details .rating-line img { height:18px; max-height:18px; width:auto; } .archive-item-download img { width:20px; max-width:20px; height:20px; max-height:20px; } .weekly-img img { height:150px; max-height:150px; width:auto; text-align:center; } .weekly-grid-img img, .weekly-grid-img .no-image { height:100px; max-height:100px; width:auto; text-align:center; } .weekly-title { font-size:18px; } .award-iframe iframe { width:100%; height:500px; } .juror-panel-heading { background-color:#CBA4FF; padding:6px; padding-left:10px; padding-right:10px; text-align:center; } .juror-panel-item { width:90%; display:inline-block; vertical-align:top; margin-bottom:0px; border-top:1px #e7e7e7 solid; border-bottom:0px #ccc dashed; padding:10px; background:linear-gradient(#fff, #f9f9f9); } .juror-panel-item textarea { width:95%; max-width:95%; } .juror-panel-img { display:inline-block; vertical-align:top; text-align:center; margin-right:10px; width:10%; max-height:90px; overflow:hidden; } .juror-panel-title, .juror-panel-btns, .juror-panel-comments { display:inline-block; vertical-align:top; } .juror-panel-title { text-align:left; width:20%; } .juror-panel-btns { width:20%; } .juror-panel-comments { width:45%; } /* REVIEW PAGE ******************************************************************************************* */ .review-container { width:100%; margin-top:20px; } .review-exchange-container { display:inline-block; vertical-align:top; margin-top:20px; width:95%; text-align:left; } .review-details-col, .review-media-col { display:inline-block; vertical-align:top; border:0px solid #336699; } .review-details-col { text-align:left; width:64%; } .review-media-col { width:30%; } .review-details-block { display:inline-block; width:94%; text-align:left; } .review-title { font-size:36px; } .review-copyright { } .review-copyright-line, .review-publisher-info-toggle, .review-publisher-link { display:inline-block; vertical-align:top; font-size:20px; margin-bottom:8px; } .review-copyright-line { } .review-publisher-info-toggle { cursor:pointer; } .review-publisher-link { margin-right:20px; } .review-heading, .review-authorship, .review-text { padding:6px; } .review-heading, .section-heading-dark { background-color:#002157; color:white; font-size:24px; padding-left:12px; } .section-heading-light { background-color:#dce7f5; color:#002157; font-size:24px; padding-left:12px; } .review-container .review-heading { margin-top:20px; } .review-author { font-size:16px; margin-left:5px; margin-top:6px; } .review-date { font-size:12px; margin-left:5px; padding-bottom:4px; margin-top:4px; margin-bottom:10px; border-bottom:1px solid #ccc; } .review-product-info { } .review-text { text-align:left; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size:18px; } .review-share-toggle { cursor:pointer; } .review-share-toggle img { margin-top:-6px; } .review-share { background-color:#dce7f5; border:1px solid #b2c9e6; padding:10px; } .review-share-item { display:inline-block; vertical-align:top; cursor:pointer; padding:8px; } #review-share-item-permalink { cursor:copy; } #review-permalink-container { width:55%; border:0px solid black; } .review-permalink { cursor:copy; color:#336699; font-size:14px; margin-top:6px; padding:0px; background-color:transparent; border:0px solid black; width:100%; height:24px; } .review-permalink:hover { background-color:transparent; border:0px; color:#336699; cursor:copy; } .review-share-item img { width:32px; max-width:32px; } #review-share-item-email img { margin-top:6px; } #review-share-hide { display:none; } #review-comment-info { font-size:12px; padding:6px; } .review-image { width:90%; display:inline-block; vertical-align:top; text-align:center; cursor:zoom-in; border:0px solid #002157; } .review-image a, .review-image img { cursor:zoom-in; } .review-image-toggle { margin-top:8px; } .review-image-thumb-active, .review-image-thumb-inactive { display:inline-block; vertical-align:top; text-align:center; width:30%; max-width:30%; cursor:zoom-in; } .review-image-thumb-active { border:4px solid #002157; } .review-video, .review-download-links { width:100%; border:0px solid red; margin-top:20px; } .review-video iframe { width:90%; height:250px; } .review-download-links-heading { font-size:20px; } .review-download-links-thumb { width:32px; max-width:32px; padding:4px; display:inline-block; vertical-align:top; cursor:pointer; } .review-download-links-disclaimer { font-size:12px; } .review-velvet-rope { display:block; text-align:center; margin-top:20px; } /* REVIEW EXCHANGE */ #post-preview { margin-bottom:40px; } .exchange-post, .exchange-post-edit { margin-top:10px; margin-bottom:10px; background-color:#f9f9f9; border:1px solid #ccc; padding:6px; } .exchange-post-date { font-size:12px; } .exchange-post-line { border-bottom:1px solid #ccc; margin-bottom:4px; } .exchange-post-rating, .post-rating-input input { color:#AF0002; } .post-rating-label, .post-rating-pct { margin-top:6px; } .post-rating-label, .post-rating-input { margin-right:4px; } .post-rating-input input { width:60px; max-width:60px; font-size:18px; } .exchange-post-comment { margin-top:6px; margin-bottom:6px; } .exchange-post-comment textarea { width:95%; max-width:95%; border:2px dashed #ccc; } .delete-post .red-btn { background-color:#A83739; color:white; } .delete-post .red-btn:hover { background-color:#D23739; color:#360000; } /* ZOOM ************************************************************************* */ .zoom-heading { width:100%; max-width:100%; text-align:center; font-size:24px; } #zoom-container-fit { width:100%; max-width:100%; text-align:center; vertical-align:top; } #zoom-container-fit img { width:100vh; height:100vh; max-width:100vh; max-height:100vh; object-fit:contain; cursor:zoom-in; } #zoom-container-full { display:none; width:100%; text-align:center; } #zoom-container-full img { cursor:zoom-out; } /* EDITORIAL */ .editorial-controls button { font-size:14px; } .editorial-heading { background-color:#dce7f5; padding:6px; padding-left:10px; padding-right:10px; text-align:center; margin-bottom:10px; } .product-details .field-container input[type="text"], .product-details .field-container textarea { width:500px; max-width:500px; } .editorial-review, .editorial-notes { display:inline-block; vertical-align:top; } .editorial-review { width:60%; } .editorial-notes { width:38%; } .juror-notes { width:100%; } .editorial-review textarea, .editorial-notes textarea, .juror-notes textarea { border:2px dashed #666; width:95%; max-width:95%; padding:10px; } .editorial-notes textarea { background-color:#fff99c; } .editorial-notes textarea:hover { background-color:#ffee00; } .standard-qa-name, .standard-qa-rating, .standard-qa-output { display:inline-block; vertical-align:top; } .standard-qa-name { width:20%; text-align:left; margin-top:6px; } .standard-qa-rating { width:58%; text-align:center; } .standard-qa-output { width:20%; text-align:right; } .standard-qa-rating input[type="number"] { width:40px; font-size:18px; text-align:center; } .standard-qa-descriptor { padding:12px; } /* RUBRICS ************************************************************************************** */ .flex-info { background:linear-gradient(#fff, #dce7f5); padding-top:10px; border-bottom:1px solid #b2c9e6; } .rubrics-heading { background-color:#002157; color:white; font-size:24px; padding:6px; text-align:center; margin-top:20px; } .rubric-menu-col, .rubric-menu-col-set, .rubric-menu-col-btns, .rubric-menu-col-select { display:inline-block; vertical-align:top; padding:2px; } #rubric-menu-col-left, #rubric-menu-col-center, #rubric-menu-col-right, #rubric-menu-col-ctr-select, #rubric-menu-col-ctr-info, #rubric-menu-col-ctr-print, #rubric-menu-col-saved-select, #rubric-menu-col-saved-info, #rubric-menu-col-saved-print { display:inline-block; vertical-align:top; padding:2px; } #rubric-menu-col-left, #rubric-menu-col-right { width:20%; } #rubric-menu-col-center { width:55%; } .rubric-info-btn { height:40px; max-height:40px; max-width:40px; cursor:pointer; } .rubric-qa-item { padding:4px; background-color:#dce7f5; font-size:20px; margin-bottom:4px; border:1px solid #b2c9e6; overflow-y:hidden; /* prevents double scrollbar */ } .rubric-qa-item-print, .qa-heading-print, .rubric-print-score { display:none; } .qa-heading, .rubric-qa-item, .qa-descriptor, #rubric-evaluation-total, .rubric-review-area { width:95%; display:inline-block; vertical-align:top; } .qa-heading, .rubric-qa-item { text-align:center; } .qa-descriptor { text-align:left; font-size:14px; padding:4px; background:linear-gradient(#dce7f5, #fff); margin-top:-5px; margin-bottom:4px; border:1px solid #b2c9e6; border-top:0px; } .qa-mobile-row-1, .qa-mobile-row-2 { display:inline-block; vertical-align:top; border:0px solid black; } .qa-mobile-row-1 { width:22%; } .qa-mobile-row-2 { width:76%; } .qa-reset, .qa-name, .qa-rating, .qa-inc-dec, .qa-inc-dec-btn, .qa-output, .qa-weight { display:inline-block; vertical-align:top; border:0px solid #ccc; } .qa-reset { width:8%; } .qa-reset img { width:20px; max-width:20px; } .qa-name { width:86%; text-align:left; padding-left:10px; margin-top:3px; font-size:18px; } .qa-rating { width:40%; } .qa-inc-dec { width:6%; padding-top:0px; padding-bottom:0px; } .qa-inc-dec-btn { padding-left:2px; padding-right:2px; } .qa-inc-dec button, .quick-rating-inc-dec button { font-size:12px; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:6px; background-color:#002157; color:white; } .qa-output { width:5%; margin-top:4px; } .qa-weight { width:32%; } .qa-rating input[type="range"], .qa-weight input[type="range"], #review-rating-container input[type="range"] { outline:0; } .qa-rating input[type="range"] { width:94%; } .qa-weight input[type="range"] { width:95%; } #review-rating-container input[type="range"] { width:93%; } .range-step-container { width:100%; border:0px solid #ccc; margin-top:-10px; margin-bottom:-16px; padding-bottom:0px; } .range-step { display:inline-block; vertical-align:top; font-size:10px; width:9%; } #rubric-evaluation-total { background-color:#002157; color:white; padding:5px; font-size:30px; } .rubric-review-area { margin-top:6px; margin-bottom:4px; margin-left:-10px; } .evaluations-container a, .rating-line-col a { color:#336699; } .evaluations-container a:hover, .rating-line-col a:hover { text-decoration:underline; } .rubric-review-area textarea, #review-comment-textarea-container textarea { border:2px dashed #666; font-size:16px; } /* REVIEW COMMENT/RATING */ #review-rating-container .range-step { font-size:14px; } .quick-rating-inc-dec { display:inline-block; vertical-align:top; margin-left:2px; margin-right:2px; } #review-rating-container div.inline { border:0px solid blue; } #review-rating-col-reset { width:25%; } #quick-rating-reset { width:24px; height:24px; max-width:24px; max-height:24px; } #review-rating-col-slider { width:48%; } #review-rating-col-inc-dec { width:10%; } #review-rating-col-output { width:15%; } #captcha-submit-container input[type = "submit"] { margin-top:-6px; } .post-heading { border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:10px; } .post-rating { margin-bottom:10px; } .post-comment { font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; } #post-preview-rating { display:none; } #post-preview-comment { white-space:pre-wrap; } /* RUBRIC CREATION PAGE */ .rubric-create-header-col-left { display:inline-block; vertical-align:top; width:20%; text-align:right; font-size:20px; } .rubric-create-header-col-center { display:inline-block; vertical-align:top; width:50%; text-align:center; font-size:24px; font-weight:bold; } .rubric-create-header-col-right { display:inline-block; vertical-align:top; width:20%; text-align:left; } .qa-checkbox-container { background-color:#dce7f5; padding:12px; margin-bottom:10px; } .qa-checkbox-col { display:inline-block; vertical-align:top; padding:8px; text-align:left; } .qa-checkbox-row { display:block; font-size:16px; padding:1px; } .qa-checkbox-row-a { display:block; font-size:16px; padding:1px; } .qa-checkbox-row-b { display:block; font-size:16px; padding:1px; } .qa-checkbox-row-c { display:block; font-size:16px; padding:1px; } .qa-checkbox-row-d { display:block; font-size:16px; padding:1px; } .qa-checkbox-row-e { display:block; font-size:14px; padding:1px; } .qa-checkbox-row-f { display:block; font-size:12px; padding:1px; } .qa-checkbox-container input[type="submit"], .qa-checkbox-container button { background-color:#002157; color:white; } .qa-checkbox-container input[type="submit"]:hover, .qa-checkbox-container button:hover { background-color:#b2c9e6; color:#002157; } #save-rubric-form textarea, #save-rubric-form input[type="text"] { width:97%; max-width:97%; } /* EXPERTS ************************************************************************************** */ #expert-view-toggle button { font-size:inherit; color:#336699; background-color:transparent; border:0px; } #expert-view-toggle button:hover { text-decoration:underline; } .expert-photo { display:inline-block; vertical-align:top; width:15%; height:100%; } .expert-photo img { width:100%; max-width:100%; } .expert-text { display:inline-block; vertical-align:top; width:80%; margin-left:2%; text-align:left; } .expert-name { font-size:24px; } .expert-title { font-size:18px; } .expert-photo-grid img { height:200px; max-height:200px; width:auto; } .no-photo-container { border:1px solid #ccc;; height:150px; background-color:#e7e7e7; } .no-photo { margin-top:30%; padding:10px; color:#666; } .expert-photo-grid .no-photo-container { height:200px; } /* PROFILE ************************************************************************************** */ .profile-header { font-size:36px; font-weight:bold; width:100%; text-align:center; margin-top:10px; margin-bottom:10px; } #profile-container-subscriber { } .profile-options { width:100%; font-size:24px; color:#002157; margin-bottom:20px; } .profile-options-btn { display:inline-block; vertical-align:top; } .profile-options-label { display:inline-block; vertical-align:top; margin-top:4px; margin-right:20px; } .profile-tab-menu-container { width:100%; text-align:center; border-bottom:4px inset #002157; } .profile-tab-menu-item { display:inline-block; vertical-align:bottom; font-size:16px; width:12.5%; } .profile-tab-menu-btn { padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; background-color:#dce7f5; border:1px solid #b2c9e6; color:#002157; cursor:pointer; } .profile-tab-menu-btn:hover { background-color:#b2c9e6; border:1px solid #002157; } .profile-tab-menu-label { display:none; font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:5px; padding-right:5px; background-color:#002157; border:1px solid #002157; color:white; } .profile-section-container { background-color:#dce7f5; padding:10px; font-size:18px; border-bottom:2px inset #002157; } .profile-section { display:none; } .profile-section-content { margin-bottom:20px; } .profile-section-header { margin-top:10px; margin-bottom:10px; font-size:20px; font-weight:bold; } .profile-section-footnote { font-size:14px; } .profile-section-submit-btn { padding:6px; } .profile-section-submit-btn button, .profile-section-submit-btn input[type = "submit"], .profile-section-footnote button { background-color:#b2c9e6; color:#002157; } .profile-section-submit-btn button:hover, .profile-section-submit-btn input[type = "submit"]:hover, .profile-section-footnote button:hover { background-color:#002157; color:white; } .profile-bio-container { width:100%; border:0px solid #ccc; display:block; margin-bottom:10px; } .profile-bio-col { display:inline-block; vertical-align:top; border:0px solid #b2c9e6; margin-right:20px; } .profile-bio-container #bio-textarea-col { width:50%; } .profile-bio-container #bio-photo-col { width:15%; } .profile-bio-container #bio-padding-col { width:15%; } .profile-textarea-container { display:inline-block; vertical-align:top; border:0px solid #b2c9e6; width:50%; } .textarea-readonly { text-align:left; margin-top:-4px; } .textarea-readonly-label { font-size:14px; font-weight:bold; text-align:left; display:inline-block; vertical-align:top; width:50%; } .profile-saved-item-row { margin-bottom:4px; } .profile-saved-item-row .inline { margin-right:4px; } .profile-saved-item-row button { background-color:#002157; color:white; font-size:14px; } .profile-saved-item-row .saved-item-link { margin-top:4px; margin-left:4px; } .profile-saved-item-row .saved-item-field { width:80%; } .profile-saved-item-row .saved-item-label { width:90%; } .profile-saved-item-row input[type="text"], .profile-saved-item-row textarea { width:98%; font-size:16px; } .profile-section-content .img-24 img { width:24px; max-width:24px; height:24px; max-height:24px; } #profile-section-bookmarks .img-24 img { width:17px; max-width:17px; height:24px; max-height:24px; } #profile-section-bookmarks #bookmark-options button { background-color:#002157; color:white; } #profile-section-bookmarks #bookmark-options button:hover { background-color:#b2c9e6; color:#002157; } #profile-section-bookmarks #bookmark-options .export-btn img, #savedbookmarks-page-container .sidebar .export-btn img { width:60px; max-width:60px; height:auto; margin-top:4px; } #profile-section-bookmarks #bookmark-options img, #savedbookmarks-page-container .sidebar img { cursor:pointer; } .profile-section-content #save-search-example img { width:515px; max-width:515px; height:136px; max-height:136px; } #titles-info button, #submissions-info button { background-color:#002157; color:white; font-size:14px; } #titles-info button:hover, #submissions-info button:hover { background-color:#b2c9e6; color:#002157; } .profile-edit-mode { background-color:#002157; color:white; } .profile-edit-mode a { color:white; } .profile-pub-logo { width:10%; } .profile-pub-heading { width:78%; } .profile-pub-logo img { height:100%; width:auto; } .profile-iframe iframe { width:400px; height:300px; } #usage-report-results button { background:transparent; padding:0px; color:#336699; font-size:inherit; } #usage-report-results button:hover { background:transparent; padding:0px; color:#336699; text-decoration:underline; } #usage-report-results .bold button { background:transparent; padding:0px; color:#336699; font-size:inherit; font-weight:bold; } .usage-report-table { width:70%; display:inline-block; vertical-align:top; text-align:center; font-size:12px; } .usage-report-table table { width:100%; } .usage-report-table table td { text-align:left; width:24%; max-width:24%; } .usage-report-table table td.bold button { font-weight:bold; } /* SAVED BOOKMARKS PAGE */ .new-bookmark-folder-form input[type="text"] { font-size:18px; } .new-bookmark-folder-form input[type="submit"], .new-bookmark-folder-form button { width:36px; height:36px; max-width:36px; max-height:36px; font-size:18px; } .bookmarks-list { margin-top:10px; } .bookmarks-folder-heading { display:inline-block; vertical-align:top; width:50%; text-align:left; } .delete-folder-container { display:inline-block; vertical-align:top; width:50%; text-align:right; } .move-to-folder { margin-bottom:10px; } /* SUBSCRIBE PAGE ******************************************************************** */ .subscribe-bubble { background:linear-gradient(#fffff, #dce7f5, #b2c9e6); background:linear-gradient(#dce7f5, #ffffff); border:1px solid #b2c9e6; border-radius:16px; padding:32px; width:70%; display:inline-block; vertical-align:top; } .subscribe-bubble-header { font-size:48px; color:#336699; cursor:pointer; } .subscribe-bubble-header:hover { text-decoration:underline; } .subscribe-bubble-subheader { font-size:20px; } .subscribe-bubble-details { font-size:16px; } .subscribe-bubble input[type="submit"], .subscribe-bubble button { background-color:#002157; color:white; } .subscribe-bubble input[type="submit"]:hover, .subscribe-bubble button:hover { background-color:#b2c9e6; color:#002157; } .samples-container { border:0px solid red; overflow-x:hidden; } .samples-col img { width:50%; max-width:50%; } /* SITE LICENSE PAGE */ #site-license-page-content table { width:100%; padding:10px; background:linear-gradient(#dce7f5, #fff); border:1px solid #b2c9e6; border-collapse:collapse; } #site-license-page-content tr { border-bottom:1px solid #b2c9e6; } #site-license-page-content td { text-align:left; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px; } #site-license-cost-calculator input[type="number"] { width:90px; max-width:90px; font-size:20px; } .subtotal { margin-top:10px; } .total { border:2px solid #666; padding:4px; text-align:center; width:90px; max-width:90px; } .savings { margin-top:4px; font-size:12px; } #site-license-faq p { margin-top:0px; margin-bottom:20px; } /* PRINT RESULTS PAGE **************************** */ #print-page-container { width:95%; display:inline-block; vertical-align:top; text-align:left; margin-top:10px; } #print-page-options { margin-top:10px; } #print-page-results { margin-top:10px; } .tr-heading { font-size:14px; border-bottom:1px solid #ccc; } .tr-heading-blue { font-size:14px; border-bottom:1px solid #9fbce0; } .print-table { width:100%; } .tr-dark { background-color:#e7e7e7; } .tr-light { background-color:white; } .tr-title-dark { background-color:#b2c9e6; } .tr-title-light { background-color:#d8e4f3; } .td-title { padding-left:4px; } /* WORKSHOPS PAGE */ #workshops-page-container #workshops-photo img { margin-top:20px; } /* STUDENT DISCOUNT PAGE */ #student-discount-form input[type="email"] { font-size:16px; } #student-discount-form input[type="submit"] { font-size:14px; } /* RWD SHOW/HIDE ********************************************************* */ .show-only-desktop { display:block; } /* elements to show only on this screen size */ .show-only-1025, .show-only-769, .show-only-480 { display:none; } /* elements to show only on certain screen sizes */ .show-480-and-above, .show-769-and-above, .show-1025-and-above, .show-desktop { display:block; } /* elements to show only screens above a certain size */ .show-1025-and-below, .show-769-and-below { display:none; } /* elements to show only on smaller screen sizes */ /* fix sidebar/search area for in-between widths 1026-1236 */ @media screen and (max-width:1236px) and (min-width:1026px) { .sidebar { display:none; } .search-area { width:98%; } } /* end @media screen and (max-width:1241)*/