@import "./css-less-variables/common-import.less"; /*Changed for AC per Bill Michael's email on 04/23/2013 */ /*Changed for AC per Bill Michael' email on 04/23/2013 */ .ui-widget { input { //font-family: @font-family; font-size: 1em; } select { //font-family: @font-family; font-size: 1em; } textarea { //font-family: @font-family; font-size: 1em; } button { //font-family: @font-family; font-size: 1em; margin-right: 25px; margin-top: 10px; } } .ui-widget-header { border: 1px solid #e78f08; background-color: #f7f7f7; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff, #f4f4f4); background: -moz-linear-gradient(top, #ffffff, #f4f4f4); background: -ms-linear-gradient(top, #ffffff, #f4f4f4); background: -o-linear-gradient(top, #ffffff, #f4f4f4); color: #ffffff; font-weight: bold; .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; color: #3550CA; } .ui-state-active { background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; } .ui-icon { background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); } } .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; color: #3550CA; .ui-icon { background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); } } .ui-widget-content { .ui-state-default { border: 1px solid #cccccc; background: none !important; color: #3550CA; background-color: @color-white; } .ui-state-active { background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; } .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } } .ui-state-active { background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; } .ui-widget-overlay { background: #666666 50% 50% repeat; opacity: .50; filter: Alpha(Opacity=50); } #saveToMLDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; p { text-align: left; margin-left: 75px; } } div#help-text { margin: 0px; } } } #deleteConfirmDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } #saveToMLLimitDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } #saveToMLDuplicateDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } #saveToMLDoneDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } #saveToMLErrorDialog { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } #mlFirstUse { .ui-widget-content { div { text-align: center; margin: 20px 0px; } } } .ui-autocomplete { position: absolute; cursor: default; width: 45%; font-size: 150%; .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } .ui-widget-content { .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } } .ui-widget-header { .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } } .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 20% 20% repeat-x; color: #a66004; } } .ui-menu { .ui-menu-item { a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.0; zoom: 1; padding-left: .5em; } } } button.ui-button-icon-only { width: 1.0em; } .ui-button { .ui-button-text { display: block; line-height: 0.4; } } .ui-button-icon-only { .ui-button-text { padding: 0.4em; text-indent: -9999999px; } } .ui-button-icons-only { .ui-button-text { padding: 0.4em; text-indent: -9999999px; } } .ui-dialog { position: absolute; width: 300px; overflow: hidden; background: #ffffff; border: 1px solid #828282; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; .ui-dialog-title { float: left; margin: .1em 16px .1em 20px; font-size: 80%; color: #666; &:lang(ar) { float: right; } } .ui-dialog-titlebar-close { border: 1px solid #828282; position: absolute; right: .5em; top: 46%; width: 26px; margin: -10px 5px 0 0; padding: 0; height: 23px; } .ui-dialog-buttonpane { text-align: center; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; background: #ffffff; border: 0; .ui-dialog-buttonset { float: none; } } .ui-widget-content { background: #ffffff; border: 1px solid #828282; } .ui-widget-header { background-color: #f7f7f7; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff, #f4f4f4); background: -moz-linear-gradient(top, #ffffff, #f4f4f4); background: -ms-linear-gradient(top, #ffffff, #f4f4f4); background: -o-linear-gradient(top, #ffffff, #f4f4f4); color: #333; font-weight: bold; a { color: #ff9100; } } .ui-corner-all { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .ui-dialog-content { background: #ffffff; border: 0; } } .ui-dialog-titlebar { border: 0; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; .ui-widget-header { border: 0; } .ui-corner-all { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } } .ui-dialog-content.ui-widget-content { .FR_label { font-weight: bold; } } .ui-datepicker { .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.26em; } .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.26em; } .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 70%; } select.ui-datepicker-year { width: 38%; } table { width: 100%; font-size: 70%; border-collapse: collapse; margin: 0 0 .4em; } }