/* --- IntegralUI Widget -------------------------------------------------- */

.i-ui-widget
{
	background-color: white;
	border-color: #cecece;
    color: black;
}

/* --- IntegralUI Accordion ----------------------------------------------- */

.i-ui-accordion-header
{
	background: -webkit-linear-gradient(#aecaf3, #6791e1);
	background:    -moz-linear-gradient(#aecaf3, #6791e1);
	background:     -ms-linear-gradient(#aecaf3, #6791e1);
	background:      -o-linear-gradient(#aecaf3, #6791e1);
    background :         linear-gradient(#aecaf3, #6791e1);

	background-color: #6791e1;
	border: solid thin #5f8bde;
}
.i-ui-accordion-header-hovered
{
	background: -webkit-linear-gradient(#eff3fc, #83a6e7);
	background:    -moz-linear-gradient(#eff3fc, #83a6e7);
	background:     -ms-linear-gradient(#eff3fc, #83a6e7);
	background:      -o-linear-gradient(#eff3fc, #83a6e7);
    background :         linear-gradient(#eff3fc, #83a6e7);

	background-color: #83a6e7;
}
.i-ui-accordion-header-selected
{
	background: -webkit-linear-gradient(#91afe8, #2455b0);
	background:    -moz-linear-gradient(#91afe8, #2455b0);
	background:     -ms-linear-gradient(#91afe8, #2455b0);
	background:      -o-linear-gradient(#91afe8, #2455b0);
    background :         linear-gradient(#91afe8, #2455b0);

	background-color: #2455b0;
	border-color: #1e4691;
	color: white;
}

.i-ui-accordion-content
{
	background: -webkit-linear-gradient(white, #f0f8ff);
	background:    -moz-linear-gradient(white, #f0f8ff);
	background:     -ms-linear-gradient(white, #f0f8ff);
	background:      -o-linear-gradient(white, #f0f8ff);
    background :         linear-gradient(white, #f0f8ff);

	background-color: #f0f8ff;
	border: solid thin #5f8bde;
}

.i-ui-accordion-expand-box
{
	background: url(../../resources/icons.png) no-repeat 0 0;
}
.i-ui-accordion-expand-box-expanded 
{
	background-position: -80px 0px;
}
.i-ui-accordion-expand-box-collapsed
{
	background-position: -96px 0px;
}

/* --- IntegralUI Menu ------------------------------------------------------ */

.i-ui-menu
{
	background-color: white;
    color: black;
}
.i-ui-menu > ul
{
	background-color: #2455b0;
}
.i-ui-menu-item-root
{
	background: none;
	border: solid thin #2455b0;
	color: white;
}
.i-ui-menu-item-root-hovered
{
	background: -webkit-linear-gradient(#eff3fc, #83a6e7);
	background:    -moz-linear-gradient(#eff3fc, #83a6e7);
	background:     -ms-linear-gradient(#eff3fc, #83a6e7);
	background:      -o-linear-gradient(#eff3fc, #83a6e7);
    background :         linear-gradient(#eff3fc, #83a6e7);

	background-color: #83a6e7;
	border: solid thin #1e4691;
	color: black;
}
.i-ui-menu-item-root-hovered a
{
	color: black;
}
.i-ui-menu-item-hovered
{
	background: -webkit-linear-gradient(white, #e8f3ff);
	background:    -moz-linear-gradient(white, #e8f3ff);
	background:     -ms-linear-gradient(white, #e8f3ff);
	background:      -o-linear-gradient(white, #e8f3ff);
    background :         linear-gradient(white, #e8f3ff);

	background-color: #e8f3ff;
	border: solid thin #ddeeff !important;
}
.i-ui-menu-item-selected
{
	background-color: white;
	border: solid thin gray;
}
.i-ui-menu-item-selected a
{
	color: black;
}
.i-ui-menu li > ul
{
	background-color: #fefefe;
	border: solid thin #1e4691;
}
.i-ui-menu-expand-box
{
	width: 16px;
	height: 16px;
	background: url(../resources/icons.png) no-repeat 0 0;
}
.i-ui-menu-item-normal
{
	background-color: #fefefe;
	border: solid thin #fefefe;
	color: black;
}
.i-ui-menu-marker-expand-down::before
{
	border: 4px solid #6791e1;
	border-color: #6791e1 transparent transparent transparent;
}
.i-ui-menu-marker-expand-down-rtl::before
{
	border: 4px solid #6791e1;
	border-color: #6791e1 transparent transparent transparent;
}
.i-ui-menu-marker-expand-right::before
{
	border: 4px solid #6791e1;
	border-color: transparent transparent transparent #6791e1;
}
.i-ui-menu-marker-expand-left::before
{
	border: 4px solid #6791e1;
	border-color: transparent #6791e1 transparent transparent;
}
.i-ui-menu-marker-top::before
{
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
}
.i-ui-menu-marker-top::after
{
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
}
.i-ui-menu-marker-top-rtl::before
{
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
}
.i-ui-menu-marker-top-rtl::after
{
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
}
.i-ui-menu-marker-left::before
{
	border: 4px solid #fefefe;
	border-color: transparent #1e4691 transparent transparent;
}
.i-ui-menu-marker-left::after
{
	border: 4px solid #fefefe;
	border-color: transparent #fefefe transparent transparent;
}
.i-ui-menu-marker-right::before
{
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #1e4691;
}
.i-ui-menu-marker-right::after
{
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #fefefe;
}

/* --- IntegralUI SlideBar -------------------------------------------------- */

.i-ui-slidebar-button
{
	background: url(../../resources/icons.png) no-repeat -144px 0;
}
.i-ui-slidebar-button-selected
{
	background: url(../../resources/icons.png) no-repeat -160px 0;
}

/* --- IntegralUI TabStrip ----------------------------------------------- */

.i-ui-tabstrip ul
{
}
.i-ui-tabstrip-tab-header
{
	background-color: #83a6e7;
	border: solid thin #2455b0;
	border-bottom-color: gray;
	color: white;
}
.i-ui-tabstrip-tab-hovered
{
	background: -webkit-linear-gradient(white, #d2dff7);
	background:    -moz-linear-gradient(white, #d2dff7);
	background:     -ms-linear-gradient(white, #d2dff7);
	background:      -o-linear-gradient(white, #d2dff7);
    background :         linear-gradient(white, #d2dff7);

	background-color: #d2dff7;
	border: solid thin gray;
	color: black;
}
.i-ui-tabstrip-tab-selected
{
	background-color: white;
	border: solid thin gray;
	color: black;
}
.i-ui-tabstrip-tab-content
{
	background: white;
	border-color: gray;
}
.i-ui-tabstrip-nav-buttons span:hover
{
	background-color: white;
	border: thin solid gray;
	border-radius: 3px;
}

/* --- IntegralUI TreeView ----------------------------------------------- */
.i-ui-treeview
{
	background-color: white;
	border-color: #cecece;
    color: black;
}
.i-ui-treeview-item-content
{
	display: inline-block;
	border: thin solid transparent;
	padding: 0px 3px;
}

.i-ui-treeview-item-content-hovered
{
	background: -webkit-linear-gradient(white, #e8f3ff);
	background:    -moz-linear-gradient(white, #e8f3ff);
	background:     -ms-linear-gradient(white, #e8f3ff);
	background:      -o-linear-gradient(white, #e8f3ff);
    background :         linear-gradient(white, #e8f3ff);

	background-color: #e8f3ff;
	border: thin solid #ddeeff;
}

.i-ui-treeview-item-content-selected
{
	background: -webkit-linear-gradient(white, #cae4ff);
	background:    -moz-linear-gradient(white, #cae4ff);
	background:     -ms-linear-gradient(white, #cae4ff);
	background:      -o-linear-gradient(white, #cae4ff);
    background :         linear-gradient(white, #cae4ff);

	background-color: #cae4ff;
	border: thin solid #bfdfff;
}