/*!****************************************************************************
* jQuery UI Custom Skin
* @author CDG Apps Developers
* This stylesheet applies the NI-specific styles to the jQueryUI widgets.
* Please remember to follow the jQueryUI development guidlines where possible
* NOTE: these styles assume that the default jQueryUI styles *are not* present
*****************************************************************************/.ui-dialog{box-shadow:0 3px 3px #333;-moz-box-shadow:0 3px 3px #333;-webkit-box-shadow:0 3px 3px #333;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-collapse:separate}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:7px;top:7px;display:block}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;background:url(/widgets/jqueryui/1.8.5/css/ni/images/ui-icons.png) 0 0 no-repeat;width:19px;height:19px}.ui-dialog-titlebar-close .ui-icon{background-position:5px 0}.ui-dialog-titlebar-close .ui-icon:hover{background-position:-50px 0}.ui-dialog-titlebar-close .ui-icon:active{background-position:-120px 0}.ui-dialog .ui-dialog-titlebar{padding-left:12px;border-top-left-radius:5px;border-top-right-radius:5px;height:28px;border:1px solid #333;border-bottom:none;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;box-shadow:inset 0 1px 1px #fff;-webkit-box-shadow:inset 0 1px 1px #fff;-moz-box-shadow:inset 0 1px 1px #fff}.ui-dialog .ui-dialog-title{font-size:12px;color:#fff;font-weight:700;margin-right:30px;line-height:28px}.ui-dialog .ui-dialog-content{width:inherit;background-color:#fff;padding:12px;overflow:hidden;border:1px solid #333;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}.ui-widget-overlay{background:#000;position:absolute;top:0;left:0;opacity:.7;filter:alpha(opacity=70)}.ui-dialog-trigger{position:relative}.ui-dialog-trigger .trigger-video{height:100%;width:100%;display:block;position:relative;background:url(/widgets/jqueryui/1.8.5/css/ni/images/modal-trigger2.png) 51% 50% no-repeat;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.ui-dialog-trigger .trigger-img{height:100%;width:100%;display:block;position:relative;background:url(/widgets/jqueryui/1.8.5/css/ni/images/modal-trigger-image.png) 51% 50% no-repeat;background-position:top right;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.ui-dialog-trigger .trigger-video:hover,.ui-dialog-trigger .trigger-img:hover{position:relative;cursor:pointer}.ui-dialog-trigger .trigger-video:hover{background:url(/widgets/jqueryui/1.8.5/css/ni/images/modal-trigger2-hover.png) 51% 50% no-repeat}.ui-dialog-trigger .trigger-img:hover{}.loading-modal{display:block;text-align:center}.loading-modal-container .ui-dialog-titlebar{display:none!important;height:1px}.loading-modal-container .ui-dialog-content{background-color:#fff;background-image:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif);background-repeat:no-repeat;background-position:50% 24px;background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px 0;background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px 0 color-stop(68%,#f2f2f2),color-stop(100%,#d9d9d9)); background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px 0; background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px 0; background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px 0; background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px linear-gradient(tobottom,#ffffff0%,#f2f2f268%,#d9d9d9100%); -pie-background:url(/widgets/jqueryui/1.8.5/css/ni/images/processing.gif) no-repeat 50% 24px linear-gradient(#ffffff0%,#f2f2f268%,#d9d9d9100%); border-top-left-radius:5px; border-top-right-radius:5px; border:none; padding:115px 24px 24px; color:#666666; -moz-box-shadow:0 3px 8px 0 #666666; box-shadow:0 3px 8px 0 #666666; -webkit-box-shadow:0 3px 8px 0 #666666; } .loading-modal-container .ui-dialog-content H1 { font-weight:bold; font-style:italic; color:#333333; font-size:1.3em; } .smCoreBlock,.lgCoreBlock,.coreBlock2col,.coreBlock3col,.coreBlock4col,.coreBlock5col { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .coreBlock5col { width:298px; height:223px; } .coreBlock4col { width:236px; height:177px; } .coreBlock3col { width:174px; height:130px; } .coreBlock2col { width:112px; height:84px; } .lgCoreBlock { width:215px; height:161px; } .smCoreBlock { width:112px; height:84px; } .dialog-media .ui-dialog-title,.dialog-media .ui-dialog-titlebar,.dialog-media .ui-dialog-titlebar-close { display:none; } .dialog-media .ui-dialog-content { border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; } .ui-dialog-loader .ui-helper-hidden,.loader .ui-dialog-titlebar { display:none; } .ui-dialog-loader .ui-widget-content { color:#FFF; font:1.1em bold arial,helvetica,sans-serif; } .ui-dialog-loader.ui-widget-overlay { background:#FFFFFF 50% 50%; opacity:.80; filter:Alpha(Opacity=80); position:absolute; top:0; left:0; width:100%; height:100%; } .ui-dialog-loader .ui-dialog-content { padding:0 10px 10px; -moz-border-radius:10px; border-radius:10px; min-height:14px!important; } .ui-dialog-loader.ui-dialog { position:fixed!important; padding:29px 65px; border:1px solid #FFF; background-color:#044123; width:auto!important; box-shadow:1px 0 16px #000; -webkit-box-shadow:1px 0 16px #000; -moz-box-shadow:1px 0 16px #000000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .ui-tabs { position:relative; padding:.01em; } .ui-tabs .ui-tabs-nav { padding:0; margin:0; list-style:none; } .ui-tabs .ui-tabs-nav:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; _height:1%; ; } .ui-tabs .ui-tabs-nav li { font-size:12px; float:left; margin-right:4px; margin-left:0; margin-top:5px; position:relative; top:1px; _top:2px; top:2px; list-style-type:none; border:1px solid #CCC; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; } .ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li a,.ui-tabs .ui-tabs-nav li a span { cursor:pointer; } .ui-tabs .ui-tabs-nav li a { padding:2px 16px; color:#000; outline:none; text-decoration:none; } .ui-tabs .ui-tabs-nav li a,.ui-tabs .ui-tabs-nav li span { display:block; } .ui-tabs .ui-state-hover { background:transparent url(/widgets/jqueryui/1.8.5/css/ni/images/tabs.png) repeat-x 0 0; border-bottom:1px solid #ccc; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:transparent url(/widgets/jqueryui/1.8.5/css/ni/images/tabs.png) repeat-x 0 0; position:relative; top:1px; margin-top:0; } .ui-tabs .ui-tabs-nav li { margin-bottom:0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { font-weight:bold; position:relative; padding-top:8px; top:-1px; } .ui-tabs .ui-tabs-panel { padding:12px; display:block; background:transparent url(/widgets/jqueryui/1.8.5/css/ni/images/tabs.png) repeat-x 0 -26px; border:1px solid #CCC; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; } .ui-tabs .ui-tabs-hide { display:none; } .ui-tabs-bottom { position:relative; zoom:1; } .ui-tabs-bottom .ui-tabs-panel { background:#fff; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; } .ui-tabs-bottom .ui-tabs-nav { position:absolute; top:100%; } .ui-tabs-bottom .ui-tabs-nav li { background:transparent url(/widgets/jqueryui/1.8.5/css/ni/images/tabs-bottom.png) repeat-x 0 100%; top:0; margin-top:0; border-bottom:1px solid #ccc; border-top:none; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected { background:#fff; top:-1px; margin-top:0; } .app-tabs.ui-tabs .ui-tabs-nav { background:none repeat scroll 0 0 #EEEEEE; border:1px solid #CCCCCC; width:100%; } .app-tabs.ui-tabs .ui-tabs .ui-tabs-nav{ background-color:#FFF; position:relative; bottom:-4px; } .app-tabs.ui-tabs .ui-tabs .ui-tabs-nav li{ border:1px solid #CCC; top:1px; } .app-tabs.ui-tabs .ui-tabs-nav li { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:0 #CCCCCC 0 0; border-image:none; border-style:none solid none none; border-top-left-radius:0; border-top-right-radius:0; border-width:medium 1px medium medium; margin:0; top:0; background-color:#EEE; } .app-tabs.ui-tabs .ui-tabs-nav li a { color:#333; display:block; margin:3px; padding:2px 12px; } .app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected,.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{ background:none repeat scroll 0 0 #FFFFFF; margin:0; position:relative; top:1px; border-bottom:1px solid #FFF; } .app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.app-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{ color:#000000; font-weight:bold; padding:2px 12px; position:relative; top:0; } .app-tabs.ui-tabs .ui-tabs-panel { background:none repeat scroll 0 0 transparent; border:medium none; border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topright:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-top-right-radius:0px; } .app-tabs.ui-tabs .ui-tabs .ui-tabs-panel { border:1px solid #CCCCCC; border-top:none; } .app-tabs.ui-tabs .ui-tabs .ui-tabs-nav { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:0 0 #CCCCCC; border-image:none; border-style:none none solid; border-width:medium medium 1px; } .ui-accordion-container { background:#CCC!important; border-radius:6px!important; -moz-border-radius:5px!important; -webkit-border-radius:5px!important; padding:1px!important; } .ui-accordion-home .ui-accordion-panel { position:relative!important; background:none; border-bottom:none; border-radius:0; border-top:none; margin-bottom:0; } .ui-accordion-home .last { margin-bottom:0px!important; } .ui-accordion-home .ui-icon { height:12px!important; width:12px!important; display:block!important; overflow:hidden!important; background:none!important; } .ui-accordion-home .ui-state-active .ui-icon { background:none!important; } .ui-accordion-home .ui-accordion-header { cursor:pointer!important; margin-bottom:0!important; background:#f2f2f2!important; background:-moz-linear-gradient(top,#f2f2f2 0%,#cccccc 100%)!important; background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#cccccc))!important; background:-webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%)!important; background:-o-linear-gradient(top,#f2f2f2 0%,#cccccc 100%)!important; background:-ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%)!important; background:linear-gradient(to bottom,#f2f2f2 0%,#cccccc 100%)!important; border:1px solid #FFF!important; border-bottom:none!important; } .ui-accordion-header .ui-icon { display:inline-block!important; } .ui-accordion-home .ui-accordion-header.ui-state-active{} .ui-accordion-home div:first-child .ui-accordion-header{ -webkit-border-top-left-radius:5px!important; -webkit-border-top-right-radius:5px!important; -moz-border-radius-topleft:5px!important; -moz-border-radius-topright:5px!important; border-top-left-radius:5px!important; border-top-right-radius:5px!important; } .ui-accordion-home div:last-child .ui-accordion-header{ -webkit-border-bottom-right-radius:5px!important; -webkit-border-bottom-left-radius:5px!important; -moz-border-radius-bottomright:5px!important; -moz-border-radius-bottomleft:5px!important; border-bottom-right-radius:5px!important; border-bottom-left-radius:5px!important; } .ui-accordion-home .ui-accordion-header .ui-icon { position:absolute!important; left:6px!important; top:6px!important; } .ui-accordion-home .ui-accordion-header a { display:block!important; font-size:12px!important; *line-height:12px!important; height:12px!important; color:#333!important; padding:6px 6px 6px 17px!important; border-bottom:1px solid #999!important; } .ui-accordion-home .ui-accordion-header a:before{ content:""!important; display:inline-block!important; width:0!important; height:0!important; border:solid 4px!important; border-color:transparent transparent transparent #333!important; position:absolute!important; left:8px!important; top:9px!important; } .ui-accordion-home .ui-accordion-header.ui-state-active a:before{ content:""!important; display:inline-block!important; width:0!important; height:0!important; border:solid 4px!important; border-color:#333 transparent transparent transparent!important; position:absolute!important; left:6px!important; top:12px!important; } .ui-accordion-icon-right { position:absolute!important; top:1px!important; right:6px!important; _right:12px!important; z-index:1!important; } .ui-accordion .ui-accordion-content { display:none!important; overflow:hidden!important; position:relative!important; background:#f4f4f4!important; border:1px solid #fff!important; border-top:1px solid #E1E1E1!important; border-bottom:1px solid #E1E1E1!important; padding:0 6px 6px!important; overflow:auto!important; } .ui-accordion .ui-accordion-content > * { padding-top:6px!important; } .ui-accordion .ui-accordion-content-active { display:block!important; } .pnx-tooltip-content { display:none; } .ui-tooltip,.arrow:after { background-color:#ffffff; border:1px solid #989898; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; max-width:320px; padding:6px; z-index:1000001; } .ui-tooltip { position:absolute; box-shadow:0px 3px 3px 0px #666666; -moz-box-shadow:0px 3px 3px 0px #666666; -webkit-box-shadow:0px 3px 3px 0px #666666; } .arrow { width:18px; height:10px; overflow:hidden; position:absolute; margin-left:0px; bottom:-10px; } .arrow:after { content:""; position:absolute; left:-8px; top:-20px; width:16px; height:7px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:0px 3px 3px 0px #666666; -moz-box-shadow:0px 3px 3px 0px #666666; -webkit-box-shadow:0px 3px 3px 0px #666666; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); tranform:rotate(45deg); } .arrow.top { top:-10px; bottom:auto; } .arrow.top:after { bottom:-22px; top:auto; content:""; position:absolute; width:16px; height:7px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); tranform:rotate(45deg); } .arrow.left { left:10%; } .arrow.center{ left:45%; } .arrow.right{ left:90%; } .ui-front,.ui-dialog { z-index:1000000; }}