/* below styles from: ssfinder.css */ /*** SSFINDER STYLES ***/ .left{ float: left; } .right{ float: right; } .block{ display: block; } .clear{ clear: both; } .ssfinder-side-interior{ background:#EEEEEE} .ssfinder-wrapper{ background-color:#ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; } .ssfinder-interior2{ clear:left; float:left; overflow:hidden; width:100%; } .ssfinder-interior1{ float:left; position:relative; right:75%; width:100%; } .ssfinder-side-container{ float:left; left:76%; overflow:hidden; position:relative; width:23%; background-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ssfinder-side-container ul{ padding:0 0 0 10px; list-style:none; margin-right:10px; } .ssfinder-side-container a{ display:block; text-decoration:none; color:#0097BB; background:#EEEEEE url(/virteom/editor/images/ssui-folder.png) no-repeat scroll left top; padding-left:20px; line-height:16px; overflow:hidden; } .ssfinder-side-container a:hover{ text-decoration:underline; } .ssfinder-side-container a.active-folder{ background-color:#eee; } .ssfinder-side-interior{ overflow:auto; padding:10px 0; } .ssfinder-main-container{ float:left; left:78%; overflow:hidden; position:relative; width:73%; } .ssfinder-toolbar{ background-color:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:5px; } .ssfinder-toolbar a{ border-top: 1px solid #dddddd; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(top, #eeeeee, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); padding: 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 #999; -moz-box-shadow: 0 1px 0 #999; box-shadow: 0 1px 0 #999; text-shadow: 0 1px 0 #999; color: #0096bb; font-size: 11px; text-decoration: none; vertical-align: middle; height:16px; line-height:16px; margin-right:2px; } .ssfinder-toolbar a:hover{ border-top-color: #cccccc; background: #cccccc; color: #000000; text-decoration: none; } .ssfinder-toolbar a:active{ border-top-color: #dcdcdc; background: #dcdcdc; } .ssfinder-view-options{ height:25px; line-height:25px; font-size:11px; } /* .ssfinder-toolbar a{ font-size:11px; color:#0097BB; padding:3px; height:16px; line-height:16px; text-decoration:none; } .ssfinder-toolbar a:hover{ background-color:#ccc; color:#000; } */ .ssfinder-fileview{ background-color:#eee; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:5px; } .ssfinder-fileview-interior{ overflow-y:scroll; width: 100%; } .ssfinder-fileview-heading{ background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999)); background-image: -webkit-linear-gradient(top, #cccccc, #999999); background-image: -moz-linear-gradient(top, #cccccc, #999999); background-image: -ms-linear-gradient(top, #cccccc, #999999); background-image: -o-linear-gradient(top, #cccccc, #999999); background-image: linear-gradient(top, #cccccc, #999999); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#999999'); font-size:12px; line-height:25px; height:25px; padding-right:18px; } .ssfinder-fileview-heading div{ border-right:1px solid #999999; color:#0097BB; } .ssfinder-fileview-heading a{ color:#0097BB; display:block; padding:0 3px; font-weight:bold; text-decoration:none; } .ssfinder-fileview-heading a:hover{ color:#444; } .ssfinder-thumbnail .ssfinder-fileview-heading{ display:none; } .ssfinder-list .ssfinder-fileview-heading{ display:block; } .ssfinder-statusbar{ background-color:#eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; font-size:11px; line-height:20px; height:20px; padding:0 5px; overflow:hidden; } .i-over{background:transparent url(/virteom/editor/images/i.gif) repeat scroll left top;position:absolute;z-index:99;top:0;left:0;} /*** SSUPLOADER STYLES ***/ .ssuploader-mediaview-wrapper{ background-color:#ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; } .ssuploader-folder-wrapper{ width:200px; height:auto; background-color:#ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; } .ssuploader-thumb-wrapper{ width:120px;height:150px;overflow:hidden;position:relative;padding:0;margin:5px;text-align:center;font-size:10px;border:1px solid #AAA;background-color:#000;} .ssuploader-thumb-wrapper a{ text-decoration:none; margin:0 1px; } .ssuploader-thumb-wrapper img {border:0;position:relative;top:0;} .ssuploader-thumb-container{display:block;width:120px;height:130px;position:relative;top:0;} .ssuploader-thumb-active{background-color:#edffd9;cursor:pointer;border:1px solid #6EB43C;} .ssuploader-thumb-hover{background-color:#e8f7fa;cursor:pointer;border:1px solid #0097BB;} .ssuploader-thumb-hover .ssuploader-thumb-filename{color:#444;} .ssuploader-thumb-icons{height:20px;margin:0 auto;position:relative;top:0;width:75px;z-index:99;} .ssuploader-thumb-filename{bottom:0; color:#666; font-size:9.5px; height:28px; margin:0 5px; line-height:9.5px; overflow:hidden; position:absolute; left:0; width:110px;} .ssuploader-thumb-filetype{color:#000000;font-size:13px;font-weight:bold;height:17px;left:22px;line-height:17px;position:absolute;text-align:center;text-transform:uppercase;top:80px;width:72px;z-index:98;} .ssuploader-list-wrapper{ border-bottom: 1px solid #ddd; height:25px; line-height:25px; } .ssuploader-list-wrapper .ssuploader-thumb-icons{ padding:0 4px; } .ssuploader-list-wrapper:hover{ background-color:#ccc; } .ssuploader-list-filename{ font-size:10.5px; width:55%; overflow: hidden; height:25px; white-space: nowrap; } .ssuploader-list-filedate{ font-size:10.5px; overflow: hidden; padding:0 8px; white-space: nowrap; } .ssuploader-list-filesize{ font-size: 10.5px; overflow: hidden; padding: 0 8px; white-space: nowrap; width: 50px; } /*** GENERAL UPLOADER STYLES ***/ table.ssuploader{font-size:11px;color:#ccc;width:100%;text-align:left;border-spacing:0;margin:10px 0 15px;} table.ssuploader a{color:#0097BB;text-decoration:none;cursor:pointer;} table.ssuploader a:hover{color:#B4D2F0;text-decoration:underline;} table.ssuploader thead tr th,table.ssuploader tfoot tr th{background-color:#000;border:0;font-size:11px;padding:4px 20px 4px 4px;color: #AAAAA5; } table.ssuploader tbody td{background-color:#303030;border-bottom:1px solid #000;vertical-align:top;margin:0;padding:4px;} table.ssuploader tbody tr.odd td{background-color:#222;border-bottom:1px solid #000;margin:2px 0 0;} .ssuploader_button{font-size:13px;} .UploaderTop{margin:0 0 15px;} /*** SSUI ICON STYLES ***/ .ssui-icon{background:transparent url(/virteom/editor/images/ssui-icons.png) no-repeat scroll 0 0;width:16px;height:16px;display:block;margin:0 auto;} .ssui-icon-off{background:transparent url(/virteom/editor/images/ssui-icons-off.png) no-repeat scroll 0 0;width:16px;height:16px;display:block;margin:0 auto;} .ssui-blank{background-position:100px 100px;} .ssui-add{background-position:0px -208px;} .ssui-edit{background-position:0px -256px;} .ssui-delete{background-position:-32px -208px;} .ssui-preview{background-position:0px -64px;} .ssui-directory,.ssui-directory-access{background-position:-64px -48px;} .ssui-directory-open{background-position:-48px -48px;} .ssui-add-directory{background-position:-96px -272px;} .ssui-menu,.ssui-menu-access{background-position:-48px -48px;} .ssui-page,.ssui-page-access{background-position:-48px -256px;} .ssui-add-page{background-position:-16px -256px;} .ssui-link,.ssui-link-access{background-position:-144px -112px;} .ssui-directory-noaccess{background-position:-64px -272px;} .ssui-menu-noaccess{background-position:-64px -272px;} .ssui-page-noaccess{background-position:-64px -256px;} .ssui-link-noaccess{background-position:-64px -272px;} .ssui-settings{background-position:0px -128px;} .ssui-select{background-position:-48px -208px;} .ssui-magnify{background-position:-128px -48px;} .ssui-save{background-position:-80px -80px;} .ssui-rollback{background-position:-128px -208px;} .ssui-help{background-position:-32px 0px;} .ssui-print{background-position:-144px -48px;} /* below styles from: notice.css */ .notice-wrap { position: fixed; top: 20px; right: 20px; width: 250px; z-index: 9999; } * html .notice-wrap { position: absolute; } .notice-item-wrapper{ } .notice-item { background-color: #3165E6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; padding:10px 30px 10px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 2px solid #3165E6; display: block; position: relative; margin: 0 0 12px 0; -moz-box-shadow: 0px 0px 8px #ffffff; -webkit-box-shadow: 0px 0px 8px #ffffff; box-shadow: 0px 0px 8px #ffffff; } .notice-item-wrapper p{ margin:0; color: #FFFFFF;} .notice-timestamp{ color:#eee; display:block; font-size:11px; margin-top: 8px; } .notice-item-close { border: 2px solid #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: bold; height: 15px; line-height: 13px; padding: 1px; position: absolute; right: 5px; text-align: center; top: 5px; width: 15px; } /*Custom Classes*/ .notice-item-wrapper .notice{ border:4px solid #3165E6; } .notice-item-wrapper .error{ border:4px solid #e00; } .notice-item-wrapper .success{ border:4px solid #69b137; } /* below styles from: sty_content.css */ /** * sty_content.css (c) virteom.com * Define basic style formatting for body, p, h1-h6 >> background color should be set inline or in sty_style ---------------------------------------------------------------------- */ /* Variables ---------------------------------------------------------------------- */ /* Colors ------------------------------ */ /* Typography ------------------------------ */ /* Paths ------------------------------ */ /* Dimensions ------------------------------ */ /* Basic Typography ------------------------------------------ */ /*body, html { font: 12px/1.25 Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #444444; height: 100%; }*/ /** * sty_content.css (c) virteom.com * Define basic style formatting for body, p, h1-h6 */ /* background color should be set inline or in sty_style */ html { font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ .ssEditorBody {color:#d7d7d7; line-height:20px; font-weight:300; font-size: 11px;background-color:#919191;} .ssEditorBody img {width: 325px;} body.printScreen{ font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif; background:#fff; font-size:11.5px; width:700px; color:#000; margin:0 0 0 20px; padding:0; } p{ padding:0; margin:0 0 20px 0; } p strong {font-weight:600;} h1 { font-size: 2em; margin: 5px 0 15px 0; color: #FFFFFF; text-align: left; } h1 a{ font-size:18px; color:#00BCDB; line-height:17px; padding:0; margin:0 0 8px 0; font-weight:400; text-decoration:underline; } h1.picturetitle{ font-size:24px; color:#e4e4e4; line-height:26px; padding:0; margin:0 0 6px 0; font-weight:400; } h2{ font-size:14px; color:#00BCDB; line-height:14px; margin:0 0 4px 0; font-weight:400; } h3{ font-size:28px; color:#1dbef9; line-height:20px; padding:0; margin:0 0 0px 0; font-weight:600; letter-spacing:0px;} h4{ font-size:12px; color:#d7d7d7; line-height:16px; padding:0; margin:0; } .table-body {border-collapse:collapse; border:1px dotted #FFFFFF;} .table-body tr td{padding:0 0 0 8px; border:1px dotted #FFFFFF;} p.quoted-text {padding:0 30px 0 30px;display:block;} .content-photo-caption {font-size:12px;margin:-20px 0 0 0;padding:0 0 30px 0;line-height:19px;} .ui-widget-content .ap_dir_listings{margin:4px 0 0 0;} .ap_dir_listings a.ToUseFolderForAutoPopulate {cursor: pointer;display: inline; color:#00BCDB;} .plain_fieldset_radio {display:block;margin:0;padding:0;border:none;} .plain_fieldset_radio span {display:block;margin:0;margin-top: 2px;} /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; color:#FFFFFF; } /* below styles from: sty_forms.css */ @import url(_open/normalize.css); /* Animation ---------------------------------------------------------------------- */ /* Variables ---------------------------------------------------------------------- */ /* Colors ------------------------------ */ /* Typography ------------------------------ */ /* Paths ------------------------------ */ /* Dimensions ------------------------------ */ /* Mix-ins and utility classes ---------------------------------------------------------------------- */ /* Layout ------------------------------ */ .accessibility { position: absolute; left: -9999px; top: -9999px; } /* Forms ---------------------------------------------------------------------- */ /*.siteWrap input[type="text"], .siteWrap textarea,*/ .ss-form-standard, .ss-form input[type="text"], .siteWrap input[type="password"], .ss-form input[type="password"], .ss-form textarea { padding: 3px 6px; border: 1px solid #acacac; background: #fff; border-radius: 3px; } .ss-form-standard-medium {padding:2px 2px 2px 2px;margin:1px 0 1px 0;border: 1px solid #acacac;background: #fff;border-radius: 3px;} .ss-form-standard-small {padding:2px 6px 2px 6px;margin:1px 0 1px 0;border: 1px solid #acacac;background: #fff;border-radius: 3px;} .ss-form-standard-xsmall {padding:0px 1px 0px 1px;margin:1px 0 1px 0;border: 1px solid #acacac;background: #fff;border-radius: 3px;} .siteWrap input[type="text"]:focus, .ss-form input[type="text"]:focus, .siteWrap input[type="password"]:focus, .ss-form input[type="password"]:focus, .siteWrap textarea:focus, .ss-form textarea:focus { outline: none; } .formResponse { background-color: #f0f0f0; padding: 10px; } #nyroModalContent .formResponse { background-color: transparent; } .ss-form { margin: 1em 0; } .ss-form .element-container { position: relative; margin: 0 0 .5em; padding: 0 0 .5em; border-bottom: 1px solid #eee; } .ss-form .element-container:before, .ss-form .element-container:after { content: ""; display: table; } .ss-form .element-container:after { clear: both; } .ss-form .element-container:last-child { border-bottom: none; } .ss-form fieldset { border: none; margin: 0; padding: 0; } .ss-form .note { font-style: italic; } .ss-form dt, .ss-form dd { float: left; } .ss-form dt { width: 30%; margin-right: 3%; } .ss-form dd { width: 67%; } .ss-form dd input[type="text"], .ss-form dd input[type="password"], .ss-form dd textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ss-form dd textarea { height: 8em; } .ss-form button { margin-left: 33%; } .ss-form label { cursor: pointer; } .ss-form label span { padding: 0 3px; } .ss-form .required label:before { color: red; position: absolute; top: 0; left: -0.75em; } #nyroModalFull .ss-form .required label:before { position: static; } .ss-form button { clear: both; } .ss-form h4 { margin: 0 0 1em; } /* below styles from: jquery.modal.css */ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding: 20px; box-sizing: border-box; /*background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75);*/ text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: none; vertical-align: middle; position: relative; z-index: 5; max-width: 700px; box-sizing: border-box; width: 90%; min-width: 30%; /*background: #fff;*/ padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; border:2px solid #1dbef9; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); z-index:5; border: 2px solid white; border-radius: 50%; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px; } .modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /* below styles from: jquery.rating.css */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/virteom/CEAD/opensource/js/jquery/rating/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(/virteom/CEAD/opensource/js/jquery/rating/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* below styles from: sty_style.css */ @import url(_open/normalize.css); /* Animation ---------------------------------------------------------------------- */ /* Variables ---------------------------------------------------------------------- */ /* Colors ------------------------------ */ /* Typography ------------------------------ */ /* Paths ------------------------------ */ /* Dimensions ------------------------------ */ /* Mix-ins and utility classes ---------------------------------------------------------------------- */ /* Layout ------------------------------ */ .accessibility { position: absolute; left: -9999px; top: -9999px; } /** * sty_content.css (c) virteom.com * Define basic style formatting for body, p, h1-h6 >> background color should be set inline or in sty_style ---------------------------------------------------------------------- */ /* Variables ---------------------------------------------------------------------- */ /* Colors ------------------------------ */ /* Typography ------------------------------ */ /* Paths ------------------------------ */ /* Dimensions ------------------------------ */ /* Basic Typography ------------------------------------------ */ /* Utility Styles used by rich text editor ------------------------------------------ */ /* Core + Structure ---------------------------------------------------------------------- */ nav, ul.structural, ol.structural { margin: 0; padding: 0; list-style: none; } nav ul, ul.structural ul, ol.structural ul, nav ol, ul.structural ol, ol.structural ol, nav li, ul.structural li, ol.structural li { margin: 0; padding: 0; } #wrapper { position: relative; padding: 0; margin: 0px auto 0px auto; background: #FFFFFF; } #mastfoot { text-align: center; } /* Buttons ---------------------------------------------------------------------- */ /* mainTopMenu ---------------------------------------------------------------------- */ .mainTopMenu{ position:relative; background: #d7ffdf; padding: 4px; width: 993px; height: 15px; } .mainStoreMenu{ position:relative; background: #000000; padding: 4px; width: 700px; height: 15px; margin: 0px 0px 10px 0px; } div.mainStoreMenu div#main-top-menu ul li a { color: #ffffff; } #main-top-menu > ul > li > a, #main-top-menu > ul > li > a:visited { color: #666666; display: block; float: left; padding: 0 10px; } #main-top-menu ul { color: #FFFFFF; display: inline; list-style-type: none; padding: 0; } .main-top-black{ width: 1000px; background: #000000; height: 50px; position:relative; text-align: right; } #headerSearch{ margin: 10px 0px auto; position: absolute; } #headersearchbutton.searchButton{ margin: 11px 10px 0px 0px ; } /* mainSideMenu ---------------------------------------------------------------------- */ .mainSideMenu{ float: left; background:#cccccc; width: 150px; margin: 0px 10px 0px 0px ; position: relative; padding: 10px; } /* mainBanner ---------------------------------------------------------------------- */ /* Typography ---------------------------------------------------------------------- */ p, dl, dd, li { margin: 0; padding: 0; } abbr[title] { border: none; } address { font-style: normal; } /* Links ------------------------------ */ /* Using #content for specificity instead of !important */ /* Masthead ---------------------------------------------------------------------- */ /* Primary content ---------------------------------------------------------------------- */ #content{ position: relative; z-index:1; } #primContent{ position: relative; z-index:1; } #ContentRegoin1{ padding:10px } .container{ position: relative; padding:10px; z-index:1; } .internal_content{ position: relative; padding:10px; z-index:1; } .internalcontent{ position: relative; width: 600px; min-height: 500px; margin: 5px 10px 10px 180px; } .InternalContentRegion1{ position: absolute; width: 100%; margin: 5px 10px 10px 0px; min-height: 400px; } .InternalContentRegion2{ position: absolute; width: 180px; margin: 5px 10px 10px 600px; min-height: 260px; background: #f3f8e2; padding: 10px; } /* Secondary content ---------------------------------------------------------------------- */ /*------Shopping Cart Styles---------------*/ .internalstorecontent{ position: relative; width: 700px; margin: 0px 0px 0px 175px; background: #FFFFFF; padding: 10px; min-height: 500px; } p.download_error {color: #00BCDB;} .orderInfo a {color:#00BCDB;text-decoration: underline;} .internal_account_textarea table.orderInfo { } .internal_account_textarea table.orderInfo td { border: 1px dotted white; padding: 10px; text-align: left; vertical-align: top; line-height: 1.5em; color:#FFFFFF; } .internal_account_textarea table.orderInfo td img { margin-top:8px; } /* Search ------------------------------ */ /* Search ------------------------------ */ #search { background: #FFFFFF url(../images/magnifying_glass.svg) no-repeat 98% 60%; background-size: 23px; position: relative; top: 22px; font-size: 14px; color: #5a5a5a; font-weight: 200; letter-spacing: 1px; border: 1px solid #9c9c9c; padding: 8px 30px 8px 10px; outline: none; float: left; margin: 0 0 0 20px; } #SearchResults { position: absolute; z-index: 899; top: 130px; left: 15%; width:65%; min-width: 350px; padding: 0; border: 2px solid #1dbef9; background: rgba(0, 0, 0, 0.85); text-align: center; } #SearchResults div.search_content { z-index: 10; color: #646464; padding: 0 0px 0 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 0; line-height: 0; position: relative; } #SearchResults div.search_content .product-wrapper { position: relative; display: inline-block; margin-top: 3px; } #SearchResults div.search_content .product-wrapper img.product-image { max-width: 100%; margin-right:2px; } #SearchResults .closebutton { display: block; position: absolute; top: 105px; right: 5px; font-size: 10px; cursor: pointer; } #SearchResults .closebutton img { vertical-align: text-top; } #SearchResults a:hover { border-bottom: 0 solid; } #SearchResults .head { font-size: 16px; font-weight: bold; color: #FFFFFF; margin: 0; padding: 0; } #SearchResults .head em { color: #003a67; } #SearchResults .subtitle { font-size: 14px; line-height: 16px; font-weight: bold; color: #7dc142; margin: 0; padding: 0; vertical-align: 0px; } #SearchResults .searchHighlightedWord { color: #cc6600; } .close_search_btn { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); z-index:15; cursor: pointer; } .input_hide { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } /* Footer ---------------------------------------------------------------------- */ /* Modals ---------------------------------------------------------------------- */ #overlay { display: none; background: rgba(50, 50, 50, 0.8); z-index: 100; position: fixed; top: auto; right: auto; bottom: auto; left: auto; } /* .modal { position: fixed; top: 10%; left: 50%; } */ .modal_blocker_addition { background: #000000; filter: alpha(opacity=75); opacity:.75; } /* Homepage ---------------------------------------------------------------------- */ /* Internal pages ---------------------------------------------------------------------- */ /* Breadcrumbs ------------------------------ */ .breadcrumbs { color: #FFFFFF; font-style: italic; font-weight: 200; font-size: 14px; margin: 0px 0 20px 0; position:relative; z-index: 4; padding: 0 0 0 6%; } .breadcrumbs a { background-color: transparent; color: #00c0ff; } /* Addtional styles ------------------------------ */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } ul, ol { margin: 0; padding: 0 0 5px 40px; } img { border: 0; } .aToolTip { width: 200px; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* IE ---------------------------------------------------------------------- */ /* IE7 ------------------------------ */ /** * sty_style.css (c) virteom.com * Define all public website styles */ *{ padding:0; margin:0; } .clear{clear:both;} .left{float:left;} .right{float:right;} .center{ text-align:center; } .hide{ display:none; } ul,ol{ margin:0; padding:0 0 5px 40px; } img{ border:0; } .required{ color:#c00; } .aToolTip{ width: 200px; } .ui-accordion-content {height:275px;} .ui-dialog {z-index: 50;} /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #1dbef9; text-shadow: none; } ::selection { background: #1dbef9; text-shadow: none; } h1::-moz-selection,h1 span::-moz-selection,h2::-moz-selection,.modBlog-tags::-moz-selection,.modBlog-tags a::-moz-selection,.left_pic_breadcrumbs a::-moz-selection,.left_pic_see_more_categories span::-moz-selection,.left_pic_see_more_categories a::-moz-selection { color:#FFFFFF; } h1::selection,h1 span::selection,h2::selection,.modBlog-tags::selection,.modBlog-tags a::selection,.left_pic_breadcrumbs a::selection,.left_pic_see_more_categories span::selection,.left_pic_see_more_categories a::selection { color:#FFFFFF; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body {background-color: #000000;} #home_bg { position: fixed; top: 0; left: 0; } .home_bg {position:relative;} .bgwidth { width: 100%; } .bgheight { height: 100%; } #page_wrap {position:relative;z-index: 10;} .mod_home_hero_photos { position: absolute; width: 100%; top: 40px; overflow: hidden; height: 100vh; } picture.background_hero_homepage{ opacity: 0; transition: opacity 2s; position: absolute; display: block; top: 0; left: 0; } picture.background_hero_homepage.active{ opacity: 1; } #header_bar { width: 100%; /*max-width: 100vh;*/ /*object-fit: contain;*/ height:75px; background: #00c7ff; position: relative; } .logo_container { position: relative; display: block; margin: 0 auto 0 auto; cursor: pointer; /* border: 1px solid; */ width: 555px; /* float: left; */ top: 7px; left: -45px; } .logo_container:active { top: 8px; left: -44px; } .avatar_header_image { display: block; position: relative; float: left; left: 4px; top: 3px; } .logo_with_tagline { display: block; position: relative; float:left; } .logo_no_tagline { display: block; position: absolute; display: none; top: 0; width:100%; } .logo_mark_only { display: block; position: absolute; display: none; top: 0; } .nav_bar_fullscreen { opacity: .9; filter: alpha(opacity=90); background-color: rgba(0, 0, 0, 0.9); width:100%; height: 46px; position: absolute; top:auto; z-index:699; } .blog-home .nav_bar_fullscreen, .blog .nav_bar_fullscreen { opacity: .9; } #internalbody-full .nav_bar_fullscreen { /* background-color: #000000; opacity: .9; width:100%; height: 46px; position: fixed; top:0px; z-index:2;*/ } .nav_children_fullscreen div{ display: none; } #nav_bar_mobile { background-color: #000000; opacity: .5; width:100%; height: 57px; position: fixed; top:0px; z-index: 2; } #nav_bar_mobile div { } #mobile_menu_open { color: #FFFFFF; width:43px; position:absolute; top:75px; left:5px; opacity:.89; z-index:700; height:33px; cursor: pointer; display: none; margin-top:2px; } #mobile_menu_close { color: #FFFFFF; width:47px; position:absolute; top:77px; left:10px; opacity:.89; z-index:700; height:42px; cursor: pointer; font-size:35px; line-height:41px; display: block; } #nav_fullscreen_wrap { position: absolute; z-index: 700; width:100%; top: auto; } #nav_mobile_bg { position: fixed; z-index: 1; top:115px; height: 10000px; opacity: .9; filter: alpha(opacity=90); background: rgba(0, 0, 0, 0.9); width: 45%; left:-50%; display:none; border-top: 1px solid #808080; border-right:1px solid #808080; border-bottom:1px solid #808080; } .blog-home #nav_mobile_bg, .blog #nav_mobile_bg { opacity: .88; } #nav_mobile { position: relative; top:6px; left:-330px; z-index: 2; padding: 0 0 0 0px; filter: alpha(opacity=80); opacity:.8; width:100%; display: none; } #nav_mobile_container { overflow:hidden; top:114px; position:absolute; width:42%; padding-bottom: 10px; } #nav_mobile ul { list-style-type: none; padding:0; margin:0; position:relative; left:-8px; } #nav_mobile ul li { padding:0; margin:0; width:100% } #nav_mobile ul li a { color:#FFFFFF; font-weight: 200; text-decoration: none; padding: 4px 0 4px 15px; display:block; width:100%; } #nav_mobile ul li a:hover { background:#1dbef9; filter: alpha(opacity=80); opacity:.8; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #nav_mobile ul li a.children_selected:hover { background:#FFFFFF; color:#00bbff; filter: alpha(opacity=80); opacity:.8; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #nav_mobile ul li ul { padding:0; margin: 0 0 10px 18px; } .minus_plus_container { position:absolute; left:6px; } .children_plus_sign { display:block; float:left; color:#FFFFFF; font-weight: 200; position:relative; top:2px; left:-3px; width: 10px; } .children_minus_sign { display:block; float:left; color:#1dbef9; font-weight: 200; position:relative; top:-3px; left:-3px; width: 10px; z-index: 5; } #nav_mobile ul li a.children_selected { color:#1dbef9; } #nav_mobile ul li a.nav_children_mobile { position:relative; left:-1px; } #nav_mobile ul li a.mobile_link_content { line-height: 1em; padding: 5px 0 5px 15px; } #nav_mobile ul li a.selected:hover { background-color: #FFFFFF; } #nav_fullscreen_wrap nav#nav_fullscreen { /*border: 1px solid #dedede;*/ /*border-radius: 4px;*/ /*box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);*/ color: #888; display: inline-block; overflow: hidden; /*width: 100%;*/ float:left; /*position: relative; top:-3px; left:7px; margin: -2px 0 0 7px;*/ } #nav_fullscreen_wrap nav#nav_fullscreen ul { margin: 0; padding: 0; } #nav_fullscreen_wrap nav#nav_fullscreen ul li { display: inline-block; list-style-type: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > a > .caret { border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; display: inline-block; height: 0; width: 0; vertical-align: middle; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; margin:0 0 0 4px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > a { color: #fff; opacity:.8; display: block; line-height: 46px; padding: 0 8px 0 8px; text-decoration: underline; font-weight: 400; font-size:15px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li:hover { background-color: rgb( 40, 44, 47 ); } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li:hover > a { color: rgb( 255, 255, 255 ); } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li:hover > a > .caret { border-top-color: rgb( 255, 255, 255 ); } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div { opacity: 0; margin: 0; position: absolute; font-weight: 200; font-size:.9em; padding: 0; top:46px; /*-webkit-transiton: opacity 1.2s; -moz-transition: opacity 1.2s; -ms-transition: opacity 1.2s; -o-transition: opacity 1.2s; -transition: opacity 1.2s;*/ } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div ul > li { display: block; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div ul > li > a { color: #fff; opacity: .8; display: block; text-decoration: none; margin: 0px 0 0px 0px; padding: 8px 7px 8px 12px; border-bottom: 1px solid #c7c7c7; font-size: 15px; font-weight:400; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div ul > li:hover > a { background-color: rgba( 255, 255, 255, 0.2); } #header_bar nav#account_nav_fullscreen { min-width: 245px; color: #FFFFFF; opacity: .89; cursor: pointer; position: absolute; top: 12px; z-index: 800; /* border: 1px solid yellow; */ right: 0; } #account_nav_fullscreen_profile { height:56px; max-width:205px; float:left; } #account_nav_mobile { min-width: 280px; color:#FFFFFF; opacity: .89; position:absolute; z-index:10; height:53px; right:0; cursor: pointer; display:none; } #jbp_account_avatar { width: 46px; height: 46px; position:relative; top:6px; display: block; float:left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #jbp_account_avatar img{ width: 46px; height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #fullnav_account_display,#mobile_account_display { float:left; margin: 6px 0 0 8px; } #fullnav_account_welcome,#mobile_account_welcome { font-size: 15px; font-weight: 200; } #fullnav_my_account,#mobile_my_account,#fullnav_my_account a { font-size: 24px; font-weight: 800; text-decoration: none; color:#FFFFFF; } #fullnav_my_account a:hover { text-decoration: underline; } #fullnav_cart_container,#mobile_cart_container { float: left; width: 40px; margin: 11px 0px 0 10px; padding: 0 20px 0 0; position: relative; } #fullnav_cart_container:active,#mobile_cart_container:active { top:1px; left:1px; } #account_nav_fullscreen_profile { position: relative; } #account_nav_fullscreen_profile:active { top:1px; left:1px; } .background_cart_circle { width: 20px; height: 20px; text-align: center; position: absolute; top: -5px; right: 11px; color:#000000; font-size:13px; line-height:20px; font-weight: 400; background: url('/virteom/styles/web/images/shopping_cart_token.svg') no-repeat left top; } .ajax_ecommercemodal{ border:1px solid white; position: fixed; top:73px; right:5px; padding: 0 0 5px 0; min-width:470px; display: none; max-width:470px; z-index: 800; } .ajax_ecommercemodal_bg { background: #000000; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; opacity: .9; } .ajax_ecommercemodal_close,.fullnav_account_display_detail_close { color: #FFFFFF; text-decoration: none; position: absolute; margin: 0; padding: 0; line-height: 1px; font-weight: 800; top: 18px; right: 8px; font-size: 1.5em; z-index: 5; width: 16px; height: 20px; } #fullnav_account_display_detail, #mobile_account_display_detail{ border:1px solid white; position: absolute; top:55px; right:0px; padding: 0 0 0px 0; width:280px; cursor:default; } #fullnav_account_display_detail_background,#mobile_account_display_detail_background { background: #000000; opacity: .65; position:absolute; top:0; width:100%; height:100%; } #fullnav_account_display_detail ul,#mobile_account_display_detail ul { position: relative; z-index: 2; list-style-type: none; margin: 17px 0 0 0; } #fullnav_account_display_detail ul li, #mobile_account_display_detail ul li{ margin: 0 0 15px 10px; } #fullnav_account_display_detail ul li a, #mobile_account_display_detail ul li a { text-decoration: none; color: #FFFFFF; font-weight: 200; font-size: 22px; padding: 0 0 0 20px; } #fullnav_account_display_detail ul li a:hover, #mobile_account_display_detail ul li a:hover { text-decoration: underline; /*color: #30afff;*/ } /* imageGrid CSS */ .images-grid { text-align: justify; font-size: 0; line-height: 0; padding: 53px 0 0 0; } .image-wrapper { display: inline-block; } .image-thumb { max-width: 100%; } /* imagesGrid CSS */ .container { width: 100%; max-width: 1600px; margin: 150px auto; padding: 50px; box-sizing: border-box; } h1 { margin: 0 0 50px 0; text-align: center; } h2 { margin-top: 50px; } /* Demo 1 */ .images-grid-1 .image-wrapper { margin-top: 1px; } /* Demo 2 */ .images-grid-2 .image-wrapper { margin-top: 3px; } /* Demo 3 */ div.products { text-align: justify; font-size: 0; line-height: 0; padding: 43px 0 0 0; position:relative; z-index: 2; } div.products .product-wrapper { position: relative; display: inline-block; margin-top: 3px; } div.products .product-image { max-width: 100%; } div.products .product-wrapper .product-overlay, #SearchResults div.search_content .product-wrapper .product-overlay { /*display: none;*/ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); cursor: pointer; filter: alpha(opacity==0); opacity: 0; overflow: hidden; } .product-overlay .plus-sign { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; color: #fff; font-size: 40px; font-weight: bold; line-height: 50px; text-align: center; text-decoration: none; } .product-overlay .product-contents { position: absolute; color: #fff; text-align: left; text-decoration: none; height:100%; width:100%; overflow:hidden; } .product-overlay .product-contents h1.landscape{ font-size:32px; margin: 5px 10px 0 10px; line-height: 32px; top: -100%; position: relative; text-align: left; /*height:69px; overflow:hidden;*/ } .product-overlay .product-contents h1.landscape::after{ /*()content: "...";*/ } .product-overlay .product-contents h1.portrait{ font-size:27px; margin: 5px 0 0 10px; line-height: 27px; top: -100%; position: relative; text-align: left; } .ajax_search .loading { color: #FFFFFF; display: block; height: 20px; padding: 5px 0 5px 0; } .product-overlay .product-contents p{ font-size:15px; margin: 5px 10px 0 10px; top: -100%; position: relative; line-height:25px; font-weight: 400; } .product-overlay .product-purchase_options-details { width:100%; position:absolute; bottom:-100%; } div.products .product-wrapper:hover .product-overlay { display: block; } .search_photo_link { position: absolute; top:0; left:0; width:100%; height:100%; } .photo_cat_enlarge_link { position: relative; top: -8px; text-decoration: none; color: #FFFFFF; left: 5px; font-weight: 100; border: 1px solid white; display: inline-block; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .photo_cat_enlarge_landscape { padding: 0; margin: 0; width: 80%; max-width: initial; min-width: initial; } .photo_cat_enlarge_portrait { padding: 0; margin: 0; width: initial; max-width: fit-content; min-width: unset; box-sizing: content-box; height: 90%; } .photo_cat_enlarge_landscape img { width:100%; } .photo_cat_enlarge_portrait img { height:100%; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } .product_detail_center_wrapper { position: absolute; top: 70px; width: 100%; } .product_detail_center_wrapper h1 { width: 65%; position:relative; z-index: 4; padding: 0 0 0 6%; } .product_detail_photo, .product_detail_description, .product_detail_cat_link { display:block; } .product_detail_cat_link { color: #00c0ff; font-weight: 400; float:left; } .product_detail_photo_wrapper { position: relative; width: 65%; display: inline-block; float:left; padding:0 0 0 6%; } .product_detail_photo { width: 100%; position: relative; z-index: 4; border:1px solid #e4e4e4; } .product_detail_description{ width: 20%; margin: 0 0 0 10px; color: #FFFFFF; font-weight: 200; text-align: left; float:left; position: relative; z-index: 4; } .product_detail_photo_purchase_links { position: absolute; z-index: 5; bottom: 1px; right: 0px; width: 60%; height:10%; } .product_detail_photo_purchase_links a.download_as_stock { background: url('/virteom/styles/web/images/download_as_stock_button.svg'); display:block; width: 38%; height:100%; padding:0; margin:0; border-right: 3px solid #464647; background-repeat: no-repeat; background-position: 10px 0; cursor: pointer; overflow: hidden; float:right; position:relative; left:10px; } .product_detail_photo_purchase_links a.download_as_stock:hover { background: url('/virteom/styles/web/images/download_as_stock_button-hover.svg'); background-repeat: no-repeat; background-position: 10px 0; } .product_detail_photo_purchase_links a.download_as_print { background: url('/virteom/styles/web/images/download_as_print_button.svg'); display:block; width: 38%; height:100%; padding:0; margin:0; background-repeat: no-repeat; background-position: 10px 0; cursor: pointer; overflow: hidden; float:right; } .product_detail_photo_purchase_links a.download_as_print:hover { background: url('/virteom/styles/web/images/download_as_print_button-hover.svg'); background-repeat: no-repeat; background-position: 10px 0; } .product_detail_comments { float:left; width:64%; position: relative; z-index: 4; color:#FFFFFF; padding:0 0 0 6%; } .cateogory_page_bg { width:100%; height:130%; opacity: .8; position:absolute; z-index: 3; background: #000000; } .download_as_buttons_landscape { display:block; width: 50%; /*height:100%;*/ padding:0; margin:0; cursor: pointer; overflow: hidden; float:right; position:relative; } .top_pic_download_options { display: none; visibility: hidden; position: relative; } .download_as_buttons_portrait { display:block; width: 100%; cursor: pointer; } .product-purchase_options-details a.download_as_stock { } .product-purchase_options-details a.download_as_stock:hover { } .product-purchase_options-details a.download_as_print { } .product-purchase_options-details a.download_as_print:hover { } .modal_photo_background { position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); z-index:2; } .modal_photo_contents{ position:relative; z-index:5; overflow: hidden; top:-6px; } .modal_photo_header { width:100%; position:relative; text-align: center; top:5px; } .modal_photo_line_left { height:10px; width:25%; border-bottom:1px solid #a2a2a2; position:relative; display:inline-block; float:left; } .modal_photo_line_right { height:10px; width:25%; border-bottom:1px solid #a2a2a2; position:relative; right:0; float:right; display:inline-block; } .modal_photo_header_center { margin: 0 auto 0 auto; text-align: center; color: #FFFFFF; line-height: 24px; font-weight:600; display:inline-block; position: relative; width: 46%; } .modal_header_text_image_container { display: inline-block; margin:0 auto 0 auto; position:relative; left:-4px; } .purchase_dialog_thumb_container { width:35px; height:35px; display:inline-block; position: relative; top:-5px; left:7px; float:left; overflow:hidden; border:1px solid #4e4e4e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .purchase_dialog_thumb_portrait { width:125%; position: relative; top:-40%; left:-10%; } .purchase_dialog_thumb_landscape { width:175%; position: relative; top:-8%; left:-35%; } .purchase_dialog_back_btn { position: relative; bottom: 0px; left: 0px; color: #30afff; text-transform: uppercase; font-size: 1.1em; cursor: pointer; } .modal_photo_header_center span { font-size: 20px; position: relative; top:0px; display: inline-block; float:left; font-weight:200; letter-spacing: 1px; } .modal_photo_orna_left { display:block; width: 18%; float:left; } .modal_photo_orna_right { display:block; width: 18%; float:right; } .print_qty_input { border: none; border-radius: 2px; font-size: 16px; line-height: 20px; text-align: left; width: 40px; padding: 0 0 0 0px; height: 22px; padding: 0 4px 0 4px; color:#000000; } .print_choices { position: relative; width:664px; margin:0 2px 0 0; display:block; float:left; padding:0 0 8px 0; max-height:600px; overflow-y:auto; } .print_choices h1 { color: #30afff; font-size: 18px; margin:0 0 10px -3%; padding:0; line-height:28px; } .print_choices ul { list-style-type: none; } .print_choices ul li{ margin:0 0 17px 0; font-size:18px; color:#FFFFFF; text-decoration: none; letter-spacing: 1px; font-weight: 200; } .print_choices ul.print_sizes li, .print_choices ul.download_size li { width:150px; float:left; } .print_choices a.print_size, .print_choices a.print_style, .print_choices a.download_size { font-size:18px; color:#FFFFFF; text-decoration: none; letter-spacing: 1px; font-weight: 200; cursor:pointer; padding: 2px 7px 2px 34px; background: url('/virteom/styles/web/images/checkmarks-whitebg.svg') no-repeat left center; background-size: 25px 25px; } .print_choices a.print_size:hover, .print_choices a.print_style:hover, .print_choices a.download_size:hover, .print_choices a.purchase_option_selected { background-image: url('/virteom/styles/web/images/checkmarks-coloredbg.svg'); color:#30afff; } .print_choices ul.digital_download_sizes li, .print_choices ul.digital_download_sizes li a { font-size: 25px; font-weight: 800; } .print_choices ul.digital_download_sizes li a span{ color: #30afff; } .print_choices ul.digital_download_sizes p { margin:0px 0 0 38px; padding:0; font-size:13px; font-weight: 200; } .print_choices a.info_link { background-image: url('/virteom/styles/web/images/information-graphic-whitebg.svg'); background-repeat: no-repeat; width: 15px; height: 15px; display:inline-block; position: relative; top: 2px; } .print_choices a.info_link:hover { background-image: url('/virteom/styles/web/images/information-graphic-coloredbg.svg'); top:3px; left:1px; } .nav_print_choices_container { position: relative; width: 10000px; } .crop_preview_container { position: relative; margin:5px 0 0 0; } .croppreviewParams { position: absolute; background:#00BCDB; filter: alpha(opacity=75); opacity: .75; -moz-opacity: 75; -webkit-opacity: .75; } h2.print_crop_title { color:#FFFFFF; font-size: 1em; font-weight: 400; margin:0; padding:0; } .crop_preview_img_landscape { width:230px; } .crop_preview_img_portrait { width:160px; } .add2cart_input, .frame_photo_btn { background: #00BCDB; border: none; border-radius: 2px; padding: 5px 10px 5px 10px; font-size: 1em; font-weight: 200; line-height: 1.3em; } .frame_option { width: 175px; /* border: 1px solid red;*/ margin-right: 20px; color: #FFFFFF; font-weight: 200; letter-spacing: 1px; height:360px; position:relative; } .frame_option .add2cart_frame { position: absolute; bottom: 8px; left: 7px; padding:3px 15px 3px 15px; } .frame_option .frame_title { font-weight:400; letter-spacing: 0px; } .frame_option .frame_description { font-size: .8em; } .frame_option .frame_addons { font-size: .8em; } .frame_info { border: 1px dashed white; /*height: 59%;*/ height: 185px; padding: 5px; width: 92%; left: 0px; margin-left: 2px; margin-top: 5px; position: absolute; bottom:20px; } .frame_info input[type=radio] { margin-bottom:6px; } .frame_image_container { /* border: 1px solid yellow;*/ width: 170px; height: 170px; position: relative; box-shadow:0px 0px 1px #ffffff; } .frame_image_elements { position: relative; top: 0; left: 0; z-index: 30; height: 170px; /* border: 1px solid green;*/ overflow: hidden; text-align: center; } .frame_portrait { width: 150px; height:140px; } .frame_landscape { width: 100%; } .frame_actual { height: 100%; z-index: 50; position: absolute; top: 0; display:block; } .fa_portrait { left: 0; } .fa_landscape { transform: rotate(90deg); transform-origin: 0 0; left: 100%; } .photo_under_frame { display: inline-block; top: 0; z-index: 20; } .puf_landscape { position: absolute; height: 96%; top:2%; } .puf_portrait { left:10px; position: absolute; } .matte_bg { width: 94%; height: 98%; background: #FFFFFF; position: absolute; top: 1%; left: 1%; } .matte_portrait { } .matte_landscape { width: 98%; height: 125px; margin-top: 5px; } .matte_photo_cutoff { position: relative; height:100%; width:100%; overflow:hidden; /* sample attributes to add to the style of this class position: relative; width: 100px; height: 80px; overflow: hidden; border: 5px solid blue; z-index: 40; display: inline-block; */ } .matte_photo_shadow { box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,.9); width:100%; height:100%; position:relative; z-index: 20; top:1px; } #internalbody-full-wrap, #internalbody-full-wrap-reversed { padding:65px 25px 25px 25px; } #internalbody-full-wrap, #internalbody-full-wrap-reversed p { font-size: 1.1em; line-height: 1.4em; } /*Individual Photo Page*/ #photo_detail_layout { position: relative; } .photo_portrait_container { position: absolute; top: 46px; text-align: center; width: 100%; overflow:hidden; } .photo_landscape_container { position: absolute; top: 46px; text-align: center; width: 100%; overflow:hidden; } #internal_photo_landscape { position:relative; left:0; width:100%; } #internal_photo_portrait { display: inline; height: 100vh; } .portrait_picture { position: relative; z-index: 3; } .landscape_picture { position: relative; z-index: 3; } .photo_portrait_container_imageoverlay { background: #000000; filter: alpha(opacity=80); opacity: .8; position: absolute; z-index: 2; width:100%; height:100%; top:0; left:0; } .photo_landscape_container_imageoverlay { background: #000000; filter: alpha(opacity=80); opacity: .8; position: absolute; z-index: 2; width:100%; height:100%; top:0; left:0; } .photo_portrait_container_imagebg { position: absolute; left: 0; top: 0; z-index: 1; width:100%; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } .photo_landcape_container_imagebg { position: absolute; left: 0; top: 0; z-index: 1; width:100%; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } .portrait_photo_background_container { position: relative; z-index: 3; } .portrait_photo_background_overlay { position: fixed; z-index: 2; background: red; filter: alpha(opacity=70); opacity: .7; border:1px solid red; width:100%; height:300px; top:0; left:0; } .portrait_photo_background { position: relative; z-index: 1; } .photo_info_container { width:100%; /*height:400px;*/ position:absolute; z-index:5; padding: 0 0 30px 0; top: 10000px; margin-top:0%; display: none; transition: margin-top 0.5s ease; } .photo_info_container.open { margin-top:-20%; } .photo_info_container_topbg { height:38px; width:100%; position:absolute; top:-39px; } .pic_lefttop { height:38px; width:25%; border-bottom:1px solid #a6a6a6; filter: alpha(opacity=70); opacity: .7; float:left; } .pic_righttop { height:38px; width:25%; border-bottom:1px solid #a6a6a6; filter: alpha(opacity=70); opacity: .7; float:left; } .photo_info_container_tab { background: url('/virteom/styles/web/images/internal_photo_tab.svg') no-repeat bottom center; width: 50%; height: 39px; float:left; background-size:3724px 40px; text-align: center; cursor: pointer; } .photo_info_container_arrow { width: 46px; height: 27px; display: inline-block; position: relative; cursor: pointer; top:10px; left:-1px; } .photo_info_container_downarrow { width: 44px; height: 25px; background-size:44px 25px; background: url('/virteom/styles/web/images/internal_photo_downarrow.svg') no-repeat top center; position: absolute; top:0px; left:0px; } .photo_info_container_uparrow { width: 44px; height: 25px; background-size:44px 25px; background: url('/virteom/styles/web/images/internal_photo_uparrow.svg') no-repeat top center; position: absolute; top:0px; left:0px; } .photo_info_comments { margin:0 0 10px 0; color:#FFFFFF; } .left_photo_info_container { position: relative; z-index: 1; width: 46%; margin: 20px 0 0 20px; float: left; } .left_pic_breadcrumbs { color:#FFFFFF; font-weight: 200; font-style: italic; font-size:14px; } .left_pic_breadcrumbs a{ color:#0dbcf5; font-weight:400; } .left_pic_title { line-height: 35px; text-transform: uppercase; font-size: 37px; margin: 10px 0 16px 0; text-align: left; } .left_photo_info_container p { color:#FFFFFF; font-weight: 400; font-size: 1.1em; line-height: 1.4em; } .left_photo_info_container a, .left_photo_info_container p a{ color:#0dbcf5; } .left_pic_see_more_categories{ font-weight: 800; color:#FFFFFF; margin-top:30px; } .left_pic_see_more_categories span { color: #0dbcf5; } .left_pic_see_more_categories span a{ color: #0dbcf5; } .right_pic_download_options { width: 97%; margin: 0 0 20px 0px; } .right_photo_info_container { position: relative; z-index: 1; margin: 20px 0px 0 50px; float: left; width: 46%; } .jbp_photo_comment { margin: 5px 0 0 0; } .jbp_photo_comment textarea { font-size: .9em; color: #525252; width:77%; border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 17px; padding: 6px 6px 0px 35px; height: 14px; min-height: 14px; word-wrap: break-word; resize: none; overflow:hidden; box-sizing: border-box; float: left; background-image: url('/virteom/styles/web/images/avatar_reverse.svg'); background-repeat: no-repeat; background-position-x: 4px; background-position-y: 3px; background-color: #FFFFFF; background-size: 25px; } .comment-reply { margin-left:6px; } .register_fields { margin:2px 0 0 0; } .input_field { padding:12px 3px 12px 6px; } .jbp_photo_comment input.input_field, .checkoutprocedure form input.input_field, .checkoutprocedure form select { font-size: .9em; color: #525252; width:100%; border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; height: 12px; margin:2px 0 4px 0; } #photo-comment-name, .jbp_photo_comment .register_fields .input_field { width:75%; } .checkoutprocedure form select{ width: 100%; height: 26px; outline: none; color:#525252; padding:0; } .password_reset_modal { color: #FFFFFF; background: #000000; width:33%; } .password_reset_modal input.input_field { font-size: .9em; color: #525252; width:90%; border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; height: 12px; margin:2px 0 4px 0; } .internal_default_textarea form input.input_field, .internal_default_textarea form select { font-size: .9em; color: #525252; width:80%; border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; height: 12px; margin:2px 0 4px 0; } .internal_default_textarea form textarea { width:80%; font-size:.9em; line-height:1em; color:#525252; min-height: 85px; padding:5px; } .password_reset_modal table td { padding:3px; } .jbp_photo_comment input.input_button { font-size: 11px; height: 25px; color:#000000; padding: 0 10px 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #1dbef9; margin: 10px 0 5px 0px; } .jbp_photo_comment input.input_reply_button { margin: 6px 0 15px 32px; } .all_comments_container { color: #FFFFFF; font-weight:200; } .photo_comment_avatar { width:25px; height:25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; margin:3px 0 0 0; } .photo_commenter_avatar { display: block; float:left; margin:5px 10px 0 5px; } .comment_container { position: relative; left:5px; } .child_container { padding-left:10px; } .photo_comment { margin: 0 0 13px 7px; min-width: 350px; max-width:71%; position:relative; } .commenter_post_name { color:#0dbcf5; font-weight: 400; padding:0 4px 0 0; } .commenter_website { color: #0eace0; font-weight:400; text-decoration: none; font-style: italic; font-size: 13px; padding:0; } .reply_time_container { margin:3px 0 0 0; font-size:14px; } .reply_to_comment_link { color:#0dbcf5; font-weight: 200; cursor:pointer; } .bullet_dot { font-size:11px; } .post_time { color:#b8b8b8; } .reply_box { position: relative; } .reply_line { position:absolute; top:20px; left:-20px; height:105%; width:2px; background: #808080; z-index: -2; } .reply_line_active { position:absolute; top:14px; left:12px; height:105%; width:2px; background: #808080; z-index: -2; } .right_pic_see_more_photos { color: #FFFFFF; } .right_pic_see_more_photos span{ padding: 0 0 0 0px; line-height: 20px; } .spc_arrow_left { height: 120px; width: 30px; border: 1px solid blue; float: left; } .spc_arrow_right { height: 120px; width: 30px; border: 1px solid blue; float: left; } .spc_rows_container { width: 95%; float: left; overflow: hidden; } .similiar_photos_container { } .similiar_photos_container .spc_row{ height:62px; width:10000px; } .similiar_photos_container a { } .similiar_photos_container a img { height: 60px; padding: 0 1px 1px 0; } .photo_info_container_bg { background: #000000; width: 100%; height: 100%; filter: alpha(opacity=70); opacity: .7; position: absolute; top: 0; z-index: 0; } #dlgMembersLogin { color:#FFFFFF; width: 30%; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #6d6d6d; padding:40px; } #dlgMembersLogin h3,#dlgMembersRegistration h3 { font-size: 1.5em; font-weight: 400; margin:0 0 30px 0; text-align: center; line-height:1.1em; } #dlgMembersLogin form { margin: 10px 0 0 0; } #dlgMembersLogin .input_field { border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; height: 12px; margin:3px 0 15px 0; color:#525252; width:95%; } #dlgMembersLogin .pw_reminder { text-decoration: none; color: #FFFFFF; font-size: .75em; } #dlgMembersLogin .pw_reminder:hover { text-decoration: underline; } .dlgMembersLoginReminderModal { background: #000000; width: 350px; color: #FFFFFF; } .dlgMembersLoginReminderModal p { margin: 0 0 20px; } .dlgMembersLoginReminderModal p.small_modal_title { font-size: 1.2em; margin: 0 0 3px 0; } .dlgMembersLoginReminderModal input[type="text"] { margin: 5px 0 5px 0; color:#000000; } .dlgMembersLoginReminderModal input:focus { outline:none; } form.avatar_change { width:100%; overflow:hidden; margin:-10px 0 0 0; } .jcrop-holder { margin: 5px 0 0 0; } .profile_nav a{ display: inline-block; margin:0 10px 0 0; } #ajax_account_detail { padding:0px; text-align:left; } #ajax_account_detail .openAjaxLoader { display:inline-block; } #ajax_account_detail table.myorders td { padding: 5px 10px 5px 10px; border: 1px solid #808080; } .myaccount_table, .address_table { border-collapse: collapse; margin:5px 0 0 0; min-width:440px; } .myaccount_table, .address_table tr td:first-child { width:150px; } .myaccount_table td, .address_table td { padding: 5px; border: 1px solid #808080; } .myaccount_table .input_field, .address_table .input_field { font-size: 1em; color: #525252; width:80%; border:1px solid #6d6d6d; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; height: 12px; margin:2px 0 4px 0; } .address_table select { width:85%; color: #525252; /*-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;*/ } #member_avatar_image { display: block; height:175px; width:175px; margin: 0 0 5px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form h3.title { font-size: 1.4em; color: #FFFFFF; line-height: 1em; padding: 0; margin: 0px 0 10px 0; font-weight: 400; letter-spacing: 0px; } /* BLOG STUFF */ .blog_filters { position:relative; } #blog_filter_contents { position: absolute; right:0; } .filter_title { cursor:pointer; display:inline-block; float:right; font-size:22px; color:#5a5a5a; text-decoration: underline; position:relative; } .filter_title:active { top:1px; left:1px; } .filter_content_container { width: 256px; display:none; } .filter_content_top { background: url('/virteom/styles/web/images/blog_filter_bg_top.svg') no-repeat top left; background-size: 256px 38px; width: 256px; height: 38px; } .filter_content { position:relative; width: 256px; background: url('/virteom/styles/web/images/blog_filter_bg_middle.svg') repeat-y top left; background-size: 256px 4px; } .filter_content_bottom { background: url('/virteom/styles/web/images/blog_filter_bg_bottom.svg') no-repeat top left; background-size: 256px 38px; width: 256px; height: 38px; background-position: 0 -10px; } .internal_blog_page_categories { position:relative; width: 256px; } #modBlog_sidebar .filter_content a, #modBlog_sidebar .internal_blog_page_categories a { display: block; text-decoration: none; font-weight:200; color:#5a5a5a; line-height:30px; width:236px; margin:0 0 0 5px; padding: 0 0 0 12px; -moz-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; -ms-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s; } #modBlog_sidebar .internal_blog_page_categories a { margin:0 0 0 0px; padding: 0 0 0 3px; } #modBlog_sidebar .filter_content a:hover, #modBlog_sidebar .internal_blog_page_categories a:hover { color:#ffffff; background:#1dbef9; } #categories_content{ } #authors_content { right:100px; } .blog_layout_default_title { color:#1dbef9; font-size:38px; margin-bottom:0; } #internalbody-full-wrap h1, #internalbody-full-wrap-reversed h1 { color:#1dbef9; font-size:38px; margin-bottom:0; } h1.h1_potd { text-align: left; font-size: 2em; margin: 10px 0 2px 0; } h1.h1_potd a { color: #1dbef9; } .blog_homepage_title h1 span { font-size: 28px; font-weight: 800; } #internalbody-full-wrap h2, #internalbody-full-wrap-reversed h2 { color:#1dbef9; font-size: 1.5em; line-height: 1em; margin: 20px 0 3px 0; font-weight: 400; } .modBlog-homepage{ position:relative; } #blog_hero_image { display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:96%; margin:25px 0 30px -1px; /*box-shadow: 0px 3px 15px #888888;*/ } .categories_content_top_left_bg { width:64px; background: url('/virteom/styles/web/images/blog_filter_bg_top_left.svg') no-repeat; height:100px; float:left; } .categories_content_top_center_bg { width:64px; background: url('/virteom/styles/web/images/blog_filter_bg_top_center.svg') no-repeat; height:100px; float:left; } .categories_content_top_arrow_bg { width:64px; background: url('/virteom/styles/web/images/blog_filter_bg_top_arrow.svg') no-repeat; height:30px; float:left; background-size: 64px 30px; background-position: top left; } .categories_content_top_right_bg { width:64px; background: url('/virteom/styles/web/images/blog_filter_bg_top_right.svg') no-repeat; height:100px; float:left; } .blog_pagination_long { width: 20000px; position:relative; } .blog_pagination_short { position:relative; text-align: center; } #blog_pagination a{ text-decoration: none; background: #bfbfbf; margin: 0 2px 0 2px; display: inline-block; text-align: center; border: 1px solid #a0a0a0; color: #FFFFFF; font-weight: 200; -webkit-transition: background-color 0.4s, border 0.4s; -moz-transition: background-color 0.4s, border 0.4s; -o-transition: background-color 0.4s, border 0.4s; -ms-transition: background-color 0.4s, border 0.4s; transition: background-color 0.4s, border 0.4s; width:32px; height:32px; line-height: 32px; } #blog_pagination a:hover{ background: #5bd9ff; border: 1px solid #848484; } #blog_pagination a.blog_page_selected { text-decoration: none; background: #5bd9ff; margin: 0 2px 0 2px; display: inline-block; text-align: center; border: 1px solid #848484; color: #FFFFFF; font-weight: 200; width:32px; height:32px; line-height: 32px; } .blog_nav_container { position: relative; width: 292px; margin: 0 auto 0 auto; left: -15px; height: 47px; top: -50px; } .blog_pagination_arrow_left { width: 10px; height: 35px; border: 1px solid blue; display: block; position: absolute; left: 0; top: 0; cursor:pointer; } .blog_pagination_arrow_right { width: 10px; height: 35px; border: 1px solid blue; position: absolute; right: 0; display: block; top: 0; cursor:pointer; } .blog_pagination_container { height: 42px; overflow: hidden; width: 265px; margin: 0 auto 0 auto; } #blog_layout_full_default { background: #FFFFFF; padding:73px 0 60px 20px; } .blog_layout_default_title { color:#1dbef9; margin:0; padding:0; } .blog_entry_hero_container { max-height: 220px; display: inline-block; overflow: hidden; margin: 10px 0 0px 0px; width:98%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .blog_entry_hero { width:100%; } .blog_entry_meta_info { font-size:12px; font-weight: 200; color:#000000; margin:3px 0 0 0; } .blog_entry_meta_info a, .blog_default_textarea a { color:#1dbef9; } .blog_default_textarea { width:67%; float:left; font-size:14px; font-weight: 400; margin: 14px 0 0 0; line-height: 19px; color: #171717; /* text-shadow: 2px 2px 0px rgba(0,0,0,0.10); */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; overflow: hidden; } .blog_default_sidebar { width:28%; float:right; min-height: 200px; margin:14px 2% 0 0; } .blog_comment_input { width: 50%; height: 30px; padding: 0px 6px 0 6px; color: #313131; border:1px solid #dfdfdf; outline: noutlineone; } .blog_comment_textarea { overflow: auto; width: 50%; padding: 6px; border: 1px solid #dfdfdf; outline: none; resize: none; color: #313131; } .blog_comment_input::-webkit-input-placeholder, .blog_comment_textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #313131; } .blog_comment_input:-moz-placeholder, .blog_comment_textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #313131; opacity: 1; } .blog_comment_input::-moz-placeholder, .blog_comment_textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #313131; opacity: 1; } .blog_comment_input:-ms-input-placeholder, .blog_comment_textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #313131; } .blog_comment_input::-ms-input-placeholder, .blog_comment_textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #313131; } .blog_comment_input::placeholder, .blog_comment_textarea::placeholder { /* Most modern browsers support this now. */ color: #313131; } h4.internal_blog_sidebar_title { font-size: 25px; color: #5a5a5a; line-height: normal; font-weight: 400; } body.blog-home { background-color: #FFFFFF; } body.internal-one-column, body.internal-two-column, body.account-default { background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23636363' fill-opacity='0.44' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); } body.internal-one-column-reversed { background:#FFFFFF; } #layout-internal-default, #layout-account-default { padding:0; } .internal_default_textarea { width: 94%; font-size: 1.0em; font-weight: 400; line-height: 1.7em; color: #FFFFFF; /* text-shadow: 2px 2px 0px rgba(0,0,0,0.10); */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* border: 1px solid yellow; */ margin: 90px 0 0 0; padding: 0 0 30px 40px; } .internal_default_textarea a { } .internal_account_textarea { width:94%; float:left; font-size:18px; font-weight: 400; margin: 73px 0 0 0; line-height: 28px; padding:0px 0 0 24px; color: #FFFFFF; /* text-shadow: 2px 2px 0px rgba(0,0,0,0.10); */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; } .internal_default_textarea h1 { color: #1dbef9; margin: 0 0 30px 0; font-size: 2em; font-weight: 400; line-height: 1.1em; } .internal_default_textarea h2 { color: #1dbef9; font-size: 1.5em; font-weight: 400; line-height: 1em; margin: 0px 0 5px 0; padding: 0; } .internal_account_textarea h1 { color: #00c7ff; text-align: left; margin: 20px 0 30px; font-size: 2.5em; font-weight: 400; line-height:1em; } .internal_default_textarea a, .internal_account_textarea a { color:#1dbef9; } .internal_default_left { width:45%; } .internal_default_right { width:45%; margin:0 0 0 4%; } .ecommercemodal_titles { font-size: 28px; padding: 15px 0px 10px 0px; border-bottom: 1px solid; width: 88%; margin: 0 auto 22px auto; color:#FFFFFF; } .cart_modal_titles td { text-decoration: underline; } .ecoomercarttable-sub { margin:10px auto 0 auto; text-align: center; border-collapse: collapse; text-align: center; width: 88%; color:#FFFFFF; } .ecoomercarttable-sub td { font-size: 14px; text-align: center; padding: 0 0 0 10px; } .ecoomercarttable-sub td.cartitembgclasseven,.ecoomercarttable-sub td.cartitembgclassodd { font-size: 12px; line-height: 14px; padding: 15px 0 15px 15px; /* background: #494b4c; */ text-align: center; border-bottom: 1px solid; text-align: center; max-width: 150px; } div.internal_account_textarea table.ajax_checkout_cart { margin: 0 5% 50px 0; float: left; width: 40%; border: 1px solid #808080; padding: 30px; border-collapse: separate; box-sizing: border-box; min-width: 451px; } div.internal_account_textarea .ecoomercarttable-sub { border-collapse: separate; text-align: center; margin: -8px auto 0 auto; width: 100%; } div.internal_account_textarea .ecoomercarttable-sub td { font-size: .9em; text-align: center; padding: 4px; font-weight: 400; letter-spacing: 0px; text-decoration:none; } div.internal_account_textarea .ecoomercarttable-sub td.checkoutodd { border-bottom: 1px solid #808080; padding:15px 5px 15px 5px; text-align: center; font-size: .7em; letter-spacing: 0; font-weight: 400; line-height: 2em; } div.internal_account_textarea .ecoomercarttable-sub td.checkouteven { border-bottom: 1px solid #808080; padding:15px 5px 15px 5px; text-align: center; font-size: .7em; letter-spacing: 0; font-weight: 400; line-height: 2em; } .checkoutsteptitle { font-size: .9em; font-weight: 400; letter-spacing: 0px; line-height:1em; } .checkoutedit { margin: 5px 0 22px 0; } .checkoutmail { display: inline-block; font-size: .9em; } .checkoutprocedure form table{ width:90%; } .checkoutprocedure form table td { font-size:.9em; vertical-align: top; color:#ffffff; } .checkout_form { font-size: .9em; font-weight: 400; line-height: 1em; margin: 10px 0 0 0; } .internal_account_textarea a.pw_reminder { text-decoration: none; color: #FFFFFF; font-size: .75em; } .internal_account_textarea a.pw_reminder:hover { text-decoration: underline; } .ecoomercarttable a { color: #ffffff; text-decoration: none; } .checkoutprocedure { float: left; width: 40%; min-width: 451px; margin: 0 0 50px 0; border: 1px solid #808080; padding: 30px; box-sizing: border-box; } .internal_account_textarea a.cart-removeItem, .ajax_ecommercemodal a.cart-removeItem { display: block; width: 18px; height: 18px; background: #ed1c24; margin: 0 auto; text-decoration: none; font-weight:800; color:#FFFFFF; font-size: 14px; line-height:18px; text-align:center; } .cart-modal-qty { padding: 4px; border: 1px solid #acacac; background: #fff; border-radius: 3px; font-size: 12px; color: #000000; width:50px; } .ecoomercarttable-sub td.modal_cart_subtotal { padding-top:15px; } .modal_checkout_buttons_container { text-align: center; padding:0 0 15px 0; } .ajax_confirm{ font-size: .9em; } .ajax_confirm table { line-height: 1.2em; border-collapse: separate; } .ajax_confirm table td { font-size: .9em; padding: 5px 0 5px 0; border-bottom: 1px dashed; } .checkout_confirm_order_comments { font-size: 1em; color:#808080; width:90%; min-height:100px; outline:none; line-height:1.2em; } .modal_submit_btns, a.modal_submit_btns { background: #00BCDB; border: none; border-radius: 2px; padding: 7px 12px 7px 12px; margin:0 5px 0 0; font-size: 1em; font-weight: 400; color:#FFFFFF; text-decoration: none; line-height: initial; cursor: pointer; } #photo-comment-postbtn, #photo-comment-postbtn_loggedout { margin: 5px 0 0 0; } .checkout_fieldset { border: none; padding:0px 0px 5px 0px; margin:0; font-size:.9em; line-height:1.4em; } .checkout_fieldset input, .checkout_fieldset label, .checkout_fieldset div { cursor:pointer; } #estimated_shipping_price { } #estimated_shipping_price span.shipping_display_price { font-size:1.3em; font-weight:800; } .checkout_fieldset div#estimated_shipping_price { cursor:default; } .hide { display: none; } .updateKeywordsText { font-size: 9px; width: 90%; /* flex-direction: row; */ /* box-sizing: content-box; */ resize: none; white-space: normal; text-rendering: optimizeLegibility; display: block; height:80px; } /* * Clearfix: cotain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (orientation : portrait) { /*#header_bar {width:100vh;}*/ } @media only screen and (max-width: 480px) { .spc_rows_container{ width:92%; } .left_photo_info_container { width: 90%; } .right_photo_info_container { width: 90%; min-width: 300px; } } @media only screen and (max-width: 482px) { /* Style adjustments for viewports that meet the condition */ .modal_photo_header_center span { font-size: 12px; position:relative; top:-1px; } .purchase_dialog_thumb_container { width: 25px; height: 25px; } .modal_photo_line_left,.modal_photo_line_right { width:18%; } .modal_photo_header_center { width: 46%; } .myaccount_table, .address_table { max-width:360px; min-width:359px; font-size: .9em; } .myaccount_table, .address_table tr td:first-child { width:140px; } #ajax_account_detail table.myorders td { padding:2px; } table.myorders { max-width:360px; min-width:359px; font-size: .8em; } #upload_avatar_label { margin-bottom: 5px; display: inline-block; } .logo_container { display:none; } } @media only screen and (max-width: 520px) { /* Style adjustments for viewports that meet the condition */ #jbp_account_avatar { display: none; } #header_bar nav#account_nav_fullscreen { min-width: 185px; } .logo_container { margin-left:55%; } #search { width:29%; } } @media only screen and (max-width: 675px) { .left_photo_info_container { width: 94%; } .right_photo_info_container { width: 94%; } } @media only screen and (max-width: 690px) { /* Style adjustments for viewports that meet the condition */ .modal_photo_orna_left,.modal_photo_orna_right { visibility:hidden; display:none; } .modal_photo_header_center { width: 50%; } .modal_photo_line_left,.modal_photo_line_right { width:24%; } .purchase_dialog_thumb_container { width: 28px; height: 28px; } } @media only screen and (max-width: 750px) { .photo_info_container { /*margin-top:-57px;*/ } .left_photo_info_container { width: 96%; } .right_photo_info_container { min-width: 450px; width: 96%; margin-left:20px; } .spc_rows_container { width:94%; } .right_pic_download_options { display:none; } #internal_photo_landscape { top:0; } .similiar_photos_container { position: relative; } .internal_default_left { float: none; width: 90%; text-align: center; } .internal_default_right { margin: 20px 0 0 0%; float: none; width: 90%; text-align: center; } .internal_default_left form { margin: 0 auto 0 auto; } .internal_default_right form { margin: 0 auto 0 auto; } .internal_default_left form input, .internal_default_left form .text-area { float:none; } .internal_default_right form input, .internal_default_left form .text-area { float:none; } } @media only screen and (max-width: 896px) { .spc_rows_container { width:95%; } .right_photo_info_container { } } @media only screen and (max-width: 981px) { /* Style adjustments for viewports that meet the condition */ #nav_fullscreen { visibility:hidden; display:none; } #nav_bar_mobile { visibility: visible; display:block; } .photo_cat_enlarge_portrait img { height:100%; } .photo_cat_enlarge_portrait { height: 60%; } .logo_container { width:50px; top:7px; margin-left:50%; } .logo_mark_only { display: block; visibility: visible; } .logo_no_tagline { display:none; visibility: hidden; } #mobile_menu_open { visibility: visible; display:block; } .photo_portrait_container { top:0; } .photo_landscape_container { top: 0px; } .top_pic_download_options, .download_options_landscape, .download_options_portrait { display: block; visibility: visible; margin-top: 40px; } #mobile_menu_close { visibility: visible; display:block; } #nav_mobile_bg { visibility: visible; display:block; } #nav_mobile { visibility: visible; display:block; } #nav_mobile_container { visibility: hidden; display:block; } #nav_fullscreen_wrap { display:none; visibility: hidden; } .nav_bar_fullscreen{ border-bottom: 1px solid #808080; } .right_photo_info_container { width:44%; margin-left:30px; } .left_photo_info_container { width:48%; margin-left:20px; } } @media only screen and (max-width: 1053px) { .logo_no_tagline { display:block; } .logo_container { width:40%; top:5%; } .avatar_header_image { display: none; visibility: hidden; } .photo_landscape_container { /*top:40px;*/ } .logo_with_tagline { display: none; visibility: hidden; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > a { font-size: 13px; padding: 0 4px 0 4px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > a > .caret { margin-left: 2px; } #nav_bar_fullscreen { height:40px; } div.products { padding-top:37px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > a { line-height:40px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div { top:40px; } #nav_fullscreen_wrap nav#nav_fullscreen > ul > li > div ul > li > a { font-size:12px; } } @media only screen and (max-width: 981px) { } @media only screen and (max-width: 1180px) { .spc_rows_container { width:95%; } } @media only screen and (max-width: 981) { } @media only screen and (min-width: 681px) { } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* below styles from: glmod_Blog */ @CHARSET "UTF-8"; /** * CSS Styles for ModBlog */ .modBlog-subheading{ color: #D31145; border-bottom: 1px solid #DFDFDF; font-size:18px; line-height:22px; padding:0; margin:0 0 6px 0; } .modBlog-sidebar-home-blog-page { padding:0; width: 400px; position:relative; float:right; right:64px; top:-30px; z-index: 1; } #internalbody-wrapper-blog-full .modBlog-sidebar-internal-blog-page { padding:0; width: 195px; position:absolute; right: 20px; top:4px; line-height:18px; } #internalbody-wrapper-blog .modBlog-sidebar-internal-blog-page { padding:0; width: 195px; position:absolute; right: -22px; top:4px; line-height:18px; } .modBlog-socialsidebar-internal-blog-page { width:120px; } .modBlog-socialbottom-internal-blog-page { height:100px; line-height:18px; margin-bottom:50px; } #internalbody-wrapper-blog .modBlog-socialsidebar-home-blog-page { width:72px; height:286px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #5c5c5c; background:#2c2c2c; position:absolute; top:5px; left:-90px; margin:0 auto 0 auto; line-height:13px; } .modBlog-socialsidebar-home-blog-page { width:72px; height:286px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #5c5c5c; background:#2c2c2c; position:absolute; top:5px; left:-125px; margin:0 auto 0 auto; line-height:13px; } #internalbody-wrapper-blog-full .modBlog-socialsidebar-home-blog-page { width:72px; height:286px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #5c5c5c; background:#2c2c2c; position:absolute; top:5px; left:-90px; margin:0 auto 0 auto; line-height:13px; } .modBlog-socialsidebar-home-blog-page-no-rss { width:72px; height:239px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #5c5c5c; background:#2c2c2c; position:absolute; top:5px; left:-125px; margin:0 auto 0 auto; line-height:13px; } #modBlog_sidebar .modBlog-recentblog{ padding: 0 10px; } .blogContent { width: 525px; margin-right: 25px; float: left; } .toggleCategories,.toggleArchive {position:relative;top:3px;left:18px;font-size:13px;font-weight:300;} .toggleCategories:active,.toggleArchive:active {position:relative;top:3px;left:18px;} .twitter-share-button {display:block;margin:9px auto 11px auto;} .t-social-bottom {display:block;float:left;margin:11px 0 0 10px;} .author-front,.date-front {font-size:11px;position:relative;top:-10px;} h1.modBlog-title a {text-decoration:underline;} h1.modBlog-title a:hover {text-decoration:underline;} .internal-blog-tags-author {width:800px;position:relative;left:40px;top:15px;margin-bottom:40px;} .internal-blogfull-tags-author {width:1170px;position:relative;left:125px;top:15px;margin-bottom:40px;} .feature-blog-photo-link {display:block;margin-bottom:2px;} .feature-blog-photo-link img{display:block;border:1px solid #686868; padding:10px; margin:0 0 6px 0;width:825px;height:180px;} .modBlog-meta {font-size:11px;line-height:11px;font-weight:400;} .modBlog-categories, .modBlog-authors, .modBlog-mostrecent, .modBlog-archive{ margin-bottom:0px; } .modBlog-mostrecent{ position:relative; top:-30px; } .modBlog-categories, .modBlog-authors{ } #modBlog_main .modBlog-recentblog{float:left;width:250px; min-height:480px;margin:0 42px 15px 0;} #modBlog_bottombar_cat_archives {line-height:18px;} #modBlog_bottombar_cat_archives a.blog-cat-link {width:100%;} #modBlog_sidebar .modBlog-recentblog{ margin:0 0 25px 0; } #modBlog_sidebar .modBlog-title{ font-size:14px; line-height:18px; margin-bottom:3px; border:0 none;} #modBlog_sidebar .modBlog-date, #modBlog_sidebar .modBlog-author{ font-style:italic; } #modBlog_sidebar .modBlogEntry-preview{ padding-right:10px; margin:1px 0 10px 0; } .modBlog-pagelinks{ font-size:11px; float:right; } .modBlog-pagelinks{ font-size:10px; line-height:10px; float:right; } #modBlog_main .modBlog-title{ margin:5px 0 0px 0; border:0 none; line-height:8px;} #modBlog_main .modBlog-title a{text-decoration: none; font-size:23px; color:#565656; line-height:24px; } /*.modBlog-tags{ display: block; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; padding:3px 0; font-size:11px;}*/ .modBlog-slideline .modBlog-tags a{ padding:0 3px; } .modBlog-slideline{ overflow:hidden; width:100%; } .modBlog-slideline .modBlog-tags{ width:3000px; position:relative; left:0; } .modBlogEntry-preview,.modBlogEntry-preview-portrait,.modBlogEntry-preview-landscape{ color:#676767; height:72px; line-height:18px; overflow:hidden; font-size:14px;font-weight:200;margin:3px 0 0 0;} .modBlog-recentblog a.readmore{ display:block; position:relative; bottom:0; float:left; font-weight:bold; z-index:3; padding-right:10px; } .modBlogEntry-preview span.fader,.modBlogEntry-preview-portrait span.fader,.modBlogEntry-preview-landscape span.fader{ display:block; position:absolute; bottom:0; width:100%; height:23px; background:url(../images/bg-sprites.png) repeat-x 0 -1294px; z-index:2; border:0 none; } .modBlogEntry-preview p{ margin:0; } .modBlogEntry-preview strong{font-size:12px; } .modBlog-homepage .modBlog-recentblog .modBlog-tags{ color:#1dbef9;font-weight:200;} .modBlog-homepage .modBlog-recentblog .modBlog-tags a{ line-height:12px;font-weight:200; color:#1dbef9;font-size:14px;text-decoration:none; } .modBlog-homepage .modBlog-recentblog .modBlog-feature-photo,.modBlog-homepage .modBlog-recentblog .modBlog-photo{ display:block;} .modBlog-homepage .modBlog-recentblog .modBlog-feature-photo a, .modBlog-homepage .modBlog-recentblog .modBlog-photo a {width:250px; height:250px; display:block;overflow:hidden;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:0px solid #9f9f9f;/*box-shadow: 0px 0px 10px 0px #696969;*/} .modBlog-homepage .modBlog-recentblog .modBlog-feature-photo img, .modBlog-homepage .modBlog-recentblog .modBlog-photo img {width:100%; height:100%;position:relative;/*border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border:1px solid #9f9f9f;box-shadow: 0px 0px 10px 0px #696969;*/} #modBlog_main .email-blog-link{ display:block; margin-right:10px; font-size:11px; padding:3px; } #modBlog_comments{ margin-top: 15px; } #internal-blog-full #modBlog_comments {width:856px;} #modBlog_comments h2{ border-bottom:1px solid #616161; margin-bottom:10px; } #modFeedback_form{ margin-bottom:15px; } #modFeedback_ratings{ margin-bottom:10px; } #btn-toggle-comment-form{ margin-bottom: 15px; } #modBlog_main h3{ margin-bottom:15px; } #ss-modblog-settings{ padding:0 10px; margin-top:20px; } .modBlog-blogentry{ } .modBlog-mainTitle{ margin:10px 0; text-shadow: 1px 1px 3px #ccc; } #internalbody-wrapper-blog {position:relative; margin:0 auto; z-index:50; width:1070px; padding:0 20px 20px 20px;} #internalbody-wrapper-blog-full {position:relative;z-index:50; width:1310px;left:-250px;padding:0 0 20px 0;} /* #internalbody-wrapper-blog #internalbody-left{font-size:14px;line-height:29px;} #internalbody-wrapper-blog #internalbody-right{font-size:14px;line-height:29px;} */ #internalbody-wrapper-blog .ornamnet {background: url(../images/bg-ornament.png); z-index:3; height:153px; width:117px; position:absolute; top:0; left:403px;} /* Blog Module Add/Remove Widget */ #ss-modblog-choose .ss-modblog-add-home{ float:left; padding:0 10px; } #ss-modblog-choose .ss-modblog-blog-list{ float:left; padding:0 10px; width:300px; } #ss-modblog-choose .ss-modblog-filter-list{ background-color:#666; border-bottom:1px solid #404040; margin-top: 2px; padding: 5px 5px 4px; position:relative; } #ss-modblog-choose .ss-modblog-filter-list:hover{ background-color:#A6A6A6; cursor:pointer; } #ss-modblog-choose .ss-modblog-filter-list-active{ background-color:#24D3FF; } #ss-modblog-choose .ss-modblog-filter-list span{ } #ss-modblog-choose .ss-modblog-remove{ color:#111;font-weight:bold;margin:2px 2px 0 0;padding:2px;position:absolute;right:0;text-decoration:none;top:0; } #ss-modblog-choose .ss-modblog-remove:hover{ color:#444;text-shadow: 1px 1px 3px #ccc; } /** HAPPENINGS **/ #blogContent #hotlinks{left:120px;} .blogPicture{ padding-right:15px; } .blogFull{ margin:15px 0 0 120px; } .blogSection{ display:inline; text-align:center; font-size:18px; } .blogSection span{ display:block; } .blogSection a{ display:block; padding:6px; } .blogSection a:hover{ background-color:#efefef; text-decoration:none; } .blogSection img{ padding-bottom: 5px; } /**virteom Module Styles**/ .page-section{ background-color: #333; padding:10px; } #sortable-main, #sortable2-main{ width: 220px; } #sortable-sidebar, #sortable-inactive, #sortable2-sidebar, #sortable2-inactive{ width: 120px; } .mod-settings{ padding:5px; margin-bottom:15px; } .ss-field{ padding:3px; } .ss-moreoptions{ padding:10px 3px; } .ss-modblog-title{ font-size:10px;line-height:10px;height:10px;font-variant:small-caps;font-weight:bold; } .ss-modblog-title-lite{ font-variant:normal;font-weight:normal; } .ui-sortable .ui-state-default{ cursor:move; } .connectedSortable1,.connectedSortable2{ background-color: #222; border:1px solid #afafaf; list-style-type: none; margin: 5px; padding: 2px; float: left; margin-right: 10px; } .connectedSortable1 li,.connectedSortable2 li{ margin:5px; padding: 5px; font-size: 1.2em; height:1.2em; } /* SOCIAL BLOG STYLES **********************************/ section { display: block; } #socialShare ul:after { clear: both; } #socialShare ul:before, #socialShare ul:after { content: ""; display: table; } #socialShare ul:after { clear: both; } #socialShare ul:before, #socialShare ul:after { content: ""; display: table; } #socialShare ul:before, #socialShare ul:after { content: ""; display: table; } #socialShare ul:before, #socialShare ul:after { content: ""; display: table; } #socialShare ul { margin: 20px 0; } #socialShare li { float: left; margin-right: 10px; list-style: none outside none; } #socialShare input[type="button"] { font-size: 11px; padding: 3px; } .ui-button { display: inline-block; margin-right: 0.1em; overflow: visible; position: relative; text-align: center; text-decoration: none !important; } /*Natural breakpoint */ @media only screen and (min-width: 769px) and (max-width: 1210px) { #internalbody-wrapper-blog-full {width:100%;left:0;} #internal-blog-full {width:650px;left:20px;} #internalbody-wrapper-blog-full .modBlog-sidebar-internal-blog-page {right:14px;} .internal-blogfull-tags-author {left:25px;width:855px;} #internal-blog-full .ssEditorContent img{max-width:97%;} #internal-blog-full .ssEditorContent img.portrait{max-width:40%;} } /*ipad mini breakpoint */ @media only screen and (min-width: 641px) and (max-width: 768px) { #internalbody-wrapper-blog-full {width:100%;left:0;} #internalbody-wrapper-blog-full .modBlog-sidebar-internal-blog-page {right:14px;} .modBlog-socialbottom-internal-blog-page {display:block;} .modBlog-sidebar-internal-blog-page{display:none;} .internal-blogfull-tags-author {left:20px;width:95%;top:30px;} #internal-blog-full .ssEditorContent img{max-width:94%;} #internal-blog-full .ssEditorContent img.portrait{max-width:40%;} #internal-blog-full #modBlog_comments{width:100%;} #modBlog_bottombar_cat_archives {display:block;width:100%} #modBlog_bottombar_cat_archives a.blog-cat-link {width:80%;} } /*iphone4s,5c,5s */ @media only screen and (max-width: 640px) { #internalbody-wrapper-blog-full {width:100%;left:0;} #internalbody-wrapper-blog-full .modBlog-sidebar-internal-blog-page {right:14px;} .modBlog-socialbottom-internal-blog-page {display:block;width:95%;} .modBlog-sidebar-internal-blog-page{display:none;} .internal-blogfull-tags-author {left:20px;width:90%;top:30px;} #internal-blog-full .ssEditorContent img{max-width:90%;margin:0;} #internal-blog-full #modBlog_comments{width:95%;} #modBlog_bottombar_cat_archives {display:block;width:95%;} #modBlog_bottombar_cat_archives a.blog-cat-link {width:95%;} } /* below styles from: glmod_Feedback */ #modFeedback_comments input, #modFeedback_comments textarea{ border:1px solid #aaa; padding:2px; } .modFeedback-comment{ margin:3px 0 15px 0; } .modFeedback-comment .commentorinfo{ background-color: #efefef; padding:3px; } .comment-button{ padding:5px; margin-top:5px; } #modFeedback_form{ position:relative;padding-bottom:15px; } #modFeedback_ratings{ position:relative;padding-bottom:15px; } /* below styles from: glmod_Forms */ /*glmod_forms stylesheet.css*/ /* .formcolpos{ width:100%; background-color:#eaeaea; padding: 0px 0px 0px 10px;} */ .formcolpos{ line-height:20px;} /* .formcolneg{ width:100%; background-color:#dddbdb; padding: 0px 0px 0px 10px;} */ .formcolneg{ line-height:20px;} .form{color:#003966; width:95%} .form_header_title{clear: both; font-weight: bold; font-size:12px; padding-top: 16px; border-bottom: solid 1px #E2E2E2; width:98%;} .formdetail{text-decoration:none;color:#363636;} .formdetail:hover{color:#3a6f8f;} .form tr { width:50%;} .form tr.formcolpos td { width:200px; } .form tr td input {margin: 0 5px 0 0;} .form tr td {} .form tr td div.textfield_leftcap {} .form tr td input.textfield_style {} .form tr td div.textfield_rightcap {} .form tr td input.textarea_style {} /* .textfield-container,.select-container { float: left; margin:5px 0px 0px 0px; padding: 2px 2px 5px 2px;} */ .textfield-container,.select-container { font-size:20px; color: #313131; padding: 0 0 0 0px;margin:10px 0 4px 0;} .textfield-container{ color:#FFFFFF;} .text-area { float:left; margin:5px 0px 0px 0px; padding: 2px 2px 2px 2px; color:#ffffff; width:100%;} .radio-container { float: left; margin: 5px 0px 0px 0px; padding: 2px 2px 5px 2px; } .checkbox-container { float: left; margin: 5px 0px 0px 0px; padding: 2px 2px 3px 2px; } .fileuploader-container{ float: left; margin: 5px 0px 0px 0px; padding: 2px 2px 2px 2px; } /*END glmod_forms stylesheet.css*/ /* below styles from: glmod_Leads_Sales */ .leadsList td{background:#f5f1f1; border-top: #CCCCCC 1px solid; padding:2px;} .leadsListFollowup td{ border-right: #CCCCCC 1px dotted; border-top: #CCCCCC 1px dotted; padding:2px;} /* below styles from: glmod_Members */ @CHARSET "UTF-8"; form#membersinfo table tbody tr td{padding: 10px;} /* below styles from: glmod_Newsletter */ #primContent #newsletterOptIn p { margin-bottom: 5px; font-size: 11px; } #primContent #newsletterOptIn h3 { margin-bottom: 5px; } .newsletterField { border: 1px solid #c9c9c9; position: relative; top: 5px; left: 0; height: 15px; width: 150px; background-color: #FFFFFF; padding: 3px 0 3px 3px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .boxshadow .newsletterField { -webkit-box-shadow: inset 0px 0px 2px #aaaaaa; -moz-box-shadow: inset 0px 0px 2px #aaaaaa; box-shadow: inset 0px 0px 2px #aaaaaa; } .no-boxshadow .newsletterField {} #newsletterInput { position: relative; top: 0; left: 0; font-size: 10px; color: #4a4a4a; width: 120px; margin: 0; padding: 0; outline: none; border: 0 none; } #newsletterLink { display: block; width: 20px; height: 20px; position: absolute; top: 3px; right: 0; text-decoration: none; } a#newsletterLink:hover { text-decoration: none; }