/*
Pagefusion; Pagefusion Core Platform;
Description: A powerful, easy-to-use, and highly customizable content management system.
Copyright (C), 2006-2007 Pagefusion.com, All Rights Reserved.
Author: Chris Davis, chris@pagefusion.com

Filename: /components/tabs/stylesheets/tabs.css
Description: main stylesheet for tab-based interfaces

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA
*/

.tabs { 
	position: relative;
	display: block;
	z-index: 2;
	width: 100%; /* for IE */
	margin: 0px 0px -2px 0px;
	white-space: nowrap;
}

html>body .tabs {
	width: auto;
}

.pane { 
	position: relative;
	z-index: 0;
	width: 99%; /* for IE */
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
	padding: 5px;
}

html>body .pane {
	width: auto;
}

.pane_on {
	position: relative;
	z-index: 0;
	width: 100%;
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
	padding: 5px;
}

.pane_off {
	display: none;
}

.tabtable {
	font: bold 11px tahoma, sans-serif;
	color: #000000;
	height: 22px;
}

.tabs a span.inner  {
	position: relative;
	display: block;
	z-index: 5;
	padding: 3px 7px 3px 7px;
	white-space: nowrap;
}

.tabs a.disabled:hover {
	display: block;
	color: #CCCCCC;
	white-space: nowrap;
}

.tabtd span.text {
	position: relative;
	display: block;
	z-index: 5;
	padding: 3px 0px 2px 0px;
	white-space: nowrap;
}

.tabs a.tab-current {
	position: relative;
	display: block;
	z-index: 5;
	font: bold 11px tahoma, sans-serif;
	color: #000000;
	display: block;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}

.tabs a.tab {
	position: relative;
	display: block;
	z-index: 5;
	font: 11px tahoma, sans-serif;
	cursor: pointer;
	text-decoration: none;
	color: #777777;
	white-space: nowrap;
}

.tabs a.disabled {
	position: relative;
	display: block;
	z-index: 5; 
	font: 11px tahoma, sans-serif;
	cursor: default;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}


/* <a class="tab"><span class="inner"><span class="text">{$row.tab_title}</span></span></a> */

.tabtd {
	padding: 0px 1px 0px 0px;
	white-space: nowrap;
}

/* tab */
.tabtd a.tab {
	background: url("/components/tabs/images/tab-right.gif") no-repeat top right;
}

.tabtd a.tab:hover {
	background: url("/components/tabs/images/tab-right-hover.gif") no-repeat top right;
	color: #000000;
}

.tabtd a.tab span.inner {
	background: url("/components/tabs/images/tab-left.gif") no-repeat top left;
}

.tabtd a.tab:hover span.inner {
	background: url("/components/tabs/images/tab-left-hover.gif") no-repeat top left;
}

/* current-tab */
.tabtd a.tab-current {
	background: url("/components/tabs/images/tab-current-right.gif") no-repeat top right;
}

.tabtd a.tab-current span.inner {
	background: url("/components/tabs/images/tab-current-left.gif") no-repeat top left;
}

.tabtd a.tab-current:hover span.inner {
	background: url("/components/tabs/images/tab-current-left.gif") no-repeat top left;
}

/* disabled tab */
.tabtd a.disabled {
	background: url("/components/tabs/images/tab-right.gif") no-repeat top right;
}

.tabtd a.disabled:hover {
	background: url("/components/tabs/images/tab-right.gif") no-repeat top right;
}

.tabtd a.disabled span.inner {
	background: url("/components/tabs/images/tab-left.gif") no-repeat top left;
}