/**************** top menu ********************/

/***** div *****/
div.top-menu {
	display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
}

div.top-menu > a   {
 color: var(--link-color);
}

div.top-menu > a > div {
	margin-left: 10px;
    margin-right: 10px;
    padding: 3px;
}

/*#endregion div */

table.top-menu
	{
		border-collapse: collapse;
		border-spacing: 0px;
		margin: 0px;
		float: right;
		margin-right: 10px;
	}

table.top-menu td a
	{
		color: rgb(51, 51, 51);
	}

table.top-menu td
	{
		cursor: pointer;
		padding: 4px 8px 7px 8px;
		border-radius: 0px 0px 6px 6px;
		border-top: 3px solid transparent;
	}

table.top-menu td.selected
	{
		border-top-color: rgb(224, 224, 224);
		background-color: rgb(224, 224, 224);
	}

table.top-menu td:HOVER
	{
		border-top-color: rgb(255, 128, 64);
		background-color: rgb(244, 244, 244);
	}

/************ account-box ************/
#header .site-title {
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
	font-size: 150%;
	font-weight: bold;
	padding:0px 0px 0px 10px;
	font-family: helvetica, sans-serif, arial, tahoma;
}

div.account-box {
	color: rgb(51, 51, 51);
	border-radius: 4px;
/*	background-color: rgb(224, 224, 224); */
	display: inline-flex;
}

div.account-box>div {
	display: inline-block;
	padding: 5px 9px 5px 9px;
	cursor: pointer;
	font-size: 0.9em;
}

div.account-box>div:hover {
/*	background-color: rgb(200, 200, 200); */
}

div.account-box>div:first-child {
	border-radius: 4px 0px 0px 4px;
}

div.account-box>div:last-child {
	border-radius: 0px 4px 4px 0px;
}

/*#endregion account-box */