* {
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	font-family:        Tahoma;
}

html, 
body {
	height:           100%;
	width:            100%;
	min-width:        1000px;
	padding:          0;
	margin:           0;
	border:           0 none;
	font-size:        12pt;
	background-color: RGB(246,246,246);
}

/*======== Colors ========*/

.gray           { color: #aaaaaa }
.red            { color: red }
.white          { color: white }
.transparent    { opacity: 0 }

/*======== user select ========*/

.forbidSelect {
   user-select:         none;
   -o-user-select:      none;
   -moz-user-select:    none;
   -khtml-user-select:  none;
   -webkit-user-select: none;
}

.allowSelect {
   user-select:         all;
   -o-user-select:      all;
   -moz-user-select:    all;
   -khtml-user-select:  all;
   -webkit-user-select: all;
}

/*======== positions ========*/
.relativePos    { position: relative }
.absolutePos    { position: absolute }
.leftTopPos     { top: 0; left: 0 }

/*======== margins & paddings ========*/
.noMargin       { margin:  0 0 0 0 }
.noPadding      { padding: 0 0 0 0 }
.autoMargin     { margin: auto auto auto auto }

/*======== visibility ========*/
.hidden         { display: none }
.hiddenOverflow { overflow: hidden }
.inlineTable    { display: inline-table; }
.likeLink       { cursor: pointer }

/*======== text ========*/
.centredText    { text-align: center }
.smallText      { font-size: 10pt }
.error          { font-weight: bold; color: red; text-align: center }

/*======== borders ========*/
.noBorder       { border: 0px }

/*======== size ========*/
.maxSize        { width: 100%; height: 100%; }

/*================================================================*/
/* Header                                                         */
/*================================================================*/

div#kodeksHeader {
	position:  absolute;
	left:      0;
	top:       0;
	width:     100%;
	min-width: 1000px;
	height:    1.7em;
	margin:    0;
	border:    0px none;
	overflow:  hidden;
}

/*================================================================*/
/* Main block                                                     */
/*================================================================*/

div#main {
	position:  absolute;
	left:      0;
	width:     100%;
	min-width: 1000px;
	top:       1.7em;
	bottom:    1.2em;
	height:    calc(100% - 2.9em);
	margin:    0;
	border:    0px none;
	overflow:  hidden;
}				

/*================================================================*/
/* Spinner                                                        */
/*================================================================*/

#loadingSpinner { 
	position:         absolute; 
	top:              0; 
	left:             0;  
	display:          none; 
	vertical-align:   middle; 
	width:            100%; 
	height:           100%; 
	text-align:       center;
	background-color: white
}

/*================================================================*/
/* Media print                                                    */
/*================================================================*/

@media print {
	div#kodeksHeader { display:  none   }
	div#footer       { display:  none   }
	div#main         { position: static }
}