/* * jQuery UI CSS Framework 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Component containers ----------------------------------*/ body .ui-widget { font-family: Arial, "Lucida Grande", sans-serif; font-size: 1em; } body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button { font-family: Arial, "Lucida Grande", sans-serif; } body .ui-widget-content { border: 1px solid #DDD; background-color: #FFF; color: #333; } body .ui-widget-content a { color: #069; } body .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ body .ui-state-hover a, body .ui-state-hover a:hover { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } body .ui-state-error, body .ui-widget-content .ui-state-error, body .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } body .ui-state-error a, body .ui-widget-content .ui-state-error a, body .ui-widget-header .ui-state-error a { color: #FFF; } body .ui-state-error-text, body .ui-widget-content .ui-state-error-text, body .ui-widget-header .ui-state-error-text { color: #FFF; } /* Misc visuals ----------------------------------*/ /* Overlays */ body .ui-widget-overlay { background-image: none; background-color: #000; opacity: .35; filter: Alpha(Opacity=35); } body .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } body .ui-dialog { border: 1px solid #787878; box-shadow: 1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); overflow: visible; padding: 10px; } body .ui-dialog .ui-dialog-titlebar { background: none; border: 0 none; height: 0; padding: 0; } body .ui-dialog .ui-dialog-titlebar .ui-state-hover{ border: none; background: none; } body .ui-dialog .ui-dialog-title { display: none; } body .ui-dialog .ui-dialog-titlebar-close { right: -26px; top: -17px; width: auto; height: auto; } .ui-dialog .ui-dialog-content { padding: 5px; } body .ui-dialog .ui-dialog-titlebar-close span { background: transparent url('images/ui-icon-close.png') 0 0; margin: 1px; width: 30px; height: 30px; } body .ui-dialog .ui-dialog-titlebar-close:hover, body .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; } body .ui-dialog p { line-height: 16px; margin: 0 0 8px; } /* SDG custom ----------------------------------*/ /* Hides the close button from the dialog popup - class is added to the dialog call in the .js file: dialogClass: 'noClose' */ body .no-titlebar-close .ui-dialog-titlebar-close { display: none; } /* Overlays */ body .ui-dialog .primaryButtonEnd input, body .ui-dialog .primaryButtonEnd button { font-size: 14px; font-weight: bold; } body .ui-dialog .secondaryButtonEnd input, body .ui-dialog .secondaryButtonEnd button { font-size: 12px; font-weight: bold; } /* SDG custom - Payment Options Dialogs ----------------------------------*/ body .paymentOptionsDialog { background-color: #DFE0DB; padding: 10px 0 0 0; } body .paymentOptionsDialog .ui-dialog-titlebar-close { right: -16px; } body .paymentOptionsDialog .ui-dialog-content { padding: 0; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs { background: none; border: none; padding: 0; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav { background: none; border: none; padding: 0 10px; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li { margin-right: 5px; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li a { color: #333; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #E6E6E6; background-image: url('images/ui-bg_sdg_btn_v1.png'); background-position: 0 0; border-color: #CCC; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-focus, body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-hover { background-image: url('images/commerce/ui-bg_sdg_btn_v1_hover.png'); background-position: 0 0; } body .paymentOptionsDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-active, body .paymentOptionsDialog .tabsContent { background-image: none; background-color: #FFF; border-color: #CCC; } body .paymentOptionsDialog .tabsContent { border-top-style: solid; border-top-width: 1px; height: 292px; padding: 20px; overflow: auto; } body .paymentOptionsDialog .ui-tabs-panel { padding: 0; } /* SDG custom - Customer Guide Dialogs --------------------------------------*/ body .customerGuidesDialog { background-color: #DFE0DB; padding: 10px 0 0 0; } body .customerGuidesDialog .ui-dialog-titlebar-close { right: -16px; } body .customerGuidesDialog .ui-dialog-content { padding: 0; } body .customerGuidesDialog .ui-dialog-content .ui-tabs { background: none; border: none; padding: 0; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav { background: none; border: none; padding: 0 10px; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li { margin-right: 5px; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li a { color: #333; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #E6E6E6; background-image: url('images/ui-bg_sdg_btn_v1.png'); background-position: 0 0; border-color: #CCC; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-focus, body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-hover { background-image: url('images/commerce/ui-bg_sdg_btn_v1_hover.png'); background-position: 0 0; } body .customerGuidesDialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-state-active, body .customerGuidesDialog .tabsContent { background-image: none; background-color: #FFF; border-color: #CCC; } body .customerGuidesDialog .tabsContent { border-top-style: solid; border-top-width: 1px; height: 292px; padding: 20px; overflow: auto; } /* SDG Custom Tabs --------------------------------------*/ body .sdgUI .ui-dialog-titlebar-close { right: -16px; } body .sdgUI .ui-dialog-content { padding: 0; } body .sdgUI .ui-tabs { background: none; border: none; padding: 0; } body .sdgUI .ui-tabs .ui-tabs-nav { background: none; border: none; padding: 0 10px; } body .sdgUI .ui-tabs .ui-tabs-nav li { margin-right: 5px; } body .sdgUI .ui-tabs .ui-tabs-nav li a { color: #333; } body .sdgUI .ui-tabs .ui-tabs-nav li.ui-state-default { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border-color: #CCC #CCC #F00; border-radius: 3px 3px 0 0; box-shadow: 0 0 1px #FFF inset; color: #333; text-shadow: 0 1px 0 #FFF; } body .sdgUI .ui-tabs .ui-tabs-nav li.ui-state-hover { background: #EFEFEF; background: -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #F00; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; } body .sdgUI .ui-tabs .ui-tabs-nav li.ui-state-active, body .sdgUI .tabsContent { background: none; background-color: #FFF; border-color: #CCC; box-shadow: none; filter: none; } body .sdgUI .tabsContent { border-top-style: solid; border-top-width: 1px; height: 292px; padding: 20px; overflow: auto; }