.commandbox {
	background-color: linen;
	padding: 5px;
	margin: 5px;
	border: 1px solid grey;
}

FIELDSET { border: 1px solid grey; padding-left: 10px;}


INPUT.crudbutton, BUTTON.crudbutton
{ border-color: #cccccc; border-width: 1px; margin-top: 5px; margin-bottom: 5px; }

BUTTON.crudbutton { margin-right: 3px; }

INPUT.menubutton, BUTTON.menubutton
{ border: 1px solid grey; }

FORM.menu { border: none }
TABLE.menu { border-bottom: 2px solid #FFA500; }
.menu, TD.menu {
	background-color: #FF8C00;
}

A { color: black; }
A:hover { color: red; }
A:active { color: red; }
A:visited { color: black; }

A.menu { color: white; }
A:hover.menu { color: white; }
A:active.menu { color: white; }
A:visited.menu { color: white; }

TABLE.menu  { color: white; }
BODY {
	color: #000000;
	color: black;
    background-color: #FFE4B5;
}

HTML,BODY { width: 100%; height: 100%; }
BODY,BODY * {  box-sizing: border-box; }

BODY, TD, SELECT, INPUT, BUTTON, TEXTAREA
    {
    font-family: verdana, helvetica, sans-serif;
    font-size: 9pt;
    }

H1
    {
	color: black;
    font-size: 11pt; margin: 0; margin-bottom: 5px; 
    }
H2,TH
    {
    font-size: 9pt;
    }


INPUT,SELECT,BUTTON,TEXTAREA {
}

SELECT {
	border: 1px solid red;
}

FORM { margin: 0; padding: 0; border: none; }

DIV.content {
  box-sizing: border-box;
	width: calc(100% - 10px);
	max-width: calc(100% - 10px);
	padding: 5px;
	margin: 5px;
  height:85%;
}

th.list {
	 font-weight: bold; background-color: white; color: black;
	 text-align: left;
}
td.list {
	 font-weight: normal; background-color: white; color: black;
}
th.listhead {
	 font-weight: bold; color: black; 
}


a.admin, a.admin:visited { text-decoration: none;
		 background-color: gray;
		 color: white;
		 padding-left: 1px; padding-right: 1px; margin-right: 1px;
		}

.subtitle { background-color: #FF8C00;  color : White;  }

tr.evenline {
	 background-color: white; color: black;
}
tr.oddline {
	 background-color: #DCDCDC; color: black;
}

td.customerlogo {
	background-color: black;
}

span.tab { padding-right: 0px; } 

div.tabs {   padding-top: 5px; }
div.tablayer {
	background-color: #CCCCCC;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1;
}

a.tab, a.tab:visited {
	color:black;
	background-color: #AAAAAA;
	text-decoration: none;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 15px;
	margin-right: 2px;
	font-weight : normal;
	z-index: 2;
}

a.selected, a.selected:visited {
	background-color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight : bold;
	z-index: 2;
}

.pagectl {
	font-size: 9pt;
  padding: 2px;
	color: #474747;
  margin: 6px 0;
}

span.pagectl {
	background-color: #fff;
}
a.pagectl, a.pagectl:visited, a.pagectl:active, a.pagectl:hover {
	background-color: #E1E1E1;
	color: #474747;
	text-decoration: none;
}
a.pagectl:hover { 
	color: #E1E1E1;
	background-color: #474747;
}

td.aoform { padding-bottom: 3px; }

label { display: block; }

/* as label was changed into a block, handle som special cases to make it look better*/

input + label { display: inline; }

label + br { display: block; content: ""; border-bottom: 3px solid transparent; } /* Works in Chrome/Safari */
@-moz-document url-prefix() { label + br { margin-bottom: 3px; } } /* Works in others */

}