﻿/*******************************************************************
 * 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-tabcontrol { margin: 0; padding: 0; }

.gaiax-tabcontrol-top { background: transparent; overflow: hidden; margin: 0; padding: 0; }

.gaiax-tabstrip-spacer
{  border-top:none; height: .3em;
    background:#a9a9a9;
}

.gaiax-tabstrip-wrapper
{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gaiax-tabstrip
{
	display: block;
}

.gaiax-tabstrip-top
{
    height: 2em;
}

.gaiax-tabstrip li
{
	float: left;
	list-style-type: none;
	margin: 0 0 0 .5em;
	padding: 0;
	font-size: .8em;
}

.gaiax-tabstrip-active
{
	cursor: default;
}

.gaiax-tabstrip-top .gaiax-tabstrip-active .gaiax-tab-right
{
	margin-bottom: -.1em;
}

.gaiax-tabstrip-active .gaiax-tab-right
{
	background-position: 0 0;
}

.gaiax-tabstrip-active .gaiax-tab-right,
.gaiax-tabstrip-active .gaiax-tab-left
{
}

.gaiax-tabstrip-top .gaiax-tab-right { background-repeat: no-repeat; padding-left: 2em; padding-right: 2em; }

.gaiax-tabstrip-top .gaiax-tab-right, 
.gaiax-tabstrip-top .gaiax-tab-left, 
.gaiax-tabstrip-top .gaiax-tabstrip-content  { background-color: #a9a9a9; }

.gaiax-tabstrip a:link { cursor: pointer; text-decoration: none; border: none; }
.gaiax-tabstrip a:visited { cursor: pointer; text-decoration: none; border: none; }
.gaiax-tabstrip a:hover { cursor: pointer; text-decoration: none; border: none; }

.gaiax-tabstrip em, 
.gaiax-tabstrip span,
.gaiax-tabstrip a
{
	display: block;
}

.gaiax-tabstrip-active .gaiax-tab-left
{
	background-position: right -300px;
}

.gaiax-tabstrip-top .gaiax-tab-left
{
	background-position: right -300px;
	background-repeat: no-repeat;
}

.gaiax-tabstrip-active .gaiax-tabstrip-content
{
	background-position: 0pt -150px;
	height: 100%;
}

.gaiax-tabstrip-top .gaiax-tabstrip-content
{
	background-position: right -200px;
	background-repeat: repeat-x;
}

.gaiax-tabstrip-content
{
	overflow: hidden;
}

.gaiax-tabstrip-top .gaiax-tabstrip-active .gaiax-tab-right .gaiax-tabstrip-text
{
}

.gaiax-tabstrip-text
{
	-moz-user-select: none;
	font-family:Arial,Helvetica,Tahoma,Sans-Serif;
	font-size: 1em;
	margin: 0;
	white-space: nowrap;
	padding: .5em 0 .4em 0;
}

.gaiax-tabstrip-active .gaiax-tabstrip-text
{
	color: #ffffff;
	font-weight: bold;
	height: 1.6em;
}

.gaiax-tabstrip .gaiax-tabstrip-text
{
	color: #ffffff;
	font-style:normal;
}

.gaiax-item-disabled
{
	vertical-align:top;
}
.gaiax-item-disabled .gaiax-tabstrip-text
{
	color:#ccc;
	cursor:default;
}

.gaiax-tabcontrol-body-wrapper { }

.gaiax-tabcontrol-body
{
	background:#FFFFFF none repeat scroll 0% 0%;
	border: .1em solid #a9a9a9;
	
}


/******* ******/
.gaiax-tabcontrol-body-content
{
	background:white none repeat scroll 0% 0%;
	position:relative;
	padding: 2em;
}

.gaiax-tabstrip-inactive:hover .gaiax-tab-right
{
	 background-position: 0 -100px;
}

.gaiax-tabstrip-inactive:hover .gaiax-tab-left
{
	 background-position: right -400px;
}

.gaiax-tabstrip-inactive:hover .gaiax-tabstrip-content { background-position: 0 -250px; }

.gaiax-clear { clear:both; }