﻿*, input, select, textarea, option, button {
	outline: none !important;
}

body, form
{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding:0;
	border:none;
	height:100%;    
}

/*top elements*/
.topcontainer, .titlecontainer, pagetitlediv, breadcrumbsdiv, .logodiv, .topmenudiv, .userdiv 
{
	display:inline-block;
}

.topcontainer 
{	
	width:100%;
	height:36px;
	margin:0;
	padding:0;
	min-width:980px;
}

.titlecontainer 
{
	width:700px;
}

.pagetitlediv
{
	clear:both;
	width:220px;
	padding: 5px 0px 0px 5px;
}

.breadcrumbsdiv {
	/*float:left;*/
	width: 96%;
	padding: 5px;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid var(--topmenu-bg-color);
	margin-bottom: 5px;
}

.logodiv
{
	float:right;
}

.menucontainer
{		
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:26px;
	background-image: url('../images/menubar2.gif' );
	min-width:980px;
}

/*top menu elements*/
.topmenudiv
{
	position:absolute;
	bottom:0px;
	left:220px;
	width:550px;
}

td.menubarlink
{
	text-align: center;
	width:120px;
}

td.menusplitter
{
	width:1px;
}

.userdiv
{
	position:absolute;
	bottom:0px;
	float:right;
	right:0px;
}

.contentdiv 
{
	position:relative;
	height:calc(100vh - 92px);
	width:100%;
}

/*Sidebar elements*/
.sidebarcontainer {
	float: left;
	display: inline-block;
	background-color: var(--menu-background-color);
	border: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 100%;
	text-align: center;
}

.navigationdiv, .sidebartasksdiv, .storeselectiondiv 
{
}

.navigationdiv
{
	display:inline-block;
}

.sidebartasksdiv
{
	display:inline-block;	
}

.storeselectiondiv
{
	text-align:left;
	position:absolute;
	bottom:5px;
	padding-left:13px;
}

.pagelayoutselectiondiv
{
	text-align:left;
	position:absolute;
	bottom:85px;
	padding-left:10px;
}
.environmentselectiondiv {
	text-align: left;
	position: absolute;
	bottom: 145px;
	padding-left: 13px;
}

.dotteddiv {
	background-image: url('../images/dots.gif' );
	background-repeat: repeat-x;
	font-size: 4pt;
	display: inline-block;
	width: 176px;
}

.maincontentdiv 
{	
	min-width: 790px;
	max-width: 1064px;
	padding:10px;
	margin: 0 0 0 200px;	
}

/* Container for search forms like productsearch/purchaseordersearch etc. */
.searchfieldscontainer 
{
	max-width:1064px;
}

/*Checkbox in top of searchforms.*/ 
.startSearchForm 
{	
	position:absolute;
	display:block;
	max-width:1064px;
	width:100%;
	text-align:right;
}

.rvCheckbox input 
{
	vertical-align:middle;
}

.rvCheckbox label 
{
	vertical-align:middle;
}