/*
 * 旧テーマ jquery-ui-custom.css（jQuery UI 1.8 用）を jQuery UI 1.13 で使うための補い。
 * jquery-ui-custom.css の後に読み込む。作りと状態クラスは jquery-ui-custom-1.13.js で 1.8 に合わせており、
 * ここでは JS で合わせきれない差だけを埋める。
 */

/*
 * 1.13 はダイアログ・暗幕・候補リストの重なり順を .ui-front で決める。
 * 1.8 は暗幕 1001・ダイアログ 1002 を直接指定していたので、z-index:150 前後のヘッダー等より手前に出るよう同じ値にそろえる。
 */
.ui-front {
    z-index: 1001;
}
/* 1.8 はスクロール量に合わせて暗幕の大きさを JS で指定していたが、1.13 は CSS の固定配置に任せる */
.ui-widget-overlay {
    position: fixed;
}

/* 1.8 はダイアログに outline:0 を直接指定していたため、フォーカスしても枠が出なかった */
.ui-dialog {
    outline: 0;
}

/* 1.8 の閉じるボタンは a 要素だった。button 要素の既定の枠・背景・寸法の数え方・カーソルを打ち消す */
.ui-dialog .ui-dialog-titlebar-close {
    box-sizing: content-box;
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close:not(.ui-state-hover):not(.ui-state-focus) {
    border: 0;
    background: none;
}

/* 1.8 は候補にマウスを乗せると ui-state-hover を付けたが、1.13 は ui-state-active を付ける */
.ui-menu .ui-menu-item-wrapper.ui-state-active {
    border: 1px solid #999999;
    background: #dadada url(/css/ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    color: #212121;
}