/* @override http://localhost:8080/ti/cmn/v1/css/hat.css */

/**
 	File Overview:	TelecomItalia Hat styles 
 	Author:			Michael Bester
 	Company:		Schematic, Inc.
 	Description:	Hat styling for telecomitalia.com/it and related sites
 	Last Updated:	$Date: 2010/07/15 12:57:53 $
					$LastChangedBy: cporto $
					$Revision: 1.6 $
*/

/* TOC 
	1. Typography
	2. Structure
	3. Tabs
	4. Search
*/ 


/* 1. Typography
------------------------------------------------ */
#ti-hat {
	color: #b1b1b1;
}

#ti-hat h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	width: 84px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#ti-hat a {
	color: #fff;
	text-decoration: none;
}

#ti-hat a:hover {
	text-decoration: underline;	
}

#ti-hat li a {
	white-space: nowrap;
	font-size: 12px;
	line-height: 22px;
}



/* 2. Structure
------------------------------------------------ */
#ti-hat {
	width: 950px;
	height: 30px;
	background: #000 url(../img/hat/bg_hat.png) no-repeat 131px top;
	padding: 0 10px;
	border-bottom: 3px solid #fff;
}

/* TI Network Header */
#ti-hat h2 {
	float: left;
	margin: 0;	
}

#ti-hat h2 span {
	background: url(../img/global/hd_ti_network.png) no-repeat;
}


/* 3. Tabs
------------------------------------------------ */
#ti-hat ul,
#ti-hat li {
	float: left;
}

#ti-hat ul {
	padding-top: 4px;
	margin: 0;
}

#ti-hat li a {
	display: block;
	height: 26px;
	padding: 0 3px;
}

#ti-hat li a span {
	background: url(../img/hat/bg_tabs.png) no-repeat 0 0;
}

li#ti-hatTi a {
	padding-left: 4px;
	width: 84px;
}

li#ti-hatTi a span					{	background-position: 0 0;	}
li#ti-hatTi.ti-active a span,
li#ti-hatTi a:hover span			{	background-position: 0 -30px;	}

li#ti-hatSemplice a {
	width: 102px;
}

li#ti-hatSemplice a span				{	background-position: -91px 0;	}
li#ti-hatSemplice.ti-active a span,
li#ti-hatSemplice a:hover span			{	background-position: -91px -30px;	}

li#ti-hatTim a {
	width: 39px;
}

li#ti-hatTim a span					{	background-position: -199px 0;	}
li#ti-hatTim.ti-active a span,
li#ti-hatTim a:hover span			{	background-position: -199px -30px;	}

li#ti-hat119 a {
	width: 38px;
}

li#ti-hat119 a span					{	background-position: -244px 0;	}
li#ti-hat119.ti-active a span,
li#ti-hat119 a:hover span			{	background-position: -244px -30px;	}

li#ti-hatAlice a {
	width: 44px;
}

li#ti-hatAlice a span				{	background-position: -288px 0;	}
li#ti-hatAlice.ti-active a span,
li#ti-hatAlice a:hover span			{	background-position: -288px -30px;	}

li#ti-hat187 a {
	width: 38px;
}

li#ti-hat187 a span					{	background-position: -338px 0;	}
li#ti-hat187.ti-active a span,
li#ti-hat187 a:hover span			{	background-position: -338px -30px;	}

li#ti-hatOlivetti a {
	width: 53px;
}

li#ti-hatOlivetti a span			{	background-position: -382px 0;	}
li#ti-hatOlivetti.ti-active a span,
li#ti-hatOlivetti a:hover span		{	background-position: -382px -30px;	}

li#ti-hatVirgilio a {
	width: 52px;
}

li#ti-hatVirgilio a span			{	background-position: -553px 0;	}
li#ti-hatVirgilio.ti-active a span,
li#ti-hatVirgilio a:hover span		{	background-position: -553px -30px;	}

li#ti-hatNext a {
	width: 42px;
}

li#ti-hatNext a span				{	background-position: -611px 0;	}
li#ti-hatNext.ti-active a span,
li#ti-hatNext a:hover span			{	background-position: -611px -30px;	}

li#ti-hatLa7 a {
	width: 33px;
}

li#ti-hatLa7 a span				{	background-position: -514px 0;	}
li#ti-hatLa7.ti-active a span,
li#ti-hatLa7 a:hover span			{	background-position: -514px -30px;	}

li#ti-hatYalp a {
	padding-right: 4px;
	width: 66px;
}

li#ti-hatYalp a span				{	background-position: -441px 0;	}
li#ti-hatYalp.ti-active a span,
li#ti-hatYalp a:hover span			{	background-position: -441px -30px;	}