﻿.tab
{
}

a.tab 
{
	background: transparent url('../../img/tab-right.png') right top no-repeat scroll;
	display: inline-block;
	height: 36px;
	line-height: 30px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	margin-right:5px;
	float:left;
	font-size: 12px;
	color: #2C2C2C;
	font-weight: normal;
	/*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;*/
}

a.tab span 
{
	background: transparent url('../../img/tab.png') no-repeat;
	display: inline-block;
	height: 36px;
	line-height: 30px;
	padding-left:10px;	
	cursor:pointer;
}	

a.tab.last
{
	margin-right:0;
	float:right;
}

a.tab.selected
{
	background: transparent url('../../img/tab-selected-right.png') right top no-repeat scroll;
	color:white;
}

a.tab.selected span
{
	background: transparent url('../../img/tab-selected.png') no-repeat;
}

a.tab:hover 
{
	background-position: bottom right;
	text-decoration: underline;
	font-size: 12px;
	color: #2C2C2C;
	font-weight: normal;
	/*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;*/
}

a.tab:hover span 
{
	background-position: bottom left;	
	text-decoration: underline;	
	font-size: 12px;
	color: #2C2C2C;
	font-weight: normal;
	/*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;*/
} 

#HeaderMenuArea > a:first-child img
{
	display:none;
}

#HeaderMenuArea a.StaticMenuItemStyle
{
	display:none;
}

/*---- TAB SELECTED ----*/
.SelectedHeaderMenuArea a.tab
{    
	background: transparent url('../../img/tab-selected-right.png') right top no-repeat scroll;
	color: White;
}
.SelectedHeaderMenuArea a.tab span
{    
	background: transparent url('../../img/tab-selected.png') no-repeat;
	color: White;
}

.SelectedHeaderMenuArea a.tab:hover
{
	background: transparent url('../../img/tab-selected-right.png') right top no-repeat scroll;
	color: White;
}

.SelectedHeaderMenuArea a.tab:hover span
{
	background: transparent url('../../img/tab-selected.png') no-repeat;
	color: White;
}

ul.TopMenu 
{
    position: relative;
}

ul.TopMenu, 
ul.TopMenu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.TopMenu li
{
    position: relative;
    list-style: none;
    float: left;
}

