﻿

/* ajax__tab_jquery-theme theme */
.ajax__tab_jquery-theme
{
	/* fonts for the tabs */
	font-family: Trajan Pro;
	font-size: 12px;
}
.ajax__tab_jquery-theme .ajax__tab_tab
{
	display: block;
	color: #FBB03B;
	padding-left: 3px;
	width: 143px;
}
.ajax__tab_jquery-theme .ajax__tab_body
{
	background-color: #28354B;
	border: 1px solid #4c5c6c; /* gray border */
	padding: 10px;
	width: 560px;
}

/* regular header styles */
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_tab
{
	padding-top: 1px;
	height: 36px;
	line-height: 36px;
	margin: 0px; /* reset from original */
	margin-bottom: 1px; /* the jquery tabs hover just a little bit */
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_outer
{
	margin-left: 3px;
	background: transparent url(../images/Tab.jpg) no-repeat right 0px;
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_inner
{
	margin-right: 3px;
	background: transparent url(../images/Tab.jpg) no-repeat left 0px;
}

/* active headers styles */
.ajax__tab_jquery-theme .ajax__tab_active
{
	height: 36px;
	line-height: 36px;
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_outer
{
	margin-left: 3px;
	background: transparent url(../images/Tab.jpg) no-repeat right -36px;
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_inner
{
	margin-right: 3px;
	background: transparent url(../images/Tab.jpg) no-repeat left -36px;
}

.tabs
{
	list-style: none;
	margin: 0 !important;
	padding: 0;
	font-family: Trajan Pro;
	font-size: 12px;
	padding-top: 1px;
	height: 36px;
	line-height: 36px;
}

/* single tab */
.tabs li
{
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

/* link inside the tab. uses a background image */
.tabs li a
{
	display:block;
	height: 36px;
	line-height: 36px;
	margin-left: 3px;
	background-image: url(../images/Tab.jpg);
	background-repeat: no-repeat;
	width: 143px;
}

.tabs a:active
{
	margin-left: 3px;
	
}

/* when mouse enters the tab move the background image */
.tabs a:hover
{
	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a
{
	background: transparent url(../images/Tab.jpg) no-repeat right -36px;
	cursor: default !important;
}



/* initially all panes are hidden */
.panes .pane
{
	display: none;
	background-color: #28354B;
	border: 1px solid #4c5c6c; /* gray border */
	padding: 10px;
	width: 560px;
}

