[Summary view] [Print] [Text view]

   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  /* Accordion */

  10  .ui-accordion {
  11      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  12      font-family: Verdana, Arial, sans-serif;
  13      border-bottom: 1px solid #d3d3d3;
  14  }
  15  .ui-accordion-group {
  16      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  17      border: 1px solid #d3d3d3;
  18      border-bottom: none;
  19  }
  20  .ui-accordion-header {
  21      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  22      cursor: pointer;
  23      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  24  }
  25  .ui-accordion-header a {
  26      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  27      display: block;
  28      font-size: 1.1em;
  29      font-weight: normal;
  30      text-decoration: none;
  31      padding: .5em .5em .5em 1.7em;
  32      color: #555555;
  33      background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
  34  }
  35  .ui-accordion-header a:hover {
  36      background: url(images/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
  37      color: #212121;
  38  }
  39  .ui-accordion-header:hover {
  40      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  41      color: #212121;
  42  }
  43  .selected .ui-accordion-header, .selected .ui-accordion-header:hover {
  44      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  45  }
  46  .selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
  47      color: #222222;
  48      background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
  49  }
  50  .ui-accordion-content {
  51      padding: 1.5em 1.7em;    
  52      background: #ffffff;
  53      color: #222222;
  54      font-size: 1.1em;
  55  }
  56  
  57  
  58  /* Datepicker */

  59  /* Main Style Sheet for jQuery UI date picker */

  60  .ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline {
  61      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  62      font-family: Verdana, Arial, sans-serif;
  63      background: #ffffff;
  64      font-size: 1.1em;
  65      border: 4px solid #d3d3d3;
  66      width: 15.5em;
  67      padding: 2.5em .5em .5em .5em;
  68      position: relative;
  69  }
  70  #ui-datepicker-div, .ui-datepicker-div {

  71      z-index: 9999; /*must have*/
  72      display: none;
  73      background: #ffffff;
  74  }
  75  .ui-datepicker-inline {
  76      float: left;
  77      display: block;
  78  }
  79  .ui-datepicker-control {
  80      display: none;
  81  }
  82  .ui-datepicker-current {
  83      display: none;
  84  }
  85  .ui-datepicker-next, .ui-datepicker-prev {
  86      position: absolute;
  87      left: .5em;
  88      top: .5em;
  89      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  90  }
  91  .ui-datepicker-next {
  92      left: 14.6em;
  93  }
  94  .ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  95      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  96  }
  97  .ui-datepicker-next a, .ui-datepicker-prev a {
  98      text-indent: -999999px;
  99      width: 1.3em;
 100      height: 1.4em;
 101      display: block;
 102      font-size: 1em;
 103      background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
 104      border: 1px solid #d3d3d3;
 105      cursor: pointer;
 106  }
 107  .ui-datepicker-next a {
 108      background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
 109  }
 110  .ui-datepicker-prev a:hover {
 111      background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
 112  }
 113  .ui-datepicker-next a:hover {
 114      background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
 115  }
 116  .ui-datepicker-prev a:active {
 117      background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
 118  }
 119  .ui-datepicker-next a:active {
 120      background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
 121  }
 122  .ui-datepicker-header select {
 123      border: 1px solid #d3d3d3;
 124      color: #555555;
 125      background: #e6e6e6;
 126      font-size: 1em;
 127      line-height: 1.4em;
 128      position: absolute;
 129      top: .5em;
 130      margin: 0 !important;
 131      
 132  }
 133  .ui-datepicker-header select.ui-datepicker-new-month {
 134  width: 7em;
 135  left: 2.2em;
 136  }
 137  .ui-datepicker-header select.ui-datepicker-new-year {
 138  width: 5em;
 139  left: 9.4em;
 140  }
 141  table.ui-datepicker {
 142      width: 15.5em;
 143      text-align: right;
 144  }
 145  table.ui-datepicker td a {
 146      padding: .1em .3em .1em 0;
 147      display: block;
 148      color: #555555;
 149      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 150      cursor: pointer;
 151      border: 1px solid #ffffff;
 152  }
 153  table.ui-datepicker td a:hover {
 154      border: 1px solid #999999;
 155      color: #212121;
 156      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 157  }
 158  table.ui-datepicker td a:active {
 159      border: 1px solid #dddddd;
 160      color: #222222;
 161      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 162  }
 163  table.ui-datepicker .ui-datepicker-title-row td {
 164      padding: .3em 0;
 165      text-align: center;
 166      font-size: .9em;
 167      color: #222222;
 168      text-transform: uppercase;
 169      /*border-bottom: 1px solid #d3d3d3;*/

 170  }
 171  table.ui-datepicker .ui-datepicker-title-row td a {
 172      color: #222222;
 173  }
 174  
 175  
 176  
 177  /* Dialog */

 178  .ui-dialog {
 179      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 180      font-family: Verdana, Arial, sans-serif;
 181      background: #ffffff;
 182      color: #222222;
 183      border: 4px solid #d3d3d3;
 184      position: relative;
 185  }
 186  .ui-dialog-content {
 187      border: 1px solid #d3d3d3;
 188      background: #ffffff;
 189      color: #222222;
 190  }
 191  .ui-resizable-handle {
 192      position: absolute;
 193      font-size: 0.1px;
 194      z-index: 99999;
 195  }
 196  .ui-resizable .ui-resizable-handle {
 197      display: block; 
 198  }
 199  body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
 200  body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
 201  .ui-resizable-n { 
 202      cursor: n-resize; 
 203      height: 7px; 
 204      width: 100%; 
 205      top: -5px; 
 206      left: 0px;  
 207  }
 208  .ui-resizable-s { 
 209      cursor: s-resize; 
 210      height: 7px; 
 211      width: 100%; 
 212      bottom: -5px; 
 213      left: 0px; 
 214  }
 215  .ui-resizable-e { 
 216      cursor: e-resize; 
 217      width: 7px; 
 218      right: -5px; 
 219      top: 0px; 
 220      height: 100%; 
 221  }
 222  .ui-resizable-w { 
 223      cursor: w-resize; 
 224      width: 7px; 
 225      left: -5px; 
 226      top: 0px; 
 227      height: 100%;
 228  }
 229  .ui-resizable-se { 
 230      cursor: se-resize; 
 231      width: 13px; 
 232      height: 13px; 
 233      right: 0px; 
 234      bottom: 0px; 
 235      background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
 236  }
 237  .ui-resizable-sw { 
 238      cursor: sw-resize; 
 239      width: 9px; 
 240      height: 9px; 
 241      left: 0px; 
 242      bottom: 0px;  
 243  }
 244  .ui-resizable-nw { 
 245      cursor: nw-resize; 
 246      width: 9px; 
 247      height: 9px; 
 248      left: 0px; 
 249      top: 0px; 
 250  }
 251  .ui-resizable-ne { 
 252      cursor: ne-resize; 
 253      width: 9px; 
 254      height: 9px; 
 255      right: 0px; 
 256      top: 0px; 
 257  }
 258  .ui-dialog-titlebar {
 259      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 260      padding: .5em 1.5em .5em 1em;
 261      color: #555555;
 262      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 263      border-bottom: 1px solid #d3d3d3;
 264      font-size: 1.1em;
 265      font-weight: normal;
 266      position: relative;
 267  }
 268  .ui-dialog-title {
 269  
 270  }
 271  .ui-dialog-titlebar-close {
 272      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 273      background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
 274      position: absolute;
 275      right: 8px;
 276      top: .7em;
 277      width: 11px;
 278      height: 11px;
 279      z-index: 100;
 280  }
 281  .ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
 282      background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
 283  }
 284  .ui-dialog-titlebar-close:active {
 285      background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
 286  }
 287  .ui-dialog-titlebar-close span {
 288      display: none;
 289  }
 290  .ui-dialog-content {
 291      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 292      background: #ffffff;
 293      color: #222222;
 294      padding: 1.5em 1.7em;    
 295  }
 296  .ui-dialog-buttonpane {
 297      position: absolute;
 298      bottom: 0;
 299      width: 100%;
 300      text-align: left;
 301      border-top: 1px solid #d3d3d3;
 302      background: ;
 303  }
 304  .ui-dialog-buttonpane button {
 305      margin: .5em 0 .5em 8px;
 306      color: #555555;
 307      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 308      font-size: 1.1em;
 309      border: 1px solid #d3d3d3;
 310      cursor: pointer;
 311      padding: .2em .6em .3em .6em;
 312      line-height: 1.4em;
 313  }
 314  .ui-dialog-buttonpane button:hover {
 315      color: #212121;
 316      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 317      border: 1px solid #999999;
 318  }
 319  .ui-dialog-buttonpane button:active {
 320      color: #222222;
 321      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 322      border: 1px solid #dddddd;
 323  }
 324  .ui-dialog.ui-draggable .ui-dialog-titlebar,
 325  .ui-dialog.ui-draggable .ui-dialog-titlebar {
 326      cursor: move;
 327  }
 328  
 329  
 330  .bold {
 331      color: red !important;
 332  }
 333  .ui-hidden {
 334      left:-10000px;
 335      position:absolute;
 336      top:-10000px;
 337      visibility:hidden;
 338  }
 339  
 340  
 341  /* Resizable */

 342  /* Note: for resizable styles, use the styles listed above in the dialog section */

 343  
 344  
 345  /*UI tabs*/

 346  .ui-tabs-nav {
 347      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 348      font-family: Verdana,Arial,sans-serif;
 349      font-size: 1.1em;
 350      float: left;
 351      position: relative;
 352      z-index: 1;
 353      border-right: 1px solid #d3d3d3;
 354      bottom: -1px;
 355  }
 356  .ui-tabs-nav ul {
 357      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 358  }
 359  .ui-tabs-nav li {
 360      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 361      float: left;
 362      border: 1px solid #d3d3d3;
 363      border-right: none;
 364  }
 365  .ui-tabs-nav li a {
 366      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 367      float: left;
 368      font-size: 1em;
 369      font-weight: normal;
 370      text-decoration: none;
 371      padding: .5em 1.7em;
 372      color: #555555;
 373      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 374  }
 375  .ui-tabs-nav li a:hover {
 376      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 377      color: #212121;
 378  }
 379  .ui-tabs-nav li.ui-tabs-selected {
 380      border-bottom-color: #ffffff;
 381  }
 382  .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
 383      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 384      color: #212121;
 385  }
 386  .ui-tabs-panel {
 387      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 388      font-family: Verdana,Arial,sans-serif;
 389      clear:left;
 390      border: 1px solid #d3d3d3;
 391      background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
 392      color: #222222;
 393      padding: 1.5em 1.7em;    
 394      font-size: 1.1em;
 395  }
 396  .ui-tabs-hide {
 397      display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
 398  }
 399  
 400  
 401  /* Slider */

 402  .ui-slider {
 403      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 404      font-family: Verdana, Arial, sans-serif;
 405      background: #ffffff;
 406      border: 1px solid #d3d3d3;
 407      height: .8em;
 408      position: relative;
 409  }
 410  .ui-slider-handle {
 411      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 412      position: absolute;
 413      z-index: 2;
 414      top: -3px;
 415      width: 1.2em;
 416      height: 1.2em;
 417      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 418      border: 1px solid #dddddd;
 419  }
 420  .ui-slider-handle:hover {
 421      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 422      border: 1px solid #999999;
 423  }
 424  .ui-slider-handle-active, .ui-slider-handle-active:hover {
 425      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 426      border: 1px solid #dddddd;
 427  }
 428  .ui-slider-range {
 429      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 430      height: .8em;
 431      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 432      position: absolute;
 433      border: 1px solid #d3d3d3;
 434      border-left: 0;
 435      border-right: 0;
 436      top: -1px;
 437      z-index: 1;
 438  }
 439  
 440  
 441  /*

 442  Generic ThemeRoller Classes

 443  >> Make your jQuery Components ThemeRoller-Compatible!

 444  */
 445  /*component global class*/

 446  .ui-component {
 447      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 448      font-family: Verdana, Arial, sans-serif;
 449      font-size: 1.1em;
 450  }
 451  /*component content styles*/

 452  .ui-component-content {
 453      border: 1px solid #d3d3d3;
 454      background: #ffffff;
 455      color: #222222;
 456  }
 457  .ui-component-content a {
 458      color: #222222;
 459      text-decoration: underline;
 460  }
 461  /*component states*/

 462  .ui-default-state {
 463      border: 1px solid #d3d3d3;
 464      background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 465      font-weight: normal;
 466      color: #555555 !important;
 467  }
 468  .ui-default-state a {
 469      color: #555555;
 470  }
 471  .ui-default-state:hover, .ui-hover-state {
 472      border: 1px solid #999999;
 473      background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 474      font-weight: normal;
 475      color: #212121 !important;
 476  }
 477  .ui-hover-state a {
 478      color: #212121;
 479  }
 480  .ui-default-state:active, .ui-active-state {
 481      border: 1px solid #dddddd;
 482      background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 483      font-weight: normal;
 484      color: #222222 !important;
 485      outline: none;
 486  }
 487  .ui-active-state a {
 488      color: #222222;
 489      outline: none;
 490  }
 491  /*icons*/

 492  .ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
 493  .ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
 494  .ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
 495  .ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
 496  .ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
 497  .ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
 498  .ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
 499  .ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
 500  .ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
 501  .ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
 502  .ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
 503  .ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
 504  .ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
 505  .ui-close-default:hover, .ui-close-hover {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
 506  .ui-close-default:active, .ui-close-active {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
 507  .ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 508  .ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 509  .ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
 510  .ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 511  .ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 512  .ui-folder-open-default:active, .ui-folder-open-active {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
 513  .ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
 514  .ui-doc-default:hover, .ui-doc-hover {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
 515  .ui-doc-default:active, .ui-doc-active {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
 516  .ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 517  .ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 518  .ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
 519  .ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 520  .ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 521  .ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
 522  .ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
 523  .ui-minus-default:hover, .ui-minus-hover {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
 524  .ui-minus-default:active, .ui-minus-active {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
 525  .ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
 526  .ui-plus-default:hover, .ui-plus-hover {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
 527  .ui-plus-default:active, .ui-plus-active {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
 528  /*hidden elements*/

 529  .ui-hidden {
 530      display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
 531  }
 532  .ui-accessible-hidden {
 533       position: absolute; left: -99999999px;
 534  }
 535  /*reset styles*/

 536  .ui-reset {
 537      /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 538  }
 539  /*clearfix class*/

 540  .ui-clearfix:after {
 541      content: "."; 
 542      display: block; 
 543      height: 0; 
 544      clear: both; 
 545      visibility: hidden;
 546  }
 547  .ui-clearfix {display: inline-block;}
 548  /* Hides from IE-mac \*/

 549  * html .ui-clearfix {height: 1%;}
 550  .ui-clearfix {display: block;}
 551  /* End hide from IE-mac */