.ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width:1px; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;display:none !important; } .ui-dialog .ui-dialog-titlebar-close span { display: none !important; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; display: none !important;} .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; zoom: 1;} .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } ul.ui-autocomplete { background-color: #eaeaea; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 11%, rgba(237,237,237,1) 18%, rgba(217,217,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(11%,rgba(244,244,244,1)), color-stop(18%,rgba(237,237,237,1)), color-stop(100%,rgba(217,217,217,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; -moz-opacity: 0.70; opacity:.70; filter: alpha(opacity=70); } .reveal-modal { visibility: hidden; top: 50px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal.xxl { width: 1000px; margin-left: -540px;} .reveal-modal .close-reveal-modal-x { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } #basic-modal-content { display:none; } #simplemodal-overlay { background-color:#000; } #simplemodal-container { height:60%; width:50%; color:black; background-color:#DADADA; border:1px solid white; padding:0px; -webkit-box-shadow :0 0 10px black; -moz-box-shadow: 0 0 10px black; -o-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius:15px; overflow: hidden; background-image: linear-gradient(bottom, #D9D9D9 12%, #DBDBDB 62%, #F9F9F9 97%); background-image: -o-linear-gradient(bottom, #D9D9D9 12%, #DBDBDB 62%, #F9F9F9 97%); background-image: -moz-linear-gradient(bottom, #D9D9D9 12%, #DBDBDB 62%, #F9F9F9 97%); background-image: -webkit-linear-gradient(bottom, #D9D9D9 12%, #DBDBDB 62%, #F9F9F9 97%); background-image: -ms-linear-gradient(bottom, #D9D9D9 12%, #DBDBDB 62%, #F9F9F9 97%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.12, #D9D9D9), color-stop(0.62, #DBDBDB), color-stop(0.97, #F9F9F9) ); } #simplemodal-container .simplemodal-data { padding:0px; } #simplemodal-container #modalCloseImg { height:29px; z-index:3200; position:absolute; right:0px; bottom:0px; cursor:pointer; } #simplemodal-container h3 { color:gray; } .simplemodal-wrap { overflow:hidden; } .modalHeader { position:absolute; top:0px; line-height: 60px; height: 60px; width: 100%; padding:5px 5px 5px 10px; } .modalContent { position: absolute; top:60px; left:0px; right:0px; bottom:60px; padding: 10px; overflow: auto; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .modalPanel { margin: 15px 0; padding: 15px; font-size: .9em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 1px 1px #C0C0C0; -webkit-box-shadow: 0px 0px 1px 1px #C0C0C0; -moz-box-shadow: 0px 0px 1px 1px #C0C0C0; -o-box-shadow: 0px 0px 1px 1px #C0C0C0; background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #f5f5f5 28%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(28%,#f5f5f5), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 28%,#d9d9d9 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 28%,#d9d9d9 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 28%,#d9d9d9 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#f5f5f5 28%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d9d9d9',GradientType=0 ); } .modalFooter{ position: absolute; bottom:0px; left:0px; right: 0px; height: 60px; width: 100%; line-height: 60px; } .modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6, .modal p, .modal span { margin: 0; padding: 0; font-weight: normal; } .modal { font-family: Arial, sans-serif; padding: 30px; } .modal h2 { font-size: 32px; margin: 0 0 10px 0; } .modal h4 { color: #404040; font-size: 14px; font-weight: bold; margin: 15px 0; } .modal h5 { color: #404040; font-size: 16px; font-weight: bold; margin: 10px 0; } .modal p { font-size: 14px; color: #3f3f3f; line-height: 1.3; } .ui-widget-header{ background: none; border:0px; } .ui-widget{ padding: 0px; } #dialog {border-top:1px solid #d9d9d9;} .ui-widget-content { color: black; background-color: transparent; padding:0px; overflow: hidden; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 11%, rgba(237,237,237,1) 18%, rgba(217,217,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(11%,rgba(244,244,244,1)), color-stop(18%,rgba(237,237,237,1)), color-stop(100%,rgba(217,217,217,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 11%,rgba(237,237,237,1) 18%,rgba(217,217,217,1) 100%); } .ui-dialog{ -webkit-box-shadow :0 0 10px black; -moz-box-shadow: 0 0 10px black; -o-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; } .ui-dialog-titlebar { border-bottom: 2px groove white; height:50px; line-height: 50px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -khtml-border-top-left-radius: 15px; border-top-left-radius: 15px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -khtml-border-top-right-radius: 15px; border-top-right-radius: 15px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; -khtml-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; -khtml-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; } .ui-dialog .ui-dialog-buttonpane{ margin:0px; padding: 10px; border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -o-border-radius: 0px 0px 15px 15px; border-top: 2px groove white; } .ui-dialog-titlebar.ui-corner-all{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; } .ui-widget-overlay { opacity:.5; background-color: black; position: fixed; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; } .ui-button .ui-button-text { line-height: 1; } .ui-dialog-title { font-size:1.2em; font-weight:normal; } #addPrinter { padding:10px; padding-left:20px; padding-right:20px; border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -o-border-radius: 6px 6px 6px 6px; } .addPrinterDialog .template { display: none; } .addPrinterTitle { font-size: 20px; } #claimCode.error{ -webkit-box-shadow :0px 0px 5px #B44D24; -moz-box-shadow: 0px 0px 5px #B44D24; -o-box-shadow: 0px 0px 5px #B44D24; box-shadow: 0px 0px 5px #B44D24; border:1px solid #B44D24; } #claimCode.focused{ color: gray; } #claimCode{ margin: 10px 0 2px 0; } #claimCodeError{ color:#B44D24; margin: 5px 0 10px 0; height: 45px; display: block; padding-bottom: 16px; } #devImg{ border:0px solid blue; display:block; } #devImg.customprinter{ border:0px solid blue; display:block; margin-left:-10px } #icon{ display:inline-block; position: relative; top: 5px; width: 25px; height: 25px; border:0px solid red; background: url("../images/sprite_general_icons1.png") -50px -47px no-repeat; margin: 0 5px 0 0; } .ui-dialog-titlebar strong{ color: #404040; } #addPrinter h3{ color: #404040; font-weight: bold; font-size: 16px; margin: 15px 0; } #addPrinter h4{ color: #404040; font-weight: normal; margin-bottom:2px; font-size:14px; } #whatClaimCode{ color: #1475B1; font-size: 14px; font-weight: bold; } #whatClaimCode:hover { cursor:pointer; } #customPrinterEmailAddress { padding:10px; padding-left:20px; padding-right:20px; border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -o-border-radius: 6px 6px 6px 6px; } .customPrinterEmailDialog .template { display: none; } .customPrinterEmailDialog { overflow: visibile; } .customPrinterEmailTitle { font-size: 20px; } #customPrinterEmail.focused { color: gray; } #customPrinterEmail{ margin: 10px 0 2px 0; } input#customPrinterEmail { text-align: right; width: 230px; } #customPrinterEmailError { color:#a82823; margin: 5px 0 10px 0; height: 25px; padding-bottom: 10px; font-size: 12px; } #customPrinterEmailAddress h3{ color: #404040; font-weight: bold; font-size: 16px; margin: 15px 0; } #customPrinterEmailAddress h4{ color: #404040; font-weight: normal; margin-bottom:2px; font-size:14px; } span.customPrintEmailWhy{ color: #1475B1; font-size: 14px; cursor: pointer; } span.customPrintEmailWhy:hover div { display: block; } .customPrintEmailWhy .hovertext { font-size: 12px; position: absolute; width: 300px; height: auto; border: 1px solid #ccc; background-color: #fff; padding: 10px; border-radius: 5px; top: 35px; right: 5px; display: none; color: #777; } .customPrinterEmailRule, .customPrinterEmailTips { font-size: 11px; } #customizePrinterEmailAddress { padding:10px; padding-left:20px; padding-right:20px; border-radius: 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -o-border-radius: 6px 6px 6px 6px; font-family: "HPSimplifiedRegular",arial,sans-serif; overflow: hidden; } .customizePrinterEmailDialog .template { display: none; } .customizePrinterEmailDialog { overflow: visibile; } .customizePrinterEmailTitle { color: #000; font-size: 26px; margin-left: -10px; font-family: "HPSimplifiedBold", arial, sans-serif; } #customizePrinterEmail.focused { color: gray; } #customizePrinterEmail{ margin: 10px 0 2px 0; } input#customizePrinterEmail { text-align: right; width: 170px; height: 32px; } #customizePrinterEmailError { color:#a82823; margin: 5px 0 10px 0; font-size: 13px; width: 300px; height:30px; } #customizePrinterEmailAddress h3{ color: #404040; font-weight: bold; font-size: 14px; margin: 15px 0; } #customizePrinterEmailAddress h4{ color: #404040; font-weight: 100; margin-top: 10px; font-size: 18px; } .customizePrinterEmailTips { clear: both; font-size: 14px; padding: 15px 0; } #customizePrinterEmailcalloutCheckbox { font-size: 14px; } #customizePrinterEmailcalloutCheckbox .calloutCheckBoxLabel { position: relative; top: -2px; } .customizePrinterEmailSectionLeft { float: left; } .customizePrinterEmailSectionRight { float: right; } .customizePrinterEmailHeader { font-size: 20px; font-weight: 200; } #customizePrinterEmailcalloutCheckbox input[name=remindLater] { width: 0px; height: 0px; visibility: hidden; } .public .ui-button .ui-button-text { display: inline; } .bbDialog p, .bbDialog .checkbox label { font-size: 14px; } .bbDialog p { line-height: 1.3; } .bbDialog a { color: #1475B1; } .bbDialog .checkbox { margin: 70px 0 20px 0; } .bbDialog.inviteCombine.checkbox { margin: 70px 0 20px 30px; } .bbDialog .col2 { margin: 0 0 0 5px; width: 500px; } .bbDialog h6 { font-size: 16px; } .bbDialog .modalPanel { width: 455px; min-height: 220px; padding: 45px 30px 0 50px; } .bbDialog .modalPanel fieldset { width: 350px; } .bbDialog .note { float: right; margin: 2px 0 0 0; font-size: 10px; } .ui-dialog-title { color: #5f5f5f; } .reveal-modal-bg { background: rgba(0,0,0,.5); } .reveal-modal { color: #404040; padding: 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDlkOWQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 3%, #e1e1e1 9%, #d9d9d9 16%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#ebebeb), color-stop(9%,#e1e1e1), color-stop(16%,#d9d9d9), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 3%,#e1e1e1 9%,#d9d9d9 16%,#d9d9d9 100%); background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 3%,#e1e1e1 9%,#d9d9d9 16%,#d9d9d9 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 3%,#e1e1e1 9%,#d9d9d9 16%,#d9d9d9 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 3%,#e1e1e1 9%,#d9d9d9 16%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); box-shadow: 0 0 10px black; } .ie9 .reveal-modal { filter: none; } .reveal-modal-header { font-size: 20px; border-bottom: 2px groove white; margin: 0 0 15px 0; padding: 20px 10px 15px 30px; } .reveal-modal-body { border-bottom: 2px groove white; padding: 0 30px 30px 30px; } .reveal-modal-footer { padding: 20px; } .reveal-modal-body p { font-size: 14px; margin: 15px 0 0 0; line-height: 1.3; } .reveal-modal-body .success-message { color: #008a0d; font-size: 16px; font-weight: bold; } .reveal-modal button.gray { float: right; padding: 0 25px; } .storage-success-modal .reveal-modal-title { background: url("../images/box_logo_small.png") 0 0 no-repeat; padding: 1px 0 5px 35px; } .storage-success-modal .reveal-modal-body { padding: 0 20px 100px 30px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #49A9FF; color: #fff; text-shadow: none; } ::selection { background: #49A9FF; color: #fff; text-shadow: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .hide { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .template { display: none; } @font-face { font-family: 'HPSimplifiedRegular'; src: url('fonts/HPSimplified-Regular.eot'); src: url('fonts/HPSimplified-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/HPSimplified-Regular.woff') format('woff'), url('fonts/HPSimplified-Regular.ttf') format('truetype'), url('fonts/HPSimplified-Regular.svg#HPSimplifiedRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedLightRegular'; src: url('fonts/HPSimplified-Light.eot'); src: url('fonts/HPSimplified-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HPSimplified-Light.woff') format('woff'), url('fonts/HPSimplified-Light.ttf') format('truetype'), url('fonts/HPSimplified-Light.svg#HPSimplifiedLightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedBold'; src: url('fonts/HPSimplified-Bold.eot'); src: url('fonts/HPSimplified-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HPSimplified-Bold.woff') format('woff'), url('fonts/HPSimplified-Bold.ttf') format('truetype'), url('fonts/HPSimplified-Bold.svg#HPSimplifiedBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedBoldItalic'; src: url('fonts/HPSimplified-BoldItalic.eot'); src: url('fonts/HPSimplified-BoldItalic?#iefix') format('embedded-opentype'), url('fonts/HPSimplified-BoldItalic.woff') format('woff'), url('fonts/HPSimplified-BoldItalic.ttf') format('truetype'), url('fonts/HPSimplified-BoldItalic.svg#HPSimplifiedBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedItalic'; src: url('fonts/HPSimplified-Italic.eot'); src: url('fonts/HPSimplified-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/HPSimplified-Italic.woff') format('woff'), url('fonts/HPSimplified-Italic.ttf') format('truetype'), url('fonts/HPSimplified-Italic.svg#HPSimplifiedItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedW04Regular'; src: url(fonts/HPSimplifiedW04-Regular.eot); src: url('fonts/HPSimplifiedW04-Regular.woff') format('woff'), url('fonts/HPSimplifiedW04-Regular.ttf') format('truetype'), url('fonts/HPSimplifiedW04-Regular.svg#HPSimplifiedW04Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplifiedW04Bold'; src: url(fonts/HPSimplifiedW04-Bold.eot); src: url('fonts/HPSimplifiedW04-Bold.woff') format('woff'), url('fonts/HPSimplifiedW04-Bold.ttf') format('truetype'), url('fonts/HPSimplifiedW04-Bold.svg#HPSimplifiedW04Bold') format('svg'); font-weight:bold; font-style: normal; } @font-face { font-family: 'HPSimplifiedW04Light'; src: url(fonts/HPSimplifiedW04-Light.eot); src: url('fonts/HPSimplifiedW04-Light.woff') format('woff'), url('fonts/HPSimplifiedW04-Light.ttf') format('truetype'), url('fonts/HPSimplifiedW04-Light.svg#HPSimplifiedW04Light') format('svg'); font-weight:100; font-style: normal; } @font-face { font-family: 'hpcfont'; src: url("fonts/hpcfont/hpcfont.eot?v8q8an"); src: url("fonts/hpcfont/hpcfont.eot?v8q8an#iefix") format("embedded-opentype"), url("fonts/hpcfont/hpcfont.ttf?v8q8an") format("truetype"), url("fonts/hpcfont/hpcfont.woff?v8q8an") format("woff"), url("fonts/hpcfont/hpcfont.svg?v8q8an#hpcfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_Rg'; src: url('fonts/hpcfont/HPSimplified_Rg.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_Rg.woff') format('woff'), url('fonts/hpcfont/HPSimplified_Rg.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_Rg.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_Bd'; src: url('fonts/hpcfont/HPSimplified_Bd.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_Bd.woff') format('woff'), url('fonts/hpcfont/HPSimplified_Bd.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_Bd.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_BdIt'; src: url('fonts/hpcfont/HPSimplified_BdIt.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_BdIt.woff') format('woff'), url('fonts/hpcfont/HPSimplified_BdIt.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_BdIt.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_It'; src: url('fonts/hpcfont/HPSimplified_It.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_It.woff') format('woff'), url('fonts/hpcfont/HPSimplified_It.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_It.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_Lt'; src: url('fonts/hpcfont/HPSimplified_Lt.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_Lt.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_Lt.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HPSimplified_LtIt'; src: url('fonts/hpcfont/HPSimplified_LtIt.eot'); src: local('☺'), url('fonts/hpcfont/HPSimplified_LtIt.woff') format('woff'), url('fonts/hpcfont/HPSimplified_LtIt.ttf') format('truetype'), url('fonts/hpcfont/HPSimplified_LtIt.svg') format('svg'); font-weight: normal; font-style: normal; } html.busy, html.busy * { cursor: wait !important; } #busyScreen { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 10000; cursor: wait; } #progressScreen { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; cursor:wait; z-index:9999; } a { color: #1475B1; text-decoration: none; } a.ru { text-decoration: none; font-weight:bold; font-size: 1.923em; padding-top: 5px; padding-right: 35px; padding-bottom: 5px; padding-left: 35px; line-height: 1; } a.msgModifyV2.ru{ font-size: 14px; } .center { text-align:center; } .fullPage { display:block; background: #fff; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; min-height: 640px; padding: 0 0 20px 0; position: relative; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } .fullPage.settings { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; min-height: 0; padding: 0; } .fullPage.noTabs { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #b7b7b7; } .hook.home { cursor:pointer; } .contentPanel { display: block; width: 100%; border: 0px solid red; } #dashboardView { display:block; } #homeView { display: none; } .bbView { display:none; } .bbDialog{ display:none; } #settingsView { background: #fff; display: none; } .sectionHeader{ background: #e5e5e5; position: relative; } #appConfigIframeWrapper{ min-height:100px; background-color:white; } #leftBottom{ float:left; width: 193px; height: 380px; border: 0px solid red; background: url("../images/bg_leftnav_bottom.png") no-repeat; z-index:0; } .rightSection { display:block; } #mainWrapper { Width : 100%; height : 100%; background: #FFFFFF; } #mainContainer { border: 0px solid red; background: #FCFCFC; } #contentPrinting { display: none; position: relative; } #contentCloudFiles { display: none; } #contentServices { display: none; } #contentServices .serviceUnavailable { font-family: "HPSimplifiedRegular", arial, sans-serif; font-size: 20px; margin-left: 30px; margin-top: 30px; } #contentDevices { display: none; background: #fff; width: 100%; height: 100%; min-height: 600px; float: left; padding: 0 0 25px 0; } #contentBackbone { display: none; } #contentDashboard { text-align:center; } #tabDashboard { display:none; } .clear { clear: both; } .oneHalf { text-align: center; margin: 10px; margin: auto; width: 45%; border: 1px solid grey; background-color:white; border-radius:10px; padding:10px; } .explain { font-size: 10px; } .userInfo { width:50%; color: black; background-color:#bcb; font-size: 14px; font-weight: bold; word-wrap: break-word; text-align:center; padding: 10px; margin:auto; margin-top:5px; border: 2px solid black; display: none; } .debugSection { margin:6px; padding:4px; } .toolBox { z-index:200; position: fixed; top:48px; padding: 2px; padding-left:8px; padding-right: 4px; margin: 6px; border-radius:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; background-color:rgb(0,0,0); border: 3px solid rgba(0, 111, 231, 0.88); right: 0px; color: white; font-weight: bold; opacity:0.95; } .toolBox .blueText { color: lightBlue; } .toolBox .p{ font-size:80%; } .toolBox .devicesAction, .toolBox .countrySelectorAction { cursor:pointer; } .toolBox input { width:20%; padding:2px; margin:auto; text-align:center; } .toolBox .toolBoxHelp{ border:2ps white solid; text-align:left; } .toolBox .tinyUpRight { margin-top:-12px; margin-right:-9px; text-align: right; font-size:70%; cursor:pointer; } .toolBox .textRight { text-align:right; } .toolBox .textLeft { text-align:left; } .toolBox .tinyUpRight.inside{ position: relative; flot:right; top: -1px; right: -4px; margin-right:10px; margin-top:-3px; } .debugBox { display:block; color:white; z-index:125; padding:0px; border:0px grey solid; margin:auto; background-color:#000; opacity:0.95; position:absolute; top:0px; right:0px; } .toolBoxDebugBig { width:500px; } .toolBoxDebugBig .debugBox2 { width:450; } .debugBox2 { display:block; color:white; z-index:125; padding:0px; border:0px grey solid; margin:auto; background-color:#000; opacity:0.95; } .debugBoxTrigger { cursor:pointer; font-size:10px; padding:4px; border:1px #161 solid; text-align:center; } .toolBox p{ margin-bottom:6px; } .toolBoxTitle { white-space:nowrap; } .toolBoxTrigger { color:white; margin:4px; text-align:center; padding:6px; border-radius:4px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; background-color:rgb(0, 173, 255); background-color:rgba(0, 173, 255, 0.94); cursor:pointer; } .debugBoxContent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; background-color:rgb(39, 194, 201); background-color:rgba(39, 194, 201, 0.62); border-radius:6px; } .toolBoxContent { text-align:right; margin: 12px; margin-top: 2px; margin-bottom: 2px; max-width:330px; } .toolBoxSection { padding: 2px; text-align: center; margin: 18px; margin-top: 10px; margin-bottom: 4px; } .toolBoxContent.subSection { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; background-color:rgb(39, 194, 201); background-color:rgba(39, 194, 201, 0.62); margin:8px; padding:8px; } .toolBoxContent .subSection div, .toolBoxContent .subSection span, .toolBoxContent .subSection a { display:block; padding:2px; margin:2px; } .toolBoxContent.subSection, .toolBoxContent .subSection { background-color:#fff; color:#000; padding:4px; display:block; background-color:#fffA; border-radius:3px; } .toolBoxContent ui-slider-handle { background-color:green !important; border:2px red solid !important; height:6px !important; margin-top:5px; width:0 !important; cursor: pointer !important; } .textLengthSlider { margin:10px; padding: 5px; width:70%; } .mainContent { margin: auto; padding: 20px; border:1px solid grey; } .printHistory { margin:auto; } .printJob { padding:4px; margin:4px; margin-left:auto; margin-right:auto; width:260px; border:1px #000 solid; text-align:left; } .claimPrinterBox { padding:10px; } .notificationBox { display: none; position:relative; z-index:10; width:400px; text-align:center; margin:auto; padding:5px; padding-left:10px; padding-right:10px; border:1px solid blue; background-color:#F2F1F1; } .notificationBox .close{ float:right; position:relative; top:-6px; right:-6px; } .notificationBox .close:hover { color:grey; cursor:pointer; } .notificationBox .content { padding:2px; } #propertiesTable { margin:auto; text-align:left; } #propertiesTable tr td { padding: 4px; } #printersTable { width: 100%; } #printersTable tr td { padding-right: 20px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; text-align: center; } #printersTableHeader { text-align: center; background: #869AB1; } #jobHistoryTable{ width: 100%; } #jobHistoryTable tr td { padding-right: 20px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; text-align: center; } #jobHistoryTableHeader { text-align: center; background: #869AB1; } .deviceId { cursor:pointer; } .printError{ width:50%; color: red; background-color:white; font-size: 10px; font-weight: bold; word-wrap: break-word; text-align:center; padding: 10px; margin:auto; margin-top:20px; margin-bottom:10px; border: 1px solid red } .printTestPage, .deviceId, .deleteDevice { cursor:pointer; } .template { display: none; } .calloutModal { position: absolute; width: 480px; z-index: 100; } .calloutModal .calloutTopArrow { position: absolute; height: 17px; width: 30px; background: url("../images/tooltip_uparrow_2.png") no-repeat; float: left; margin-left: 20px; z-index: 100; } .calloutModal .calloutMainContainer { position: relative; top: 16px; bottom: 0px; left: 0px; right: 0px; border:1px solid #CFCFCE; background: white; border-radius: 5px; -moz-box-shadow: 0px 1px 1px 0px #888; -webkit-box-shadow: 0px 1px 1px 0px #888; box-shadow: 0px 1px 1px 0px #888; background-color: #ECECEC; background-image: linear-gradient(#ECECEC 0%, #E3E3E3 100%); background-image: -o-linear-gradient(#ECECEC 0%, #E3E3E3 100%); background-image: -moz-linear-gradient(#ECECEC 0%, #E3E3E3 100%); background-image: -webkit-linear-gradient(#ECECEC 0%, #E3E3E3 100%); background-image: -ms-linear-gradient(#ECECEC 0%, #E3E3E3 100%); background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0%, #ECECEC), color-stop(100%, #E3E3E3) ); padding: 18px 10px 10px 10px; margin-top: -4px; } .calloutModal .calloutButtonCloseTop { position: absolute; border: 0px; width: 21px; height: 22px; right: 8px; top: 8px; background: url("../images/tooltip_close.png") no-repeat; } .calloutModal .calloutIcon { position: absolute; left: 18px; top: 18px; height: 40px; width: 40px; background: url("../images/sprite_general_icons1.png") -50px -350px no-repeat; } .calloutModal h3, .calloutModal p, .calloutModal label, .calloutModal .footer { margin-left: 59px; text-align: left; } .calloutModal h3 { font-size: 1.077em; margin: 0 0 10px 60px; color: #404040; font-weight: bold; } .calloutModal p { margin: 0 8px 15px 60px; font-size: 13px; color: #222; } .calloutModal .footer { text-align: right; } .calloutModal label { color: #818181; } .calloutModal label input { margin-top: 7px; margin-right: 5px; } .calloutModal .calloutCheckBoxLabel { position: relative; top: -2px; } .calloutModal button.blue { margin: 0 10px 0 0; } .calloutModal hr { border-top: 2px solid #c1c1c1; margin: 11px 0 !important; } .calloutAnchor { position: relative; } .toasterMain { position: relative; min-width: 250px; min-height: 60px; border-bottom: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; border-top: 1px solid #E6E9EA; border-left: 1px solid #E6E9EA; border-radius: 5px; opacity: .93; background-color: #E4E4E4; margin-top: 10px; margin-left: 10px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; } .toasterMain .header { position: absolute; right: 0px; top: 0px; } .toasterMain .footer { margin-top: 10px; } .toasterMain .header button { margin: 3px; border: 0px; background: url("../images/tooltip_close.png") no-repeat; height: 22px; width: 22px; } .toasterMain .article { margin-left: 80px; margin-right: 20px; } .toasterMain .article span { position: absolute; left: 20px; top: 10px; background: url("../images/toaster_icon.png") no-repeat; height: 45px; width: 45px; } .toasterMain .toasterIcon.warning { background: url("../images/icon_warning.png") no-repeat; } .toasterMain h1, .toasterMain h3 { font-size: 14px; color: #2d2d2d; } .toasterMain h1 { font-weight: bold; margin-top: 10px; padding-right: 15px; } .toasterMain h3 { font-weight: normal; } .toasterHolder { position: fixed; top: 0px; left: 0px; z-index: 10003; } .virtualPrinters-view { background: #fff; padding: 30px; border-radius: 5px; margin: 20px 0 0 0; font-size: 15px; } .virtualPrinters-view p { margin: 10px 0 20px 0; } .virtualPrinters-view h4 { margin: 0 0 20px 0; font-weight: bold; font-size: 200%; } .virtualPrinters-main { margin: 0 0 10px 0; } .virtualPrinters-example { margin-top: 10px; margin-left: 30px; margin-bottom: 10px; margin-right: 10px; color: #869AB1; font-style: italic; } .marketing-iframe { margin-top: 20px; } button.gray, button.blue, button.green, .submitButton.blue, .blueBtn, .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; font-size: 1.0769em; padding: 0 15px; height: 30px; -moz-box-shadow: 0px 1px 2px 0px #000000; -webkit-box-shadow: 0px 1px 2px 0px #000000; box-shadow: 0px 1px 2px 0px #000000; } button.gray, .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #5f5f5f; -moz-box-shadow: 0px 1px 1px 0px #81858a; -webkit-box-shadow: 0px 1px 1px 0px #81858a; box-shadow: 0px 1px 1px 0px #81858a; border-top: 1px solid #dce1e8; background: #fafafa; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDNkM2QzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #fafafa 0%, #f8f8f8 1%, #f5f5f5 2%, #e5e5e5 98%, #dddddd 99%, #d3d3d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(1%,#f8f8f8), color-stop(2%,#f5f5f5), color-stop(98%,#e5e5e5), color-stop(99%,#dddddd), color-stop(100%,#d3d3d3)); background: -webkit-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: -o-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: -ms-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: linear-gradient(to bottom, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d3d3d3',GradientType=0 ); } button.gray:hover, .ui-button:hover { background: #f0f0f0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBjMGMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #f0f0f0 0%, #e9e9e9 1%, #e0e0e0 2%, #d1d1d1 98%, #c9c9c9 99%, #c0c0c0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(1%,#e9e9e9), color-stop(2%,#e0e0e0), color-stop(98%,#d1d1d1), color-stop(99%,#c9c9c9), color-stop(100%,#c0c0c0)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#e9e9e9 1%,#e0e0e0 2%,#d1d1d1 98%,#c9c9c9 99%,#c0c0c0 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#e9e9e9 1%,#e0e0e0 2%,#d1d1d1 98%,#c9c9c9 99%,#c0c0c0 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#e9e9e9 1%,#e0e0e0 2%,#d1d1d1 98%,#c9c9c9 99%,#c0c0c0 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#e9e9e9 1%,#e0e0e0 2%,#d1d1d1 98%,#c9c9c9 99%,#c0c0c0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c0c0c0',GradientType=0 ); } button.blue, .submitButton.blue, .blueBtn, .activeButton.ui-button, .activeButton.ui-state-default, .ui-widget-content .activeButton.ui-state-default, .ui-widget-header .activeButton.ui-state-default { color: #fff; background: #49a9d9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5YTlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMjI5NWQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiMwMDg1YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDVjOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMDUxOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA0NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #49a9d9 1%, #2295d0 2%, #0085c9 4%, #005c9e 98%, #00518b 99%, #004476 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#49a9d9), color-stop(2%,#2295d0), color-stop(4%,#0085c9), color-stop(98%,#005c9e), color-stop(99%,#00518b), color-stop(100%,#004476)); background: -webkit-linear-gradient(top, #49a9d9 1%,#2295d0 2%,#0085c9 4%,#005c9e 98%,#00518b 99%,#004476 100%); background: -o-linear-gradient(top, #49a9d9 1%,#2295d0 2%,#0085c9 4%,#005c9e 98%,#00518b 99%,#004476 100%); background: -ms-linear-gradient(top, #49a9d9 1%,#2295d0 2%,#0085c9 4%,#005c9e 98%,#00518b 99%,#004476 100%); background: linear-gradient(to bottom, #49a9d9 1%,#2295d0 2%,#0085c9 4%,#005c9e 98%,#00518b 99%,#004476 100%); background-color:#0096d6; } button.blue:hover, .submitButton.blue:hover, .blueBtn:hover, .activeButton.ui-button:hover { background: #2c9bd2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjOWJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMWQ4M2I3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwMDc0YjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDUxOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMDQ4N2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAzYjY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #2c9bd2 0%, #1d83b7 1%, #0074b0 2%, #00518b 98%, #00487b 99%, #003b67 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c9bd2), color-stop(1%,#1d83b7), color-stop(2%,#0074b0), color-stop(98%,#00518b), color-stop(99%,#00487b), color-stop(100%,#003b67)); background: -webkit-linear-gradient(top, #2c9bd2 0%,#1d83b7 1%,#0074b0 2%,#00518b 98%,#00487b 99%,#003b67 100%); background: -o-linear-gradient(top, #2c9bd2 0%,#1d83b7 1%,#0074b0 2%,#00518b 98%,#00487b 99%,#003b67 100%); background: -ms-linear-gradient(top, #2c9bd2 0%,#1d83b7 1%,#0074b0 2%,#00518b 98%,#00487b 99%,#003b67 100%); background: linear-gradient(to bottom, #2c9bd2 0%,#1d83b7 1%,#0074b0 2%,#00518b 98%,#00487b 99%,#003b67 100%); background-color:#006699; } button.green, .submitButton.green { color: #fff; background: #77b554; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzc3YjU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNTlhNjMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiM0MDk3MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMyNTg4MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMyMDc5MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWI2NTA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #77b554 1%, #59a630 2%, #409710 4%, #25880a 98%, #207909 99%, #1b6507 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#77b554), color-stop(2%,#59a630), color-stop(4%,#409710), color-stop(98%,#25880a), color-stop(99%,#207909), color-stop(100%,#1b6507)); background: -webkit-linear-gradient(top, #77b554 1%,#59a630 2%,#409710 4%,#25880a 98%,#207909 99%,#1b6507 100%); background: -o-linear-gradient(top, #77b554 1%,#59a630 2%,#409710 4%,#25880a 98%,#207909 99%,#1b6507 100%); background: -ms-linear-gradient(top, #77b554 1%,#59a630 2%,#409710 4%,#25880a 98%,#207909 99%,#1b6507 100%); background: linear-gradient(to bottom, #77b554 1%,#59a630 2%,#409710 4%,#25880a 98%,#207909 99%,#1b6507 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b554', endColorstr='#1b6507',GradientType=0 ); } button.green:hover, .submitButton.green:hover { background: #669c48; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY2OWM0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNGI4YzI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiMzNTdkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMxZTZlMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMxOTVlMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTQ0ZDA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #669c48 1%, #4b8c29 2%, #357d0d 4%, #1e6e08 98%, #195e07 99%, #144d05 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#669c48), color-stop(2%,#4b8c29), color-stop(4%,#357d0d), color-stop(98%,#1e6e08), color-stop(99%,#195e07), color-stop(100%,#144d05)); background: -webkit-linear-gradient(top, #669c48 1%,#4b8c29 2%,#357d0d 4%,#1e6e08 98%,#195e07 99%,#144d05 100%); background: -o-linear-gradient(top, #669c48 1%,#4b8c29 2%,#357d0d 4%,#1e6e08 98%,#195e07 99%,#144d05 100%); background: -ms-linear-gradient(top, #669c48 1%,#4b8c29 2%,#357d0d 4%,#1e6e08 98%,#195e07 99%,#144d05 100%); background: linear-gradient(to bottom, #669c48 1%,#4b8c29 2%,#357d0d 4%,#1e6e08 98%,#195e07 99%,#144d05 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669c48', endColorstr='#144d05',GradientType=0 ); } .blueBtn { display: inline-block; padding: 10px 15px 0 15px; } button .label { padding: 0 2px; } .ui-dialog-buttonpane button { min-width: 90px; } .ui-button { font-size: 12px; } .btnEmailAddress.ui-button { padding: 0 5px; } .blueBtn.getStarted { font-size: 1.384em; height: 27px; padding: 10px 25px 4px 25px; margin: 15px 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -moz-box-shadow: 0px 1px 2px 0px #9f9f9f; -webkit-box-shadow: 0px 1px 2px 0px #9f9f9f; box-shadow: 0px 1px 2px 0px #9f9f9f; cursor: pointer; } button.gray.buttonLogin { margin: 0 0 0 3px; padding: 2px 25px 0 25px; height: 25px; font-size: 12px; } button.gray.preferencesButton { padding: 0 10px; margin: 6px 0 0 0; height: 27px; } .redBtn, .blueBtnHPE { background-color: #d7410b; border-top-right-radius: 8px; border-bottom-left-radius: 8px; font-family: "HPSimplifiedW04Bold", "HPSimplifiedBold", arial, sans-serif; font-size: 1.923em; color: #fff; padding: 10px 50px; cursor: pointer; } .blueBtnHPE { background-color: #04a1dd; padding: 5px 20px; font-size: 1.5384em; } .deviceListHeader .claimPrinter.gray { float: right; margin: 15px 15px 0px 0px; } .plusIcon{ position: relative; display: inline-block; height: 16px; width: 16px; top: 3px; left: -5px; background: url("../images/btn_add_new_printer_sm.png") 0px 0px no-repeat; } button.gray.removePrinterButton, button.gray.manageInstankInk { margin: 3px 0 0 0; padding: 2px 19px 0 19px; height: 17px; font-size: .84615em; } .customRadios{ -webkit-box-shadow: 0px 7px 1px 0px #818181; border-radius: 0px 0px 6px 6px; margin: 10px; } .customRadios input[type=radio]{ display:none; } .customRadios label{ cursor:pointer; border-left: 1px solid #C1C2C5; border-right: 1px solid #D7D7D7; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; color: #5f5f5f; padding: 5px; background: #EFEFEF; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); -moz-box-shadow:inset 0px 1px 2px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 2px 0px #ffffff; box-shadow:inset 0px 1px 2px 0px #ffffff; display: inline-block; } .customRadios label.checked{ color: white; background: #9D9D9D; background: -moz-linear-gradient(top, rgba(156,156,156,1) 0%, rgba(170,170,170,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,156,156,1)), color-stop(100%,rgba(170,170,170,1))); background: -webkit-linear-gradient(top, rgba(156,156,156,1) 0%,rgba(170,170,170,1) 100%); background: -o-linear-gradient(top, rgba(156,156,156,1) 0%,rgba(170,170,170,1) 100%); background: -ms-linear-gradient(top, rgba(156,156,156,1) 0%,rgba(170,170,170,1) 100%); background: linear-gradient(top, rgba(156,156,156,1) 0%,rgba(170,170,170,1) 100%); -moz-box-shadow:inset -2px 2px 6px 0px #636363; -webkit-box-shadow:inset -2px 2px 6px 0px #636363; box-shadow:inset -2px 2px 6px 0px #636363; } .customRadios label.leftRadioLabel{ border-radius: 6px 0px 0px 6px; } .customRadios label.rightRadioLabel{ border-radius: 0px 6px 6px 0px; } .wordwrap { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #btnToggle { display: none; } #pnl-printing-toolbar-btnBlock { display: none; } .fromMyApps div.verticalSpacer { display: none; } .editSettingsSection { display: none; float: left; margin: 5px 0 10px 0; position: relative; } .editSettingsSection button { text-align: left; font-weight: bold; } span#editSettingsImage { background: url("../images/sprite_general_icons1.png") no-repeat scroll top left transparent; height: 16px; width: 16px; display: inline-block; float: left; margin: 0 5px 0 0; } .appIsNotSchedulable span.clockImage { display: none; } .appIsSchedulable { } div.DetailsFloat .appIsSchedulable { position: inherit; } span.clockImage { width: 26px; height: 27px; background: url("../images/sprite_general_icons1.png") no-repeat scroll -50px -750px transparent; position: absolute; left: 80px; top: -13px; } div#myAppsView span.clockImage { width: 26px; height: 27px; background: url("../images/sprite_general_icons1.png") no-repeat scroll -50px -750px transparent; position: absolute; left: 75px; top: -14px; z-index:1; } #papsHeader h2#myappsText, #myAppsHeader h2#papsText, #papsHeader h2#papsText { margin-top: 21px; margin-bottom: 0; } #papsHeader span#backToPapsList { margin-top: 16px; margin-bottom: 0; margin-right: 9px; } .footnote { font-size: 10px; color: #818181; display: block; margin: 10px 0 0 0; } .devTemp { color: red; font-weight: bold; } .devTempBold{ font-style:italic; } .placeholder{ color: #808080; } .calloutButtonFindOutMore { margin-right: 6px !important; } .calloutButtonFindOutMore, .calloutButtonClose { border-color: #C2C2C2; } .blueLoader { text-align: center; } ul.ui-autocomplete, ul.ui-autocomplete a.ui-corner-all{ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; max-width: 169px; } div.breadcrumb { height: 12px; padding: 3px; padding-left: 30px; border-bottom: 1px solid #C1C1C1; border-top: 1px solid #C1C1C1; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); background: linear-gradient(top, #ffffff 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); font-size: 10px; font-family: arial; } .breadcrumbLink { color: #1475b1; cursor: pointer; } .breadcrumb span.current{ color: #5f5f5f; cursor: default; } .breadcrumbLocation{ float:left; } .breadcrumbSeparator { cursor: default; } .pageLoader { width:100%; height:100px; text-align:center; } .pageLoaderImage { margin-top:15% } .field { background: #fbfbfb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#f7f7f7 100%); background: linear-gradient(top, #fbfbfb 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=0 ); -moz-box-shadow: inset 0 1px 2px 1px #949494; box-shadow: inset 0 1px 2px 1px #949494; border: 1px solid #C0C0C0; width: 310px; height: 27px; padding: 3px 5px 0 5px; font-size: 14px; color: #404040; } .ui-widget { font-family: Arial, sans-serif; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cursorArrow { cursor: default; } .grayGradient { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZThlNmU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 1%, #fdfdfd 3%, #e8e6e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#fefefe), color-stop(3%,#fdfdfd), color-stop(100%,#e8e6e7)); background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: -o-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: linear-gradient(to bottom, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e6e7',GradientType=0 ); } .darkGradient { background: #333333; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #333333 0%, #363636 15%, #353535 29%, #2f2f2f 42%, #252525 54%, #222222 55%, #1e1e1e 62%, #1b1b1b 63%, #191919 65%, #0d0d0d 99%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(15%,#363636), color-stop(29%,#353535), color-stop(42%,#2f2f2f), color-stop(54%,#252525), color-stop(55%,#222222), color-stop(62%,#1e1e1e), color-stop(63%,#1b1b1b), color-stop(65%,#191919), color-stop(99%,#0d0d0d), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #333333 0%,#363636 15%,#353535 29%,#2f2f2f 42%,#252525 54%,#222222 55%,#1e1e1e 62%,#1b1b1b 63%,#191919 65%,#0d0d0d 99%,#ffffff 100%); background: -o-linear-gradient(top, #333333 0%,#363636 15%,#353535 29%,#2f2f2f 42%,#252525 54%,#222222 55%,#1e1e1e 62%,#1b1b1b 63%,#191919 65%,#0d0d0d 99%,#ffffff 100%); background: -ms-linear-gradient(top, #333333 0%,#363636 15%,#353535 29%,#2f2f2f 42%,#252525 54%,#222222 55%,#1e1e1e 62%,#1b1b1b 63%,#191919 65%,#0d0d0d 99%,#ffffff 100%); background: linear-gradient(to bottom, #333333 0%,#363636 15%,#353535 29%,#2f2f2f 42%,#252525 54%,#222222 55%,#1e1e1e 62%,#1b1b1b 63%,#191919 65%,#0d0d0d 99%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); } .lightTopGrayGradient { background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #d9d9d9 33%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(33%,#d9d9d9), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#d9d9d9 33%,#d9d9d9 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#d9d9d9 33%,#d9d9d9 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#d9d9d9 33%,#d9d9d9 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#d9d9d9 33%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d9d9d9',GradientType=0 ); } .ie9 .grayGradient, .ie9 .darkGradient, .ie9 .lightTopGrayGradient { filter: none; } #contentDevices { overflow:hidden; } .public h2 { font-size: 36px; } .public h3, .public h4 { font-size: 18px; } .col1, .col2, .col { float: left; } body.public { width: 100%; min-width: 100%; max-width: 100%; margin: 0; font: 13px Arial, sans-serif; position: relative; } .public .homeMain { width: 100%; float: left; } .public .homeMainContent { background: url('../images/home/home_bg.jpg') repeat-x left bottom #fff; min-width: 100%; float: left; } .homeInnerContent { background: url('../images/home/home_main.png') no-repeat 50px 0; height: 565px; width: 1000px; min-width: 1000px; max-width: 1200px; margin: 0 auto; padding: 0 10px; } .homeMainText { width: 630px; } .public .homeMainContent img { float: left; max-width: 412px; } .public .homeMainContent .welcome { float: right; width: 50%; } .public .homeMainContent h2 { font-family: "HPSimplifiedBold", arial, sans-serif; font-size: 3.846em; color: #3f3f3f; font-weight: bold; padding: 57px 0 0 0; line-height: 1.1; } .public .homeMainContent .homeMainText h2.ru { font-family: "HPSimplifiedBold", arial, sans-serif; font-size: 4.25em; color: #3f3f3f; font-weight: bold; padding: 57px 0 0 0; line-height: 1.1; } .public .homeMainContent .homeMainText h2.kr { font-family: "HPSimplifiedBold", arial, sans-serif; font-size: 3.73em; color: #3f3f3f; font-weight: bold; padding: 57px 0 0 0; line-height: 1.1; } .homeInnerContentSubTitle { font-family: "HPSimplifiedRegular", arial, sans-serif; margin: 5px 0 40px 0; font-size: 22px; } .ru_homeInnerContentSubTitle { font-family: "HPSimplifiedRegular", arial, sans-serif; margin: 5px 0 40px 0; font-size: 16px; } .kr_homeInnerContentSubTitle { font-family: "HPSimplifiedRegular", arial, sans-serif; margin: 5px 0 40px 0; font-size: 20px; } .public .homeMainContent input { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; width: 215px; background-color: #fff; font-size: 18px; color: #999; padding: 12px 5px 8px 10px; border: 1px solid #ccc; float: left; margin: 0 10px 5px 0; } .public .homeMainContent input:focus , .public .homeMainContent input:active { color: black; } .public .homeMainContent input::-webkit-input-placeholder, .public .homeMainContent input::-moz-placeholder, .public .homeMainContent input::placeholder, .public .homeMainContent input::-o-placeholder { font-size: 22px; color: #999; } .public .homeSubContent { margin: 8px 0 0 0; width: 100%; float: left; background: #e8e8e8; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; height: 100%; padding: 0 0 1% 0; } .public .homeSubContent ul { width: 100%; } .public .homeSubContent ul li { display: inline; float: left; min-height: 200px; width: 30%; margin: 1.5% 0 0 1.5%; } .public .homeSubContent ul li.border { background: url("../images/homepage_border.png") no-repeat 0 0; padding: 0 0 0 1.5%; } .public .homeSubContent ul li.last { margin: 1.5% 0 0 1.5%; } .public .homeSubContent ul li div.col1 { width: 25%; float: left; margin: 0 3% 0 0; } .public .homeSubContent ul li div.col2 { width: 70%; float: left; } .public .homeSubContent img { width: 100%; } .public .homeSubContent ul li h5 { font-size: 1.23em; font-weight: bold; color: #3f3f3f; line-height: 1.2; } .public .homeSubContent ul li p { font-size: .923em; color: #3f3f3f; margin: 10px 0 10px 0; line-height: 1.2; } .homeFooterContent p { font-size: .76923em; color: #808080; margin: 2% 0; line-height: 1.3; float: left; width: 99%; } .homeFooterContent p.col1 { width: 1%; } .public-private #gnbCombinedNavBars, .public-private .footerFlex { width: 1000px; min-width: 1000px; max-width: 1200px; margin: 0 auto; padding: 0 10px; } #firstTimeUser{ border: 0px solid red; width: 502px; padding: 30px; height: 419px; background: url("../images/firsttime-user-bg.jpg") center center no-repeat; border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0; overflow:visible; } .firstTimeUser h2 { width: 450px; } .genericErrorFromServer h2 { border-bottom: 1px solid #D6E2F2; padding: 0 0 20px 40px; margin: 0 0 20px 0; background: url("../images/icon_error.png") 0px 8px no-repeat; } .genericErrorFromServer h3{ border-bottom: none; padding: 0; margin: 0; color: #2d2d2d; font-weight: normal; line-height: 1.2; } .genericErrorFromServer p { font-size: 12px; margin: 18px 0 0 0; } fieldset.error input { outline: 1px solid #B44D24; } fieldset.error label { color: #B44D24; } .public input.error{ outline: 1px solid #B44D24; } .public label.error{ color: #B44D24; } #userVerified .iconHolder{ width: 45px; height:120px; float: left; display: inline; margin-top: 20px; background: url("../images/toaster_icon.png") no-repeat; } #userVerified .contentHolder{ height: 100%; width:350px; display: inline-block; float: right; padding: 20px 10px 10px 10px; } #userVerified h3{ font-weight: bold; color: #2c2c2c; font-size: 14px; margin: 0 0 10px 0; } #userVerified .greenText{ color: #008A0C; font-weight: bold; font-size: 14px; margin: 0 0 3px 0; max-width: 400px; word-wrap: break-word; } .userVerified.modal { overflow: hidden; } .userVerified.modal p { font-size: 12px; } #deliverySchedule .checkbox-fields label { vertical-align: top !important; } #deliverySchedule .checkbox-fields { margin-bottom: 10px; } #deliveryTime .customComboBoxListContainer ul { height: 295px; overflow: auto; overflow-x: hidden; width: 280px; } #deliveryTime .customComboBox { margin: 10px 0; } #gnbToasterHolder{ position: absolute; left: 0px; top: 0px; display: none; } #gnbToasterHolder .toasterMain{ width: 400px; height: 80px; z-index:2; } #gnbToasterHolder .toasterMain h1{ font-size: 14px; font-weight: bold; } #gnbToasterHolder .toasterMain h3{ font-size: 14px; font-weight: normal; } .homeMainText { width: 680px; } #pnl-printing-statusbar { display: none; } #pnl-printing-statusbar, #pnl-printing-toolbar, #pnl-printing-statusbar-unauthorized, #pnl-printing-topbar { padding: 0 0 0 10px; } #pnl-printing-topbar { position: absolute; display: inline; background: transparent; } span#printersInfo{ height: 25px; width: 25px; display:inline-block; background: url("../images/sprite_general_icons1.png") -50px -700px no-repeat; cursor: pointer; } span#onePrinterInfo{ height: 15px; width: 16px; display:inline-block; background: url("../images/sprite_general_icons1.png") -50px -700px no-repeat; cursor: pointer; margin: 0 0 0 5px; position: relative; } #printerList { float: left; margin-top: 20px; } #pnl-printing-toolbar { height: 40px; padding: 0 0 0 5px; } .mystuff .customComboBox { float: right; margin: 6px 10px 0 10px; } .mystuff .customComboBoxListContainer { right: 0px; z-index: 120; } #btnToggle{ position: absolute; top: 12px; left:10px; border: 0px; margin: 0px; width: 68px; height: 35px; border: 0px solid red; } .toggledListView{ background: url("../images/sprite_printing.png") -50px -100px no-repeat; } .toggledGridView { background: url("../images/sprite_printing.png") -50px -150px no-repeat; } .genericBtn { border: 0; padding: 0px 20px 6px 9px; height: 30px; margin: 5px 0 0 0; color: #bfbfbf; background-color: transparent; border: none; } .genericBtn:hover { -webkit-box-shadow: 0 0 .2em #999999; -moz-box-shadow: 0 0 .2em #999999; -o-box-shadow: 0 0 .2em #999999; box-shadow: 0 0 .2em #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: rgb(102,102,102); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(98,98,98,1) 13%, rgba(85,85,85,1) 38%, rgba(55,55,55,1) 75%, rgba(43,43,43,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(13%,rgba(98,98,98,1)), color-stop(38%,rgba(85,85,85,1)), color-stop(75%,rgba(55,55,55,1)), color-stop(100%,rgba(43,43,43,1))); background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(98,98,98,1) 13%,rgba(85,85,85,1) 38%,rgba(55,55,55,1) 75%,rgba(43,43,43,1) 100%); background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(98,98,98,1) 13%,rgba(85,85,85,1) 38%,rgba(55,55,55,1) 75%,rgba(43,43,43,1) 100%); background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(98,98,98,1) 13%,rgba(85,85,85,1) 38%,rgba(55,55,55,1) 75%,rgba(43,43,43,1) 100%); background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(98,98,98,1) 13%,rgba(85,85,85,1) 38%,rgba(55,55,55,1) 75%,rgba(43,43,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#2b2b2b',GradientType=0 ); } .ie9 .genericBtn:hover { filter: none; } .genericBtn.disabled:hover { -webkit-box-shadow: 0 0 0 #999999; -moz-box-shadow: 0 0 0 #999999; -o-box-shadow: 0 0 0 #999999; box-shadow: 0 0 0 #999999; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background: none; filter: none; } #pnl-printing-toolbar-btnPrint.genericBtn { padding: 0px 20px 6px 12px; } #pnl-printing-toolbar-btnPreview.genericBtn { padding: 0px 20px 6px 8px; } #pnl-printing-toolbar button.disabled { color: #777777; cursor: default; } #pnl-printing-toolbar button span { position: relative; padding-right: 5px; width: 22px; height: 20px; display: inline-block; top: 8px; left: 3px; } #pnl-printing-toolbar-btnMove { display: none; } .blockAction span { background: url("../images/sprite_printing.png") -145px -150px no-repeat; } .downloadAction span { background: url("../images/sprite_preview_actions.png") 1px -2px no-repeat; } .shareAction span { background: url("../images/sprite_preview_actions.png") 0px -42px no-repeat; left: 4px; } .printAction span { background: url("../images/sprite_preview_actions.png") 0px -62px no-repeat; } .previewAction span { background: url("../images/sprite_preview_actions.png") 2px -247px no-repeat; left: 2px; top: 7px; } .moveAction span { background: url("../images/sprite_preview_actions.png") 0px -42px no-repeat; left: 2px; } .deleteAction span { background: url("../images/sprite_preview_actions.png") 1px -82px no-repeat; } .copyAction span { background: url("../images/sprite_preview_actions.png") 1px -416px no-repeat; } .blockAction.disabled span { background-position: -145px -150px; } .downloadAction.disabled span { background-position: 2px -267px; } .shareAction.disabled span { background-position: 1px -308px; } .printAction.disabled span { background-position: 0px -327px; } .previewAction.disabled span { background-position: 2px -368px; } .moveAction.disabled span { background-position: 2px -368px; } .deleteAction.disabled span { background-position: 1px -348px; } .copyAction.disabled span { background-position: 1px -391px; } #pnl-printing-statusbar, #pnl-printing-statusbar-unauthorized { height: 30px; line-height: 30px; color: #aaa9a9; font-size: 11px; text-align: left; overflow: hidden; background: #373A41; background: -moz-linear-gradient(top, rgba(70,73,80,1) 0%, rgba(42,43,47,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,73,80,1)), color-stop(100%,rgba(42,43,47,1))); background: -webkit-linear-gradient(top, rgba(70,73,80,1) 0%,rgba(42,43,47,1) 100%); background: -o-linear-gradient(top, rgba(70,73,80,1) 0%,rgba(42,43,47,1) 100%); background: -ms-linear-gradient(top, rgba(70,73,80,1) 0%,rgba(42,43,47,1) 100%); background: linear-gradient(top, rgba(70,73,80,1) 0%,rgba(42,43,47,1) 100%); } #pnl-printing-statusbar-unauthorized { display: none; } #pnl-printing-statusbar strong, #pnl-printing-statusbar-unauthorized strong a { color: #38ABF2; cursor: pointer; } #pnl-printing-listview, #pnl-printing-gridview { min-height:600px; display:block; background: #fff; position: relative; } #pnl-printing-gridview { display: none; overflow: auto; } #pnl-printing-advert-wrapper { bottom: 30px; left:0px; height : 90px; right: 0px; position: absolute; background: white; display: none; } #printingLoader{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 50px; background: url("../images/ajax-loader.gif") center center no-repeat; } #pnl-printing-listview-list { min-height: 400px; display: none; overflow-y: auto; } .data-table table { width: 100%; } #pnl-printing-listview-list table th { border-left: 1px solid #C1C2C5; border-right: 1px solid #D7D7D7; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; color: #828282; text-align: left; padding: 1px 5px 4px 10px; font-weight: normal; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); } #pnl-printing-listview-list table th.selectedColumn { background: rgb(206,206,206); background-image: url("../images/selected_listview_header_bg.png") !important; background-repeat: repeat-x; color: #373737; background-position: bottom; border-left: 1px solid #A1A1A1; border-right: 1px solid #A1A1A1; position: relative; } #pnl-printing-listview-list table th[data-sortby=printDate] { min-width:135px; } #pnl-printing-listview-list table th:nth-child(3) { width:208px; } #pnl-printing-listview-list table th.selectedColumn span { background-repeat: no-repeat; position: relative; right: 10px; top: 5px; height: 5px; width: 10px; float: right; } #pnl-printing-listview-list table th.selectedColumn.descending span { background-image: url("../images/selected_listview_header_asc.png"); } #pnl-printing-listview-list table th.selectedColumn.ascending span { background-image: url("../images/selected_listview_header_desc.png"); } .data-table table td { border-bottom: 1px solid #E5E5E5; padding: 12px 10px 8px 10px; text-align: left; line-height: 26px; } .data-table tr:hover { cursor: default; background: rgba(252, 252, 252, 255); } .data-table tr.selected { background: #d6e2f2; } #pnl-printing-listview-list tr.unauthorizedUser{ opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } #pnl-printing-listview p.showMorePanel { padding: 10px; text-align: right; } #pnl-printing-listview-list acronym { background: url("../images/warning-triangle.png") no-repeat; padding: 2px 0 2px 32px; border: 0; } #pnl-printing-listview-list acronym.pending { background: url("../images/pause.png") no-repeat; display: block; line-height: 26px; } #pnl-printing-listview-list acronym.opened, #pnl-printing-listview-list acronym.processing, #pnl-printing-listview-list acronym.rendered, #pnl-printing-listview-list acronym.sendingfiletoprinter, #pnl-printing-listview-list acronym.printing { background: url("../images/static-process-spinner-xs.png") no-repeat; display: block; line-height: 26px; padding: 0 0 2px 32px; } .data-table .ui-checkbox { position: relative; top: 3px; } .gridview-item { width: 200px; height: 205px; float: left; margin-left: 5px; margin-top: 5px; cursor: default; border: 1px solid white; padding: 2px; border-radius: 5px; overflow: hidden; text-align: center; } .gridview-item img { width: 128px; height: 128px; } .gridview-item div { margin-top: 10px; text-align: center; line-height: 1.4em; padding: 7px; } .gridview-item.selected div { background-color: #D7E3F2; border-radius: 5px; } .gridview-item:hover { background-image: linear-gradient(bottom, rgb(253,253,253) 42%, rgb(252,252,252) 86%); background-image: -o-linear-gradient(bottom, rgb(253,253,253) 42%, rgb(252,252,252) 86%); background-image: -moz-linear-gradient(bottom, rgb(253,253,253) 42%, rgb(252,252,252) 86%); background-image: -webkit-linear-gradient(bottom, rgb(253,253,253) 42%, rgb(252,252,252) 86%); background-image: -ms-linear-gradient(bottom, rgb(253,253,253) 42%, rgb(252,252,252) 86%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.42, rgb(253,253,253)), color-stop(0.86, rgb(252,252,252)) ); border-radius: 5px; } .gridview-item div span, .gridview-item div label { display: block; } .gridview-item div span { color: #737F7D; font-size: 90%; white-space: nowrap; } .gridview-item div label { font-weight: bold; } #pnl-printing-gridview p { margin: 10px; margin-top: 30px; clear: both; padding-top: 10px; border-top: 1px solid #D8D8D8; text-align: right; } #authorization-callout{ top: 44px; left: 30px; min-height: 177px; display: none; } #authorization-callout p strong{ color: #1475B1; font-weight: normal; cursor: pointer; } #authorization-callout .calloutIcon{ height: 50px; width: 50px; left: 10px; background: url("../images/sprite_general_icons1.png") -100px 0px no-repeat; } .calloutModal.authorizationCallout h3 { margin: 0 25px 10px 65px; } .calloutModal.authorizationCallout p { margin: 0 8px 15px 65px; } #printHistoryCallout { top: 65px; left: 45px; } #printHistoryCalloutNoDevice { left: 35px; top: 50px; } #printHistoryCalloutNoDevice .calloutButtonFindOutMore span.ui-button-text { background: transparent url("../images/btn_add_email_address_plus.png") 10px 5px no-repeat; padding-left: 35px; } #printHistoryCalloutNoDevice .calloutTopArrow { display: none; } .printDialog .modalPanel { width: 440px; float: left; margin: 15px 0 0 0; } .printDialog select.cmbPrinterList, .printDialog select.cmbPrintPageSize { min-width: 210px; } .printDialog select { min-width: 70px; max-width: 200px; } .printDialog select.cmbPrintColor { min-width: 150px; } .printDialog .modalPanel h4 { padding: 0 0 10px 0; margin: 0; font-size: 16px; font-family: Arial, sans-serif; color: #404040; } .printDialog .leftPanel { float: left; clear: left; } .printDialog .rightPanel { float: right; clear: right; } .printDialog .status { padding-top: 10px; clear: both; } .printDialog .status .state { text-transform: capitalize; font-weight: bold; } .printDialog .status .checking { font-weight: normal; cursor: progress; } .printDialog .status .online { color: green; font-weight: bold; } .printDialog .status .offline { color: red; font-weight: bold; } .ui-dialog .lblPrinterError { cursor: pointer; margin-right: 20px; background: url("../images/warning-triangle.png") no-repeat; background-position: 0px 0px; padding-left: 32px; color: #0094CF; } .ui-dialog span.lblPrinterError { display: inline-block; width: 160px; } .printDialog .rightSide { position: absolute; background:white url("../images/print_dialog_preview_bg.png") no-repeat; height: 324px; width: 259px; right: 20px; top: 26px; } .printDialog .rightSide > div { display: none; } .printDialog .infoText { text-align: center; position: absolute; top: 140px; left: 0px; right: 0px; color: #404040; } #ui-dialog-title-printDialog { background: url("../images/print_dialog_icon.png") no-repeat; padding-left: 35px; background-position: 0 14px; font-size: 19px; font-weight: normal; } #ui-dialog-title-downloadMultipleNotSupported { background: url("../images/icon_error.png") no-repeat; padding-left: 40px; background-position: 0 14px; font-size: 16px; font-weight: normal; } .printDialog label { font-size: .9em; cursor: default; } .printDialog .btnClaimPrinter label { cursor: pointer; position: relative; top: -5px; } .printDialog .groupDoubleSideCopies label { line-height: 28px; color: #404040; } .printDialog .groupDoubleSideCopies label.ui-checkbox-disabled { color: #aaa; } .printDialog .groupDoubleSideCopies input[disabled="disabled"] + .ui-checkbox { opacity: 0.3; } .printDialog .ui-selectmenu-popup.ui-corner-all, .printDialog .ui-selectmenu-popup.ui-state-active.ui-corner-top, .printDialog .ui-selectmenu-dropdown.ui-corner-all, .printDialog .ui-selectmenu-dropdown.ui-state-active.ui-corner-top { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #828282; -webkit-box-shadow :1px 1px 2px #B3B3B3; -moz-box-shadow :1px 1px 2px #B3B3B3; -o-box-shadow :1px 1px 2px #B3B3B3; box-shadow : 1px 1px 2px #B3B3B3; box-shadow : none; background: #EFEFF0; cursor: pointer; height: 28px; line-height: 31px; padding: 3px 3px 0 3px; border: 0px; background: #E9E9E9 url("../images/print_dialog_elements.png") repeat-x;; color: #5F5F5F; border-left: 1px solid #B1B1B1; border-right: 1px solid #B0B0B0; } .previewComponent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .previewComponent .tbButtons { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 26px; } .previewComponent .tbButtons > button { position: absolute; height: 26px; width: 36px; top: 0px; background-color: transparent; border: 0px; background-image: url("../images/print_dialog_toolbar.png"); } .previewComponent .tbButtons > button:hover { background-position-y: 0px; } .previewComponent .tbButtons > button:active { background-position-y: 53px; } .previewComponent .tbButtons .pnlPreviewNavigation { position: absolute; text-align: center; left: 80px; width: 100px; bottom: 8px; font-size: .8em; } .previewComponent .imageViewerPanel { position: absolute; top: 2px; left: 1px; right: 1px; text-align: center; bottom: 30px; } .previewComponent .imageViewerPanel img.imgPrintDialogPreview { width: 250px; max-height: 290px; } .previewComponent .imageViewerPanel img.imgPrintDialogThrobber { display: none; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; } .previewComponent .tbButtons .btnPrintFirst { left: 2px; background-position: 0px 26px; } .previewComponent .tbButtons .btnPrintFirst:hover { background-position: 0px 0px; } .previewComponent .tbButtons .btnPrintFirst:active { background-position: 0px 53px; } .previewComponent .tbButtons .btnPrintPrevious { left: 40px; background-position: 113px 26px; } .previewComponent .tbButtons .btnPrintPrevious:hover { background-position: 113px 0px; } .previewComponent .tbButtons .btnPrintPrevious:active { background-position: 113px 53px; } .previewComponent .tbButtons .btnPrintNext { left: 185px; background-position: 75px 26px; } .previewComponent .tbButtons .btnPrintNext:hover { background-position: 75px 0px; } .previewComponent .tbButtons .btnPrintNext:active { background-position: 75px 53px; } .previewComponent .tbButtons .btnPrintLast { left: 225px; background-position: 37px 26px; } .previewComponent .tbButtons .btnPrintLast:hover { background-position: 37px 0px; } .previewComponent .tbButtons .btnPrintLast:active { background-position: 37px 53px; } .printDialog .iconPlus { position: relative; display: inline-block; height: 16px; width: 16px; top: 2px; left: -3px; background: url("../images/btn_add_new_printer_sm.png") 0px 0px no-repeat; } .printDialog span.ui-checkbox { position: relative; top: 3px; } .printDialog .customComboBox { height: 22px; line-height: 20px; background: #E9E9E9; font-size: 10px; color: #5F5F5F; } .printDialog .customComboBox .customComboBoxdDropDownIcon { height: 10px; top: 2px; } .ui-dialog .ui-dialog-content.deleteSingleFile, .ui-dialog .ui-dialog-content.deleteMultipleFiles, .ui-dialog .ui-dialog-content.deleteAllFiles { padding: 30px; } .deleteFiles p { margin: 10px 0; font-size: 15px; } .ui-dialog-buttonpane .confirmationPanel { padding-left: 20px; padding-top: 10px; } .ui-dialog-buttonpane .confirmationPanel .lblConfirm { position: relative; top: -3px; left: 3px; } #ui-dialog-title-deleteFile, #ui-dialog-title-deleteMultipleFiles, #ui-dialog-title-deleteAllFiles { background: url("../images/icon_delete.png") no-repeat; padding-left: 50px; background-position: 18px 12px; font-size: 20px; font-weight: normal; } .deleteFiles { height: auto !important; } #ui-dialog-title-copyFiles { background: url("../images/icon_copy.png") 10px 17px no-repeat; padding-left: 35px; font-size: 20px; font-weight: normal; } .copyFiles.modal { padding: 10px 20px 20px 20px; } .copyFiles.modal h4 { font-weight: normal; margin: 10px 0 15px 2px; } .copyFiles .ui-button .ui-button-text { line-height: 1; } .copyFiles .copyFolderList { border: 1px solid #8E8E8E; border-radius: 4px; padding: 5px 20px 20px 20px; height: 250px; } .copyFiles .selectFolderFrame { background-color: #F9F9F9; border-top: 1px solid #949494; border-left: 1px solid #949494; border-bottom: 1px solid #BABABA; border-right: 1px solid #BABABA; padding: 10px; height: 180px; overflow: auto; box-shadow: inset 0 1px 2px 0px #949494; } .copyFiles .selectFolderFrame li { margin: 10px; } .copyFiles .selectFolderFrame li a { font-size: 110%; font-weight: bold; cursor: default; padding-right: 3px; font-family: "Courier New", Courier, monospace; opacity: 0; transition: all .25s ease-in; } .copyFiles .selectFolderFrame:hover a { opacity: 1; } .copyFiles .selectFolderFrame li a:hover { color: #38ABF2; text-shadow: 0 0 5px rgba(207, 239, 251,0.5); } .copyFiles .selectFolderFrame label { cursor: pointer; border: 1px solid transparent; border-radius: 3px; padding: 3px 10px 4px 7px; } .copyFiles .selectFolderFrame label em { background: url("../images/icon_folder.png"); margin-right: 6px; background-repeat: no-repeat; width: 12px; height: 10px; display: inline-block; } .copyFiles .selectFolderFrame li[data-id="BOX"] > label { background: url("https://www.box.com/favicon.ico"); background-size: 18px 18px; background-repeat: no-repeat; background-position: 2px 2px; padding-left: 25px; border: 1px solid transparent; } .copyFiles .selectFolderFrame label:hover { background-color: #F2F8FF; border: 1px solid #92BECC; } .copyFiles .selectFolderFrame label.selected, .copyFiles .selectFolderFrame label.selected:hover { background-color: #D6E2F2; border: 1px solid #92BECC; } .shareFiles { font-size: 85%; } .shareFiles label { padding: 0px; } #ui-dialog-title-shareFiles { background: url("../images/icon_share.png") no-repeat; padding-left: 35px; background-position: 0px 14px; font-size: 20px; font-weight: normal; } .shareFilesLeft { float: left; width: 50%; } .shareFilesLeft label { display: block; } .shareFilesLeft span { font-size: 70%; display: block; } .shareFilesLeft input, .shareFilesLeft textarea { width: 346px; margin: 10px 0 15px 0; resize: none; } .shareFilesLeft .txtSharingSubject { text-overflow: ellipsis; } .shareFilesLeft textarea { background: #F9F9F9; height: 120px; padding: 10px 5px 0 5px; } .shareFiles h4, .shareFiles h5 { padding: 0px; margin: 0px; } .shareFiles h5 { font-size: 120%; font-weight: 700; margin-bottom: 15px; } .shareFiles > p { margin: 5px 0 15px 0; } .shareFiles > p.ru { margin: 5px 0 15px 0; font-size:13px; } .shareFilesRight { float: right; width: 42%; padding-left: 7%; } .shareFileListBox { background: #F9F9F9; height: 263px; position: relative; } .shareFileListBox .header { background: rgb(250,250,250); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 48%, rgba(211,211,211,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(48%,rgba(240,240,240,1)), color-stop(100%,rgba(211,211,211,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 48%,rgba(211,211,211,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 48%,rgba(211,211,211,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 48%,rgba(211,211,211,1) 100%); background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(240,240,240,1) 48%,rgba(211,211,211,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d3d3d3',GradientType=0 ); padding: 5px; font-size: 95%; padding-left: 10px; border: 1px solid #7C7C7C; position: absolute; width: 292px; z-index: 20; } .shareFileListBox ul { display: block; list-style: none; margin: 0px; padding: 0px; position: absolute; z-index: 10; top: 26px; left: 0px; bottom: 0px; right: 0px; overflow-y: auto; -moz-box-shadow: inset 0 1px 2px 1px #949494; box-shadow: inset 0 1px 2px 1px #949494; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; } .shareFileListBox li { padding: 10px; padding-bottom: 20px; } .shareFileListBox li a { color: #3399E0; font-size: 90%; cursor: pointer; float: right; padding-right: 20px; } .emailAddress label, .emailAddress span { -o-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; } .emailAddress.error label, .emailAddress.error span { color: #B44D24; } .emailAddress.error input:focus { outline: 1px solid #C28F7A; } .shareFilesRight .error { color: #B44D24; } .shareFilesRight h6{ padding: 5px 2px 0px 0px; margin: 0px; float: right; font-size: 9px; display: none; color: #B44D24; font-weight: normal; } .shareFileListBox ul div { width: 175px; float: left; } .shareFileListBox ul div span { white-space: nowrap; overflow: hidden; max-width: 175px; text-overflow: ellipsis; display: inline-block; float: left; } .shareFileListBox code { color: #818181; font-size: 9px; display: block; clear: left; } .ui-selectmenu-menu-dropdown li.ui-corner-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui-selectmenu-menu-dropdown .ui-state-hover, .ui-selectmenu-menu-dropdown .ui-state-focus { border: 1px solid transparent; background-color: #C9D5E5; cursor: pointer; } span#printdialog-notdoublesided-size { clear:left; float: left; font-size: 10px; color: #B44D24; font-weight: bold; } span#printdialog-notdoublesided-size.disabled { display: none; } @media screen\0 { .shareFileListBox ul div { width: 175px; } } #settingsViewHost { position: relative; } .settingsSection { display: none; } .settingsSection .frozen { cursor: wait; } .settingsContent {} .settingsSection .settingsRightSide { width: 40%; margin: 0; } .settingsSection h1 { background: url("../images/icon_settings.png") no-repeat; padding: 0 0 0 35px; margin: 20px 0 30px 20px; font-size: 1.846em; color: #404040; } .settingsSection h2 { font-size: 1.307em; font-weight: bold; color: #222; margin: 0 0 15px 0; } .settingsCheckbox { margin: 15px 0; } .settingsCheckbox .ui-checkbox { float: left; margin: 0 10px 0 0; } .settingsCheckbox label.ui-checkbox { width: 80%; padding: 0; } .infoCalloutIcon { height: 15px; width: 15px; top: -5px; display: inline-block; background: url("../images/sprite_general_icons1.png") -50px -700px no-repeat; cursor: pointer; margin: 0 0 0 5px; } #blockSenders { display: none; } .settingsContent .introductionMessages { margin-top: 55px; } .contentBlockWithModal p { margin: 15px 50px 15px 0; } .introductionMessages span { font-size: 12px; padding: 0px 0px 0px 10px; } #notificationsSection .introductionMessages > .disabled { color: #B44D24; } #notificationsSection .introductionMessages > .enabled { color: green; } .contentBlockWithModal .ui-button, .contentBlockWithModal .ui-button-text { font-size: 13px; padding: 0 0.4em; } #notificationCallout .calloutTopArrow { right: 20px; } #emailSettingCallout { top: 410px; left: 164px; height: 180px; z-index: 3; } #notificationsSection not(.calloutModal) label { margin-left: 30px; display: block; margin-top: -22px; } #currentPassword.error { border: 1px solid #B44D24; } #newPassword1.error { border: 1px solid #B44D24; } #newPassword2.error { border: 1px solid #B44D24; } #currentPassword.success { border: 1px solid green; background: url("../images/checkmark_green.png") center right no-repeat; } #newPassword1.success { border: 1px solid green; background: url("../images/checkmark_green.png") center right no-repeat; } #newPassword2.success { border: 1px solid green; background: url("../images/checkmark_green.png") center right no-repeat; } .settingsSection .settingsFooter { border-top: 1px solid #B9C1C5; height: 50px; background: #f0f0f0; text-align: right; padding: 20px 40px 0 0; } .settingsSection .settingsFooter .activeButton { margin-right: 10px; } .settingsSection .settingsFooter .ui-button-text { font-size: 13px; padding:0; } .settingsAreaFooter { margin: 0 0 0 0; background-color: #DEE7EC; border-top: 1px solid #C1C7CB; } .settingsFormInput { margin: 5px 0; width: 330px; } .settingsFormInput label { float: left; } .settingsFormInput p { margin: 0; } #accountSection input.field { width: 320px; border-radius: 2px; margin: 5px 0 15px 0; } #accountSection .required { float: right; font-size: 13px; color: #B44D24; display: none; } #accountSection .settingsRightSide .required { padding-right: 15px } #accountSection not(.calloutModal) label { font-size: 16px; color: #404040; } #accountSection article .settingsLeftSide { float: left; width: 350px; } #accountSection article .settingsRightSide { float: right; width: 340px; padding: 0 0 20px 0; } #accountSection .settingsRightSide .error { color: #B44D24; } #accountSection .settingsRightSide .errorMsg, #accountSection .settingsRightSide .successMsg { float: right; font-size: 13px; display: none; } #accountSection .settingsRightSide .errorMsg { color: #B44D24; } #accountSection .settingsRightSide .successMsg { color: green; } #lblAccountSectionEmail2 { color: #c0c0c0; font-size: 12px; padding: 0px 0px 5px 4px; } #pnlFullName { height: 150px; } #pnlFullName .leftSide { width: 100%; height: 60px; } #pnlFullName .rightSide { padding: 10px 0px 0px 0px; width: 100%; height: 60px; } #pnlFullName input.error { border: 1px solid #B44D24; } #pnlFullName .errorMsg { float: right; color: #B44D24; display: none; } #pnlFullName label.error { color: #B44D24; } #userEmail { border: 0px; width: 400px; } #userEmail .col1, #userEmail .col2 { float: left; } #userEmail .col1 { margin: 0 8px 0 0; } #userEmail not(.calloutModal) label { font-size: 12px; font-weight: 700; } #userEmail #emailAddressLabel { background: none; border: 0px; display: inline-block; padding: 0px; vertical-align: top; width: 175px; } #lblAccountSectionEmail2 { display: block; } span#primaryEmailInfo { height: 15px; width: 15px; top: 10px; display: inline-block; background: url("../images/sprite_general_icons1.png") -50px -700px no-repeat; cursor: pointer; } #cmbAccountSettingsTimezone { width: 323px; } #cmbAccountSettingsTimezone-button span.ui-selectmenu-status { max-width: 300px; font-size: 115%; } #cmbAccountSettingsTimezone-button { height: 30px; background-color: #F9F9F9; } #lblAccountSettingsErrorProfileInformation { margin-top: 20px; margin-bottom: 20px; clear: both; } .pnlBottomHeader { padding-top: 30px; margin-bottom: 15px; } .authorizeEmailAddresses h4 { color: #404040; } .authorizeEmailAddresses .modalPanel .authorizeEmailError { position: absolute; margin-top: 42px; color: #B44D24; font-size: 12px; display: none; } .authorizeEmailAddresses .modalPanel input { width: 300px; margin: 5px 0 15px 0; } .authorizeEmailAddresses .modalPanel input.error { outline: #B44D24 solid 1px; } .authorizeEmailAddresses .iconPlus { position: relative; display: inline-block; height: 16px; width: 16px; top: 2px; left: -3px; background: transparent url("../images/btn_add_email_address_plus.png") 0px 0px no-repeat; } .authorizeEmailAddresses .modalPanel strong { color: #404040; } .authorizeEmailAddresses .ui-button .ui-button-text { line-height: 1; } .accountEmailList { margin-top: 5px; background: #F9F9F9; height: 135px; position: relative; border-left: 1px solid #ABABAB; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #BABABA; font-size: 90%; } .accountEmailList .header { background: #FAFAFA; background: -moz-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 48%, rgba(211, 211, 211, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(48%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(211, 211, 211, 1))); background: -webkit-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 48%, rgba(211, 211, 211, 1) 100%); background: -o-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 48%, rgba(211, 211, 211, 1) 100%); background: -ms-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 48%, rgba(211, 211, 211, 1) 100%); background: linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 48%, rgba(211, 211, 211, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d3d3d3', GradientType=0 ); padding: 5px; font-size: 95%; padding-left: 10px; border: 1px solid #7C7C7C; border-left: 0px; border-right: 0px; height: 16px; } .accountEmailList table { width: 100%; } .accountEmailList table .remove, .accountEmailList table .resendConfirmation { color: #38ABF2; cursor: pointer; } .accountEmailList table .remove, .accountEmailList table .resendConfirmation, .accountEmailList table .confirmationSent, .accountEmailList table .username { font-size: 11px; font-weight: bold; } .accountEmailList table .confirmationSent, .accountEmailList table .username { color: #008A0D; } .accountEmailList table .username { background: url("../images/checkmark_green.png") no-repeat; padding-left: 26px; padding-bottom: 4px; padding-top: 3px; } .accountEmailList table .unauthenticatedAddress { color: #B44D24; } .accountEmailList table td { height: 32px; vertical-align: middle; } .accountEmailList table td { padding-left: 10px; } .accountEmailList div.list { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; overflow: auto; } #ui-dialog-title-authorizeEmailAddresses { background: url("../images/icon_plus_gray.png") no-repeat; padding-left: 35px; background-position: 0px 15px; font-size: 20px; font-weight: normal; } .ErrorMessage { padding: 10px; padding-left: 0; font-size: 110%; font-weight: bold; } #changePrimaryEmailbtn { float: left; padding: 0; } #ui-dialog-title-changeEmailAddress { background: url("../images/edit_icon.png") no-repeat; padding-left: 25px; background-position: 0px 17px; font-size: 20px; font-weight: normal; } .changeEmailContent { margin: 20px 5px 5px 5px; font-size: .9em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 1px 1px #C0C0C0; -webkit-box-shadow: 0px 0px 1px 1px #C0C0C0; -moz-box-shadow: 0px 0px 1px 1px #C0C0C0; -o-box-shadow: 0px 0px 1px 1px #C0C0C0; padding: 10px; background-image: linear-gradient(bottom, rgb(230,230,230) 75%, rgb(246,246,246) 87%); background-image: -o-linear-gradient(bottom, rgb(230,230,230) 75%, rgb(246,246,246) 87%); background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 75%, rgb(246,246,246) 87%); background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 75%, rgb(246,246,246) 87%); background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 75%, rgb(246,246,246) 87%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.75, rgb(230,230,230)), color-stop(0.87, rgb(246,246,246)) ); border: 0px solid gray; } .changeEmailAddress h4 { margin: 0px; padding: 0px; font-weight: 700; color: #404040; } .changeEmail-genericError { display: none; color: #B44D24; } .changeEmailAddress fieldset input { width: 280px; background: url("../images/textbox_bg.png"); height: 26px; line-height: 26px; border: 1px solid rgb(148, 148, 148); border-radius: 2px; display: block; margin-top: 5px; margin-bottom: 15px; padding-left: 5px; display: block; } .changeEmailAddress fieldset div { padding: 10px 0px 0px 0px; width: 285px; } .changeEmailAddress fieldset label { display: inline; } .changeEmailAddress fieldset span { float: right; } .changeEmail-currentEmail { background: none; border: 0px; padding: 0px; margin: 0px; font-size: 1.1em; } .changeEmail-newEmail-wrapper.error label, .changeEmail-reEnterEmail-wrapper.error label { color: #B44D24; } .changeEmail-newEmail-wrapper.error input, .changeEmail-reEnterEmail-wrapper.error input { border: 1px solid #B44D24; } .changeEmail-newEmail-wrapper.error span, .changeEmail-reEnterEmail-wrapper.error span { color: #B44D24; display: block; } .changeEmail-newEmail-wrapper span, .changeEmail-reEnterEmail-wrapper span { display: none; } #changeEmail-confirmation span { color: green; font-size: 1.2em; word-wrap: break-word; } #changeEmail-confirmation p { padding: 5px; background: white; border: 1px solid grey; box-shadow: 0px 0px 2px 2px #e3e3e3; -webkit-box-shadow: 0px 0px 2px 2px #e3e3e3; -moz-box-shadow: 0px 0px 2px 2px #e3e3e3; -o-box-shadow: 0px 0px 2px 2px #e3e3e3; } #changeEmailAddress .step1, #changeEmailAddress-step1-btn2, #changeEmailAddress-step1-btn1 { display: inline-block; } #changeEmailAddress .step2, #changeEmailAddress-step2-btn1 { display: none; } #changeEmailAddress .step2 { width: 390px; } .settingsDone { margin: 20px; margin-top: 30px; margin-left: 0px; cursor: pointer; } .settingsDone:hover { color: blue; } #printingSettingSection section { min-height: 400px; } #printingSettingSection .settingsContent { width: 400px; } #printingSettingSection .settingsContent div { padding: 20px 0px 20px 0px; } #notificationsSection h1, #notificationsSection h2, #notificationsSection h3, #notificationsSection h4 { font-family: "HPSimplifiedBold", arial, sans-serif; font-weight:normal; } #notificationsSection h1.ru, #notificationsSection h2.ru, #notificationsSection h3.ru, #notificationsSection h4.ru { font-family: "HPSimplifiedBold", arial, sans-serif; font-weight:bold; } #notificationsSection h1.pl, #notificationsSection h2.pl, #notificationsSection h3.pl, #notificationsSection h4.pl { font-family: "HPSimplifiedBold", arial, sans-serif; font-weight:bold; } button.pl.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { font-weight: bold; } #printingSettingSection h1, #printingSettingSection h2, #printingSettingSection h3, #printingSettingSection h4 { font-family: "HPSimplifiedBold", arial, sans-serif; font-weight:normal; } #printingSettingSection h1.ru, #printingSettingSection h2.ru, #printingSettingSection h3.ru, #printingSettingSection h4.ru { font-family: "HPSimplifiedBold", arial, sans-serif; font-weight:bold; } #notificationsSection button.gray, #printingSettingSection button.gray { filter: none; } #notificationsSection button.gray:hover, #printingSettingSection button.gray:hover { filter: none; } #notificationsSection button.blue, #printingSettingSection button.blue { filter: none; } #notificationsSection button.blue:hover, #printingSettingSection button.blue:hover { filter: none; } #pnl-printing-listview-list button.blue, #pnl-printing-listview button.blue, #pnl-devices-listview button.blue { filter: none; } #pnl-printing-listview-list button.blue:hover, #pnl-printing-listview button.blue:hover, #pnl-devices-listview button.blue:hover { filter: none; } .bd { padding-top: 20px; } p.sub-head { font-weight: bold; margin-bottom: 10px; letter-spacing: .5px; } .info-smg-holder { margin: 40px 0px } p.smg-txt { width: 70%; } .footer-btn-holder { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 20px 20px 20px 0px; border-radius: 0px 0px 5px 5px; background: #F0F0F0; border-top: 1px solid #B9C1C5; text-align: right; } .enabaled-txt { color: green; padding: 5px 7px; margin-left: 10px; border: 1px dashed #ccc; } .disabled-txt { color: red; padding: 5px 7px; margin-left: 10px; border: 1px dashed #ccc; } .enabaled-txt:before { content: ' \25C0'; padding-right: 5px; } .disabled-txt:before { content: ' \25C0'; padding-right: 5px; } .dp-none { display: none; } .input-box { padding-bottom: 10px; width: 93%; } p.input-box label { padding-left: 10px; } .g { letter-spacing: -0.31em; text-align: center; text-rendering: optimizespeed; vertical-align: middle; } .g .u-1-2 { display: inline-block; letter-spacing: normal; text-align: left; text-rendering: auto; vertical-align: top; width: 50%; word-spacing: normal; } .fullPage { border: none; } #dashboardView { border-left: none; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; overflow: hidden; } #printingSettingSection, #notificationsSection { border: 1px solid #B8B8B8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; behavior: url(../pie/PIE.htc); min-height: 450px; padding: 60px; margin: 0 auto; position: relative; font: 13px 'HPSimplifiedRegular', Arial, sans-serif; } #notificationsSection { min-height: 470px; padding-bottom: 90px; } .settingsSection .settingsFooter { position: absolute; bottom: 0px; left: 0px; right: 0px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .settingsSection h1 { background: none; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #D8E1F0; font-size: 36px; color: #2d2d2d; } .settingsSection h2 { font-size: 22px; font-weight: bold; color: #222; margin: 0 0 10px 0; } .settingsContent { margin: 0px; } .settingsSection .settingsFooter { padding: 20px 40px; } .settingsSection .settingsFooter .ui-button-text { font-size: 100%; } .settingsSection .settingsFooter button.ru .ui-button-text { font-size: 100%; font-weight:bold } .contentBlockWithModal .ui-button, .contentBlockWithModal .ui-button-text { font-size: 100%; } .contentBlockWithModal p { margin: 10px 50px 15px 0; font-family: "HPSimplifiedRegular", arial, sans-serif } .activeButton.settingsClose.blue.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .activeButton.settingsSave.blue.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { color: #ffffff; cursor: pointer; font-family: HPSimplifiedBold, Arial, sans-serif; font-size: 140%; padding: 12px 20px 12px 20px; border: 0; border-radius: 0 0.5em; margin-right: 1%; display: inline-block; background: #0096d6; height: 50px; box-shadow: none; -webkit-box-shadow: none; outline: 0px; } .authorizeEmail.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .settingsCancel.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { color: #ffffff; cursor: pointer; font-family: HPSimplifiedBold, Arial, sans-serif; font-size: 140%; padding: 12px 20px 12px 20px; border: 0; border-radius: 0 0.5em; margin-right: 1%; display: inline-block; background: #979797; height: 50px; box-shadow: none; -webkit-box-shadow: none; outline: 0px; } .authorizeEmail.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only span {padding:0px;} .authorizeEmail.ru.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only span {padding:0px; font-weight:bold} .settingsSection .settingsRightSide { width: 50% } .introductionMessages.contentBlockWithModal button.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { color: #ffffff; cursor: pointer; font-family: HPSimplifiedBold, Arial, sans-serif; font-size: 115%; padding: 12px 18px 12px 18px; border: 0; border-radius: 0 0.5em; margin-right: 1%; display: inline-block; background: #979797; height: 50px; box-shadow: none; -webkit-box-shadow: none; outline: 0px; white-space: nowrap; } .introductionMessages.contentBlockWithModal button.ru.gray.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only { color: #ffffff; cursor: pointer; font-family: HPSimplifiedBold, Arial, sans-serif; font-size: 115%; padding: 12px 18px 12px 18px; border: 0; border-radius: 0 0.5em; margin-right: 1%; display: inline-block; background: #979797; height: 50px; box-shadow: none; -webkit-box-shadow: none; outline: 0px; white-space: nowrap; font-weight:bold; } #notificationsSection p, #notificationsSection label { font-family: HPSimplifiedRegular, Arial, sans-serif; } #notificationsSection .introductionMessages p { width:410px;} .settingsSection .col { float: left; margin: 0 ; width: 50%; } .ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover { color: #999; } span.ui-checkbox, span.ui-radio { display: inline-block; width: 16px; height: 16px; background: no-repeat; } span.ui-checkbox { background-position: 0 -40px; background-image: url(../images/icon_checkbox.png); } span.ui-radio, span.ui-radio-hover, span.ui-radio-state-hover { background-position: -1px -18px; background-image: url(../images/sprite_radio_buttons.png); } span.ui-helper-hidden { display: none; } label { padding: 2px; } span.ui-radio-state-hover, span.ui-radio-state-checked, span.ui-checkbox-state-hover, span.ui-checkbox-state-checked-hover { border: 1px dotted #000; width: 14px; height: 14px; } span.ui-checkbox-state-checked, span.ui-checkbox-state-checked-hover { background-position: 0 -1px; } span.ui-checkbox-disabled { opacity: 0.3; } span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled { background-position: -1px -36px; } span.ui-radio-state-disabled-hover, span.ui-radio-state-disabled { background-position: -1px -54px; } span.ui-radio-state-checked, span.ui-radio-state-checked-hover { background-position: -1px 0; } span.ui-radio-state, span.ui-radio-state-hover { background-position: -1px -18px; } .customComboBox { display: inline-block; border: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; padding: 6px 11px 0 11px; height: 22px; color: #5f5f5f; -moz-box-shadow: 0px 1px 2px 0px #333333; -webkit-box-shadow: 0px 1px 2px 0px #333333; box-shadow: 0px 1px 2px 0px #333333; cursor: pointer; position: relative; background: #fafafa; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDNkM2QzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #fafafa 0%, #f8f8f8 1%, #f5f5f5 2%, #e5e5e5 98%, #dddddd 99%, #d3d3d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(1%,#f8f8f8), color-stop(2%,#f5f5f5), color-stop(98%,#e5e5e5), color-stop(99%,#dddddd), color-stop(100%,#d3d3d3)); background: -webkit-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: -o-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: -ms-linear-gradient(top, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); background: linear-gradient(to bottom, #fafafa 0%,#f8f8f8 1%,#f5f5f5 2%,#e5e5e5 98%,#dddddd 99%,#d3d3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d3d3d3',GradientType=0 ); } .ie9 .customComboBox { filter: none; border-top: 1px #c0c0c0 solid; } .ie8 .customComboBox { border: 1px #c0c0c0 solid; } .customComboBox > div { cursor: default; } .customComboBox.disabled { cursor: default; } .customComboBox .customComboBoxIcon { display: inline-block; } .customComboBox .customComboBoxText { font-size: 14px; } .customComboBox .customComboBoxdDropDownIcon { display: inline-block; width: 15px; height: 10px; background: url("../images/sprite_preview_actions.png") -2px -145px no-repeat; margin: 0 0 0 15px; } .customComboBoxListContainer { display: none; position: absolute; min-width: 350px; z-index: 110; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #828282; -moz-box-shadow: 0px 1px 2px 0px #333333; -webkit-box-shadow: 0px 1px 2px 0px #333333; box-shadow: 0px 1px 2px 0px #333333; background: #ececec; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZThlNmU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 1%, #fdfdfd 3%, #e8e6e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#fefefe), color-stop(3%,#fdfdfd), color-stop(100%,#e8e6e7)); background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: -o-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); background: linear-gradient(to bottom, #ffffff 0%,#fefefe 1%,#fdfdfd 3%,#e8e6e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e6e7',GradientType=0 ); top: 30px; } .ie9 .customComboBoxListContainer { filter: none; } .customComboBoxListContainer ul { padding: 10px; } .customComboBoxListContainer ul li { color: #404040; padding: 10px 10px 10px 25px; } .customComboBoxListContainer ul li:hover { cursor: pointer; background: #C9D5E5; } .customComboBoxListContainer ul li.customComboBoxSelectedItem { color: #2281C0; background: transparent; cursor: default; background: url("../images/checkmark.png") 0px 8px no-repeat; } .customComboBoxListContainer ul { max-height: 290px; overflow: auto; overflow-x: hidden; } .customComboBoxListContainer ul { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #printPreviewMain { position: fixed; z-index: 107; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #242424; display: none; min-width: 100% !important; } #printPreviewMain, #printPreviewMain button { color: #C0C0C0; } #printPreviewMain button { border: 0px; background: transparent; cursor: pointer; } #printPreviewMain aside { position: absolute; top: 0px; left: 0px; width: 250px; bottom: 0px; } #printPreviewMain label { cursor: default; } #printPreviewMain section { position: absolute; left: 250px; top: 0px; bottom: 0px; right: 0px; background-color: #323232; border-left: 1px solid #101010; -webkit-box-shadow: -11px 0px 18px rgba(16, 16, 16, 0.75); -moz-box-shadow: -11px 0px 18px rgba(16, 16, 16, 0.75); box-shadow: -11px 0px 18px rgba(16, 16, 16, 0.75); padding-top: 16px; padding-left: 32px; padding-right: 32px; } #printPreviewMain section header .rightSide { float: right; } #printPreviewMain section header .rightSide button { padding-left: 30px; margin-left: 40px; height: 20px; } #printPreviewMain aside .leftTop { position: absolute; top: 0px; left: 0px; right: 0px; height: 300px; border-bottom: 1px solid #171717; -webkit-box-shadow: 0px 11px 18px rgba(16, 16, 16, 0.75); -moz-box-shadow: 0px 11px 18px rgba(16, 16, 16, 0.75); box-shadow: 0px 11px 18px rgba(16, 16, 16, 0.75); padding-left: 32px; padding-top: 16px; } #printPreviewMain aside .leftBottom { position: absolute; top: 350px; left: 0px; right: 0px; bottom: 0px; padding-left: 32px; display: none; } #printPreviewMain aside .leftBottom button { display: block; height: 20px; margin-top: 15px; padding-left: 30px; } #printPreviewMain aside .leftTop h1 { color: white; margin-top: 35px; word-wrap:break-word; font-size: 25px; } #printPreviewMain aside .leftTop div label { display: block; } #printPreviewMain aside .leftTop button { background: url("../images/sprite_capacity_bar.png"); background-position: 0px -33px; border: 1px solid #212121; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 0 10px; height: 30px; -moz-box-shadow: 0px 1px 2px 0px #000000; -webkit-box-shadow: 0px 1px 2px 0px #000000; box-shadow: 0px 1px 2px 0px #000000; color: #f0f0f0; } .cutLongText{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:210px; display:inline-block; } #printPreviewMain aside .leftTop .lblPreview { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:210px; } .backToIcon { background: url("../images/sprite_preview_actions.png") no-repeat -4px -101px; height: 16px; width: 10px; display: inline-block; position: relative; top: 2px; margin: 0 4px 0 0; } #printPreviewMain aside .rightTop { position: absolute; top: 300px; left: 0px; right: 0px; bottom: 0px; } #printPreviewImageHolder { background-color: white; position: absolute; height: 80%; width: 50%; border: 1px solid gray; top: 80px; left: 25%; -webkit-box-shadow: 16px 16px 10px rgba(16, 16, 16, 0.75); -moz-box-shadow: 16px 16px 10px rgba(16, 16, 16, 0.75); box-shadow: 16px 16px 10px rgba(16, 16, 16, 0.75); text-align: center; overflow: hidden; } #printPreviewImageHolder img { max-width: 100%; max-height: 100%; } #printPreviewImageHolder #imgPreviewThrobber { display: none; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; } #printPreviewImageHolder #lblPrintPreview { position: absolute; top: 50%; margin-top: -40px; left: 0px; right: 0px; font-size: 30px; display: none; } button#btnPreviousPreview, button#btnNextPreview { position: absolute; top: 50%; height: 80px; width: 44px; margin-top: -80px; } button#btnPreviousPreview { left: 32px; background: url("../images/preview_arrow_left.png"); background-position: 0px 160px; } button#btnNextPreview { right: 32px; background: url("../images/preview_arrow_right.png"); background-position: 0px 160px; } button#btnPreviousPreview.disabled, button#btnPreviousPreview:disabled, button#btnPreviousPreview:disabled:hover, button#btnPreviousPreview:disabled:focus, button#btnNextPreview.disabled, button#btnNextPreview:disabled, button#btnNextPreview:disabled:hover, button#btnNextPreview:disabled:focus { background-position: 0px 0px; cursor: default; } button#btnNextPreview:active, button#btnPreviousPreview:active { background-position: 0px 80px; } button#btnRotateClockWise { background: url("../images/sprite_preview_controls.png") no-repeat; } button#btnRotateCounterClockWise { background: url("../images/sprite_preview_controls.png") no-repeat; background-position: 0px -20px; } button#btnViewFullScreen { background: url("../images/sprite_preview_controls.png") no-repeat; background-position: 0px -60px; } button#btnPrintPreviewPrint { background: url("../images/sprite_preview_actions.png") no-repeat; background-position: 0px -60px; } button#btnPrintPreviewDownload { background: url("../images/sprite_preview_actions.png") no-repeat; background-position: 0px 0px; } button#btnPrintPreviewShare { background: url("../images/sprite_preview_actions.png") no-repeat; background-position: 0px -40px; } button#btnPrintPreviewDelete { background: url("../images/sprite_preview_actions.png") no-repeat; background-position: 0px -80px; } .stillLoading .leftTop div, .stillLoading .leftBottom, .stillLoading header, .stillLoading #imgPrintPreview { display: none; } .stillLoading #printPreviewImageHolder { opacity: 0.2; } .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } span.ui-selectmenu-icon.ui-icon { background-image: url("../images/sprite_printing.png"); background-position: -500px -45px; background-repeat: no-repeat; width: 20px; height: 20px; } .ui-selectmenu-status { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9em; padding: .2em 2em .2em 1em; } .ui-selectmenu-popup.ui-corner-all, .ui-selectmenu-popup.ui-state-active.ui-corner-top, .ui-selectmenu-dropdown.ui-corner-all, .ui-selectmenu-dropdown.ui-state-active.ui-corner-top { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #828282; -webkit-box-shadow :1px 1px 2px #B3B3B3; -moz-box-shadow :1px 1px 2px #B3B3B3; -o-box-shadow :1px 1px 2px #B3B3B3; box-shadow : 1px 1px 2px #B3B3B3; background: #EFEFF0; cursor: pointer; height: 24px; line-height: 22px; background: #E9E9E9; color: #5F5F5F; } .ui-selectmenu-menu-dropdown.ui-corner-bottom { border-radius: 3px; } .ui-selectmenu-menu li { white-space: nowrap; } .ui-selectmenu-menu-dropdown.ui-widget-content, .ui-selectmenu-menu-popup.ui-widget-content { background: #F2F1F2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #828282; -webkit-box-shadow :1px 1px 2px #B3B3B3; -moz-box-shadow :1px 1px 2px #B3B3B3; -o-box-shadow :1px 1px 2px #B3B3B3; box-shadow :1px 1px 2px #B3B3B3; min-width: 60px; z-index: 100; font-size: 1.1em; font-weight: 300; background-image: linear-gradient(bottom, rgb(236,236,236) 48%, rgb(252,252,252) 74%); background-image: -o-linear-gradient(bottom, rgb(236,236,236) 48%, rgb(252,252,252) 74%); background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 48%, rgb(252,252,252) 74%); background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 48%, rgb(252,252,252) 74%); background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 48%, rgb(252,252,252) 74%); } .ui-selectmenu-menu li { color: black; padding: 7px 15px 8px 15px; padding-left: 30px; } .ui-selectmenu-menu-dropdown .ui-selectmenu-item-selected, .ui-selectmenu-menu-popup .ui-state-active { border: 1px solid transparent; background: transparent; cursor: default; background: url("../images/checkmark.png") 10px 13px no-repeat; } .ui-selectmenu-menu-dropdown .ui-selectmenu-item-selected a, .ui-selectmenu-menu-popup .ui-state-active a { cursor: default; color: #2281C0; } li.ui-selectmenu-item-selected.ui-selectmenu-item-focus.ui-state-hover { background: transparent; background: url("../images/checkmark.png") 10px 13px no-repeat; } li.ui-selectmenu-item-selected.ui-selectmenu-item-focus.ui-state-hover a { cursor: default; color: #2281C0; } .ui-selectmenu-menu-popup.ui-widget-content li.ui-corner-top, .ui-selectmenu-menu-popup.ui-widget-content li.ui-corner-bottom { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .ui-selectmenu-menu-popup .ui-state-hover, .ui-selectmenu-menu-popup .ui-widget-content .ui-state-hover, .ui-selectmenu-menu-popup .ui-widget-header .ui-state-hover, .ui-selectmenu-menu-popup .ui-state-focus, .ui-selectmenu-menu-popup .ui-widget-content .ui-state-focus, .ui-selectmenu-menu-popup .ui-widget-header .ui-state-focus { border: 1px solid transparent; color:black; background: #C9D5E5; } .subContainer { padding: 30px; } .photosContainer a { color: #1475B1; } .photosTitles { margin-left: 9px; } .photosTitles div { color: #404040 } .photosTitles #mainTitle { font-size: 30px; } .photosTitles #subTitle { font-size: 18px; } #leftSnapfishElement { width: 394px; } .photosElements { margin-top: 15px; } .myStuffContainer fieldset { cursor: default; padding: 18px; } #photosElementLeft,#photosElementRight,#photosElementRightRight { display: inline-block; # display: inline; zoom: 1; } #photosElementRight,#photosElementRightRight { width: 397px; vertical-align: top; } #photosElementRight { margin-right: 9px; } #photosElementLeft { width: auto; } #getStartedButton { margin-top: 8px; padding: 1px 6px; } #snapfishImage,#snapfishLink,#snapfishWin8Title { float: left; } .smallImage { display: inline-block; vertical-align: top; # display: inline; zoom: 1; } #snapfishLink,#snapfishDesc { clear: both } #snapfishLink { margin-top: 8px; } .snapfishText { display: inline-block; vertical-align: top; margin-left: 20px; # display: inline; zoom: 1; } .photosContainer p { margin-top: 1em; margin-bottom: 1em; } .snapfishText div { clear: both; max-width: 220px; } .myStuffAppText { color: #404040; } .photosCell { width: 340px; } #hpPhotoCreationsElement { height:auto; } #snapfishGetStarted { color: white; padding: 1px 6px; } #snapfishGetStartedText { margin-top: 7px; } .photoLink a { text-decoration: underline; } .photoLink { clear: both; margin-top: 20px; font-weight: bold; } #hpPhotoCreationsLinkDiv { margin-top: 2px; } #androidLink { margin-left: 30px; } #snapfishGetStartedText { cursor: pointer; } } .storageNotLinked h3 { font-size: 30px; color: #404040; } .storageNotLinked h4 { font-size: 18px; color: #404040; margin: 0 0 2% 0; } .storageNotLinked { padding: 25px 35px 35px 35px; } .storageBlock { width: 310px; padding: 15px; } .storageBlock.box { width: 313px; padding: 15px 15px 20px 12px; } .storageBlockCol1 { width: 30%; } .storageBlockCol2 { width: 62%; color: #333232; font-size: 12px; margin: 0 0 0 15px; } .storageBlockfooter { margin: 10px 0 0 0; clear: left; } .storageBlock h5 { margin: 1px 0; font-weight: bold; } .storageBlock p { line-height: 1.2; } button.storageBlockButton { margin: 10px 0 0 7px; padding: 0 18px; } .storageAccountLink { margin: 0 0 0 10px; font-size: 14px; } .storageFrame { background-color:#FAFAFA; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .storageIFrame { width:100%; padding:4px; } .frameLink .storageIFrame { height: 565px; } .storageModal.frameLink { width:900px; height:700px; } .storageActionBar { padding: 15px; } .storageActionButtons li { font-size: 14px; color: #bfbfbf; display: inline; padding: 0 0 0 25px; margin: 0 25px 0 0; background: url("../images/sprite_preview_actions.png") 0 0 no-repeat; cursor: pointer; } .storageActionButtons li.print { background-position: 0px -62px; } .storageActionButtons li.preview { background-position: 2px -247px; } .storageActionButtons li.delete { background-position: 1px -82px; } .storageActionButtons li.disabled { color: #656565; } .storageActionButtons li.print.disabled { background-position: 0px -327px; } .storageActionButtons li.preview.disabled { background-position: 2px -368px; } .storageActionButtons li.delete.disabled { background-position: 1px -349px; } .storageLinked table { width: 100%; } .storageLinked th { border: 1px solid #CFCFCF; text-align: left; padding: 5px 5px 5px 10px; } .storageLinked .selectionCheckBox { width: 20px; } .storageLinked .loading { text-align: center; } .storageLinked .pnlShowMore { text-align: center; padding: 10px; display: none; } .storageLinked .folderName { cursor: pointer; background: url("../images/icon_folder_medium.png"); background-repeat: no-repeat; padding-left: 40px; background-position: 8px 15px; } .storageLinked .specialFolder { opacity: 0.6; } .storageLinked .specialFolder:hover { opacity: 1; } .storageLinked .storageInfoBar { padding: 10px; } .storageLinked .storageInfoBar .breadcrum { color: gray; font-size: 90%; font-weight: bold; } .breadcrum span { cursor: pointer; } .breadcrum span:hover { color: #1475b1; } .folderIcon.yes { display: inline-block; background: url("../images/sprite_printing.png") -502px -149px no-repeat; width: 20px; height: 15px; margin: 4px 0 0 0; } .folderIcon.no { display: none; } .emptyListMessage { text-align: center; color: #404040; padding: 25px; width: 310px; margin: 50px auto; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2Y0ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ecf4ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf4ff)); background: -webkit-linear-gradient(top, #ffffff 0%,#ecf4ff 100%); background: -o-linear-gradient(top, #ffffff 0%,#ecf4ff 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ecf4ff 100%); background: linear-gradient(to bottom, #ffffff 0%,#ecf4ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf4ff',GradientType=0 ); -webkit-box-shadow: 1px 1px 1px 1px #d4d4d4; box-shadow: 1px 1px 1px 1px #d4d4d4; } .emptyListMessage h6 { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; } .emptyListMessage p { font-size: 14px; margin: 0 0 20px 0; } .storageActionBar .storageExtraControls { color:#BCF0BC; padding:4px; background: none; } .storageActionBar .storageExtraControls.first { margin-left:150px; } .storageActionBar .stealth { color:#050505; float:right; background: none; } .calloutModal { position: absolute; width: 480px; left: 35px; top: 50px; z-index: 100; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } .calloutModal .ui-button, #authorization-callout .ui-button, .ui-dialog-buttonset .ui-button, #authorizeEmailAddresses .ui-button { border: none; border-top-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 0px; cursor: pointer; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color: #fff; display: table-cell; height: 32px; vertical-align: middle; font-size: 16px; padding: 4px 15px; box-shadow: none; margin-right: 0px; float: right; } .calloutModal#printHistoryCalloutNoDevice .calloutButtonFindOutMore span.ui-button-text { background: none; padding-left: 0px; } .calloutModal .footer.pl span.ui-button-text { font-weight: bold; } .calloutModal .calloutButtonFindOutMore span.ui-button-text { background: none; padding-left: 0px; } .calloutModal .ui-button-text-only .ui-button-text { padding: 0px 0 0; } .calloutModal .ru .ui-button-text-only .ui-button-text { padding: 0px 0 0; font-weight:bold; } .calloutModal .blue { background: #0096d6; margin-right: 0px!important; margin-left: 10px!important; } .calloutModal .blue:hover { background: #006699; } .calloutModal .blue:active { background: #005581; } .calloutModal .gray { background: #767676; } .calloutModal .gray:hover { background: #5a5a5a; } .calloutModal .gray:active { background: #282828; } .calloutModal .calloutTopArrow { background: url("../images/up-aro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 29px; margin-left: 20px; position: absolute; width: 57px; z-index: 100; top: -16px; } .calloutModal .calloutMainContainer { background: #fff; padding: 40px 30px 20px 30px; border-radius: 0px; border: 1px solid #ccc; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); position: relative; bottom: 0; left: 0; right: 0; top: 16px; } .calloutModal .footer { display: block; margin-top: 15px; overflow: auto; } .calloutModal h3, .calloutModal.authorizationCallout h3 { color: #404040; font-size: 20px; font-weight: bold; margin: 0 0 10px 89px; } .calloutModal p, .calloutModal.authorizationCallout p { color: #222; font-size: 14px; margin: 0 0 10px 89px; } .calloutModal label { color: #818181; margin-left: 87px; display: block; font-size: 14px; position: relative; margin-top: 15px; } .calloutModal hr { display: none; } .calloutModal .calloutIcon { background: url("../images/icons-all.png") no-repeat 0px 0px; height: 70px; left: 30px; position: absolute; top: 40px; width: 70px; } span.calloutCheckBoxLabel { position: absolute; top: -1px; left: 7px; } #authorization-callout p a { display: block; margin-top: 13px; font-weight: bold; } #authorization-callout .calloutTopArrow { background: url("../images/up-aro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 29px; margin-left: 20px; position: absolute; width: 57px; z-index: 100; top: -16px; } #authorization-callout .calloutIcon { background: url("../images/icons-all.png") no-repeat 0px 0px; height: 70px; left: 30px; position: absolute; top: 40px; width: 70px; } #authorization-callout .calloutButtonClose { background: #767676; margin-right: 0px!important; } #authorization-callout .calloutButtonClose:hover { background: #5a5a5a; } #authorization-callout .calloutButtonClose:active { background: #282828; } body > .ui-corner-all { border-radius: 0px; background: #fff; width: 480px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } .ui-dialog .ui-dialog-buttonpane { border: none; margin: -14px 30px 20px 5px; padding: 0px; border-radius: 0px; overflow: visible; } .ui-dialog .ui-dialog-buttonpane button { margin: 0px; min-width: 40px; } #userVerified { display: block; padding: 40px 30px 20px 30px; width: 420px; position: relative; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #userVerified .iconHolder { background: url("../images/icons-all.png") no-repeat 0px -180px; height: 70px; left: 30px; position: absolute; top: 40px; width: 70px; margin-top: 0px; } #userVerified .contentHolder { margin-left: 89px; padding: 0; width: auto; } #userVerified .contentHolder h3 { color: #404040; font-size: 20px; font-weight: bold; margin: 0 0 10px 0px; } #userVerified .contentHolder p { color: #222; font-size: 14px; margin: 0 0 10px 0px; } #userVerified .contentHolder p.greenText { font-weight: normal; color: #404040; } #userVerified .contentHolder span.greenText { font-weight: bold; color: #404040; } .ui-dialog-buttonpane span.ui-button-text.ru{ font-weight:bold; } .ui-dialog-buttonset .ui-button .ui-button-text { padding: 0px; } .ui-dialog-buttonset .ui-button { width: auto; } .ui-dialog-buttonset .activeButton.ui-button { background: #0096d6; margin-right: 0px!important; margin-left: 10px!important; } .ui-dialog-buttonset .activeButton.ui-button:hover { background: #006699; } .ui-dialog-buttonset .activeButton.ui-button:active { background: #005581; } .ui-dialog-buttonset .ui-button { background: #767676; } .ui-dialog-buttonset .ui-button:hover { background: #5a5a5a; } .ui-dialog-buttonset .ui-button:active { background: #282828; } .ui-dialog .ui-dialog-titlebar { border-bottom: 1px solid #e5e5e5; border-radius: 0; height: 17px; line-height: 17px; padding: 20px 30px; } .ui-dialog .ui-dialog-title { float: none; margin: 0px; } .addPrinterTitle { font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; font-weight: normal; color: #404040; font-size: 24px; } .addPrinterTitleru{ font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; font-weight: bold; color: #404040; font-size: 24px; } .addPrinterTitlepl{ font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; font-weight: bold; color: #404040; font-size: 24px; } #icon { display: none; } #addPrinter { padding: 20px 30px 30px; border-radius: 0px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; overflow: hidden; } #addPrinter h3 { color: #404040; font-size: 16px; font-weight: normal; margin: -3px 0px 15px 0px; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; } #addPrinter h3.ru { color: #404040; font-size: 16px; font-weight: bold; margin: -3px 0px 15px 0px; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; } #addPrinter h3.pl { color: #404040; font-size: 16px; font-weight: bold; margin: -3px 0px 15px 0px; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; } #addPrinter h4 { color: #404040; font-size: 14px; font-weight: normal; margin-bottom: 2px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } .field { background: #f8f8f8; border: 2px solid #c0c0c0; box-shadow: none; color: #404040; font-size: 14px; height: 27px; padding: 2px 5px 1px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #claimCode { margin: 7px 0 5px; width: 406px; } #claimCodeError { color: #b44d24; display: block; height: 72px; margin: 2px 0 0; padding-bottom: 16px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; width: 104%; } #claimCodeError.green { color: green; } #ui-dialog-title-authorizeEmailAddresses { background: none; font-size: 24px; font-weight: normal; padding-left: 0px; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; } span.authorizeEmailAddressesTitle.pl{ font-weight : bold; } span.remove.pl { font-weight : bold; } span.pl#ui-dialog-title-authorizeEmailAddresses { font-weight: bold; } #authorizeEmailAddresses { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin: 16px 30px; overflow: auto; padding: 0px; position: relative; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #authorizeEmailAddresses .modalPanel { background: #fff; border-radius: 0px; box-shadow: none; font-size: 14px; margin: 13px 0; padding: 0px; } #authorizeEmailAddresses p { font-size: 14px; } #authorizeEmailAddresses .accountEmailList { background: #f8f8f8; background: #fff; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; font-size: 90%; height: 135px; margin-top: -8px; position: relative; } .accountEmailList .header { background: #f8f8f8; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; font-size: 100%; height: 18px; padding: 5px 5px 5px 10px; font-weight: bold; } #authorizeEmailAddresses .ui-button { float: none; margin-top: -3px; margin-left: 10px; } #authorizeEmailAddresses .activeButton.ui-button { background: #0096d6; margin-right: 0px!important; margin-left: 10px!important; } #authorizeEmailAddresses .activeButton.ui-button:hover { background: #006699; } #authorizeEmailAddresses .activeButton.ui-button:active { background: #005581; } #authorizeEmailAddresses .ui-button .ui-button-text { padding: 0px; } #authorizeEmailAddresses .ui-button .ui-button-text .iconPlus { display: none; } #firstTimeUser h2 { width: auto; font-size: 24px; font-weight: normal; border-bottom: 1px solid #e5e5e5; background: #fff; height: 17px; line-height: 18px; padding: 20px 30px; font-family: "HPSimplifiedBold", Arial, Helvetica, sans-serif; margin-bottom: 0px; } #firstTimeUser p { font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; font-size: 14px; color: #3f3f3f; line-height: 1.3; padding: 16px 30px; background: #fff; } #firstTimeUser p sup{ font-weight:bold; } #firstTimeUser .footer-p{ position:absolute; bottom:-20px; left:5px; font-size:12px; height:22px; padding:3px 25px; color: #777; } #firstTimeUser { padding: 0px; background-size: 88%; } #ui-dialog-title-shareFiles { background: none; padding-left: 0px; background-position: 0px 14px; font-size: 24px; font-weight: bold; } #shareFiles { font-size: 14px; padding: 16px 30px; } #shareFiles .shareFilesLeft span { font-size: 12px; } #shareFiles h5 { font-weight: normal; font-size: 16px; margin-bottom: 10px; } #shareFiles label { padding: 0px; font-weight: bold; } #shareFiles label.ru { padding: 0px; font-weight: bold; font-size: 13px; } #shareFiles .shareFileListBox .header { border: 1px solid #C0C0C0; background: #ededed; width: 277px; } #shareFiles .shareFileListBox ul { width: 292px; background: #fff; box-shadow: 0 1px 2px 1px #ccc inset; } #shareFiles .shareFileListBox { height: 263px; } #shareFiles .shareFiles > p { margin: 0px 0 10px 0; } #shareFiles .shareFilesLeft input, #shareFiles .shareFilesLeft textarea { width: 346px; margin: 6px 0 15px 0; resize: none; } #ui-dialog-title-printDialog { background: #fff; font-size: 24px; font-weight: bold; padding-left: 0; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #printDialog { background: none; border: 0 none; margin: 4px 0 0 30px; overflow: auto; padding: 0; position: relative; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #printDialog input { font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } .printDialog .modalPanel h4 { font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #printDialog .modalPanel { border: 1px solid #e5e5e5; float: left; margin: 15px 0 0; width: 400px; background: none; border-radius: 0; box-shadow: none; } #printDialog .rightSide { background: #fff; border: 1px solid #e5e5e5; min-height: 345px; position: absolute; right: 30px; top: 15px; width: 259px; } #printDialog .tbButtons { background: #f2f2f2; border-top: 1px solid #e5e5e5; bottom: 0; height: 28px; left: 0; position: absolute; right: 0; } .multiDownload { min-height: 200px; } .multiDownload .ui-dialog-titlebar { border-bottom: 0 solid #e5e5e5; border-radius: 0; line-height: normal; padding: 40px 30px 20px; } #ui-dialog-title-downloadMultipleNotSupported { background: url("../images/icons-all.png") no-repeat 0 -270px; display: block; font-size: 20px; font-weight: bold; height: 70px; padding-left: 89px; color: #404040; } #downloadMultipleNotSupported { background: none; border: 0 none; margin: 0 30px 0 119px; padding: 0; position: relative; } .deleteFile { min-height: 200px; } .deleteFile .ui-dialog-titlebar, .removePrinter .ui-dialog-titlebar, .reclaimPrinter .ui-dialog-titlebar { border-bottom: 0 solid #e5e5e5; border-radius: 0; line-height: normal; padding: 40px 30px 20px; } #ui-dialog-title-deleteFile, #ui-dialog-title-deleteMultipleFiles, #ui-dialog-title-removePrinterConfirm, #ui-dialog-title-reclaimPrinterConfirm { background: url("../images/icons-all.png") no-repeat 0 -90px; display: block; font-size: 20px; font-weight: bold; height: 70px; padding-left: 89px; color: #404040; } #deleteFile, #deleteMultipleFiles { background: none; border: 0 none; margin: -10px 30px 0 121px; padding: 0; position: relative; } .deleteFile .ui-dialog-buttonpane .confirmationPanel { left: 101px; position: absolute; top: 102px; } .deleteFile .ui-dialog-buttonpane { border: medium none; border-radius: 0; margin: 42px 30px 20px; overflow: visible; padding: 0; } #removePrinterConfirm, #reclaimPrinterConfirm { padding: 0px; margin: 0px 30px 0px 120px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #removePrinterConfirm h4 { margin: 0px 0px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #removePrinterConfirm h6 { margin: 15px 0px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; word-break: break-all; } .removePrinter { font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } .removePrinter #removePrinterBtn { margin-left: 10px; } .printerProblem { } .printerProblem .ui-dialog-titlebar { border-bottom: 0 solid #e5e5e5; border-radius: 0; padding: 40px 30px 20px; } #ui-dialog-title-problemWithPrinter { background: url("../images/icons-all.png") no-repeat 0 -270px; display: block; font-size: 20px; font-weight: bold; height: 70px; padding-left: 90px; color: #404040; } .printerProblem #errorWrapper { position: absolute; background: none; width: auto; padding: 0px; margin: 0px; } #problemWithPrinter { height: auto; background: none; padding: 0px; margin: 0px 30px 0px 120px; font-family: "HPSimplifiedRegular", Arial, Helvetica, sans-serif; } #problemWithPrinter #errorWrapper { padding: 3px 0 0 0; } #problemWithPrinter #errorWrapper strong { color: #404040; margin-bottom: 10px; display: block; } #printerErrorList { width: auto; padding: 0px; } .removePrinter .ui-dialog-buttonset #removePrinterBtn { background: #0096d6; float:right; } .removePrinter .ui-dialog-buttonset #removePrinterBtn:hover { background: #006699; } .removePrinter .ui-dialog-buttonset #removePrinterBtn:active { background: #005581; } .removePrinter .ui-dialog-buttonset .activeButton.ui-button.ui-widget { background: #767676; } .removePrinter .ui-dialog-buttonset .activeButton.ui-button.ui-widget:hover { background: #5a5a5a; } .removePrinter .ui-dialog-buttonset .activeButton.ui-button.ui-widget:active { background: #282828; } .deleteFile .ui-dialog-buttonpane .confirmationPanel { padding-top: 20px; } #printDialog button.btnClaimPrinter .label { display: inline-block; margin-bottom: -2px; overflow: hidden; padding: 0 2px; text-overflow: ellipsis; white-space: nowrap; width: 105px; text-align:left; } .calloutModal .calloutTopArrow { background: url("../images/up-aro.png") no-repeat; } .calloutModal button.gray.ui-button { filter:none; border:none; box-shadow:none; } .calloutModal button.gray.ui-button:hover { filter:none; border:none; box-shadow:none; } body > .ui-corner-all { filter:none; background:#fff; } #printDialog .modalPanel { filter:none; } .ui-dialog-buttonpane button.ui-button { filter:none; } #shareFiles .shareFileListBox { height: 235px; } .ui-dialog-buttonset #addPrinterBtn { float:right; } #authorizeEmailAddresses .modalPanel { filter:none; border:none; box-shadow:none } .frmAuthEmail { overflow:auto; } #authorizeEmailAddresses .frmAuthEmail .txtAuthEmail.field { float:left;} #authorizeEmailAddresses .frmAuthEmail .activeButton.btnEmailAddress.ui-button { filter:none; float:left; margin-top:6px; } .ui-dialog-buttonset .activeButton.ui-button { float:right; } #userVerified .contentHolder { width:300px; } #problemWithPrinter { height: 130px !important; overflow:auto; } #errorWrapper { height:auto; } #printerErrorList li { margin-bottom:10px; } #problemWithPrinter #errorWrapper strong { margin-bottom: 5px; } .printerProblem { height:270px !important; } .printerProblem .activeButton.ui-button { position:absolute; right:30px; bottom:20px; } .removePrinter { height:300px!important;; } #removePrinterConfirm { height:165px!important; overflow-x: hidden; } .removePrinter .ui-dialog-buttonpane .ui-dialog-buttonset { bottom: 20px; float: right; position: absolute; right: 30px; } .ui-dialog .lblPrinterError { cursor: pointer; position: relative; z-index: 10; } #removePrinterConfirm .resetLink{ color: #0096d6; outline: none; } .browser-support *{ box-sizing: border-box; } .browser-support.container{ border: 1px solid #B8B8B8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; behavior: url(../pie/PIE.htc); min-height: 450px; padding: 40px 60px 40px; margin: 0 auto; position: relative; font: 13px 'HPSimplifiedRegular', Arial, sans-serif; margin: 0 auto; width: 1000px !important; } .browser-support.container a:hover, .browser-support a:active, .browser-support a:focus{ text-decoration:none; } .browser-support h1{ font-family: "HPSimplifiedBold", arial, sans-serif; font-size: 2.250rem; color: #3f3f3f; font-weight: bold; } .browser-support h2{ font-family: "HPSimplifiedW04Light", arial, sans-serif; font-size: 1.875rem; font-weight: 100; } .browser-support ul.browser-list{ margin-top: 30px; -webkit-padding-start: 0; } .browser-support ul.browser-list li{ display: inline-block; padding: 5px 15px 15px; text-align: center; width: 19%; } .browser-support ul.browser-list li img{ padding: 10px 15px 15px; max-height: 100px; width: auto; } .browser-support ul.browser-list li span{ display: block; } .browser-support ul.browser-list li .browser-name{ color: #000; font-size: 17px; padding-bottom: 3px; } .browser-support ul.browser-list li .browser-version{ color: gray; font-size: 14px; } .browser-support ul.browser-list li.browser-type{ color: #C5C5C5; display: block; font-size: 20px; font-weight: bold; padding: 25px 15px 0; text-align: left; width: 100%; } .browser-support .tooltip .tooltip-arrow{ border-right-color: rgba(162,162,162,0.9) !important; } .browser-support .tooltip-inner{ font-size: 13px; background-color: rgba(162,162,162,0.9); padding-top: 8px; padding-bottom: 8px; } .mobile-printing *{ box-sizing: border-box; } .mobile-printing.container{ border-radius: 5px; margin: 0 auto; position: relative; font: 16px 'HPSimplifiedRegular', Arial, sans-serif; margin: 0 auto; font-weight: normal; } .mobile-printing h1{ font-size: 48px; } .mobile-printing h2{ font-size: 36px; } .mobile-printing h3{ font-size: 33px; } .mobile-printing h4{ font-size: 20px; } .mobile-printing h5{ font-size: 18px; } .mobile-printing p.size-small{ font-size: 14px; } .mobile-printing p.size-middle{ font-size: 16px; } .mobile-printing p.size-large{ font-size: 19px; } .mobile-printing p.size-minimum{ font-size: 10px; } .mobile-printing a.size-small{ font-size: 16px; } .mobile-printing a.size-middle{ font-size: 20px; } .mobile-printing a.size-large{ font-size: 32px; } .mobile-printing a.size-minimum{ font-size: 10px; } .mobile-printing .color-white{ color: #ffffff; } .mobile-printing .color-black{ color: #000000; } .mobile-printing .color-gray{ color: #757678; } .mobile-printing .color-blue{ color: #0096d6; } .mobile-printing .btn{ font-size: 33px; color: #Fff; background-color: #0197D6; padding: 5px 15px; line-height: 33px; border-bottom: 1px solid #666; } .mobile-printing .section{ } .mobile-printing #section1{ height: 488px; } .mobile-printing #section1 .section-bg{ height: 100%; background-image: url(../images/mobileprinting/mobile_print_head_notext.jpg); } .mobile-printing #section1 .wrap-content{ position: relative; top: 150px; } .mobile-printing #section1 .wrap-content h3{ margin-bottom: 50px; } .mobile-printing #section2{ width: 648px; border-bottom: 2px solid #757678; margin: 0 auto; padding: 48px 0 50px; } .mobile-printing #section2 h2{ margin: 0 -12px 30px; } .mobile-printing #section2 h5{ margin-top: 35px; margin-bottom: 16px; } .mobile-printing #section3{ width: 648px; padding: 38px 0 50px; margin: 0 auto; border-bottom: 2px solid #757678; } .mobile-printing #section3 h3{ margin-bottom: 32px; } .mobile-printing #section3 .bg-box{ background-image: url(../images/mobileprinting/fb_messenger.png); background-repeat: no-repeat; padding-left: 110px; padding-top: 10px; height: 120px; width: 420px; margin: 0 auto; } .mobile-printing #section3 .bg-box p{ margin-bottom: 24px; } .mobile-printing #section4{ width: 648px; padding: 38px 0 50px; margin: 0 auto; border-bottom: 2px solid #757678; } .mobile-printing #section4 h3{ margin-bottom: 58px; } .mobile-printing #section4 .bg-box{ background-image: url(../images/mobileprinting/chromebook_illust.jpg); background-repeat: no-repeat; padding-left: 240px; padding-top: 5px; height: 248px; margin: 0 auto; } .mobile-printing #section4 .box-es { padding-left: 220px; } .mobile-printing #section4 .box-fr, .mobile-printing #section4 .box-da, .mobile-printing #section4 .box-de { padding-left: 215px; } .mobile-printing #section4 .bg-box p{ margin-bottom: 24px; } .mobile-printing #section5{ width: 648px; padding: 29px 0 50px; margin: 0 auto; border-bottom: 2px solid #757678; } .mobile-printing #section5 h3{ margin-bottom: 26px; } .mobile-printing #section5 h4{ margin-top: 29px; } .mobile-printing #section5 .bg-box{ position: relative; height: 200px; } .mobile-printing #section5 .num-box{ position: absolute; background-repeat: no-repeat; padding-top: 60px; width: 210px; background-position: center top; } .mobile-printing #num-box1{ background-image: url(../images/mobileprinting/one.PNG); left: 0px; top: 5px; } .mobile-printing #num-box2{ background-image: url(../images/mobileprinting/two.PNG); top: 60px; left: 219px; } #emailprogramLink{ cursor: pointer; } .mobile-printing #num-box3{ background-image: url(../images/mobileprinting/three.png); right: 0px; top: 5px; } .mobile-printing #section6{ width: 648px; padding: 15px 0 50px; margin: 0 auto; } .mobile-printing #section6 .wrap-content p{ text-align: left; } .mobile-printing .wrap-content{ text-align: center; } .mobile-printing .wrap-content *{ text-align: center; }