﻿
.header { height : 185px; }

.header .logo { margin-top : 54px; }

.header .linkLanguage
{
	position : relative;
	float : right;
	margin : 0 120px 0 0;
}

.header .linkLanguage a
{
	display : block;
	padding : 2px 8px;
	cursor : pointer;
	font-size : 12px;
	font-weight : bold;
	color : #FFF;
	text-decoration : none;
}

.header .linkLanguage ul.menuPopUpLanguage
{
	position : absolute;
	top : 22px;
	right : 0;
	margin : 0;
	padding : 0;
	border : 1px solid #B7B7B7;
	border-bottom : none;
	list-style-type : none;
}

.header .linkLanguage ul.menuPopUpLanguage li
{
	position : relative;
	width : 170px;
	border-bottom : 1px solid #f2f2f2;
	background-color : #ebebeb;
}

.header .linkLanguage ul.menuPopUpLanguage li a
{
	display : block;
	height : 25px;
	padding : 0 10px 0 20px;
	border-right : none;
	border-bottom : none;
	font-size : 12px;
	line-height : 25px;
	text-decoration : none;
	white-space : nowrap;
	color : #000;
}

.header .linkLanguage ul.menuPopUpLanguage img.language,
.header .linkLanguage ul.menuPopUpLanguage img.statusLanguage
{
	position : absolute;
	top : 7px;
	z-index : 190;
}

.header .linkLanguage ul.menuPopUpLanguage img.language { left : 2px; }

.header .linkLanguage ul.menuPopUpLanguage img.statusLanguage 
{
	top : 10px;
	right : 5px;
}

/* Status Bar */

.statusBar,
.statusBarActive
{
	position : absolute;
	width : 100%;
	height : 57px;
	background : url(/App_Themes/Default/images/images-Top/statusBackground.png) repeat-x center top;
	z-index : 200;
}

.statusBar
{
	left : 0;
	top : -58px;
}

.statusBarActive
{
	left : 0;
	top : 0;
}

.statusBar .content,
.statusBarActive .content
{
	height : 57px;
	padding-top : 0;
	background : url(/App_Themes/Default/images/images-Top/statusLogo.png) no-repeat left top;
	font-size : 12px;
	color : #FFF;
	overflow : visible;
}

.statusBar .content .statusTblLogin { float : right; }

.statusBar .statusTblLogin .inputContainer
{
	width : 135px;
	height : 23px;
	padding : 0 0 0 10px;
	background : url(/App_Themes/Default/images/images-Top/statusInput.png) no-repeat center center;
}

.statusBar .statusTblLogin input[type="text"],
.statusBar .statusTblLogin input[type="password"]
{
	margin : 0;
	border : 0;
	font-size : 12px;
	font-weight : bold;
	color : #333;
}

/* HACK PER SAFARI */

@media screen and (-webkit-min-device-pixel-ratio:0)
{  
	.statusBar .statusTblLogin input[type="text"],
	.statusBar .statusTblLogin input[type="password"]
	{
		margin-left : 5px;
	}  
} 

/* END HACK PER SAFARI */

.statusBar .statusTblLogin img
{
	margin-top : 3px;
	cursor : pointer;
}

.statusBar .statusTblLogin a
{
	margin-left : 3px;
	font-size : 11px;
	color : #fff;
}

.statusBar .statusAccessLink
{
	position : absolute;
	top : 54px;
	right : 0;
	width : 100px;
	height : 30px;
	padding : 5px 0;
	background : url(/App_Themes/Default/images/images-Top/statusAccessLinkBg.gif) no-repeat top left;
	text-align : center;
	cursor : pointer;
	z-index : 10;
}

.statusBar .statusAccessLink a
{
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	color : #FFF;
}
.statusBar .statusAccessLink img
{
	margin : 0 0 0 5px;
	vertical-align : middle;
}

.statusBarActive .boxLogOut
{
	float : left;
	margin-left : 60px;
	padding-top : 10px;
}

.statusBarActive .boxLogOut img { vertical-align : middle; }

.statusBarActive .boxLogOut a
{
	margin-left : 3px;
	font-size : 11px;
	color : #fff;
	text-decoration : none;
}

.statusBarActive .boxLogOut .userName
{
	display : block;
	font-size : 14px;
	font-weight : bold;
	color : #FFF;
}

.statusBarActive .boxNavigation
{
	float : right;
	margin-top : 10px;
}

.statusBarActive .boxNavigation .button,
.statusBarActive .boxNavigation .buttonActive
{
	float : left;
	position : relative;
	margin : 0 3px 0 3px;
}

.statusBarActive .boxNavigation .button span,
.statusBarActive .boxNavigation .buttonActive span
{
	display : block;
	float : left;
	width : 10px;
	height : 28px;
	cursor : pointer;
}

.statusBarActive .boxNavigation .button span { background : url(/App_Themes/Default/images/images-Top/statusActiveButton.gif) no-repeat left top; }

.statusBarActive .boxNavigation .buttonActive span { background : url(/App_Themes/Default/images/images-Top/statusActiveButton.gif) no-repeat left -29px; }

.statusBarActive .boxNavigation .button a,
.statusBarActive .boxNavigation .buttonActive a
{
	display : block;
	float : left;
	padding : 5px 10px 7px 0;
	cursor : pointer;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
	color : #FFF;
}

.statusBarActive .boxNavigation .button a { background : url(/App_Themes/Default/images/images-Top/statusActiveButton.gif) no-repeat right top; }

.statusBarActive .boxNavigation .buttonActive a { background : url(/App_Themes/Default/images/images-Top/statusActiveButton.gif) no-repeat right -29px; }

.boxNavigation .statusSubMenu
{
	position : absolute;
	top : 27px;
	left : 0;
	border : 1px solid #3b3b3b;
	border-bottom : none;
	background-color : #595a59;
	z-index : 10;
}

.boxNavigation ul
{
	list-style-type : none;
	z-index : 11;
	padding : 0;
	margin : 0;
}

.boxNavigation ul li { border-bottom : 1px solid #3b3b3b; }

.boxNavigation ul li:hover { background-color : #353635; }

.boxNavigation .button .statusSubMenu a
{
	display : block;
	float : none;
	padding : 5px;
	border-bottom : 1px solid #D0D0D0;
	background : none;
	font-size : 12px;
	font-weight : bold;
	color : #FFF;
	white-space : nowrap;
}

/* End Status Bar */
