@charset "utf-8";
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:19px; 	
}

/* single tab */
ul.css-tabs li {  
	float:right;
	direction:ltr;
	padding:0; 
	margin:0;  
	list-style-type:none;
	text-align:center;
	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	font-size:12px;
	display:block;
	text-decoration:none;
	border:none;	
	height:18px;
	color:#8a8a8b;
	margin-left:2px;
	position:relative;
	top:1px;
	background:url(../Images/AllTabs/contact.gif) no-repeat;
	width:71px;
}

ul.css-tabs a:hover {
	background:url(../Images/AllTabs/contact_hover.gif) no-repeat;
	color:#247aa8;
}
	
/* selected tab */
ul.css-tabs a.current {	
	background:url(../Images/AllTabs/contact_hover.gif) no-repeat;
	color:#247aa8;	
	cursor:default;
}

	
/* tab pane */
div.css-panes .tab {
	display:none;
	min-height:150px;
}


/****************************** big Tabs **********************************/
ul.css-tabsBig {  
	margin:0 !important; 
	padding:0;
	height:22px; 
	border-bottom:1px solid #dfdfdf;
}

/* single tab */
ul.css-tabsBig li {  
	float:right;
	direction:ltr;
	padding:0; 
	margin:0;  
	list-style-type:none;
	text-align:center;
	background:url(../Images/AllTabs/bigTab.gif) no-repeat;
	display:block;
	width:137px;
	height:22px;
	margin-left:2px;
}
ul.css-tabsBig li:hover {
	background:url(../Images/AllTabs/bigTab.gif) no-repeat;
	color:#98c6e0;
}

/* link inside the tab. uses a background image */
ul.css-tabsBig span { 
	display:block;
	text-decoration:none;
	border:none;	
	height:18px;
	position:relative;
	top:1px;
	width:137px;
	height:22px; 
}
ul.css-tabsBig span img {
	border:none;
}

/*ul.css-tabsBig a:hover {
	background:url(../Images/AllTabs/bigTab.gif) no-repeat;
	color:#98c6e0;
}*/

ul.css-tabsBig .tabConsult span {
	background:url(../Images/AllTabs/texts/consult.png) no-repeat;
}



ul.css-tabsBig .tabLearningDevelop span {
	background:url(../Images/AllTabs/texts/learning_develop.png) no-repeat;
}

ul.css-tabsBig .tabLearningTech span {
	background:url(../Images/AllTabs/texts/learning_tech.png) no-repeat;
}

ul.css-tabsBig .tabConsult span:hover , ul.css-tabsBig .tabConsultCurrent span {
		background:url(../Images/AllTabs/texts/consult_hover.png) no-repeat;
}
ul.css-tabsBig .tabLearningDevelop span:hover , ul.css-tabsBig .tabLearningDevelopCurrent span{
	background:url(../Images/AllTabs/texts/learning_develop_hover.png) no-repeat;
}

ul.css-tabsBig .tabLearningTech span:hover, ul.css-tabsBig .tabLearningTechCurrent span {
	background:url(../Images/AllTabs/texts/learning_tech_hover.png) no-repeat;
}


ul.css-tabsBig .tabConsult:hover, ul.css-tabsBig .tabConsultCurrent  {	
	background:url(../Images/AllTabs/bigTab_orange_hover.gif) no-repeat;
}
ul.css-tabsBig .tabLearningDevelop:hover, ul.css-tabsBig .tabLearningDevelopCurrent{	
	background:url(../Images/AllTabs/bigTab_blue_hover.gif) no-repeat;
}
ul.css-tabsBig .tabLearningTech:hover, ul.css-tabsBig .tabLearningTechCurrent {	
	background:url(../Images/AllTabs/bigTab_green_hover.gif) no-repeat;
}
	
/****************************** gray Tabs ******************************/


ul.css-tabsDynamic {  
	margin:0 5px 0 0 !important; 
	padding:8px 0 0 0;
	height:23px; 	
}

/* single tab */
ul.css-tabsDynamic li {  
	float:right;
	direction:ltr;
	padding:0;
	margin:0;  
	list-style-type:none;
	text-align:center;
	background:url(../Images/AllTabs/grayTab.gif) no-repeat  right  -25px;
	margin-left:3px;
	
}

ul.css-tabsDynamic a { 
	font-size:14px;
	display:block;
	text-decoration:none;
	border:none;	
	height:22px;
	line-height:22px;
	color:#8a8a8b;
	margin-right:10px;
	background:url(../Images/AllTabs/grayTab.gif) no-repeat left top;
	padding-left:15px;
	padding-right:5px;
	color:#fff;
	direction:rtl;
}

ul.css-tabsDynamic li:hover, ul.css-tabsDynamic li.selected {
		background:url(../Images/AllTabs/grayTab_hover.gif) no-repeat  right  -25px;	
}
ul.css-tabsDynamic li:hover a, ul.css-tabsDynamic li.selected a {
		background:url(../Images/AllTabs/grayTab_hover.gif) no-repeat  left  top;	
		color:#2e91c7;
}

