/* $Id: blue.css,v 1.1 2008/10/08 17:01:04 tjholowaychuk Exp $ */

.gui-component-tabs div {

}

.gui-component-tabs ul.tabs li { 
	padding: 1px 15px;
	height: 25px;
	background: url(images/sprites.png) 50% 0 no-repeat; 
	-moz-user-select: none;
	color: red;
}
.gui-component-tabs ul.tabs li a {
	text-decoration: none;
	color: #fff;
}
.gui-component-tabs ul.tabs li.first {
	background-position: 0 0;
}
.gui-component-tabs ul.tabs li.last {
	background-position: 100% 0;
}
/* todo background-position-y ? */
/* todo active tab and active mouse styles */
/* Hovers */
.gui-component-tabs ul.tabs li:hover {
	background-position: 50% -34px;
}
.gui-component-tabs ul.tabs li.first:hover {
	background-position: 0 -34px;
}
.gui-component-tabs ul.tabs li.last:hover {
	background-position: 100% -34px;
}
/* Active */
.gui-component-tabs ul.tabs li:active {
        padding-top: 2px;
        height: 24px;
	background-position: 50% -68px;
}
.gui-component-tabs ul.tabs li.first:active {
	background-position: 0 -68px;
}
.gui-component-tabs ul.tabs li.last:active {
	background-position: 100% -68px;
}
/* Selected tab */
.gui-component-tabs ul.tabs li.ui-tabs-selected {
        padding-top: 2px;
        height: 24px;
	background-position: 50% -68px;
	background: url:('/neu/modules/gui_tabs_component/skins/blue/images/akt_tab.gif') !important;
}
.gui-component-tabs ul.tabs li.first.ui-tabs-selected {
	background-position: 100% -68px;
}
.gui-component-tabs ul.tabs li.last.ui-tabs-selected {
	background-position: 100% -68px;
}

.gui-component-tabs ul.tabs li { 
	padding: 1px 15px;
	height: 25px;
	background: url(images/sprites.png) 50% 0 no-repeat; 
	-moz-user-select: none;
}
.gui-component-tabs ul.tabs li a {
	text-decoration: none;
	color: #fff;
}
.gui-component-tabs ul.tabs li.first {
	background-position: 0 0;
}
.gui-component-tabs ul.tabs li.last {
	background-position: 100% 0;
}
/* todo background-position-y ? */
/* todo active tab and active mouse styles */
/* Hovers */
.gui-component-tabs ul.tabs li:hover {
	background-position: 50% -34px;
}
.gui-component-tabs ul.tabs li.first:hover {
	background-position: 0 -34px;
}
.gui-component-tabs ul.tabs li.last:hover {
	background-position: 100% -34px;
}
/* Active */
.gui-component-tabs ul.tabs li:active {
        padding-top: 2px;
        height: 24px;
	background-position: 50% -68px;
}
.gui-component-tabs ul.tabs li.first:active {
	background-position: 0 -68px;
}
.gui-component-tabs ul.tabs li.last:active {
	background-position: 100% -68px;
}
/* Selected tab */
.gui-component-tabs ul.tabs li.ui-tabs-selected {
        padding-top: 2px;
        height: 24px;
	background-position: 50% -68px;
	background: none;
}
.gui-component-tabs ul.tabs li.first.ui-tabs-selected {
	background-position: 0 -68px;

}
.gui-component-tabs ul.tabs li.last.ui-tabs-selected {
	background-position: 100% -68px;
}
.tab-bodies {
	border-bottom: 1px solid #b0bec7;
	border-left: 1px solid #b0bec7;
	border-right: 1px solid #b0bec7;
	border-top: 1px solid #b0bec7;
	padding: 5px;
}

ul.ui-tabs-nav  {
	background: url(images/tab.gif) repeat-x scroll 0 0 !important;
	width: 100%;
}