.q-fullscreen { display: none; } @media all and (view-mode: fullscreen){ .q-fullscreen { display: block; } } .q-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -ms-user-select: none; } .q-ajaxloader { width: 110px; height: 10px; background: url("../img/loader.png") top left no-repeat; overflow: hidden; position: absolute; left: 50%; top: 50%; margin: -5px 0px 0px -55px; } .q-draggable { cursor: url("../img/draggable/openhand.cur"), default; } .q-draggable_drag { cursor: url("../img/draggable/closedhand.cur"), default; } .q-button { display: inline-block; height: 26px; line-height: 26px; text-align: center; position: relative; cursor: default; color: white; vertical-align: middle; text-decoration: none; overflow: hidden; outline-width: 0; visibility: hidden; } .q-button:hover { text-decoration: none; } .q-button-preload, .q-button-body { line-height: 26px; background: url("../img/button/blue.png") left top no-repeat; padding: 0px 15px 0px 20px; margin-right: 5px; } .q-button-cap { width: 5px; height: 26px; position: absolute; right: 0px; top: 0px; background: url("../img/button/blue.png") right top no-repeat; } .q-button-label { height: 26px; } .q-button-hover { text-decoration: none; } .q-button-hover .q-button-body { background-position: left -26px; } .q-button-hover .q-button-cap { background-position: right -26px; } .q-button-disabled { color: #bfd9ef; } .q-button-disabled .q-button-body { background-position: left -52px; } .q-button-disabled .q-button-cap { background-position: right -52px; } .q-button-gray { color: #333; } .q-button-gray-preload, .q-button-gray .q-button-body { background-image: url("../img/button/gray.png"); } .q-button-gray .q-button-cap { background-image: url("../img/button/gray.png"); } .q-button-gray.q-button-disabled { color: #666; } .q-button-red { color: #fff; } .q-button-red-preload, .q-button-red .q-button-body { background-image: url("../img/button/red.png"); } .q-button-red .q-button-cap { background-image: url("../img/button/red.png"); } .q-button-red.q-button-disabled { color: #efbfbf; } .q-callout { } .q-callout-pointer { background-image: url("../img/overlay/gray.png"); background-repeat: no-repeat; } .q-callout-pointer { width: 17px; height: 17px; position: absolute; overflow: hidden; } .q-callout-pointer-tl, .q-callout-pointer-tc, .q-callout-pointer-tr { background-position: 0px 0px; } .q-callout-pointer-tl { top: -12px; left: 15px; } .q-callout-pointer-tc { top: -12px; left: 50%; margin-left: -14px; } .q-callout-pointer-tr { top: -12px; right: 13px; } .q-callout-pointer-bl, .q-callout-pointer-bc, .q-callout-pointer-br { background-position: 0px -34px; } .q-callout-pointer-bl { bottom: -12px; left: 15px; } .q-callout-pointer-bc { bottom: -12px; left: 50%; margin-left: -14px; } .q-callout-pointer-br { bottom: -12px; right: 13px; } .q-callout-pointer-lt, .q-callout-pointer-lc, .q-callout-pointer-lb { background-position: 0px -51px; } .q-callout-pointer-lt { left: -12px; top: 15px; } .q-callout-pointer-lc { left: -12px; top: 50%; margin-top: -6px; } .q-callout-pointer-lb { left: -12px; bottom: 13px; } .q-callout-pointer-rt, .q-callout-pointer-rc, .q-callout-pointer-rb { background-position: 0px -17px; } .q-callout-pointer-rt { right: -12px; top: 15px; } .q-callout-pointer-rc { right: -12px; top: 50%; margin-top: -7px; } .q-callout-pointer-rb { right: -12px; bottom: 13px; } .q-overlay-red .q-callout-pointer { background-image: url("../img/overlay/red.png"); } .q-overlay-darkgray .q-callout-pointer { background-image: url("../img/overlay/darkgray.png"); } .q-checkbox { height: 14px; vertical-align: -2px; display: inline-block; cursor: pointer; visibility: hidden; } .q-checkbox-disabled { color: #666; } .q-checkbox-disabled .q-checkbox-check { background-position: left -14px; } .q-checkbox-disabled .q-checkbox-check-checked { background-position: right -14px; } .q-checkbox-check { width: 14px; height: 14px; overflow: hidden; background: url("../img/checkbox/bg.png") left top no-repeat; position: relative; display: inline-block; } .q-checkbox-check-checked { background-position: right top; } .q-checkbox input { position: absolute; top: -80px; left: -80px; } .q-checkbox-label { display: inline-block; vertical-align: top; height: 14px; cursor: pointer; margin-left: 3px; line-height: 14px; } .q-field { border: 1px solid #aaa; margin: 0px; border-radius: 2px; display: inline-block; position: relative; padding: 4px; vertical-align: -8px; background-color: white; visibility: hidden; } .q-field-body input { border: none; width: 100%; font: 14px arial; outline-width: 0; background-color: transparent; margin: 0px; padding: 0px; float: left; } .q-field-body input[disabled] { color: #888; } .q-field-focus { border-color: #1567ae; } .q-field-error { border-color: #ff0000; background: url("../img/field/errorbg.png") left bottom repeat-x #ffe7e7; } .q-field-body { margin-right: 3px; } .q-field-error .q-field-body { margin-right: 24px; } .q-field-error-ico { width: 27px; height: 21px; background: url("../img/field/errorico.png") left top no-repeat; position: absolute; bottom: 0px; right: 0px; cursor: pointer; display: none; } .q-overlay { position: absolute; top: -100000px; left: -100000px; text-align: left; display: block; z-index: 400; padding-left: 15px; } .q-overlay-content { position: absolute; top: 15px; left: 15px; overflow: hidden; } .q-overlay-resize { position: absolute; top: 5px; left: 5px; opacity: 0.41; background-color: green; } .q-overlay-content-inner { } .q-overlay-gray-preload, .q-overlay-tl , .q-overlay-tr , .q-overlay-cl , .q-overlay-cr, .q-overlay-bl , .q-overlay-br, .q-overlay-pointer, .q-overlay-closebtn { background-image: url("../img/overlay/gray.png"); background-repeat: no-repeat; } .q-overlay-tl { position: absolute; top: 0px; left: -15px; width: 15px; height: 15px; background-position: -40px top; } .q-overlay-tr { height: 15px; background-position: right top; background-position: right top; position: relative; } .q-overlay-cl { position: absolute; top: 0px; left: -15px; width: 15px; height: 100%; background-position: -40px -15px; } .q-overlay-cr { height: 10px; background-position: right -15px; position: relative; } .q-overlay-bl { position: absolute; bottom: 0px; left: -15px; width: 15px; height: 15px; background-position: -40px bottom; } .q-overlay-br { height: 15px; background-position: right bottom; position: relative; } .q-overlay-closebtn { width: 13px; height: 13px; background-position: left -68px; overflow: hidden; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; } .q-overlay-closebtn:hover { background-position: -13px -68px; } .q-overlay-title { position: absolute; top: 10px; left: 15px; font-weight: bold; height: 15px; line-height: 14px; overflow: hidden; } .q-overlay-red-preload, .q-overlay-red .q-overlay-tl , .q-overlay-red .q-overlay-tr , .q-overlay-red .q-overlay-cl , .q-overlay-red .q-overlay-cr, .q-overlay-red .q-overlay-bl , .q-overlay-red .q-overlay-br, .q-overlay-red .q-overlay-pointer, .q-overlay-red .q-overlay-closebtn { background-image: url("../img/overlay/red.png"); } .q-overlay-darkgray-preload, .q-overlay-darkgray .q-overlay-tl , .q-overlay-darkgray .q-overlay-tr , .q-overlay-darkgray .q-overlay-cl , .q-overlay-darkgray .q-overlay-cr, .q-overlay-darkgray .q-overlay-bl , .q-overlay-darkgray .q-overlay-br, .q-overlay-darkgray .q-overlay-pointer, .q-overlay-darkgray .q-overlay-closebtn { background-image: url("../img/overlay/darkgray.png"); } .q-overlay-menu-preload, .q-overlay-menu .q-overlay-tl , .q-overlay-menu .q-overlay-tr , .q-overlay-menu .q-overlay-cl , .q-overlay-menu .q-overlay-cr, .q-overlay-menu .q-overlay-bl , .q-overlay-menu .q-overlay-br, .q-overlay-menu .q-overlay-pointer, .q-overlay-menu .q-overlay-closebtn { background-image: url("../img/overlay/menu.png"); } .q-overlay.q-overlay-black { padding-left: 25px; } .q-overlay-black-preload, .q-overlay-black .q-overlay-tl , .q-overlay-black .q-overlay-tr , .q-overlay-black .q-overlay-cl , .q-overlay-black .q-overlay-cr, .q-overlay-black .q-overlay-bl , .q-overlay-black .q-overlay-br, .q-overlay-black .q-overlay-pointer, .q-overlay-black .q-overlay-closebtn { background-image: url("../img/overlay/black.png"); } .q-overlay-black .q-overlay-tl { top: 0px; left: -25px; width: 25px; height: 25px; background-position: -40px top; } .q-overlay-black .q-overlay-tr { height: 25px; background-position: right top; background-position: right top; position: relative; } .q-overlay-black .q-overlay-cl { top: 0px; left: -25px; width: 25px; height: 100%; background-position: -40px -25px; } .q-overlay-black .q-overlay-cr { height: 25px; background-position: right -25px; } .q-overlay-black .q-overlay-bl { bottom: 0px; left: -25px; width: 25px; height: 25px; background-position: -40px bottom; } .q-overlay-black .q-overlay-br { height: 25px; background-position: right bottom; } .q-overlay-black .q-overlay-content { top: 25px; left: 25px; } .q-overlay-black .q-overlay-title { top: 23px; left: 25px; } .q-overlay-black .q-overlay-closebtn { right: 20px; top: 20px; } .q-overlay-black .q-overlay-resize { top: 14px; left: 14px; }.q-tooltip { } .q-popup { position: fixed; } .q-popup-mask { background-color: white; position: fixed; top: 0px; left: 0px; width: 2300px; height: 2300px; display: none; } .q-radiobtn { height: 14px; vertical-align: -2px; display: inline-block; cursor: pointer; visibility: hidden; } .q-radiobtn-disabled { color: #666; } .q-radiobtn-disabled .q-radiobtn-check { background-position: left -14px; } .q-radiobtn-disabled .q-radiobtn-check-checked { background-position: right -14px; } .q-radiobtn-check { width: 14px; height: 14px; overflow: hidden; background: url("../img/radiobtn/bg.png") left top no-repeat; position: relative; display: inline-block; } .q-radiobtn-check-checked { background-position: right top; } .q-radiobtn-label { display: inline-block; vertical-align: top; height: 14px; cursor: pointer; margin-left: 3px; line-height: 14px; } .q-resizable { } .q-resizable-ghost { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; border: 1px dashed #333; z-index: 1000001; } .q-resizable-dragged { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; } .q-resizable-ctrl { position: absolute; width: 6px; height: 6px; z-index: 1000001; } .q-resizable-ctrl-bg { background-image: url("../img/resizable/bg.png"); background-repeat: no-repeat; background-color: #d7d7d7; } .q-resizable-ctrl-transparent { background-image: none; } .q-resizable-nw { cursor: nw-resize; top: 0px; left: 0px; background-position: left -18px; } .q-resizable-n { cursor: n-resize; top: 0px; left: 0px; width: 100%; background-position: center top; } .q-resizable-ne { cursor: ne-resize; top: 0px; right: 0px; background-position: -6px -18px; } .q-resizable-w, .q-resizable-e { cursor: w-resize; height: 100%; } .q-resizable-w { top: 0px; left: 0px; background-position: right center; } .q-resizable-e { cursor: e-resize; top: 0px; right: 0px; background-position: right center; } .q-resizable-sw { cursor: sw-resize; bottom: 0px; left: 0px; background-position: left -24px; } .q-resizable-s { cursor: s-resize; bottom: 0px; left: 0px; width: 100%; background-position: center top; } .q-resizable-se { cursor: se-resize; bottom: 0px; right: 0px; background-position: -6px -24px; } .q-scrollbox { overflow: hidden; position: relative; } .q-scrollbox-content { position: absolute; top: 0px; left: 0px; overflow: hidden; } .q-scrollbox-vpad { width: 13px; position: absolute; top: 0px; right: 0px; overflow: hidden; background-color: #efefef; cursor: default; display: none; } .q-scrollbox-vscrollbar { width: 13px; height: 25px; position: absolute; right: 0px; top: 0px; background: url("../img/vscrollbar/bg.png") left center no-repeat; cursor: default; } .q-scrollbox-vscrollbar-scap , .q-scrollbox-vscrollbar-ecap { background-image: url("../img/vscrollbar/bg.png"); background-repeat: no-repeat; position: absolute; width: 13px; height: 7px; } .q-scrollbox-vscrollbar-scap { background-position: left top; top: 0px; left: 0px; } .q-scrollbox-vscrollbar-ecap { background-position: left bottom; bottom: 0px; left: 0px; } .q-tabs { width: 200px; height: 200px; position: relative; overflow: hidden; background-color: white; visibility: hidden; } .q-tabs-labels { position: absolute; top: 0px; left: 0px; height: 21px; width: 100%; background: url("../img/tabs/bg.png") left top repeat-x; padding-left: 7px; overflow: hidden; white-space: nowrap; } .q-tabs-contents { margin-top: 30px; } .q-tab { display: none; } .q-tab-content { display: none; } .q-tab-label { position: relative; display: inline-block; cursor: pointer; padding: 0px 7px; background: url("../img/tabs/label.png") left -21px no-repeat; height: 21px; line-height: 22px; float: left; } .q-tab-label-cap { position: absolute; top: 0px; right: 0px; background: url("../img/tabs/label.png") right -21px no-repeat; width: 5px; height: 21px; } .q-tab-label-hover { background-position: left -42px; } .q-tab-label-hover .q-tab-label-cap { background-position: right -42px; } .q-tab-label-selected { background-position: left top; } .q-tab-label-selected .q-tab-label-cap { background-position: right top; } .q-accordion { width: 300px; height: 300px; position: relative; overflow: hidden; background-color: white; border: 1px solid #acacab; padding: 2px; visibility: hidden; } .q-accordion-tab { width: 100%; } .q-accordion-tab-content { height: 0px; overflow: hidden } .q-accordion-tab-selected { } .q-accordion-tab-disabled { } .q-accordion-tab-label { position: relative; display: block; cursor: pointer; background: url("../img/accordion/label.png") left top no-repeat; height: 23px; line-height: 22px; color: #333; overflow: hidden; } .q-accordion-tab-label-body { margin-left: 7px; height: 23px; } .q-accordion-tab-label-icon, .q-accordion-tab-selected .q-accordion-tab-label-icon, .q-accordion-tab-disabled .q-accordion-tab-label-icon { display: block; float: left; width: 13px; height: 13px; background: url("../img/accordion/icon.png") left top no-repeat; margin: 5px -4px 0px 3px; } .q-accordion-tab-selected .q-accordion-tab-label-icon { background-position: left -13px; } .q-accordion-tab-disabled .q-accordion-tab-label-icon { background-position: left -26px; } .q-accordion-tab-label-cap { position: absolute; top: 0px; right: 0px; background: url("../img/accordion/label.png") right top no-repeat; width: 5px; height: 23px; } .q-accordion-tab-label-hover { background-position: left -23px; } .q-accordion-tab-label-hover .q-accordion-tab-label-cap { background-position: right -23px; } .q-accordion-tab-selected .q-accordion-tab-label { background-position: left -46px; color: white; } .q-accordion-tab-selected .q-accordion-tab-label-cap { background-position: right -46px; } .q-accordion-tab-disabled .q-accordion-tab-label { background-position: left -69px; color: #888; cursor: default; } .q-accordion-tab-disabled .q-accordion-tab-label .q-accordion-tab-label-cap { background-position: right -69px; }