/*LESS MIXINS*/

.linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){
    background-color:@color2;
    background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
    background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    background:-ms-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
    -pie-background: linear-gradient(@color1, @color2, @color3);
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color3));
    }

@ui-button-text-color: #333;
@ui-button-font-weight: bold;
@ui-button-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);

/*LESS VARS - Default Theme UiLightNess*/
@ui-widget-font-family: Arial,Helvetica,sans-serif;
@ui-widget-font-size:  1.1em;
@ui-widget-ui-widget-fontsize: 1em;

@ui-widget-content-border-color: #b5cde5;
@ui-widget-content-border-style: solid;
@ui-widget-content-border-width: 1px;

@ui-widget-content-color: #333;
@ui-widget-content-a-color: @ui-widget-content-color;
@ui-widget-content-bg-color: #d4e6f8;
@ui-widget-header-imageurl: url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png);

@ui-widget-header-border-col: #5379af;
@ui-widget-header-border-style: solid;
@ui-widget-header-border-width: 1px;
@ui-widget-header-bg-col: #f6a828;
@ui-widget-header-imageurl: url(images/ui-bg_gloss-wave_35_f6a828_500x100.png);
@ui-widget-header-col: #fff;
@ui-widget-header-fontweight: bold;
@ui-widget-header-a-col: #fff;

/* Interaction State vars */
@ui-state-default-border-col: #73aee0;
@ui-state-default-border-style: solid;
@ui-state-default-border-width: 1px;
@ui-state-default-bg-col: #f6f6f6;
@ui-state-default-bg-imageurl: url(images/ui-bg_glass_100_f6f6f6_1x400.png);
@ui-state-default-fontweight:bold;
@ui-state-default-col: #FFF;
@ui-state-default-a-col: #FFF;
@ui-state-default-a-textdecor: none;

@ui-state-hover-border-col: #b5d6f1;
@ui-state-hover-border-style: solid;
@ui-state-hover-border-width: 1px;
@ui-state-hover-bg-col: #b5d6f1;
@ui-state-hover-bg-imageurl: url(images/ui-bg_glass_100_fdf5ce_1x400.png);
@ui-state-hover-fontweight: bold;
@ui-state-hover-col: #56472e;
@ui-state-hover-a-col: #56472e;
@ui-state-hover-a-textdecor: none;

@ui-state-active-border-col: #fbd850;
@ui-state-active-border-style: solid;
@ui-state-active-border-width: 1px;
@ui-state-active-bg-col: #fff;
@ui-state-active-bg-imageurl: url(images/ui-bg_glass_65_ffffff_1x400.png);
@ui-state-active-fontweight: bold;
@ui-state-active-col: #000;
@ui-state-active-a-col: #000;
@ui-state-active-a-textdecor: none;

@ui-state-highlight-border-col: #fed22f;
@ui-state-highlight-border-style: solid;
@ui-state-highlight-border-width: 1px;
@ui-state-highlight-bg-col: #ffe45c;
@ui-state-highlight-bg-imageurl: url(images/ui-bg_glass_65_ffffff_1x400.png);
@ui-state-highlight-col: #3066a9;
@ui-state-highlight-a-col: #3066a9;
@ui-state-error-border-col: #e2d0d0;
@ui-state-error-border-style: solid;
@ui-state-error-border-width: 1px;
@ui-state-error-bg-col: #fcf0f0;
@ui-state-error-bg-imageurl: url(images/ui-bg_diagonals-thick_18_b81900_40x40.png);
@ui-state-error-col: #280b0b;
@ui-state-error-a-col: #280b0b;
@ui-state-error-text-col: #280b0b;

@ui-priority-primary-fontweight: bold;
@ui-priority-secondary-opacity: .7;
@ui-priority-secondary-filter: Alpha(Opacity=70);
@ui-priority-secondary-font-weight: normal;

@ui-state-disabled-opacity: .35;
@ui-state-disabled-filter: Alpha(Opacity=35);
@ui-state-disabled-background-image: none;

