/*
Styles for navigation tabs

WebFX tabs:
Tab page style controlled by:  
.dynamic-tab-pane-control .tab-page

Tab styles:
.dynamic-tab-pane-control .tab-row .tab

Selected tab styles:
.dynamic-tab-pane-control .tab-row .tab.selected

Minitab style used in Xanthia admin 
*/

/* 
  See http://www.alistapart.com/articles/slidingdoors2/ and 
      http://webfx.eae.net/dhtml/tabpane/tabpane.html
  refined by msandersen 
*/


/* Container of all tab pages */
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;	/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

/* Tab row */
#minitabs { 
	height: 		25px; 
	margin: 		15px 10px -3px 10px;
	padding-left: 		15px;
	padding-right: 		15px;
	white-space:		nowrap;
	border-bottom: 		1px solid black; /* rgb(120,172,255); */
}
/* Stupid, stupid IE... 
   This rule only executed by IE. Uses bottom-image instead of border */
* html #minitabs {
	border: 0px;
	background: url('/docs/menu-bilder/tab_bottom_blue.png') repeat-x bottom; 
}
.dynamic-tab-pane-control .tab-row {
	float: 			left;
	z-index:		1;
	white-space:		nowrap;
}
#minitabs ul,
#minitabs li {
	margin: 		0; 
	padding: 		0;
	float: 			left;
	display: 		inline;  
	list-style-type: 	none;
}

/* Tab style */
.dynamic-tab-pane-control .tab-row .tab, 
#minitabs a  { 
	float:			left;
	position:		relative;
	z-index:		1; 
	top:			3px; /* Regular tabs lower than selected tab */
	background:		url("/docs/menu-bilder/lunatabs_01.png") no-repeat left top;
	border:			0;
	margin: 		0px;
	padding:		0 0 0 3px; /* 3px: width of left segment */ 
	text-decoration:	none;
	cursor: 		pointer; /* W3C standard */
	cursor: 		hand;    /* IE only */
}
* html .dynamic-tab-pane-control .tab-row .tab, 
* html #minitabs a { /* IE fix */
	padding-bottom:		-1px;
}
.dynamic-tab-pane-control .tab-row .tab a, 
#minitabs a span {
	display:		block;
	float:			left;
	background:		url("/docs/menu-bilder/lunatabs_02.png") no-repeat right top;
	margin: 		0px;
	padding:		5px 15px 4px 12px; /* 12px(left padding) + 3px(left segment width) = 15px */
	border: 		0;
	font:			11px Tahoma;
	color:			Black;
	white-space:		nowrap;
	text-align:		center;
	text-decoration:	none;
	cursor:			pointer;
	cursor:			hand;
}
* html .dynamic-tab-pane-control .tab-row .tab a, 
* html #minitabs a span { /* IE fix */
	margin-bottom:		4px; 
 	padding-bottom: 	5px;  
}

/* Tab hover state */ 
.dynamic-tab-pane-control .tab-row .tab.hover,
#minitabs a:hover {
	/* offset of 2nd tab image, the hover state */
	background-position:	0% -40px; 
}
/* Raising tab on hover */
#minitabs a:hover { 
	margin-top:		-2px;
}
#minitabs a:hover span { 
	padding-bottom:		6px; /* 4 + 2 */
}
.dynamic-tab-pane-control .tab-row .tab.hover a, 
#minitabs a:hover span {
	background-position:	100% -40px;
}

/* Selected tab */
.dynamic-tab-pane-control .tab-row .tab.selected, 
#minitabs #active a { 
	top:			0px;
	z-index:		3;
/*	margin:			1px -3px -3px 0px;
	padding:		2px 0 0px 0; */
	font:			11px Tahoma;
	font-weight:		bold;
	
	background-position: 	0% -80px;
	border-width: 		0px;
	margin:			0px;
	margin-bottom: 		1px; 
 	padding-bottom:		1px; 
}
* html .dynamic-tab-pane-control .tab-row .tab.selected, 
* html #minitabs #active a { /* IE fix */
	margin-bottom: 		0px; 
	padding-bottom:		0px;
}
#minitabs #active a {
	margin-bottom: 		-2px;
/*	margin-top:		-1px;
	padding-bottom:		7px;  */
}
/* 
#minitabs #active a span {
	margin-top:		-1px;
	margin-bottom: 		-2px;
	padding-bottom:		7px; 
} */
.dynamic-tab-pane-control .tab-row .tab.selected a, 
#minitabs #active a span,
#minitabs #active a:hover span { /* Don't raise selected tab */ 
	background-position: 	100% -80px;
	font:			11px Tahoma;
	font-weight:		bold;
	border-width: 		0;
	margin:			0px;
	padding-bottom:		8px; /* +1px to cover bottom line; active tab 3px higher than regular tab */
}

.dynamic-tab-pane-control .tab-row .tab.selected a, 
#minitabs #active a span {
	margin-bottom:		-1px;
}

* html .dynamic-tab-pane-control .tab-row .tab.selected a, 
* html #minitabs #active a span,
* html #minitabs #active a:hover span  { /* IE fix */
	margin-bottom: 		0px; 
	padding-bottom:		9px; 
}
#minitabs #active a:hover { 
	/* offset of 3rd tab image, the current tab state */
	background-position: 	0% -80px;
}

/* Individual tab pages */
.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		rgb( 252, 252, 254 );
	position:		relative;
	z-index:		2;
	top:			-2px;

	font:			11px Tahoma;
	color:			Black;	
	padding:		10px;
	min-height: 		200px;
}
/* IE fix, needed for any element floated within tabpage to bring it to the front */
.dynamic-tab-pane-control .tab-page div,
.dynamic-tab-pane-control .tab-page table {
	position: 		relative;
	z-index: 		3;
}
/* Structure of WebFX tabs:
<div class="dynamic-tab-pane-control tab-pane" id="AdminPanel">
  <div class="tab-row">
    <h2 class="tab pn-title selected"><a href="#">System</a></h2>
    <h2 class="tab pn-title"><a href="#">Content</a></h2>
    <h2 class="tab pn-title"><a href="#">Utility</a></h2>
    <h2 class="tab pn-title"><a href="#">3rd Party</a></h2>
    <h2 class="tab pn-title"><a href="#">Resource Pack</a></h2>
  </div>
  <div style="display: block;" class="tab-page pntable1" id="System">
...
  </div>
</div>
  */