﻿/*******************************************************************
 * Gaia Ajax - Ajax Control Library for ASP.NET  
 * Copyright (C) 2008 - 2009 Gaiaware AS
 * All rights reserved. 
 * This program is distributed under either GPL version 3 
 * as published by the Free Software Foundation or the
 * Gaia Commercial License version 1 as published by Gaiaware AS
 * read the details at http://gaiaware.net/product/dual-licensing 
 ******************************************************************/

.gaiax-customtab-tabstrip-spacer
{
	height:2px;
	background:#deecfd;
	font-size:1px;
	line-height:1px;
}

.gaiax-customtab-tabstrip-wrapper
{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gaiax-customtab-tabstrip
{
	display: block;
}

.gaiax-customtab-tabstrip:hover
{
	cursor: pointer;
}

	.gaiax-customtab-tabstrip li {
		float: left;
		list-style-type: none;
		background-color: #fff;
		padding: 3px 5px 3px 5px;
		margin-right: 6px;
		margin-top: 3px;
		/*background-image: url(TabControl/customtab-step-inactive.png);*/
		background-position: right;
		background-repeat: no-repeat;
		height: 18px;
		max-width: 152px;
	}

	.gaiax-customtab-tabstrip li.gaiax-customtab-tabstrip-active {
		/*background-image: url(TabControl/customtab-step-active.png);*/
	} 
	   .gaiax-customtab-tabstrip li.gaiax-customtab-tabstrip- {
		/*background-image: url(TabControl/customtab-step-active.png);*/
	} 

.gaiax-customtab-tabstrip li.gaiax-customtab-clear,.gaiax-customtab-tabstrip li.gaiax-customtab-clear:before, .gaiax-customtab-tabstrip li.gaiax-customtab-clear:after {
	background-color: transparent;
	border: 0;
	background-image: none;
}

li.gaiax-customtab-tabstrip-active, li.gaiax-customtab-tabstrip-active a, li.gaiax-customtab-tabstrip-active a:hover
{
	cursor: default;
	background-color: #1C57B9;
	color: #fff !important; /* important, because the light-blue was very persistent when hovering an active customtab-'tab' */
}

.gaiax-customtab-tabstrip li a, .gaiax-customtab-tabstrip li a:hover {
	background-color: transparent;
	color: #999;
}
.gaiax-customtab-tabstrip-active .gaiax-tab-right,
.gaiax-customtab-tabstrip-active .gaiax-tab-left
{
	height: 20px;
}

.gaiax-customtab-tabstrip-top .gaiax-tab-right
{
	padding-left: 5px;
}

.gaiax-customtab-tabstrip-top .gaiax-tab-right, 
.gaiax-customtab-tabstrip-top .gaiax-tab-left, 
.gaiax-customtab-tabstrip-top .gaiax-customtab-tabstrip-content 
{
	background-color:Transparent;
	font-style: normal;
}

.gaiax-customtab-tabstrip a
{
/*	cursor: pointer;
	text-decoration: none;*/
}

.gaiax-customtab-tabstrip em, 
.gaiax-customtab-tabstrip span,
.gaiax-customtab-tabstrip a
{
	display: block;
}

.gaiax-customtab-tabstrip-top .gaiax-tab-left
{
	padding-right: 5px;
}

.gaiax-customtab-tabstrip-active .gaiax-customtab-tabstrip-content
{
	height: 100%;
}

.gaiax-customtab-tabstrip-content
{
	overflow: hidden;
}

.gaiax-customtab-tabstrip-top .gaiax-customtab-tabstrip-active .gaiax-tab-right .gaiax-customtab-tabstrip-text {
	padding-bottom: 5px;
}

.gaiax-customtab-tabstrip-text {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	font-size: 11px;
	height: 12px;
	margin: 2px 0pt 0pt;
	white-space: nowrap;
	padding: 1px 0;
	line-height: 12px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.gaiax-customtab-tabstrip .gaiax-customtab-tabstrip-text
{
}

.gaiax-item-disabled
{
	vertical-align:top;
}
.gaiax-item-disabled .gaiax-customtab-tabstrip-text
{
	color:#ccc;
	cursor:default;
	height:12px;
}

.gaiax-clear
{
	clear:both;
}
.gaiax-customtab-tabstrip li.gaiax-customtab-clear {
	background-color: transparent;
	border: 0;
}

.gaiax-customtab-tabcontrol-body {
	background-color: #fff;
	padding: 8px;
	border: solid 1px #cccccc;
	margin: 5px 0;
	overflow-y: auto;
    height: 560px;
	max-height: 560px;
}
