/***
 * Main css file .
 * Styles all plugins belong to gencat framework
 * @author: David Prados Luna @dpluna
 * @version: 1.0
 * @date_creation: 01/12/2010
 * @date_modify: 20/03/2012
 */

/**
 * Generic styles of all plugins.
 * @author: David Prados Luna
 **/
.ui-widget-content { background-color: #FFF; }
.ui-widget a,
.ui-widget a:hover { color: #AC2115; outline: none; }
.ui-widget a:hover { text-decoration: underline; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
/* states and imgs */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-state-default, 
.ui-widget-content .ui-state-default { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; color: #4d4d4d; font-weight: normal; outline: medium none; }
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited { color: #AC2115; outline: medium none; text-decoration: none; }
.ui-state-hover a, 
.ui-state-hover a:hover { color: #AC2115; outline: medium none; text-decoration: underline; }
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited { color: #AC2115; outline: medium none; text-decoration: none; }

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight { background: none repeat scroll 0 0 #AC2115; color: #FFFFFF; }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a { color: #FFFFFF; }

.ui-state-disabled { cursor: default !important; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/**
 * Tabs Styles
 * @author: David Prados Luna
 */
.ui-tabs { position: relative; color: #4d4d4d; font-family: inherit; background: url(imgs/box.gif) no-repeat 0 100%; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {  line-height: 1.4em; margin: 0 !important; border-bottom: 1px solid #c7c7c7; padding-left: 0; }
.ui-tabs .ui-tabs-nav li { display: block; float: left; margin-left: 0 !important; padding: 0 0 0 10px; border: none; color: #000; background: url(imgs/tab.gif) no-repeat 0 -26px !important; font-weight: 100; }
.ui-tabs .ui-tabs-nav li a { display: inline-block; padding: 2px 10px 0 0; margin-right: -1px; background: url(imgs/tab.gif) no-repeat 100% -26px; color: #AC2115; }
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-position: 0 0 !important; padding-bottom: 1px; margin-bottom: -1px; font-weight: 700; }
.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 { color: #4d4d4d; background-position: 100% 0; }
.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 { height: 1%; background: url(imgs/box.gif) no-repeat 100% 100%; padding: 5px 10px 15px 10px; border: none; margin-left: 8px; margin-top: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel .titleTabs { position: absolute; top: -99999px; left: -99999px; text-indent: -9999px; } /* no jQuery plugin */

/**
 * Accordion Styles
 * @author: David Prados Luna
 * @date_creation: 01/12/2010
 * @date_modify: 29/03/2011
 * #date 29/03/2011
 * 		- S'ha redu�t la font del t�tol.
 * 		- El far�it entre cada h3 i en el t�tol s'ha redu�t per assimilar-lo al acorde� de GECO.
 */
.ui-accordion { background: url(imgs/accordion-box.png) no-repeat bottom left; padding: 0 0 0 16px; }
.ui-accordion .accordion-wrapper { background: url(imgs/accordion-box.png) no-repeat bottom right; padding: 0 16px 16px 0; }
.ui-accordion .ui-accordion-header { margin: 0; margin-bottom: 2px !important; padding: 5px 10px 5px; border: none; font-weight: 700; background: #EAEAEA url(imgs/accordion-arrows.gif) no-repeat 93% 12px; color: #4D4D4D; cursor: pointer; }
.ui-accordion .ui-accordion-header:first-child { border-top: 2px solid #FFF; }
.ui-accordion .ui-accordion-header a { color: #4D4D4D; }
.ui-accordion .ui-accordion-header.ui-state-active {  background-position: 93% -97px; color: #FFF;  }
.ui-accordion .ui-accordion-header.ui-state-active a { color: #FFF; }
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content { margin: 0 -11px 0 -10px; overflow: hidden; }
.ui-accordion .ui-accordion-content { padding: 10px; }
.ui-accordion h3 { margin: 0 0 0 -16px !important; padding-left: 16px; color: #FFF; }
.ui-accordion h3,
.ui-accordion h3 span { background: url(imgs/accordion-box.png) no-repeat top left; }
.ui-accordion h3 span { display: block; background-position: right top; padding: 5px 16px 1px 0; }

/**
 * Carrousel Styles
 * @author: David Prados Luna
 * @date_creation: 01/12/2010
 * @date_modify: 30/03/2011
 * #date 30/03/2011
 * 		- S'ha reempla�at el marge pel far�it en cada fill <li> del llistat. 
 * 		- S'ha eliminat la regla que canviaba el primer <li> resetejant-li el far�it i el marge.
 */
.jcarousel-container { position: relative; border: 1px solid #E7E7E7; }
.jcarousel-container .jcarousel-clip { margin: 0 24px; padding: 8px 0 4px; }
.jcarousel-container .jcarousel-list li { background: none !important; margin-left: 0 !important; padding: 0 13px !important; margin: 0 0 !important; }
.jcarousel-container .jcarousel-next, 
.jcarousel-container .jcarousel-prev { position: absolute; top: 45%; background: url("imgs/carousel-arrows.gif") no-repeat scroll 0 0; display: block; height: 17px; line-height: 35px; overflow: hidden; text-indent: -9999px; width: 18px; cursor: pointer; }
.jcarousel-container .jcarousel-prev { left: 2px; }  
.jcarousel-container .jcarousel-next { background-position: 0 -17px; right: 2px; }
.jcarousel-container .jcarousel-prev-disabled,
.jcarousel-container .jcarousel-next-disabled { cursor: default; }
.jcarousel-container .jcarousel-prev-disabled { background-position: 0 -34px; }  
.jcarousel-container .jcarousel-next-disabled { background-position: 0 -51px; }

/**
 * Datepicker Styles
 * @author: David Prados Luna
 */
.ui-datepicker { width: 205px; padding: .2em .2em 0; border: 1px solid #AAAAAA; position: absolute; left: -99999px; top: -9999px; }
.ui-datepicker-inline { position: static; text-indent: 0; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 3px; margin-top: 20px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; height: 17px; } 
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker-prev { background: url(imgs/datepicker-icons.png) no-repeat 0 0; cursor: pointer; }
.ui-datepicker-next { background: url(imgs/datepicker-icons.png) no-repeat -16px 0; cursor: pointer; }
.ui-datepicker .ui-datepicker-next span .ui-widget-header .ui-icon { background-image: url(imgs/datepicker-icons.png); }
.ui-datepicker .ui-datepicker-next span .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(imgs/right.gif); top: 10px;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float: left; font-size: .9em; margin:0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 48%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 0; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.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; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible;  text-indent: -99999px; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-icon { width: 16px; height: 16px; }
.ui-datepicker .ui-datepicker-calendar,
.ui-datepicker .ui-datepicker-calendar a { color: #4d4d4d; line-height: 2em; }
.ui-datepicker .ui-datepicker-calendar a:hover { text-decoration: none; }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { color: #FFF; background-color: #000; }
/* Estil per el datepicker que apareix sense pulsar un <input> */
.ui-datepicker.ui-datepicker-inline .ui-datepicker-header { margin-top: 0; }
/* Datepicker con calendarios multiples */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* Datepicker amb suport RTL */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* Datepicker ie6 iframe fix (de datepicker 1.5.3) */
.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ /* filter: mask(); *//*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }
.ui-datepicker-buttonpane { position: absolute; top: 5px; right: 5px; height: 12px !important; overflow: hidden !important; border: none !important; padding: 0px !important; margin: 0px 0px 0px 0px !important; }
.ui-datepicker-buttonpane .ui-datepicker-current { display: none; }
.ui-datepicker-buttonpane .ui-datepicker-close { background: url("imgs/datepicker-icons.png") no-repeat 0 -17px !important; display: inline; width: 9px !important; height: 9px !important; overflow: hidden; border: none !important; margin: 0 !important; padding: 0px 0px 0px 9px !important; text-indent: -9999px; }
.ui-datepicker-buttonpane .ui-datepicker-close span { padding-left: 9px; display: none; }
.ui-datepicker-trigger { cursor:pointer; }
.ui-datepicker-trigger { display: block; width: 27px; height: 18px; display: inline-block; border: none; padding: 0; margin: 0; overflow: hidden; background: url(imgs/icoCalendar.gif) no-repeat; text-indent: -9999px; vertical-align: top; border: none; }

/**
 * Autocomplete Styles
 * @author: David Prados Luna
 * @date_creation: 01/12/2010
 * @date_modify: 30/03/2011
 * #date 30/03/2011
 * 		- S'ha afegit el "carregant" dins de l'input per informar a l'usuari. Com a conseq��ncia d'aix� s'ha tingut que donar un borde de 2px
 * 		  per tal de evitar que sort�s el borde natiu biselat del navegador.
 */
.ui-autocomplete { list-style-type: none; padding: 0; margin: 0; float: left; background-color: #EEEEEE; border: 1px solid #DDDDDD; } 
.ui-autocomplete .ui-menu-item a { display: block; padding: 3px 4px; cursor: pointer; color: #4d4d4d; }
.ui-autocomplete .ui-menu-item a.ui-state-hover { cursor: pointer; background-color: #fff; border: none; color: #4d4d4d; text-decoration: none; }
.ui-autocomplete-input.ui-autocomplete-loading { border: 2px solid #ccc; background: url(imgs/input-loading.gif) no-repeat right 50%; }

/**
 * Colorbox Styles
 * @author: David Prados Luna
 * @date_creation: 01/12/2010
 * @date_modify: 28/03/2011
 * #date 28/03/2011
 * 		- S'ha intercanviat de lloc els enlla�os de navegaci� i el conteig total de l'agrupament (#cboxSlideshow, #cboxPrevious, #cboxNext).
 */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:visible; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
/* Las seg�ents regles estan ordenadres en ordre de generaci� de l'HTML. */
#cboxOverlay { background:#fff; }
#colorBox {}
#cboxTopLeft { width:25px; height:25px; background: url(imgs/colorbox.png) no-repeat 0 0; }
#cboxTopCenter { height:25px; background: url(imgs/colorbox.png) repeat-x 0 -50px; }
#cboxTopRight { width:25px; height:25px; background: url(imgs/colorbox.png) no-repeat -25px 0; }
#cboxBottomLeft { width:25px; height:25px; background: url(imgs/colorbox.png) no-repeat 0 -25px; }
#cboxBottomCenter { height:25px; background: url(imgs/colorbox.png) repeat-x 0 -75px; }
#cboxBottomRight { width:25px; height:25px; background: url(imgs/colorbox.png) no-repeat -25px -25px; }
#cboxMiddleLeft { width:25px; background: url(imgs/colorbox-h.png) repeat-y 0 0; }
#cboxMiddleRight { width:25px; background: url(imgs/colorbox-h.png) repeat-y -25px 0; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin: 20px 0 20px; overflow: hidden !important; }
#cboxTitle { position: absolute; top: -4px; left: 0; width: 100%; color: #AC2115; font-weight: 700; }
#cboxCurrent { position: absolute; bottom: 0px; left: 130px; color:#999; }
#cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color:#444; }
#cboxPrevious { position: absolute; bottom: 0px; left: 0; color: #444; }
#cboxNext { position: absolute; bottom: 0px; left: 63px; color: #444; }
#cboxLoadingOverlay { background: #fff url(imgs/loading.gif) no-repeat 5px 5px; }
#cboxClose { text-indent: -9999px; width: 9px; height: 9px; background: url(imgs/close.gif) no-repeat; position:absolute; top:0; right:0; display:block; color:#444; }
/* IE6 .png fix */
/*
* html .cboxIE #cboxTopLeft { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../styles/jquery/colorbox/imgs/internet_explorer/borderTopLeft.png, sizingMethod='scale'); }
* html .cboxIE #cboxTopCenter { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderTopCenter.png, sizingMethod='scale'); }
* html .cboxIE #cboxTopRight { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderTopRight.png, sizingMethod='scale'); }
* html .cboxIE #cboxBottomLeft { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderBottomLeft.png, sizingMethod='scale'); }
* html .cboxIE #cboxBottomCenter { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderBottomCenter.png, sizingMethod='scale'); }
* html .cboxIE #cboxBottomRight { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderBottomRight.png, sizingMethod='scale'); }
* html .cboxIE #cboxMiddleLeft { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderMiddleLeft.png, sizingMethod='scale'); }
* html .cboxIE #cboxMiddleRight { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../css/jquery/colorbox/imgs/internet_explorer/borderMiddleRight.png, sizingMethod='scale'); }
*/

/**
 * Twitter Styles
 * @author: David Prados Luna
 * @date_creation: 23/03/2011
 * @date_modify: 24/03/2011
 * #date 24/03/2011
 * 		- S'afegeix la personalitzaci� de l'aspecte vermell/gris del Twitter
 */
/* Default theme (grey) */
.twitterBox,
.twitterBox .tweet_header,
.twitterBox .tweet_list,
.twitterBox .tweet_footer,
.twitterBox .tweet_footer .tweet_content { background-color: #d6d6d6; background-image: url(imgs/twitterBox.png); background-repeat: no-repeat; }
/* Red color theme */
.twitterBox.redGencat,
.twitterBox.redGencat .tweet_header,
.twitterBox.redGencat .tweet_list,
.twitterBox.redGencat .tweet_footer,
.twitterBox.redGencat .tweet_footer .tweet_content { background-color: #AC2014; background-image: url(imgs/twitterBox-red.png); background-repeat: no-repeat; }
.twitterBox.redGencat .tweet_list { background-color: #FFF; border-color: transparent #AC2115 !important; }
/* TwitterBox styles */
.twitterBox { line-height: 1.5; color: #FFF; background-position: 0 0; }
.twitterBox a { color: #FFF; text-decoration: none;}
.twitterBox a:hover { color: #FFF; text-decoration: underline;}
.twitterBox .tweet_header { background-position: 100% 0; height: 1px; margin-left: 10px; padding: 10px; padding-left: 0; }
.twitterBox .tweet_header.hasContent { height: 38px; }
.twitterBox .tweet_header img { float: left; display: block; margin: 0 10px 0 0 !important; }
.twitterBox .tweet_header strong { display: block; margin-bottom: -6px; margin-top: -2px; margin-left: 42px; }
.twitterBox .tweet_list { margin: -6px 0 0 0 !important; background-color: #FFF; background-position: -1px -111px; padding: 10px 1px; max-height: 200px; overflow: auto; border-width: 0 1px; border-style: none solid; border-color: transparent #757575; color: #4d4d4d; }
.twitterBox .tweet_list li { list-style-type: none; margin: 10px 0 0 !important; padding: 10px 10px 0 !important; border-top: 1px dotted #ccc; background: none !important; min-height: 33px; }
.twitterBox .tweet_list li:first-child,
.twitterBox .tweet_list li.tweet_first { margin-top: 0 !important; padding-top: 0 !important; border-top: none; }
.twitterBox .tweet_header a {font-size: 1.5em;}
.twitterBox .tweet_list li a,
.twitterBox .tweet_list li a:hover { color: #AC2115; }
.twitterBox .tweet_list li .tweet_avatar { float: left; margin-right: 10px; }
.twitterBox .tweet_footer { background-position: 100% -105px; padding-right: 10px; }
.twitterBox .tweet_footer .tweet_content { text-align: right; background-position: 0 -105px; height: 5px; padding: 0; padding-right: 0; }
.twitterBox .tweet_footer.hasContent .tweet_content { height: 17px; padding: 10px;}
.twitterBox .tweet_footer.hasContent { background-position: 100% -73px; }
.twitterBox .tweet_footer.hasContent .tweet_content {  background-position: 0 -73px; }

.twitterBox .twtr-doc,
.twitterBox .twtr-hd a,
.twitterBox h3,
.twitterBox h4 { background-color: #d6d6d6 !important; }

/**
 * Google Visualization Styles
 * @author: David Prados Luna
 */
.google-visualization-table-table { width: 100%; }


/**
 * jQuery Treeview Styles
 * @author: David Prados Luna
 */
/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-gencat li, 
.jstree-gencat ins { background-image:url("imgs/treeview-d.png"); background-repeat:no-repeat; background-color:transparent; }
.jstree-gencat li { background-position:-90px 0; background-repeat:repeat-y; }
/* Reset gencat generic styles */
.jstree-gencat > ul > li { padding-left: 0 !important; margin-left: 0 !important; background: none !important; }
.jstree-gencat > ul > li li { margin-left: 18px !important; background: none !important; padding-left: 0 !important; }
.jstree-gencat li.jstree-last { background:transparent; }
.jstree-gencat .jstree-open > ins { background-position:-72px 0; }
.jstree-gencat .jstree-closed > ins { background-position:-54px 0; }
.jstree-gencat .jstree-leaf > ins { background-position:-36px 0; }

.jstree-gencat a { padding:0 5px; border: 1px solid transparent; }
.jstree-gencat .jstree-hovered { background: #e7f4f9; background: rgba(207, 75, 70, 0.5); border:1px solid #db5757; }
.jstree-gencat .jstree-clicked { background: #beebff; background: rgba(207, 75, 70, 1); border:1px solid #BF1313; color: #FFF; }
.jstree-gencat a .jstree-icon { background-position:-56px -19px; }
.jstree-gencat a.jstree-loading .jstree-icon { background:url("imgs/treeview-throbber.gif") center center no-repeat !important; }

.jstree-gencat.jstree-focused { background:#fff; }

.jstree-gencat .jstree-no-dots li, 
.jstree-gencat .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-gencat .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-gencat .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-gencat .jstree-no-icons a .jstree-icon { display:none; }

.jstree-gencat .jstree-search { }

.jstree-gencat .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-gencat .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-gencat .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-gencat .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-gencat .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-gencat .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-gencat .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-gencat .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-gencat ins { background:transparent !important; }
#vakata-dragged.jstree-gencat .jstree-ok { background:url("imgs/treeview-d.png") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-gencat .jstree-invalid { background:url("imgs/treeview-d.png") -18px -53px no-repeat !important; }
#jstree-marker.jstree-gencat { background:url("imgs/treeview-d.png") -41px -57px no-repeat !important; text-indent:-100px; }

.jstree-gencat a.jstree-search { font-weight: 700; }
.jstree-gencat .jstree-locked a { cursor: default; }

#vakata-contextmenu.jstree-gencat-context, 
#vakata-contextmenu.jstree-gencat-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-gencat-context li { }
#vakata-contextmenu.jstree-gencat-context a { color:black; }
#vakata-contextmenu.jstree-gencat-context a:hover, 
#vakata-contextmenu.jstree-gencat-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-gencat-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-gencat-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-gencat-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-gencat-context li ul { margin-left:-4px; }

/* IE6 BEGIN */
.jstree-gencat li, 
.jstree-gencat ins,
#vakata-dragged.jstree-gencat .jstree-invalid, 
#vakata-dragged.jstree-gencat .jstree-ok, 
#jstree-marker.jstree-gencat { _background-image:url("imgs/treeview-d.gif"); }
.jstree-gencat .jstree-open ins { _background-position:-72px 0; }
.jstree-gencat .jstree-closed ins { _background-position:-54px 0; }
.jstree-gencat .jstree-leaf ins { _background-position:-36px 0; }
.jstree-gencat a ins.jstree-icon { _background-position:-56px -19px; }
#vakata-contextmenu.jstree-gencat-context ins { _display:none; }
#vakata-contextmenu.jstree-gencat-context li { _zoom:1; }
.jstree-gencat .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
.jstree-gencat .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
.jstree-gencat .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
/* IE6 END */