body {
	min-width:960px;
	margin-bottom:100px;
}

header{
	height:45px;
	background-color: #e3e3e3;
}

header h1{
	font: italic bold 250% Courier;
	color: white;
	padding-left:0.1em;
	display:inline;
}

h2{
	margin-bottom: 1em;
}

h3{
	font-weight:bold;
	font-size:130%;
}

header #userInfo{
	text-align:right;
	min-width:150px;
	max-width:400px;
	height: 16px;
	display: block;
	float:right;
	
	background:#fff;
	margin: 3px 3px 0 0;
	padding: 9px 6px;
	font-size: 80%;
}

div.flashMess{
	padding: 1em;
	margin: 1em;
}

td, th{
	vertical-align:middle;
	padding: 0.3em;
}

.bold{
	font-weight:bold;
}

#content{
	margin: 1em 0.8em;
}

#companyLogo{	
	margin-top:4px;
	height: 34px;
	width:auto;
}

.tableBorder{
	border:0.5em solid #f8f8f8;
	padding: 0.5em;
	margin-bottom:2em;
	overflow-y: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tableList{
	text-align:left;
	table-layout:fixed;
	width:100%;
	font-size:80%;
	min-width:880px;
}

.tableList td, .tableList th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tableList td .multipleVal {
	display: inline;
}

.tableList td .multipleVal:not(:first-of-type) {
	display: none;
	margin-left: 1rem;
}

.tableList td .multipleValToggle {
	float: left;
	margin-right: 0.2rem;
	color: silver;
	cursor: pointer;
}

tr.header {
	background-color: white;
}

.controlCol{
	width:105px;
}

td .buttons{
	text-align:right;
}

.tableList .header th{
	border-width: 0 0 2px 0;
	padding-left: 1px;
	min-width: 2em;
}

.listLine:hover {
	background-color:#e3e3e3;
}

.orderLabel{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: calc(100% - 30px);
	vertical-align: bottom;
}

.orderArrows{
	display: inline-block;
	vertical-align: bottom;
}

.orderArrows .orderArrow{
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
}

.tableList .orderArrow.black.down{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi/P//P8PAgQYg/k8ANxCjuIEYkxuIcUYDMW5uINvHjMQGOECAAQA+Jh7pSnE4bgAAAABJRU5ErkJggg==);
}

.tableList .orderArrow.grey.down{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNpi/P//PwMxgOXAgQNEKWRiIBKAFDYA8X8CuAGmsBGPYY0whQx4FDdC5VDciK4YrgjsazQTGnCwMRRiKIABRmIDHCDAAKPAGNGrWOCfAAAAAElFTkSuQmCC);
}

.tableList .orderArrow.black.up{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpi/P//PwMxgJFYhRSBeigmqOg/FNcTowinYmyKMBTjU0TQGeSHI0CAAQAfbiHd6a/fCQAAAABJRU5ErkJggg==);
}

.tableList .orderArrow.grey.up{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpi/P//PwMxgJFYhSwHDhwgSiETFrF6KEY1EYuiBiR+IzYT0RU1IJvMhEMRhmIWPIqQFTMw7t+/n2xfYwUAAQYAMDMSiOsRvZYAAAAASUVORK5CYII=);
}


/*bad selector because of css priority*/
div div.hidden, div span.hidden, div input.hidden, div button.hidden, div a.hidden, div img.hidden, div tr.hidden, div table.hidden, div fieldset.hidden, div td.hidden, div th.hidden{
	display:none;
}

/******** FORMS *********/
form{
	font-size:1em;
}

legend{
	padding: 0 15px 5px 2px;
}

fieldset{
	border-top:1px solid #e3e3e3;
	margin-top:1em;
	padding-top:5px;
}

input,select{
	width:236px;
	margin:0 5px 5px 0;
	height:1.5em;
}

select{
	width: 240px;
	height: 1.7em;
}

input[type="range"]{
	position:relative;
	top:8px;
	margin-left:5px;
	margin-right:15px;
	
}

.shortest{
	width:32px !important;
	text-align:center;
}

.shortshort{
	width:65px !important;
}

.shortmiddle{
	width:95px !important;
}

.short{
	width:130px !important;
}

.shortnormal{
	width:180px !important;
}

.normal{
	width: 240px !important;
}

.normallong{
	width: 300px !important;
}

.long{
	width:382px !important;
}

.longmiddle{
	width:500px !important;
}

.longlong{ 
	width:634px !important;
}

input[type="checkbox"]{
	height:14px;
	width:14px;
	margin-top:0.4em;
}

input[type="radio"]{
	height:13px;
	width:13px;
	margin-left: 0.4em;
}


/***************************/
.toRight{
	float:right!important;
}

.toLeft{
	float:left!important;
}

form.regularForm {
	width:550px;
	line-height:1.5em;
}

.regularForm input, .regularForm button, .regularForm select{
	width:51%;
}

.regularForm input[type="checkbox"]{
	width:14px!important;
	height:14px!important;
}


.regularForm label{
	clear: left;
	float: left;
	width: 41%;
	padding-right: 2%;
	height: 1em;
	margin-bottom: 10px;
	
	text-align: right;
}

.regularForm input, .regularForm select{
	margin-bottom: 15px;
}

form.fixedWidth, form.newContact,form.newOrg, form.newSheet, form.newInv{
	width:820px;
}

input[type="checkbox"]{
	height:14px;
	width:14px;
	margin-top:0.4em;
	margin-left: 0.7em;
}

#searchBlock, .inlineBlock{
	height: 5em;
}

