xref: /dokuwiki/lib/scripts/jquery/jquery-ui-theme/smoothness.css (revision 16ac1f4e01580b4679a076a8f895536b1e7d712c)
1/*! jQuery UI - v1.10.4 - 2014-01-17
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, jquery.ui.theme.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 2014 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,
278.ui-datepicker select.ui-datepicker-year {
279	width: 49%;
280}
281.ui-datepicker table {
282	width: 100%;
283	font-size: .9em;
284	border-collapse: collapse;
285	margin: 0 0 .4em;
286}
287.ui-datepicker th {
288	padding: .7em .3em;
289	text-align: center;
290	font-weight: bold;
291	border: 0;
292}
293.ui-datepicker td {
294	border: 0;
295	padding: 1px;
296}
297.ui-datepicker td span,
298.ui-datepicker td a {
299	display: block;
300	padding: .2em;
301	text-align: right;
302	text-decoration: none;
303}
304.ui-datepicker .ui-datepicker-buttonpane {
305	background-image: none;
306	margin: .7em 0 0 0;
307	padding: 0 .2em;
308	border-left: 0;
309	border-right: 0;
310	border-bottom: 0;
311}
312.ui-datepicker .ui-datepicker-buttonpane button {
313	float: right;
314	margin: .5em .2em .4em;
315	cursor: pointer;
316	padding: .2em .6em .3em .6em;
317	width: auto;
318	overflow: visible;
319}
320.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
321	float: left;
322}
323
324/* with multiple calendars */
325.ui-datepicker.ui-datepicker-multi {
326	width: auto;
327}
328.ui-datepicker-multi .ui-datepicker-group {
329	float: left;
330}
331.ui-datepicker-multi .ui-datepicker-group table {
332	width: 95%;
333	margin: 0 auto .4em;
334}
335.ui-datepicker-multi-2 .ui-datepicker-group {
336	width: 50%;
337}
338.ui-datepicker-multi-3 .ui-datepicker-group {
339	width: 33.3%;
340}
341.ui-datepicker-multi-4 .ui-datepicker-group {
342	width: 25%;
343}
344.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
345.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
346	border-left-width: 0;
347}
348.ui-datepicker-multi .ui-datepicker-buttonpane {
349	clear: left;
350}
351.ui-datepicker-row-break {
352	clear: both;
353	width: 100%;
354	font-size: 0;
355}
356
357/* RTL support */
358.ui-datepicker-rtl {
359	direction: rtl;
360}
361.ui-datepicker-rtl .ui-datepicker-prev {
362	right: 2px;
363	left: auto;
364}
365.ui-datepicker-rtl .ui-datepicker-next {
366	left: 2px;
367	right: auto;
368}
369.ui-datepicker-rtl .ui-datepicker-prev:hover {
370	right: 1px;
371	left: auto;
372}
373.ui-datepicker-rtl .ui-datepicker-next:hover {
374	left: 1px;
375	right: auto;
376}
377.ui-datepicker-rtl .ui-datepicker-buttonpane {
378	clear: right;
379}
380.ui-datepicker-rtl .ui-datepicker-buttonpane button {
381	float: left;
382}
383.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
384.ui-datepicker-rtl .ui-datepicker-group {
385	float: right;
386}
387.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
388.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
389	border-right-width: 0;
390	border-left-width: 1px;
391}
392.ui-dialog {
393	overflow: hidden;
394	position: absolute;
395	top: 0;
396	left: 0;
397	padding: .2em;
398	outline: 0;
399}
400.ui-dialog .ui-dialog-titlebar {
401	padding: .4em 1em;
402	position: relative;
403}
404.ui-dialog .ui-dialog-title {
405	float: left;
406	margin: .1em 0;
407	white-space: nowrap;
408	width: 90%;
409	overflow: hidden;
410	text-overflow: ellipsis;
411}
412.ui-dialog .ui-dialog-titlebar-close {
413	position: absolute;
414	right: .3em;
415	top: 50%;
416	width: 20px;
417	margin: -10px 0 0 0;
418	padding: 1px;
419	height: 20px;
420}
421.ui-dialog .ui-dialog-content {
422	position: relative;
423	border: 0;
424	padding: .5em 1em;
425	background: none;
426	overflow: auto;
427}
428.ui-dialog .ui-dialog-buttonpane {
429	text-align: left;
430	border-width: 1px 0 0 0;
431	background-image: none;
432	margin-top: .5em;
433	padding: .3em 1em .5em .4em;
434}
435.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
436	float: right;
437}
438.ui-dialog .ui-dialog-buttonpane button {
439	margin: .5em .4em .5em 0;
440	cursor: pointer;
441}
442.ui-dialog .ui-resizable-se {
443	width: 12px;
444	height: 12px;
445	right: -5px;
446	bottom: -5px;
447	background-position: 16px 16px;
448}
449.ui-draggable .ui-dialog-titlebar {
450	cursor: move;
451}
452.ui-menu {
453	list-style: none;
454	padding: 2px;
455	margin: 0;
456	display: block;
457	outline: none;
458}
459.ui-menu .ui-menu {
460	margin-top: -3px;
461	position: absolute;
462}
463.ui-menu .ui-menu-item {
464	margin: 0;
465	padding: 0;
466	width: 100%;
467	/* support: IE10, see #8844 */
468	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
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 override default borders */
706.ui-spinner a.ui-spinner-button {
707	border-top: none;
708	border-bottom: none;
709	border-right: none;
710}
711/* vertically center 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 .ui-tabs-anchor {
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 .ui-tabs-anchor,
758.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
759.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
760	cursor: text;
761}
762.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
763	cursor: pointer;
764}
765.ui-tabs .ui-tabs-panel {
766	display: block;
767	border-width: 0;
768	padding: 1em 1.4em;
769	background: none;
770}
771.ui-tooltip {
772	padding: 8px;
773	position: absolute;
774	z-index: 9999;
775	max-width: 300px;
776	-webkit-box-shadow: 0 0 5px #aaa;
777	box-shadow: 0 0 5px #aaa;
778}
779body .ui-tooltip {
780	border-width: 2px;
781}
782
783/* Component containers
784----------------------------------*/
785.ui-widget {
786
787	font-size: 1.1em;
788}
789.ui-widget .ui-widget {
790	font-size: 1em;
791}
792.ui-widget input,
793.ui-widget select,
794.ui-widget textarea,
795.ui-widget button {
796
797	font-size: 1em;
798}
799.ui-widget-content {
800	border: 1px solid #aaaaaa;
801	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
802	color: #222222;
803}
804.ui-widget-content a {
805	color: #222222;
806}
807.ui-widget-header {
808	border: 1px solid #aaaaaa;
809	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
810	color: #222222;
811	font-weight: bold;
812}
813.ui-widget-header a {
814	color: #222222;
815}
816
817/* Interaction states
818----------------------------------*/
819.ui-state-default,
820.ui-widget-content .ui-state-default,
821.ui-widget-header .ui-state-default {
822	border: 1px solid #d3d3d3;
823	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
824	font-weight: normal;
825	color: #555555;
826}
827.ui-state-default a,
828.ui-state-default a:link,
829.ui-state-default a:visited {
830	color: #555555;
831	text-decoration: none;
832}
833.ui-state-hover,
834.ui-widget-content .ui-state-hover,
835.ui-widget-header .ui-state-hover,
836.ui-state-focus,
837.ui-widget-content .ui-state-focus,
838.ui-widget-header .ui-state-focus {
839	border: 1px solid #999999;
840	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
841	font-weight: normal;
842	color: #212121;
843}
844.ui-state-hover a,
845.ui-state-hover a:hover,
846.ui-state-hover a:link,
847.ui-state-hover a:visited,
848.ui-state-focus a,
849.ui-state-focus a:hover,
850.ui-state-focus a:link,
851.ui-state-focus a:visited {
852	color: #212121;
853	text-decoration: none;
854}
855.ui-state-active,
856.ui-widget-content .ui-state-active,
857.ui-widget-header .ui-state-active {
858	border: 1px solid #aaaaaa;
859	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
860	font-weight: normal;
861	color: #212121;
862}
863.ui-state-active a,
864.ui-state-active a:link,
865.ui-state-active a:visited {
866	color: #212121;
867	text-decoration: none;
868}
869
870/* Interaction Cues
871----------------------------------*/
872.ui-state-highlight,
873.ui-widget-content .ui-state-highlight,
874.ui-widget-header .ui-state-highlight {
875	border: 1px solid #fcefa1;
876	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
877	color: #363636;
878}
879.ui-state-highlight a,
880.ui-widget-content .ui-state-highlight a,
881.ui-widget-header .ui-state-highlight a {
882	color: #363636;
883}
884.ui-state-error,
885.ui-widget-content .ui-state-error,
886.ui-widget-header .ui-state-error {
887	border: 1px solid #cd0a0a;
888	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
889	color: #cd0a0a;
890}
891.ui-state-error a,
892.ui-widget-content .ui-state-error a,
893.ui-widget-header .ui-state-error a {
894	color: #cd0a0a;
895}
896.ui-state-error-text,
897.ui-widget-content .ui-state-error-text,
898.ui-widget-header .ui-state-error-text {
899	color: #cd0a0a;
900}
901.ui-priority-primary,
902.ui-widget-content .ui-priority-primary,
903.ui-widget-header .ui-priority-primary {
904	font-weight: bold;
905}
906.ui-priority-secondary,
907.ui-widget-content .ui-priority-secondary,
908.ui-widget-header .ui-priority-secondary {
909	opacity: .7;
910	filter:Alpha(Opacity=70);
911	font-weight: normal;
912}
913.ui-state-disabled,
914.ui-widget-content .ui-state-disabled,
915.ui-widget-header .ui-state-disabled {
916	opacity: .35;
917	filter:Alpha(Opacity=35);
918	background-image: none;
919}
920.ui-state-disabled .ui-icon {
921	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
922}
923
924/* Icons
925----------------------------------*/
926
927/* states and images */
928.ui-icon {
929	width: 16px;
930	height: 16px;
931}
932.ui-icon,
933.ui-widget-content .ui-icon {
934	background-image: url(images/ui-icons_222222_256x240.png);
935}
936.ui-widget-header .ui-icon {
937	background-image: url(images/ui-icons_222222_256x240.png);
938}
939.ui-state-default .ui-icon {
940	background-image: url(images/ui-icons_888888_256x240.png);
941}
942.ui-state-hover .ui-icon,
943.ui-state-focus .ui-icon {
944	background-image: url(images/ui-icons_454545_256x240.png);
945}
946.ui-state-active .ui-icon {
947	background-image: url(images/ui-icons_454545_256x240.png);
948}
949.ui-state-highlight .ui-icon {
950	background-image: url(images/ui-icons_2e83ff_256x240.png);
951}
952.ui-state-error .ui-icon,
953.ui-state-error-text .ui-icon {
954	background-image: url(images/ui-icons_cd0a0a_256x240.png);
955}
956
957/* positioning */
958.ui-icon-blank { background-position: 16px 16px; }
959.ui-icon-carat-1-n { background-position: 0 0; }
960.ui-icon-carat-1-ne { background-position: -16px 0; }
961.ui-icon-carat-1-e { background-position: -32px 0; }
962.ui-icon-carat-1-se { background-position: -48px 0; }
963.ui-icon-carat-1-s { background-position: -64px 0; }
964.ui-icon-carat-1-sw { background-position: -80px 0; }
965.ui-icon-carat-1-w { background-position: -96px 0; }
966.ui-icon-carat-1-nw { background-position: -112px 0; }
967.ui-icon-carat-2-n-s { background-position: -128px 0; }
968.ui-icon-carat-2-e-w { background-position: -144px 0; }
969.ui-icon-triangle-1-n { background-position: 0 -16px; }
970.ui-icon-triangle-1-ne { background-position: -16px -16px; }
971.ui-icon-triangle-1-e { background-position: -32px -16px; }
972.ui-icon-triangle-1-se { background-position: -48px -16px; }
973.ui-icon-triangle-1-s { background-position: -64px -16px; }
974.ui-icon-triangle-1-sw { background-position: -80px -16px; }
975.ui-icon-triangle-1-w { background-position: -96px -16px; }
976.ui-icon-triangle-1-nw { background-position: -112px -16px; }
977.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
978.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
979.ui-icon-arrow-1-n { background-position: 0 -32px; }
980.ui-icon-arrow-1-ne { background-position: -16px -32px; }
981.ui-icon-arrow-1-e { background-position: -32px -32px; }
982.ui-icon-arrow-1-se { background-position: -48px -32px; }
983.ui-icon-arrow-1-s { background-position: -64px -32px; }
984.ui-icon-arrow-1-sw { background-position: -80px -32px; }
985.ui-icon-arrow-1-w { background-position: -96px -32px; }
986.ui-icon-arrow-1-nw { background-position: -112px -32px; }
987.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
988.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
989.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
990.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
991.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
992.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
993.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
994.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
995.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
996.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
997.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
998.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
999.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1000.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1001.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1002.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1003.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1004.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1005.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1006.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1007.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1008.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1009.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1010.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1011.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1012.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1013.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1014.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1015.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1016.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1017.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1018.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1019.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1020.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1021.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1022.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1023.ui-icon-arrow-4 { background-position: 0 -80px; }
1024.ui-icon-arrow-4-diag { background-position: -16px -80px; }
1025.ui-icon-extlink { background-position: -32px -80px; }
1026.ui-icon-newwin { background-position: -48px -80px; }
1027.ui-icon-refresh { background-position: -64px -80px; }
1028.ui-icon-shuffle { background-position: -80px -80px; }
1029.ui-icon-transfer-e-w { background-position: -96px -80px; }
1030.ui-icon-transferthick-e-w { background-position: -112px -80px; }
1031.ui-icon-folder-collapsed { background-position: 0 -96px; }
1032.ui-icon-folder-open { background-position: -16px -96px; }
1033.ui-icon-document { background-position: -32px -96px; }
1034.ui-icon-document-b { background-position: -48px -96px; }
1035.ui-icon-note { background-position: -64px -96px; }
1036.ui-icon-mail-closed { background-position: -80px -96px; }
1037.ui-icon-mail-open { background-position: -96px -96px; }
1038.ui-icon-suitcase { background-position: -112px -96px; }
1039.ui-icon-comment { background-position: -128px -96px; }
1040.ui-icon-person { background-position: -144px -96px; }
1041.ui-icon-print { background-position: -160px -96px; }
1042.ui-icon-trash { background-position: -176px -96px; }
1043.ui-icon-locked { background-position: -192px -96px; }
1044.ui-icon-unlocked { background-position: -208px -96px; }
1045.ui-icon-bookmark { background-position: -224px -96px; }
1046.ui-icon-tag { background-position: -240px -96px; }
1047.ui-icon-home { background-position: 0 -112px; }
1048.ui-icon-flag { background-position: -16px -112px; }
1049.ui-icon-calendar { background-position: -32px -112px; }
1050.ui-icon-cart { background-position: -48px -112px; }
1051.ui-icon-pencil { background-position: -64px -112px; }
1052.ui-icon-clock { background-position: -80px -112px; }
1053.ui-icon-disk { background-position: -96px -112px; }
1054.ui-icon-calculator { background-position: -112px -112px; }
1055.ui-icon-zoomin { background-position: -128px -112px; }
1056.ui-icon-zoomout { background-position: -144px -112px; }
1057.ui-icon-search { background-position: -160px -112px; }
1058.ui-icon-wrench { background-position: -176px -112px; }
1059.ui-icon-gear { background-position: -192px -112px; }
1060.ui-icon-heart { background-position: -208px -112px; }
1061.ui-icon-star { background-position: -224px -112px; }
1062.ui-icon-link { background-position: -240px -112px; }
1063.ui-icon-cancel { background-position: 0 -128px; }
1064.ui-icon-plus { background-position: -16px -128px; }
1065.ui-icon-plusthick { background-position: -32px -128px; }
1066.ui-icon-minus { background-position: -48px -128px; }
1067.ui-icon-minusthick { background-position: -64px -128px; }
1068.ui-icon-close { background-position: -80px -128px; }
1069.ui-icon-closethick { background-position: -96px -128px; }
1070.ui-icon-key { background-position: -112px -128px; }
1071.ui-icon-lightbulb { background-position: -128px -128px; }
1072.ui-icon-scissors { background-position: -144px -128px; }
1073.ui-icon-clipboard { background-position: -160px -128px; }
1074.ui-icon-copy { background-position: -176px -128px; }
1075.ui-icon-contact { background-position: -192px -128px; }
1076.ui-icon-image { background-position: -208px -128px; }
1077.ui-icon-video { background-position: -224px -128px; }
1078.ui-icon-script { background-position: -240px -128px; }
1079.ui-icon-alert { background-position: 0 -144px; }
1080.ui-icon-info { background-position: -16px -144px; }
1081.ui-icon-notice { background-position: -32px -144px; }
1082.ui-icon-help { background-position: -48px -144px; }
1083.ui-icon-check { background-position: -64px -144px; }
1084.ui-icon-bullet { background-position: -80px -144px; }
1085.ui-icon-radio-on { background-position: -96px -144px; }
1086.ui-icon-radio-off { background-position: -112px -144px; }
1087.ui-icon-pin-w { background-position: -128px -144px; }
1088.ui-icon-pin-s { background-position: -144px -144px; }
1089.ui-icon-play { background-position: 0 -160px; }
1090.ui-icon-pause { background-position: -16px -160px; }
1091.ui-icon-seek-next { background-position: -32px -160px; }
1092.ui-icon-seek-prev { background-position: -48px -160px; }
1093.ui-icon-seek-end { background-position: -64px -160px; }
1094.ui-icon-seek-start { background-position: -80px -160px; }
1095/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1096.ui-icon-seek-first { background-position: -80px -160px; }
1097.ui-icon-stop { background-position: -96px -160px; }
1098.ui-icon-eject { background-position: -112px -160px; }
1099.ui-icon-volume-off { background-position: -128px -160px; }
1100.ui-icon-volume-on { background-position: -144px -160px; }
1101.ui-icon-power { background-position: 0 -176px; }
1102.ui-icon-signal-diag { background-position: -16px -176px; }
1103.ui-icon-signal { background-position: -32px -176px; }
1104.ui-icon-battery-0 { background-position: -48px -176px; }
1105.ui-icon-battery-1 { background-position: -64px -176px; }
1106.ui-icon-battery-2 { background-position: -80px -176px; }
1107.ui-icon-battery-3 { background-position: -96px -176px; }
1108.ui-icon-circle-plus { background-position: 0 -192px; }
1109.ui-icon-circle-minus { background-position: -16px -192px; }
1110.ui-icon-circle-close { background-position: -32px -192px; }
1111.ui-icon-circle-triangle-e { background-position: -48px -192px; }
1112.ui-icon-circle-triangle-s { background-position: -64px -192px; }
1113.ui-icon-circle-triangle-w { background-position: -80px -192px; }
1114.ui-icon-circle-triangle-n { background-position: -96px -192px; }
1115.ui-icon-circle-arrow-e { background-position: -112px -192px; }
1116.ui-icon-circle-arrow-s { background-position: -128px -192px; }
1117.ui-icon-circle-arrow-w { background-position: -144px -192px; }
1118.ui-icon-circle-arrow-n { background-position: -160px -192px; }
1119.ui-icon-circle-zoomin { background-position: -176px -192px; }
1120.ui-icon-circle-zoomout { background-position: -192px -192px; }
1121.ui-icon-circle-check { background-position: -208px -192px; }
1122.ui-icon-circlesmall-plus { background-position: 0 -208px; }
1123.ui-icon-circlesmall-minus { background-position: -16px -208px; }
1124.ui-icon-circlesmall-close { background-position: -32px -208px; }
1125.ui-icon-squaresmall-plus { background-position: -48px -208px; }
1126.ui-icon-squaresmall-minus { background-position: -64px -208px; }
1127.ui-icon-squaresmall-close { background-position: -80px -208px; }
1128.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1129.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1130.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1131.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1132.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1133.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1134
1135
1136/* Misc visuals
1137----------------------------------*/
1138
1139/* Corner radius */
1140.ui-corner-all,
1141.ui-corner-top,
1142.ui-corner-left,
1143.ui-corner-tl {
1144	border-top-left-radius: 4px;
1145}
1146.ui-corner-all,
1147.ui-corner-top,
1148.ui-corner-right,
1149.ui-corner-tr {
1150	border-top-right-radius: 4px;
1151}
1152.ui-corner-all,
1153.ui-corner-bottom,
1154.ui-corner-left,
1155.ui-corner-bl {
1156	border-bottom-left-radius: 4px;
1157}
1158.ui-corner-all,
1159.ui-corner-bottom,
1160.ui-corner-right,
1161.ui-corner-br {
1162	border-bottom-right-radius: 4px;
1163}
1164
1165/* Overlays */
1166.ui-widget-overlay {
1167	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1168	opacity: .3;
1169	filter: Alpha(Opacity=30);
1170}
1171.ui-widget-shadow {
1172	margin: -8px 0 0 -8px;
1173	padding: 8px;
1174	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1175	opacity: .3;
1176	filter: Alpha(Opacity=30);
1177	border-radius: 8px;
1178}
1179