git.maemo.org Git - ptas/blob - wrt/misc/rss/preview/script/jquery-ui/css/ui-darkness/ui.all.css

   1 /*
   2  * jQuery UI screen structure and presentation
   3  * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
   4  * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
   5  * Visit ThemeRoller.com
   6 */
   7
   8 /*
   9  * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
  10  * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
  11  * body {font-size: 62.5%;}
  12 */
  13
  14
  15
  16 /*UI accordion*/
  17 .ui-accordion {
  18         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  19         font-family: Segoe UI, Arial, sans-serif;
  20         font-size: 0.8em;
  21         border-bottom: 1px solid #666666;
  22 }
  23 .ui-accordion-group {
  24         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  25         border: 1px solid #666666;
  26         border-bottom: none;
  27 }
  28 .ui-accordion-header {
  29         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  30         cursor: pointer;
  31         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
  32 }
  33 .ui-accordion-header a {
  34         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  35         display: block;
  36         font-size: 0.8em;
  37         font-weight: bold;
  38         text-decoration: none;
  39         padding: .5em .5em .5em 1.7em;
  40         color: #eeeeee;
  41         background: url(images/cccccc_7x7_arrow_right.gif) .5em 50% no-repeat;
  42 }
  43 .ui-accordion-header a:hover {
  44         background: url(images/ffffff_7x7_arrow_right.gif) .5em 50% no-repeat;
  45         color: #ffffff;
  46 }
  47 .ui-accordion-header:hover {
  48         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
  49         color: #ffffff;
  50 }
  51 .selected .ui-accordion-header, .selected .ui-accordion-header:hover {
  52         background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
  53 }
  54 .selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
  55         color: #ffffff;
  56         background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
  57 }
  58 .ui-accordion-content {
  59         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
  60         color: #ffffff;
  61         font-size: 0.8em;
  62 }
  63 .ui-accordion-content p {
  64         padding: 0.8em 1.7em 0.6em;
  65 }
  66
  67
  68
  69
  70
  71
  72 /*UI tabs*/
  73 .ui-tabs-nav {
  74         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  75         font-family: Segoe UI, Arial, sans-serif;
  76         font-size: 1.0.8em;
  77 /*
  78         float: left;
  79
  80 */      position: relative;
  81         z-index: 1;
  82 /*
  83         border-right: 1px solid #666666;
  84 */
  85         bottom: -1px;
  86 }
  87 .ui-tabs-nav ul {
  88         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  89 }
  90 .ui-tabs-nav li {
  91         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  92         float: left;
  93         border: 1px solid #666666;
  94         border-right: none;
  95 }
  96 .ui-tabs-nav li a {
  97         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  98         float: left;
  99         font-size: 0.8em;
 100         font-weight: bold;
 101         text-decoration: none;
 102         padding: .5em 1.7em;
 103         color: #eeeeee;
 104         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 105 }
 106 .ui-tabs-nav li a:hover {
 107         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 108         color: #ffffff;
 109 }
 110 .ui-tabs-nav li.ui-tabs-selected {
 111         border-bottom-color: #f58400;
 112 }
 113 .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
 114         background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
 115         color: #ffffff;
 116 }
 117 .ui-tabs-panel {
 118         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 119         font-family: Segoe UI, Arial, sans-serif;
 120         clear:left;
 121         border-top: 1px solid #666666;
 122 /*
 123         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
 124
 125 */      color: #ffffff;
 126         padding: 15px;
 127         font-size: 1.0.8em;
 128 }
 129 .ui-tabs-hide {
 130         display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
 131 }
 132
 133
 134
 135
 136
 137 /*slider*/
 138 .ui-slider {
 139         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 140         font-family: Segoe UI, Arial, sans-serif;
 141         font-size: 1.0.8em;
 142         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
 143         border: 1px solid #666666;
 144         height: .8em;
 145         position: relative;
 146 }
 147 .ui-slider-handle {
 148         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 149         position: absolute;
 150         z-index: 2;
 151         top: -7px;
 152 /*      width: 1.2em;
 153         height: 1.2em;
 154         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 155         border: 1px solid #666666;
 156 */
 157         background-image: url(images/slider-handle.png);
 158         background-repeat: no-repeat;
 159         background-position: 0px 0px;
 160         height: 19px;
 161         width: 17px;
 162 }
 163 .ui-slider-handle:hover {
 164         background-position: 0px -19px;
 165 }
 166 .ui-slider-handle-active, .ui-slider-handle-active:hover {
 167         background-position: 0px -38px;
 168 }
 169 .ui-slider-range {
 170         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 171         height: .8em;
 172         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 173         position: absolute;
 174         border: 1px solid #666666;
 175         border-left: 0;
 176         border-right: 0;
 177         top: -1px;
 178         z-index: 1;
 179         opacity:.7;
 180 /*
 181         filter:Alpha(Opacity=70);
 182
 183 */}
 184
 185
 186
 187
 188
 189
 190 /*dialog*/
 191 .ui-dialog {
 192         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 193         font-family: Segoe UI, Arial, sans-serif;
 194         font-size: 0.9em;
 195         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
 196         color: #ffffff;
 197         border: 4px solid #666666;
 198         position: relative;
 199 }
 200 .ui-resizable-handle {
 201         position: absolute;
 202         font-size: 0.1px;
 203         z-index: 99999;
 204 }
 205 .ui-resizable .ui-resizable-handle {
 206         display: block;
 207 }
 208 body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
 209 body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
 210 .ui-resizable-n {
 211         cursor: n-resize;
 212         height: 7px;
 213         width: 100%;
 214         top: -5px;
 215         left: 0px;
 216 }
 217 .ui-resizable-s {
 218         cursor: s-resize;
 219         height: 7px;
 220         width: 100%;
 221         bottom: -5px;
 222         left: 0px;
 223 }
 224 .ui-resizable-e {
 225         cursor: e-resize;
 226         width: 7px;
 227         right: -5px;
 228         top: 0px;
 229         height: 100%;
 230 }
 231 .ui-resizable-w {
 232         cursor: w-resize;
 233         width: 7px;
 234         left: -5px;
 235         top: 0px;
 236         height: 100%;
 237 }
 238 .ui-resizable-se {
 239         cursor: se-resize;
 240         width: 13px;
 241         height: 13px;
 242         right: 0px;
 243         bottom: 0px;
 244         background: url(images/cccccc_11x11_icon_resize_se.gif) no-repeat 0 0;
 245 }
 246 .ui-resizable-sw {
 247         cursor: sw-resize;
 248         width: 9px;
 249         height: 9px;
 250         left: 0px;
 251         bottom: 0px;
 252 }
 253 .ui-resizable-nw {
 254         cursor: nw-resize;
 255         width: 9px;
 256         height: 9px;
 257         left: 0px;
 258         top: 0px;
 259 }
 260 .ui-resizable-ne {
 261         cursor: ne-resize;
 262         width: 9px;
 263         height: 9px;
 264         right: 0px;
 265         top: 0px;
 266 }
 267 .ui-dialog-titlebar {
 268         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 269         padding: .5em 1.5em .5em 0.8em;
 270         color: #eeeeee;
 271         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 272         border-bottom: 1px solid #666666;
 273         font-size: 0.8em;
 274         font-weight: bold;
 275         position: relative;
 276 }
 277 .ui-dialog-title {}
 278 .ui-dialog-titlebar-close {
 279         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 280         background: url(images/cccccc_11x11_icon_close.gif) 0 0 no-repeat;
 281         position: absolute;
 282         right: 8px;
 283         top: .7em;
 284         width: 11px;
 285         height: 11px;
 286         z-index: 100;
 287         cursor: pointer !important;
 288 }
 289 .ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
 290         background: url(images/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
 291 }
 292 .ui-dialog-titlebar-close:active {
 293         background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
 294 }
 295 .ui-dialog-titlebar-close span {
 296         display: none;
 297 }
 298 .ui-dialog-content {
 299         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 300         color: #ffffff;
 301 /*
 302         padding: 1.5em 1.7em;
 303 */
 304         padding-left: 1px;
 305 }
 306 .ui-dialog-buttonpane {
 307         position: absolute;
 308         bottom: 0;
 309         width: 100%;
 310         text-align: left;
 311         border-top: 1px solid #666666;
 312         background: #000000;
 313 }
 314 .ui-dialog-buttonpane button {
 315         margin: .5em 8px .5em 0;
 316         color: #eeeeee;
 317         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 318         font-size: 0.8em;
 319         font-weight: bolder;
 320         border: 1px solid #666666;
 321         cursor: pointer;
 322         padding: .2em .6em .3em .6em;
 323         line-height: 1.4em;
 324         float: right;
 325 }
 326 .ui-dialog-buttonpane button:hover {
 327         color: #ffffff;
 328         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 329         border: 1px solid #4bd94b;
 330 }
 331 .ui-dialog-buttonpane button:active {
 332         color: #ffffff;
 333         background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
 334         border: 1px solid #ffaf0f;
 335 }
 336 /* This file skins dialog */
 337 .ui-dialog.ui-draggable .ui-dialog-titlebar,
 338 .ui-dialog.ui-draggable .ui-dialog-titlebar {
 339         cursor: move;
 340 }
 341
 342
 343
 344
 345
 346
 347
 348 /*datepicker*/
 349 /* Main Style Sheet for jQuery UI date picker */
 350 .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
 351         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 352         font-family: Segoe UI, Arial, sans-serif;
 353         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
 354         font-size: 1.0.8em;
 355         border: 4px solid #666666;
 356         width: 15.5em;
 357         padding: 2.5em .5em .5em .5em;
 358         position: relative;
 359 }
 360 .ui-datepicker-div, #ui-datepicker-div {
 361         z-index: 9999; /*must have*/
 362         display: none;
 363 }
 364 .ui-datepicker-inline {
 365         float: left;
 366         display: block;
 367 }
 368 .ui-datepicker-control {
 369         display: none;
 370 }
 371 .ui-datepicker-current {
 372         display: none;
 373 }
 374 .ui-datepicker-next, .ui-datepicker-prev {
 375         position: absolute;
 376         left: .5em;
 377         top: .5em;
 378         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 379 }
 380 .ui-datepicker-next {
 381         left: 14.6em;
 382 }
 383 .ui-datepicker-next:hover, .ui-datepicker-prev:hover {
 384         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 385 }
 386 .ui-datepicker-next a, .ui-datepicker-prev a {
 387         text-indent: -999999px;
 388         width: 1.3em;
 389         height: 1.4em;
 390         display: block;
 391         font-size: 0.8em;
 392         background: url(images/cccccc_7x7_arrow_left.gif) 50% 50% no-repeat;
 393         border: 1px solid #666666;
 394         cursor: pointer;
 395 }
 396 .ui-datepicker-next a {
 397         background: url(images/cccccc_7x7_arrow_right.gif) 50% 50% no-repeat;
 398 }
 399 .ui-datepicker-prev a:hover {
 400         background: url(images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
 401 }
 402 .ui-datepicker-next a:hover {
 403         background: url(images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
 404 }
 405 .ui-datepicker-prev a:active {
 406         background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
 407 }
 408 .ui-datepicker-next a:active {
 409         background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
 410 }
 411 .ui-datepicker-header select {
 412         border: 1px solid #666666;
 413         color: #eeeeee;
 414         background: #555555;
 415         font-size: 0.8em;
 416         line-height: 1.4em;
 417         position: absolute;
 418         top: .5em;
 419         margin: 0 !important;
 420 }
 421 .ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
 422         background: #0078a3;
 423 }
 424 .ui-datepicker-header select.ui-datepicker-new-month {
 425         width: 7em;
 426         left: 2.2em;
 427 }
 428 .ui-datepicker-header select.ui-datepicker-new-year {
 429         width: 5em;
 430         left: 9.4em;
 431 }
 432 table.ui-datepicker {
 433         width: 15.5em;
 434         text-align: right;
 435 }
 436 table.ui-datepicker td a {
 437         padding: .0.8em .3em .0.8em 0;
 438         display: block;
 439         color: #eeeeee;
 440         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 441         cursor: pointer;
 442         border: 1px solid #000000;
 443 }
 444 table.ui-datepicker td a:hover {
 445         border: 1px solid #4bd94b;
 446         color: #ffffff;
 447         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 448 }
 449 table.ui-datepicker td a:active {
 450         border: 1px solid #ffaf0f;
 451         color: #ffffff;
 452         background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
 453 }
 454 table.ui-datepicker .ui-datepicker-title-row td {
 455         padding: .3em 0;
 456         text-align: center;
 457         font-size: .9em;
 458         color: #ffffff;
 459         text-transform: uppercase;
 460 }
 461 table.ui-datepicker .ui-datepicker-title-row td a {
 462         color: #ffffff;
 463 }
 464 .ui-datepicker-cover {
 465         display: none;
 466         display: block;
 467         position: absolute;
 468         z-index: -1;
 469 /*
 470         filter: mask();
 471
 472 */      top: -4px;
 473         left: -4px;
 474         width: 193px;
 475         height: 200px;
 476 }
 477
 478
 479
 480
 481
 482
 483
 484
 485
 486
 487
 488
 489
 490
 491 /*
 492 Generic ThemeRoller Classes
 493 >> Make your jQuery Components ThemeRoller-Compatible!
 494 */
 495
 496 /*component global class*/
 497 .ui-component {
 498         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 499         font-family: Segoe UI, Arial, sans-serif;
 500         font-size: 1.0.8em;
 501 }
 502 /*component content styles*/
 503 .ui-component-content {
 504         border: 1px solid #666666;
 505         background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
 506         color: #ffffff;
 507 }
 508 .ui-component-content a {
 509         color: #ffffff;
 510         text-decoration: underline;
 511 }
 512 /*component states*/
 513 .ui-default-state {
 514         border: 1px solid #666666;
 515         background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
 516         font-weight: bold;
 517         color: #eeeeee !important;
 518 }
 519 .ui-default-state a {
 520         color: #eeeeee;
 521 }
 522 .ui-default-state:hover, .ui-hover-state {
 523         border: 1px solid #4bd94b;
 524         background: #0078a3 url(images/0078a3_40x100_textures_02_glass_40.png) 0 50% repeat-x;
 525         font-weight: bold;
 526         color: #ffffff !important;
 527 }
 528 .ui-hover-state a {
 529         color: #ffffff;
 530 }
 531 .ui-default-state:active, .ui-active-state {
 532         border: 1px solid #ffaf0f;
 533         background: #f58400 url(images/f58400_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
 534         font-weight: bold;
 535         color: #ffffff !important;
 536         outline: none;
 537 }
 538 .ui-active-state a {
 539         color: #ffffff;
 540         outline: none;
 541 }
 542 /*icons*/
 543 .ui-arrow-right-default {background: url(images/cccccc_7x7_arrow_right.gif) no-repeat 50% 50%;}
 544 .ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
 545 .ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
 546 .ui-arrow-right-content {background: url(images/cccccc_7x7_arrow_right.gif) no-repeat 50% 50%;}
 547
 548 .ui-arrow-left-default {background: url(images/cccccc_7x7_arrow_left.gif) no-repeat 50% 50%;}
 549 .ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
 550 .ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
 551 .ui-arrow-left-content {background: url(images/cccccc_7x7_arrow_left.gif) no-repeat 50% 50%;}
 552
 553 .ui-arrow-down-default {background: url(images/cccccc_7x7_arrow_down.gif) no-repeat 50% 50%;}
 554 .ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
 555 .ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
 556 .ui-arrow-down-content {background: url(images/cccccc_7x7_arrow_down.gif) no-repeat 50% 50%;}
 557
 558 .ui-arrow-up-default {background: url(images/cccccc_7x7_arrow_up.gif) no-repeat 50% 50%;}
 559 .ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
 560 .ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
 561 .ui-arrow-up-content {background: url(images/cccccc_7x7_arrow_up.gif) no-repeat 50% 50%;}
 562
 563 .ui-close-default {background: url(images/cccccc_11x11_icon_close.gif) no-repeat 50% 50%;}
 564 .ui-close-default:hover, .ui-close-hover {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
 565 .ui-close-default:active, .ui-close-active {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
 566 .ui-close-content {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
 567
 568 .ui-folder-closed-default {background: url(images/cccccc_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 569 .ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 570 .ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 571 .ui-folder-closed-content {background: url(images/cccccc_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 572
 573 .ui-folder-open-default {background: url(images/cccccc_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 574 .ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 575 .ui-folder-open-default:active, .ui-folder-open-active {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 576 .ui-folder-open-content {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 577
 578 .ui-doc-default {background: url(images/cccccc_11x11_icon_doc.gif) no-repeat 50% 50%;}
 579 .ui-doc-default:hover, .ui-doc-hover {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
 580 .ui-doc-default:active, .ui-doc-active {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
 581 .ui-doc-content {background: url(images/cccccc_11x11_icon_doc.gif) no-repeat 50% 50%;}
 582
 583 .ui-arrows-leftright-default {background: url(images/cccccc_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 584 .ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 585 .ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 586 .ui-arrows-leftright-content {background: url(images/cccccc_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 587
 588 .ui-arrows-updown-default {background: url(images/cccccc_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 589 .ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 590 .ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 591 .ui-arrows-updown-content {background: url(images/cccccc_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 592
 593 .ui-minus-default {background: url(images/cccccc_11x11_icon_minus.gif) no-repeat 50% 50%;}
 594 .ui-minus-default:hover, .ui-minus-hover {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
 595 .ui-minus-default:active, .ui-minus-active {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
 596 .ui-minus-content {background: url(images/cccccc_11x11_icon_minus.gif) no-repeat 50% 50%;}
 597
 598 .ui-plus-default {background: url(images/cccccc_11x11_icon_plus.gif) no-repeat 50% 50%;}
 599 .ui-plus-default:hover, .ui-plus-hover {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
 600 .ui-plus-default:active, .ui-plus-active {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
 601 .ui-plus-content {background: url(images/cccccc_11x11_icon_plus.gif) no-repeat 50% 50%;}
 602
 603 /*hidden elements*/
 604 .ui-hidden {
 605         display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
 606 }
 607 .ui-accessible-hidden {
 608          position: absolute; left: -99999999px;
 609 }
 610 /*reset styles*/
 611 .ui-reset {
 612         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 613 }
 614 /*clearfix class*/
 615 .ui-clearfix:after {
 616     content: ".";
 617     display: block;
 618     height: 0;
 619     clear: both;
 620     visibility: hidden;
 621 }
 622 .ui-clearfix {display: block;}
 623 /* Hides from IE-mac \*/
 624 * html .ui-clearfix {height: 1%;}
 625 .ui-clearfix {display: block;}
 626 /* End hide from IE-mac */
 627
 628 /* Note: for resizable styles, use the styles listed above in the dialog section */
 629
 630