#searchBlock input, .inlineBlock input{
	display:inline;
	// height: 1.4em;
	// font-size: 80%;
}

#searchBlock form, .inlineBlock form{
	display:inline;
}

#searchBlock button, .inlineBlock button{
	display:inline;
	float:none;
	font-size:75%;
	line-height:75%;
}

#searchBlock button img, .inlineBlock button img {
	width: 13px;
	height: auto;
}

.lb{
	border-left:2px solid #ccc;
	padding-left:0.7em;
}

td.h3{
	text-align:right;
	min-width:300px;
}

.separator{
	height:30px;
	vertical-align:top;
}

.groupName{
	color:grey;
	text-align:right;
	padding-right:3em;
}

.filedGroup .leftMargin{
	margin-left:30px;
}

.normalList li{
	list-style-type: square;
	margin-left: 30px;
}

td input:not([type='checkbox']){
	width:99%;
	margin-top:5px;
}

.statusIcon{
	/*margin-right: 10px;*/
	width:13px;
	height:13px;
	vertical-align:bottom;
}

.hand{
	cursor:pointer;
}

#userSettings{
	max-width: 440px;
}

#userSettings .prefGroup{
	position: relative;
	margin-bottom: 20px;
}

#userSettings select{
	float: right;
}

#userLogout{
	float: right;
	margin-right: 15px;
}

#overviewForm{
	margin-bottom: 20px;
}

.overviewFormGroup{
	display: inline-block;
}

.overviewSelect{
	height:100px;
}

#overviewSubmit{
	position: relative;
	top: -5px;
}

.higlightedRow{
	background-color: lightgrey;
}

.overviewTableLabel{
	margin-top: 40px;
	margin-bottom: 5px;
}

.overviewTable {
	margin-bottom: 20px;
}

.overviewTable th{
	text-align: center;
}

.overviewTable td, .overviewTable th{
	border: 1px solid grey;
	padding: 5px;
}

.overviewTable td{
	text-align: right;
}

.sumsTab td {
	padding: 1px;
}

.sumsTab tr td:last-child {
	text-align: right;
	padding-left: 20px;
}

.code {
	margin: 2em;
	padding: 2em;
	color: white;
	background-color: black;
	font-family: courier;
}

#validationOk, #validationNotOk {
	vertical-align: middle;
}

input[readonly],select[readonly] {
	background: lightgray;
	border: 1px solid grey;
}