/**********************************************************************
* CSS menu formatting for the .menuLevel1 element
* The main menu is formatted (.menuLevel1) and dropdowns (menu2)
**********************************************************************/
.button:focus{
	outline:none;
}
/*-------------------------------------------------------------------
 * formatting of the dropdown (menu2)   
 * used for the second level menu
 *------------------------------------------------------------------*/
/* show menu2-content on hover of the button  */
.menu2:hover 
	.menu2-content {
		display: block; 
	}
.menu2-content {
	display: none;
	position: absolute;
	background-color: #d0d0d0;
	min-width: 160px;
	box-shadow: 6px 10px 16px 4px rgba(0,0,0,0.3); /* h-offset v-offset blur spread color */
	z-index: 3;
	margin: 0px 0px 0px 5px  ;  /* top, right, bottum, left  */
}
.menu2_text {
	font-size: 16px;	
	text-align:left;
	border: none;
	padding: 12px 16px 12px 16px;  /* top, right, bottum, left  */
	background-color: #808080;
	color:black;
}
.menu2_btn {
	width:100%;
	font-size: 16px;	
	text-align:left;
	border: none;
	padding: 12px 16px; 
	background-color:inherit;
	cursor: pointer;
}
.menu2_btn:hover {
	background-color: #808080;
	color:white;
	cursor:pointer;
}
.menu2_btn:active{
	background-color: red;
	color: white;
}

/* small buttons inline  */
.edit_btn,
.info_btn_small,
.globe_btn_small,
.bank_btn_small,
.delete_btn_small,
.report_btn_small {
	width: 28px;
	height: 28px;
	border-width: 2px;
	border-style:solid;
	border-radius: 3px;
	border-color: transparent;
	margin: 1px 5px 1px 5px  ;  /* top, right, bottum, left  */
	padding: 0;
	background-color: transparent;
	background-repeat:no-repeat;
	outline:none;
}
/*-------------------------------------------------------------------
 * formatting special background items for buttons in inline menus
 *------------------------------------------------------------------*/
.edit_btn {
	background-image: url(../../Common/Icons/icon-edit-48.png);
	background-size:24px 24px;
}
.delete_btn_small {
	background-image: url(../../Common/Icons/icon-delete-48.png);
	background-size:24px 24px;
}
.globe_btn_small {
	background-image: url(../../Common/Icons/icon-globe-48.png);
	background-size:24px 24px;
}
.bank_btn_small {
	background-image: url(../../Common/Icons/icon-MoneyBag-48.png);
	background-size:24px 24px;
}
.info_btn_small {
	background-image: url(../../Common/Icons/icon-info-48.png);
	background-size:24px 24px;
}
.report_btn_small {
	background-image: url(../../Common/Icons/icon-report-48.png);
	background-size:24px 24px;
}

/* on small screens the button size is reduced   */
@media only screen and (max-width: 480px) {
	.info_btn_small {
		width: 32px;
		height: 32px;
		background-size:28px 28px;
		margin: 1px 2px 1px 2px  ;  /* top, right, bottum, left  */
	}
	
}

/*-end of file------------------------------------------------------------*/