/**
* This CSS to define tabs frontend
* @link http://www.ijoobi.com
* @copyright Distributed under the Lesser General Public License (LGPL).
* @link http://www.gnu.org/copyleft/lesser.html
* @author Joobi Team <css.support@ijoobi.com>
*/

/** TABS **/

.dynamic-tab-pane-control .tab-pane {
	position:relative;
	width:100%; /* width needed weird IE bug */
	margin-right:-2px;
}

.dynamic-tab-pane-control .tab-row .tab {
	height: 25px;
	background: url(../images/tabs/tab_r.png) top right no-repeat;
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	cursor: pointer;
	margin: 1px -2px 1px 2px;
	padding:0px 3px 0px 0px;
	border: 0;
	z-index: 1;
	white-space: nowrap;
	text-align: center;
	width:auto;
}

.dynamic-tab-pane-control .tab-row .tab span {
	display: inline;
	float: left;
	height: 25px;
/*	padding: 0.5em 1em; */
padding-left:10px;
padding-right:10px;
padding-top:3px;
	background: url(../images/tabs/tab_l.png) top left no-repeat;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	height: 27px !important;
	background:url(../images/tabs/tab/active_r.png) top right no-repeat !important;
	border-bottom-width:0;
	z-index: 3;
	padding:0px 0px 0px 0px;
	margin: 1px -3px -3px 0px;
	top: -2px;
	width:auto !important;
}

.dynamic-tab-pane-control .tab-row .tab a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
	height: 25px;
	background: url(../images/tabs/tab/hover_r.png) top right no-repeat;
	width:auto;
}

.dynamic-tab-pane-control .tab-page {
	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
	z-index: 2;
	position: relative;
	top: -2px;
/*	font: 11px Tahoma, Helvetica, sans-serif; */
/*	color: #333; */
	/*244, 243, 238*/
	/* 145, 155, 156*/
	padding:5px;
	width: 97%;/* stupid  IE!!! */
	float: left;
}

.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
}

h2.tab {
	width: auto;
	color: #505050;
}


/** TABS **/
/* Different colors for each theme */
.dynamic-tab-pane-control .tab-row .tab.selected {
	background:	url(../images/tabs/active_r.png) top right no-repeat !important;
}

.dynamic-tab-pane-control .tab-row .tab.selected span {
	background: url(../images/tabs/active_l.png) top left no-repeat !important;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	background: url(../images/tabs/hover_r.png) top right no-repeat;
}

.dynamic-tab-pane-control .tab-row .tab.hover span {
	background: url(../images/tabs/hover_l.png) top left no-repeat;
}