@charset "UTF-8"; /* Table of Contents --------------------------------------- 1) Global Settings - Normalize.css 2) Fonts & Typography - Custom fonts and general typography settings. 3) Layout - Widgets and global classes. 4) Site - Content styling. 5) Internet Explorer - Various Internet Explorer fixes. 6) Media Queries - 490px, 637px, 972px. 7) Aides - Useful aids such as clearfix and visibility. --------------------------------------- */ /* 1) Global Settings --------------------------------------- normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased } html, button, input, select, textarea { font-family: sans-serif; -webkit-border-radius: 0; } body { margin: 0; padding: 0; } a:focus, a:active, a:hover, object:hover, embed:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } b, strong { font-weight: bold; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } h1 { font-size: 2em; } h1:first-child, p:first-child { margin-top: 0; } article h1:first-child, p:first-child { margin-top: 0; } blockquote { -moz-margin-start: 0; -moz-margin-end: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } dl, menu, ol, ul, li { /*margin: 1em 0;*/ padding: 0; margin: 0; } /*li { white-space: pre; } fixes the new chrome bug - warning: use with caution globally! */ dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } /* changed first one to auto use to was -moz-crisp-edges */ /*img[src$=".jpg"], img[src$=".png"] { image-rendering: auto; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }*/ figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* 2) Fonts --------------------------------------- Includes this fix for Chrome rendering for each font: http://www.adtrak.co.uk/blog/font-face-chrome-rendering/ */ @font-face { font-family: "Frutiger LT W01 65 Bold"; src: url("/fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix"); src: url("/fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"), url("/fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"), url("/fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"), url("/fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg"); } @font-face { font-family: "ITC Kabel W01 Book"; src: url("/fonts/c8760c61-8d4c-468b-86c6-c1c80f228e29.eot?#iefix"); src: url("/fonts/c8760c61-8d4c-468b-86c6-c1c80f228e29.eot?#iefix") format("eot"), url("/fonts/923ca366-1f04-4103-8fe4-f2cbfc1973f9.woff") format("woff"), url("/fonts/36b95462-4763-4f15-898b-f54255e2c866.ttf") format("truetype"), url("/fonts/f418890f-0068-4ba2-8448-40b21a89d1f1.svg#f418890f-0068-4ba2-8448-40b21a89d1f1") format("svg"); } @font-face { font-family: "ITC Kabel W01 Demi"; src: url("/fonts/8022b722-e507-485b-8ebd-46f6ac906f6f.eot?#iefix"); src: url("/fonts/8022b722-e507-485b-8ebd-46f6ac906f6f.eot?#iefix") format("eot"), url("/fonts/2362ab66-7058-4138-be1a-48bbfc0340f5.woff") format("woff"), url("/fonts/bb28bda6-d09c-4cc3-9914-b097930b2477.ttf") format("truetype"), url("/fonts/5dc82358-7fba-4130-bde9-e0249d290787.svg#5dc82358-7fba-4130-bde9-e0249d290787") format("svg"); } @font-face { font-family: "ITC Kabel W01 Medium"; src: url("/fonts/aac067ea-5824-4f6c-abe0-25d9c8371042.eot?#iefix"); src: url("/fonts/aac067ea-5824-4f6c-abe0-25d9c8371042.eot?#iefix") format("eot"), url("/fonts/056a8b87-f66d-4769-8bb3-4c9d7735bba7.woff") format("woff"), url("/fonts/d9cf86cd-2f87-4ee8-8f5b-538040efdac0.ttf") format("truetype"), url("/fonts/410cfff9-b5a4-469f-9c2c-a22431ed09a8.svg#410cfff9-b5a4-469f-9c2c-a22431ed09a8") format("svg"); } /* Chrome Font Rendering Fix */ @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Frutiger LT W01 65 Bold"; src: url("/fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg"); } @font-face { font-family: "ITC Kabel W01 Book"; src: url("/fonts/f418890f-0068-4ba2-8448-40b21a89d1f1.svg#f418890f-0068-4ba2-8448-40b21a89d1f1") format("svg"); } @font-face { font-family: "ITC Kabel W01 Demi"; src: url("/fonts/5dc82358-7fba-4130-bde9-e0249d290787.svg#5dc82358-7fba-4130-bde9-e0249d290787") format("svg"); } @font-face { font-family: "ITC Kabel W01 Medium"; src: url("/fonts/410cfff9-b5a4-469f-9c2c-a22431ed09a8.svg#410cfff9-b5a4-469f-9c2c-a22431ed09a8") format("svg"); } } body { font-family: 'Georgia', serif; text-rendering: geometricPrecision; height: 100%; } /* Firefox rendering fix */ h1, h2, h3, h4, h5, h6, p { font-weight: normal; } /* 3) Layout --------------------------------------- Included site wide styling for widgets, widget titles and body elements. */ /* Body Elements */ html, body { height: 100%; } body { background: url('/images/bg-body.png') repeat; font-size: 100%; } html, body.mobile-menu-open { min-height: 100%; overflow: hidden; overflow-y: auto; width: 100%; } #page { margin: 0 auto; max-width: 972px; padding-bottom: 120px; } /* Widget Containers */ .widget-main { display: inline-block; max-width: 657px; padding: 0 0 0 6px; width: 100%; vertical-align: top; } .widget-sidebar { display: inline-block; max-width: 290px; vertical-align: top; width: 100%; } .widget-error { display: inline-block; max-width: 957px; padding: 0 6px 0 6px; vertical-align: 100%; width: 100%; } /* Widgets */ .widget-full { background-color: #fff; border: 1px solid #d6d6d6; display: inline-block; max-width: 643px; width: 100%; vertical-align: top; } .widget-full-black { background-color: #000; display: inline-block; max-width: 645px; width: 100%; vertical-align: top; } .widget-full-blog { display: inline-block; max-width: 645px; width: 100%; vertical-align: top; } .widget-threequarter { background-color: #fff; border: 1px solid #d6d6d6; display: inline-block; float: left; /* float added so books sidebar plays nicely */ min-width: 478px; max-width: 478px; width: 100%; vertical-align: top; } .widget-half { background-color: #fff; border: 1px solid #d6d6d6; display: inline-block; min-width: 300px; max-width: 300px; width: 100%; vertical-align: top; } .widget-quarter { background-color: #fff; border: 1px solid #d6d6d6; display: inline-block; min-width: 139px; max-width: 150px; width: 100%; vertical-align: top; } .widget-page { background-color: #fff; border: 1px solid #d6d6d6; display: inline-block; min-height: 450px; vertical-align: top; width: 100%; } /* Widget Elements */ .widget-title { border-bottom: 1px solid #d6d6d6; display: block; color: #444; font-family: "ITC Kabel W01 Demi"; font-size: 0.875em; padding: 5px 15px; text-transform: uppercase; } .widget-button { border: 1px solid #acacac; display: block; font-family: "ITC Kabel W01 Demi"; font-size: 0.875em; margin: 15px; padding: 5px 0; text-align: center; text-transform: uppercase; } .widget-button a, .widget-button span { color: #1b5c87; display: block; text-decoration: none; } .loading-image span { color: transparent; } .widget-button:hover { background-color: #1b5c87; color: #fff; cursor: pointer; } .loading-image:hover { background-color: #fff; cursor: default; } .widget-button:hover a, .widget-button:hover span { color: #fff; } .loading-image:hover a, .loading-image:hover span { color: transparent; } .widget-form-button { border: 1px solid #acacac; color: #1b5c87; display: inline-block; font-family: "ITC Kabel W01 Demi"; font-size: 0.875em; line-height: 1.4em; margin-bottom: 15px; padding: 5px 0; text-align: center; text-transform: uppercase; width: 130px; } a.widget-form-button { text-decoration: none; } .widget-form-button:hover { background-color: #1b5c87; color: #fff; cursor: pointer; } .widget-reg-button { border: 1px solid #acacac; color: #1b5c87; display: inline-block; font-family: "ITC Kabel W01 Demi"; font-size: 0.813em; line-height: 1.4em; margin-bottom: 15px; padding: 5px 10px; text-align: center; text-transform: uppercase; width: auto; } .widget-reg-button:hover { background-color: #1b5c87; color: #fff; cursor: pointer; } a.widget-reg-button { color: #1b5c87; text-decoration: none; } a.widget-reg-button:hover { color: #fff; } .widget-reg-button a { color: #1b5c87; text-decoration: none; } .widget-reg-button a:hover { color: #fff; } .info-wrap { position: relative; } .widget-tag { display: inline-block; font-family: "ITC Kabel W01 Demi", serif; font-size: 0.750em; line-height: 1; text-transform: uppercase; vertical-align: top; } .widget-tag a { color: #ba0000; text-decoration: none; } .widget-close { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -96px -272px; border: 1px solid #acacac; height: 15px; float: right; margin-top: 1px; margin-right: -7px; position: relative; text-indent: -9999999px; width: 15px; } .widget-close > a { display: block; } .widget-close:hover { background-color: #1b5c87; background-position: -122px -272px; cursor: pointer; } /* Tooltip */ .icon-wrap { position: absolute; right: 12px; top: 5px; } .tooltip-wrap { float: left; position: relative; } .tooltip { background-color: #fff; border: 1px solid #acacac; color: #444; display: none; font-family: 'Georgia', serif; font-size: 0.750em; padding: 8px; position: absolute; text-align: center; text-transform: none; top: 26px; width: 124px; right: 0; margin-right: -62px; z-index: 99999; } .tooltip:before, .tooltip:after { bottom: 100%; border: solid transparent; content: ""; height: 0; position: absolute; pointer-events: none; width: 0; } .tooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; left: 50%; margin-left: -5px; } .tooltip:before { border-color: rgba(172, 172, 172, 0); border-bottom-color: #acacac; border-width: 6px; left: 50%; margin-left: -6px; } /* Widget Icons */ .feed { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -400px; float: right; height: 18px; position: relative; width: 18px; } .feed:hover { background-position: -126px -400px; cursor: pointer; display: block; } .feed:hover + .tooltip { display: block; } .rss { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -424px; float: right; height: 18px; margin-left: 7px; width: 18px; } .rss:hover { background-position: -125px -424px; cursor: pointer; display: block; } .reading-list { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -350px; float: right; height: 18px; position: relative; width: 22px; } .reading-list:hover { background-position: -125px -350px; cursor: pointer; display: block; } .reading-list:hover + .tooltip { display: block; } .book-icon { background-image: url('/images/pieria-@x1.png'); background-position: -100px -375px; background-repeat: no-repeat; height: 18px; position: relative; width: 18px; } .book-icon:hover { background-position: -125px -375px; cursor: pointer; } .book-icon:hover + .tooltip { display: block; } /* Widget Article Elements */ /* Titles & Sub-Titles */ .article-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 1.188em; line-height: 0.9; margin: 0; } .article-expert-title { font-family: "Frutiger LT W01 65 Bold"; margin: 0; } .single-article-title { font-family: "ITC Kabel W01 Demi"; font-size: 1.688em; line-height: 1em; max-width: 580px; text-transform: uppercase; } .hero-title { font-family: "ITC Kabel W01 Demi"; font-size: 1.750em; height: auto; line-height: 1em; margin: 7px 0 0 0; text-transform: uppercase; } .user-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 0.875em; margin: 0; } .user-sub-title { font-style: italic; font-size: 0.750em; font-weight: normal; color: #444; margin: 0; } .carousel-title { font-family: "ITC Kabel W01 Demi"; font-size: 1.688em; line-height: 1em; margin: 0; } .carousel-subtitle { color: #898989; font-style: italic; font-size: 0.750em; margin: 2px 0 5px; } .blog-title { font-family: "ITC Kabel W01 Medium"; line-height: 1em; margin: 0 0 15px; text-transform: uppercase; } .question-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 0.875em; line-height: 1.2em; margin: 20px 0 -5px; } /* Paragraphs */ .article-text { font-size: 0.813em; line-height: 1.4em; overflow: hidden; } .hero-text { font-size: 0.875em; line-height: 1.250em; } .blog-text { font-size: 0.875em; line-height: 1.450em; } .single-article-text { font-size: 0.813em; line-height: 1.450em; overflow: hidden; } .single-article-image { margin-bottom: 10px; } .single-article-video { height: 350px; margin-bottom: 10px; width: 100%; } .single-article-attachment { margin-bottom: 10px; } /* Lists */ .article-list { font-size: 0.813em; line-height: 1.4em; overflow: hidden; } ul.article-list { padding: 0 0 15px 16px; } /* Post Metas */ .post-meta { color: #444; font-style: italic; font-size: 0.750em; } .post-meta a { color: #1b5c87; text-decoration: none; } .post-meta a:hover { text-decoration: underline; } .post-meta a.comment { color: #ba0000; } .book-meta { color: #444; display: inline-block; font-size: 0.750em; line-height: 1.350em; } .book-meta a { color: #1b5c87; text-decoration: none; } .book-meta a:hover { text-decoration: underline; } /* Post Comments */ .article-comments { display: inline-block; font-style: italic; font-size: 0.750em; line-height: 1; position: absolute; right: 0; vertical-align: top; } .article-comments a { color: #1b5c87; text-decoration: none; } .article-comments a:hover { text-decoration: underline; } /* Blockquotes */ .blockquote { border-bottom: 1px solid #d6d6d6; font-size: 0.813em; margin: 0 0 15px 0; padding-bottom: 13px; } .blockquote p { line-height: 1.4; } .blockquote p.quote:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -650px; content: ""; padding-right: 1.50em; } .blockquote p.quote:after { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -197px -649px; content: ""; padding-left: 1.70em; } .blockquote .blockquote-footer { font-size: 90%; text-align: right; } .blockquote .blockquote-footer a { color: #1b5c87; text-decoration: none; } .blockquote .blockquote-footer a:hover { text-decoration: underline; } /* Select Boxes */ .select-box-wrap, #assign-primary-tag, #industry, #jobtitle { position: inherit; } .select-box-wrap { width: 270px; } #industry, #jobtitle { width: 300px; } .drop-down-wrap { display: inline-block; } .select-box-holder { background-color: #fcfbfb; border: 1px solid #acacac; color: #ba0000; cursor: pointer; font-family: "Frutiger LT W01 65 Bold"; font-size: 0.813em; height: 16px; max-height: 16px; overflow: hidden; padding: 7px 9px; position: relative; text-transform: uppercase; } .select-box-holder .arrow { background-color: #fff; background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position:-190px -964px; border-left: 1px solid #acacac; cursor: pointer; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } .select-box { font-family: "Frutiger LT W01 65 Bold"; text-transform: uppercase; } .select-box-wrap > ul { background-color: #fcfbfb; border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; color: #444; cursor: pointer; display: block; list-style: none; padding: 0; position: absolute; width: 268px; z-index: 9999; } .select-box-wrap > ul li { padding: 7px 9px; white-space: normal; } .select-box-wrap > ul li:hover { background-color: #fff; color: #000; } /* Widget Figures */ .widget-figure-large { min-height: 305px; max-width: 643px; position: relative; } .widget-figure-medium { min-height: 248px; max-width: 478px; position: relative; } .widget-figure-featured { border: 1px solid #d6d6d6; min-height: 132px; max-width: 209px; margin-bottom: 15px; padding: 2px; } .widget-figure-small { border: 1px solid #d6d6d6; /*float: left;*/ display: inline-block; margin-bottom: 15px; /*min-height: ;*/ max-width: 105px; padding: 2px; } .widget-figure-book-v { border: 1px solid #d6d6d6; float: left; margin-bottom: 3px; min-height: 115px; max-height: 178px; max-width: 115px; overflow: hidden; padding: 2px; } .widget-figure-book-h { border: 1px solid #d6d6d6; float: left; min-height: 115px; max-width: 115px; padding: 2px; } .widget-figure-square { border: 1px solid #d6d6d6; float: left; display: inline-block; height: 92px; margin-right: 15px; padding: 2px; vertical-align: top; width: 92px; } .widget-figure-big-avatar { float: left; margin: 0 45px 45px 0; min-height: 150px; max-width: 150px; } .widget-figure-avatar { border: 1px solid #d6d6d6; float: left; margin-right: 15px; min-height: 45px; max-width: 45px; padding: 2px; } .widget-figure-comment-avatar { border: 1px solid #d6d6d6; float: left; margin-right: 15px; min-height: 52px; max-width: 52px; padding: 2px; } /* Image Caption */ .caption { background: rgba(0, 0, 0, 0.6); bottom: 0; color: #fff; font-size: 0.625em; font-style: italic; padding: 5px 8px; position: absolute; right: 0; } /* Tags */ .tags { display: block; font-size: 0.750em; /*padding-top: 15px;*/ } .tags ul { list-style: none; padding: 0; } .tags ul li { display: inline-block; padding: 0 0 0 7px; white-space: pre; } .tags ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -172px; content: ""; padding-left: 7px; } .tags ul li:first-child { padding-left: 0; } .tags ul li:first-child:before { padding-left: 0; } .tags ul li a { color: #1b5c87; text-decoration: none; } .tags ul li a:hover { text-decoration: underline; } .tag-row, .book-row { display: block; margin-bottom: 10px; } .tag-box, .book-box { border: 1px solid #acacac; color: #1b5c87; display: inline-block; font-size: 0.750em; line-height: 1.4em; margin: 0 3px 4px 0; padding: 2px 2px 2px 5px; position: relative; } .tag-box a { color: #1b5c87; text-decoration: none; } .tag-box .widget-close, .book-box .widget-close { display: inline-block; float: none; margin: 0 0 0 5px; vertical-align: top; } /* Placeholders */ .img-placeholder { background-color: #d3d3d3; height: 307px; overflow: hidden; position: relative; text-align: center; } .img-placeholder-gallery { background-color: #d3d3d3; border: 1px solid transparent; height: 100px; margin-bottom: 8px; width: 205px; } .img-placeholder-picture { background-color: #d3d3d3; height: 300px; margin-bottom: 8px; overflow: hidden; text-align: center; width: 100%; } .temp-img { height: auto; width: 100%; } .img-placeholder-video { background-color: #d3d3d3; height: 255px; margin-bottom: 8px; width: 440px; } /* Share Icons */ #share-buttons > div { display: inline-block; line-height: 1em; margin-right: 7px; vertical-align: middle; } .share-facebook { background-color: #eceef5; background-image: url('/images/pieria-@x1.png'); background-position: -145px -696px; border: 1px solid #cad4e8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; color: #39579a; cursor: pointer; font-family: 'Lucida Grande', Arial, serif; font-size: 0.688em; height: 10px; padding: 4px 5px; text-align: right; width: 50px; } .share-facebook:hover { border-color: #9DACCE; } .share-twitter { background-color: #dfdfdf; background-image: -moz-linear-gradient(bottom, hsl(0, 0%, 87%), #fafafa); background-image: -webkit-linear-gradient(bottom, hsl(0, 0%, 87%), #fafafa); background-image: -o-linear-gradient(bottom, hsl(0, 0%, 87%), #fafafa); background-image: -ms-linear-gradient(bottom, hsl(0, 0%, 87%), #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf)"; border: 1px solid #c1c1c1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer; font-family: 'Arial', serif; font-size: 0.688em; font-weight: bold; height: 10px; padding: 4px 5px; position: relative; text-align: right; width: 44px; text-shadow: -1px 1px #fcfcfc; -moz-text-shadow: -1px 1px #fcfcfc; -webkit-text-shadow: -1px 1px #fcfcfc; -o-text-shadow: -1px 1px #fcfcfc; -ms-text-shadow: -1px 1px #fcfcfc; } .share-twitter-img { background-image: url('/images/pieria-@x1.png'); background-position: -200px -774px; height: 20px; left: 4px; position: absolute; top: 4px; width: 20px; } .share-twitter a { color: #000 !important; text-decoration: none !important; } .share-twitter:hover { border-color: #acacac; } .share-linkedin { background-color: #dfdfdf; background-image: -moz-linear-gradient(to top, hsl(0, 0%, 87%), #fafafa); background-image: -webkit-linear-gradient(top, hsl(0, 0%, 87%), #fafafa); background-image: -o-linear-gradient(top, hsl(0, 0%, 87%), #fafafa); background-image: -ms-linear-gradient(top, hsl(0, 0%, 87%), #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#dfdfdf)"; background-position: -251px -720px; border: 1px solid #c1c1c1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer; font-family: 'Arial', serif; font-size: 0.688em; font-weight: bold; height: 10px; padding: 4px 5px; position: relative; text-align: right; text-shadow: -1px 1px #fcfcfc; -moz-text-shadow: -1px 1px #fcfcfc; -webkit-text-shadow: -1px 1px #fcfcfc; -o-text-shadow: -1px 1px #fcfcfc; -ms-text-shadow: -1px 1px #fcfcfc; width: 51px; } .share-linkedin-img { background-image: url('/images/pieria-@x1.png'); background-position: -251px -726px; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .share-linkedin:hover { border-color: #acacac; } .share-email { background-image: url('/images/pieria-@x1.png'); background-position: -97px -597px; border: 1px solid #c1c1c1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer; font-family: "ITC Kabel W01 Demi"; font-size: 0.750em; height: 10px; padding: 4px 5px; text-align: right; vertical-align: top; width: 44px; } .share-email:hover { border-color: #acacac; } /* 4) Site --------------------------------------- Styling for all the separate page sections and widgets. */ /* Header */ header[role="banner"], #header { margin: 0 6px; min-height: 105px; } /* User Bar */ #header .header-top { background-color: #1b5c87; font-size: 0.813em; min-height: 30px; max-width: 960px; width: 960px; } #header .header-top .user-info { display: inline-block; min-height: 30px; min-width: 200px; vertical-align: top; } #header .header-top .date { color: #fff; font-family: "ITC Kabel W01 Demi", serif; padding: 7px 12px; text-transform: uppercase; } #header .header-top .user-nav { color: #b4c3d0; display: inline-block; float: right; text-align: right; max-width: 750px; vertical-align: top; } #header .header-top .user-nav ul { list-style: none; padding: 7px 8px 0 0; } #header .header-top .user-nav ul li { white-space: pre; } #header .header-top .user-nav ul, #header .header-top .user-nav ul li, #header .header-top #header-search { display: inline-block; vertical-align: top; } #header .header-top .user-nav ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -170px -147px; content: ""; padding: 0 7px; } #header .header-top .user-nav ul li:first-child:before { background-image: none; content: ""; } #header .header-top .user-nav .nav-item { color: #fff; cursor: pointer; text-decoration: none; } #header .header-top .user-nav .nav-item:hover { text-decoration: underline; } #header .header-top #header-search input[type="text"].search-box { border-top: 0; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 0; height: 30px; padding: 0 10px; position: relative; width: 295px; } #header .header-top #header-search input.search-box:-webkit-input-placeholder { color: #000; } #header .header-top #header-search input.search-box:-moz-placeholder { color: #000; } #header .header-top #header-search input.search-box:-ms-input-placeholder { color: #000; } #header-search input[type="submit"].search-submit { background-color: transparent; background-image: url('/images/pieria-@x1.png'); background-position: -100px -73px; background-repeat: no-repeat; border: 0; height: 23px; margin: 5px 0 0 -26px; padding: 0; width: 16px; position: absolute; } /* Banner */ #header .header-main { height: 60px; padding: 15px 0; position: relative; width: 960px; } #header .title, #header .subtitle { display: inline-block; vertical-align: top; } #header .title { float: left; height: 58px; margin-bottom: 0; width: 155px; } #header .title > a { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px 0px; display: block; height: 100%; /*margin-right: 20px;*/ } #header .subtitle { color: #444; font-size: 0.75em; font-weight: normal; font-style: italic; max-width: 360px; margin-left: 20px; padding: 4px 8px; } #header .header-main .rss { position: absolute; right: 0px; bottom: 15px;} .top-nav { display: inline-block; float: right; font-size: 0.813em; } .top-nav ul { list-style: none; padding: 0; } .top-nav ul li { display: inline-block; white-space: pre; } .top-nav ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -95px -171px; content: ""; padding: 0 7px; } .top-nav ul li:first-child:before { background-image: none; content: ""; } .top-nav ul li a { color: #1b5c87; text-decoration: none; } .top-nav ul li a:hover { text-decoration: underline; } /* Navigation */ nav[role="navigation"], #main-navigation { font-size: 0.813em; margin: 0 6px 15px; min-height: 72px; } /* Mobile User & Top Navigations */ .mobile-user-nav { display: none; } .mobile-top-nav { display: none; } /* Primary Level */ #main-navigation { background-color: #000; width: 960px; position: relative; } #main-navigation ul { background-color: #000; font-family: "ITC Kabel W01 Demi", sans-serif; list-style: none; height: 37px; overflow: hidden; padding: 0; } #main-navigation ul li { border-top: 1px solid #000; border-right: 1px solid #000; float: left; padding: 9px 12px 9px 0; text-transform: uppercase; white-space: pre; } #main-navigation ul li:before { background-image: url('/images/pieria-@x1.png'); background-position: -175px -147px; background-repeat: no-repeat; content: ""; padding-left: 13px; } #main-navigation ul li:first-child:before { background-image: none; } #main-navigation ul li a { color: #fff; text-decoration: none; } #main-navigation ul li a:hover { border-bottom: 1px solid; } #main-navigation ul li.selected { background-color: #fff; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } #main-navigation ul li.selected:first-child { border-left: 1px solid #d6d6d6; border-right: 0; padding-right: 13px; } #main-navigation ul li.selected a { color: #000; } #main-navigation ul li.selected + li:before { background-position: -176px -147px; } /* Secondary Level */ #main-navigation ul li ul { background-color: #fff; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; display: none; font-family:"ITC Kabel W01 Medium"; left: 0; margin-top: 9px; /*height: 37px; overflow: hidden;*/ padding-left: 0; position: absolute; width: 99.8%; z-index: 50; } #main-navigation ul li.selected .dropdown { display: block; } #main-navigation ul li ul li { border-right: 0; text-transform: none; float: left; border-top: 0; } #main-navigation ul li ul li:first-child { border-left: 0 !important; } #main-navigation ul li ul li a { color: #444; } #main-navigation ul li ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -122px; content:""; padding-left: 14px; } #main-navigation ul li ul li:first-child:before { background-image: none; } /* this does not work in firefox */ #main-navigation ul li ul li.selected { border-top: 0; border-right: 0; } #main-navigation ul li ul li.selected a { color: #ba0000; } #main-navigation .dropdown .selected + li:before { background-position: -100px -122px; } /* Hot Topics */ #main-navigation .hot-topics { border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; } #main-navigation .hot-topics ul { background-color: #fff; font-family:"ITC Kabel W01 Medium"; height: 36px; overflow: hidden; } #main-navigation .hot-topics ul li { border: 0; padding: 9px 11px 9px 0; text-transform: none; } #main-navigation .hot-topics ul li.selected a { color: #ba0000; } #main-navigation .hot-topics ul li:first-child { background-image: none; } #main-navigation .hot-topics ul li a { color: #444; } #main-navigation .hot-topics ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -122px !important; content: ""; } #main-navigation .hot-topics ul li:first-child:before { background-image: none; } /* Mobile Navigation */ #mobile-navigation { display: none; background-color: #000; font-family: "ITC Kabel W01 Demi", sans-serif; margin: 0 6px 15px; height: 37px; line-height: 2.4; position: relative; text-transform: uppercase; } #mobile-navigation .mobile-menu-icon { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -225px -550px; cursor: pointer; display: block; height: 15px; margin: 13px; position: absolute; width: 20px; } #mobile-navigation .mobile-user-icon { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -251px -75px; display: none; height: 15px; margin: 13px; position: absolute; right: 30px; width: 20px; } #mobile-navigation .mobile-search-icon { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -175px -76px; display: none; height: 15px; margin: 13px; position: absolute; right: 0; width: 20px; } .mobile-drop-down { display: none; } /* Body */ /*section[role="main"], #main { }*/ /* Sign In Box */ #signin { margin: 0 0 12px; } #signin a { color: #1b5c87; text-decoration: none; } #signin a:hover { text-decoration: underline; } #signin .signin-wrap { color: #444; padding: 0 15px 15px; -webkit-transition: opacity 400ms linear, height 300ms ease-out; -moz-transition: opacity 400ms linear, height 300ms ease-out; -ms-transition: opacity 400ms linear, height 300ms ease-out; -o-transition: opacity 400ms linear, height 300ms ease-out; transition: opacity 400ms linear, height 300ms ease-out; } #signin .forgot-wrap { color: #444; padding: 0 15px 15px; -webkit-transition: opacity 400ms linear, height 300ms ease-out; -moz-transition: opacity 400ms linear, height 300ms ease-out; -ms-transition: opacity 400ms linear, height 300ms ease-out; -o-transition: opacity 400ms linear, height 300ms ease-out; transition: opacity 400ms linear, height 300ms ease-out; } #signin .signin-wrap .item, #signin .forgot-wrap .item { display: inline-block; margin-bottom: 15px; margin-left: 9px; } #signin .signin-wrap .item:first-child, #signin .forgot-wrap .item:first-child { margin-left: 0; } #signin label { color: #000; display: block; font-family: "Frutiger LT W01 65 Bold", sans-serif; font-size: 0.813em; margin-bottom: 10px; } #signin input { border: 1px solid #d6d6d6; color: #444; font-size: 0.813em; padding: 7px 8px; } #signin input[type="email"] { width: 220px; } #signin input[type="password"] { width: 220px; } #signin input[type="submit"] { background: #FFF; color: #1b5c87; font-family: "ITC Kabel W01 Demi", sans-serif; font-size: 90%; line-height: 1.4; margin-bottom: 1px; text-transform: uppercase; padding: 5px 8px 6px 8px; width: 110px; } #signin input[type="submit"]:hover { background: #1b5c87; color: #fff; } #signin .checkbox label { color: #444; display: inline; font-family: 'Georgia', serif; font-size: 0.750em; } #signin .checkbox { clear: both; display: inline-block; } #signin .checkbox p input { left: 1px; position: absolute; top: 1px; visibility: hidden; z-index: 50; } #signin .checkbox p label { cursor: pointer; display: block; padding-left: 25px; position: relative; width: 120px; z-index: 60; } #signin .checkbox p.input-unchecked { border: 1px solid #d6d6d6; height: 15px; position: relative; width: 15px; } #signin .checkbox p.input-checked { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -96px -297px; } #signin .signin-info { font-size: 0.750em; margin-top: 15px; } #signin .forgot-password { float: right; } /* Carousel */ #carousel { background-color: #000; color: #fff; margin: 0 0 12px; overflow: hidden; position: relative; } #carousel.widget-full { max-height: 465px; min-height: 465px; } #carousel.widget-full-black { max-height: 340px; min-height: 340px; } #carousel .slide-wrap { height: 100%; /*width: 100%;*/ } #carousel .item { float: left; height: 100%; min-height: 450px; width: 100%; } #carousel .item a { color: #fff; text-decoration: none; } #carousel .tag-title { background: rgba(0, 0, 0, 0.5); color: #fff; display: inline-block; font-family: "ITC Kabel W01 Demi", serif; font-size: 1.125em; padding: 7px 12px; position: absolute; text-transform: uppercase; z-index: 100; } #carousel .carousel-content { padding: 9px 15px 1px 15px; } #carousel .hero-title { /*max-height: 2em;*/ margin-top: 4px; /*overflow: hidden;*/ } #carousel .post-meta { color: #898989; } #carousel .post-meta a { color: #fff; text-decoration: none; } #carousel .post-meta a:hover { text-decoration: underline; } #carousel .hero-text { line-height: 1.325em; } #carousel-text-trim { height: 0; overflow: hidden; position: absolute; visibility: hidden; z-index: -1; } #carousel-text-trim-title { font-family: "ITC Kabel W01 Demi"; font-size: 1.750em; height: auto; line-height: 1em; margin: 7px 0 0 0; text-transform: uppercase; } /* Experts & Library Carousel */ .section-carousel#carousel { background-color: #000; color: #fff; min-height: 340px; margin: 0 0 12px 0; } /*.section-carousel#carousel .item { }*/ .section-carousel#carousel .item-wrap-expert { margin: 0 auto; width: 445px; } .section-carousel#carousel .item-wrap-library { margin: 0 auto; width: 510px; } .section-carousel#carousel .item-content { float: left; max-width: 250px; position: relative; z-index: 200; } .section-carousel#carousel .widget-title { color: #fff; font-size: 1.125em; border-bottom: 0; } .section-carousel#carousel .article-info { font-size: 0.750em; } .section-carousel#carousel .article-info a { color: #fff; text-decoration: none; } .section-carousel#carousel .article-info a:hover { text-decoration: underline; } .section-carousel#carousel .carousel-title a { color: #fff; text-decoration: none; } .section-carousel#carousel .carousel-description-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 0.813em; } .section-carousel#carousel .blockquote { border-bottom: 0; margin: 25px 0 0 0; max-width: 250px; } .section-carousel#carousel .quote:before { background-position: -100px -749px; } .section-carousel#carousel .quote:after { background-position: -197px -749px; } /* Carousel Controls & Pagination */ #carousel_controls { height: 100%; max-height: 307px; position: absolute; opacity: 0; width: 100%; z-index: 100; } #carousel_controls:hover { opacity: 1; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; } #carousel_controls .carousel-ctrl { position: absolute; } #carousel_controls .ctrl-left { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: 34px -80px; cursor: pointer; height: 100%; left: 0; width: 50px; } #carousel_controls .ctrl-right { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -25px -80px; cursor: pointer; height: 100%; right: 0; width: 50px; } #carousel_pagination { background-color: rgba(0, 0, 0, 0.2); margin: 8px; position: absolute; padding: 2px 5px; right: 0; top: 0; z-index: 250; } #carousel_pagination .box-wrap { position: absolute; } #carousel_pagination .pagination-box { border: 1px solid #fff; cursor: pointer; display: inline-block; height: 8px; margin: 0 2px; right: 0; width: 8px; } #carousel_pagination .pagination-box.selected { background-color: #ba0000; border: 1px solid #ba0000; } .section-carousel #carousel_controls { max-height: 340px; top: 0; } /* Section Main Feature */ #section-main { margin: 0 0 12px; } #section-main { color: #000; } #section-main .item a { color: #000; text-decoration: none; } #section-main .section-main-content { padding: 9px 15px 2px 15px; } /*#section-main h1 a { color: #000; text-decoration: none; }*/ #section-main .post-meta { color: #898989; } #section-main .post-meta a { color: #1b5c87; } #section-main .post-meta a:hover { text-decoration: underline; } /* Sub-Section Main Feature */ #sub-section-main { margin: 0 12px 12px 0; } #sub-section-main .widget-figure-medium { position: relative; } #sub-section-main { color: #000; } #sub-section-main .item a { color: #000; text-decoration: none; } #sub-section-main .section-main-content { padding: 9px 15px 2px 15px; } #sub-section-main h1 { font-family: "ITC Kabel W01 Demi"; font-size: 1.5em; text-transform: uppercase; margin: 4px 0 0 0; line-height: 0.8em; } #sub-section-main h1 a { color: #000; text-decoration: none; } #sub-section-main p { font-size: 0.875em; line-height: 1.425em; } #sub-section-main .post-meta { color: #898989; } #sub-section-main .post-meta a { color: #1b5c87; } #sub-section-main .post-meta a:hover { text-decoration: underline; } /* Article View and Preview Article */ #article, #preview_article { margin: 0 0 12px; position: relative; } #article a, #preview_article a { color: #1b5c87; text-decoration: none; } #article a:hover, #preview_article a:hover { text-decoration: underline; } #article .article-content, #preview_article .article-content { padding: 15px; position: relative; } #article .article-content h2, #preview_article .article-content h2 { font-family: "Frutiger LT W01 65 Bold"; font-size: 1.125em; margin: 0; } #article .item, #preview_article .item { position: relative; } #article .single-article-title, #preview_article .single-article-title { margin: 0; } #article .single-article-title a, #preview_article .single-article a { color: #000; text-decoration: none; } #article .single-article-text, #preview_article .single-article-text { font-size: 0.938em; margin: 15px 0; } #article ul li, #article ol li { padding-bottom: 10px; } #article .icon-wrap, #preview_article .icon-wrap { top: 12px; } #article .footer-info, #preview_article .footer-info { padding: 15px; } #article .article-info, #preview_article .article-info { border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; padding-bottom: 15px; } #article .user-info, #preview_article .user-info { display: inline-block; /*margin-right: 40px;*/ width: 235px; } #article .user-article-info, #preview_article .user-article-info { color: #1b5c87; font-size: 0.750em; } #article .user-article-info a, #preview_article .user-article-info a { color: #1b5c87; text-decoration: none; } #article .user-article-info a:hover, #preview_article .user-article-info a:hover { text-decoration: underline; } #article .user-title a, #preview_article .user-title a { color: #000; } #article .user-title a:hover, #preview_article .user-title a:hover { text-decoration: none; } #article .share-options, #preview_article .share-options { display: inline-block; /*font-size: 0.750em;*/ vertical-align: top; } #article .share-options ul, #preview_article .share-options ul { list-style: none; margin-bottom: 15px; padding: 0; position: relative; } #article .share-options ul li, #preview_article .share-options ul li { float: left; padding: 0 0 0 7px; } #article .share-options ul li:first-child, #preview_article .share-options ul li:first-child { padding-left: 0; } #article .share-options ul li:first-child:before, #preview_article .share-options ul li:first-child:before { background: none; padding-left: 0; } #article .share-options ul li a, #preview_article .share-options ul li a { color: #1b5c87; text-decoration: none; } #article .share-options ul li a:hover, #preview_article .share-options ul li a:hover { text-decoration: underline; } #article .share-options ul li:before, #preview_article .share-options ul li:before { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -172px; content: ""; padding-left: 7px; } #article .other-experts .tag-list { max-width: 310px; } #article .other-experts .tag-list li { white-space: normal; } /*#article .single-article-attachment .tag-box { border: 0; }*/ /* Recommended Reading */ #recommended-reading { margin: 0 0 12px; } #recommended-reading .recommended-reading-wrap { padding: 0 15px 0; } #recommended-reading .item { float: left; margin-left: 22px; max-width: 105px; } #recommended-reading .item:first-child { margin-left: 0; } #recommended-reading .widget-button { display: inline-block; padding: 5px 9px; } /* Related Articles */ #related-articles { margin: 0 0 12px; } #related-articles .related-articles-wrap { padding: 0 15px 15px; } #related-articles .item { float: left; margin-left: 22px; max-width: 105px; } #related-articles .item:first-child { margin-left: 0; } #related-articles .article-title { font-size: 0.875em; line-height: 1.2em; margin-bottom: 10px; text-transform: capitalize; } #related-articles .article-title a { color: #000; text-decoration: none; } #related-articles .post-meta { display: inline-block; line-height: 1.350em; } /* Comments */ #comments { margin: 0 0 12px; position: relative; } #comments a { color: #1b5c87; text-decoration: none; } #comments a:hover { text-decoration: underline; } #comments .comment-wrap { padding: 0 15px 15px; } #comments .comment-form { border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 15px; } #comments .comments-textarea { background-color: #fcfbfb; border: 1px solid #d6d6d6; color: #444; font-size: 0.813em; height: 100px; min-height: 100px; max-height: 100px; min-width: 590px; max-width: 590px; margin-bottom: 15px; padding: 10px; width: 590px; } #comments input[type="submit"] { background-color: #FFF; } #comments input[type="submit"]:hover { background-color: #1b5c87; color: #FFF; } #comments .guidelines { color: #444; font-size: 0.750em; font-style: italic; float: right; margin-top: 8px; } #comments .comment-box { border-top: 1px dotted #d6d6d6; margin-bottom: 15px; padding-top: 15px; position: relative; } #comments .comment-box:first-child { border-top: 0; /*padding-top: 0;*/ } #comments .comment-box p { margin-top: 0; } #comments .post-meta { color: #767676; margin-bottom: 7px; vertical-align: top; } #comments .user-name { color: #000; } #comments .widget-button:hover { color: #fff; } #comments .widget-button a:hover { color: #fff; text-decoration: none; } #comments .delete-comment { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -150px -275px; cursor: pointer; height: 10px; position: absolute; right: 0; top: 18px; width: 10px; } #comments .delete-comment:hover { background-position: -175px -275px; } /* Registration */ input:focus { border: 0; outline: none } #register { margin: 0 0 12px; } #register a { color: #1b5c87; text-decoration: none; } #register a:hover { text-decoration: underline; } #register .form-wrap { color: #444; padding: 0 15px 15px; } #register .form-wrap .item { display: inline-block; margin-bottom: 15px; } #register .form-wrap .item:first-child { margin-right: 13px; } #register .form-row.drop-downs { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 20px 0; padding: 20px 0; } #register label { display: block; color: #000; font-family: "Frutiger LT W01 65 Bold", sans-serif; font-size: 0.813em; margin-bottom: 10px; } #register input[type="text"], #register input[type="email"], #register input[type="password"] { background: #fcfbfb; border: 1px solid #d6d6d6; color: #444; font-size: 0.813em; padding: 7px 8px; width: 280px; } #register .drop-down-wrap { margin-left: 15px; } #register .drop-down-wrap:first-child { margin-left: 0; } #register .select-box-wrap { min-width: 297px; width: 100%; } #register .select-box-wrap > ul { width: 295px; } #register .select-box-holder { color: #444; font-family: 'Georgia', serif; font-size: 0.813em; text-transform: none; } #register .select-box { display: inline-block; font-size: inherit; text-transform: inherit; } #register .select-box .arrow { height: 29px; } #register .option-list { font-family: 'Georgia', serif; font-size: 0.813em; } #register .form-button { background: #fcfbfb; border: 1px solid #d6d6d6; font-size: 0.813em; position: relative; width: 298px; } #register .form-button .option { border-right: 1px solid #d6d6d6; padding: 7px; width: 253px; } #register .form-button .arrow { background-color: #fff; background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -90px -313px; cursor: pointer; height: 29px; position: absolute; right: 0; top: 0; width: 30px; } #register .register-checkbox label { font-family: 'Georgia', serif; color: #444; display: inline; } #register .register-checkbox { clear: both; display: inline-block; max-width: 613px; width: 100%; } #register .register-checkbox .input-unchecked input { visibility: hidden; position: absolute; z-index: 50; top: 1px; left: 1px; } #register .register-checkbox .input-unchecked label { display: block; padding-left: 25px; position: relative; width: 500px; z-index: 60; cursor: pointer; } #register .register-checkbox .input-unchecked { width: 15px; height: 15px; border: 1px solid #d6d6d6; position: relative; } #register .register-checkbox .input-checked { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -96px -297px; } #register input[type="submit"] { width: 110px; margin-top: 26px; background: #FFF; color: #1b5c87; font-family: "ITC Kabel W01 Demi", sans-serif; line-height: 1.2; text-transform: uppercase; font-size: 90%; } #register input[type="submit"]:hover { background: #1b5c87; color: #fff; } #register .checkbox label { font-family: 'Georgia', serif; display: inline; color: #444; font-size: 0.750em; } #register .last-article-line { padding-bottom: 20px;} #register .contact-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 0.875em; } #register .terms { border-top: 1px solid #d6d6d6; padding-top: 15px; } #register .widget-reg-button { margin-bottom: 0; } /* Register Message */ #register-message { margin: 0 0 12px; } #register-message .wrap { padding: 0 15px 15px; } /* Custom Page */ #custom-page { margin: 0 0 12px; } #custom-page a { color: #1b5c87; text-decoration: none; } #custom-page a:hover { text-decoration: underline; } #custom-page .wrap { margin: 15px; } /* Search Form */ .search-form { margin: 0 12px 12px 0; } .search-form .wrap { padding: 0 15px 15px; position: relative; } .search-form .search-box { background: #fcfbfb; border: 1px solid #d6d6d6; color: #444; font-size: 0.813em; padding: 7px 8px; max-width: 430px; width: 100%; -webkit-appearance: none; } .search-form .search-btn { border: 0; background-color: transparent; background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -75px; cursor: pointer; height: 23px; position: absolute; right: 25px; top: 8px; width: 15px; } /* Search Results */ .search-results { margin: 0 12px 12px 0; position: relative; } .search-results .term { color: #ba0000; } .search-results .widget-title { border-bottom: 0; margin-bottom: 0; } .search-results .expand-icon { background-image: url('/images/pieria-@x1.png'); background-position: -224px -350px; background-repeat: no-repeat; cursor: pointer; height: 12px; position: absolute; right: 15px; top: 8px; width: 11px; } .search-results .expand-icon:hover { background-position: -250px -350px; } .search-results .wrap { border-top: 1px solid #d6d6d6; padding: 15px; } .search-results .search-item { border-top: 1px solid #d6d6d6; padding-top: 15px; } .search-results .search-item:first-child { border: 0; padding: 0; } .search-results .article-title { line-height: 1.2em; } .search-results .article-title a { color: #000; text-decoration: none; } .search-results .post-meta { margin: 5px 0; } .search-results .article-text { margin: 10px 0; } .search-results .search-info { color: #444; font-size: 0.750em; } .search-results .search-info a { color: #ba0000; text-decoration: none; } .search-results .search-info a:hover { text-decoration: underline; } /* Experts & Library Search */ #section-search { margin: 0 0 12px; overflow: hidden; position: relative; } #section-search input[type="search"].user-search { background-color: #fcfbfb; border: 0; font-size: 0.750em; padding: 7px 30px 7px 10px; position: relative; width: 603px; } #section-search .user-search-button { border: 0; background-color: transparent; background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -75px; cursor: pointer; height: 23px; position: absolute; right: 10px; top: 6px; width: 15px; } #section-search .obj_item_list { font-size: 0.750em; list-style: none; padding-left: 0; } #section-search .obj_item_list li { padding: 7px 10px; white-space: nowrap; } #section-search .obj_item_list li:hover { background-color: #fff; color: #1b5c87; cursor: pointer; } /* Experts & Library Landing */ #section-landing, #search-holder { margin: 0 0 12px; } #section-landing .profiles-wrap, #search-holder .profiles-wrap { padding: 0 15px 15px; } #section-landing .item, #search-holder .item { border-bottom: 1px solid #d6d6d6; display: inline-block; height: 295px; min-height: 205px; max-width: 105px; margin: 0 0 15px 0; overflow: hidden; padding: 0 8px 0 9px; vertical-align: top; } #section-landing .item-expert, #search-holder .item-expert { border-bottom: 1px solid #d6d6d6; display: inline-block; min-height: 255px; max-width: 105px; margin: 0 0 15px 0; padding: 0 8px 0 9px; vertical-align: top; } #section-landing .article-title,#search-holder .article-title { font-size: 0.813em; max-height: 4.495em; line-height: 1.125em; margin-bottom: 5px; overflow: hidden; } /* max height and overflow solution may need to be js */ #section-landing .article-title a,#search-holder .article-title a { color: #000; text-decoration: none; } #section-landing .article-expert-title, #search-holder .article-expert-title { font-size: 0.875em; line-height: 1.125em; margin-bottom: 5px; max-height: 4.3em; overflow: hidden; } #section-landing .article-expert-title a, #search-holder .article-expert-title a { color: #000; text-decoration: none; } #section-landing .post-meta,#search-holder .post-meta { /*height: 30px;*/ margin-top: 0; overflow: hidden; max-height: 30px; } #section-landing .expert-info,#search-holder .expert-info { font-size: 0.750em; list-style: none; padding: 0; } #section-landing .expert-info a,#search-holder .expert-info a { color: #1b5c87; text-decoration: none; } #section-landing .expert-info a:hover,#search-holder .expert-info a:hover { text-decoration: underline; } /* Experts Profile */ #experts-profile { margin: 0 0 12px; position: relative; } #experts-profile .item { margin: 15px; } #experts-profile .widget-figure-big-avatar { border: 1px solid #d6d6d6; margin: 0 20px 0 0; padding: 2px; } #experts-profile .experts-wrap { margin-bottom: 20px; position: relative; } #experts-profile .experts-info-wrap { float: left; min-height: 150px; max-width: 437px; width: 100%; } #experts-profile .hero-title, #experts-profile .post-meta { text-transform: none; max-width: 320px; } #experts-profile .experts-text-wrap { clear: both; -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-ms-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear; } #experts-profile .experts-interview-wrap { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -ms-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } #experts-profile .icon-wrap { right: 0; top: 0; } #experts-profile .institute-logo { background-image: url('/images/test-asset-inst-logo.jpg'); background-repeat: no-repeat; float: right; height: 36px; margin-left: 7px; width: 36px; /* temp */ } #experts-profile .interview-icon { margin-bottom: 0; } #experts-profile .twitter-icon { background-image: url('/images/pieria-@x1.png'); background-position: -95px -544px; border: 1px solid #acacac; display: inline-block; height: 29px; width: 29px; vertical-align: top; } #experts-profile .twitter-icon:hover { background-position: -121px -544px; cursor: pointer; } #experts-profile .linkedin-icon { background-image: url('/images/pieria-@x1.png'); background-position: -94px -497px; border: 1px solid #acacac; display: inline-block; height: 29px; width: 29px; vertical-align: top; } #experts-profile .linkedin-icon:hover { background-position: -119px -497px; cursor: pointer; } /* Books Detail */ #books-detail { margin: 0 0 12px; position: relative; } #books-detail a { color: #1b5c87; text-decoration: none; } #books-detail a:hover { text-decoration: underline; } #books-detail .item { margin: 15px; } #books-detail .widget-figure-book-v { margin-right: 20px; } #books-detail .books-wrap { border-bottom: 1px solid #d6d6d6; margin-bottom: 20px; padding-bottom: 20px; position: relative; } #books-detail .books-info-wrap { float: left; min-height: 150px; max-width: 470px; width: 100%; } #books-detail .hero-title, #books-detail .post-meta { text-transform: none; max-width: 320px; } #books-detail .books-text-wrap { clear: both; } #books-detail .recommended { color: #444; font-size: 0.750em; } #books-detail .recommended a { color: #1b5c87; text-decoration: none; } #books-detail .recommended a:hover { text-decoration: underline; } #books-detail .icon-wrap { right: 0; top: 0; } /*#books-detail .form-dropdown { }*/ #books-detail .buy, #bookshelf .buy { margin-top: 15px; } #books-detail .select-box-wrap, #bookshelf .select-box-wrap { display: inline-block; } #books-detail .select-box-holder, #bookshelf .select-box-holder { color: #444; font-family: inherit; text-transform: none; } #books-detail .select-box, #bookshelf .select-box { font-family: inherit; font-size: 0.813em; text-transform: none; } #books-detail .buy-button, #bookshelf .buy-button { padding: 6px 10px; vertical-align: top; } #books-detail .option-list { font-size: 0.813em; } /* Archives List */ #archives-list { margin: 0 0 12px; } #archives-list .wrap { margin: 15px; } #archives-list ul { column-count: 2; column-width: 230px; -moz-column-count: 2; -moz-column-width: 300px; -webkit-column-count: 2; -webkit-column-width: 230px; list-style: none; padding: 0; font-size: 0.813em; } /* HTML5please recommends leaving it to default to single list in older browsers - http://html5please.com/#column */ #archives-list ul li { color: #000; line-height: 1.4; } #archives-list ul li:before { content: "- "; } #archives-list ul li a { color: #1b5c87; text-decoration: none; } #archives-list ul li a:hover { text-decoration: underline; } #archives-list ul li.letter { color: #444; display: block; font-family: "Frutiger LT W01 65 Bold"; margin: 15px 0; } #archives-list ul li.letter:before { content: ""; } #archives-list ul li.letter:first-child { margin-top: 0; } /* Grouped Rules for Archives, Books & Profiles */ #experts-profile .article-text, #books-detail .article-text { margin-top: 15px; } #experts-profile .tags { padding: 15px 0; } #experts-profile .info-title, #books-detail .info-title { font-family: "Frutiger LT W01 65 Bold", sans-serif; font-size: 1.125em; margin-bottom: 15px; } #preview_mode_box .tag-title,#experts-profile .tag-title, #books-detail .tag-title, #article .tag-title { color: #444; margin-right: 7px; vertical-align: top; } #preview_mode_box .tag-list, #experts-profile .tag-list, #books-detail .tag-list, #article .tag-list { display: inline-block; max-width: 320px; vertical-align: top; } #article .tag-list { max-width: 577px; /*width: 577px;*/ } /* Blogs */ #blog-header { margin: 0 0 12px; position: relative; } #blog-header.inside_pieria { background-color: #7d7d7d; color: #fff; } #blog-header.prototype { background-color: #f26522; color: #fff; } #blog-header .wrap { margin: 15px; } #blog-header .icon-wrap { top: 15px; right: 15px; } #blog-header .feed { background-position: -151px -400px; } #blog-header .rss { background-position: -150px -424px; } #blog-posts { margin: 0 0 12px; } #blog-posts .post { margin: 0 0 12px; } #blog-posts .post-wrap { margin: 15px; } #blog-posts .article-title a { color: #000; text-decoration: none; } #blog-posts .post-meta { margin: 6px 0; } #blog-posts .post-info { position: relative; } /* Dashboard */ #dashboard { margin: 0 0 12px; position: relative; } #dashboard .wrap { margin: 15px; } #dashboard .header-wrap { position: relative; margin-bottom: 15px; } #dashboard .article-wrap { border-top: 1px solid #d6d6d6; margin-bottom: 15px; padding-top: 15px; } #dashboard .article-info { float: left; max-width: 500px; width: 100%; } #dashboard .widget-title { background-color: #ba0000; color: #fff; margin-bottom: 0; } #dashboard .dashboard-nav { display: table; font-family: "Frutiger LT W01 65 Bold"; list-style: none; padding: 0; width: 100%; } #dashboard .dashboard-nav li { border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; color: #4b4b4b; display: table-cell; font-size: 0.750em; text-align: center; text-transform: uppercase; vertical-align: middle; width: auto; } #dashboard .dashboard-nav li:hover { cursor: pointer; } #dashboard .dashboard-nav li:first-child { border-left: 0; /*padding-left: 22px;*/ } #dashboard .dashboard-nav li.active { border-bottom: 0; } #dashboard .dashboard-nav li.active a { color: #000; } #dashboard .dashboard-nav li a { color: #444; display: block; padding: 7px; text-decoration: none; } #dashboard .box-title { display: inline-block; font-family: "Frutiger LT W01 65 Bold"; font-size: 1.313em; margin: 0; } #dashboard .compose-button { position: absolute; right: 0; } #dashboard .cancel-button { position: absolute; right: 15px; } /* not final solution*/ #dashboard .article-title { line-height: 1.2em; text-transform: capitalize; } #dashboard .article-title a { color: #000; text-decoration: none; } #dashboard .widget-reg-button { margin-bottom: 0; } #dashboard .widget-reg-button:hover a { color: #fff; } #dashboard .ipad-portrait-message { color: #fff; display: none; font-family: 'Georgia', serif; font-size: 0.750em; font-style: italic; position: absolute; right: 7px; top: 6px; } /* Preview Article bits */ /* disabled by default */ #dashboard .cancel-preview-mode, #dashboard .preview-title { display: none; } /* visible in preview mode */ .preview-article-mode #dashboard .box-title, .preview-article-mode #dashboard .cancel-button { display: none; } .preview-article-mode #dashboard .cancel-preview-mode, .preview-article-mode #dashboard .preview-title { display: inline-block; } /* My Feed */ #myfeed { position: relative; } #myfeed .following-wrap { border: 1px solid #d6d6d6; margin-bottom: 15px; } #myfeed .following-wrap .rss{ position: absolute; top: 5px; right: 5px;} #myfeed .following-tags { margin: 15px; } #myfeed .following-wrap .following-search-wrap { position: relative; } #myfeed .following-wrap .search-tags { border-bottom: 1px solid #d6d6d6; } #myfeed .following-wrap input[type="search"].following-search { background-color: #fcfbfb; border-top: 1px solid #d6d6d6; border-left: 0; border-right: 0; border-bottom: 0; font-size: 0.750em; max-width: 566px; padding: 7px 35px 7px 10px; -webkit-appearance: none; width: 100%; } #myfeed .following-wrap .post-meta { margin: 15px; } #myfeed .item, #feed_items { border-top: 1px solid #d6d6d6; padding: 15px 0; } #feed_items { padding-bottom: 0; } #myfeed .item:first-child { border-top: 0; padding-top: 0; } #myfeed .widget-figure-square { margin-bottom: 15px; } #myfeed .item-wrap { display: inline-block; max-width: 500px; position: relative; vertical-align: top; width: 100%; } #myfeed .article-title, #myfeed .post-meta { max-width: 400px; } #myfeed .item .post-meta { margin: 7px 0 0 0; } #myfeed .item-info { position: absolute; right: 0; top: 0; } #myfeed .article-comments { border-right: 1px solid #b1b1b1; display: inline-block; line-height: 0.8; margin: 0 30px 0 0; padding-right: 10px; position: relative; right: 0; top: 3px; } #myfeed .icon-wrap { right: 0; top: 0; vertical-align: top; } #myfeed_dev_msg { text-align: center; } /* Reading List */ #reading-list { position: relative; } #reading-list .item { border-top: 1px solid #d6d6d6; padding: 15px 0; } #reading-list .item:first-child { border-top: 0; padding-top: 0; } #reading-list .widget-figure-square { margin-bottom: 15px; } #reading-list .item-wrap { display: inline-block; max-width: 500px; position: relative; vertical-align: top; width: 100%; } #reading-list .article-title, #reading-list .post-meta { max-width: 400px; } #reading-list .post-meta { margin: 7px 0 0 0; } #reading-list .item-info { position: absolute; right: 0; top: 0; } #reading-list .article-comments { border-right: 1px solid #b1b1b1; display: inline-block; line-height: 0.8; margin: 0 10px 0 0; padding-right: 10px; position: relative; right: 0; top: 3px; } #reading-list .widget-close { margin: 0; } /* Book Shelf */ #bookshelf { position: relative; } #bookshelf .item { border-top: 1px solid #d6d6d6; padding: 15px 0; } #bookshelf .item:first-child { border-top: 0; padding-top: 0; } #bookshelf .widget-figure-square { margin-bottom: 15px; } #bookshelf .item-wrap { display: inline-block; max-width: 500px; position: relative; vertical-align: top; width: 100%; } #bookshelf .article-title, #bookshelf .post-meta, #bookshelf .book-meta { max-width: 400px; } #bookshelf .post-meta { margin: 7px 0 0 0; } #bookshelf .item-info { position: absolute; right: 0; top: 0; } #bookshelf .article-comments { border-right: 1px solid #b1b1b1; display: inline-block; line-height: 0.8; margin: 0 10px 0 0; padding-right: 10px; position: relative; right: 0; top: 3px; } #bookshelf .widget-close { margin: 0; } /* Account Details */ #account-details .hero-title { border-bottom: 1px solid #d6d6d6; display: block; font-size: 1.500em; margin-bottom: 15px; padding-bottom: 15px; } #account-details .hero-subtitle { color: #444; font-family: "ITC Kabel W01 Demi"; font-size: 0.875em; text-transform: uppercase; } /*#account-details .form-wrap { }*/ #account-details .row { border-top: 1px solid #d6d6d6; margin-top: 15px; padding-top: 15px; } #account-details .row:first-child { border-top: 0; } #account-details .row .item { border-left: 1px solid #d6d6d6; display: inline-block; margin-left: 11px; padding-left: 15px; vertical-align: bottom; } #account-details .row .item:first-child { border-left: 0; margin-left: 0; padding-left: 0; } #account-details .account-checkboxes { padding-bottom: 50px; } #account-details label { color: #000000; display: block; font-family: "Frutiger LT W01 65 Bold",sans-serif; font-size: 0.813em; margin-bottom: 10px; } #account-details input[type="text"], #account-details input[type="email"], #account-details input[type="password"], #account-details input[type="search"] { background: none repeat scroll 0 0 #FCFBFB; border: 1px solid #acacac; color: #444444; font-size: 0.813em; padding: 7px 8px; width: 165px; -webkit-appearance: none; } #account-details .register-checkbox label { font-family: 'Georgia', serif; color: #444; display: inline; } #account-details .register-checkbox { clear: both; display: inline-block; max-width: 613px; width: 100%; } #account-details .register-checkbox .input-unchecked input { left: 1px; position: absolute; top: 1px; visibility: hidden; z-index: 50; } #account-details .register-checkbox .input-unchecked label { display: block; padding-left: 25px; position: relative; width: 500px; z-index: 60; cursor: pointer; } #account-details .register-checkbox .input-unchecked { width: 15px; height: 15px; border: 1px solid #d6d6d6; position: relative; } #account-details .register-checkbox .input-checked { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -122px -297px; } #account-details input[type="submit"], #account-details .fupload { width: 110px; margin-top: 26px; background: #FFF; color: #1b5c87; font-family: "ITC Kabel W01 Demi", sans-serif; line-height: 1.2; text-transform: uppercase; font-size: 90%; } #account-details input[type="submit"]:hover { background: #1b5c87; color: #fff; } #account-details .checkbox label { font-family: 'Georgia', serif; display: inline; color: #444; font-size: 0.750em; } #account-details .account-textarea { background-color: #fbfbfb; border: 1px solid #d6d6d6; font-size: 0.813em; min-height: 80px; max-height: 80px; height: 80px; padding: 10px; min-width: 591px; max-width: 591px; width: 591px; } #account-details .select-box-wrap > ul { font-family: 'Georgia', serif; text-transform: none; } #account-details .select-box-wrap > ul li { font-size: 0.813em; } #account-details .select-box-holder { color: #444; font-family: 'Georgia', serif; text-transform: none; } #account-details .widget-figure-big-avatar { margin: 0 45px 10px 0; } #custom-position { margin-top: 15px; } #site-row { margin-top: 15px; } /* Create Article */ #dashboard-create-article { margin: 0 0 12px; position: relative; } #dashboard-create-article .wrap { margin: 5px; } #dashboard-create-article .row, #dashboard-create-article .article-gallery-wrap { border-top: 1px solid #d6d6d6; margin: 0 0 5px 0; padding-top: 5px; position: relative; } #dashboard-create-article .element-ctrls { left: 0; position: absolute; top: 0; width: 100%; } #dashboard-create-article .el-ctrl:hover { cursor: pointer; } #dashboard-create-article .ctrl-up { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -925px; height: 12px; width: 12px; vertical-align: top; display: inline-block; margin: 7px 7px 0 0; } #dashboard-create-article .ctrl-down { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -125px -925px; height: 12px; width: 12px; vertical-align: top; display: inline-block; margin: 7px 7px 0 0; } #dashboard-create-article .ctrl-up:hover { background-position: -100px -900px; } #dashboard-create-article .ctrl-down:hover { background-position: -125px -900px; } #dashboard-create-article .ctrl-kill { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -950px; height: 12px; margin-top: 7px; position: absolute; right: 0; vertical-align: top; width: 12px; } #dashboard-create-article .row:first-child { border: 0; padding-top: 0; } #dashboard-create-article .element-title { border-bottom: 1px solid #d6d6d6; color: #444; font-size: 0.625em; font-style: italic; margin-bottom: 5px; padding-bottom: 8px; text-align: center; } #dashboard-create-article .article-gallery-wrap-inner { height: 102px; margin-bottom: 5px; overflow: hidden; position: relative; width: 100%; } #dashboard-create-article .article-gallery { height: 100px; left: 0; position: absolute; top: 0; width: 20000px; } #dashboard-create-article .img-placeholder .img-holder-lbl, #dashboard-create-article .img-placeholder-picture .img-holder-lbl { color: #444; max-width: 450px; margin: 0 auto;position: relative; top: 45%; } #dashboard-create-article .img-placeholder .img-holder-lbl > span { font-family: "Frutiger LT W01 65 Bold"; font-size: 1.375em; } #dashboard-create-article .img-placeholder .img-holder-sub-lbl, #dashboard-create-article .img-placeholder-picture .img-holder-sub-lbl { font-size: 0.750em; font-style: italic; text-align: center; } #dashboard-create-article .article-gallery .img-placeholder-gallery { display: inline-block; margin: 0 0 8px 5px; overflow: hidden; vertical-align: top; } #dashboard-create-article .article-gallery .img-placeholder-gallery:first-child { margin-left: 0; } #dashboard-create-article .article-gallery .img-placeholder-gallery img { cursor: pointer; height: auto; width: 100%; } #dashboard-create-article .article-gallery .selected { border: 1px solid #ba0000; } #dashboard-create-article input[type="text"] { background: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; margin-right: 2px; min-width: 250px; padding: 6px 7px 7px 7px; } #dashboard-create-article input[type="text"].article-headline { border: 1px solid #acacac; background: #fcfbfb; color: #000; font-family: "ITC Kabel W01 Demi"; font-size: 1.688em; min-width: 616px; max-width: 616px; padding: 5px 7px; /*text-transform: uppercase;*/ } #dashboard-create-article .single-article-title { background-color: #fcfbfb; border: 1px solid #ACACAC; margin-bottom: 0; max-width: none; padding: 5px 7px; } #dashboard-create-article .article-editor { background: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; min-height: 400px; max-height: 400px; min-width: 610px; max-width: 610px; margin-bottom: 8px; padding: 10px; } #dashboard-create-article input[type="text"].article-video { width: 524px; } #dashboard-create-article .not-valid-item-msg { color: #ba0000; font-size: 0.750em; font-style: italic; margin-bottom: 10px; } #dashboard-create-article .article-buttons { border-top: 1px solid #d6d6d6; margin: 5px 0; padding-top: 20px; } #dashboard-create-article .close { position: absolute; right: 0; } #dashboard-create-article .attachment-tag, #attachment_uploading_msg { color: #1b5c87; display: inline-block; font-size: 0.750em; margin: 10px 7px; /*padding: 2px 0 0 4px;*/ position: relative; } #attachment_uploading_msg { font-style: italic; } #dashboard-create-article .attachment-tag .widget-close { margin: -1px 0 0 7px; } #dashboard-create-article .input-wrap { display: inline-block; vertical-align: top; } #dashboard-create-article .widget-reg-button { margin: 0 5px 0 0; } #dashboard-create-article .widget-form-button { margin: 0 1px 10px 0; } /*#dashboard-create-article .file-upload-button { }*/ #dashboard-create-article .add-caption { margin-right: 0; position: absolute; right: 0; } #dashboard-create-article .img-featured { background-color: #1b5c87; color: #fff; cursor: pointer; } #dashboard-create-article .add-video { margin: 0 0 0 5px; } #dashboard-create-article .input-text { margin-left: 22px; } #dashboard-create-article .caption { bottom: auto; right: 0; top: 284px; } .wysihtml5-sandbox { margin-bottom: 0 !important; } .article-editor-toolbar { background-color: #f0f0ed; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; max-width: 630px; /* temporary width */ /*padding: 3px 0;*/ text-align: center; } #dashboard-create-article .text-editor-bold, #dashboard-create-article .text-editor-italic, #dashboard-create-article .text-editor-underline, #dashboard-create-article .text-editor-sub-heading, #dashboard-create-article .text-editor-link, #dashboard-create-article .text-editor-ol, #dashboard-create-article .text-editor-ul, #dashboard-create-article .text-editor-quote { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; border: 1px solid transparent; height: 15px; width: 15px; vertical-align: top; display: inline-block; margin: 2px 1px; padding: 3px; } #dashboard-create-article a.text-editor-bold:hover, #dashboard-create-article a.text-editor-italic:hover, #dashboard-create-article a.text-editor-underline:hover, #dashboard-create-article a.text-editor-sub-heading:hover, #dashboard-create-article a.text-editor-link:hover, #dashboard-create-article a.text-editor-ol:hover, #dashboard-create-article a.text-editor-ul:hover, #dashboard-create-article a.text-editor-quote:hover { border: 1px solid #0A246A; background-color: #C2CBE0; } #dashboard-create-article a.text-editor-bold.wysihtml5-command-active, #dashboard-create-article a.text-editor-italic.wysihtml5-command-active, #dashboard-create-article a.text-editor-underline.wysihtml5-command-active, #dashboard-create-article a.text-editor-sub-heading.wysihtml5-command-active, #dashboard-create-article a.text-editor-link.wysihtml5-command-active, #dashboard-create-article a.text-editor-ol.wysihtml5-command-active, #dashboard-create-article a.text-editor-ul.wysihtml5-command-active, #dashboard-create-article a.text-editor-quote.wysihtml5-command-active { border: 1px solid #0A246A; background-color: #C2CBE0; } #dashboard-create-article .text-editor-bold { background-position: -95px -820px; } #dashboard-create-article .text-editor-italic { background-position: -119px -820px; } #dashboard-create-article .text-editor-underline { background-position: -150px -825px; } #dashboard-create-article .text-editor-sub-heading { background-position: -145px -870px; } #dashboard-create-article .text-editor-link { background-position: -97px -868px; } #dashboard-create-article .text-editor-ol { background-position: -122px -846px; } #dashboard-create-article .text-editor-ul { background-position: -96px -846px; } #dashboard-create-article .text-editor-create-link { border-top: 1px solid #d6d6d6; font-size: 0.750em; padding: 5px 0; } #dashboard-create-article .text-editor-quote { background-position: -120px -870px; display: none; } #dashboard-create-article a.text-editor-italic:after, #dashboard-create-article a.text-editor-link:after, #dashboard-create-article a.text-editor-sub-heading:after { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -180px -825px; content: ""; display: inline-block; height: 15px; padding-right: 15px; width: 15px; } #dashboard-create-article .text-editor-link-input { border: 1px solid #acacac; background-color: #fcfbfb; padding: 4px 5px; margin-right: 2px; } #dashboard-create-article .text-editor-create-link .widget-reg-button { line-height: 1.250em; vertical-align: top; } .article-editor.wysihtml5-editor.placeholder { background: none !important; } .article-editor.wysihtml5-editor { background: none !important; } #dashboard-create-article .widget-button-right { margin-right: 0; position: absolute; right: 0; } #dashboard-create-article .widget-input-right { margin-right: 144px !important; position: absolute; right: 0; } /* 404 Error Page */ #error-page { margin: 0; } #error-page .wrap { margin: 15px; } #error-page .wrap a { color: #1b5c87; text-decoration: none; } #error-page .wrap a:hover { text-decoration: underline; } /* Sidebar Content */ /* Featured Content Tabs */ #featured-content { margin: 0 0 12px; } #featured-content .featured-tabs { display: table; font-family: "ITC Kabel W01 Demi"; list-style: none; padding: 0; vertical-align: middle; width: 100%; } #featured-content .featured-tabs li { border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; cursor: pointer; display: table-cell; font-size: 0.688em; padding: 7px; text-align: center; text-transform: uppercase; width: auto; } #featured-content .featured-tabs li:first-child { border-left: 0; } #featured-content .featured-tabs li a { color: #444; text-decoration: none; } #featured-content .featured-tabs li.active { border-bottom: 0; } #featured-content .featured-tabs li.active a { color: #000; } #featured-content .item { border-top: 1px solid #d6d6d6; margin: 15px; padding-top: 15px; } #featured-content .item:first-child { border-top: 0; padding-top: 0; } #featured-content .item-content { float: left; max-width: 200px; } #featured-content .user-title a { color: #000; text-decoration: none; } #featured-content .article-info { color: #1b5c87; font-size: 0.750em; } #featured-content .article-info a { color: #1b5c87; text-decoration: none; } #featured-content .article-info a:hover { text-decoration: underline; } /* this line will be removed when function is complete */ #featured-content .popular, .recent, .comments { display: none; } #featured-content.post-meta { line-height: 1.2; } /* Latest Articles */ #latest-articles { margin: 0 12px 0 0; position: relative; } #latest-articles .item { border-top: 1px solid #d6d6d6; margin: 15px; padding-top: 15px; } #latest-articles .item:first-child { border-top: 0; padding-top: 0; } #latest-articles .article-content-wrap { display: inline-block; max-width: 335px; width: 100%; } #latest-articles .article-title { line-height: 1.2em; } #latest-articles .article-title a { color: #000; text-decoration: none; } #latest-articles .article-text { margin: 8px 0 0 0; } .widget-holder #latest-articles { margin-right: 0; } .loading-image { background-image: url('/images/loading.gif'); background-repeat: no-repeat; background-position: 50% 50%; color:transparent} .loading-image a, .loading-image span { color:transparent} .lt-ie9 .loading-image a, .lt-ie9 .loading-image span { visibility: hidden; } /* Featured Articles */ #featured-articles { margin: 0 12px 12px 0; position: relative; } #featured-articles .item { float: left; margin: 0 16px; width: 215px; } #featured-articles .item:first-child { margin: 0 0 0 16px; } #featured-articles .article-title { line-height: 1.2em; } #featured-articles .article-title a { color: #000; text-decoration: none; } #featured-articles .post-meta { line-height: 0.8em; } /* Related Books */ #related-books { margin: 0 12px 0 0; } #related-books .item { margin: 15px; } #related-books .item:first-child { padding-top: 0; } /* Featured Expert */ #featured-expert { margin: 0 0 12px; } #featured-expert .item { margin: 15px; } #featured-expert .item:first-child { border-top: 0; padding-top: 0; } #featured-expert .user-title { font-family: "Frutiger LT W01 65 Bold"; font-size: 0.875em; margin: 0; } #featured-expert .user-title a { color: #000; text-decoration: none; } #featured-expert .post-meta { color: #444; font-style: italic; font-size: 0.750em; font-weight: normal; margin: 0; } #featured-expert .article-info { font-size: 0.750em; color: #1b5c87; } #featured-expert .article-info a { text-decoration: none; color: #1b5c87; } #featured-expert .article-info a:hover { text-decoration: underline; } /* Advert Widget */ #advert-widget { margin: 0 0 12px; } /* Facebook Widget */ #facebook-widget { margin: 0 0 12px; } /* Twitter Feed */ #twitter-feed { margin: 0 0 12px; } #twitter-feed .widget-title { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: 167px -771px; } #twitter-feed .item { margin: 15px; } #twitter-feed .article-text { font-size: 0.750em; margin-top: 0; } #twitter-feed .article-text a { color: #1b5c87; text-decoration: none; } #twitter-feed .article-text a:hover { text-decoration: underline; } #twitter-feed .twitter-info { color: #444; font-style: italic; } #twitter-feed .twitter-info a { color: #1b5c87; text-decoration: none; } #twitter-feed .twitter-info a:hover { text-decoration: underline; } /* Add Content */ #addcontent { margin: 0 0 12px; } #addcontent .wrap { margin: 0 15px; } /* Article Summary */ #articlesummary { margin: 0 0 12px; } #articlesummary .wrap { margin: 0 15px 15px; } #articlesummary .summary-count { border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #acacac; background-color: #f0f0ed; color: #444; font-size: 0.688em; font-style: italic; padding: 7px 5px; text-align: right; } #articlesummary .summary-textarea { background-color: #fbfbfb; border: 1px solid #acacac; font-size: 0.813em; min-height: 80px; max-height: 80px; height: 80px; padding: 10px; min-width: 248px; max-width: 248px; width: 248px; } /* Assign Tags */ #assigntags { margin: 0 0 12px; } #assigntags .wrap { margin: 15px; } #assigntags .drop-down-wrap { border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; padding-bottom: 15px; } #profile-books input[type="search"], #profile-tag input[type="search"], #assigntags input[type="search"] { background: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; padding: 7px; position: relative; width: 255px; } #assigntags .tag-row { margin-top: 10px; } #assigntags .select-box-wrap > ul li { font-size: 0.813em; } /* Assign Books */ #assignbooks, #assignexperts { margin: 0 0 12px; } #assignbooks .wrap, #assignexperts .wrap { margin: 15px; } .widget-sidebar #assignbooks .tag-row, .widget-sidebar #assignexperts .tag-row { border-top: 1px solid #d6d6d6; padding-top: 15px; } #assignbooks input[type="search"], #assignexperts input[type="search"] { background: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; padding: 6px 7px 7px 7px; position: relative; width: 199px; } .create-search { background: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; left: 0; margin: 0; padding: 6px 7px 7px 7px; position: relative; width: 175px; } #profile-books .search-wrap, #profile-tag .search-wrap, #assigntags .search-wrap, #assignbooks .search-wrap, #assignexperts .search-wrap { display: inline-block; position: relative; min-width: 215px; max-width: 285px; } #profile-books .search-button, #profile-tag .search-button, #assigntags .search-button, #assignbooks .search-button, #myfeed .search-button, #assignexperts .search-button { background-image: url('/images/pieria-@x1.png'); background-position: -100px -73px; background-repeat: no-repeat; /*cursor: pointer;*/ height: 20px; position: absolute; right: 5px; top: 5px; width: 20px; } #profile-books .obj_item_list li, #profile-tag .obj_item_list li ,#assignbooks .obj_item_list li, #assignexperts .obj_item_list li, #assigntags .obj_item_list li, #myfeed .obj_item_list li { padding: 7px 10px; white-space: normal; } #profile-books .obj_item_list li:hover, #profile-tag .obj_item_list li:hover,#assignbooks .obj_item_list li:hover, #assignexperts .obj_item_list li:hover, #assigntags .obj_item_list li:hover, #myfeed .obj_item_list li:hover { background-color: #fff; color: #1b5c87; cursor: pointer; } #profile-books .obj_item_list, #profile-tag .obj_item_list, #assignbooks .obj_item_list, #assignexperts .obj_item_list, #assigntags .obj_item_list, #myfeed .obj_item_list { background-color: #fff; border: 1px solid #acacac; border-top: 0; left: 0; font-size: 0.750em; list-style: none; padding-left: 0; position: absolute; top: 100%; width: 213px; z-index: 66; } #myfeed .obj_item_list { border-color: #d6d6d6; border-width: 1px; left: -1px; } #profile-books .obj_item_list .active, #profile-tag .obj_item_list .active, #assignbooks .obj_item_list .active, #assignexperts .obj_item_list .active, #assigntags .obj_item_list .active, #myfeed .obj_item_list .active { background-color: #fbfbfb; } /* Author Selection */ #authorsection .select-box-wrap > ul li { font-size: 0.813em } /* Save & Publish Article */ #savepublish { margin: 0 0 12px; } #savepublish .wrap { margin: 15px; } #savepublish .widget-button { color: #1b5c87; margin: 15px 0; } #savepublish .widget-button:hover { color: #fff; } #savepublish .publish-wrap { border-bottom: 1px solid #d6d6d6; display: table; margin-bottom: 15px; padding-bottom: 15px; width: 100%; } #savepublish .widget-preview-button { border: 1px solid #ACACAC; color: #1B5C87; display: table-cell; font-family: "ITC Kabel W01 Demi"; font-size: 0.875em; line-height: 1.4em; padding: 5px 0; text-align: center; text-transform: uppercase; width: 100%; vertical-align: middle; } #savepublish a.widget-preview-button { text-decoration: none; } #savepublish .widget-preview-button:hover { background-color: #1b5c87; color: #fff; cursor: pointer; } #savepublish .save { margin-bottom: 0; margin-left: 2px; } /* Datepicker */ .hasDatepicker { background-color: #fcfbfb; border: 1px solid #acacac; font-size: 0.813em; max-width: 254px; padding: 6px 7px 7px; position: relative; width: 100%; } .data-picker-wrap { position: relative; } .data-picker-wrap #datepicker:focus { border: 1px solid #acacac; } .ui-datepicker { background-color: #fcfbfb; border: 1px solid #acacac; box-shadow: 0; padding: 10px; position: absolute; top: -99999px; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { border-bottom: 1px solid #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; position: relative; } .ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all { cursor: pointer; font-family: "ITC Kabel W01 Demi"; font-size: 0.625em; } a.ui-datepicker-prev { margin-top: 2px; left: 0; position: absolute; } a.ui-datepicker-next { margin-top: 2px; position: absolute; right: 0; } .ui-datepicker-title { color: #1b5c87; font-size: 0.750em; padding: 0 5px 5px; text-align: center; width: 100%; } .ui-datepicker-calendar a { color: #1b5c87; text-decoration: none; } .ui-datepicker-calendar a:hover { text-decoration: underline; } .ui-datepicker-calender th, .ui-datepicker-calendar td { font-size: 0.813em; } .ui-datepicker-calendar th { font-family: "ITC Kabel W01 Demi"; font-weight: normal; padding: 5px; } .ui-datepicker-calendar td { padding: 5px; text-align: center; } .datepicker-button { background-color: #fff; background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -218px -443px; border-left: 1px solid #acacac; height: 28px; position: absolute; right: 1px; top: 1px; width: 28px; } /* Preview Article more bits */ #main.preview-article-mode > .widget-main { position: relative; } /* disabled by default */ #savepublish .cancel-preview-mode { display: none; } /* visible in preview mode */ .preview-article-mode #savepublish .preview { display: none; } .preview-article-mode #savepublish .cancel-preview-mode { display: table-cell; } /* Footer */ section[role="contentinfo"], #footer { color: #444; margin: 0 0 12px; min-width: 300px; position: relative; } #footer a { color: #1b5c87; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul { font-size: 0.813em; list-style: none; /*margin-bottom: 36px;*/ padding-left: 0; } #footer ul li { display: block; margin-bottom: 7px; } #footer ul li:first-child { margin-bottom: 20px; } #footer .footer-info { margin: 15px; } #footer .footer-small { font-size: 0.750em; } #footer .social-icon { display: inline-block; margin-top: 2px; position: absolute; } #footer .linkedin { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -725px; height: 16px; right: 55px; text-indent: -99999px; width: 18px; } #footer .linkedin > a { display: block; } #footer .facebook { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -100px -700px; height: 16px; right: 35px; text-indent: -99999px; width: 18px; } #footer .facebook > a { display: block; } #footer .twitter { background-image: url('/images/pieria-@x1.png'); background-repeat: no-repeat; background-position: -99px -675px; height: 16px; right: 15px; text-indent: -99999px; width: 18px; } #footer .twitter > a { display: block; } /* 5) Internet Explorer & No-JS --------------------------------------- The devil of all browsers. - Changes ongoing. */ /* Goodbye IE6 */ .lt-ie7 #page { display: none; } .lt-ie7 #app_data { background: url('/images/ie6-msg.gif') no-repeat center center; height: 100%; width: 100% } /* IE7 */ /* Widgets */ .lt-ie8 .widget-main, .lt-ie8 .widget-sidebar, .lt-ie8 .widget-tag, .lt-ie8 .widget-full, .lt-ie8 .widget-full-black, .lt-ie8 .widget-full-blog, .lt-ie8 .widget-threequarter, .lt-ie8 .widget-half, .lt-ie8 .widget-quarter, .lt-ie8 .widget-page { display: inline; zoom: 1; } /* Tags */ .lt-ie8 .tag-box, .lt-ie8 .book-box { display: inline; position: none; zoom: 1; } .lt-ie8 .tag-box .widget-close, .lt-ie8 .book-box .widget-close { display: inline; left: 3px; zoom: 1; } /* Feed Icons */ .lt-ie8 .rss { clear: left; margin-left: 7px; } /* Social Icons */ .lt-ie8 #share-buttons > div { display: inline; zoom: 1; } /* Header */ .lt-ie8 #header .header-top { height: 30px; min-height: 30px; position: relative; } .lt-ie8 #header .header-top .user-info { display: inline; zoom: 1; } .lt-ie8 #header .header-top .user-nav { display: inline; float: none; position: absolute; right: 0; zoom: 1; } .lt-ie8 #header .header-top .user-nav ul, .lt-ie8 #header .header-top .user-nav ul li, .lt-ie8 #header .header-top #header-search { display: inline; zoom: 1; } .lt-ie8 #header .header-top .user-nav ul li { margin-right: 10px; white-space: normal; } .lt-ie8 #header-search input[type="text"].search-box { height: 30px; padding-top: 5px; } .lt-ie8 #header .header-main { position: relative; } .lt-ie8 #header .title { display: inline; zoom: 1; } .lt-ie8 #header .subtitle { display: inline; padding-top: 15px; zoom: 1; } .lt-ie8 .top-nav { display: inline; position: absolute; right: 0; top: 15px; vertical-align: top; zoom: 1; } .lt-ie8 .top-nav ul { vertical-align: top; } .lt-ie8 .top-nav ul li { display: inline; margin-left: 10px; white-space: normal; zoom: 1; } /* Navigation */ .lt-ie8 #main-navigation ul li { padding: 10px; } .lt-ie8 #main-navigation ul li ul { margin-top: 25px; } /* Sign In */ .lt-ie8 #signin { position: relative; } .lt-ie8 #signin .widget-close { float: none; margin: 0; position: absolute; right: 5px; } .lt-ie8 #signin .signin-wrap .item, .lt-ie8 #signin .forgot-wrap .item { display: inline; zoom: 1; } .lt-ie8 #register-message .widget-full { display: block !important; }/* this fixes the drop down message */ /* Register */ .lt-ie8 #register { position: relative; } .lt-ie8 #register .form-wrap .item, .lt-ie8 #register .drop-down-wrap { display: inline; zoom: 1; } /*.lt-ie8 #register .form-row { position: relative; z-index: 1; }*/ .lt-ie8 #register .select-box-wrap { width: 297px; z-index: 888888;} .lt-ie8 #register .select-box { display: inline; font-family: 'Georgia', serif; text-transform: none; zoom: 1; } .lt-ie8 #register .register-checkbox, .lt-ie8 #account-details .register-checkbox { display: inline; margin-bottom: 12px; zoom: 1; } .lt-ie8 #register .select-box-wrap > ul { position: absolute; z-index: 999999; } /* Carousel */ .lt-ie8 #carousel_pagination .pagination-box { float: left; padding: 0 4px; width: 8px; } /* Latest Articles */ .lt-ie8 #latest-articles .item { min-height: 80px; } .lt-ie8 #latest-articles .info-wrap { top: 0; } .lt-ie8 #latest-articles .article-comments { display: inline; zoom: 1; } /* Articles */ .lt-ie8 #article .user-info, .lt-ie8 #article .share-options { display: inline; zoom: 1; } /* Experts & Library */ .lt-ie8 #section-landing .item-expert { height: 255px; } .lt-ie8 #section-landing .expert-info li { white-space: normal; } .lt-ie8 #section-search .user-search { min-width: 599px; max-width: 637px; width: 100%; } .lt-ie8 #section-search .user-search:focus { border: 0; } .lt-ie8 #section-search .user-search-button { top: 4px; } /* My Feed */ .lt-ie8 #myfeed .following-wrap .following-search { background-color: #fcfbfb; border-top: 1px solid #d6d6d6; border-left: 0; border-right: 0; border-bottom: 0; font-size: 0.750em; max-width: 566px; padding: 7px 35px 7px 10px; width: 100%; } /* Book Details & Experts Profile */ .lt-ie8 #books-detail .books-wrap { min-height: 150px; } .lt-ie8 #books-detail .tag-list, .lt-ie8 #experts-profile .tag-list { display: inline; zoom: 1; } .lt-ie8 #books-detail .tag-list li, .lt-ie8 #experts-profile .tag-list li { display: inline; white-space: normal; zoom: 1; } .lt-ie8 #books-detail .select-box-wrap, .lt-ie8 #books-detail .buy-button { display: inline; zoom: 1; } .lt-ie8 #experts-profile .interview-icon, .lt-ie8 #experts-profile .linkedin-icon, .lt-ie8 #experts-profile .twitter-icon { display: inline; margin-right: 5px; zoom: 1; } .lt-ie8 #recommended-reading .item { display: inline; float: none; vertical-align: top; zoom: 1; } .lt-ie8 #recommended-reading .widget-button { display: inline; zoom: 1; } /* Comments */ .lt-ie8 #comments { position: relative; } .lt-ie8 #comments .comment-box { min-height: 45px; } .lt-ie8 #comments .guidelines { float: none; position: absolute; right: 15px; } /* Dashboard */ .lt-ie8 #dashboard .dashboard-nav { display: inline; zoom: 1; } .lt-ie8 #dashboard .dashboard-nav li { display: inline; float: none; white-space: normal; width: 127px; zoom: 1; } .lt-ie8 #dashboard .dashboard-nav li:first-child { width: 129px; } .lt-ie8 #dashboard .widget-reg-button { top: 0; } /*.lt-ie8 #dashboard-create-article { display: none; } */ .lt-ie8 #dashboard h1.box-title { display: inline; zoom: 1; } /* h1 stops all titles showing at once */ .lt-ie8 #dashboard .cancel-button { position: absolute; right: 15px; } .lt-ie8 #dashboard .article-wrap .widget-reg-button, .lt-ie8 #assignbooks .widget-reg-button, .lt-ie8 #assignexperts .widget-reg-button { display: inline; zoom: 1; } .lt-ie8 #dashboard .article-info { margin-bottom: 15px; } .lt-ie8 #dashboard-create-article .widget-reg-button, .lt-ie8 #dashboard-create-article .widget-form-button, .lt-ie8 #dashboard-create-article .img-placeholder-gallery, .lt-ie8 #dashboard-create-article .input-wrap { display: inline; zoom: 1; } .lt-ie8 #dashboard-create-article input[type="text"].article-video { width: 520px; } .lt-ie8 .create-search { display: inline; zoom: 1; } /* Reading List */ .lt-ie8 #myfeed .widget-figure-square, .lt-ie8 #myfeed .item-wrap, .lt-ie8 #reading-list .widget-figure-square, .lt-ie8 #reading-list .item-wrap { display: inline; float: none; zoom: 1; } /* Book Shelf */ .lt-ie8 #bookshelf .widget-figure-square, .lt-ie8 #bookshelf .item, .lt-ie8 #reading-list .article-comments, .lt-ie8 #bookshelf .article-comments, .lt-ie8 #bookshelf .select-box-wrap, .lt-ie8 #bookshelf .buy-button { display: inline; zoom: 1; } .lt-ie8 #myfeed .article-comments, .lt-ie8 #reading-list .article-comments, .lt-ie8 #bookshelf .article-comments { line-height: 1.3; } .lt-ie8 #reading-list .widget-close, .lt-ie8 #bookshelf .widget-close { display: inline; float: none; zoom: 1; } .lt-ie8 #bookshelf .item-wrap { width: 500px; } /* Account Details */ .lt-ie8 #account-details .row .item { display: inline; zoom: 1; } /* Featured Content */ .lt-ie8 #featured-content { display: inline; zoom: 1; } .lt-ie8 #featured-content .featured-tabs { display: inline; zoom: 1; } .lt-ie8 #featured-content .featured-tabs li { display: inline !important; float: none; white-space: normal; width: 71px; zoom: 1 !important; } .lt-ie8 #featured-content .item { display: inline; width: 270px; zoom: 1; } .lt-ie8 #assigntags .select-box-wrap { position: inherit; } .lt-ie8 #assigntags .search-wrap { display: inline; margin: 0; zoom: 1; } .lt-ie8 #assignbooks .search-wrap { display: inline; margin: 0 5px 0 0; width: 180px; zoom: 1; } .lt-ie8 #assignexperts .search-wrap { display: inline; margin: 0 5px 0 0; width: 180px; zoom: 1; } /* Footer */ .lt-ie8 #footer .social-icon { display: inline; zoom: 1; } .lt-ie8 .ui-datepicker-title { padding: 0 30px; } /* IE8 */ .lt-ie9 #header .header-top .user-info { max-width: 655px; } .lt-ie9 #header .header-top .user-nav { min-width: 455px; } .lt-ie9 #header .header-top #header-search input[type="text"].search-box { padding-top: 5px; height: 24px; } .lt-ie9 #main-navigation ul li { padding-right: 9px; } .lt-ie9 .hot-topics ul li { background-position: 0 14px; } .lt-ie9 #carousel .tag-title { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); } .lt-ie9 #carousel_controls { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .lt-ie9 #carousel_controls:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .lt-ie9 #carousel_controls .ctrl-left { background-position: 32px -555px; } .lt-ie9 #carousel_controls .ctrl-right { background-position: -25px -555px; } .lt-ie9 #carousel_pagination { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); } .lt-ie9 #carousel_pagination .pagination-box { background: url('blank.gif'); /* background: transparent; doesn't work, so this fakes the clickable area in IE8 */ } .lt-ie9 #carousel_pagination .pagination-box.selected { background: #ba0000; } .lt-ie9 #featured-content .featured-tabs li { padding: 10px 14.5px; } .lt-ie9 #featured-content .item { margin: 16px 15px; } .lt-ie9 #related-books { margin: 0 0 12px; } .lt-ie9 #featured-expert .blockquote { margin: 0 0 15px 0; } .lt-ie9 #dashboard-create-article .article-editor { width: 610px !important; } .lt-ie9 #footer ul { margin-bottom: 12px; } /* IE7 my feed load more button fix */ .lt-ie8 .loading-image span { visibility: hidden; } /* file upload fixes */ .ie #account-details { position: relative; } .ie #image-form { left: 210px; position: absolute; top: 43%; width: 250px; } .ie #image-form .fupload { display: block; width: 250px; } .ie .upload-frame { background: #fff; position: relative; z-index: 13; } .ie .upload-frame input { display: block; float: left; } .ie .upload-frame .file-upload:hover { background: #fff; color: #1B5C87; } /* No-JS */ .no-js select, .no-js input[type="checkbox"] { display: block !important; visibility: visible !important; } .no-js #register .register-checkbox .input-unchecked, .no-js .input-unchecked { border: 0; } .no-js #register .register-checkbox .input-unchecked label { z-index: 0; } /* 6) Media Queries --------------------------------------- Breaking points - 972px, 637px, 490px */ @media screen and (max-width: 490px) { /* Widget Containers */ .widget-main, .widget-page { max-width: 308px !important; padding: 0 !important; } /* Widget Containers */ .widget-full, .widget-full-black, .widget-full-blog { min-width: 305px !important; max-width: 305px !important; } .widget-threequarter { min-width: 305px !important; max-width: 305px !important; } .widget-page { width: 305px !important; max-width: 305px !important; } /* Widget Figures */ .widget-figure-large, .widget-figure-medium, .widget-figure-featured, .widget-figure-small, .widget-figure-book-v, .widget-figure-book-h, .widget-figure-square, .widget-figure-big-avatar, .widget-figure-avatar, .widget-figure-comment-avatar { min-height: 0 !important; } /* Body Elements */ #page { width: 308px !important; max-width: 308px !important; } /* Header */ header[role="banner"], #header { margin: 0; } #header .header-top { max-width: 308px !important; width: 308px !important; } #header .header-main { max-width: 308px !important; width: 308px !important; } /* Mobile Navigation */ #main-navigation { margin: 0 0 15px; } #mobile-navigation { margin: 0 0 15px; width: 308px; } #mobile-navigation .mobile-user-icon { display: block; } #mobile-navigation .mobile-search-icon { display: block; } /* Carousel */ #carousel .hero-title { font-size: 1.250em; } #carousel .hero-text { font-size: 0.813em; } .section-carousel#carousel { min-height: 420px; } .section-carousel#carousel .item-wrap-expert, .section-carousel#carousel .item-wrap-library { overflow: hidden; width: 150px; } .section-carousel#carousel .widget-figure-big-avatar { margin: 0 0 15px; } .section-carousel#carousel .carousel-title { font-size: 1em; overflow: hidden; max-height: 4em; } #carousel.section-carousel .item-content { max-width: 150px; } .section-carousel#carousel .article-text, .section-carousel#carousel .blockquote, .section-carousel#carousel .carousel-description-title { display: none; } .section-carousel#carousel #carousel_controls { max-height: 420px !important; } .section-carousel#carousel #carousel_controls .ctrl-left { background-position: 34px -50px !important; } .section-carousel#carousel #carousel_controls .ctrl-right { background-position: -25px -50px !important; } #carousel_controls { max-height: 145px !important; } #carousel_controls .ctrl-left { background-position: 34px -160px !important; } #carousel_controls .ctrl-right { background-position: -25px -160px !important; } /* Register */ #register input[type="text"], #register input[type="email"], #register input[type="password"] { width: 258px; } #register .select-box-wrap { min-width: 275px; width: 100%; } /* Latest Articles */ #latest-articles .widget-figure-square { margin-bottom: 15px; } /* Featured Articles */ #featured-articles .item { width: 290px !important; } /* Sub Sections */ #sub-section-main { margin: 0 0 12px 0; } /* Comments */ #comments .comments-textarea { min-width: 253px !important; max-width: 253px !important; width: 253px !important; } /* Experts & Library */ #section-search input[type="search"].user-search { max-width: 326px !important; } /* Search Page */ .search-form .search-box { max-width: 257px; } /* Dashboard */ #myfeed .following-wrap input.following-search[type="search"] { max-width: 228px !important; } #account-details .account-textarea { min-width: 253px !important; max-width: 253px !important; width: 253px !important; } #dashboard .dashboard-nav li { white-space: normal; } } @media screen and (max-width: 647px) { /* Widget Containers */ .widget-main, .widget-page { max-width: 480px !important; } /* Widget Figures */ .widget-figure-large, .widget-figure-medium, .widget-figure-featured, .widget-figure-small, .widget-figure-book-v, .widget-figure-book-h, .widget-figure-square, .widget-figure-big-avatar, .widget-figure-avatar, .widget-figure-comment-avatar { min-height: 0 !important; } /* Body Elements */ #page { width: 492px !important; } /* Header */ header[role="banner"], #header { min-height: 105px; } #header .title { width: 152px; } #header .subtitle { display: none; } #header .header-top { max-width: 480px; width: 480px; } #header .header-top .date { padding: 7px 11px; } #header .header-top .user-nav { display: none; } #header .header-main { width: 480px !important; } #mobile-navigation .mobile-user-icon { display: block; } #mobile-navigation .mobile-search-icon { display: block; } .mobile-user-nav { display: block; } #signin .signin-wrap .item, #signin .forgot-wrap .item { display: block; margin: 0 0 10px 0; } #signin .forgot-password { float: none; } /* Carousel */ #carousel.widget-full { max-height: 334px; min-height: 334px; } #carousel .item { min-height: 334px; } #carousel .tag-title { font-size: 0.750em; } #carousel .hero-title { font-size: 1.125em; } #carousel_controls { max-height: 230px; } #carousel_controls .ctrl-left { background-position: 34px -120px; } #carousel_controls .ctrl-right { background-position: -25px -120px; } /* Latest Articles */ #latest-articles { margin: 0; } /* Related Books */ #related-books { display: none; } /* Article */ #article .icon-wrap { top: 15px !important; } #article .user-info { margin-bottom: 15px; } /* Featured Articles */ #featured-articles { margin: 0 0 12px 0; } /* Recommended Reading */ #recommended-reading, #related-articles { display: none; } /* Comments */ #comments .comments-textarea { min-width: 426px; max-width: 426px; width: 426px; } /* Register */ #register .select-box { margin: 0 0 15px 0; } #register .register-checkbox .input-unchecked label, #account-details .register-checkbox .input-unchecked label { width: 270px; } #register .drop-down-wrap { margin: 0; } /* Experts & Library */ #section-search input[type="search"].user-search { max-width: 439px; } #section-landing .item, #section-landing .item-expert { margin: 0 0 15px; padding: 0 3px 0 4px; } /* Dashboard */ #dashboard .dashboard-nav li.account-details { display: none; visibility: hidden; } #dashboard .dashboard-nav li.active.account-details { display: none; visibility: hidden; } #myfeed .following-wrap input.following-search[type="search"] { max-width: 403px; } #account-details .row .item { border-left: 0; display: block; margin-left: 0; margin-bottom: 15px; padding-left: 0; } #account-details .account-textarea { min-width: 428px; max-width: 428px; width: 428px; } } @media screen and (max-width: 972px) { /* Widget Containers */ .widget-main { max-width: 657px; } .widget-sidebar { display: none; } .widget-page { max-width: 642px; } /* Widget Figures */ .widget-figure-large, .widget-figure-medium, .widget-figure-featured, .widget-figure-small, .widget-figure-book-v, .widget-figure-book-h, .widget-figure-square, .widget-figure-big-avatar, .widget-figure-avatar, .widget-figure-comment-avatar { min-height: 0; } /* Body Elements */ #page { width: 657px; } .mobile-menu-open #page { overflow: hidden; /*padding-bottom: 0;*/ padding-left: 275px; position: relative; } .mobile-menu-close #page { overflow: visible; padding-left: 0; } /* Header */ #header .header-top { max-width: 645px; } #header .header-top #header-search { display: none; } #header .header-main { width: 645px; } .top-nav { display: none; } /* Navigation */ .mobile-menu-open .black-box { background-color: #000; height: 100%; left: 0; position: absolute; width: 270px; } .mobile-menu-open #main-navigation { left: 0;} .mobile-menu-close #main-navigation { left: -280px; } .mobile-submenu-open { display: block !important; } .mobile-submenu-close { display: none !important; } #mobile-navigation { display: block; } #mobile-navigation .mobile-search-icon { display: block; } .mobile-user-nav { border-right: 0; margin: 0; } .mobile-user-nav ul { background-color: #1b5c87 !important; } .mobile-user-nav ul li { color: #FFF; display: inline-block; font-family: 'Georgia', serif; padding: 7px 9px !important; text-transform: none !important; } .mobile-user-nav ul li:before { padding-left: 0 !important; } .mobile-user-nav ul li a { color: #FFF !important; } .mobile-top-nav { border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; display:block; width: 99.7%; } .mobile-top-nav ul { background-color: #fff !important; font-family: 'Georgia', serif !important; list-style: none; padding: 0; } .mobile-top-nav ul li { display: inline-block; padding: 7px 9px !important; text-transform: none !important; white-space: normal !important; } .mobile-top-nav ul li:before { padding-left: 0 !important; } .mobile-top-nav ul li a { color: #1b5c87 !important; text-decoration: none; } .mobile-top-nav ul li a:hover { text-decoration: underline; } nav[role="navigation"], #main-navigation { font-size: 0.875em; } #main-navigation { /*height:100%;*/ margin: 0; position: absolute; top: 0; width: 270px; z-index: 99999; } #main-navigation ul { height: 100%; } #main-navigation ul li { border: 0; float: none; padding: 11px 0; position: relative; } #main-navigation ul li:before { background-image: none !important; } #main-navigation ul li ul { border-left: 0; border-bottom: 0; border-right: 1px solid #d6d6d6; margin-top: 0; max-width: 269px; position: static; width: 100%; } #main-navigation ul li.selected { background-color: #ba0000; border-top: 0; border-right: 1px solid #ba0000; padding-bottom: 0 !important; } #main-navigation ul li.selected a { color: #FFF; } #main-navigation ul li.selected:first-child { border-left: 0; padding-right: 0; } #main-navigation ul li .dropdown { margin-top: 11px; padding-bottom: 0; } #main-navigation ul li ul li { border-top: 1px solid #d6d6d6; display: block; max-width: 245px; padding: 8px 12px; white-space: normal; width: 245px; } #main-navigation ul li ul li:first-child { border: 0; } #main-navigation ul li ul li a { color: #444 !important; } #main-navigation ul li ul li.selected { background-color: #FFF; border-top: 1px solid #d6d6d6; margin-bottom: 9px; } #main-navigation ul li ul li.selected a { color: #ba0000 !important; } #main-navigation ul li ul li.selected:first-child { border-top: 0; } #main-navigation ul li ul li:before { background-image: none; padding-left: 0; } #main-navigation .hot-topics { display: none; } #main-navigation ul li .mobile-drop-down { background-image: url('/images/pieria-@x1.png'); background-position: -216px -263px; color: #fff; cursor: pointer; display: inline-block; height: 40px; position: absolute; right: 10px; text-align: center; top: 0; width: 30px; z-index: 1; } #main-navigation ul li.selected .mobile-drop-down { background-position: -241px -281px; } /* Related Books */ #related-books { margin: 0 0 12px; } } /* iPad portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #dashboard .ipad-portrait-message { display: block; } } /* iPad landscape */ @media only screen and (min-device-width : 1024px) and (max-device-width : 768px) and (orientation : landscape) { #dashboard .ipad-portrait-message { display: none; } } /* Retina queries for sprite */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .widget-close, .feed, .rss, .reading-list, .book-icon, .blockquote p.quote:before, .blockquote p.quote:after, .tags ul li:before, .share-facebook, .share-twitter-img, .share-linkedin-img, .share-email, #header .header-top .user-nav ul li:before, #header .title > a, .top-nav ul li:before, #main-navigation ul li:before, #main-navigation ul li ul li:before, #main-navigation .hot-topics ul li:before, #mobile-navigation .mobile-menu-icon, #mobile-navigation .mobile-user-icon, #mobile-navigation .mobile-search-icon, #signin .checkbox p.input-checked, #carousel_controls .ctrl-left, #carousel_controls .ctrl-right, #comments .delete-comment, #register .form-button .arrow, #register .register-checkbox .input-checked, .search-results .expand-icon , #section-search .user-search-button, #experts-profile .twitter-icon, #experts-profile .linkedin-icon, #account-details .register-checkbox .input-checked, #dashboard-create-article .ctrl-up, #dashboard-create-article .ctrl-down , #dashboard-create-article .ctrl-kill { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } #dashboard-create-article .text-editor-bold, #dashboard-create-article .text-editor-italic, #dashboard-create-article .text-editor-underline, #dashboard-create-article .text-editor-sub-heading, #dashboard-create-article .text-editor-link, #dashboard-create-article .text-editor-ol, #dashboard-create-article .text-editor-ul, #dashboard-create-article .text-editor-quote { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } #dashboard-create-article a.text-editor-italic:after, #dashboard-create-article a.text-editor-link:after, #dashboard-create-article a.text-editor-sub-heading:after { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } #twitter-feed .widget-title { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } #profile-books .search-button, #profile-tag .search-button, #assigntags .search-button, #assignbooks .search-button, #myfeed .search-button, #assignexperts .search-button { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } .datepicker-button, #footer .linkedin, #footer .facebook, #footer .twitter { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } #main-navigation ul li .mobile-drop-down { background-image: url('/images/pieria-@x2.png'); background-size: 300px 1000px; } } /* 7) Aides --------------------------------------- This is where the magic happens. */ .hide-me { opacity: 0; } .show-me { opacity: 1; } .measurement { height: auto !important; opacity: 0; position: absolute; } .ir { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .ie7 .clearfix { zoom: 1; }