@ui-widget-content-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png);
@ui-widget-header-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png);
@ui-state-default-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png);
@ui-state-hover-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png);
@ui-state-active-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png);
@ui-state-highlight-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png); 
@ui-state-error-ui-icon-bg-imageurl:url(images/enhanced-ui-icon.png); 

/* Icons */
@ui-icon-width: 16px;
@ui-icon-height: 16px;

@ui-icon-bg-imageurl: url(images/enhanced-ui-icon.png);

/* Corner Radius */
@ui-corner-tl:5px;
@ui-corner-tr:5px;
@ui-corner-bl:5px;
@ui-corner-br:5px;
@ui-corner-top:5px;
@ui-corner-bottom:5px;
@ui-corner-right:5px;
@ui-corner-left:5px;
@ui-corner-all:5px;

/* Overlays */

@ui-widget-overlay-bg-col:#666666;
@ui-widget-overlay-bg-imageurl: url(images/ui-bg_diagonals-thick_20_666666_40x40.png);
@ui-widget-overlay-bg-opacity: .50;
@ui-widget-overlay-bg-filter: Alpha(Opacity=50); 

@ui-widget-shadow-margin: -5px 0 0 -5px; 
@ui-widget-shadow-padding: 5px; 
@ui-widget-shadow-bg-col: #000000;
@ui-widget-shadow-bg-imageurl: url(images/ui-bg_flat_10_000000_40x100.png);
@ui-widget-shadow-opacity: .20;
@ui-widget-shadow-filter: Alpha(Opacity=20); 
@ui-widget-shadow-moz-border-radius: 5px; 
@ui-widget-shadow-webkit-border-radius: 5px; 
@ui-widget-shadow-border-radius: 5px; 


/* END LESS VARS */

/*
 * jQuery UI CSS Framework 1.8.10
 *
 * 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
 */

/* Layout helpers
----------------------------------*/
 .katScope .ui-helper-hidden { display: none; }
 .katScope .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
 .katScope .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
 .katScope .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .katScope .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html  .katScope .ui-helper-clearfix { height:1%; }
 .katScope .ui-helper-clearfix { display:block; }
