/*
* Overrides some of the jQuery UI custom styling
*/

/* Overlays */
.ui-widget-overlay { background: #000000; opacity: .70;filter:Alpha(Opacity=70); }

/* Tabs
----------------------------------*/
.ui-tabs { border:none; padding:0; }
.ui-tabs .ui-tabs-panel { border:1px solid #B2B2B2; }
.ui-tabs .ui-tabs-nav { padding:0px; border-left-width: 0px;}
.ui-tabs .ui-tabs-nav li { top:2px; margin:0 0.5em 1px 0; background-color:#eeeeee; }
.ui-tabs .ui-tabs-nav li.ui-state-active { background-color:#ffffff; }
.ui-tabs .ui-tabs-nav li a { font-size:0.9em; color:#079ED0; font-weight:normal; padding:0.2em 1.2em 0 1.2em; }

/* Dialog
----------------------------------*/
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; border-top: 6px solid #fe05c0; }
.ui-dialog .ui-dialog-title { margin: .1em 0 .2em; } 


/* overrides for dazzle deal modal -- borderless, no padding, not tile bar, etc. */

.borderless .ui-widget-content { border:0; background-image:none; background:none; background-color:transparent; color: #333333; }

.borderless .ui-dialog-titlebar {display:none; }

.borderless .ui-dialog {overflow:visible; padding:0; }
.borderless .ui-dialog-content {overflow:visible; padding:0; }

/* dazzle deals and product details tabs*/
.ui-tabs .ui-tabs-panel { padding: 2em 0 1em 0; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #B2B2B2; }
.ui-tab-content { margin: 0 1.6em; }