Mercurial > laserkard

     1 .x-panel {

     2     border-style: solid;

     3     border-color: #cccccc;

     4 }

     5 .x-panel-header {

     6     color:#fafafa;

     7 	border:1px solid #cccccc;

     8     background-image:url(../images/midnight/panel_white-top-bottom.gif);

     9 }

    10 

    11 .x-panel-body {

    12     border-color:#cccccc;

    13 }

    14 

    15 .x-panel-bbar .x-toolbar {

    16     border-color:#cccccc;

    17 }

    18 

    19 .x-panel-tbar .x-toolbar {

    20     border-color:#cccccc;

    21 }

    22 

    23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {

    24     border-color:#cccccc;

    25 }

    26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {

    27     border-color:#cccccc;

    28 }

    29 .x-panel-tl .x-panel-header {

    30     color:#f4f4f4;

    31 }

    32 .x-panel-tc {

    33 	background-image:url(../images/midnight/panel_top-bottom.gif);

    34 }

    35 .x-panel-tl {

    36 	background-image:url(../images/midnight/panel_corners-sprite.gif);

    37     border-color:#cccccc;

    38 }

    39 .x-panel-tr {

    40 	background-image:url(../images/midnight/panel_corners-sprite.gif);

    41 }

    42 .x-panel-bc {

    43 	background-image:url(../images/midnight/panel_top-bottom.gif);

    44 }

    45 .x-panel-bl {

    46 	background-image:url(../images/midnight/panel_corners-sprite.gif);

    47 }

    48 .x-panel-br {

    49 	background-image:url(../images/midnight/panel_corners-sprite.gif);

    50 }

    51 .x-panel-mc {

    52     background:#e4e6ef;

    53 }

    54 .x-panel-mc .x-panel-body {

    55     background:transparent;

    56     border: 0 none;

    57 }

    58 .x-panel-ml {

    59 	background-image:url(../images/midnight/panel_left-right.gif);

    60 }

    61 .x-panel-mr {

    62 	background-image:url(../images/midnight/panel_left-right.gif);

    63 }

    64 

    65 .x-panel-dd-spacer{

    66 	border:2px dashed #89a;

    67 }

    68 

    69 

    70 /* Tools */

    71 .x-tool {

    72     background-image:url(../images/midnight/panel_tool-sprites.gif);

    73 }

    74 

    75 /* Ghosting */

    76 .x-panel-ghost {

    77     background:#e0e0e0;

    78 }

    79 

    80 .x-panel-ghost ul {

    81     border-color:#b0b0b0;

    82 }

    83 

    84 .x-grid-panel .x-panel-mc .x-panel-body {

    85     border:1px solid #cccccc;

    86 }

    87 

    88 /* Buttons */

    89 

    90 .x-btn-left{

    91 	background-image:url(../images/midnight/button_btn-sprite.gif);

    92 }

    93 .x-btn-right{

    94 	background-image:url(../images/midnight/button_btn-sprite.gif);

    95 }

    96 .x-btn-center{

    97 	background-image:url(../images/midnight/button_btn-sprite.gif);

    98 }

    99 .x-btn-over button{

   100 	color:#fff;

   101 }

   102 .x-btn-focus button{

   103 	color:#fff;

   104 }

   105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {

   106 	background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 3px;

   107 }

   108 .x-btn-with-menu .x-btn-center em {

   109 	background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 0pt;

   110 }

   111 .x-btn-menu-arrow-wrap .x-btn-center button{

   112 	background:transparent url(../images/midnight/button_btn-arrow.gif) no-repeat left 3px;

   113 }

   114 .x-btn-text,.x-btn-text-icon{color:#fff;font-weight:bold !important;}

   115 .x-item-disabled{color:#999;}

   116 

   117 

   118 /* Layout classes */

   119 

   120 .x-border-layout-ct {

   121     background:#f0f0f0;

   122 }

   123 

   124 .x-accordion-hd {

   125 	background-image:url(../images/midnight/panel_light-hd.gif);

   126 }

   127 

   128 .x-layout-collapsed{

   129     background-color:#141847;

   130     border-color:#e0e0e0;

   131 }

   132 .x-layout-collapsed-over{

   133 	 background-color:#171763;

   134 }

   135 

   136 

   137 

   138 /* Toolbars */

   139 

   140 .x-toolbar{

   141 	border-color:#cccccc;

   142     background:#f0f4f5 url(../images/midnight/toolbar_bg.gif) repeat-x top left;

   143 }

   144 .x-toolbar button {

   145     color:#f4f4f4;

   146 }

   147 .x-toolbar .ytb-text {

   148 	color:white;

   149 }

   150 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {

   151     background-image:url(../images/midnight/toolbar_btn-arrow.gif);

   152 }

   153 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {

   154     background-image:url(../images/midnight/toolbar_btn-arrow.gif);

   155 }

   156 .x-toolbar .x-btn-over .x-btn-left{

   157 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   158 }

   159 .x-toolbar .x-btn-over .x-btn-right{

   160 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   161 }

   162 .x-toolbar .x-btn-over .x-btn-center{

   163 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   164 }

   165 .x-toolbar .x-btn-over button {

   166     color:#fff;

   167 }

   168 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{

   169 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   170 }

   171 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{

   172 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   173 }

   174 

   175 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{

   176 	background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);

   177 }

   178 .x-toolbar .ytb-sep {

   179 	background-image: url(../images/midnight/grid_grid-split.gif);

   180 }

   181 

   182 /* Menus */

   183 

   184 .x-menu{

   185 	border:1px solid #aaa;

   186 	background:#f0f0f0 url(../images/midnight/menu_menu.gif) repeat-y;

   187 }

   188 .x-menu-item-active{

   189 	background:#ebf3fd url(../images/midnight/menu_item-over.gif) repeat-x left bottom;

   190 	border:1px solid #c2cbd2;

   191 }

   192 .x-menu-item-arrow{

   193 	background:transparent url(../images/midnight/menu_menu-parent.gif) no-repeat right;

   194 }

   195 

   196 

   197 /* Tabs */

   198 

   199 .x-tab-panel-header, .x-tab-panel-footer {

   200 	

   201 	background: #444a7d;

   202 	border-color:#4f657b;

   203 }

   204 

   205 

   206 .x-tab-panel-header {

   207 	border-color:#cccccc;

   208 }

   209 

   210 .x-tab-panel-footer {

   211 	border-color:#cccccc;

   212 }

   213 

   214 ul.x-tab-strip-top{

   215 	background:#dbdbdb url(../images/midnight/tabs_tab-strip-bg.gif) repeat-x left top;

   216 	border-color:#4c647e;

   217     padding-top: 2px;

   218 }

   219 

   220 ul.x-tab-strip-bottom{

   221 	background-image:url(../images/midnight/tabs_tab-strip-btm-bg.gif);

   222 	border-color:#566c82;

   223 }

   224 

   225 .x-tab-strip span.x-tab-strip-text {

   226 	color:#333;

   227 }

   228 .x-tab-strip-over span.x-tab-strip-text {

   229 	color:#111;

   230 }

   231 

   232 .x-tab-strip-active span.x-tab-strip-text {

   233 	color:#fff;

   234 }

   235 

   236 .x-tab-strip-disabled .x-tabs-text {

   237 	color:#aaaaaa;

   238 }

   239 

   240 .x-tab-strip-top .x-tab-right {

   241 	background-image:url(../images/midnight/tabs_tabs-sprite.gif);

   242 }

   243 

   244 .x-tab-strip-top .x-tab-left {

   245 	background-image:url(../images/midnight/tabs_tabs-sprite.gif);

   246 }

   247 .x-tab-strip-top .x-tab-strip-inner {

   248 	background-image:url(../images/midnight/tabs_tabs-sprite.gif);

   249 }

   250 

   251 .x-tab-strip-bottom .x-tab-right {

   252 	background-image:url(../images/midnight/tabs_tab-btm-inactive-right-bg.gif);

   253 }

   254 

   255 .x-tab-strip-bottom .x-tab-left {

   256 	background-image:url(../images/midnight/tabs_tab-btm-inactive-left-bg.gif);

   257 }

   258 

   259 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {

   260 	background-image:url(../images/midnight/tabs_tab-btm-right-bg.gif);

   261 }

   262 

   263 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {

   264 	background-image:url(../images/midnight/tabs_tab-btm-left-bg.gif);

   265 }

   266 

   267 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {

   268 	background-image:url(../images/midnight/tabs_tab-close.gif);

   269 }

   270 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{

   271 	background-image:url(../images/midnight/tabs_tab-close.gif);

   272 }

   273 

   274 .x-tab-panel-body {

   275     border-color:#cccccc;

   276     background:#fff;

   277 }

   278 .x-tab-panel-bbar .x-toolbar {

   279     border-color: #cccccc;

   280 }

   281 

   282 .x-tab-panel-tbar .x-toolbar {

   283     border-color: #cccccc;

   284 }

   285 

   286 .x-tab-panel-header-plain .x-tab-strip-spacer {

   287     border-color:#cccccc;

   288 	background: #444a7d;

   289 }

   290 

   291 .x-tab-scroller-left {

   292     background-image: url(../images/midnight/tabs_scroll-left.gif);

   293     border-color:#aeaeae;

   294 }

   295 .x-tab-scroller-right {

   296     background-image: url(../images/midnight/tabs_scroll-right.gif);

   297     border-color:#aeaeae;

   298 }

   299 

   300 /* Window */

   301 

   302 .x-window-proxy {

   303     background:#e4e8ec;

   304     border-color:#cccccc;

   305 }

   306 

   307 .x-window-tl .x-window-header {

   308     color:#fafafa;

   309 }

   310 .x-window-tc {

   311 	background-image:url(../images/midnight/window_top-bottom.png);

   312 }

   313 .x-window-tl {

   314 	background-image:url(../images/midnight/window_left-corners.png);

   315 }

   316 .x-window-tr {

   317 	background-image:url(../images/midnight/window_right-corners.png);

   318 }

   319 .x-window-bc {

   320 	background-image:url(../images/midnight/window_top-bottom.png);

   321 }

   322 .x-window-bl {

   323 	background-image:url(../images/midnight/window_left-corners.png);

   324 }

   325 .x-window-br {

   326 	background-image:url(../images/midnight/window_right-corners.png);

   327 }

   328 .x-window-mc {

   329     border:1px solid #cccccc;

   330     background:#e8e8e8;

   331 }

   332 

   333 .x-window-ml {

   334 	background-image:url(../images/midnight/window_left-right.png);

   335 }

   336 .x-window-mr {

   337 	background-image:url(../images/midnight/window_left-right.png);

   338 }

   339 .x-panel-ghost .x-window-tl {

   340     border-color:#cccccc;

   341 }

   342 .x-panel-collapsed .x-window-tl {

   343     border-color:#cccccc;

   344 }

   345 

   346 .x-window-plain .x-window-mc {

   347     background: #e8e8e8;

   348     border-right:1px solid #eee;

   349     border-bottom:1px solid #eee;

   350     border-top:1px solid #cccccc;

   351     border-left:1px solid #cccccc;

   352 }

   353 

   354 .x-window-plain .x-window-body {

   355     border-left:1px solid #ddd;

   356     border-top:1px solid #ddd;

   357     border-bottom:1px solid #cccccc;

   358     border-right:1px solid #cccccc;

   359     background:transparent !important;

   360 }

   361 

   362 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {

   363     background-color: #eceef0;

   364 }

   365 

   366 

   367 /* HTML Editor */

   368 .x-html-editor-wrap {

   369     border-color:#cccccc;

   370 }

   371 .x-html-editor-tb .x-btn-text {

   372 	background:transparent url(../images/midnight/editor_tb-sprite.gif) no-repeat scroll 0%;

   373 }

   374 

   375 

   376 /* Borders go last for specificity */

   377 .x-panel-noborder .x-panel-body-noborder {

   378     border-width:0;

   379 }

   380 

   381 .x-panel-noborder .x-panel-header-noborder {

   382     border-width:0;

   383     border-bottom:1px solid #cccccc;

   384 }

   385 

   386 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {

   387     border-width:0;

   388     border-bottom:1px solid #cccccc;

   389 }

   390 

   391 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {

   392     border-width:0;

   393     border-top:1px solid #cccccc;

   394 }

   395 

   396 .x-window-noborder .x-window-mc {

   397     border-width:0;

   398 }

   399 .x-window-plain .x-window-body-noborder {

   400     border-width:0;

   401 }

   402 

   403 .x-tab-panel-noborder .x-tab-panel-body-noborder {

   404 	border-width:0;

   405 }

   406 

   407 .x-tab-panel-noborder .x-tab-panel-header-noborder {

   408 	border-top-width:0;

   409 	border-left-width:0;

   410 	border-right-width:0;

   411 }

   412 

   413 .x-tab-panel-noborder .x-tab-panel-footer-noborder {

   414 	border-bottom-width:0;

   415 	border-left-width:0;

   416 	border-right-width:0;

   417 }

   418 

   419 

   420 .x-tab-panel-bbar-noborder .x-toolbar {

   421     border-width:0;

   422     border-top:1px solid #cccccc;

   423 }

   424 

   425 .x-tab-panel-tbar-noborder .x-toolbar {

   426     border-width:0;

   427     border-bottom:1px solid #cccccc;

   428 }

   429 

   430 /* Forms */

   431 .x-form-text, textarea.x-form-field {

   432 	border:1px solid #9ab; 

   433 }

   434 .x-trigger-wrap-focus .x-form-trigger {

   435 	border-bottom:1px solid #4a7192;

   436 }

   437 .x-form-focus,textarea.x-form-focus {

   438 	border:1px solid #4a7192;

   439 }

   440 

   441 .x-form-field-wrap .x-form-trigger {

   442 	background:transparent url(../images/midnight/form_trigger.gif) no-repeat 0 0;

   443 }

   444 .x-form-field-wrap .x-form-date-trigger {

   445 	background-image:url(../images/midnight/form_date-trigger.gif);

   446 }

   447 .x-form-field-wrap .x-form-clear-trigger {

   448 	background-image:url(../images/midnight/form_clear-trigger.gif);

   449 }

   450 .x-form-field-wrap .x-form-search-trigger {

   451 	background-image:url(../images/midnight/form_search-trigger.gif);

   452 }

   453 

   454 .x-form-field-wrap .x-form-trigger {

   455 	border-bottom:1px solid #778899;

   456 }

   457 

   458 .x-form fieldset legend {

   459 	color:#333;

   460 }

   461 

   462 /* 	the following need to be duplicated from ext-all.js,

   463 	otherwise hover effects are broken */

   464 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}

   465 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}

   466 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}

   467 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}

   468 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}

   469 

   470 

   471 /* Grid */

   472 

   473 .x-grid3-row-selected {

   474 	background:#fbf0d2;

   475 	border:1px dotted #ccc;

   476 }

   477 .x-grid3-hd-btn{

   478 	background:#f2daa9 url(../images/midnight/grid_grid3-hd-btn.gif) no-repeat left center;

   479 }

   480 .x-grid3-header{

   481 	background:#f9f9f9 url(../images/midnight/grid_grid3-hrow.gif) repeat-x 0 bottom;

   482 }

   483 td.x-grid3-hd-over .x-grid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td.x-grid3-hd-menu-open .x-grid3-hd-inner{

   484 	background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;

   485 }

   486 .sort-asc .x-grid3-sort-icon{

   487 	background-image:url(../images/midnight/grid_sort_asc.gif);

   488 }

   489 .sort-desc .x-grid3-sort-icon{

   490 	background-image:url(../images/midnight/grid_sort_desc.gif);

   491 }

   492 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {

   493 	border-left:1px solid #fff;

   494 	border-right:1px solid #ccc;

   495 }

   496 .x-grid3-cell-selected{

   497 	background-color:#e0eaee!important;

   498 }

   499 .x-grid3-body .x-grid3-td-expander{

   500 	background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;

   501 }

   502 .x-grid3-body .x-grid3-td-checker{

   503 	background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;

   504 }

   505 .x-grid3-body .x-grid3-td-numberer{

   506 	background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;

   507 }

   508 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{

   509 	background:transparent url(../images/midnight/grid_grid3-special-col-sel-bg.gif) repeat-y right;

   510 }

   511 .x-grid-group-hd {

   512 	border-bottom:2px solid #abb;

   513 }

   514 .x-grid-group-hd div {

   515 	color: #456;

   516 }

   517 .x-dd-drag-proxy .x-grid3-hd-inner{

   518 	background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;

   519 	border:1px solid #cccccc;

   520 }

   521 .x-tbar-page-first{

   522 	background-image:url(../images/midnight/grid_page-first.gif)!important;

   523 }

   524 .x-tbar-page-last{

   525 	background-image:url(../images/midnight/grid_page-last.gif)!important;

   526 }

   527 .x-tbar-page-next{

   528 	background-image:url(../images/midnight/grid_page-next.gif)!important;

   529 }

   530 .x-tbar-page-prev{

   531 	background-image:url(../images/midnight/grid_page-prev.gif)!important;

   532 }

   533 .x-paging-info {

   534 	color:#FFFFFF;

   535 }

   536 

   537 

   538 /* Progress Bar */

   539 

   540 .x-progress-bar{

   541 	background:#9CBFEE url( ../../resources/images/midnight/progress_progress-bg.gif ) repeat-x left center;

   542 	border-top:1px solid #ddd;

   543 	border-bottom:1px solid #ddd;

   544 }

   545 

   546 

   547 /* Combos */

   548 .x-combo-list{

   549 	border:1px solid #89a;

   550 }

   551 .x-combo-list .x-combo-selected{

   552 	border:1px dotted #ccc!important;

   553 	background:#fbf0d2;

   554 }

   555 

   556 

   557 /* Calendars */

   558 

   559 .x-date-middle,.x-date-left,.x-date-right{

   560 	background:url(../images/midnight/shared_hd-sprite.gif) repeat-x 0 -83px;

   561 }

   562 .x-date-bottom {

   563 	background:#DFECFB url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;

   564 	border-top:1px solid #cccccc;

   565 }

   566 .x-date-right a{

   567 	background-image:url(../images/midnight/shared_right-btn.gif);

   568 }

   569 .x-date-left a{

   570 	background-image:url(../images/midnight/shared_left-btn.gif);

   571 }

   572 .x-date-inner th{

   573 	background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;

   574 	border-bottom:1px solid #cccccc;

   575 	color:#345;

   576 }

   577 .x-date-inner .x-date-selected a {

   578 	background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;

   579 	border:1px solid #89a;

   580 }

   581 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{

   582 	background:#cfdce1;

   583 }

   584 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{

   585 	color:#123;

   586 	background:#cfdce1;

   587 }

   588 .x-date-mp-ybtn a{

   589 	background:transparent url(../images/midnight/panel_tool-sprites.gif) no-repeat;

   590 }

   591 .x-date-mp-btns {

   592 	background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;

   593 }

   594 td.x-date-mp-sel a{

   595 	background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;

   596 	border:1px solid #cccccc;

   597 }

   598 .x-date-mp-btns button{

   599 	background:#405574;

   600 	border:1px solid;

   601 	border-color:#cccccc #055 #055 #cccccc;

   602 }

   603 

   604 /* Resizable Handle */

   605 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{

   606 	background:url(../images/midnight/sizer_e-handle.gif);background-position:left;

   607 }

   608 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{

   609 	background:url(../images/midnight/sizer_e-handle.gif);background-position:left;

   610 }

   611 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{

   612 	background:url(../images/midnight/sizer_s-handle.gif);background-position:top;

   613 }

   614 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{

   615 	background:url(../images/midnight/sizer_s-handle.gif);background-position:top;

   616 }

   617 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{

   618 	background:url(../images/midnight/sizer_se-handle.gif);background-position:top left;

   619 }

   620 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{

   621 	background:url(../images/midnight/sizer_nw-handle.gif);background-position:bottom right;

   622 }

   623 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{

   624 	background:url(../images/midnight/sizer_ne-handle.gif);background-position:bottom left;

   625 }

   626 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{

   627 	background:url(../images/midnight/sizer_sw-handle.gif);background-position:top right;

   628 }

   629 

   630 /* Tips */

   631 .x-tip .x-tip-close{

   632 	background-image:url(../images/midnight/qtip_close.gif);

   633 }

   634 .x-tip .x-tip-tc{

   635 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -62px;

   636 }

   637 .x-tip .x-tip-tl{

   638 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 0;

   639 }

   640 .x-tip .x-tip-tr{

   641 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right 0;

   642 }

   643 .x-tip .x-tip-bc{

   644 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -121px;

   645 }

   646 .x-tip .x-tip-bl{

   647 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -59px;

   648 }

   649 .x-tip .x-tip-br{

   650 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -59px;

   651 }

   652 .x-tip .x-tip-ml{

   653 	background:#fff url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -124px;

   654 }

   655 .x-tip .x-tip-mr{

   656 	background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -124px;

   657 }

   658 .x-form-invalid-tip .x-tip-tc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}

   659 .x-form-invalid-tip .x-tip-tl{background-image:url(../images/default/form/error-tip-corners.gif);}

   660 .x-form-invalid-tip .x-tip-tr{background-image:url(../images/default/form/error-tip-corners.gif);}

   661 .x-form-invalid-tip .x-tip-bc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}

   662 .x-form-invalid-tip .x-tip-bl{background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}

   663 .x-form-invalid-tip .x-tip-br{background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;}

   664 .x-form-invalid-tip .x-tip-ml{background-image:url(../images/default/form/error-tip-corners.gif);}

   665 .x-form-invalid-tip .x-tip-mr{background-image:url(../images/default/form/error-tip-corners.gif);}

   666 

   667 

   668 

   669 

   670 /* Miscellaneous */

   671 

   672 .x-item-disabled * {

   673 	color:#333 !important;

   674 }