/* end clearfix */
 .katScope .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
 .katScope .ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
 .katScope .ui-icon { display: inline-block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
 .katScope .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * jQuery UI CSS Framework 1.8.10
 *
 * 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
----------------------------------*/
 .katScope .ui-widget { font-family: @ui-widget-font-family; font-size: @ui-widget-font-size; }
 .katScope .ui-widget  .katScope .ui-widget { font-size: @ui-widget-ui-widget-fontsize; }
 .katScope .ui-widget input,  .katScope .ui-widget select,  .katScope .ui-widget textarea,  .katScope .ui-widget button  
{
    font-family: @ui-widget-font-family; 
    font-size: @ui-widget-ui-widget-fontsize; 
}
 .katScope .ui-widget-content  
{
    border: @ui-widget-content-border-width @ui-widget-content-border-style @ui-widget-content-border-color; 
    background: @ui-widget-content-bg-color @ui-widget-header-imageurl 50% top repeat-x; 
    color: @ui-widget-content-color;
}
 .katScope .ui-widget-content a { color: @ui-widget-content-a-color; }
 .katScope .ui-widget-header  
{
    border: @ui-widget-header-border-width @ui-widget-header-border-style @ui-widget-header-border-col; 
    background: @ui-widget-header-bg-col @ui-widget-header-imageurl 50% 50% repeat-x; 
    color: @ui-widget-header-col; 
    font-weight: @ui-widget-header-fontweight; 
}
 .katScope .ui-widget-header a { color: @ui-widget-header-a-col; }
 

 

/* Interaction states
----------------------------------*/
 .katScope .ui-state-default,  .katScope .ui-widget-content  .katScope .ui-state-default,  .katScope .ui-widget-header  .katScope .ui-state-default  
{
    border: @ui-state-default-border-width @ui-state-default-border-style @ui-state-default-border-col; 
    font-weight: @ui-state-default-fontweight; 
    color: @ui-state-default-col;
	.linearGradient(10%, #4e7dca, 100%, #83bae5);
}

 .katScope .ui-state-default a,  .katScope .ui-state-default a:link,  .katScope .ui-state-default a:visited  
{
    color: @ui-state-default-a-col; 
    text-decoration: @ui-state-default-a-textdecor;
}
 .katScope .ui-state-hover,  .katScope .ui-widget-content  .ui-state-hover,  .katScope .ui-widget-header .ui-state-hover,  .katScope .ui-state-focus,  .katScope .ui-widget-content  .ui-state-focus,  .katScope .ui-widget-header .ui-state-focus  
{
    border: @ui-state-hover-border-width @ui-state-hover-border-style @ui-state-hover-border-col; 
    font-weight: @ui-state-hover-fontweight; 
    color: @ui-state-hover-col; 
	.linearGradient(10%, #709de6, 100%, #aad3f2);
}
background: -moz-linear-gradient(top,  #aad3f2 10%, #709de6 100%); /* FF3.6+ */

 .katScope .ui-state-hover a,  .katScope .ui-state-hover a:hover  
{
    color: @ui-state-hover-a-col; 
    text-decoration: @ui-state-hover-a-textdecor; 
}
 .katScope .ui-state-active,  .katScope .ui-widget-content .ui-state-active,  .katScope .ui-widget-header .ui-state-active  
{
    border: @ui-state-active-border-width @ui-state-active-border-style @ui-state-active-border-col; 
    background: @ui-state-active-bg-col @ui-state-active-bg-imageurl 50% 50% repeat-x; 
    font-weight: @ui-state-active-fontweight; 
    color: @ui-state-active-col; 
}
 .katScope .ui-state-active a,  .katScope .ui-state-active a:link,  .katScope .ui-state-active a:visited  
{
    color: @ui-state-active-a-col; 
    text-decoration: @ui-state-active-a-textdecor; 
}
 .katScope .ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
 .katScope .ui-state-highlight,  .katScope .ui-widget-content .ui-state-highlight,  .katScope .ui-widget-header .ui-state-highlight  
{
    border: @ui-state-highlight-border-width @ui-state-highlight-border-style @ui-state-highlight-border-col; 
    background: @ui-state-highlight-bg-col @ui-state-highlight-bg-imageurl 50% top repeat-x; 
    color: @ui-state-highlight-col; 
}
 .katScope .ui-state-highlight a,  .katScope .ui-widget-content .ui-state-highlight a, .katScope .ui-widget-header .ui-state-highlight a  
{
    color: @ui-state-highlight-a-col; 
}
 .katScope .ui-state-error,  .katScope .ui-widget-content .ui-state-error,  .katScope .ui-widget-header .ui-state-error 
{
    border: @ui-state-error-border-width @ui-state-error-border-style @ui-state-error-border-col; 
    background: @ui-state-error-bg-col @ui-state-error-bg-imageurl 50% 50% repeat; 
    color: @ui-state-error-col; 
}
 .katScope .ui-state-error a,  .katScope .ui-widget-content .ui-state-error a,  .katScope .ui-widget-header .ui-state-error a  
{
    color: @ui-state-error-a-col; 
}
 .katScope .ui-state-error-text, .ui-widget-content .ui-state-error-text,  .katScope .ui-widget-header .ui-state-error-text  
{
    color: @ui-state-error-text-col; 
}
 .katScope .ui-priority-primary, .katScope .ui-widget-content  .ui-priority-primary, .katScope .ui-widget-header .ui-priority-primary  
{
    font-weight: @ui-priority-primary-fontweight; 
}
.katScope .ui-priority-secondary, .katScope .ui-widget-content .ui-priority-secondary,  .katScope .ui-widget-header .ui-priority-secondary  
{
    opacity: @ui-priority-secondary-opacity; 
    filter:@ui-priority-secondary-filter; 
    font-weight: @ui-priority-secondary-font-weight; 
}
.katScope .ui-state-disabled, .katScope .ui-widget-content .katScope .ui-state-disabled, .katScope .ui-widget-header .ui-state-disabled  
{
    opacity: @ui-state-disabled-opacity; 
    filter: @ui-state-disabled-filter; 
    background-image: @ui-state-disabled-background-image; 
}

/* Icons
----------------------------------*/
.katScope .ui-icon { margin:0 4px 0 0; vertical-align: middle; width: 16px; height: 16px; display:inline-block;background-image: url(/themes/katalysis_whatson/js/mylibs/jquery-ui/images/enhanced-ui-icons.png)!important;background-repeat:no-repeat;}/* Note use of !important to override C5 style sheet */


/* states and images */
.katScope .ui-state-default .ui-icon, .katScope .ui-widget-content .ui-icon, .katScope .ui-state-error .ui-icon { width: 16px; height: 16px; background: url(/themes/katalysis_whatson/js/mylibs/jquery-ui/images/enhanced-ui-icons.png) no-repeat;}


.katScope .ui-state-error .kat-ui-icon-error { background-position: -48px -32px !important;}
.katScope .ui-state-default .kat-ui-icon-alert { background-position: -48px 0px !important;}
.katScope .ui-state-default .kat-ui-icon-success { background-position: -48px -16px !important;}
.katScope .ui-state-default  .kat-ui-icon-pdf { background-position: -64px -80px ;}
.katScope .ui-state-default  .kat-ui-icon-vtour { background-position: -64px -96px ;}
.katScope .ui-state-default  .kat-ui-icon-delete { background-position: -32px -96px ;}
.katScope .ui-state-default  .kat-ui-icon-email { background-position: -32px -96px ;}
.katScope .ui-state-default .kat-ui-icon-close { background-position: 0px 0px ;}
.katScope .ui-state-hover .kat-ui-icon-close { background-position: 0px -16px;}
.katScope .ui-state-default .kat-ui-icon-search {background-position: -112px -64px; }
.katScope .ui-state-hover .kat-ui-icon-search {background-position: -112px -80px; }
.katScope .ui-widget-content .kat-ui-icon-search {background-position: -112px -64px; }
.katScope .ui-widget-content .katScope .ui-icon-search {background-position: -112px -64px; }
.katScope .ui-state-default .kat-ui-icon-favourite {background-position: -32px 0px;}
.katScope .ui-state-hover .kat-ui-icon-favourite {background-position: -32px -16px;}
.katScope .ui-state-default .kat-ui-icon-omit { background-position: -32px -32px; }
.katScope .ui-state-hover .kat-ui-icon-omit { background-position: -32px -48px; }
.katScope .ui-state-default .kat-ui-icon-refresh { background-position: -32px -64px; }
.katScope .ui-state-hover .kat-ui-icon-refresh  { background-position: -32px -80px; }
.katScope .ui-widget-content .kat-ui-icon-refresh { background-position: -32px -64px; }
.katScope .kat-ui-icon-back { background-position: 0px -32px;}
.katScope .ui-state-hover .kat-ui-icon-back { background-position: 0px -48px;}
.katScope .ui-state-default .kat-ui-icon-forward { background-position: -16px -32px ;}
.katScope .ui-state-hover .kat-ui-icon-forward { background-position: -16px -48px ;}
.katScope .ui-widget-content .kat-ui-icon-info { background-position: -48px 0px; }
.katScope .kat-ui-icon-info {background-position: -48px 0px;}
.katScope .kat-ui-icon-alert { background-position: -48px -32px;  }

.katScope .kat-ui-icon-download { background-position: -64px 0px ;}
.katScope .kat-ui-icon-word { background-position: -64px -16px ;}
.katScope .kat-ui-icon-ppt { background-position: -64px -48px ;}
.katScope .kat-ui-icon-xls { background-position: -64px -64px ;}
.katScope .kat-ui-icon-audio { background-position: -64px -80px ;}
.katScope .kat-ui-icon-pdf { background-position: -64px -96px ;}
.katScope .kat-ui-icon-vtour { background-position: -64px -112px ;}

.katScope .ui-state-default .kat-ui-icon-play { background-position: -80px 0px ;}
.katScope .ui-state-hover .kat-ui-icon-play { background-position: -80px -16px ;}
.katScope .ui-state-active .kat-ui-icon-play { background-position: -80px -32px ;}
.katScope .ui-state-default .kat-ui-icon-pause { background-position: -80px -32px ;}
.katScope .ui-state-hover .kat-ui-icon-pause { background-position: -80px -48px ;}
.katScope .ui-state-default .kat-ui-icon-down, .katScope .ui-state-default .ui-icon-triangle-1-s { background-position: 0px -64px ;}
.katScope .ui-state-hover .kat-ui-icon-down, .katScope .ui-state-hover .ui-icon-triangle-1-s { background-position: 0px -80px ;}

.katScope .kat-ui-icon-mobile {background-position: -96px -80px;}
.katScope .kat-ui-icon-email {background-position: -96px -16px;}
.katScope .kat-ui-icon-logon {background-position: -112px -16px;}
.katScope .kat-ui-icon-facebook {background-position: -128px 0px;}
.katScope .kat-ui-icon-twitter {background-position: -128px -32px;}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.katScope .ui-corner-tl { -moz-border-radius-topleft: @ui-corner-tl; -webkit-border-top-left-radius: @ui-corner-tl; border-top-left-radius: @ui-corner-tl; }
.katScope .ui-corner-tr { -moz-border-radius-topright: @ui-corner-tr; -webkit-border-top-right-radius: @ui-corner-tr; border-top-right-radius: @ui-corner-tr; }
.katScope .ui-corner-bl { -moz-border-radius-bottomleft: @ui-corner-bl; -webkit-border-bottom-left-radius: @ui-corner-bl; border-bottom-left-radius: @ui-corner-bl; }
.katScope .ui-corner-br { -moz-border-radius-bottomright: @ui-corner-br; -webkit-border-bottom-right-radius: @ui-corner-br; border-bottom-right-radius: @ui-corner-br; }
.katScope .ui-corner-top { -moz-border-radius-topleft: @ui-corner-top; -webkit-border-top-left-radius: @ui-corner-top; border-top-left-radius: @ui-corner-top; -moz-border-radius-topright: @ui-corner-top; -webkit-border-top-right-radius: @ui-corner-top; border-top-right-radius: @ui-corner-top; }
.katScope .ui-corner-bottom { -moz-border-radius-bottomleft: @ui-corner-bottom; -webkit-border-bottom-left-radius: @ui-corner-bottom; border-bottom-left-radius: @ui-corner-bottom; -moz-border-radius-bottomright: @ui-corner-bottom; -webkit-border-bottom-right-radius: @ui-corner-bottom; border-bottom-right-radius: @ui-corner-bottom; }
.katScope .ui-corner-right {  -moz-border-radius-topright: @ui-corner-right; -webkit-border-top-right-radius: @ui-corner-right; border-top-right-radius: @ui-corner-right; -moz-border-radius-bottomright: @ui-corner-right; -webkit-border-bottom-right-radius: @ui-corner-right; border-bottom-right-radius: @ui-corner-right; }
.katScope .ui-corner-left { -moz-border-radius-topleft: @ui-corner-left; -webkit-border-top-left-radius: @ui-corner-left; border-top-left-radius: @ui-corner-left; -moz-border-radius-bottomleft: @ui-corner-left; -webkit-border-bottom-left-radius: @ui-corner-left; border-bottom-left-radius: @ui-corner-left; }
.katScope .ui-corner-all { -moz-border-radius: @ui-corner-all; -webkit-border-radius: @ui-corner-all; border-radius: @ui-corner-all; }

/* Overlays */
.katScope .ui-widget-overlay  
{
    background: @ui-widget-overlay-bg-col @ui-widget-overlay-bg-imageurl 50% 50% repeat; 
    opacity: @ui-widget-overlay-bg-opacity;
    filter:@ui-widget-overlay-bg-filter; 
}
.katScope .ui-widget-shadow  
{
    margin: @ui-widget-shadow-margin; 
    padding: @ui-widget-shadow-padding; 
    background: @ui-widget-shadow-bg-col @ui-widget-shadow-bg-imageurl 50% 50% repeat-x; 
    opacity: @ui-widget-shadow-opacity;
    filter:@ui-widget-shadow-filter; 
    -moz-border-radius: @ui-widget-shadow-moz-border-radius; 
    -webkit-border-radius: @ui-widget-shadow-webkit-border-radius; 
    border-radius: @ui-widget-shadow-border-radius; 
}/*
 * jQuery UI Resizable 1.8.10
 *
 * 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/Resizable#theming
 */
.katScope .ui-resizable { position: relative;}
.katScope .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.katScope .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.katScope .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.katScope .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.katScope .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.katScope .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.katScope .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.katScope .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.katScope .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.katScope .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.10
 *
 * 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/Selectable#theming
 */
.katScope .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.10
 *
 * 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/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.katScope .ui-accordion { width: 100%; }
.katScope .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.katScope .ui-accordion .ui-accordion-li-fix { display: inline; }
.katScope .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.katScope .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.katScope .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.katScope .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.katScope .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.katScope .ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.10
 *
 * 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/Autocomplete#theming
 */
.katScope .ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Button 1.8.10
 *
 * 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/Button#theming
 */
.katScope .ui-button { display: inline-block; position: relative; padding: 0; margin: 0 0 3px 0; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.katScope .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
.katScope button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.katScope .ui-button-icons-only { width: 3.4em; } 
.katScope button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.katScope .ui-button .ui-button-text { display: block; line-height: 1.4;color:@ui-button-text-color;font-weight:@ui-button-font-weight;text-shadow:@ui-button-text-shadow;}
.katScope .ui-button-text-only .ui-button-text { padding: .4em 1em; }
.katScope .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.katScope .ui-button-text-icon-primary .ui-button-text, .katScope .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.katScope .ui-button-text-icon-secondary .ui-button-text, .katScope .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.katScope .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.katScope .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .katScope .ui-button-text-icon-secondary .ui-icon, .katScope .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.katScope .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.katScope .ui-button-text-icon-primary .ui-button-icon-primary, .katScope .ui-button-text-icons .ui-button-icon-primary, .katScope .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .katScope .ui-button-text-icons .ui-button-icon-secondary, .katScope .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .katScope .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.katScope .ui-buttonset { margin-right: 7px; }
.katScope .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
.katScope button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.10
 *
 * 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/Dialog#theming
 */
.katScope .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.katScope .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.katScope .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.katScope .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.katScope .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.katScope .ui-dialog .ui-dialog-titlebar-close:hover, .katScope .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.katScope .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.katScope .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.katScope .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.katScope .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.katScope .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.katScope .ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.10
 *
 * 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/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.10
 *
 * 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/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.10
 *
 * 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/Datepicker#theming
 */
.katScope .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.katScope .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.katScope .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.katScope .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.katScope .ui-datepicker .ui-datepicker-prev { left:2px; }
.katScope .ui-datepicker .ui-datepicker-next { right:2px; }
.katScope .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.katScope .ui-datepicker .ui-datepicker-next-hover { right:1px; }
.katScope .ui-datepicker .ui-datepicker-prev span, .katScope .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.katScope .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.katScope .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.katScope .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.katScope .ui-datepicker select.ui-datepicker-month, 
.katScope .ui-datepicker select.ui-datepicker-year { width: 49%;}
.katScope .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.katScope .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.katScope .ui-datepicker td { border: 0; padding: 1px; }
.katScope .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.katScope .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.katScope .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.katScope .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.katScope .ui-datepicker.ui-datepicker-multi { width:auto; }
.katScope .ui-datepicker-multi .ui-datepicker-group { float:left; }
.katScope .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.katScope .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.katScope .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.katScope .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.katScope .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.katScope .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.katScope .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.katScope .ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.katScope .ui-datepicker-rtl { direction: rtl; }
.katScope .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.katScope .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.katScope .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.katScope .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.katScope .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.katScope .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.katScope .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.katScope .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.katScope .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.katScope .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/*
 * jQuery UI Progressbar 1.8.10
 *
 * 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/Progressbar#theming
 */
.katScope .ui-progressbar { height:2em; text-align: left; }
.katScope .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }