/* ZK fonts variables (including this file allows to use variables in all *.css.dsp files */
























/******************************************/
/********** COMMON CUSTOM STYLES **********/
/******************************************/
.i-opacity-10-pct {opacity: 0.1; filter: alpha(opacity = 10)}
.i-opacity-30-pct {opacity: 0.3; filter: alpha(opacity = 30)}
.i-opacity-50-pct {opacity: 0.5; filter: alpha(opacity = 50)}
.i-opacity-70-pct {opacity: 0.7; filter: alpha(opacity = 70)}
.i-invalid {border: 1px solid #DD7870 !important; background-color: #FFF2F2 !important; display: inline-block} /* invalid component highlight */
.i-invalid input {background-color: #FFF2F2 !important;} /* invalid component highlight */
.i-invalid-container, .i-invalid-container .z-tab-text {color: red !important} /* invalid container highlight */
.i-required-icon {
  width: 6px; height: 1em;
  display: inline-block; 
  background: url(/portal/zkau/web/8c1e653c/images/asterisk_small.png) no-repeat right 20% transparent;
 } /* required field icon */
 .i-form-label.i-required-icon {
 	display: inline;
 	width: initial;
 	height: initial;
 	padding-right: 7px;
 } /* required form label */
.i-panel-header {
  width: 100%; display: inline-block; 
  text-indent: 5px; text-align: left; 
  font-weight: bold; font-size: 1.1em; 
  border-bottom: 1px solid silver; 
  padding-bottom: 2px; margin-top:5px; margin-bottom: 4px
}
.i-hide-selection *::selection {background:transparent} /* Chrome disabled selection fix */
.i-hidden-row {display: none;}

.i-caption {font-size: 12px; font-weight:bold; /*font-style:italic;*/ color:#444} /* Groupbox, Panel and Window caption style */
.i-custom-caption .z-caption-l {display: none} /* hides left caption part, which contains common icon and label (Caption.setLabel()/setImage()) */
.i-custom-caption .z-caption-r {width: 100%; text-align: left} /* fixes alignment of right caption part, which contains custom components */

.i-table-header div.z-listheader-cnt, .i-table-header div.z-column-cnt {
  font-size: 10px; font-weight: bold; /*font-style: italic;*/ color: #333; line-height: 13px
 } /* Listbox/Grid header column style */

.i-text-center {text-align: center !important} 	/* center text alignment */
.i-text-left {text-align: left !important} 		/* left text alignment */
.i-text-right {text-align: right !important}    /* right text alignment */
.i-center {text-align: center !important; vertical-align: middle !important;}
.i-align-left {text-align: left}
.i-align-center {text-align: center}
.i-align-right {text-align: right}
.i-align-top {vertical-align: top}
.i-align-middle {vertical-align: middle}
.i-align-bottom {vertical-align: bottom}
.i-no-text-wrap {white-space: nowrap}
.i-text-wrap {white-space: normal}
.i-link {font-weight:bold; text-decoration: underline; cursor: pointer; color: #006699;}
.i-link:HOVER {color: #003C5C}
.i-link-slim {font-weight:normal; text-decoration: underline; cursor: pointer; color: #006699;}
.i-link-slim:HOVER {color: #003C5C}
.i-no-border {border: none}

.i-toolbarbutton-min .z-toolbarbutton-cnt {padding: 0} /* minimal size toolbarbutton, useful for adhoc control buttons */
.i-toolbarbutton-small .z-toolbarbutton-cnt {width: 16px; height: 16px} /* toolbarbutton with icon of 16x16 pixels */
.i-toolbarbutton-min.z-toolbarbutton, .i-toolbarbutton-small.z-toolbarbutton {margin: 0}
.i-toolbarbutton-large .z-toolbarbutton-cnt {width: 32px; height: 32px} /* toolbarbutton with icon of 32x32 pixels */
.i-toolbarbutton-no-hl.z-toolbarbutton-over, .i-toolbarbutton-no-hl.z-toolbarbutton-over .z-toolbarbutton-body {border-color: transparent}
.i-toolbarbutton-no-hl.z-toolbarbutton-over .z-toolbarbutton-cnt {background: none}
.z-button.i-image-button, .z-button-os.i-image-button {cursor: pointer; border: none; background-color: transparent; padding: 0px; margin: 0px;}

div.z-listbox-header tr.z-listhead .i-table-header-light, div.z-listbox-header tr.z-auxhead .i-table-header-light,
div.z-grid-header tr.z-columns .i-table-header-light, div.z-grid-header tr.z-auxhead .i-table-header-light {
	background-image: url(/portal/zkau/web/8c1e653c/zul/img/grid/column-bg-light.png);
} /* lighter variation of default ZK Listbox/Grid header */

/* Vertical/horizontal padding disable for cells (Hbox, Vbox etc) */
.i-cell-no-pad .z-cell, .i-cell-no-pad.z-cell, 
.i-cell-no-pad .z-row-inner, .i-cell-no-pad.z-row-inner {padding: 0 !important}
.i-cell-no-vert-pad .z-cell, .i-cell-no-vert-pad.z-cell, 
.i-cell-no-vert-pad .z-row-inner, .i-cell-no-vert-pad.z-row-inner {padding-top: 0 !important; padding-bottom: 0 !important}
.i-cell-no-horiz-pad .z-cell, .i-cell-no-horiz-pad.z-cell,
.i-cell-no-horiz-pad .z-row-inner, .i-cell-no-horiz-pad.z-row-inner {padding-left: 0 !important; padding-right: 0 !important}

.i-bold {font-weight: bold}

/* Proper Hbox container style for Radio + Label and Checkbox + Label */
.check-radio-container {}
.check-radio-container td.z-hbox-sep {display: none;}
.check-radio-container .z-cell {padding: 0px;}
.check-radio-container input[type="radio"] {
	margin: 3px 3px 3px 4px;
}
/* .check-radio-container td {vertical-align: middle;} */

/* Clear toolbar style */
.i-clear-toolbar {background: none repeat scroll 0 0 #F0F5F9 !important;}

/* Table-mode DIVs */
.div-table {display: table; width: 100%; height: 100%; text-align: center}
.div-cell {display: table-cell; vertical-align: middle}

/* Dual-sided toolbar: left part of the toolbar should be placed inside a child in a div, right part - directly as children */
.i-dual-toolbar { text-align: right; padding: 2px; }
.i-dual-toolbar > div:first-child { float: left; }
.i-dual-toolbar:after { content: ""; display: table; clear: both; visibility: hidden; } /* clearfix */




/***************************************/
/********** COMPONENTS STYLES **********/
/***************************************/
.i-macro-container {display: block; width: 100%} /* class allows to control macro container style, overwise it is ignored (by default macro renders as "span") */
.i-dashed-line {height: 1px; border-top: 1px dashed #DDD} /* Dashed line separator */

.sapphire .z-comboitem.i-comboitem-group {font-size: 1.1em !important; font-weight: bold !important; font-style: italic !important; background-color: #BAD7E7} /* group comboitem style (ZK6, Sapphire) */
.z-comboitem.i-comboitem-member {text-indent: 10px}
.z-combobox-inp.i-selection-prompt {font-style: italic !important; font-weight: normal !important; color: #AAA !important} /* Combobox value selection prompt */
.i-checkitem-group .z-checkbox-cnt, .i-checkitem-group .z-radio-cnt {font-weight: bold}
.i-checkitem-member {margin-left: 17px}

/* Tabbox with hidden Tabs bar */
.z-tabbox.i-tabbox-hidden-tabs > .z-tabs {display: none}
.z-tabbox.i-tabbox-hidden-tabs > .z-tabpanels .z-tabpanel {border:none; padding:0px;} /* Tabpanels do not modify layout or have visual appearance */

/* Checkgroup styles */
.cbg-checkgroup .cbg-checkbox-wrapper {display: inline-block; vertical-align: top}

/* GoogleMap styles */
.gm-google-map {}
.gm-data-grid .z-row-inner, .gm-data-grid .z-vlayout-inner, .gm-data-grid .z-cell {padding: 0px !important}
.gm-data-grid-label {color: #006699; font-size: 1em; font-weight: bold;}

/* MultiTextbox */
.i-multitextbox td.z-row-inner, .i-multitextbox td.z-row-inner .z-row-cnt {padding: 0px !important}




/***********************************************/
/******* DATA INPUT FORMS COMMON CLASSES *******/
/***********************************************/
.i-form .z-panel-children {background-color: transparent;} /* form elements will have transparent background */
.i-form tr.z-row td.z-row-inner, .i-form tr.z-row .z-cell {background-color: transparent;} /* form elements will have transparent background */
.i-form div.z-column-cnt, .i-form div.z-row-cnt {font-weight: inherit} /* column/row font weight fix (ZK6) */
.i-form.z-grid, .i-form .z-grid {border: none;} /* no borders for form grid */
/* .i-form div.z-grid-body {background: transparent;} by default body background is white, this allows to control background by changing grid style */
.i-form .z-grid .z-row-inner, .i-form .z-grid .z-cell, 
.i-form.z-grid .z-row-inner, .i-form.z-grid .z-cell {border: none;} /* no borders for rows in form */
.i-form .z-grid-body {overflow: hidden}
.i-form .z-toolbar {
	background-image: none; 
	background-color: #background-color; 
	border-style: none;
	margin-top: 5px;
} /* more subtile Toolbar background color */

.i-form .z-toolbar-body {font-size: 1em;}
.i-form .z-groupbox {padding: 3px 5px} /* Reduced fieldset paddings */
.i-form .z-groupbox legend span {position: relative; top: -1px} /* Legend position slightly higher */

/* Disabled/readonly form elements background */
.i-form .z-textbox-readonly, .i-form .z-textbox-text-disd, .i-form .z-intbox-readonly, .i-form .z-intbox-text-disd, 
.i-form .z-longbox-readonly, .i-form .z-longbox-text-disd, .i-form .z-doublebox-readonly, .i-form .z-doublebox-text-disd, 
.i-form .z-decimalbox-readonly, .i-form .z-decimalbox-text-disd {
    background: none repeat scroll 0 0 #F3F3F3 !important;
}

/* Disabled/readonly form elements color */
.i-form .z-textbox-disd, .i-form .z-decimalbox-disd, .i-form .z-intbox-disd, .i-form .z-longbox-disd, 
.i-form .z-doublebox-disd, .i-form .z-textbox-disd *, .i-form .z-decimalbox-disd *, .i-form .z-intbox-disd *, 
.i-form .z-longbox-disd *, .i-form .z-doublebox-disd *,
.i-form .z-spinner-rounded-disd, .i-form .z-spinner-rounded-disd *, .i-form .z-timebox-rounded-disd, .i-form .z-timebox-rounded-disd *, 
.i-form .z-datebox-rounded-disd, .i-form .z-datebox-rounded-disd *, .i-form .z-bandbox-rounded-disd, .i-form .z-bandbox-rounded-disd *, 
.i-form .z-combobox-rounded-disd, .i-form .z-combobox-rounded-disd *, .i-form .z-spinner-disd, .i-form .z-spinner-disd *, .i-form .z-timebox-disd, 
.i-form .z-timebox-disd *, .i-form .z-datebox-disd, .i-form .z-datebox-disd *, .i-form .z-bandbox-disd, .i-form .z-bandbox-disd *, 
.i-form .z-comboitem-disd, .i-form .z-comboitem-disd *, .i-form .z-combobox-disd, .i-form .z-combobox-disd * {
    color: #202020 !important;
}

/* Disabled/readonly form elements background color */
.i-form .z-comboitem-text-disd, .i-form .z-spinner-text-disd, .i-form .z-timebox-text-disd, 
.i-form .z-datebox-text-disd, .i-form .z-bandbox-text-disd, .i-form .z-combobox-text-disd {
    background-color: #F3F3F3;
}
.i-form select {padding: 0px} /* Removing padding from SELECT element */
.i-form-label {font-size: 12px; font-weight: bold} /* Form component label shared style */
.sapphire .i-form-label {color: #006699} /* Form component label color (ZK6, Sapphire) */

/* required form field indicator */
.i-form-editable .i-required-field {
   padding-right: 7px; 
   background: url(/portal/zkau/web/8c1e653c/images/asterisk_small.png) no-repeat right 20% transparent;
}

/* removes Groupbox bottom shadow when inside form */
.i-form .z-groupbox-bl, .i-form .z-groupbox-bm, .i-form .z-groupbox-br {background: none; height: 2px}



/**************************************/
/***** DEFAULT ZK STYLE OVERRIDES *****/
/**************************************/
table {border-collapse: collapse}
.z-hbox.i-hbox-full-width > tbody > tr > td > table, .z-vbox > tbody > tr > td > table {width: 100%} /* Hbox inner table width fix - renders as 100% of it's parent table */
.z-detail-outer {text-align: center !important; vertical-align: middle !important} /* centered Detail expand icon (ZK EE) */
.z-errbox .z-popup-cnt {font-weight: normal}
.z-separator-ver, .z-separator-ver-bar {height: 1px}

/*** BETTER BUTTONS ***/
.z-toolbarbutton {cursor: pointer; white-space: nowrap}
.z-toolbarbutton-disd {opacity: 0.4; filter: alpha(opacity = 40)} /* disabled button opacity fix for IE */
.z-toolbarbutton-disd * {cursor: default !important}
.z-toolbarbutton div {height: 100%} /* toolbar button size fix - allows to specify "width" and "heigth", otherwise button renders broken */
.z-toolbarbutton-over {_background-color: #7EAAC6} /* toolbar button highlight on mouse over */
.z-button-os {cursor: pointer}
.z-button-os-disd {cursor: default !important; opacity: 0.6; filter: alpha(opacity = 60)}

/*** COMBOBOX ***/
.z-comboitem-text {font-size: 1.1em !important;} /* Combobox drop down items text will be same size as other elements */
.z-combobox-rounded-pp, .z-bandbox-rounded-pp, .z-datebox-rounded-pp, .z-combobox-pp, .z-bandbox-pp, .z-datebox-pp {padding: 1px !important} /* combobox drop-down box style fix */

/*** INPUT ***/
.z-textbox-disd, .z-textbox-text-disd {color: black !important} /* when textbox is disabled, text is almost invisible */
/*.sapphire .z-textbox, .sapphire .z-decimalbox, .sapphire .z-intbox, .sapphire .z-longbox, .sapphire .z-doublebox, 
.sapphire .z-datebox-inp, .sapphire .z-timebox-inp, .sapphire .z-combobox-inp {
    border: 1px solid #86A4BE;
    border-radius: 2px 2px 2px 2px;
}*/ /* input fields border color fix (ZK6, Sapphire) */
/*.sapphire .z-textbox-focus, .sapphire .z-decimalbox-focus, .sapphire .z-intbox-focus, .sapphire .z-longbox-focus, .sapphire .z-doublebox-focus, 
.sapphire .z-datebox-focus .z-datebox-inp, .sapphire .z-timebox-focus .z-timebox-inp {
    border: 1px solid #90BCE6 !important;
}*/ /* focused input fields border color fix (ZK6, Sapphire) */
.z-textbox-text-invalid, .z-decimalbox-text-invalid, .z-intbox-text-invalid, 
.z-longbox-text-invalid, .z-doublebox-text-invalid, .z-datebox-text-invalid, .z-timebox-text-invalid {
    border: 1px solid #DD7870 !important;
} /* invalid input fields style (ZK6) */
.z-spinner-readonly, .z-doublespinner-readonly, .z-timebox-readonly, .z-datebox-readonly, .z-bandbox-readonly, 
.z-combobox-readonly, .z-spinner-focus .z-spinner-readonly, .z-doublespinner-focus .z-doublespinner-readonly, 
.z-timebox-focus .z-timebox-readonly, .z-datebox-focus .z-datebox-readonly, .z-bandbox-focus .z-bandbox-readonly, 
.z-combobox-focus .z-combobox-readonly {background: none repeat-x scroll 0 0 #F3F3F3} /* readonly input style fix (ZK6) */
.z-textbox-inplace, .z-decimalbox-inplace, .z-intbox-inplace, .z-longbox-inplace, .z-doublebox-inplace {border: 0px !important;}

/*** CALENDAR ***/
.z-calendar-calyear td.z-calendar-seld, .z-calendar-calmon td.z-calendar-seld, .z-calendar-calday td.z-calendar-seld {background: #FADCBB}
td.z-calendar-wkend {background: #E6E6E6}

/*** TREE ***/
tr.z-treerow-over {background: none repeat scroll 0 0 #EEEEEE}
.sapphire tr.z-treerow-seld {background: none repeat scroll 0 0 #DAE7F6; border: 1px solid #BCD2EF}
.sapphire tr.z-treerow-over-seld {background: #BCD2EF}
div.z-dottree-header th {padding: 0} /* dotted tree header style fix (ZK6) */

/*** MESSAGEBOX ***/
.z-messagebox span {word-break: normal} /* Messagebox style fix */

/*** NOTIFICATION ***/
.z-notification-ref .z-notification-cl, .z-notification-ref .z-notification-cnt {height: initial}
.z-notification .z-notification-cl, .z-notification .z-notification-cnt {height: initial}

/*** POPUP ***/
.z-popup .z-popup-cm {padding: 4px !important} /* by default left/right padding equals 10px */

/*** WINDOW ***/
.sapphire .z-window-embedded-header, .sapphire .z-window-modal-header, .sapphire .z-window-popup-header, 
.sapphire .z-window-highlighted-header, .sapphire .z-window-overlapped-header {color: #01415F;} /* window header text color fix (ZK6, Sapphire) */

/*** PANEL ***/
.sapphire .z-panel-hm .z-panel-header, .sapphire .z-panel-header {color: #0F3B82; /*font-weight: bold*/} /* panel header style fix (ZK6, Sapphire) */

/*** GRID ***/
div.z-grid {background-color: transparent !important; background-image: none} /* table background image fix (ZK6) */
div.z-grid-body {background-color: transparent !important}
div.z-column-cnt, div.z-row-cnt {color: black} /* row/column color fix (ZK6) */
div.z-column-cnt, div.z-grid-header div.z-auxheader-cnt {padding: 2px} /* grid header cell padding fix (ZK6) */
.z-grid-header-bg {background-image: none} /* grid header background fix (ZK6) */
.z-column-sort-img {position: absolute; left: inherit; right: 5px; top: 47%;} /* column sorting marker position/layout fix (ZK6) */
.z-column-sort .z-column-sort-img {margin-top: -2px} /* column sorting marker position fix (ZK6) */

/*** LISTBOX ***/
.sapphire div.z-listbox-header th.z-listheader, .sapphire div.z-listbox-header th.z-auxheader {
	overflow: hidden; border: 1px solid;
	border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;
	white-space: nowrap; padding: 2px;
	font-size: 12px; font-weight: normal;
	position: relative;
} /* (ZK6) */
div.z-listbox-body .z-listcell {padding: 0 2px} /* rows height/width fix (ZK6) */
tr.z-listitem-over > td.z-listcell {border: 1px solid transparent} /* table cell border fix (ZK6) */
tr.z-listitem-over .z-listcell-cnt {color: black} /* over item content color */
div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {padding: 1px} /* table header width fix (ZK6) */
div.z-listheader-cnt, div.z-listbox-header div.z-auxheader-cnt {padding: 1px} /* table header width fix (ZK6) */

/*** TIMEBOX ***/
.z-timebox {
	border: 0; padding: 0; margin: 0; white-space: nowrap;
	font-family: arial, sans-serif; 
	font-size: 12px;
	display: -moz-inline-box;
	display: inline-block;
} /* same style as "z-datebox" */

/*** HLAYOUT ***/
#.z-hlayout-inner {vertical-align: middle;} /* vertical alignment fix (ZK6) */

/*** DRAG'N'DROP GHOST ***/
.z-drop-cnt {height: initial !important}
div.z-drop-cnt, span.z-drop-allow, span.z-drop-disallow {height: 100%} /* DnD ghost height will be controlled by content */
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Mon May 16 05:32:54 PDT 2011
*/

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}

.ui-tooltip,.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  line-height: 12px;
  border-color: #F1D031;
  font-size: 10px;
}

.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  text-align: left;
  word-wrap: break-word;
  overflow: hidden;
}

.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 1px 1px 0;
  border-style: solid;
  font-weight: bold;
}

.ui-tooltip-titlebar+.ui-tooltip-content {
  border-top-width: 0px !important;
}

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}

.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}

.ui-tooltip-icon,.ui-tooltip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus {
  
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover {
  
}

/*! Default tooltip style */
.ui-tooltip-titlebar,.ui-tooltip-content {
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.ui-tooltip-titlebar {
  background-color: #FFEF93;
}

.ui-tooltip-titlebar .ui-tooltip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
  text-decoration: none;
}

.ui-tooltip-titlebar .ui-state-hover {
  border-color: #AAA;
  color: #111;
}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content {
  border-color: #E2E2E2;
  color: #454545;
}

.ui-tooltip-light .ui-tooltip-content {
  background-color: white;
}

.ui-tooltip-light .ui-tooltip-titlebar {
  background-color: #f1f1f1;
}

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content {
  border-color: #303030;
  color: #f3f3f3;
}

.ui-tooltip-dark .ui-tooltip-content {
  background-color: #505050;
}

.ui-tooltip-dark .ui-tooltip-titlebar {
  background-color: #404040;
}

.ui-tooltip-dark .ui-tooltip-icon {
  border-color: #444;
}

.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content {
  border-color: #F9E98E;
  color: #A27D35;
}

.ui-tooltip-cream .ui-tooltip-content {
  background-color: #FBF7AA;
}

.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D;
}

.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content {
  border-color: #D95252;
  color: #912323;
}

.ui-tooltip-red .ui-tooltip-content {
  background-color: #F78B83;
}

.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #F06D65;
}

.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0;
}

.ui-tooltip-red .ui-tooltip-icon {
  border-color: #D95252;
}

.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: #D95252;
}

/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content {
  border-color: #90D93F;
  color: #3F6219;
}

.ui-tooltip-green .ui-tooltip-content {
  background-color: #CAED9E;
}

.ui-tooltip-green .ui-tooltip-titlebar {
  background-color: #B0DE78;
}

.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content {
  border-color: #ADD9ED;
  color: #5E99BD;
}

.ui-tooltip-blue .ui-tooltip-content {
  background-color: #E5F6FE;
}

.ui-tooltip-blue .ui-tooltip-titlebar {
  background-color: #D0E9F5;
}

.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
  background-position: -2px 0;
}

.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  background: transparent !important;
  border: 0px dashed transparent !important;
  z-index: 10;
}

.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent;
}

.ui-tooltip .ui-tooltip-tip canvas {
  position: static;
}

#qtip-overlay {
  position: absolute;
  left: -10000em;
  top: -10000em;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity =   70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content {
  filter: progid :   DXImageTransform.Microsoft.Shadow (   Color =   'gray', Direction =   135, Strength =   3 );
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
  _margin-bottom: -3px; /* IE6 */ .
  margin-bottom: -3px; /* IE7 */
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content
  {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content
  {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

/*! Youtube tooltip style */
.ui-tooltip-youtube {
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
}

.ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content {
  background: transparent;
  background: rgba(0, 0, 0, 0.85);
  filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr =   #D9000000, endColorstr =   #D9000000 );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
  color: white;
  border-color: #CCCCCC;
}

.ui-tooltip-youtube .ui-tooltip-icon {
  border-color: #222;
}

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323) );
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
  filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr =   #717171, endColorstr =   #4A4A4A );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content {
  filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr =   #4A4A4A, endColorstr =   #232323 );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon {
  border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.ui-tooltip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

.ui-tooltip-cluetip .ui-tooltip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-content {
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-icon {
  border-color: #808064;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.ui-tooltip-tipsy {
  border: 0;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content {
  background: transparent;
  background: rgba(0, 0, 0, .87);
  filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr =   #D9000000, endColorstr =   #D9000000 );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
  color: white;
  border: 0px transparent;
  line-height: 16px;
  text-shadow: 0 1px black;
  font-family: 'Lucida Grande', sans-serif; 
  font-weight : bold;
  font-weight: bold;
  font-size: 12px;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar {
  padding: 6px 35px 0 10;
}

.ui-tooltip-tipsy .ui-tooltip-content {
  padding: 6px 10;
}

.ui-tooltip-tipsy .ui-tooltip-icon {
  border-color: #222;
  text-shadow: none;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.ui-tooltip-tipped {
  
}

.ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content {
  border: 3px solid #959FA9;
}

.ui-tooltip-tipped .ui-tooltip-titlebar {
  background: #3A79B8;
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D) );
  filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr =   #3A79B8, endColorstr =   #2E629D );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
  color: white;
  font-weight: normal;
  font-family: serif;
  border-bottom-width: 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.ui-tooltip-tipped .ui-tooltip-content {
  background-color: #F9F9F9;
  color: #454545;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.ui-tooltip-tipped .ui-tooltip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}