webshims-rails 0.4.7 → 1.10.3

data/vendor/assets/javascripts/webshims/shims/styles/shim.css

@@ -1,697 +1,1017 @@
-article,aside,canvas,details,figcaption,figure,
-footer,header,hgroup,menu,nav,section,summary { 
-	display:block;
+.input-picker .ws-picker-body, .input-picker .ws-button-row, .input-picker .picker-grid, .input-picker .picker-list {
+  zoom: 1;
 }
-audio {
-	display: none;
-	height: 0;
-	width: 0;
+.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: ' ';
 }
-audio,
-video {
-	overflow: hidden;
+
+article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+  display: block;
 }
-audio.webshims-controls,
+
+audio {
+  display: none;
+  height: 0;
+  width: 0;
+  overflow: hidden;
+}
+
 video {
-	display: inline-block;
-	min-height: 45px;
-	min-width: 40px;
+  overflow: hidden;
 }
-audio[controls] {
-	display: inline-block;
-	min-height: 45px;
-	min-width: 40px;
+
+video,
+audio[controls],
+audio.webshims-controls {
+  display: inline-block;
+  min-height: 45px;
+  min-width: 40px;
 }
+
 video > *,
 audio > * {
-	visibility: hidden;
+  visibility: hidden;
 }
-.no-swf video > *,
-.no-swf audio > * {
-	visibility: inherit;
+.no-swf video > *, .no-swf
+audio > * {
+  visibility: inherit;
 }
+
 .flashblocker-assumed {
-	min-height: 20px;
-	min-width: 20px;
+  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;
+  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;
+  font-weight: bold;
 }
 .cue-display i {
-	font-style: italic;
+  font-style: italic;
 }
 .cue-display u {
-	text-decoration: underline;
+  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;
+  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;
+  display: block;
 }
 .cue-display span.cue {
-	display: inline-block;
-	padding: 3px 5px;
-	background: #000;
-	background: rgba(0,0,0,0.8);
-	color: #fff;
+  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;
+  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;
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
 }
 
 /* reset */
-.input-range .ui-slider-range,
+.ws-range,
+.ws-range *,
 .placeholder-box,
 .placeholder-text,
 .input-datetime-local,
-.step-controls,
-.step-controls span,
-.input-range,
-.input-range .ui-slider-handle,
-.input-range .ui-slider-range,
-.details-open-indicator {
-	margin: 0;
-	padding: 0;
-	border: none;
-	width: auto;
-	background: transparent none;
+.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;
+  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;
+  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;
+  visibility: hidden !important;
 }
 
 /* placeholder */
 .placeholder-box {
-	position: relative;
-	display: inline-block;
-	zoom: 1;
+  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;
+  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;
+  vertical-align: bottom;
 }
 
 .placeholder-box-left {
-	float: left;
+  float: left;
 }
+
 .placeholder-box-right {
-	float: 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;
+  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;
+  white-space: nowrap;
 }
+
 .placeholder-visible {
-	color: #999;
-}
-.placeholder-visible .placeholder-text,
-.placeholder-text.placeholder-visible {
-	display: inline-block;
+  color: #999;
 }
+
 .placeholder-focused.placeholder-visible {
-	color: #ccc;
+  color: #ccc;
 }
-.polyfill-important .placeholder-visible .placeholder-text,
-.polyfill-important .placeholder-text.placeholder-visible {
-	display: inline-block !important;
+
+.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;
 }
 
-/* datetime-local */
-.input-datetime-local {
-	display: inline-block;
-	zoom: 1;
-	vertical-align: middle;
+.polyfill-important .has-input-buttons {
+  display: inline-block !important;
 }
-.polyfill-important .input-datetime-local {
-	display: inline-block !important;
-	height: auto !important;
-	padding: 0 !important;
-	margin: 0 !important;
-	border: none !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;
 }
-.polyfill-important .input-datetime-local input {
-	display: inline !important;
+
+.step-controls,
+.ws-popover-opener {
+  position: relative;
+  float: left;
+  margin: 0;
+  height: 19px;
+  width: 15px;
 }
-.input-datetime-local-date {
-	margin: 0 2px 0 0;
+
+.ws-popover-opener {
+  position: relative;
+  zoom: 1;
+  overflow: visible;
+  margin: 0 0 0 2px;
+  width: 19px;
+  border-radius: 3px;
+  cursor: pointer;
+  background: #ccc;
 }
-.polyfill-important .input-datetime-local-date {
-	margin: 0 2px 0 0 !important;
+
+.ws-popover-opener span {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 13px;
+  height: 13px;
+  margin: -6.5px 0 0 -6.5px;
+  background: url(forms.png) no-repeat -322px -2px;
 }
-.input-datetime-local-time {
-	margin: 0 0 0 2px;
+
+.polyfill-important .input-buttons {
+  display: inline-block !important;
+  padding: 0 !important;
+  vertical-align: middle !important;
 }
-.polyfill-important .input-datetime-local-time {
-	margin: 0 0 0 2px !important;
+.input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons {
+  margin-left: -24px;
 }
-img.ui-datepicker-trigger {
-	display: inline;
-	display: inline-block;
-	width: 16px;
+.input-buttons.input-button-size-2 {
+  margin-left: -39px;
 }
-/* spinner control for time, number (usable for date, datetime-local) */
-.has-step-controls {
-	display: inline;
-}
-.polyfill-important .has-step-controls {
-	display: inline !important;
-}
-.step-controls {
-	position: relative;
-	zoom: 1;
-	overflow: hidden;
-	display: inline-block;
-	font-size: 0;
-	vertical-align: middle;
-	vertical-align: top;
-	margin-left: -17px;
-	height: 19px;
-	width: 15px;
-}
-.polyfill-important .step-controls {
-	display: inline-block !important;
-	padding: 0 !important;
-	vertical-align: top !important;
+.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;
+  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;
+  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;
+  top: 0;
+  background-position: -80px 0;
 }
 .step-controls span.step-up:hover {
-	background-position: -105px 0;
+  background-position: -105px 0;
 }
-.step-controls > span.mousepress-ui.step-up {
-	background-position: -105px -20px;
+.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;
+  bottom: 0;
+  background-position: -155px 0;
 }
 .step-controls span.step-down:hover {
-	background-position: -180px 0;
+  background-position: -180px 0;
+}
+.step-controls span.step-down.mousepress-ui {
+  background-position: -180px -20px;
 }
-.step-controls > span.mousepress-ui.step-down {
-	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%;
 }
-/* disabled or readonly */
-.step-controls.disabled-step-control span {
-	opacity: 0.95;
-	cursor: default;
+.no-boxsizing .ws-date .mm, .no-boxsizing
+.ws-date .dd {
+  width: 16%;
 }
-.step-controls.disabled-step-control span.step-up {
-	background-position: -130px 0;
+.ws-date .yy {
+  width: 48%;
 }
-.step-controls.disabled-step-control span.step-down {
-	background-position: -205px 0;
+.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 */
-.input-range {
-	position: relative;
-	display: inline-block;
-	vertical-align: middle;
-	margin: 5px 0;
-	zoom: 1;
-	border: none;
-	height: 9px;
-	width: 155px;
-	border-radius: 1px;
-	background: url(forms.png) 0 -43px no-repeat;
-	cursor: pointer;
-	font-size: 0;
-	line-height: 0;
-}
-.polyfill-important .input-range {
-	display: inline-block !important;
-	padding: 0 !important;
-	font-size: 0 !important;
-}
-.input-range .ui-slider-handle {
-	top: 0;
-	position: absolute;
-	display: block;
-	z-index: 4;
-	overflow: hidden;
-	margin: -5px 0 0 -8px;
-	height: 22px;
-	width: 17px;
-	background: url(forms.png) 0 0 no-repeat;
-	cursor: pointer;
-	outline: none;
-	font-size: 0;
-	line-height: 0;
-}
-.input-range .ui-slider-handle:hover,
-.input-range .ui-slider-handle:focus {
-	background-position: -17px 0;
-}
-.input-range .ui-slider-handle.ui-state-active {
-	background-position: -34px 0;
-}
-.input-range.ui-slider-disabled {
-	cursor: default;
-	opacity: 0.95;
-}
-.input-range.ui-slider-disabled .ui-slider-handle {
-	cursor: default;
-	background-position: -51px 0;
-}
-.input-range .ui-slider-range {
-	position: absolute;
-	z-index: 1;
-	overflow: hidden;
-	display: block;
-	background: #b6e2fb;
-}
-.input-range .input-range .ui-slider-range,
-.polyfill-important .input-range .ui-slider-handle {
-	position: absolute !important;
-	display: block !important;
-	padding: 0 !important;
-}
-.input-range.ui-slider-horizontal .ui-slider-range {
-	top: 4px;
-	height: 1px;
-}
-.input-range.ui-slider-horizontal .ui-slider-range-min {
-	left: 0;
-}
-.input-range.ui-slider-horizontal .ui-slider-range-max {
-	right: 0;
-}
-.input-date-datepicker-control {
-	position: absolute;
-	zoom: 1;
-	display: none;
-	background-color: #fff;
-	z-index: 100;
-	overflow: visible;
-	padding: 5px;
-	font-family: "MS Shell Dlg", "Lucida Grande", "Calibri", sans-serif;
-	font-size: 14px;
-	border: 1px solid #333;
-}
-.polyfill-important .input-date-datepicker-control {
-	z-index: 999999999 !important;
-}
-.input-date-datepicker-control .ui-datepicker-header {
-	position: relative;
-	margin: 0 0 3px;
-	padding: 2px 0;
-}
-.input-date-datepicker-control .ui-datepicker-header select {
-    border: 1px solid #333;
-    padding: 1px 2px 2px;
-}
-.input-date-datepicker-control .ui-datepicker-header option {
-	padding-right: 8px;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-icon {
-	position: absolute;
-	display: block;
-	top: 0.2em;
-	width: 15px;
-	height: 18px;
-	text-indent: -9999em;
-	font-size: 10px;
-	line-height: 0;
-	background: url(forms.png) no-repeat;
-	cursor: pointer;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-state-disabled .ui-icon {
-	cursor: default;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-icon-circle-triangle-w {
-	left: 3px;
-	background-position: -235px 3px;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-state-hover .ui-icon-circle-triangle-w {
-	background-position: -235px -17px;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-icon-circle-triangle-e {
-	right: 3px;
-	background-position: -248px 3px;
-}
-.input-date-datepicker-control .ui-datepicker-header .ui-state-hover .ui-icon-circle-triangle-e {
-	background-position: -248px -17px;
-}
-.input-date-datepicker-control table {
-	font-size: 100%;
-	border-spacing: 1px;
-}
-.input-date-datepicker-control .ui-datepicker-title {
-	margin: 0 20px;
-}
-.input-date-datepicker-control .ui-datepicker-title,
-.input-date-datepicker-control th {
-	color: #069;
-	text-align: center;
-	font-weight: bold;
-}
-
-.input-date-datepicker-control td,
-.input-date-datepicker-control th {
-	padding: 0 2px;
-	text-align: center;
-	font-weight: normal;
-}
-
-.input-date-datepicker-control td {
-	padding: 0 4px;
-	cursor: pointer;
-	text-align: right;
-	border: 1px solid #fff;
-	border-radius: 2px;
-}
-
-.input-date-datepicker-control td.ui-datepicker-current-day {
-	background-color: #adf;
-	color: #000;
-	border-color: #06c;
+.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(forms.png) 0 -40px 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 0 no-repeat;
+  cursor: pointer;
+  outline: none;
+  font-size: 0;
+  line-height: 0;
+}
+.ws-range .ws-range-thumb:hover {
+  background-position: -20px 0;
+}
+.ws-range.ws-focus .ws-range-thumb {
+  background-position: -20px 0;
+}
+.ws-range.ws-active .ws-range-thumb {
+  background-position: -37px 0;
+}
+.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 0;
+}
+.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 !important;
+  padding: 0 !important;
+  top: 7px;
+  height: 1px;
+  left: 0;
+  z-index: 1;
+  overflow: hidden;
+  background: #b6e2fb;
+}
+.ws-range .ws-range-ticks {
+  position: absolute;
+  bottom: 0px;
+  left: 0;
+  height: 4px;
+  width: 1px;
+  margin: 0 0 0 -1.5px;
+  background: #ccc;
+}
+.ws-range.vertical-range {
+  background: url(vertical-range.png) -30px 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: 11px;
+  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;
 }
-.input-date-datepicker-control td.ui-datepicker-today{
-	border-color: #06c;
+
+/*
+ * 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;
+}
+.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;
 }
-.input-date-datepicker-control td.ui-datepicker-current-day a {
-	color: #000;
-}
-.input-date-datepicker-control td a {
-	color: #000;
-	text-decoration: none;
-}
-
-.input-date-datepicker-control td:hover {
-	background-color: #bef;
-	border-color: #06c;
+
+.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);
 }
-.input-date-datepicker-control td.ui-state-disabled {
-	cursor: default;
-	border-color: #fff;
-	color: #bbb;
-	background-color: transparent;
+
+.ws-po-box {
+  border: 1px solid #cccccc;
+  background: #fefefe;
+  padding: 5px;
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 
-.input-date-datepicker-control .ui-datepicker-buttonpane {
-	margin: 4px 0 0;
+.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-date-datepicker-control .ui-datepicker-cover {
-	display: none; /*sorry for IE5*/
-	display/**/: block; /*sorry for IE5*/
-	position: absolute; /*must have*/
-	z-index: -1; /*must have*/
-	filter: mask(); /*must have*/
-	top: -4px; /*must have*/
-	left: -4px; /*must have*/
-	width: 200px; /*must have*/
-	height: 200px; /*must have*/
+
+.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 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;
+  display: none;
 }
+
 .datalist-polyfill {
-	position: absolute !important;
-	font-family: "Lucida Grande", "MS Shell Dlg", "Calibri", sans-serif;
-	font-size: 100%;
-	top: 0;
-	left: 0;
-	margin: 0;
-	padding: 0;
-	display: none;
-	z-index: 999999999;
-}
-.datalist-polyfill.datalist-visible{
-	display: block;
-}
-.datalist-polyfill div {
-	margin: 0;
-	padding: 0;
+  position: absolute !important;
+  font-family: "Lucida Grande", "MS Shell Dlg", "Calibri", sans-serif;
+  font-size: 100%;
 }
 .datalist-polyfill .datalist-box {
-	border: 1px solid #333;
-	max-height: 200px;
-	overflow: hidden;
-	overflow-x: hidden !important;
-	overflow-y: auto;
+  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, .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;
-	
+  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;
-}
-.datalist-polyfill .option-label {
-	display: inline-block;
-	float: left;
-	max-width: 100%;
-	text-overflow: ellipsis;
+  margin: 1px 1px 1px 0;
+  padding: 2px 2px 2px 5px;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: default;
+  zoom: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.datalist-polyfill mark {
+  font-weight: normal;
+  font-style: normal;
 }
 .datalist-polyfill .option-value {
-	display: none;
-	float: right;
-	text-overflow: ellipsis;
+  display: inline-block;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  color: #000;
+  float: left;
+}
+.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;
+}
+.datalist-polyfill .has-option-label .option-label {
+  display: inline-block;
 }
 .datalist-polyfill .hidden-item {
-	display: none !important;
+  display: none !important;
 }
 .datalist-polyfill .active-item {
-	background-color: #39f;
-	color: #fff;
-	cursor: default;
+  background-color: #39f;
+  cursor: default;
 }
-
-.validity-alert-wrapper {
-	position: absolute !important;
-	overflow: hidden;
-	padding: 0 6px 6px 0;
-	font: 12px/140% sans-serif;
-	z-index: 1000000000;
-	
+.datalist-polyfill .active-item .option-value {
+  color: #fff;
 }
+.datalist-polyfill .active-item .option-label {
+  color: #eee;
+}
+
 .validity-alert {
-	display: inline-block;
-	padding: 8px 0 0;
-}
-.validity-alert .va-box {
-	display: inline-block !important;
-	background: #fafafa;
-	color: #000;
-	border: 1px solid #ccc;
-	padding: 5px;
-	border-radius: 5px;
-	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-	zoom: 1 !important;
-	min-width: 60px;
-}
-
-.validity-alert .va-arrow {
-	position: absolute;
-	top: 1px;
-	left: 20px;
-	display: block;
-	width: 0;
-	height: 0;
-	border-left: 9px solid transparent;
-	border-right: 9px solid transparent;
-	
-	border-bottom: 7px solid #ccc;
-	border-top: none;
-	zoom: 1;
-	font-size: 0;
-}
-html .validity-alert span.va-arrow,
-html .validity-alert .va-arrow .va-arrow-box{
-	border-left-color: transparent;
-	border-right-color: transparent;
-}
-.polyfill-important .validity-alert span.va-arrow,
-.polyfill-important .validity-alert .va-arrow .va-arrow-box {
-	border-left-color: transparent !important;
-	border-right-color: transparent !important;
-}
-* html .validity-alert .va-arrow {display: none;}
-.validity-alert .va-arrow .va-arrow-box {
-	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 #fafafa;
-	border-top: none;
+  display: inline-block;
+  font: 12px/140% sans-serif;
+  z-index: 1000000000;
+}
+
+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;
+  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;
+  margin: 0 0 5px;
+  padding: 5px;
+  background: #ffd;
+  color: #000;
+  font-size: 13px;
 }
 #swflocalstorageshim-wrapper object {
-	min-height: 138px !important;
-	min-width: 215px !important;
+  min-height: 138px !important;
+  min-width: 215px !important;
 }
+
 details {
-	overflow: hidden;
+  overflow: hidden;
 }
+
 summary {
-	position: relative;
+  position: relative;
 }
+
 .closed-details-child {
-	display: none !important;
+  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;
+  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;
+  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;
+  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;
+  background-position: 0 -20px !important;
 }
+
 summary.summary-has-focus {
-	outline: 1px dotted #aaa;
-	outline-offset: -1px;
+  outline: 1px dotted #aaaaaa;
+  outline-offset: -1px;
 }