.input-picker .ws-picker-body, .input-picker .ws-button-row, .input-picker .picker-grid, .input-picker .picker-list { zoom: 1; } .input-picker .ws-picker-body:before, .input-picker .ws-button-row:before, .input-picker .picker-grid:before, .input-picker .picker-list:before, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after { display: table; clear: both; content: ' '; } .ws-important-hide { display: none !important; visibility: hidden !important; position: absolute; top: -999999px; } /* .webshims-debug-list { position: fixed; bottom: 0; left: 0; right: 0; margin: 5px; padding: 5px; list-style: none; background: #fff; color: #930; font-size: 16px; font-weight: bold; max-height: 200px; z-index: 99999; overflow-y: auto; li { border: 1px solid #c60; margin: 2px 0; padding: 5px; } }*/ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio { display: none; height: 0; width: 0; overflow: hidden; } video { overflow: hidden; } video, audio[controls], audio.webshims-controls { display: inline-block; min-height: 45px; min-width: 40px; } video > *, audio > * { visibility: hidden; } .no-swf video > *, .no-swf audio > * { visibility: inherit; } .flashblocker-assumed { min-height: 20px; min-width: 20px; z-index: 2147483647; } .cue-display { position: absolute !important; margin: 0; padding: 0px !important; max-width: 100% !important; max-height: 100% !important; border: none !important; background: none !important; text-align: center; visibility: hidden; font-family: sans-serif; font-size: 12px; white-space: pre-wrap; overflow: hidden; } .cue-display b { font-weight: bold; } .cue-display i { font-style: italic; } .cue-display u { text-decoration: underline; } .cue-display span.cue-wrapper { position: absolute; left: 0; bottom: 0; right: 0; display: block; padding: 0; margin: 0; width: 100%; font-size: 160%; color: #fff; visibility: visible !important; } .cue-display .cue-line { display: block; } .cue-display span.cue { display: inline-block; padding: 3px 5px; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; } .cue-display .description-cues { position: absolute; top: -99px; left: -99px; display: block; width: 5px; height: 5px; overflow: hidden; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } /* reset */ .ws-range, .ws-range *, .placeholder-box, .placeholder-text, .input-buttons, .input-buttons *, .details-open-indicator, .ws-input-seperator, progress span.progress-value { margin: 0; padding: 0; border: none; width: auto; background: transparent none; } output { position: relative; } .webshims-visual-hide { position: absolute !important; top: 0 !important; left: 0 !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .webshims-visual-hide * { visibility: hidden !important; } /* placeholder */ .placeholder-box { position: relative; display: inline-block; zoom: 1; } .polyfill-important .placeholder-box { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .placeholder-box-input { vertical-align: bottom; } .placeholder-box-left { float: left; } .placeholder-box-right { float: right; } .placeholder-text { position: absolute; display: none; top: 0; left: 0; overflow: hidden; color: #999; line-height: 1; cursor: text; } .polyfill-important .placeholder-text { margin: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; display: none !important; } .placeholder-visible .placeholder-text, .placeholder-text.placeholder-visible { display: inline-block; } .placeholder-box-input .placeholder-text { white-space: nowrap; } .placeholder-visible { color: #999; } .placeholder-focused.placeholder-visible { color: #ccc; } .polyfill-important .placeholder-visible .placeholder-text, .polyfill-important .placeholder-text.placeholder-visible { display: inline-block !important; } /* spinner control for time, number (usable for date, datetime-local) */ .has-input-buttons { display: inline-block; } .polyfill-important .has-input-buttons { display: inline-block !important; } .input-buttons, .step-controls, .ws-popover-opener { zoom: 1; overflow: hidden; display: inline-block; font-size: 0; vertical-align: middle; margin-top: -3px; margin-left: -20px; } .step-controls, .ws-popover-opener { position: relative; float: left; margin: 0; height: 19px; width: 15px; } .ws-popover-opener { position: relative; zoom: 1; overflow: visible; margin: 0 0 0 2px; width: 19px; border-radius: 3px; cursor: pointer; background: #ccc; } .ws-popover-opener span { display: block; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url(forms.png) no-repeat -321px -1px; } .color-input-buttons .ws-popover-opener span { background-position: -348px 0; } .ws-popover-opener span.ws-color-indicator-bg { background: url(../jpicker/images/preview-opacity.png) no-repeat 0; } .ws-popover-opener span.ws-color-indicator { background: none; } input[type="color"] { width: 6.5em; } .polyfill-important .input-buttons { display: inline-block !important; padding: 0 !important; vertical-align: middle !important; } .input-buttons.color-input-buttons { margin-left: 2px; } .input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons { margin-left: -24px; } .input-buttons.input-button-size-2 { margin-left: -39px; } .input-buttons.ws-disabled { opacity: 0.95; } .input-buttons.ws-disabled *, .input-buttons.ws-readonly * { cursor: default; } .step-controls span { position: absolute; display: inline-block; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 15px; height: 9px; cursor: pointer; font-size: 0; line-height: 0; background: url(forms.png) no-repeat 0 0; } .polyfill-important .step-controls span { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; } .step-controls span.step-up { top: 0; background-position: -80px 0; } .step-controls span.step-up:hover { background-position: -105px 0; } .step-controls span.step-up.mousepress-ui { background-position: -105px -20px; } .ws-disabled .step-controls span.step-up { background-position: -130px 0; } .step-controls span.step-down { bottom: 0; background-position: -155px 0; } .step-controls span.step-down:hover { background-position: -180px 0; } .step-controls span.step-down.mousepress-ui { background-position: -180px -20px; } .ws-disabled .step-controls span.step-down { background-position: -205px 0; } .ws-input { letter-spacing: -0.31em; word-spacing: -0.43em; } .ws-input > * { text-align: center; letter-spacing: normal; word-spacing: normal; } .ws-input .ws-input-seperator { vertical-align: middle; width: 2%; overflow: hidden; } .ws-input + .input-buttons { margin-left: 2px; } .ws-input input, .ws-input .ws-input-seperator { -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: inline-block; } .polyfill-important .ws-input input, .polyfill-important .ws-input .ws-input-seperator { display: inline-block !important; } .ws-date .mm, .ws-date .dd { width: 23.5%; } .no-boxsizing .ws-date .mm, .no-boxsizing .ws-date .dd { width: 16%; } .ws-date .yy { width: 48%; } .no-boxsizing .ws-date .yy { width: 40%; } .ws-month .mm, .ws-month .yy { width: 47.9%; } .no-boxsizing .ws-month .mm, .no-boxsizing .ws-month .yy { width: 41%; } /* range */ .ws-range { position: relative; display: inline-block; vertical-align: middle; margin: 0; zoom: 1; border: none; height: 19px; width: 155px; border-radius: 1px; background: url(range-track.png) 0 center no-repeat; cursor: pointer; font-size: 0; line-height: 0; } .polyfill-important .ws-range { display: inline-block !important; padding: 0 !important; font-size: 0 !important; } .ws-range .ws-range-thumb { top: 0; position: absolute; display: block; z-index: 4; overflow: hidden; margin: -2px 0 0 -6px; height: 22px; width: 11px; background: url(forms.png) -3px 1px no-repeat; cursor: pointer; outline: none; font-size: 0; line-height: 0; } .ws-range .ws-range-thumb:hover { background-position: -20px 1px; } .ws-range.ws-focus .ws-range-thumb { background-position: -20px 1px; } .ws-range.ws-active .ws-range-thumb { background-position: -37px 1px; } .ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] { cursor: default; opacity: 0.95; } .ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb { cursor: default; } .ws-range[aria-disabled="true"] .ws-range-thumb { background-position: -54px 1px; } .ws-range .ws-range-rail { position: absolute; display: block; top: 0; left: 5px; right: 5px; bottom: 0; margin: 0; zoom: 1; } .ws-range .ws-range-min { position: absolute !important; display: block; padding: 0 !important; top: 0; height: 1px; left: 0; z-index: 1; overflow: hidden; background: #b6e2fb; } .ws-range .ws-range-ticks { overflow: hidden; position: absolute; bottom: 0px; left: 0; height: 4px; width: 1px; margin: 0 0 0 -1.5px; font-size: 0; line-height: 0; text-indent: -999px; background: #ccc; } .ws-range.vertical-range { background: url(vertical-range.png) center bottom no-repeat; width: 20px; } .ws-range.vertical-range .ws-range-thumb { top: 0; left: 3px; bottom: auto; background: url(vertical-range.png) 0 -51px no-repeat; margin: -6px 0 0 0; height: 11px; width: 22px; } .ws-range.vertical-range .ws-range-thumb:hover, .ws-range.vertical-range.ws-focus .ws-range-thumb { background-position: 0 -34px; } .ws-range.vertical-range.ws-active .ws-range-thumb { background-position: 0 -17px; } .ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb { background-position: 0 0; } .ws-range.vertical-range .ws-range-min { top: auto; bottom: 1px; left: 0; width: 1px; height: 0; } .ws-range.vertical-range .ws-range-rail { top: 5px; left: 0; right: 0; bottom: 5px; } .ws-range.vertical-range .ws-range-ticks { bottom: auto; left: auto; right: 0; height: 1px; width: 4px; } /* * popovers */ .ws-popover { display: block; visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; padding: 0 6px 0; margin: 0 0 0 -6px; z-index: 1000; min-width: 90px; transition: visibility 400ms ease-in-out; } .no-csstransitions .ws-popover, .no-opacity .ws-popover { display: none; } .ws-popover button { display: inline-block; overflow: visible; position: relative; margin: 0; border: 0; padding: 0; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: none; appearance: none; box-sizing: content-box; font-family: arial, sans-serif; background: transparent; cursor: pointer; } .ws-popover button::-moz-focus-inner { border: 0; padding: 0; } .ws-popover button[disabled] { cursor: default; color: #888; } .ws-popover.ws-po-visible { visibility: visible; display: block; } .ws-po-outerbox { position: relative; opacity: 0; padding: 11px 0 4px; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); transition: all 400ms ease-in-out; } .ws-popover.ws-po-visible .ws-po-outerbox { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .ws-po-box { border: 1px solid #cccccc; background: #fefefe; padding: 5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .ws-po-arrow { position: absolute; top: 4px; left: 20px; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #cccccc; border-top: none; zoom: 1; font-size: 0; } html .ws-po-arrow { border-left-color: transparent; border-right-color: transparent; } html .ws-po-arrow .ws-po-arrowbox { border-left-color: transparent; border-right-color: transparent; } .polyfill-important .ws-po-arrow { border-left-color: transparent !important; border-right-color: transparent !important; } .polyfill-important .ws-po-arrow .ws-po-arrowbox { border-left-color: transparent !important; border-right-color: transparent !important; } * html .ws-po-arrow { display: none; } .ws-po-arrow .ws-po-arrowbox { position: relative; top: 1px; left: -9px; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #fefefe; border-top: none; z-index: 999999999; } .input-picker .ws-prev, .input-picker .ws-next, .input-picker .ws-button-row button { border-radius: 4px; background: #ccc; padding: 5px 8px; display: inline-block; border: 1px solid transparent; } .input-picker { outline: none; text-align: center; font-family: sans-serif; width: 300px; } .input-picker.ws-size-2 { width: 538px; } .input-picker.ws-size-3 { width: 796px; } .input-picker.color-popover { width: 590px; } .input-picker abbr[title] { cursor: help; } .input-picker li, .input-picker button { font-size: 13px; line-height: 16px; color: #000; transition: all 400ms; } .input-picker .ws-focus, .input-picker :focus { outline: 1px dotted black; } .input-picker .ws-po-box { position: relative; padding: 10px 20px 15px; border-radius: 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .input-picker .ws-prev, .input-picker .ws-next { position: absolute; top: 10px; border: 1px solid #cccccc; border-radius: 5px; padding: 0; width: 24px; height: 24px; background: #eeeeee url(forms.png) no-repeat 0 0; z-index: 1; } .input-picker .ws-prev span, .input-picker .ws-next span { display: none; } .input-picker .ws-picker-body { position: relative; padding: 46px 0 0; zoom: 1; margin: 0 -10px; } .input-picker .ws-prev { left: 20px; background-position: -243px 5px; } .input-picker .ws-next { right: 20px; background-position: -275px 5px; } .input-picker .ws-prev:hover, .input-picker .ws-next:hover { border-color: #666; } .input-picker .ws-prev[disabled], .input-picker .ws-next[disabled] { opacity: 0.4; border-color: #eee; } .input-picker .ws-button-row { position: relative; margin: 10px 0 0; border-top: 1px solid #eeeeee; padding: 10px 0 0; text-align: left; z-index: 2; } .input-picker .ws-button-row button { border: 1px solid #cccccc; border-radius: 5px; box-shadow: 1px 1px 0 white; background-color: #ddd; background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%); background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%); transition: border-color 200ms linear; float: left; } .input-picker .ws-button-row button.ws-empty { float: right; } .input-picker[data-currentview="setMonthList"] .ws-picker-header select { max-width: 95%; } .input-picker[data-currentview="setDayList"] .ws-picker-header select { max-width: 40%; } .input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select { max-width: 55%; } .input-picker .ws-picker-header { position: absolute; top: -44px; right: 0; left: 0; margin: 0 40px; } .input-picker .ws-picker-header button { display: inline-block; width: 100%; margin: 0; padding: 4px 0; font-weight: 700; color: #000; } .input-picker .ws-picker-header button:hover { text-decoration: underline; } .input-picker .ws-picker-header button[disabled]:hover { text-decoration: none; } .input-picker .picker-grid { position: relative; zoom: 1; overflow: hidden; } .input-picker.ws-size-1 .picker-list { float: none; width: auto; } .input-picker .picker-list { position: relative; zoom: 1; width: 238px; float: left; margin: 0 10px; } .input-picker .picker-list tr { border: 0; } .input-picker .picker-list th, .input-picker .picker-list td { padding: 3px 5px; } .input-picker .picker-list.day-list td { padding: 2px 1px; } .input-picker .picker-list td button { display: block; padding: 4px 0; width: 100%; border-radius: 5px; color: #000; background-color: #fff; } .input-picker .picker-list td button.othermonth { color: #888; } .input-picker .picker-list td button:hover, .input-picker .picker-list td button.checked-value { color: #fff; background: #000; } .input-picker .picker-list td button[disabled], .input-picker .picker-list td button[disabled]:hover { color: #888; background-color: #fff; } .input-picker .picker-list table { width: 100%; border: 0 none; border-collapse: collapse; } .input-picker .picker-list th, .input-picker .picker-list td.week-cell { font-size: 13px; line-height: 1.1em; padding-bottom: 3px; text-transform: uppercase; font-weight: 700; } .input-picker .picker-list th, .input-picker .picker-list td { width: 14.2856%; } .input-picker .ws-options { margin: 10px 0 0; border-top: 1px solid #eeeeee; padding: 10px 0 0; text-align: left; } .input-picker .ws-options h5 { margin: 0 0 5px; padding: 0; font-size: 14px; font-weight: bold; } .input-picker .ws-options ul, .input-picker .ws-options li { padding: 0; margin: 0; list-style: none; } .input-picker .ws-options button { display: block; padding: 2px 0; width: 100%; text-align: left; } .input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover { text-decoration: underline; } .input-picker .ws-options button[disabled], .input-picker .ws-options button[disabled].ws-focus, .input-picker .ws-options button[disabled]:focus, .input-picker .ws-options button[disabled]:hover { color: #888; text-decoration: none; } datalist { display: none; } .datalist-polyfill { position: absolute !important; font-family: "Lucida Grande", "MS Shell Dlg", "Calibri", sans-serif; font-size: 100%; } .datalist-polyfill .datalist-box { position: relative; max-height: 200px; overflow: hidden; overflow-x: hidden !important; overflow-y: auto; } .datalist-polyfill ul, .datalist-polyfill li { font-size: 100%; list-style: none !important; } .datalist-polyfill ul { position: static !important; overflow: hidden; margin: 0; padding: 2px 0; height: auto !important; background-color: #fff; color: #000; } .datalist-polyfill li { margin: 1px 1px 1px 0; padding: 2px 2px 2px 5px; overflow: hidden; white-space: nowrap; cursor: default; zoom: 1; overflow: hidden; text-overflow: ellipsis; background-color: #fff; transition: background-color 400ms; } .datalist-polyfill mark { font-weight: normal; font-style: normal; } .datalist-polyfill .option-value { display: inline-block; text-overflow: ellipsis; max-width: 100%; color: #000; float: left; transition: color 400ms; } .datalist-polyfill .option-label { display: none; max-width: 100%; float: right; font-size: 90%; color: #666; text-overflow: ellipsis; vertical-align: bottom; margin-top: 0.15em; margin-left: 10px; text-align: right; transition: color 400ms; } .datalist-polyfill .has-option-label .option-label { display: inline-block; } .datalist-polyfill .hidden-item { display: none !important; } .datalist-polyfill .active-item { background-color: #39f; cursor: default; } .datalist-polyfill .active-item .option-value { color: #fff; } .datalist-polyfill .active-item .option-label { color: #eee; } .validity-alert { display: inline-block; font: 12px/140% sans-serif; z-index: 1000000000; } .ws-errorbox { display: none; border: none; margin: 0; padding: 0; overflow: hidden; position: relative; } .ws-errorbox p { margin: 2px 0 3px; padding: 0; color: #933; font: 90%/120% sans-serif; } progress { position: relative; display: inline-block; width: 160px; height: 16px; } progress[data-position] { vertical-align: -0.2em; border: 1px solid #cccccc; background: #e6e6e6; } progress > * { display: none !important; } progress span.progress-value { position: absolute; display: block !important; top: 0; left: 0; bottom: 0; height: 100%; background: #a66300; } progress[aria-valuenow] span.progress-value { background: #0063a6; } /* localStorage */ #swflocalstorageshim-wrapper { position: absolute; top: -999px; left: -9999px; overflow: hidden; width: 215px; min-width: 215px !important; z-index: 2147483647; } #swflocalstorageshim-wrapper .polyfill-exceeded-message { margin: 0 0 5px; padding: 5px; background: #ffd; color: #000; font-size: 13px; } #swflocalstorageshim-wrapper object { min-height: 138px !important; min-width: 215px !important; } details { overflow: hidden; } summary { position: relative; } .closed-details-child { display: none !important; } .details-open-indicator { margin: -1px 0 0; display: inline-block; width: 16px; height: 11px; background: url(details-arrows.png) no-repeat 0 0; vertical-align: middle; } .closed-details-summary .details-open-indicator { background-position: 0 -20px; } .polyfill-important .details-open-indicator { margin: -1px 0 0 !important; padding: 0 !important; border: 0 !important; display: inline-block !important; width: 16px !important; height: 11px !important; background: url(details-arrows.png) no-repeat 0 0 !important; vertical-align: middle !important; } .polyfill-important .closed-details-summary .details-open-indicator { background-position: 0 -20px !important; } summary.summary-has-focus { outline: 1px dotted #aaaaaa; outline-offset: -1px; }