xref: /dokuwiki/lib/scripts/jquery/jquery-ui-theme/smoothness.css (revision e12412a22fc56a88b5c40cfc0d15a718dbba425e)
1/*! jQuery UI - v1.10.2 - 2013-03-14
2* http://jqueryui.com
3* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
4* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
5* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
6
7/* Layout helpers
8----------------------------------*/
9.ui-helper-hidden {
10	display: none;
11}
12.ui-helper-hidden-accessible {
13	border: 0;
14	clip: rect(0 0 0 0);
15	height: 1px;
16	margin: -1px;
17	overflow: hidden;
18	padding: 0;
19	position: absolute;
20	width: 1px;
21}
22.ui-helper-reset {
23	margin: 0;
24	padding: 0;
25	border: 0;
26	outline: 0;
27	line-height: 1.3;
28	text-decoration: none;
29	font-size: 100%;
30	list-style: none;
31}
32.ui-helper-clearfix:before,
33.ui-helper-clearfix:after {
34	content: "";
35	display: table;
36	border-collapse: collapse;
37}
38.ui-helper-clearfix:after {
39	clear: both;
40}
41.ui-helper-clearfix {
42	min-height: 0; /* support: IE7 */
43}
44.ui-helper-zfix {
45	width: 100%;
46	height: 100%;
47	top: 0;
48	left: 0;
49	position: absolute;
50	opacity: 0;
51	filter:Alpha(Opacity=0);
52}
53
54.ui-front {
55	z-index: 100;
56}
57
58
59/* Interaction Cues
60----------------------------------*/
61.ui-state-disabled {
62	cursor: default !important;
63}
64
65
66/* Icons
67----------------------------------*/
68
69/* states and images */
70.ui-icon {
71	display: block;
72	text-indent: -99999px;
73	overflow: hidden;
74	background-repeat: no-repeat;
75}
76
77
78/* Misc visuals
79----------------------------------*/
80
81/* Overlays */
82.ui-widget-overlay {
83	position: fixed;
84	top: 0;
85	left: 0;
86	width: 100%;
87	height: 100%;
88}
89.ui-accordion .ui-accordion-header {
90	display: block;
91	cursor: pointer;
92	position: relative;
93	margin-top: 2px;
94	padding: .5em .5em .5em .7em;
95	min-height: 0; /* support: IE7 */
96}
97.ui-accordion .ui-accordion-icons {
98	padding-left: 2.2em;
99}
100.ui-accordion .ui-accordion-noicons {
101	padding-left: .7em;
102}
103.ui-accordion .ui-accordion-icons .ui-accordion-icons {
104	padding-left: 2.2em;
105}
106.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
107	position: absolute;
108	left: .5em;
109	top: 50%;
110	margin-top: -8px;
111}
112.ui-accordion .ui-accordion-content {
113	padding: 1em 2.2em;
114	border-top: 0;
115	overflow: auto;
116}
117.ui-autocomplete {
118	position: absolute;
119	top: 0;
120	left: 0;
121	cursor: default;
122}
123.ui-button {
124	display: inline-block;
125	position: relative;
126	padding: 0;
127	line-height: normal;
128	margin-right: .1em;
129	cursor: pointer;
130	vertical-align: middle;
131	text-align: center;
132	overflow: visible; /* removes extra width in IE */
133}
134.ui-button,
135.ui-button:link,
136.ui-button:visited,
137.ui-button:hover,
138.ui-button:active {
139	text-decoration: none;
140}
141/* to make room for the icon, a width needs to be set here */
142.ui-button-icon-only {
143	width: 2.2em;
144}
145/* button elements seem to need a little more width */
146button.ui-button-icon-only {
147	width: 2.4em;
148}
149.ui-button-icons-only {
150	width: 3.4em;
151}
152button.ui-button-icons-only {
153	width: 3.7em;
154}
155
156/* button text element */
157.ui-button .ui-button-text {
158	display: block;
159	line-height: normal;
160}
161.ui-button-text-only .ui-button-text {
162	padding: .4em 1em;
163}
164.ui-button-icon-only .ui-button-text,
165.ui-button-icons-only .ui-button-text {
166	padding: .4em;
167	text-indent: -9999999px;
168}
169.ui-button-text-icon-primary .ui-button-text,
170.ui-button-text-icons .ui-button-text {
171	padding: .4em 1em .4em 2.1em;
172}
173.ui-button-text-icon-secondary .ui-button-text,
174.ui-button-text-icons .ui-button-text {
175	padding: .4em 2.1em .4em 1em;
176}
177.ui-button-text-icons .ui-button-text {
178	padding-left: 2.1em;
179	padding-right: 2.1em;
180}
181/* no icon support for input elements, provide padding by default */
182input.ui-button {
183	padding: .4em 1em;
184}
185
186/* button icon element(s) */
187.ui-button-icon-only .ui-icon,
188.ui-button-text-icon-primary .ui-icon,
189.ui-button-text-icon-secondary .ui-icon,
190.ui-button-text-icons .ui-icon,
191.ui-button-icons-only .ui-icon {
192	position: absolute;
193	top: 50%;
194	margin-top: -8px;
195}
196.ui-button-icon-only .ui-icon {
197	left: 50%;
198	margin-left: -8px;
199}
200.ui-button-text-icon-primary .ui-button-icon-primary,
201.ui-button-text-icons .ui-button-icon-primary,
202.ui-button-icons-only .ui-button-icon-primary {
203	left: .5em;
204}
205.ui-button-text-icon-secondary .ui-button-icon-secondary,
206.ui-button-text-icons .ui-button-icon-secondary,
207.ui-button-icons-only .ui-button-icon-secondary {
208	right: .5em;
209}
210
211/* button sets */
212.ui-buttonset {
213	margin-right: 7px;
214}
215.ui-buttonset .ui-button {
216	margin-left: 0;
217	margin-right: -.3em;
218}
219
220/* workarounds */
221/* reset extra padding in Firefox, see h5bp.com/l */
222input.ui-button::-moz-focus-inner,
223button.ui-button::-moz-focus-inner {
224	border: 0;
225	padding: 0;
226}
227.ui-datepicker {
228	width: 17em;
229	padding: .2em .2em 0;
230	display: none;
231}
232.ui-datepicker .ui-datepicker-header {
233	position: relative;
234	padding: .2em 0;
235}
236.ui-datepicker .ui-datepicker-prev,
237.ui-datepicker .ui-datepicker-next {
238	position: absolute;
239	top: 2px;
240	width: 1.8em;
241	height: 1.8em;
242}
243.ui-datepicker .ui-datepicker-prev-hover,
244.ui-datepicker .ui-datepicker-next-hover {
245	top: 1px;
246}
247.ui-datepicker .ui-datepicker-prev {
248	left: 2px;
249}
250.ui-datepicker .ui-datepicker-next {
251	right: 2px;
252}
253.ui-datepicker .ui-datepicker-prev-hover {
254	left: 1px;
255}
256.ui-datepicker .ui-datepicker-next-hover {
257	right: 1px;
258}
259.ui-datepicker .ui-datepicker-prev span,
260.ui-datepicker .ui-datepicker-next span {
261	display: block;
262	position: absolute;
263	left: 50%;
264	margin-left: -8px;
265	top: 50%;
266	margin-top: -8px;
267}
268.ui-datepicker .ui-datepicker-title {
269	margin: 0 2.3em;
270	line-height: 1.8em;
271	text-align: center;
272}
273.ui-datepicker .ui-datepicker-title select {
274	font-size: 1em;
275	margin: 1px 0;
276}
277.ui-datepicker select.ui-datepicker-month-year {
278	width: 100%;
279}
280.ui-datepicker select.ui-datepicker-month,
281.ui-datepicker select.ui-datepicker-year {
282	width: 49%;
283}
284.ui-datepicker table {
285	width: 100%;
286	font-size: .9em;
287	border-collapse: collapse;
288	margin: 0 0 .4em;
289}
290.ui-datepicker th {
291	padding: .7em .3em;
292	text-align: center;
293	font-weight: bold;
294	border: 0;
295}
296.ui-datepicker td {
297	border: 0;
298	padding: 1px;
299}
300.ui-datepicker td span,
301.ui-datepicker td a {
302	display: block;
303	padding: .2em;
304	text-align: right;
305	text-decoration: none;
306}
307.ui-datepicker .ui-datepicker-buttonpane {
308	background-image: none;
309	margin: .7em 0 0 0;
310	padding: 0 .2em;
311	border-left: 0;
312	border-right: 0;
313	border-bottom: 0;
314}
315.ui-datepicker .ui-datepicker-buttonpane button {
316	float: right;
317	margin: .5em .2em .4em;
318	cursor: pointer;
319	padding: .2em .6em .3em .6em;
320	width: auto;
321	overflow: visible;
322}
323.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
324	float: left;
325}
326
327/* with multiple calendars */
328.ui-datepicker.ui-datepicker-multi {
329	width: auto;
330}
331.ui-datepicker-multi .ui-datepicker-group {
332	float: left;
333}
334.ui-datepicker-multi .ui-datepicker-group table {
335	width: 95%;
336	margin: 0 auto .4em;
337}
338.ui-datepicker-multi-2 .ui-datepicker-group {
339	width: 50%;
340}
341.ui-datepicker-multi-3 .ui-datepicker-group {
342	width: 33.3%;
343}
344.ui-datepicker-multi-4 .ui-datepicker-group {
345	width: 25%;
346}
347.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
348.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
349	border-left-width: 0;
350}
351.ui-datepicker-multi .ui-datepicker-buttonpane {
352	clear: left;
353}
354.ui-datepicker-row-break {
355	clear: both;
356	width: 100%;
357	font-size: 0;
358}
359
360/* RTL support */
361.ui-datepicker-rtl {
362	direction: rtl;
363}
364.ui-datepicker-rtl .ui-datepicker-prev {
365	right: 2px;
366	left: auto;
367}
368.ui-datepicker-rtl .ui-datepicker-next {
369	left: 2px;
370	right: auto;
371}
372.ui-datepicker-rtl .ui-datepicker-prev:hover {
373	right: 1px;
374	left: auto;
375}
376.ui-datepicker-rtl .ui-datepicker-next:hover {
377	left: 1px;
378	right: auto;
379}
380.ui-datepicker-rtl .ui-datepicker-buttonpane {
381	clear: right;
382}
383.ui-datepicker-rtl .ui-datepicker-buttonpane button {
384	float: left;
385}
386.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
387.ui-datepicker-rtl .ui-datepicker-group {
388	float: right;
389}
390.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
391.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
392	border-right-width: 0;
393	border-left-width: 1px;
394}
395.ui-dialog {
396	position: absolute;
397	top: 0;
398	left: 0;
399	padding: .2em;
400	outline: 0;
401}
402.ui-dialog .ui-dialog-titlebar {
403	padding: .4em 1em;
404	position: relative;
405}
406.ui-dialog .ui-dialog-title {
407	float: left;
408	margin: .1em 0;
409	white-space: nowrap;
410	width: 90%;
411	overflow: hidden;
412	text-overflow: ellipsis;
413}
414.ui-dialog .ui-dialog-titlebar-close {
415	position: absolute;
416	right: .3em;
417	top: 50%;
418	width: 21px;
419	margin: -10px 0 0 0;
420	padding: 1px;
421	height: 20px;
422}
423.ui-dialog .ui-dialog-content {
424	position: relative;
425	border: 0;
426	padding: .5em 1em;
427	background: none;
428	overflow: auto;
429}
430.ui-dialog .ui-dialog-buttonpane {
431	text-align: left;
432	border-width: 1px 0 0 0;
433	background-image: none;
434	margin-top: .5em;
435	padding: .3em 1em .5em .4em;
436}
437.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
438	float: right;
439}
440.ui-dialog .ui-dialog-buttonpane button {
441	margin: .5em .4em .5em 0;
442	cursor: pointer;
443}
444.ui-dialog .ui-resizable-se {
445	width: 12px;
446	height: 12px;
447	right: -5px;
448	bottom: -5px;
449	background-position: 16px 16px;
450}
451.ui-draggable .ui-dialog-titlebar {
452	cursor: move;
453}
454.ui-menu {
455	list-style: none;
456	padding: 2px;
457	margin: 0;
458	display: block;
459	outline: none;
460}
461.ui-menu .ui-menu {
462	margin-top: -3px;
463	position: absolute;
464}
465.ui-menu .ui-menu-item {
466	margin: 0;
467	padding: 0;
468	width: 100%;
469}
470.ui-menu .ui-menu-divider {
471	margin: 5px -2px 5px -2px;
472	height: 0;
473	font-size: 0;
474	line-height: 0;
475	border-width: 1px 0 0 0;
476}
477.ui-menu .ui-menu-item a {
478	text-decoration: none;
479	display: block;
480	padding: 2px .4em;
481	line-height: 1.5;
482	min-height: 0; /* support: IE7 */
483	font-weight: normal;
484}
485.ui-menu .ui-menu-item a.ui-state-focus,
486.ui-menu .ui-menu-item a.ui-state-active {
487	font-weight: normal;
488	margin: -1px;
489}
490
491.ui-menu .ui-state-disabled {
492	font-weight: normal;
493	margin: .4em 0 .2em;
494	line-height: 1.5;
495}
496.ui-menu .ui-state-disabled a {
497	cursor: default;
498}
499
500/* icon support */
501.ui-menu-icons {
502	position: relative;
503}
504.ui-menu-icons .ui-menu-item a {
505	position: relative;
506	padding-left: 2em;
507}
508
509/* left-aligned */
510.ui-menu .ui-icon {
511	position: absolute;
512	top: .2em;
513	left: .2em;
514}
515
516/* right-aligned */
517.ui-menu .ui-menu-icon {
518	position: static;
519	float: right;
520}
521.ui-progressbar {
522	height: 2em;
523	text-align: left;
524	overflow: hidden;
525}
526.ui-progressbar .ui-progressbar-value {
527	margin: -1px;
528	height: 100%;
529}
530.ui-progressbar .ui-progressbar-overlay {
531	background: url("images/animated-overlay.gif");
532	height: 100%;
533	filter: alpha(opacity=25);
534	opacity: 0.25;
535}
536.ui-progressbar-indeterminate .ui-progressbar-value {
537	background-image: none;
538}
539.ui-resizable {
540	position: relative;
541}
542.ui-resizable-handle {
543	position: absolute;
544	font-size: 0.1px;
545	display: block;
546}
547.ui-resizable-disabled .ui-resizable-handle,
548.ui-resizable-autohide .ui-resizable-handle {
549	display: none;
550}
551.ui-resizable-n {
552	cursor: n-resize;
553	height: 7px;
554	width: 100%;
555	top: -5px;
556	left: 0;
557}
558.ui-resizable-s {
559	cursor: s-resize;
560	height: 7px;
561	width: 100%;
562	bottom: -5px;
563	left: 0;
564}
565.ui-resizable-e {
566	cursor: e-resize;
567	width: 7px;
568	right: -5px;
569	top: 0;
570	height: 100%;
571}
572.ui-resizable-w {
573	cursor: w-resize;
574	width: 7px;
575	left: -5px;
576	top: 0;
577	height: 100%;
578}
579.ui-resizable-se {
580	cursor: se-resize;
581	width: 12px;
582	height: 12px;
583	right: 1px;
584	bottom: 1px;
585}
586.ui-resizable-sw {
587	cursor: sw-resize;
588	width: 9px;
589	height: 9px;
590	left: -5px;
591	bottom: -5px;
592}
593.ui-resizable-nw {
594	cursor: nw-resize;
595	width: 9px;
596	height: 9px;
597	left: -5px;
598	top: -5px;
599}
600.ui-resizable-ne {
601	cursor: ne-resize;
602	width: 9px;
603	height: 9px;
604	right: -5px;
605	top: -5px;
606}
607.ui-selectable-helper {
608	position: absolute;
609	z-index: 100;
610	border: 1px dotted black;
611}
612.ui-slider {
613	position: relative;
614	text-align: left;
615}
616.ui-slider .ui-slider-handle {
617	position: absolute;
618	z-index: 2;
619	width: 1.2em;
620	height: 1.2em;
621	cursor: default;
622}
623.ui-slider .ui-slider-range {
624	position: absolute;
625	z-index: 1;
626	font-size: .7em;
627	display: block;
628	border: 0;
629	background-position: 0 0;
630}
631
632/* For IE8 - See #6727 */
633.ui-slider.ui-state-disabled .ui-slider-handle,
634.ui-slider.ui-state-disabled .ui-slider-range {
635	filter: inherit;
636}
637
638.ui-slider-horizontal {
639	height: .8em;
640}
641.ui-slider-horizontal .ui-slider-handle {
642	top: -.3em;
643	margin-left: -.6em;
644}
645.ui-slider-horizontal .ui-slider-range {
646	top: 0;
647	height: 100%;
648}
649.ui-slider-horizontal .ui-slider-range-min {
650	left: 0;
651}
652.ui-slider-horizontal .ui-slider-range-max {
653	right: 0;
654}
655
656.ui-slider-vertical {
657	width: .8em;
658	height: 100px;
659}
660.ui-slider-vertical .ui-slider-handle {
661	left: -.3em;
662	margin-left: 0;
663	margin-bottom: -.6em;
664}
665.ui-slider-vertical .ui-slider-range {
666	left: 0;
667	width: 100%;
668}
669.ui-slider-vertical .ui-slider-range-min {
670	bottom: 0;
671}
672.ui-slider-vertical .ui-slider-range-max {
673	top: 0;
674}
675.ui-spinner {
676	position: relative;
677	display: inline-block;
678	overflow: hidden;
679	padding: 0;
680	vertical-align: middle;
681}
682.ui-spinner-input {
683	border: none;
684	background: none;
685	color: inherit;
686	padding: 0;
687	margin: .2em 0;
688	vertical-align: middle;
689	margin-left: .4em;
690	margin-right: 22px;
691}
692.ui-spinner-button {
693	width: 16px;
694	height: 50%;
695	font-size: .5em;
696	padding: 0;
697	margin: 0;
698	text-align: center;
699	position: absolute;
700	cursor: default;
701	display: block;
702	overflow: hidden;
703	right: 0;
704}
705/* more specificity required here to overide default borders */
706.ui-spinner a.ui-spinner-button {
707	border-top: none;
708	border-bottom: none;
709	border-right: none;
710}
711/* vertical centre icon */
712.ui-spinner .ui-icon {
713	position: absolute;
714	margin-top: -8px;
715	top: 50%;
716	left: 0;
717}
718.ui-spinner-up {
719	top: 0;
720}
721.ui-spinner-down {
722	bottom: 0;
723}
724
725/* TR overrides */
726.ui-spinner .ui-icon-triangle-1-s {
727	/* need to fix icons sprite */
728	background-position: -65px -16px;
729}
730.ui-tabs {
731	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
732	padding: .2em;
733}
734.ui-tabs .ui-tabs-nav {
735	margin: 0;
736	padding: .2em .2em 0;
737}
738.ui-tabs .ui-tabs-nav li {
739	list-style: none;
740	float: left;
741	position: relative;
742	top: 0;
743	margin: 1px .2em 0 0;
744	border-bottom-width: 0;
745	padding: 0;
746	white-space: nowrap;
747}
748.ui-tabs .ui-tabs-nav li a {
749	float: left;
750	padding: .5em 1em;
751	text-decoration: none;
752}
753.ui-tabs .ui-tabs-nav li.ui-tabs-active {
754	margin-bottom: -1px;
755	padding-bottom: 1px;
756}
757.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
758.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
759.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
760	cursor: text;
761}
762.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
763.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
764	cursor: pointer;
765}
766.ui-tabs .ui-tabs-panel {
767	display: block;
768	border-width: 0;
769	padding: 1em 1.4em;
770	background: none;
771}
772.ui-tooltip {
773	padding: 8px;
774	position: absolute;
775	z-index: 9999;
776	max-width: 300px;
777	-webkit-box-shadow: 0 0 5px #aaa;
778	box-shadow: 0 0 5px #aaa;
779}
780body .ui-tooltip {
781	border-width: 2px;
782}
783
784/* Component containers
785----------------------------------*/
786.ui-widget {
787
788	font-size: 1.1em;
789}
790.ui-widget .ui-widget {
791	font-size: 1em;
792}
793.ui-widget input,
794.ui-widget select,
795.ui-widget textarea,
796.ui-widget button {
797
798	font-size: 1em;
799}
800.ui-widget-content {
801	border: 1px solid #aaaaaa;
802	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
803	color: #222222;
804}
805.ui-widget-content a {
806	color: #222222;
807}
808.ui-widget-header {
809	border: 1px solid #aaaaaa;
810	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
811	color: #222222;
812	font-weight: bold;
813}
814.ui-widget-header a {
815	color: #222222;
816}
817
818/* Interaction states
819----------------------------------*/
820.ui-state-default,
821.ui-widget-content .ui-state-default,
822.ui-widget-header .ui-state-default {
823	border: 1px solid #d3d3d3;
824	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
825	font-weight: normal;
826	color: #555555;
827}
828.ui-state-default a,
829.ui-state-default a:link,
830.ui-state-default a:visited {
831	color: #555555;
832	text-decoration: none;
833}
834.ui-state-hover,
835.ui-widget-content .ui-state-hover,
836.ui-widget-header .ui-state-hover,
837.ui-state-focus,
838.ui-widget-content .ui-state-focus,
839.ui-widget-header .ui-state-focus {
840	border: 1px solid #999999;
841	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
842	font-weight: normal;
843	color: #212121;
844}
845.ui-state-hover a,
846.ui-state-hover a:hover,
847.ui-state-hover a:link,
848.ui-state-hover a:visited {
849	color: #212121;
850	text-decoration: none;
851}
852.ui-state-active,
853.ui-widget-content .ui-state-active,
854.ui-widget-header .ui-state-active {
855	border: 1px solid #aaaaaa;
856	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
857	font-weight: normal;
858	color: #212121;
859}
860.ui-state-active a,
861.ui-state-active a:link,
862.ui-state-active a:visited {
863	color: #212121;
864	text-decoration: none;
865}
866
867/* Interaction Cues
868----------------------------------*/
869.ui-state-highlight,
870.ui-widget-content .ui-state-highlight,
871.ui-widget-header .ui-state-highlight {
872	border: 1px solid #fcefa1;
873	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
874	color: #363636;
875}
876.ui-state-highlight a,
877.ui-widget-content .ui-state-highlight a,
878.ui-widget-header .ui-state-highlight a {
879	color: #363636;
880}
881.ui-state-error,
882.ui-widget-content .ui-state-error,
883.ui-widget-header .ui-state-error {
884	border: 1px solid #cd0a0a;
885	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
886	color: #cd0a0a;
887}
888.ui-state-error a,
889.ui-widget-content .ui-state-error a,
890.ui-widget-header .ui-state-error a {
891	color: #cd0a0a;
892}
893.ui-state-error-text,
894.ui-widget-content .ui-state-error-text,
895.ui-widget-header .ui-state-error-text {
896	color: #cd0a0a;
897}
898.ui-priority-primary,
899.ui-widget-content .ui-priority-primary,
900.ui-widget-header .ui-priority-primary {
901	font-weight: bold;
902}
903.ui-priority-secondary,
904.ui-widget-content .ui-priority-secondary,
905.ui-widget-header .ui-priority-secondary {
906	opacity: .7;
907	filter:Alpha(Opacity=70);
908	font-weight: normal;
909}
910.ui-state-disabled,
911.ui-widget-content .ui-state-disabled,
912.ui-widget-header .ui-state-disabled {
913	opacity: .35;
914	filter:Alpha(Opacity=35);
915	background-image: none;
916}
917.ui-state-disabled .ui-icon {
918	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
919}
920
921/* Icons
922----------------------------------*/
923
924/* states and images */
925.ui-icon {
926	width: 16px;
927	height: 16px;
928}
929.ui-icon,
930.ui-widget-content .ui-icon {
931	background-image: url(images/ui-icons_222222_256x240.png);
932}
933.ui-widget-header .ui-icon {
934	background-image: url(images/ui-icons_222222_256x240.png);
935}
936.ui-state-default .ui-icon {
937	background-image: url(images/ui-icons_888888_256x240.png);
938}
939.ui-state-hover .ui-icon,
940.ui-state-focus .ui-icon {
941	background-image: url(images/ui-icons_454545_256x240.png);
942}
943.ui-state-active .ui-icon {
944	background-image: url(images/ui-icons_454545_256x240.png);
945}
946.ui-state-highlight .ui-icon {
947	background-image: url(images/ui-icons_2e83ff_256x240.png);
948}
949.ui-state-error .ui-icon,
950.ui-state-error-text .ui-icon {
951	background-image: url(images/ui-icons_cd0a0a_256x240.png);
952}
953
954/* positioning */
955.ui-icon-blank { background-position: 16px 16px; }
956.ui-icon-carat-1-n { background-position: 0 0; }
957.ui-icon-carat-1-ne { background-position: -16px 0; }
958.ui-icon-carat-1-e { background-position: -32px 0; }
959.ui-icon-carat-1-se { background-position: -48px 0; }
960.ui-icon-carat-1-s { background-position: -64px 0; }
961.ui-icon-carat-1-sw { background-position: -80px 0; }
962.ui-icon-carat-1-w { background-position: -96px 0; }
963.ui-icon-carat-1-nw { background-position: -112px 0; }
964.ui-icon-carat-2-n-s { background-position: -128px 0; }
965.ui-icon-carat-2-e-w { background-position: -144px 0; }
966.ui-icon-triangle-1-n { background-position: 0 -16px; }
967.ui-icon-triangle-1-ne { background-position: -16px -16px; }
968.ui-icon-triangle-1-e { background-position: -32px -16px; }
969.ui-icon-triangle-1-se { background-position: -48px -16px; }
970.ui-icon-triangle-1-s { background-position: -64px -16px; }
971.ui-icon-triangle-1-sw { background-position: -80px -16px; }
972.ui-icon-triangle-1-w { background-position: -96px -16px; }
973.ui-icon-triangle-1-nw { background-position: -112px -16px; }
974.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
975.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
976.ui-icon-arrow-1-n { background-position: 0 -32px; }
977.ui-icon-arrow-1-ne { background-position: -16px -32px; }
978.ui-icon-arrow-1-e { background-position: -32px -32px; }
979.ui-icon-arrow-1-se { background-position: -48px -32px; }
980.ui-icon-arrow-1-s { background-position: -64px -32px; }
981.ui-icon-arrow-1-sw { background-position: -80px -32px; }
982.ui-icon-arrow-1-w { background-position: -96px -32px; }
983.ui-icon-arrow-1-nw { background-position: -112px -32px; }
984.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
985.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
986.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
987.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
988.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
989.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
990.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
991.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
992.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
993.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
994.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
995.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
996.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
997.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
998.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
999.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1000.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1001.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1002.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1003.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1004.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1005.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1006.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1007.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1008.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1009.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1010.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1011.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1012.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1013.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1014.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1015.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1016.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1017.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1018.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1019.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1020.ui-icon-arrow-4 { background-position: 0 -80px; }
1021.ui-icon-arrow-4-diag { background-position: -16px -80px; }
1022.ui-icon-extlink { background-position: -32px -80px; }
1023.ui-icon-newwin { background-position: -48px -80px; }
1024.ui-icon-refresh { background-position: -64px -80px; }
1025.ui-icon-shuffle { background-position: -80px -80px; }
1026.ui-icon-transfer-e-w { background-position: -96px -80px; }
1027.ui-icon-transferthick-e-w { background-position: -112px -80px; }
1028.ui-icon-folder-collapsed { background-position: 0 -96px; }
1029.ui-icon-folder-open { background-position: -16px -96px; }
1030.ui-icon-document { background-position: -32px -96px; }
1031.ui-icon-document-b { background-position: -48px -96px; }
1032.ui-icon-note { background-position: -64px -96px; }
1033.ui-icon-mail-closed { background-position: -80px -96px; }
1034.ui-icon-mail-open { background-position: -96px -96px; }
1035.ui-icon-suitcase { background-position: -112px -96px; }
1036.ui-icon-comment { background-position: -128px -96px; }
1037.ui-icon-person { background-position: -144px -96px; }
1038.ui-icon-print { background-position: -160px -96px; }
1039.ui-icon-trash { background-position: -176px -96px; }
1040.ui-icon-locked { background-position: -192px -96px; }
1041.ui-icon-unlocked { background-position: -208px -96px; }
1042.ui-icon-bookmark { background-position: -224px -96px; }
1043.ui-icon-tag { background-position: -240px -96px; }
1044.ui-icon-home { background-position: 0 -112px; }
1045.ui-icon-flag { background-position: -16px -112px; }
1046.ui-icon-calendar { background-position: -32px -112px; }
1047.ui-icon-cart { background-position: -48px -112px; }
1048.ui-icon-pencil { background-position: -64px -112px; }
1049.ui-icon-clock { background-position: -80px -112px; }
1050.ui-icon-disk { background-position: -96px -112px; }
1051.ui-icon-calculator { background-position: -112px -112px; }
1052.ui-icon-zoomin { background-position: -128px -112px; }
1053.ui-icon-zoomout { background-position: -144px -112px; }
1054.ui-icon-search { background-position: -160px -112px; }
1055.ui-icon-wrench { background-position: -176px -112px; }
1056.ui-icon-gear { background-position: -192px -112px; }
1057.ui-icon-heart { background-position: -208px -112px; }
1058.ui-icon-star { background-position: -224px -112px; }
1059.ui-icon-link { background-position: -240px -112px; }
1060.ui-icon-cancel { background-position: 0 -128px; }
1061.ui-icon-plus { background-position: -16px -128px; }
1062.ui-icon-plusthick { background-position: -32px -128px; }
1063.ui-icon-minus { background-position: -48px -128px; }
1064.ui-icon-minusthick { background-position: -64px -128px; }
1065.ui-icon-close { background-position: -80px -128px; }
1066.ui-icon-closethick { background-position: -96px -128px; }
1067.ui-icon-key { background-position: -112px -128px; }
1068.ui-icon-lightbulb { background-position: -128px -128px; }
1069.ui-icon-scissors { background-position: -144px -128px; }
1070.ui-icon-clipboard { background-position: -160px -128px; }
1071.ui-icon-copy { background-position: -176px -128px; }
1072.ui-icon-contact { background-position: -192px -128px; }
1073.ui-icon-image { background-position: -208px -128px; }
1074.ui-icon-video { background-position: -224px -128px; }
1075.ui-icon-script { background-position: -240px -128px; }
1076.ui-icon-alert { background-position: 0 -144px; }
1077.ui-icon-info { background-position: -16px -144px; }
1078.ui-icon-notice { background-position: -32px -144px; }
1079.ui-icon-help { background-position: -48px -144px; }
1080.ui-icon-check { background-position: -64px -144px; }
1081.ui-icon-bullet { background-position: -80px -144px; }
1082.ui-icon-radio-on { background-position: -96px -144px; }
1083.ui-icon-radio-off { background-position: -112px -144px; }
1084.ui-icon-pin-w { background-position: -128px -144px; }
1085.ui-icon-pin-s { background-position: -144px -144px; }
1086.ui-icon-play { background-position: 0 -160px; }
1087.ui-icon-pause { background-position: -16px -160px; }
1088.ui-icon-seek-next { background-position: -32px -160px; }
1089.ui-icon-seek-prev { background-position: -48px -160px; }
1090.ui-icon-seek-end { background-position: -64px -160px; }
1091.ui-icon-seek-start { background-position: -80px -160px; }
1092/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1093.ui-icon-seek-first { background-position: -80px -160px; }
1094.ui-icon-stop { background-position: -96px -160px; }
1095.ui-icon-eject { background-position: -112px -160px; }
1096.ui-icon-volume-off { background-position: -128px -160px; }
1097.ui-icon-volume-on { background-position: -144px -160px; }
1098.ui-icon-power { background-position: 0 -176px; }
1099.ui-icon-signal-diag { background-position: -16px -176px; }
1100.ui-icon-signal { background-position: -32px -176px; }
1101.ui-icon-battery-0 { background-position: -48px -176px; }
1102.ui-icon-battery-1 { background-position: -64px -176px; }
1103.ui-icon-battery-2 { background-position: -80px -176px; }
1104.ui-icon-battery-3 { background-position: -96px -176px; }
1105.ui-icon-circle-plus { background-position: 0 -192px; }
1106.ui-icon-circle-minus { background-position: -16px -192px; }
1107.ui-icon-circle-close { background-position: -32px -192px; }
1108.ui-icon-circle-triangle-e { background-position: -48px -192px; }
1109.ui-icon-circle-triangle-s { background-position: -64px -192px; }
1110.ui-icon-circle-triangle-w { background-position: -80px -192px; }
1111.ui-icon-circle-triangle-n { background-position: -96px -192px; }
1112.ui-icon-circle-arrow-e { background-position: -112px -192px; }
1113.ui-icon-circle-arrow-s { background-position: -128px -192px; }
1114.ui-icon-circle-arrow-w { background-position: -144px -192px; }
1115.ui-icon-circle-arrow-n { background-position: -160px -192px; }
1116.ui-icon-circle-zoomin { background-position: -176px -192px; }
1117.ui-icon-circle-zoomout { background-position: -192px -192px; }
1118.ui-icon-circle-check { background-position: -208px -192px; }
1119.ui-icon-circlesmall-plus { background-position: 0 -208px; }
1120.ui-icon-circlesmall-minus { background-position: -16px -208px; }
1121.ui-icon-circlesmall-close { background-position: -32px -208px; }
1122.ui-icon-squaresmall-plus { background-position: -48px -208px; }
1123.ui-icon-squaresmall-minus { background-position: -64px -208px; }
1124.ui-icon-squaresmall-close { background-position: -80px -208px; }
1125.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1126.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1127.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1128.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1129.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1130.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1131
1132
1133/* Misc visuals
1134----------------------------------*/
1135
1136/* Corner radius */
1137.ui-corner-all,
1138.ui-corner-top,
1139.ui-corner-left,
1140.ui-corner-tl {
1141	border-top-left-radius: 4px;
1142}
1143.ui-corner-all,
1144.ui-corner-top,
1145.ui-corner-right,
1146.ui-corner-tr {
1147	border-top-right-radius: 4px;
1148}
1149.ui-corner-all,
1150.ui-corner-bottom,
1151.ui-corner-left,
1152.ui-corner-bl {
1153	border-bottom-left-radius: 4px;
1154}
1155.ui-corner-all,
1156.ui-corner-bottom,
1157.ui-corner-right,
1158.ui-corner-br {
1159	border-bottom-right-radius: 4px;
1160}
1161
1162/* Overlays */
1163.ui-widget-overlay {
1164	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1165	opacity: .3;
1166	filter: Alpha(Opacity=30);
1167}
1168.ui-widget-shadow {
1169	margin: -8px 0 0 -8px;
1170	padding: 8px;
1171	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1172	opacity: .3;
1173	filter: Alpha(Opacity=30);
1174	border-radius: 8px;
1175}
1176