/* added by steinar */
html { 
		border:		0;
		/*overflow:	hidden;*/
	}

body {
	border: 0;
	margin: 0;
}

h1 
{
	font-size: 16px;
}

/* Fix menu items to be right-aligned */
.webfx-menu-bar {
	position: relative;
}

.webfx-menuitem-right {
	position: absolute;
	right: 0px;
	/*top: +0px; */
	top: +0px;
}
/* -- */

.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	*/
	box-sizing:			content-box;
	/*-moz-box-sizing:	content-box;*/
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				auto;
	border:				1px solid black;
	padding:			1px;
	background:			white;
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)alpha(Opacity=90);
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;	
	padding:			2px 5px 2px 5px;
	font-size:			11px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	color:				black;
	
}

.webfx-menu a {
	display:			block;
	width:				auto;
	overflow:			visible;		
	padding:			2px 0px 2px 5px;
	font-size:			9px;
	font-family:		Tahoma, Verdan, Helvetica, Sans-Serfif;
	text-decoration:	none;
	font-weight: 		normal;
	vertical-align:		middle;
	color:				black;
	border:				1px solid white;
	/*
	height:				expression(constExpression("1px"));
	*/
	height: 1px;	
}


/* hack for IE7 and other browsers */
html>body .webfx-menu a {
	height: auto;
}

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	black;
}

.webfx-menu a:hover {
	color:			black;
	background:		rgb(194,217,241);/*#C2D9F1;*/ 
	border:			1px solid rgb(115,145,177);/*#7391B1*/
	text-decoration:none;
	font-weight: 	normal;
	font-size:		9px;
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:	3px;	
	margin-top:		4px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			16px; /*expression(constExpression(ieBox ? "2px" : "0"));*/
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		9px;
}

.webfx-menu-bar {
	background:			transparent url(http://static3.24SevenOffice.com/webpage/en/images/menu/top_menu_bg.gif);
	background-repeat:	repeat-x;
	padding-bottom:		0px;
	padding-top:		3px;
	height:				16px;
	font-family:		Verdana, Arial;
	font-weight:		bold;
	font-size:			9px;
	
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	/*nborder:				1px solid rgb(120,172,255);/*rgb(255,128,0);*/
	padding:			2px 15px 4px 15px;		
	color:				white;
	font-weight:		bold;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:				auto;
}

.webfx-menu-bar a:hover {
	color:				white;
	padding-top:		3px;
	font-weight:		bold;
	background:			transparent url(http://static3.24SevenOffice.com/webpage/en/images/menu/top_menu_marked.gif);
	background-repeat:	repeat-x;
	text-decoration:	none;
	/*
	nbackground:		rgb(120,172,255);	
	nborder-left:		1px solid rgb(234,242,255);
	nborder-right:		1px solid rgb(0,66,174);
	nborder-top:		1px solid rgb(234,242,255);
	nborder-bottom:		1px solid rgb(0,66,174);*/
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	/*-moz-outline:	none;*/
	outline:		none;
		
	padding-top:		3px;
	background:			transparent url(http://static3.24SevenOffice.com/webpage/en/images/menu/top_menu_marked.gif);
	background-repeat:	repeat-x;
	text-decoration:	none;
	/*
	nborder-left:	1px solid rgb(0,66,174);
	nborder-right:	1px solid rgb(234,242,255);
	nborder-top:		1px solid rgb(0,66,174);
	nborder-bottom:	1px solid rgb(234,242,255);
	*/
	}