/* * Kendo UI Web v2013.1.319 (http://kendoui.com) * Copyright 2013 Telerik AD. All rights reserved. * * Kendo UI Web commercial licenses may be obtained at * https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx * If you do not own a commercial license, this file shall be governed by the * GNU General Public License (GPL) version 3. * For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html */ :-webkit-any(body):after { content: ""; display: block; visibility: hidden; height: 0; font: 0/0; -webkit-transform: translateZ(0) } .fake { color: red } .k-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none } .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: inline-block } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: block } .prohibit-selection { -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle { background-repeat: repeat; background-position: 0 center } .k-state-highlight>.k-link { color: inherit } .k-block, .k-widget, .k-inline-block, .k-textbox>input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button, .k-draghandle { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none } .k-block, .k-widget { line-height: normal; outline: 0 } .k-block { padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-button { display: inline-block; margin: 0; padding: 2px 7px 2px; font-family: inherit; line-height: 1.66em; text-align: center; cursor: pointer; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-ie7 .k-button { line-height: normal } a.k-button { -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } .k-button:-moz-any(input) { padding-bottom: .37em; padding-top: .37em } .k-ie7 .k-button { overflow: visible; margin-right: 4px } .k-ie7 a.k-button { line-height: 1.6; padding-left: 7px; padding-right: 7px } .k-ie7 .k-button-expand { margin-left: 0; margin-right: 0 } button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner { padding: 0; border: 0 } a.k-button-expand { display: block } button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand { width: 100% } body .k-button-icon { padding-left: 4px; padding-right: 4px } .k-ie7 a.k-button-icon { padding-left: 5px; padding-right: 5px } .k-button-icontext { padding-right: 8px; overflow: visible } .k-button-icontext .k-icon { margin: 0 3px 0 -3px; vertical-align: text-top } .k-ie7 .k-button-icontext .k-icon { margin-right: 4px } html body .k-button-bare { background: none!important; color: inherit; border-width: 0 } html body .k-button-bare.k-upload-button:hover { color: inherit } .k-link { cursor: pointer; outline: 0; text-decoration: none } .k-grid-header span.k-link { cursor: default } .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input { cursor: default!important; outline: 0 } @media print { .k-state-disabled, .k-state-disabled .k-input { opacity: 1!important } } .k-state-error { border-style: ridge } .k-state-empty { font-style: italic } .k-icon, .k-sprite, .k-editor-button .k-tool-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -3333px; text-align: center; vertical-align: middle } .k-icon, .k-sprite { background-color: transparent } .k-ie7 .k-icon, .k-ie7 .k-sprite { text-indent: 0 } .k-numerictextbox .k-select .k-link span.k-i-arrow-n { background-position: 0 -2px } .k-numerictextbox .k-select .k-link span.k-i-arrow-s { background-position: 0 -35px } .k-state-selected .k-i-arrow-n { background-position: -16px 0 } .k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n, .k-state-hover .k-state-selected .k-i-arrow-n, .k-button:hover .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n, .k-button:active .k-state-selected .k-i-arrow-n { background-position: -32px 0 } .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n { background-position: -16px -2px } .k-state-selected .k-i-arrow-s { background-position: -16px -32px } .k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s, .k-state-hover .k-state-selected .k-i-arrow-s, .k-button:hover .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s, .k-button:active .k-state-selected .k-i-arrow-s { background-position: -32px -32px } .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s { background-position: -16px -35px } .k-i-arrow-n { background-position: 0 0 } .k-link:not(.k-state-disabled):hover>.k-i-arrow-n, .k-state-hover .k-i-arrow-n, .k-button:hover .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n, .k-button:active .k-i-arrow-n { background-position: -16px 0 } .k-i-arrow-e { background-position: 0 -16px } .k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-state-hover .k-i-arrow-e, .k-button:hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e { background-position: -16px -16px } .k-rtl .k-i-arrow-w { background-position: 0 -16px } .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-rtl .k-state-hover .k-i-arrow-w, .k-rtl .k-button:hover .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w, .k-rtl .k-button:active .k-i-arrow-w { background-position: -16px -16px } .k-i-arrow-s { background-position: 0 -32px } .k-link:not(.k-state-disabled):hover>.k-i-arrow-s, .k-state-hover .k-i-arrow-s, .k-button:hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s { background-position: -16px -32px } .k-i-arrow-w { background-position: 0 -48px } .k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-state-hover .k-i-arrow-w, .k-button:hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w { background-position: -16px -48px } .k-rtl .k-i-arrow-e { background-position: 0 -48px } .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-rtl .k-state-hover .k-i-arrow-e, .k-rtl .k-button:hover .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e, .k-rtl .k-button:active .k-i-arrow-e { background-position: -16px -48px } .k-i-seek-n { background-position: 0 -64px } .k-link:not(.k-state-disabled):hover>.k-i-seek-n, .k-state-hover .k-i-seek-n, .k-button:hover .k-i-seek-n, .k-textbox:hover .k-i-seek-n, .k-button:active .k-i-seek-n { background-position: -16px -64px } .k-i-seek-e { background-position: 0 -80px } .k-link:not(.k-state-disabled):hover>.k-i-seek-e, .k-state-hover .k-i-seek-e, .k-button:hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e { background-position: -16px -80px } .k-rtl .k-i-seek-w { background-position: 0 -80px } .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w, .k-rtl .k-state-hover .k-i-seek-w, .k-rtl .k-button:hover .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w, .k-rtl .k-button:active .k-i-seek-w { background-position: -16px -80px } .k-i-seek-s { background-position: 0 -96px } .k-link:not(.k-state-disabled):hover>.k-i-seek-s, .k-state-hover .k-i-seek-s, .k-button:hover .k-i-seek-s, .k-textbox:hover .k-i-seek-s, .k-button:active .k-i-seek-s { background-position: -16px -96px } .k-i-seek-w { background-position: 0 -112px } .k-link:not(.k-state-disabled):hover>.k-i-seek-w, .k-state-hover .k-i-seek-w, .k-button:hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w { background-position: -16px -112px } .k-rtl .k-i-seek-e { background-position: 0 -112px } .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e, .k-rtl .k-state-hover .k-i-seek-e, .k-rtl .k-button:hover .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e, .k-rtl .k-button:active .k-i-seek-e { background-position: -16px -112px } .k-si-arrow-n { background-position: 0 -129px } .k-link:not(.k-state-disabled):hover>.k-si-arrow-n, .k-state-hover .k-si-arrow-n, .k-button:hover .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n, .k-button:active .k-si-arrow-n { background-position: -16px -129px } .k-si-arrow-e { background-position: 0 -144px } .k-link:not(.k-state-disabled):hover>.k-si-arrow-e, .k-state-hover .k-si-arrow-e, .k-button:hover .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e, .k-button:active .k-si-arrow-e { background-position: -16px -144px } .k-si-arrow-s { background-position: 0 -159px } .k-link:not(.k-state-disabled):hover>.k-si-arrow-s, .k-state-hover .k-si-arrow-s, .k-button:hover .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s, .k-button:active .k-si-arrow-s { background-position: -16px -159px } .k-si-arrow-w { background-position: 0 -176px } .k-link:not(.k-state-disabled):hover>.k-si-arrow-w, .k-state-hover .k-si-arrow-w, .k-button:hover .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w, .k-button:active .k-si-arrow-w { background-position: -16px -176px } .k-i-arrowhead-n { background-position: 0 -256px } .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n, .k-state-hover .k-i-arrowhead-n, .k-button:hover .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n, .k-button:active .k-i-arrowhead-n { background-position: -16px -256px } .k-i-arrowhead-e { background-position: 0 -272px } .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e, .k-state-hover .k-i-arrowhead-e, .k-button:hover .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e, .k-button:active .k-i-arrowhead-e { background-position: -16px -272px } .k-i-arrowhead-s { background-position: 0 -288px } .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s, .k-state-hover .k-i-arrowhead-s, .k-button:hover .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s, .k-button:active .k-i-arrowhead-s { background-position: -16px -288px } .k-i-arrowhead-w { background-position: 0 -304px } .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w, .k-state-hover .k-i-arrowhead-w, .k-button:hover .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w, .k-button:active .k-i-arrowhead-w { background-position: -16px -304px } .k-i-expand, .k-plus, .k-plus-disabled { background-position: 0 -192px } .k-link:not(.k-state-disabled):hover>.k-i-expand, .k-link:not(.k-state-disabled):hover>.k-plus, .k-link:not(.k-state-disabled):hover>.k-plus-disabled, .k-state-hover .k-i-expand, .k-state-hover .k-plus, .k-state-hover .k-plus-disabled, .k-button:hover .k-i-expand, .k-button:hover .k-plus, .k-button:hover .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled, .k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled { background-position: -16px -192px } .k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled { background-position: 0 -208px } .k-link:not(.k-state-disabled):hover>.k-i-expand-w, .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus, .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled, .k-state-hover .k-i-expand-w, .k-state-hover .k-rtl .k-i-expand, .k-state-hover .k-rtl .k-plus, .k-state-hover .k-rtl .k-plus-disabled, .k-button:hover .k-i-expand-w, .k-button:hover .k-rtl .k-i-expand, .k-button:hover .k-rtl .k-plus, .k-button:hover .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled, .k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled { background-position: -16px -208px } .k-i-collapse, .k-minus, .k-minus-disabled { background-position: 0 -224px } .k-link:not(.k-state-disabled):hover>.k-i-collapse, .k-link:not(.k-state-disabled):hover>.k-minus, .k-link:not(.k-state-disabled):hover>.k-minus-disabled, .k-state-hover .k-i-collapse, .k-state-hover .k-minus, .k-state-hover .k-minus-disabled, .k-button:hover .k-i-collapse, .k-button:hover .k-minus, .k-button:hover .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled, .k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled { background-position: -16px -224px } .k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled { background-position: 0 -240px } .k-link:not(.k-state-disabled):hover>.k-i-collapse-w, .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus, .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled, .k-state-hover .k-i-collapse-w, .k-state-hover .k-rtl .k-i-collapse, .k-state-hover .k-rtl .k-minus, .k-state-hover .k-rtl .k-minus-disabled, .k-button:hover .k-i-collapse-w, .k-button:hover .k-rtl .k-i-collapse, .k-button:hover .k-rtl .k-minus, .k-button:hover .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled, .k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled { background-position: -16px -240px } .k-i-pencil, .k-edit { background-position: -32px 0 } .k-link:not(.k-state-disabled):hover>.k-i-pencil, .k-link:not(.k-state-disabled):hover>.k-edit, .k-state-hover .k-i-pencil, .k-state-hover .k-edit, .k-button:hover .k-i-pencil, .k-button:hover .k-edit, .k-textbox:hover .k-i-pencil, .k-textbox:hover .k-edit, .k-button:active .k-i-pencil, .k-button:active .k-edit { background-position: -48px 0 } .k-i-close, .k-delete, .k-group-delete { background-position: -32px -16px } .k-link:not(.k-state-disabled):hover>.k-i-close, .k-link:not(.k-state-disabled):hover>.k-delete, .k-link:not(.k-state-disabled):hover>.k-group-delete, .k-state-hover .k-i-close, .k-state-hover .k-delete, .k-state-hover .k-group-delete, .k-button:hover .k-i-close, .k-button:hover .k-delete, .k-button:hover .k-group-delete, .k-textbox:hover .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-button:active .k-i-close, .k-button:active .k-delete, .k-button:active .k-group-delete { background-position: -48px -16px } .k-multiselect .k-delete { background-position: -160px -80px } .k-multiselect .k-state-hover .k-delete { background-position: -176px -80px } .k-i-tick, .k-insert, .k-update { background-position: -32px -32px } .k-link:not(.k-state-disabled):hover>.k-i-tick, .k-link:not(.k-state-disabled):hover>.k-insert, .k-link:not(.k-state-disabled):hover>.k-update, .k-state-hover .k-i-tick, .k-state-hover .k-insert, .k-state-hover .k-update, .k-button:hover .k-i-tick, .k-button:hover .k-insert, .k-button:hover .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update { background-position: -48px -32px } .k-i-cancel, .k-cancel, .k-denied { background-position: -32px -48px } .k-link:not(.k-state-disabled):hover>.k-i-cancel, .k-link:not(.k-state-disabled):hover>.k-cancel, .k-link:not(.k-state-disabled):hover>.k-denied, .k-state-hover .k-i-cancel, .k-state-hover .k-cancel, .k-state-hover .k-denied, .k-button:hover .k-i-cancel, .k-button:hover .k-cancel, .k-button:hover .k-denied, .k-textbox:hover .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-button:active .k-i-cancel, .k-button:active .k-cancel, .k-button:active .k-denied { background-position: -48px -48px } .k-i-plus, .k-add { background-position: -32px -64px } .k-link:not(.k-state-disabled):hover>.k-i-plus, .k-link:not(.k-state-disabled):hover>.k-add, .k-state-hover .k-i-plus, .k-state-hover .k-add, .k-button:hover .k-i-plus, .k-button:hover .k-add, .k-textbox:hover .k-i-plus, .k-textbox:hover .k-add, .k-button:active .k-i-plus, .k-button:active .k-add { background-position: -48px -64px } .k-i-funnel, .k-filter { background-position: -32px -80px } .k-link:not(.k-state-disabled):hover>.k-i-funnel, .k-link:not(.k-state-disabled):hover>.k-filter, .k-state-hover .k-i-funnel, .k-state-hover .k-filter, .k-button:hover .k-i-funnel, .k-button:hover .k-filter, .k-textbox:hover .k-i-funnel, .k-textbox:hover .k-filter, .k-button:active .k-i-funnel, .k-button:active .k-filter { background-position: -48px -80px } .k-i-funnel-clear, .k-clear-filter { background-position: -32px -96px } .k-link:not(.k-state-disabled):hover>.k-i-funnel-clear, .k-link:not(.k-state-disabled):hover>.k-clear-filter, .k-state-hover .k-i-funnel-clear, .k-state-hover .k-clear-filter, .k-button:hover .k-i-funnel-clear, .k-button:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:active .k-clear-filter { background-position: -48px -96px } .k-i-refresh { background-position: -32px -112px } .k-link:not(.k-state-disabled):hover>.k-i-refresh, .k-state-hover .k-i-refresh, .k-button:hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh { background-position: -48px -112px } .k-i-restore { background-position: -32px -128px } .k-link:not(.k-state-disabled):hover>.k-i-restore, .k-state-hover .k-i-restore, .k-button:hover .k-i-restore, .k-textbox:hover .k-i-restore, .k-button:active .k-i-restore { background-position: -48px -128px } .k-i-maximize { background-position: -32px -144px } .k-link:not(.k-state-disabled):hover>.k-i-maximize, .k-state-hover .k-i-maximize, .k-button:hover .k-i-maximize, .k-textbox:hover .k-i-maximize, .k-button:active .k-i-maximize { background-position: -48px -144px } .k-i-minimize { background-position: -64px -288px } .k-link:not(.k-state-disabled):hover>.k-i-minimize, .k-state-hover .k-i-minimize, .k-button:hover .k-i-minimize, .k-textbox:hover .k-i-minimize, .k-button:active .k-i-minimize { background-position: -80px -288px } .k-resize-se { background-position: -32px -160px } .k-link:not(.k-state-disabled):hover>.k-resize-se, .k-state-hover .k-resize-se, .k-button:hover .k-resize-se, .k-textbox:hover .k-resize-se, .k-button:active .k-resize-se { background-position: -48px -160px } .k-i-calendar { background-position: -32px -176px } .k-link:not(.k-state-disabled):hover>.k-i-calendar, .k-state-hover .k-i-calendar, .k-button:hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar { background-position: -48px -176px } .k-i-clock { background-position: -32px -192px } .k-link:not(.k-state-disabled):hover>.k-i-clock, .k-state-hover .k-i-clock, .k-button:hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock { background-position: -48px -192px } .k-si-plus { background-position: -32px -208px } .k-link:not(.k-state-disabled):hover>.k-si-plus, .k-state-hover .k-si-plus, .k-button:hover .k-si-plus, .k-textbox:hover .k-si-plus, .k-button:active .k-si-plus { background-position: -48px -208px } .k-si-minus { background-position: -32px -224px } .k-link:not(.k-state-disabled):hover>.k-si-minus, .k-state-hover .k-si-minus, .k-button:hover .k-si-minus, .k-textbox:hover .k-si-minus, .k-button:active .k-si-minus { background-position: -48px -224px } .k-i-search { background-position: -32px -240px } .k-link:not(.k-state-disabled):hover>.k-i-search, .k-state-hover .k-i-search, .k-button:hover .k-i-search, .k-textbox:hover .k-i-search, .k-button:active .k-i-search { background-position: -48px -240px } .k-i-custom { background-position: -115px -113px } .k-link:not(.k-state-disabled):hover>.k-i-custom, .k-state-hover .k-i-custom, .k-button:hover .k-i-custom, .k-textbox:hover .k-i-custom, .k-button:active .k-i-custom { background-position: -141px -113px } .k-editor .k-i-custom { background-position: -112px -110px } .k-viewHtml { background-position: -112px -132px } .k-i-insert-n, .k-insert-top { background-position: -160px -32px } .k-link:not(.k-state-disabled):hover>.k-i-insert-n, .k-link:not(.k-state-disabled):hover>.k-insert-top, .k-state-hover .k-i-insert-n, .k-state-hover .k-insert-top, .k-button:hover .k-i-insert-n, .k-button:hover .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top, .k-button:active .k-i-insert-n, .k-button:active .k-insert-top { background-position: -176px -32px } .k-i-insert-m, .k-insert-middle { background-position: -160px -48px } .k-link:not(.k-state-disabled):hover>.k-i-insert-m, .k-link:not(.k-state-disabled):hover>.k-insert-middle, .k-state-hover .k-i-insert-m, .k-state-hover .k-insert-middle, .k-button:hover .k-i-insert-m, .k-button:hover .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle, .k-button:active .k-i-insert-m, .k-button:active .k-insert-middle { background-position: -176px -48px } .k-i-insert-s, .k-insert-bottom { background-position: -160px -64px } .k-link:not(.k-state-disabled):hover>.k-i-insert-s, .k-link:not(.k-state-disabled):hover>.k-insert-bottom, .k-state-hover .k-i-insert-s, .k-state-hover .k-insert-bottom, .k-button:hover .k-i-insert-s, .k-button:hover .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom, .k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom { background-position: -176px -64px } .k-drop-hint { background-position: 0 -326px } .k-i-note, .k-warning { background-position: -160px -240px } .k-link:not(.k-state-disabled):hover>.k-i-note, .k-link:not(.k-state-disabled):hover>.k-warning, .k-state-hover .k-i-note, .k-state-hover .k-warning, .k-button:hover .k-i-note, .k-button:hover .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning, .k-button:active .k-i-note, .k-button:active .k-warning { background-position: -176px -240px } .k-i-sort-asc { background-position: -112px -240px } .k-link:not(.k-state-disabled):hover>.k-i-sort-asc, .k-state-hover .k-i-sort-asc, .k-button:hover .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc, .k-button:active .k-i-sort-asc { background-position: -128px -240px } .k-i-sort-desc { background-position: -112px -256px } .k-link:not(.k-state-disabled):hover>.k-i-sort-desc, .k-state-hover .k-i-sort-desc, .k-button:hover .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc, .k-button:active .k-i-sort-desc { background-position: -128px -256px } .k-i-group { background-position: -112px -272px } .k-link:not(.k-state-disabled):hover>.k-i-group, .k-state-hover .k-i-group, .k-button:hover .k-i-group, .k-textbox:hover .k-i-group, .k-button:active .k-i-group { background-position: -128px -272px } .k-i-ungroup { background-position: -112px -288px } .k-link:not(.k-state-disabled):hover>.k-i-ungroup, .k-state-hover .k-i-ungroup, .k-button:hover .k-i-ungroup, .k-textbox:hover .k-i-ungroup, .k-button:active .k-i-ungroup { background-position: -128px -288px } .k-i-columns { background-position: -112px -304px } .k-link:not(.k-state-disabled):hover>.k-i-columns, .k-state-hover .k-i-columns, .k-button:hover .k-i-columns, .k-textbox:hover .k-i-columns, .k-button:active .k-i-columns { background-position: -128px -304px } .k-file { background-position: 0 0 } .k-link:not(.k-state-disabled):hover>.k-file, .k-state-hover .k-file, .k-button:hover .k-file, .k-textbox:hover .k-file, .k-button:active .k-file { background-position: -16px 0 } .k-i-folder-add, .k-addfolder { background-position: -32px -272px } .k-link:not(.k-state-disabled):hover>.k-i-folder-add, .k-link:not(.k-state-disabled):hover>.k-addfolder, .k-state-hover .k-i-folder-add, .k-state-hover .k-addfolder, .k-button:hover .k-i-folder-add, .k-button:hover .k-addfolder, .k-textbox:hover .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-button:active .k-i-folder-add, .k-button:active .k-addfolder { background-position: -48px -272px } .k-i-folder-up, .k-goup { background-position: -32px -288px } .k-link:not(.k-state-disabled):hover>.k-i-folder-up, .k-link:not(.k-state-disabled):hover>.k-goup, .k-state-hover .k-i-folder-up, .k-state-hover .k-goup, .k-button:hover .k-i-folder-up, .k-button:hover .k-goup, .k-textbox:hover .k-i-folder-up, .k-textbox:hover .k-goup, .k-button:active .k-i-folder-up, .k-button:active .k-goup { background-position: -48px -288px } .k-image { border: 0 } html .k-success-colored { color: #507f50; border-color: #d0dfd0; background-color: #f0fff0 } html .k-info-colored { color: #50607f; border-color: #d0d9df; background-color: #f0f9ff } html .k-error-colored { color: #7f5050; border-color: #dfd0d0; background-color: #fff0f0 } .k-inline-block { padding: 0 2px } .k-loading, .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center } .k-loading-mask, .k-loading-image, .k-loading-text { position: absolute } .k-loading-text { top: -4000px; left: -4000px } .k-loading-image, .k-loading-color { width: 100%; height: 100% } .k-loading-image { top: 0; left: 0; z-index: 2 } .k-loading-color { filter: alpha(opacity=30); opacity: .3 } .k-content-frame { border: 0; width: 100%; height: 100% } .k-pane>.k-splitter-overlay { filter: alpha(opacity=0); opacity: 0; position: absolute } .k-drag-clue { position: absolute; z-index: 10003; border-style: solid; border-width: 1px; font-size: .9em; padding: .2em .4em; white-space: nowrap; cursor: default } .k-drag-status { margin-top: -3px; margin-right: 4px; vertical-align: middle } .k-reorder-cue { position: absolute; width: 1px; overflow: visible } .k-reorder-cue .k-icon { position: absolute; left: -4px; width: 8px; height: 4px } .k-reorder-cue .k-i-arrow-s { top: -4px; background-position: -4px -166px } .k-reorder-cue .k-i-arrow-n { bottom: -4px; background-position: -4px -134px } .k-scrollbar { position: absolute; overflow: scroll } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585 } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body .k-touch-scrollbar { height: 12px; width: 12px; -webkit-border-radius: 7px } } .k-virtual-scrollable-wrap { overflow-x: auto } div.k-window { display: inline-block; position: absolute; z-index: 10001; border-style: solid; border-width: 1px; padding-top: 2em } .k-block>.k-header, .k-window-titlebar { position: absolute; width: 100%; height: 1.1em; line-height: 1.1em; border-bottom-style: solid; border-bottom-width: 1px; margin-top: -2em; padding: .4em 0; font-size: 1.2em; white-space: nowrap; min-height: 16px } .k-block>.k-header { position: relative; margin: -2px 0 0 -2px; padding: .3em 2px } .k-window-title { position: absolute; left: .44em; right: .44em; overflow: hidden; cursor: default; text-overflow: ellipsis } .k-window-title .k-image { margin: 0 5px 0 0; vertical-align: middle } div.k-window-titleless { padding-top: 0 } div.k-window-content { position: relative; z-index: -1; height: 100%; padding: .58em; overflow: auto; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-ie7 .k-window { padding-bottom: 1.16em } .k-window-titlebar .k-window-actions { position: absolute; top: 0; right: .3em; padding-top: .3em; white-space: nowrap } .k-window-titlebar .k-window-action { display: inline-block; width: 16px; height: 16px; padding: 2px; text-decoration: none; vertical-align: middle; filter: alpha(opacity=70); opacity: .7 } .k-window-titlebar .k-state-hover { border-style: solid; border-width: 1px; padding: 1px; filter: alpha(opacity=100); opacity: 1 } .k-window-action .k-icon { margin: 0; vertical-align: top } .k-window .k-resize-handle { position: absolute; z-index: 1; background-color: #fff; font-size: 0; line-height: 6px; filter: alpha(opacity=0); opacity: 0; zoom: 1 } .k-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize } .k-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize } .k-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize } .k-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize } .k-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize } .k-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize } .k-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize } .k-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize } .k-overlay { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: .5 } .k-window .k-overlay { position: absolute; width: 100%; height: 100%; background-color: #fff; filter: alpha(opacity=0); opacity: 0 } .k-window .k-widget { z-index: 10002 } .k-tabstrip { margin: 0; padding: 0; zoom: 1 } .k-tabstrip .k-tabstrip-items { padding: .3em .3em 0 } .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { list-style-type: none; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 0; margin: 0 -1px 0 0; padding: 0; vertical-align: top } .k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 1px } .k-tabstrip-items .k-tab-on-top { z-index: 1 } .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link { display: inline-block; border-bottom-width: 0; padding: .5em .92em } .k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon { margin: -1px 4px 0 -3px; vertical-align: top } .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite { margin: -3px 3px 0 -6px; vertical-align: middle } .k-ie7 .k-tabstrip-items .k-item .k-image, .k-ie7 .k-tabstrip-items .k-item .k-sprite { margin-top: -1px; vertical-align: top } .k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content { position: static; border-style: solid; border-width: 1px; margin: 0 .29em .3em; padding: .3em .92em; zoom: 1 } .k-tabstrip>.k-content { display: none } .k-tabstrip .k-content.km-scroll-wrapper { padding: 0 } .k-tabstrip .k-content>.km-scroll-container { padding: .3em .92em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-panelbar { zoom: 1 } .k-panelbar>.k-item, .k-panel>.k-item { list-style-type: none; display: block; border-width: 0; margin: 0; zoom: 1; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .k-panelbar .k-image, .k-panelbar .k-sprite { float: left; margin-top: 4px; margin-right: 5px; vertical-align: middle } .k-panelbar>.k-item>.k-link, .k-panel>.k-item>.k-link { display: block; position: relative; border-bottom-style: solid; border-bottom-width: 1px; padding: 0 1em; line-height: 2.34em; text-decoration: none; zoom: 1 } .k-panelbar-expand, .k-panelbar-collapse { position: absolute; top: 5px; right: 2px } .k-panelbar .k-panel, .k-panelbar .k-content { position: relative; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 0; zoom: 1 } .k-panel>.k-item>.k-link { border-bottom: 0; font-size: .95em; line-height: 2.2 } .k-panel .k-i-arrow-n, .k-panel .k-i-arrow-s { top: 4px } .k-panel .k-panel>.k-item>.k-link { padding-left: 2em } .k-panelbar .k-i-seek-e .k-link { border-bottom: 0 } .k-panel .k-panel { border-bottom: 0 } .k-menu { cursor: default } .k-menu, .k-menu .k-group { list-style: none; margin: 0; padding: 0; zoom: 1 } .k-menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; overflow: hidden } .k-menu .k-item .k-item, ul.k-menu-vertical>.k-item { display: block; float: none; border-width: 0 } .k-ie7 .k-menu .k-item .k-item { zoom: normal } .k-menu .k-item>.k-link>.k-icon, .k-menu .k-image, .k-menu .k-sprite { margin: -2px 4px 0 -4px; vertical-align: middle } .k-menu .k-item>.k-link>.k-icon { margin: -2px 0 0 } .k-ie7 .k-menu .k-item>.k-link>.k-i-arrow-s, .k-ie7 .k-menu .k-image, .k-ie7 .k-menu .k-sprite { margin-top: 0 } .k-menu .k-item>.k-link { display: block; padding: .5em .9em .4em; line-height: 1.34em; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } .k-menu .k-group { display: none; border-style: solid; border-width: 1px; overflow: visible; white-space: nowrap } .k-menu .k-group .k-item { display: block; border-width: 0 } .k-menu .k-item, .k-widget.k-menu-horizontal>.k-item { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; box-sizing: content-box } .k-menu .k-group .k-item>.k-link { padding: .28em 1.8em .38em .9em } .k-ie7 .k-menu .k-group .k-link { width: 100% } .k-menu .k-item>.k-link>.k-i-arrow-s { margin-right: -8px } .k-menu .k-item>.k-link>.k-i-arrow-e { position: absolute; top: 50%; margin-top: -8px; right: 2px } .k-menu .k-animation-container { border: 0 } .k-menu .k-animation-container, .k-menu .k-group { position: absolute; left: 0 } .k-menu .k-animation-container .k-animation-container, .k-menu .k-group .k-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-group { top: 0; left: 0 } .k-menu .k-animation-container .k-group { top: auto; left: auto; margin-left: -1px } .k-menu .k-animation-container, .k-popup .k-animation-container { margin-top: -1px; padding-left: 1px } .k-popup .k-animation-container .k-popup { margin-left: -1px } ul.k-menu .k-separator { padding: .25em 0; height: 100%; width: 1px; font-size: 0; line-height: 0; border-width: 0 1px 0 0 } ul.k-menu-vertical .k-separator, .k-menu .k-group .k-separator { padding: 0; height: 1px; width: 100%; border-width: 1px 0 0 } .k-grid, .k-listview { position: relative; zoom: 1 } .k-grid table { width: 100%; border-collapse: separate; empty-cells: show; border-width: 0; outline: 0 } .k-grid-header .k-header { text-align: left } .k-grid-header .k-header { overflow: hidden; border-style: solid; border-width: 0 0 1px 1px; padding: .5em .6em .4em .6em; font-weight: normal; white-space: nowrap; text-overflow: ellipsis } .k-grid-header .k-header .k-link { display: block; min-height: 18px; line-height: 18px; margin: -0.5em -0.6em -0.4em -0.6em; padding: .5em .6em .4em .6em } .k-grid-header .k-filterable .k-link { padding-right: 2.4em } .k-grid-header .k-header .k-icon { position: static } .k-grid-header .k-link>.k-icon { vertical-align: text-top } .k-grid .k-state-hover { cursor: pointer } .k-grid td { border-style: solid; border-width: 0 0 0 1px; padding: .4em .6em; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis } .k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell { overflow: visible } .k-grid-edit-row td { text-overflow: clip } .k-grid-edit-row .k-textbox { margin-top: 0; margin-bottom: 0 } .k-grid-header-wrap, .k-grid-footer-wrap { position: relative; width: 100%; overflow: hidden; border-style: solid; border-width: 0 1px 0 0; zoom: 1 } div.k-grid-header, div.k-grid-footer { padding-right: 17px; border-bottom-style: solid; border-bottom-width: 1px; zoom: 1 } div.k-grid-header .k-header { border-bottom-width: 0 } .k-grid-content { position: relative; width: 100%; overflow: auto; overflow-x: auto; overflow-y: scroll; zoom: 1 } @media print { .k-grid { height: auto!important } .k-grid-header { padding: 0!important } .k-grid-content { overflow: visible; height: auto!important } } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative } .k-grid-header table, .k-grid-content table, .k-grid-footer table { table-layout: fixed } .k-ie7 .k-grid-content table { width: auto } .k-grid-toolbar { border-style: solid; border-width: 1px 0 0 } .k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child { border-left-width: 0 } .k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar { border-width: 0 0 1px } .k-footer-template td { border-style: solid; border-width: 1px 0 0 1px } .k-group-footer td { border-style: solid; border-width: 1px 0 } .k-grid-footer { border-style: solid; border-width: 1px 0 0 } .k-grid-footer td { border-top-width: 0 } .k-pager-wrap { overflow: auto; border-style: solid; border-width: 1px; line-height: 24px; padding: 4px 0 4px 3px } .k-grid-pager { border-width: 1px 0 0 } .k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { display: inline-block; vertical-align: top; margin-right: 1px } .k-pager-numbers { margin: 0 2px } .k-pager-numbers .k-state-selected { vertical-align: top } .k-pager-numbers li, .k-pager-input { float: left } .k-grid .k-pager-numbers { float: left; cursor: default } .k-pager-info { float: right; padding: 0 16px } .k-pager-numbers .k-link { text-decoration: none } .k-pager-wrap>.k-link { float: left; margin: 0 1px; padding: 0 3px; height: 22px; line-height: 22px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; cursor: pointer } .k-pager-wrap>a.k-state-disabled:hover { background: 0; cursor: default } .k-pager-wrap>.k-link .k-icon { vertical-align: top; margin-top: 3px } .k-pager-numbers .k-link { padding: 0 8px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px } .k-pager-numbers .k-link:hover { padding: 0 7px; border-style: solid; border-width: 1px; line-height: 22px } .k-pager-wrap>.k-link { border-style: solid; border-width: 1px } .k-pager-wrap .k-pager-refresh { float: right; margin-right: 6px; border-width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .k-pager-numbers .k-state-selected { border-style: solid; border-width: 1px; line-height: 22px; padding: 0 7px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px } .k-pager-wrap .k-textbox { width: 40px } .k-ie7 .k-pager-wrap .k-textbox { height: 16px; margin-top: 2px; display: inline } .k-pager-wrap .k-dropdown { width: 54px } .k-pager-refresh { float: right } .k-pager-input, .k-pager-sizes { padding: 0 17px } .k-ie7 .k-pager-sizes { float: left } .k-pager-wrap .k-textbox, .k-pager-wrap .k-widget { margin: -0.3em .4em 0 } .k-header>.k-grid-filter, .k-header>.k-header-column-menu { float: right; margin: -0.5em -0.6em -0.4em; padding: .5em .2em .4em; position: relative; z-index: 1 } .k-grid .k-animation-container { position: absolute } .k-filter-menu { padding: .5em } form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox { display: block } .k-filter-help-text, .k-filter-menu .k-widget { margin: .19em 0 0 } .k-filter-menu span.k-filter-and { width: 6em; margin: .5em 0 .5em } .k-filter-menu .k-button { width: 48%; margin: .5em 4% 0 0 } .k-filter-menu .k-button+.k-button { margin-right: 0 } .k-grouping-row .k-icon { margin: 0 4px 0 0 } .k-grouping-row p { display: inline-block; vertical-align: middle; margin-left: -0.6em; padding: 0 .6em } .k-grid>table>tbody .k-group-cell+td, .k-grid>.k-grid-content .k-group-cell+td, .k-grid .k-hierarchy-cell+td { border-left-width: 0 } .k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 30px } .k-grouping-header { border-bottom-style: solid; border-bottom-width: 1px } .k-grouping-header { line-height: 2 } .k-grouping-dropclue { position: absolute; width: 6px; height: 25px; background-repeat: no-repeat; background-position: -165px -148px } .k-grouping-header .k-group-indicator { display: inline-block; border-style: solid; border-width: 1px; margin: 0 3px; padding: .15em .15em .15em .4em; line-height: 1.5em } .k-grouping-header .k-link { display: inline-block; border-width: 0; padding: 0; line-height: normal; text-decoration: none } .k-grouping-header .k-button { border: 0; padding: 0; background: transparent; line-height: 1 } .k-grouping-header .k-link .k-icon { margin: 0 0 0 -3px } .k-grouping-header .k-button .k-icon { margin: 0 0 0 3px } .k-grouping-header a, .k-grouping-header .k-button { display: inline-block; vertical-align: middle } .k-dirty { position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; border-color: #f00 transparent transparent #f00; margin: -0.45em 0 0 -0.6em; padding: 0; overflow: hidden; vertical-align: top } .k-grouping-header, .k-grid-toolbar { margin: 0; padding: .22em .2em .28em; cursor: default } .k-grid .k-edit-container { padding: 0 } .k-edit-form { margin: 0; padding: 0 } .k-grid-edit-row .k-edit-form td { border-bottom-width: 0 } .k-edit-form-container { position: relative; width: 400px } .k-edit-label, .k-edit-field, .k-edit-form-container .editor-label, .k-edit-form-container .editor-field { display: inline-block; padding-bottom: 1em } .k-edit-label, .k-edit-form-container .editor-label { width: 30%; text-align: right; padding-right: 3% } .k-edit-field, .k-edit-form-container .editor-field { width: 60% } .k-grid .field-validation-error { display: block } .k-grid .input-validation-error { border-style: ridge; border-color: #f00; background-color: #ffc0cb } .k-grid-toolbar .k-button { vertical-align: middle } .k-grid-actions { display: inline-block } .k-ie7 .k-grid-actions { vertical-align: bottom } .k-grid .k-button, .k-edit-form-container .k-button { margin: 0 .16em } .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 64px } .k-grid tbody button.k-button { min-width: 78px } .k-ie7 .k-grid tbody a.k-button { min-width: 62px } html body .k-grid tbody .k-button-icon { width: auto; min-width: 0 } .k-detail-row { position: relative } .k-grid .k-detail-cell { overflow: visible } .k-grid .k-edit-cell { padding: 0 .3em } .k-edit-cell>.k-textbox, .k-edit-cell>.k-widget, .k-grid-edit-row>td>.k-textbox, .k-grid-edit-row>td>.k-widget { width: 100% } .k-edit-cell .k-widget, .k-grid-edit-row .k-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-ie7 .k-edit-cell>.k-textbox, .k-ie7 .k-edit-cell>.k-widget, .k-ie7 .k-grid-edit-row>td>.k-textbox, .k-ie7 .k-grid-edit-row>td>.k-widget { display: block; width: 90% } html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip { width: auto; max-width: 300px } .k-edit-cell input[type="checkbox"] { margin-left: .6em } .k-grid tbody td>.k-grid-delete { margin-top: -0.2em; margin-bottom: -0.2em } .k-grid-resize-indicator { position: absolute; width: 2px; background-color: #aaa } .k-grid .k-resize-handle { position: absolute; height: 25px; cursor: col-resize; z-index: 2 } .k-marquee { position: absolute; filter: alpha(opacity=30); opacity: .3 } .k-column-menu .k-sprite { margin-right: 10px } .k-column-menu>.k-menu { border-width: 0 } .k-columns-item .k-group { max-height: 200px; overflow: auto } span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown { background-image: none } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox { position: relative; display: inline-block; width: 12.4em; overflow: visible; border-width: 0; vertical-align: middle } .k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox { width: 13.2em } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox { white-space: nowrap } .k-colorpicker { width: auto } .k-datetimepicker { width: 15em } .k-autocomplete, .k-picker-wrap, .k-numeric-wrap { position: relative; cursor: default } .k-dropdown-wrap { position: relative } .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { display: block } .k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-link, .k-header-column-menu { -webkit-touch-callout: none } .k-popup.k-list-container, .k-popup.k-calendar-container { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 2px; border-width: 1px; border-style: solid } .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-bottom-width: 0; padding-bottom: 1px } .k-colorpicker .k-picker-wrap.k-state-border-down { border-bottom-width: 1px } .k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { border-width: 1px; border-style: solid; padding: 0 22px 0 0 } .k-numeric-wrap.k-expand-padding { padding-right: 0 } .k-textbox, .k-autocomplete { padding: 0 } .k-textbox.k-space-left { padding-left: 22px } .k-textbox.k-space-right { padding-right: 22px } .k-textbox .k-icon { font-size: inherit; top: 50%; margin: -8px 0 0; position: absolute } .k-space-left .k-icon { left: 3px } .k-space-right .k-icon { right: 3px } .k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover { -webkit-transition: box-shadow .15s ease-out; -moz-transition: box-shadow .15s ease-out; -o-transition: box-shadow .15s ease-out; transition: box-shadow .15s ease-out } .k-textbox>input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input { width: 100%; vertical-align: top } .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { font-family: inherit; border-width: 0; outline: 0 } .k-dropdown .k-input, .k-selectbox .k-input { background: transparent } .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-combobox .k-input { margin: -1px 0 } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { position: absolute; top: 0; right: 0; display: inline-block; vertical-align: top; text-decoration: none } .k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select { border-style: solid; border-width: 0 0 0 1px; border-color: inherit } .k-picker-wrap .k-select { padding: 0 2px } span.k-datetimepicker .k-select, span.k-datetimepicker .k-select+.k-select { right: 0 } .k-textbox, .k-autocomplete { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .k-textbox>input, .k-autocomplete .k-input { display: block } .k-dropdown .k-select, .k-selectbox .k-select { overflow: hidden; border: 0; text-decoration: none; font: inherit; color: inherit } .k-dropdown .k-input, .k-selectbox .k-input { display: block; overflow: hidden; text-overflow: ellipsis } .k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { height: 1.65em; line-height: 1.65em; padding: .178em 0; text-indent: 4px; border: 0; margin: 0 } .k-ie7 .k-autocomplete .k-input, .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-dropdown-wrap .k-input, .k-ie7 .k-selectbox .k-input { text-indent: 0 } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { min-height: 1.56em; line-height: 1.56em; vertical-align: middle; padding: 3px } .k-numeric-wrap .k-select { padding: 0 } body .k-datetimepicker .k-select { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0 } .k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon { cursor: pointer } .k-popup { border-style: solid; border-width: 1px } .k-popup .k-item { cursor: default } .k-popup .k-calendar { border: 0 } .k-list { height: 100% } .k-popup .k-list .k-item { padding: 1px 5px 1px 5px; line-height: 1.8em } .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected { padding: 0 4px; border-width: 1px; border-style: solid } .k-multiselect-wrap { position: relative; border-width: 0; border-style: solid; border-radius: 4px; border-color: #c5c5c5; background-color: #FFF; min-height: 2.04em } .k-multiselect-wrap .k-input { background-color: transparent; height: 1.31em; line-height: 1.31em; padding: .18em 0; text-indent: 4px; border: 0; margin: 1px 0 0; float: left } .k-multiselect-wrap li { margin: 1px 0 1px 1px; padding: .1em .15em .1em .4em; line-height: 1.5em; float: left } .k-autocomplete .k-loading, .k-multiselect .k-loading { position: absolute; right: 3px; bottom: 4px } .k-multiselect .k-loading-hidden { visibility: hidden } .k-calendar { position: relative; display: inline-block; width: 203px; overflow: hidden } .k-calendar td, .k-calendar .k-link { text-decoration: none } .k-calendar .k-action-link { text-decoration: underline } .k-calendar .k-header, .k-calendar .k-footer { position: relative; text-align: center; zoom: 1 } .k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next { position: absolute; top: 3px } .k-widget.k-calendar .k-nav-prev { left: 1% } .k-widget.k-calendar .k-nav-next { right: 1% } .k-calendar .k-content { float: left; border-spacing: 0; width: 100%; height: 166px; border-width: 0; margin: 0; table-layout: fixed; text-align: right; outline: 0 } .k-calendar .k-animation-container .k-content { height: 100% } .k-widget.k-calendar .k-nav-fast { display: inline-block; width: 75%; height: 22px; line-height: 22px; margin: 3px 0 4px } .k-calendar .k-header .k-icon { vertical-align: top; margin: 3px 3px 4px } .k-calendar th { border-bottom-style: solid; border-bottom-width: 1px; padding: .4em .45em .4em .1em; font-weight: normal; cursor: default } .k-calendar td { padding: 1px; cursor: pointer } .k-calendar .k-state-focus { border-style: dotted; border-width: 1px; padding: 0 } .k-calendar .k-content .k-link { display: block; overflow: hidden; min-height: 22px; line-height: 22px; padding: 0 .45em 0 .1em } .k-calendar .k-meta-view .k-link { padding: .25em 0 .3em; text-align: center } .k-calendar .k-footer { clear: both; padding: .5em 0 } .k-calendar .k-nav-today:hover { text-decoration: underline } .k-datetimepicker .k-picker-wrap { padding-right: 42px } .k-datetimepicker .k-picker-wrap .k-icon { margin-left: 2px } .k-picker-wrap .k-icon { cursor: pointer } .k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker { display: inline-block; vertical-align: middle } .k-picker-wrap .k-input { margin: 0 } .k-time-popup .k-item { padding: 1px 3px } div.k-treeview { border-width: 0; background: 0; overflow: auto; white-space: nowrap } .k-treeview .k-item { display: block; border-width: 0; margin: 0; padding: 0 0 0 16px } .k-treeview>.k-group, .k-treeview .k-item>.k-group, .k-treeview .k-content { margin: 0; padding: 0; background: 0; list-style-type: none; position: relative } .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in { display: inline-block; vertical-align: top } .k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled { margin-top: 3px; margin-left: -16px; cursor: pointer } .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled { cursor: default } .k-treeview .k-sprite, .k-treeview .k-image { margin-right: 3px } .k-treeview .k-in { margin: 1px 0 1px 2px; padding: 2px 4px 2px 3px; line-height: 16px; text-decoration: none } .k-treeview span.k-in { cursor: default } .k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-selected, .k-treeview .k-in.k-state-focused { border-style: solid; border-width: 1px; padding: 1px 3px 1px 2px } .k-treeview .k-drop-hint { position: absolute; z-index: 10000; visibility: hidden; width: 80px; height: 5px; margin-top: -3px; background-color: transparent; background-repeat: no-repeat } .k-input { padding: .25em 0 } .k-input, .k-textbox>input { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .k-textbox { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 2px\9 } input.k-textbox { padding: 2px .3em; height: 2.12em; line-height: 1.6em } .k-ie7 input.k-textbox { line-height: 1.72em; height: 1.72em; text-indent: .3em } textarea.k-textbox { height: auto } .k-ie7 .k-textbox { padding: 1px 0; text-indent: 0 } span.k-numerictextbox { background: transparent } .k-numerictextbox .k-input { margin: 0 } .k-numerictextbox .k-link { display: block; height: 11px; line-height: 11px; border-width: 0; padding: 1px 3px 0 } .k-numerictextbox .k-icon { height: 11px; vertical-align: top } .k-colorpicker .k-selected-color { font-size: 0; vertical-align: top; line-height: 0; display: inline-block; height: 24px; width: 24px } .k-colorpicker .k-tool-icon { position: relative; top: -2px; display: inline-block; padding: 3px 3px 2px; font-size: 0; line-height: 0; margin-right: 3px; margin-left: 2px; margin-bottom: 3px; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px } .k-colorpicker .k-tool-icon .k-selected-color { display: block; height: 3px; width: 16px; position: absolute; left: 3px; bottom: -3px; border-radius: 0!important } .k-colorpicker .k-icon { cursor: pointer } .k-disabled-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .5; filter: alpha(opacity=50) } .k-colorpalette { position: relative; width: 120px; line-height: 0; border-width: 0 } .k-colorpalette .k-palette { display: inline-block; vertical-align: top } .k-colorpalette .k-item { display: block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; width: 14px; height: 14px; overflow: hidden; font-size: 0; padding: 0; z-index: 0; position: relative } .k-colorpalette .k-item div { height: 100%; width: 100% } .k-colorpalette .k-item.k-state-selected { z-index: 100; background: transparent; -webkit-box-shadow: 0 1px 4px #000; box-shadow: 0 1px 4px #000; border: 1px solid #fff } .k-flatcolorpicker { display: inline-block; width: 250px; padding-bottom: 5px; position: relative } div.k-flatcolorpicker { background-color: transparent; background-image: none } .k-flatcolorpicker .k-selected-color { background-image: url("textures/transtexture.png"); background-position: 50% 50% } .k-flatcolorpicker .k-selected-color .k-selected-color-display { overflow: hidden } .k-flatcolorpicker .k-selected-color input.k-color-value { float: right; font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace; padding: .75em .3em .65em 1em; border: 0; width: 70%; height: 100% } .k-flatcolorpicker .k-hsv-rectangle { position: relative; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -ms-touch-action: pinch-zoom double-tap-zoom } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle { cursor: pointer; position: absolute; z-index: 10; left: 50%; top: 50%; width: 6px; height: 6px; border: 2px solid #eee; margin-left: -5px; margin-top: -5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px #444; box-shadow: 0 1px 4px #444; background: transparent } .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus { background: transparent; border-color: #fff; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000 } .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * { cursor: none } .k-flatcolorpicker .k-slider-horizontal { height: 20px; width: 90%; margin: 0 5% } .k-flatcolorpicker .k-slider-horizontal .k-slider-track { -webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999; box-shadow: 0 1px 0 #fff, 0 -1px 0 #999 } .k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider { display: block } .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection { background: transparent } .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle { background: transparent; border: 3px solid #eee; margin-top: 1px; height: 8px; width: 8px; -webkit-box-shadow: 0 1px 4px #444; box-shadow: 0 1px 4px #444 } .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus { background: transparent; border-color: #fff; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000 } .k-flatcolorpicker .k-hue-slider .k-slider-track { background: -moz-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), color-stop(100%, #ff0004)); background: -webkit-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); background: -o-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); background: -ms-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); background: -left-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%) } .k-flatcolorpicker .k-transparency-slider .k-slider-track { background-image: url("textures/transparency.png"); background-size: 100% auto; background-position: 100% 50%; background-repeat: no-repeat } .k-flatcolorpicker .k-controls { margin-top: 10px; margin-bottom: 5px; text-align: center; font-size: 90% } .k-flatcolorpicker .k-controls .k-button { width: 6em } .k-flatcolorpicker .k-hsv-gradient { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000)), -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -ms-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background: -top-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -left-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); height: 180px; margin-bottom: 5px } .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) } .k-ie9 .k-flatcolorpicker .k-hsv-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) } .k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url("textures/hue.png") repeat 0 50% } .k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track { background: url("textures/transparency.png") repeat 0 50% } .k-ie7 .k-flatcolorpicker .k-hsv-gradient, .k-ie8 .k-flatcolorpicker .k-hsv-gradient { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0) } .k-editor { width: 100%; height: 250px; table-layout: fixed; border-style: solid; border-width: 1px; border-collapse: separate; font-size: 100%; vertical-align: top } .k-editor .k-editor-toolbar-wrap { border: 0; padding: 0 } .k-editor-toolbar { margin: 0; padding: .1em 0; list-style-type: none; line-height: 1.3em; cursor: default } .k-editor-toolbar li { display: inline; vertical-align: middle } .k-webkit .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar { padding: 0 } .k-webkit .k-editor-toolbar li, .k-ff .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li { display: inline-block; padding: .1em 0 } .k-editor-toolbar .k-editor-dropdown, .k-editor-toolbar .k-editor-combobox, .k-editor-toolbar .k-editor-selectbox, .k-editor-toolbar .k-editor-colorpicker { margin-right: 2px } .k-editor-toolbar .k-separator { position: relative; top: 1px; border-style: solid; border-width: 0 1px 0 0; margin: 0 .3em 0 .1em; padding: 0 0 0 1px; font-size: 1.3em } .k-editor-toolbar .k-break { display: block; height: 1px; font-size: 0; line-height: 0 } .k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-selectbox, .k-editor-toolbar .k-colorpicker { vertical-align: middle } .k-editor-button .k-tool-icon { width: 22px; height: 22px; margin: 1px; vertical-align: middle } .k-bold { background-position: -64px 0 } .k-bold.k-state-hover { background-position: -90px 0 } .k-italic { background-position: -64px -22px } .k-italic.k-state-hover { background-position: -90px -22px } .k-underline { background-position: -64px -44px } .k-underline.k-state-hover { background-position: -90px -44px } .k-strikethrough { background-position: -64px -66px } .k-strikethrough.k-state-hover { background-position: -90px -66px } .k-foreColor { background-position: -64px -88px } .k-state-hover>.k-foreColor { background-position: -90px -88px } .k-backColor { background-position: -64px -110px } .k-state-hover>.k-backColor { background-position: -90px -110px } .k-justifyLeft { background-position: -64px -132px } .k-justifyLeft.k-state-hover { background-position: -90px -132px } .k-justifyCenter { background-position: -64px -154px } .k-justifyCenter.k-state-hover { background-position: -90px -154px } .k-justifyRight { background-position: -64px -176px } .k-justifyRight.k-state-hover { background-position: -90px -176px } .k-justifyFull { background-position: -64px -198px } .k-justifyFull.k-state-hover { background-position: -90px -198px } .k-insertUnorderedList { background-position: -64px -242px } .k-insertUnorderedList.k-state-hover { background-position: -90px -242px } .k-insertOrderedList { background-position: -64px -264px } .k-insertOrderedList.k-state-hover { background-position: -90px -264px } .k-indent, .k-rtl .k-outdent { background-position: -112px 0 } .k-indent.k-state-hover, .k-rtl .k-outdent.k-state-hover { background-position: -138px 0 } .k-outdent, .k-rtl .k-indent { background-position: -112px -22px } .k-outdent.k-state-hover, .k-rtl .k-indent.k-state-hover { background-position: -138px -22px } .k-createLink { background-position: -112px -44px } .k-createLink.k-state-hover { background-position: -138px -44px } .k-unlink { background-position: -112px -66px } .k-unlink.k-state-hover { background-position: -138px -66px } .k-insertImage { background-position: -112px -88px } .k-insertImage.k-state-hover { background-position: -138px -88px } .k-subscript { background-position: -112px -154px } .k-subscript.k-state-hover { background-position: -138px -154px } .k-superscript { background-position: -112px -176px } .k-superscript.k-state-hover { background-position: -138px -176px } .k-fontName { width: 110px } .k-fontSize { width: 124px } .k-formatBlock { width: 147px } .k-editor-button .k-state-hover, .k-editor-button .k-state-active { border-style: solid; border-width: 1px; margin: 0; vertical-align: middle } .k-editor-button .k-state-disabled { filter: alpha(opacity=30); opacity: .3 } .k-editor .k-editable-area { width: 100%; height: 100%; border-style: solid; border-width: 1px; outline: 0 } .k-editor .k-content { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0 } .k-editor iframe.k-content { display: inline; vertical-align: top } .k-editor .k-raw-content { border: 0; margin: 0; padding: 0 } .k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea { font-size: inherit; font-family: consolas, "courier new", monospace } .k-editor-dialog { padding: 1em } .k-editor-dialog ol { margin: 0; padding: 1em 0 0; list-style: none } .k-form-text-row, .k-form-checkbox-row { padding-bottom: .3em } .k-form-text-row input { margin-right: 1em } .k-form-text-row label { display: inline-block; width: 7em; padding-right: .5em; text-align: right } .k-form-checkbox-row input { margin-left: 7.5em; padding: 0; font-size: inherit } .k-form-checkbox-row label { padding-left: .3em } .k-form-checkbox-row input, .k-form-checkbox-row label, .k-form-text-row label.k-form-text-row input, .k-form-text-row select { vertical-align: middle } .k-form-text-row input, .k-form-text-row select { width: 20em } .k-editor-dialog .k-form-text-row label, .k-editor-dialog .k-button { display: inline-block } .k-editor-dialog .k-button-wrapper { padding: 1em; text-align: right } .k-editor-dialog .k-button-wrapper button { vertical-align: baseline } .k-editor-dialog .k-editor-textarea { width: 600px; height: 350px; padding: .2em .2em .2em .4em; border-width: 1px; border-style: solid; overflow: auto } .k-button-wrapper .k-link:hover { text-decoration: underline } div.k-slider { position: relative; border-width: 0; background-color: transparent; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } .k-slider-vertical { width: 26px; height: 200px } .k-slider-horizontal { display: inline-block; width: 200px; height: 26px } .k-slider-wrap { width: 100%; height: 100% } .k-slider .k-button, .k-grid .k-slider .k-button { position: absolute; top: 0; width: 24px; min-width: 0; height: 24px; margin: 0; padding: 0; outline: 0 } .k-slider .k-button .k-icon { margin-top: 3px; vertical-align: top } .k-state-disabled .k-slider-wrap { filter: alpha(opacity=60); opacity: .6 } .k-state-disabled .k-slider-wrap .k-slider-items { color: #333 } .k-slider .k-button-decrease { left: 0 } .k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease { top: auto; bottom: 0 } .k-slider .k-button-increase { right: 0 } .k-slider .k-icon, .k-slider-track, .k-slider .k-tick { cursor: pointer } .k-ie7 .k-slider .k-icon { margin-top: 2px } .k-slider-track, .k-slider-selection { position: absolute; margin: 0; padding: 0 } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { top: 50%; left: 0; height: 8px; margin-top: -4px; background-repeat: repeat-x } .k-slider-horizontal .k-slider-buttons .k-slider-track { left: 34px } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { left: 50%; bottom: 0; width: 8px; margin-left: -4px; background-repeat: repeat-y } .k-slider-vertical .k-slider-buttons .k-slider-track { bottom: 34px } .k-draghandle { position: absolute; background-repeat: no-repeat; background-color: transparent; text-indent: -3333px; overflow: hidden; text-decoration: none; text-align: center; outline: 0 } .k-slider-horizontal .k-draghandle { top: -4px; width: 13px; height: 14px } .k-slider-vertical .k-draghandle { left: -4px; width: 14px; height: 13px } .k-slider-buttons .k-slider-items { margin-left: 34px } .k-slider-horizontal .k-slider-items { height: 100% } .k-slider-vertical .k-slider-items { padding-top: 1px } .k-slider-vertical .k-slider-buttons .k-slider-items { padding-top: 0 } .k-slider-vertical .k-slider-buttons .k-slider-items { margin: 0; padding-top: 35px } .k-slider .k-tick { position: relative; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center } .k-slider-horizontal .k-tick { float: left; height: 100%; text-align: center } .k-ie7 .k-slider-vertical .k-tick { float: left; clear: left; width: 100% } .k-slider-horizontal .k-tick { background-position: center -92px } .k-slider-horizontal .k-slider-topleft .k-tick { background-position: center -122px } .k-slider-horizontal .k-slider-bottomright .k-tick { background-position: center -152px } .k-slider-horizontal .k-tick-large { background-position: center -2px } .k-slider-horizontal .k-slider-topleft .k-tick-large { background-position: center -32px } .k-slider-horizontal .k-slider-bottomright .k-tick-large { background-position: center -62px } .k-slider-vertical .k-tick { background-position: -92px center } .k-slider-vertical .k-slider-topleft .k-tick { background-position: -122px center } .k-slider-vertical .k-slider-bottomright .k-tick { background-position: -152px center } .k-slider-vertical .k-tick-large { background-position: -2px center } .k-slider-vertical .k-slider-topleft .k-tick-large { background-position: -32px center } .k-slider-vertical .k-slider-bottomright .k-tick-large { background-position: -62px center } .k-slider-horizontal .k-first { background-position: 0 -92px } .k-slider-horizontal .k-tick-large.k-first { background-position: 0 -2px } .k-slider-horizontal .k-slider-topleft .k-first { background-position: 0 -122px } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first { background-position: 0 -32px } .k-slider-horizontal .k-slider-bottomright .k-first { background-position: 0 -152px } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first { background-position: 0 -62px } .k-slider-horizontal .k-last { background-position: 100% -92px } .k-slider-horizontal .k-tick-large.k-last { background-position: 100% -2px } .k-slider-horizontal .k-slider-topleft .k-last { background-position: 100% -122px } .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last { background-position: 100% -32px } .k-slider-horizontal .k-slider-bottomright .k-last { background-position: 100% -152px } .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last { background-position: 100% -62px } .k-slider-vertical .k-first { background-position: -92px 100% } .k-slider-vertical .k-tick-large.k-first { background-position: -2px 100% } .k-slider-vertical .k-slider-topleft .k-first { background-position: -122px 100% } .k-slider-vertical .k-slider-topleft .k-tick-large.k-first { background-position: -32px 100% } .k-slider-vertical .k-slider-bottomright .k-first { background-position: -152px 100% } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first { background-position: -62px 100% } .k-slider-vertical .k-last { background-position: -92px 0 } .k-slider-vertical .k-tick-large.k-last { background-position: -2px 0 } .k-slider-vertical .k-slider-topleft .k-last { background-position: -122px 0 } .k-slider-vertical .k-slider-topleft .k-tick-large.k-last { background-position: -32px 0 } .k-slider-vertical .k-slider-bottomright .k-last { background-position: -152px 0 } .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last { background-position: -62px 0 } .k-slider-vertical .k-tick { text-align: right } .k-slider-vertical .k-slider-topleft .k-tick { text-align: left } .k-slider .k-label { position: absolute; white-space: nowrap; font-size: .92em } .k-slider-horizontal .k-label { left: 0; width: 100%; line-height: 1 } .k-slider-horizontal .k-first .k-label { left: -50% } .k-slider-horizontal .k-last .k-label { left: auto; right: -50% } .k-slider-horizontal .k-label { bottom: -1.2em } .k-slider-horizontal .k-slider-topleft .k-label { top: -1.2em } .k-slider-vertical .k-label { left: 120%; display: block; text-align: left } .k-slider-vertical .k-last .k-label { top: -0.5em } .k-slider-vertical .k-first .k-label { bottom: -0.5em } .k-slider-vertical .k-slider-topleft .k-label { left: auto; right: 120% } .k-slider-tooltip { top: -4444px } .k-tooltip { position: absolute; z-index: 20000; border-style: solid; border-width: 1px; padding: 4px 5px 4px 6px; background-repeat: repeat-x; min-width: 20px; text-align: center } .k-tooltip-button { text-align: right; height: 0 } .k-tooltip-closable .k-tooltip-content { padding-right: 20px } span.k-tooltip { position: static; display: inline-block; border-width: 1px; padding: 2px 5px 1px 6px } .k-invalid-msg { display: none } .k-callout { position: absolute; width: 0; border-style: solid; border-width: 6px; border-color: transparent } .k-callout-n { top: -13px; left: 50% } .k-callout-w { top: 50%; left: -13px } .k-callout-s { left: 50%; bottom: -13px } .k-callout-e { top: 50%; right: -13px } .k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s { margin-left: -6px } .k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e { margin-top: -6px } .k-tooltip-validation .k-warning { vertical-align: text-top; margin-right: 3px } .k-window .k-tooltip-validation { z-index: 10010 } .k-splitter { position: relative; height: 300px } .k-pane>.k-splitter { border-width: 0; overflow: hidden } .k-splitter .k-pane { overflow: hidden } .k-splitter .k-scrollable { overflow: auto } .k-splitter .k-pane-loading { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px } .k-ghost-splitbar, .k-splitbar { position: absolute; border-style: solid; font-size: 0; outline: 0 } .k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal { top: 0; width: 5px; border-width: 0 1px; background-repeat: repeat-y } .k-ghost-splitbar-vertical, .k-splitbar-vertical { left: 0; height: 5px; border-width: 1px 0; background-repeat: repeat-x } .k-splitbar-draggable-horizontal { cursor: w-resize } .k-splitbar-draggable-vertical { cursor: n-resize } .k-splitbar .k-resize-handle { display: none } .k-restricted-size-horizontal, .k-restricted-size-vertical { background-color: #f00 } .k-splitbar-horizontal .k-icon { position: absolute; top: 50%; width: 5px; height: 20px; margin-top: -10px } .k-collapse-prev, .k-collapse-next, .k-expand-prev, .k-expand-next { cursor: pointer } .k-splitbar-horizontal .k-collapse-prev { margin-top: -31px } .k-splitbar-horizontal .k-collapse-next { margin-top: 11px } .k-splitbar-static-horizontal { width: 1px } .k-splitbar-static-vertical { height: 1px } .k-splitbar-vertical .k-icon { position: absolute; left: 50%; width: 20px; height: 5px; margin-left: -10px } .k-splitbar-vertical .k-collapse-prev { margin-left: -31px } .k-splitbar-vertical .k-collapse-next { margin-left: 11px } .k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle { display: inline-block } .k-splitbar-horizontal .k-resize-handle { background-position: -165px -6px } .k-splitbar-horizontal-hover>.k-resize-handle { background-position: -181px -6px } .k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next { background-position: -6px -174px } .k-splitbar-horizontal-hover>.k-collapse-prev, .k-splitbar-horizontal-hover>.k-expand-next { background-position: -22px -174px } .k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev { background-position: -5px -142px } .k-splitbar-horizontal-hover>.k-collapse-next, .k-splitbar-horizontal-hover>.k-expand-prev { background-position: -21px -142px } .k-splitbar-vertical .k-resize-handle { background-position: -38px -309px } .k-splitbar-vertical-hover>.k-resize-handle { background-position: -70px -309px } .k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next { background-position: 2px -134px } .k-splitbar-vertical-hover>.k-collapse-prev, .k-splitbar-vertical-hover>.k-expand-next { background-position: -14px -134px } .k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev { background-position: 2px -165px } .k-splitbar-vertical-hover>.k-collapse-next, .k-splitbar-vertical-hover>.k-expand-prev { background-position: -14px -165px } html .k-upload { position: relative; border-width: 0; background: 0 } .k-dropzone em, .k-upload-button { vertical-align: middle } .k-ie7 .k-dropzone em, .k-ie7 .k-upload-button { vertical-align: baseline } .k-dropzone { border-style: solid; border-width: 0; padding: 4px; background-color: transparent } .k-dropzone em { visibility: hidden; margin-left: .6em } .k-dropzone-active { border-width: 1px; padding: 3px } .k-dropzone-active em { visibility: visible } .k-upload-button { position: relative; width: 86px; overflow: hidden!important; direction: ltr } .k-upload-button input { position: absolute; top: 0; right: 0; z-index: 1; font: 200px monospace!important; filter: alpha(opacity=0); opacity: 0; margin: 0; padding: 0; cursor: pointer } .k-upload-files { border-style: solid; border-width: 1px; margin: .2em 0 0; padding: .3em .7em .5em; line-height: 1.9em } .k-upload-files .k-button { position: relative; top: 1px; margin-left: 8px; padding-top: 0; padding-bottom: 0; font-size: 84% } .k-ie7 .k-upload-files .k-button { line-height: 1 } .k-upload .k-upload-action .k-icon { width: 8px; height: 8px; vertical-align: baseline } .k-upload .k-upload-files .k-delete, .k-upload .k-upload-files .k-cancel { background-position: -164px -116px } .k-upload .k-fail { background-position: -161px -111px } .k-retry { background-position: -164px -132px } .k-si-refresh { background-position: -160px -128px } .k-link:not(.k-state-disabled):hover>.k-si-refresh, .k-state-hover .k-si-refresh, .k-button:hover .k-si-refresh, .k-textbox:hover .k-si-refresh, .k-button:active .k-si-refresh { background-position: -176px -128px } .k-si-tick, .k-success { background-position: -160px -96px } .k-link:not(.k-state-disabled):hover>.k-si-tick, .k-link:not(.k-state-disabled):hover>.k-success, .k-state-hover .k-si-tick, .k-state-hover .k-success, .k-button:hover .k-si-tick, .k-button:hover .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success, .k-button:active .k-si-tick, .k-button:active .k-success { background-position: -176px -96px } .k-si-cancel { background-position: -160px -112px } .k-link:not(.k-state-disabled):hover>.k-si-cancel, .k-state-hover .k-si-cancel, .k-button:hover .k-si-cancel, .k-textbox:hover .k-si-cancel, .k-button:active .k-si-cancel { background-position: -176px -112px } .k-filename { position: relative; display: inline-block; min-width: 120px; max-width: 200px; vertical-align: middle; padding-bottom: 2px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .k-progress, .k-progress-status { position: absolute; bottom: 0; left: 0; width: 118px; height: 2px; border-style: solid; border-width: 1px; background-repeat: repeat-x } .k-progress-status { left: -1px; bottom: -1px; width: 50% } .k-upload-selected { min-width: 86px; margin: 3px 0 0; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box } .k-ie7 .k-upload-selected { min-width: 100px } .k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files { display: none } .k-toolbar-wrap .k-dropzone { border: 0; padding: 0 } .k-toolbar-wrap .k-dropzone-active { text-align: center } .k-toolbar-wrap .k-dropzone-active em { display: inline; margin: 0; font-size: 5em; font-style: normal } .k-toolbar-wrap .k-dropzone-active .k-upload-button { display: none } .k-imagebrowser-dropzone { z-index: 10010; filter: alpha(opacity=40); opacity: .4; position: fixed } .k-imagebrowser .k-upload-button .k-add { background-position: -32px -64px } .k-imagebrowser .k-button-bare span.k-addfolder { background-position: -32px -272px } .k-imagebrowser .k-button-bare span.k-delete { background-position: -32px -16px } .k-search-wrap { position: relative; float: right; width: 20%; padding: 0 } .k-search-wrap label { position: absolute; top: 0; left: 4px; line-height: 20px; font-style: italic } .k-search-wrap input.k-input { padding-left: 0; padding-right: 0 } .k-search-wrap .k-search { position: absolute; top: 4px; right: 2px; margin: 0 } .k-breadcrumbs { position: relative; float: left; width: 78%; padding-right: 2px } .k-breadcrumbs-wrap { position: absolute; top: 3px; left: 0; z-index: 1; padding-left: 5px; line-height: 18px } .k-breadcrumbs>.k-input { width: 100%; padding-left: 2px; font-size: inherit; font-family: inherit; border: 0 } .k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon { margin-top: 0; text-decoration: none; vertical-align: middle } .k-breadcrumbs .k-link:hover { text-decoration: underline } .k-imagebrowser .k-breadcrumbs .k-i-seek-w { text-decoration: none; cursor: default } .k-imagebrowser .k-toolbar { clear: both; border-style: solid; border-width: 1px; margin: 8px 0 0; padding: 2px 0 3px; background-repeat: repeat-x; line-height: 23px; white-space: nowrap } .k-imagebrowser .k-upload { float: left; z-index: 10010 } .k-imagebrowser .k-upload-button { width: auto; vertical-align: top } .k-imagebrowser .k-upload .k-icon { vertical-align: bottom } .k-ie7 .k-imagebrowser .k-upload-button, .k-ie7 .k-imagebrowser .k-upload .k-icon { vertical-align: baseline; position: relative; top: 1px } .k-ie7 .k-imagebrowser .k-upload .k-icon { top: 2px } .k-ie7 .k-imagebrowser .k-toolbar .k-button-icon { vertical-align: middle } .k-toolbar .k-state-disabled, .k-plus-disabled, .k-minus-disabled { filter: alpha(opacity=50); opacity: .5 } .k-toolbar-wrap { float: left } .k-tiles-arrange { float: right } .k-tiles-arrange .k-i-arrow-s { margin: 0 2px 0 3px } .k-tiles-arrange a { text-decoration: none } .k-tiles { clear: both; height: 390px; border-style: solid; border-width: 1px; border-top-width: 0; margin: 0 0 1.4em; padding: 9px; overflow: auto; line-height: 1.2 } .k-tile { float: left; width: 223px; height: 88px; overflow: hidden; border-style: solid; border-width: 1px; margin: 1px; padding: 0 0 4px; background-position: 0 100px; background-repeat: repeat-x; cursor: pointer } .k-tiles li.k-state-hover, .k-tiles li.k-state-selected { background-position: 0 center } .k-imagebrowser .k-thumb { float: left; display: inline; width: 80px; height: 80px; margin: 4px 10px 0 4px; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none } .k-imagebrowser .k-file { width: 80px; height: 80px } .k-imagebrowser .k-image { margin: 2px 0 0 2px } .k-imagebrowser .k-folder { width: 80px; height: 80px; background-position: 0 -200px; background-repeat: no-repeat } .k-imagebrowser .k-loading { margin: 35px 0 0 33px } .k-tile strong, .k-tile input { margin: 10px 0 4px; font-weight: normal } .k-tile strong { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis } .k-tile input { width: 100px } .k-tile strong, .k-tile input, .k-tile .k-filesize { display: block } .k-imagebrowser .k-form-text-row { text-align: right } .k-imagebrowser .k-form-text-row label { width: 14% } .k-imagebrowser .k-form-text-row input { width: 80% } .k-tile-empty { margin: 160px 0 0 } .k-tile-empty .k-dialog-upload { font-weight: bold; font-size: 120% } .k-tile-empty strong { display: block; margin: 0 0 .2em; font-size: 3em; font-weight: normal } .k-tile-empty, .k-tile-empty .k-button-wrapper { text-align: center } .k-ie7 .k-button, .k-ie7 .k-grid-filter, .k-ie7 .k-header-column-menu, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers span, .k-ie7 .k-pager-numbers input, .k-ie7 .k-grouping-row p, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grid-actions, .k-ie7 .k-edit-label, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-combobox, .k-ie7 .k-dropdown, .k-ie7 .k-selectbox, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-numerictextbox, .k-ie7 .k-timepicker, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-colorpicker, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-treeview .k-in, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-palette.k-reset, .k-ie7 .k-editor-dialog .k-button, .k-form-text-row label, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 .k-window-titlebar .k-window-action { display: inline; zoom: 1 } .k-ie7 .k-treeview .k-item, .k-ie7 .k-treeview .k-group { zoom: 1 } .km-scroll-container { -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; -webkit-margin-collapse: separate; -webkit-transform: translatez(0) } .k-widget .km-scroll-wrapper { position: relative; padding-bottom: 0 } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: .3em; width: .3em; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear } .km-vertical-scrollbar { height: 100%; right: 2px; top: 2px } .km-horizontal-scrollbar { width: 100%; left: 2px; bottom: 2px }