/* Theme Name: ScanSnap i18n New Description: The custom WordPress theme developed by cnp_studio. Version: 1.0 Author: Pete Schiebel, Nik Wilets */ /* basic setup ----------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} blockquote, q {quotes: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} div {position: relative;} strong {font-weight: bold;} em {font-style: italic;} code {font-family: courier;} img {display: block;} ul {list-style: none;} a, .expert-panel span, .quote span, .post-ratings span, .content h3#comments a, .content .comment h2 {outline: none; text-decoration: none; color: #00A6E5; font-weight: bold;} a:hover {text-decoration: underline;} .clr {clear: both; height: 0px; overflow: hidden;} .align-l {float: left;} .align-r {float: right;} .d-link{width: 100%; height: 100%; display: block;} /* page structure ----------------------------------- */ body {line-height: 1; text-align: center; padding-bottom: 30px; background: #555 url(images/bg-body.jpg) repeat-x;} #page {margin: 0 auto; text-align: left; width: 948px; font: 12px Helvetica, Arial, sans-serif; line-height: 14px; overflow: hidden; color: #4D4D4D;} /* top section, usually included in the header.php */ #top {height: 149px; color: #fff;} #top.no-social {height: 122px;} /*--------- The language switcher */ #lang-switch { padding: 3px 16px; height: 26px; background: transparent url(images/bg-lang-switch.gif) top left repeat-x; float: right; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } #lang-switch span {font-family: "proxima-nova-condensed-1"; font-weight: 600; font-style: normal; float: left; text-transform: uppercase; text-shadow: 2px 2px 2px #212121; line-height: 18px; color: #fff;} #langdrop {margin: 0 12px} #lang-switch a {color: #fff;} /*--------- Header */ #head-main {padding-top: 10px; width: 100%;} .ssc-logo, .ssc-tagline {float: left;} .support {float: right;} .ssc-logo {width: 251px; height: 51px; text-indent: -9999px; background: transparent url("images/bg-logo.png") top left no-repeat;} .ssc-logo a {display: block; width: 100%; height: 100%; cursor: pointer;} .ssc-tagline {height: 37px; padding-top: 14px; line-height: 24px; font-family: "proxima-nova-condensed-1"; font-weight: 600; font-size: 13px; font-style: italic;} .es_MX .ssc-tagline {width: 220px; line-height: 17px; padding-top: 8px;} #head-main .support li {padding: 0 5px 0 10px; text-indent: 0; float: none; display: inline;} .support li a {color: #737373; font-family: "proxima-nova-condensed-1", Helvetica, Arial; font-weight: 600; text-transform: uppercase; font-size: 10px;} .support li a:hover, .support li.selected a {text-decoration: none; color: #00A6E5;} .support form {margin-top: 7px; float: right; text-align: right; } .support input, form#searchform input {width: 203px; height: 18px; background: url(images/bg-input.gif) no-repeat; border: 0; display: inline; vertical-align: middle; padding: 4px 10px 0 10px; font: 11px Arial;} .support input.search, form#searchform input.search {width: auto; background: none; padding: 0 2px 0 6px; height: 22px; color: #00A6E5; cursor: pointer; font-size: 14px; font-family: "proxima-nova-condensed-1", Helvetica, Arial; font-weight: 600; font-style: italic; text-align: left; text-transform: uppercase;} .ssc-nav-con {margin-top: 16px; height: 32px; background: transparent url("images/sprite-nav.png") 0 0 repeat-x; font-family: "proxima-nova-1", Helvetica, Arial; font-weight: 600; text-shadow: 2px 2px 2px #212121; text-transform: uppercase;} p.ssc-cap {width: 17px; height: 32px; float: left; background: transparent url("images/sprite-nav.png") 0 -32px no-repeat;} #ssc-nav {float: left;} #ssc-nav li {float: left; line-height: 32px;} #ssc-nav li a {padding: 0 9px; display: block; color: #fff; font-size: 11px;} #ssc-nav li a:hover {text-decoration: none;} #ssc-nav li.ssc-div {padding: 0; width: 2px; height: 32px; background: transparent url("images/sprite-nav.png") -15px -32px no-repeat;} .ssc-nav-over {background: transparent url("images/sprite-nav.png") 0 -96px repeat-x;} .ssc-tech {width: 166px; height: 32px; float: right; text-align: center; background: transparent url("images/sprite-nav.png") 0 -64px no-repeat; line-height: 32px;} .ssc-tech a {color: #fff; font-size: 11px;} .es_MX .ssc-tech a {font-size: 10px;} .ssc-tech a:hover {text-decoration: none;} .ssc-tech-over {background-position: 0 -200px;} .ssc-twitter {padding-left: 46px; height: 40px; background: #000 url("images/sprite-nav.png") 0 -160px no-repeat; line-height: 40px;} .ssc-twitter .tweet {padding-left: 4px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: none;} /* content area */ #content-con {background: transparent url(images/back-content.gif) left repeat-y; overflow: hidden; height: 100%; width: 948px;} /* because of ie6 */ #content-con-market {background: #fff} #content-well, .bottom-well{width: 620px;} #content-side, .bottom-side{width: 328px;} .page-bottom-con {background: transparent url(images/back-bot.gif) left repeat-y; overflow: hidden; height: 100%;} /* because of ie6 */ #image_rotate {width: 620px; height: 279px; overflow: hidden;} .content-inset {padding: 8px; background: transparent url(images/back-inset.gif) 0 0 repeat-x;} #content-well .hed-feat {padding: 0; height: 29px; float: left;} #content-well .hed-feat a {margin: 0 0 0 7px; padding-bottom: 2px; border-bottom: 1px solid #d1d1d1; display: block; width: 520px; line-height: 22px; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 22px; font-weight: 100; font-style: italic; } #content-well .hed-feat a:hover {text-decoration: none;} .content{padding: 24px; background: #fff; overflow: hidden;} .content-aside{width: 254px} .content .home-feat {margin: 12px 0 0 33px;} .content .home-feat h2 {padding: 0 0 12px 0;} .content .home-feat li {padding: 0 0 24px 0;} .content .home-feat h2 a {color:#ff6d06; font-size: 14px; font-weight: bold; text-transform: uppercase;} .content .feat-date {padding: 0 0 12px 0; color: #807f7f;} .content .feat-tease {padding: 0 0 8px 0;} .rule {margin: 0 0 6px 0; border-bottom: 1px #ccc solid; overflow: hidden;} .content .feat-tags, .content .feat-tags a {font-weight: normal;} .content-aside-con {width: 234px; z-index: 10;} .content-aside-con {margin: 12px 0 20px 20px; padding: 14px; border: solid 1px #d8d8d8; background: #ededed} .hed-home-tips {margin: 0 0 18px 0; padding-left: 26px; width: 181px; height: 19px; background: transparent url(images/sprite-nav.png) -147px -38px no-repeat; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 13px; font-weight: 100; font-style: italic; color: #0f7ba8; line-height: 19px; } .content-aside-con .home-tips .feat-tease {margin: 0; padding: 0 0 18px 0; border: 0;} .more-link {text-align: right;} .content .single-post ul, .feat-tease ul {list-style:disc outside none;} .content .single-post ul, .content .single-post ol, .feat-tease ul {margin:15px 0 0 25px;} .feat-tease ol {margin: 10px 30px 0 30px;} .about-s2c .feat-tease img {padding: 0 0 8px 0;} .navigation {margin: 0 24px 24px 24px; font-size: 16px; width: 550px;} .crumbs{padding: 12px 24px 0 24px; background: #fff;} #content-side h1.ssc-buy {padding: 0 0 0 48px; width: 280px; height:42px; background: transparent url("images/bg-blue-learn.png") 0 0 no-repeat; line-height: 38px; font-family: "proxima-nova-condensed-1", Helvetica, Arial; color: #fff; font-weight: 600; font-size: 16px; font-style: italic; text-transform: capitalize; text-shadow: 2px 2px 2px #212121;} #content-side h1.ssc-buy a {color: #fff;} /* sidebar ----------------------------------- */ .subnav {width: 316px; background: url(images/bg-subnav.jpg) repeat-y bottom left; margin-bottom: 7px;} .subnav a {display: block; background: url(images/bg-subnav.gif) no-repeat; width: 246px; line-height: 16px; text-transform: uppercase; font-weight: bold; color: #4E4E4E; padding: 8px 20px 8px 50px; border-bottom: 1px solid #488C02; border-top: 1px solid #9FDD0B;} .subnav a:hover, .subnav li.current_page_item a {text-decoration: none; color: white; background-position: -316px 0;} .news-and-updates{position: relative; left: 50%; float: left; z-index: 125;} .subscribe { position: relative; left: -50%; display: block; padding: 0; background: #898989; float: left; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 8px; border-bottom-left-radius: 12px; border-bottom-right-radius: 8px; } .subscribe p {margin: 0 14px; line-height: 27px; color: #fff; font-weight: bold; float: left;} .subscribe a.icon {float: left;} .subscribe a.email img { padding-right: 14px; } .ssc-top-con {margin: 10px 0;} #ssc-social{position: relative; left: 50%; float: left;} ul.social-con {position: relative; left: -50%; display: block; float: left; height: 36px; line-height: 36px; margin-left: 2px;} ul.social-con li {float: left; width: 36px; height: 36px; padding-right: 2px; background-color: transparent; background-image: url(images/sprite-additions.png); background-repeat: no-repeat; text-indent: -99999px } ul.social-con li.hed {height: 36px; width: auto; background-image: none; text-indent: 0px; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 14px; font-weight: 100; font-style: italic; color: #323232;} ul.social-con li.hed span {padding-right: 5px;} ul.social-con li.fb { background-position: -112px -84px;} ul.social-con li.twit {background-position: -157px -84px;} ul.social-con li.linkin {background-position: -202px -84px;} ul.social-con li.flck { background-position: -247px -84px;} ul.social-con li.yt { background-position: -247px -120px;} ul.social-con li.gplus { background-position: -203px -120px;} ul.social-con li.clr { width: 100%; height: auto; background: transparent; } .box-side-con, .box-side-con-dark {border-top: 1px solid #8b8b8b;} .box-side-con-dark{background: transparent url(images/back-dark.gif) top left repeat-y;} .box-side {border-top: 1px solid #d2d2d2; padding: 10px 16px 10px 16px;} .box-side.top {border-top: none; padding-top: 16px;} .box-side .box-content {margin: 0 0 16px 34px;} .scan2cloud p {padding-top: 15px;} .button {display: inline-block; width: auto; background: #eee url(images/sprite-buttons-blue.png) no-repeat top left; height: 28px; color: #fff; padding: 0 0 0 18px; font: bold 11px/28px Helvetica; text-shadow: 0px 2px 1px #055170; filter: dropshadow(color=#055170, offx=0, offy=2); margin-right: 2px;} .button span {display: block; float: left; height: 28px; padding-right: 16px; background: #eee url(images/sprite-buttons-blue.png) no-repeat top right;} .content .button {height: 42px; line-height: 42px; font-size: 14px; background: #fff url(images/bg-blue-button.png); padding-left: 20px; margin-right: 100px;} .content .button span {height: 42px; line-height: 42px; padding-right: 20px; background: url(images/bg-blue-button.png) no-repeat top right;} .learn-more, .learn-more span {background-image: url(images/sprite-buttons-black.png);} .learn-more {padding-left: 12px;} .learn-more span {padding-right: 12px;} .content .learn-more {margin-right: 0;} .content .learn-more, .content .learn-more span {background-image: url(images/bg-black-button.png);} .button:hover {background-position: bottom left; text-decoration: none;} .button:hover span {background-position: bottom right;} .box-side-con .bottom-box {padding-top: 19px;} .hed-toptips, .hed-ss, .hed-browse, .hed-featvid, .hed-partners, .hed-ipartners, .hed-contact, .hed-featvids, .hed-sub-story, .hed-sub-video, .hed-poll, #content-well .home-feat-icon { margin: 0 0 6px 0; padding: 0 0 0 34px; background: transparent url(images/sprite-hed-icons.png) 0 0 no-repeat; line-height: 26px; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 18px; font-weight: 100; font-style: italic; color: #323232; } .hed-toptips, .hed-ipartners {background: transparent url(images/icon-main.png) 0 0 no-repeat;} .hed-ss {width: 185px; background-position: 0 -148px;} .hed-poll {background-position: 0 -26px;} #content-well .home-feat-icon {margin: 0; padding: 0; width: 26px; height: 26px; float: left; text-indent: -9999px;} .box-tt ul{margin: -8px 0 0 0;} .box-tt li{margin: 16px 0 0 0; overflow: hidden; width: 100%;} .box-tt .num {width: 26px; height: 26px; background: transparent url(images/sprite-additions.gif) -299px -83px no-repeat;} .box-tt .rate2 .num{background-position: -299px -108px;} .box-tt .rate3 .num {background-position: -299px -133px;} .box-tt .rate4 .num {background-position: -299px -158px;} .box-tt .rate5 .num {background-position: -299px -183px;} .box-tt .hed {padding: 0 8px 0 6px; width: 222px;} .box-tt .more-link{margin-top: 16px;} .box-ss a {margin: 0 0 8px 0; display: block; font-size: 15px;} .box-browse h3 {margin: 0 0 8px 0; color: #00A6E5;} .box-browse h3.arch {margin-top: 8px;} .box-browse #catdrop, .box-browse #archdrop{width: 226px;} .box-browse option.opt-bold{font-weight: bold;} .box-side .video-panel {margin: 10px 0 0 7px} .video-panel object, embed {width: 285px; height: auto} .video-panel p {padding: 16px 0 14px 0;} .video-panel .video-link, .video-panel .iscanner-video-link {margin-top: 20px; padding:16px 10px; display: block; background: #ccc;} .video-panel .iscanner-video-link {margin-top: 8px;} .box-side .partners li {margin: 16px 0 0 0;} /* bottom content ----------------------------------- */ .testimon {margin: 24px; color: #fff;} .page-bottom-con .testimon h2 {color: #00A6E5; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 18px; font-weight: 600; font-style: italic;} .testimon .qt {margin: 10px 0 0 0;} .testimon .qb {margin: 10px 0 16px 548px;} .testimon p {margin: 10px 60px; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 14px;} .testimon .more-link {margin: 0; font-family: "proxima-nova-1", Helvetica, Arial; font-size: 12px;} .contact p {margin-bottom: 10px;} .contact p span {color: #FF6D06; font-weight: bold;} .contact p.intro {margin-top: 20px;} /* footer content ----------------------------------- */ #footer {text-align: center;} #footer p {margin: 10px auto; color: #999;} /* footer content ----------------------------------- */ .content-video object, .content-video embed {width: 300px; height: auto} .content-video p {margin-bottom: 10px;} .content p {margin: 0 0 12px 0} .single-post h2 {font-size: 20px; width: 450px; color: #FF6D06; line-height:23px;} .single-post .feat-tags {line-height: 16px; width: 260px;} h2.pagetitle, h2.tipstitle {margin: 0 0 24px 0; color: #00A6E5; font-size: 20px; } h2.tipstitle {color: #FF6D06; margin-bottom: 16px; } .quotes p {padding-top: 20px; clear: both; height: 1%;} .quotes img {padding: 0 6px 0 0} .post-ratings img {display: inline;} .content .single-post h2 {padding-bottom: 10px} .content .single-post .feat-date {padding-bottom: 20px;} .iscannervid p {padding: 0 0 6px 2px} .content .share ul {margin: 0; list-style: none;} .share li {padding-bottom: 5px; float: right;} .share a.fb {margin: 0 4px; height: 16px; width: 16px; text-indent: -9999px; background: transparent url('images/sprite-icon.gif') no-repeat -0px -0px; display: block;} .share a.twitter {margin: 0 4px 0 0; height: 16px; width: 16px; text-indent: -9999px; background: transparent url('images/sprite-icon.gif') no-repeat -0px -20px; display: block;} .share a.digg {margin: 0 4px 0 0; height: 16px; width: 16px; text-indent: -9999px; background: transparent url('images/sprite-icon.gif') no-repeat -0px -40px; display: block;} .share a.linkedin {margin: 0; height: 16px; width: 16px; text-indent: -9999px; background: transparent url('images/sprite-icon.gif') no-repeat -0px -60px; display: block;} .slabel {line-height: 16px;} .tipstricks {width: 93%; margin-left: 33px} .tipstricks td {padding: 8px;} .tipstricks .alt {background: #e4e4e4;} .content p.tips-intro {margin-left: 33px;} a.submitq {color: #66AA04; font-size: 16px;} .content div.wpcf7 {background: #E5F2FA; padding-bottom: 10px;} form.wpcf7-form {margin: 20px 20px 0 20px;} form.wpcf7-form div {padding: 8px 17px 0 0;} form.wpcf7-form input {width: 252px; height: 17px;} form.wpcf7-form textarea {width: 490px; height: 150px; clear: both;} form.wpcf7-form label { font-size: 11px; color: #696564;font-weight: bold;} form.wpcf7-form label span {font-weight: normal; font-size: 11px;} form.wpcf7-form input.submit {padding: 0; width: 110px; height: 24px;} .wpcf7 span.wpcf7-not-valid-tip {width: 254px; left: 0; padding: 1px; height: 20px; top: auto;} .wpcf7 div.textarea span.wpcf7-not-valid-tip {width: 492px; height: 153px; top: auto; background: white;} .wpcf7 .wpcf7-validation-errors {background: red; color: white; font-weight: bold; border: 2px solid #EDC66E; margin: 25px 0 0 0; width: 430px; padding: 6px 10px} .content div.wpcf7-response-output {margin: 0px 20px ; padding: 4px;} .content .home-feat .vsitemap h3, .content .home-feat .vsitemap h3 a {font-size: 14px; color: #FF6D06;} .content .home-feat .vsitemap li {padding: 0 0 0 24px; font-weight: normal;} .content .home-feat .vsitemap li a {font-weight: normal;} .content .home-feat .vsitemap h3 {padding-bottom: 6px;} .content .home-feat .vsitemap ul, .content .home-feat .vsitemap h3.lone {margin-top: 4px; padding: 0 0 16px 0; list-style: none;} .partners img {max-width: 256px; height: auto; border: 1px solid #bcbcbc;} /*Email dropdown*/ #emailbox {width: 294px; top: 32px; right: 0; overflow: hidden; z-index: 100; position: absolute; background: #E5E5E5; border: 3px solid #898989; padding-bottom: 10px; display: none;} #emailbox form {margin: 0 20px;} #emailbox a {background: none;} #emailbox p {font-size: 12px; font-weight: bold; text-transform: none; padding-top: 7px; color: #6F6F6F;} #emailbox input {vertical-align: middle; width: 200px;} #emailbox .submit input {color: white; width: auto; text-align: center; font-size: 11px; font-weight: bold; padding: 3px 4px; background: #898989;border: 2px solid #999;} #emailbox a.close {float: right; z-index: 10; font: bold 12px Verdana; padding: 3px; display: block; background: #898989; color: white;} #emailbox button {margin-top: 6px; color: white; width: auto; text-align: center; font-size: 11px; font-weight: bold; padding: 3px 4px; background: #898989; border: 2px solid #999;} .marketfeature {margin-top: 20px;} .mktinfo a {margin-left: 45px; padding-left: 20px; background: url(images/marketplace/mkt-morelink.jpg) no-repeat left;} .partners .more-link{margin-top: 20px;} .page-template .feat-tease h4 {margin: 24px 0 10px; font-size: 15px; color: #66aa04} /* Tell us submission forms */ .video-form {display: none;} .get-video-form, .get-story-form{margin: -5px 0 0 24px; display: block; cursor: pointer;} .video-form form, .story-form form {margin: 20px 18px 18px 18px;} .scanner-essay{width: 200px; margin-bottom: 10px;} .ssc-promos-check {padding-bottom: 10px;} .video-terms-check {padding-bottom: 10px} .story-form label strong, .video-form label strong {color: red;} embed.tellus-vid{width: 500px; height: 384px;} .sp-more-text {display: none;} /* video/support page specific styles */ #vid-container {width: 948px; height: 537px;} #support-img-header{width: 948px; height: 74px; background: transparent url(images/hed-support.png) no-repeat left; text-align: right;} #support-img-header {margin: 0 auto;} #display-nowplay {padding: 18px 16px 0 0;} #btn-replay-intro {padding: 10px 16px 0 0} a.btn-support-display {padding-left: 12px; color: #9c9c9c; font-weight: normal; line-height: 14px; background: transparent url(images/icon-status-blue.png) no-repeat left;} a.btn-support-display:hover {color: #00A6E5; text-decoration: none;} .page-template-support-php .content-inset {background-color: #fff; } .sp-mod {width: 235px; height: 100%; overflow: hidden; display: inline-block;} .sp-mod .mod-inner {margin: 0 8px 8px 0; padding: 12px; width: 203px; height: 160px; background-color: #fff;} .sp-mod .mod-inner h2, #faq-mod h2, #support-mod h2, #help-res-mod h2 {width: 124px; height: 17px; background: transparent url(images/sprite-additions.gif) no-repeat -299px -225px; text-indent:-9999px;} #scan-man-mod h2 {width: 158px; background-position: -299px -243px;} #scan-org-mod h2 {width: 163px; background-position: -299px -261px;} #card-mind-mod h2 {width: 117px; height: 13px; background-position: -299px -279px;} #card-mind-mod {width: 227px;} #card-mind-mod .mod-inner {margin-right: 0px;} #support-mod h2 {width: 260px; height: 26px; background-position: -299px -320px} .support-sec {margin-top: 8px;} .bottom-mod {padding: 12px; height: 100%; background-color: #fff;} #faq-mod {height: 158px;} #help-res-mod {width: 552px; height: 158px;} #faq-mod h2, #help-res-mod h2 {padding-bottom: 4px; width: 111px; height:13px; background-position: -299px -293px;} #faq-mod ul li, #help-res-mod ul li {margin-top: 0; font-size: 13px; font-weight: bold;} #faq-mod ul li ul li, #help-res-mod ul li ul li {margin-top:8px;} #help-res-mod ul li {margin-top: 8px;} #help-res-mod h2 {width: 127px; background-position: -299px -348px;} #support-mod .mod-inner {margin-left: 12px; padding: 12px; border: 1px #D8D8D8 solid; border-radius: 4px; -moz-border-radius: 4px; width: 318px; height: 158px; background-color: #ebebeb;} .sp-mod .mod-inner .inset-box {margin-top: 8px; padding: 8px; width: 185px; height: 94px; border: 1px #D8D8D8 solid; border-radius: 6px; -moz-border-radius: 6px; list-style:none; background: transparent url(images/back-inset-box.gif) repeat-x bottom left;} #card-mind-mod .inset-box {margin-top: 12px;} .inset-box li {padding-bottom: 8px;} .icon-support-display {width: 6px; height: 16px; background: transparent url(images/icon-status-blue.png) no-repeat left bottom; text-indent:-9999px;} .item-support-display {width:178px;} .link-support-display {margin-left:6px; display:block;} a.nohover:hover {color: #9C9C9C;} #support-mod .mod-inner p { line-height: 26px; margin: 10px 0 0 35px;} .ssc-thank {margin: 0 0 200px 0;} .PDS_Poll {float:right; margin: 10px 0 10px 10px;} #content-side .PDS_Poll {float:none; margin: 0;} #content-side .pds-links {margin-left: -11px;} /* revamp of section headers */ .img-header {width: 620px; height: 191px; background: url(images/bg-img-header.jpg) repeat-x; overflow: hidden;} .page-template-iscanner-php .img-header, .page-template-marketplace-php .img-header {width: 948px;} .img-header img {position: absolute; top: 0; left: 0; z-index: 10;} .page-template-iscanner-php .img-header img.arcs-overlay {left: 273px;} img.img-behind {z-index: 1; left: 0;} .img-header h1 {border: 1px solid #b2b3b1; position: absolute; top: 111px; left: 0; display: block; font: italic 30px/30px "proxima-nova-1","proxima-nova-2",sans-serif; color: #00a6e5; background:none; z-index: 20; letter-spacing: 1.5px; } .img-header h1 span {display: block; padding: 14px 17px 14px 35px; background: url(images/back-shade.png) repeat 8px 16px;} .wf-loading .img-header h1 {visibility: hidden;} .wf-active .img-header h1 {visibility: visible;} .img-header h1 {border-left: none; box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.38); -moz-box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.38); -webkit-box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.38); box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.38);} /* explore template styles */ .explore ul {list-style: none;} .content .home-feat .explore li {padding: 0 0 8px 0;font-size: 14px;} .explore li a {color: #FF6D06;} iframe.twitter-share-button {display: inline; margin: 0 0 0 15px; padding: 0;} .fb_iframe_widget {margin: 0; padding: 0;} .scan-login {margin: 20px 0 0 0; width: 410px;} .status-messages {width: 250px; padding: 14px 0 14px 170px;} .status-messages h3 {font-size: 14px;} .scan-login label {float: left; text-align: right; width: 145px; padding-right: 14px; display: block; font: bold 12px/30px Helvetica, Arial, sans-serif; color: #282828;} .scan-login input {float: right; width: 232px; height: 18px; padding: 5px; font: 14px Arial;} .space {height: 20px;} .scan-login p {text-align: center; padding-top: 15px; font: bold 12px/20px Helvetica, Arial, sans-serif; color: #767676;} .scan-login p a {color: #767676;} .scan-login p.forgot {padding: 4px 0 0 97px; font-size: 10px; text-align: left;} .scan-login p.forgot a {color: #00a8ea;} .scan-login .username-label {line-height: 1.4;} .alignleft {float: left; display: inline;} .alignright {float: right; display: inline;} .alignright .button {margin: 8px 0 0 0;} /* S2C Forms */ img#s2c-form-loading {float: right; margin-right: 10px; margin-top: 22px;} img#s2c-form-loading, h3#s2c-form-response, form#s2c-form h3.form-error {display: none;} form#s2c-form h3.form-error {color: red;} #s2c-form select {margin-left: 15px;} a#s2c-sign-up-button, a#s2c-change-button, a#s2c-confirm-button {float: right;} .reg-btns {text-align: center;} .reg-btns a.button{margin-top: 6px; margin-right: 0; font-weight: bold; text-shadow: none;} .reg-btns a.first {margin: 0 20px 0 -16px;} .reg-btns a.green {background: url(images/sprite-buttons-green.png)} .reg-btns a.green span {background: url(images/sprite-buttons-green.png) no-repeat top right;} .content .reg-btns a.first{margin-right: 60px;} .content .reg-btns a.green {background: url(images/bg-green-button.png)} .content .reg-btns a.green span {background: url(images/bg-green-button.png) no-repeat top right;} #mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;} #boxes .window{position:fixed;width:386px;display:none;z-index:9999;padding:20px; border: 2px solid #bebebe; padding: 27px 38px; text-align: left; background: #fff;} #boxes h1 {text-transform: uppercase; color: #000; font: 14px Arial;} #boxes p {font: 12px/16px Arial; padding-top: 10px;} #boxes .btn {display: inline-block; font-family: Arial, Helvetica, sans-serif; background: #74d85b; font-size: 14px; color: #ffffff; padding: 5px 20px; background: -moz-linear-gradient(top,#74d85b 0%,#5ed13e); background: -webkit-gradient( linear, left top, left bottom, from(#74d85b), to(#5ed13e)); -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #a8a8a8; text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3); } #boxes .btn:hover {background: #5ed13e; text-decoration: none;} #fb-root {display: none;} /* Scansnap Squad pages */ /* typeoggraphy */ .ssq h2, .ssq h3, .ssq h4, .ssq h4 {font: 30px "proxima-nova-1", Helvetica, Arial; font-weight: 600; color: #00a6e5;} .ssq h1 {} .ssq h2, .ssq h2 a {color: #ff6d06;} .ssq h3 {font-size: 15px;} .ssq h4 {font-size: 15px; font-weight: normal; color: #2d3033;} .ssq h4.latest {font-weight: 600; color: #00a6e5;} .ssq h5 {font-size: 15px;} .ssq h6 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;} .ssq a {text-decoration: none; color: #00a6e5;} .ssq a:hover {text-decoration: underline;} /* layout */ .ssq-main {background: #fff;} .ssq-intro-box {margin-bottom: 1px; border-bottom: 1px solid #d7d7d7 ;padding: 8px 24px 16px 24px; } .ssq-intro-box h1 {width: 148px; height: 106px; float: left; background: transparent url("images/ssc-squad/big-logo.png") center no-repeat; text-indent: -9999px;} .ssq-intro-box p {padding: 20px 0 0 22px; width: 384px; float: left;} .ssq .spotlight {padding: 24px; background: #f6f6f6 url("images/ssc-squad/back-spotlight.gif" ) 0 0 repeat-x;} .ssq .spotlight .details {margin-top: 18px; padding: 0 30px 0 0; width: 308px; float: left;} .ssq .spotlight .details h2 {padding: 0 0 0 0;} .ssq p {margin-top: 12px;} .ssq .spotlight .details h6 {margin-top: 12px;} .ssq .spotlight .details h6 a {font: 12px "proxima-nova-1", Helvetica, Arial; font-weight: bold;} .ssq ul.meta-squad {margin-top: 12px;} .ssq ul.meta-squad li {float: left; line-height: 21px;} .ssq ul.meta-squad li.mail {padding: 0 30px 0 22px; background: transparent url("images/ssc-squad/icon-email.gif") 0 0 no-repeat;} .ssq ul.meta-squad li.twit {padding: 0 0 0 22px; background: transparent url("images/ssc-squad/icon-twitter.gif") 0 0 no-repeat;} .ssq .spotlight .details h4.latest {margin-top: 12px;} .ssq img {border: 1px solid #999;} .ssq .spotlight img {margin-top: 26px; float: left;} .ssq .the-squad {padding: 16px 12px;} .ssq .the-squad li {width: 276px; height: 400px; float: left;} .ssq .the-squad li.alt {margin: 0 0 0 27px;} .ssq .the-squad h2 {margin-top: 12px; font-size: 24px;} .ssq .the-squad h3 {margin-top: 4px;} .ssq .the-squad li ul li {width: auto; height: auto;} .ssq .the-squad li ul li.mail {padding-right: 16px;} /* Topics Page, Authors page */ .ssq.ssq-topics .ssq-intro-box, .ssq.ssq-authors .ssq-intro-box {padding-top: 12px;} .ssq.ssq-topics .ssq-intro-box img, .ssq.ssq-authors .ssq-intro-box img {border: none; float: left;} .ssq.ssq-topics .ssq-intro-box h1, .ssq.ssq-authors .ssq-intro-box h1 {padding: 9px 0 0 14px; width: 438px; height: auto; line-height: 43px; font: 30px "proxima-nova-1", Helvetica, Arial; font-weight: 100; background: none; text-indent: 0; color: #00a6e5;} .ssq.ssq-topics .ssq-intro-box p, .ssq.ssq-authors .ssq-intro-box p {margin: 0; padding: 12px 0 0 0; width: auto; float: none;} .ssq.ssq-topics .spotlight h4, .ssq.ssq-topics .spotlight h4 {margin-bottom: 12px;} .ssq.ssq-topics .spotlight h5, .ssq.ssq-topics .spotlight h5 a {font-size: 12px; color: #00a6e5;;} .ssq.ssq-topics .spotlight p.tease {margin: 0 0 12px 0;} .ssq.ssq-topics .the-squad li {height: 360px;} .ssq.ssq-topics {min-height: 550px;} .ssq.ssq-authors .ssq-intro-box h1 {padding-left: 0; float: none;} /* Profiles pages */ .ssq-intro-box h1 span {color: #ff6d06;} .ssq.ssq-profile .spotlight .details {margin-top: 0;} .ssq.ssq-profile .spotlight img {margin-top: 0;} .ssq-profile .feat {padding: 22px 22px 0 22px;} .ssq-profile .feat h2, .ssq-profile .feat h2 a {padding-top: 12px; font-size: 22px; font-weight: 600;} .ssq-profile .feat .feat-date, .ssq-topics .spotlight.topic .details .feat-date {padding-top: 8px;} .ssq-profile .feat .feat-tease, .ssq-topics .spotlight.topic .details .feat-tease {padding: 8px 0;} .ssq-profile .content {padding: 6px 22px 22px 22px;} .ssq-profile .content .home-tips h2, .ssq-profile .content .home-tips h2 a {font-size: 12px; color: #00A6E5;} .ssq-profile .content .home-feat {margin-left: 0;} .ssq-profile .content .content-aside-con .hed-home-tips {margin-bottom: 8px; padding-left: 38px; height: 31px; background: transparent url(images/ssc-squad/icon-twitter-round.png) 0 0 no-repeat; line-height: 34px; font-size: 16px;} .ssq-profile .content .content-aside-con h2 {margin-top: 8px;} .ssq-profile .content .content-aside-con div.feat-tease {border-top: 1px solid #fff; border-bottom: 1px solid #cdcdcd; padding: 8px 0;} .ssq-profile .content .content-aside-con div.feat-tease.first {border-top: none;} .ssq-profile .content .content-aside-con div.feat-tease.last {border-bottom: none;} .ssq.ssq-profile-author .ssq-intro-box h1 {padding: 0; float: none;} .ssq-topics .spotlight.topic h2, .ssq-topics .spotlight.topic h2 a {font-size: 22px; color: #00a6e5;} .ssq-topics .spotlight.topic .details {width: auto; float: none;} .ssq-topics .content.topic h2, .ssq-topics .content.topic h2 a {color: #00a6e5;} /* widgets */ .ssq-widget {padding: 8px 0 0 4px;} .ssq-widget.ssq-widget-topics {padding-bottom: 10px;} .ssq.ssq-widget h4 a {font-size: 20px; font-weight: bold; color: #FF6D06;} .ssq.ssq-widget li {margin-bottom: 10px;} .ssq.ssq-widget li img {float: left;} .ssq.ssq-widget li .details {padding-left: 18px; width: 184px; float: left;} .ssq.ssq-widget li .details p {margin-top: 8px;} .ssq.ssq-widget li p.top {border-bottom: 1px solid #d2d2d2; padding-bottom: 6px;} .ssq.ssq-widget li p.bot {margin: 0; border-top: 1px solid #fff; padding-top: 6px;} .ssq-widget.ssq-widget-hlight h5 {margin-top: 6px;}