/* podstawy */
body {
	margin: 0;
	padding: 0;
	background: #5d75a8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

img {
  border: 0;
}

img:hover {
  background-color:transparent;
}

a[target|=_blank]:hover{
  background: transparent;
  border: 0;
}

a[target|=_blank] img{
  display: block;
	padding: 0.2em 0em 0.2em 0em;
	margin-left: 18.2em;
}

a{
	color: #000060;
	text-decoration: underline;
}

a:hover{
	background-color: #e9ecf3;
}

.page {
	margin: 1em auto 1em auto;
	width: 94.0em;
	overflow: auto;
}

.menu {
	float: left;
	width: 14em;
	padding: 0.3em;
}

.content {
	float: left;
	width: 78.7em;
	padding: 0.3em;
}

/* menu */
.menu-panel {
	border-right: 0.2em solid #374868;
	border-bottom: 0.2em solid #374868;
	text-align: right;
	margin-bottom: 0.6em;
}

.menu-content {
	text-align: left;
	background-color: #c8d0e1;
	padding: 0;
}

.menu-content span{
	display: block;
	padding: 0.8em 0.8em 0em 0.8em;
}

.menu-content span + span{
	font-weight: bold;
}

.menu-panel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu-panel span + ul {
	margin-top: 0.8em;	
	border-top: 0.2em solid #374868;
}

.menu-panel ul a{
	color: black;
	text-decoration: none;
	padding: 0.4em 0.8em 0.4em 0.8em;
	border-bottom: 0.1em solid #374868;
	display: block;
}

.menu-panel ul a:hover{
	background-color: #e9ecf3;
}

.menu-panel ul a:active{
	background-color: #e9ecf3;
}

/* okno */
.form-panel, .info-panel, .options-panel, .status-panel {
	border-left: 0.2em solid #374868;
	border-bottom: 0.2em solid #374868;
	margin-bottom: 1em;
	clear: both;
}

.form-header, .menu-header, .info-header, .options-header, .status-header {
	font-size: 1.2em;
	color: #c8d0e1;
	padding: 0.2em 1.2em 0.2em 1.2em;
	background-color: #374868;
	font-weight: bold;
	display: inline-block;
}

.form-content, .info-content, .status-content {
	background-color: #c8d0e1;
	padding: 0.4em 0.8em 0.4em 0.8em;
}

.form-row, .form-row-ext{
	clear: both;
	/*overflow: auto;*/
	padding-top: 0.4em;
}

.form-footer, .options-footer, .info-footer{
	float: right;
}

/* formularz */
.form-row .label {
	display: block;
	width: 17.7em;
	float: left;
	text-align: right;
	padding: 0.2em 0em 0.2em 0em;
	margin-right:0.5em;
}

.form-row span + span{
	display: block;
	padding: 0.2em 0em 0.2em 0em;
	margin-left: 18.2em;
}

.form-row div {
	display: block;
	padding: 0.2em 0em 0.2em 0em;
	margin-left: 18.2em;
}

.form-row-ext {
	display: inline-block;
	margin-left: 18.2em;
}

.form-row-ext table{
	width: 100%;
	margin-top: 0.4em;
}

.form-row-ext table thead{
	display: none;
}

.form-row-ext table input{
	float: right;
}

/* inputy */
input[type|=text], input[type|=submit], input[type|=password], input[type|=file], textarea, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 0;
	background-color: #e9ecf3;
	border-bottom: 0.1em solid #374868;
}
input[disabled|=disabled]{

  background-color: #c8d0e1;
  border-bottom: 0.1em solid #c8d0e1;
}

.label span{
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 0;
	display: table-cell;
}

input[type|=submit]{
	border: 0;
	color: white;
	background-color: #374868;
}

/* lista - wszystko */
.result-loan-history a{
	text-decoration: none;
}

.result-loan-history td:hover{
	background-color: #e9ecf3;
}


.result-book-panel table, .result-equipment-panel table, .result-user-panel table, .result-home-panel table, .result-loan-history{
	width: 100%;
	clear: both;
}

.result-book-panel thead, .result-equipment-panel thead, .result-user-panel thead, .result-loan-history thead{
	color: white;
}

.result-book-panel > table, .result-equipment-panel > table, .result-user-panel > table, .result-home-panel > table{
	border-collapse: collapse;
}

.result-user-panel table table, .result-equipment-panel table tbody, .result-book-panel table tbody, .result-loan-history tbody {
	background-color: #c8d0e1;
}

.result-book-panel table tbody td, .result-equipment-panel table tbody td, .result-user-panel table table td, .result-home-panel table td, .result-loan-history tbody td{
	padding: 0.2em 0.4em 0.2em 0.4em;
}

/* lista - home */
.result-home-panel{
  display: block;
  margin-left: 12em;
}

.result-home-panel table td{
	width: 80%;
}

.result-home-panel table td + td{
	width: 20%;
	text-align: right;
}

/* lista - user */
.result-user-panel table table td{
	width: 35%;
}

.result-user-panel table td + td{
	width: 40%;
}

.result-user-panel table td + td + td{
	text-align: right;
	width: 25%;
}

/* lista - book */
.result-book-panel, .result-equipment-panel{ 
	margin-top: 3em;
}

.result-book-panel table tbody td, .result-equipment-panel table tbody td{ 
	width: 24%;
	text-align: right;
}

.result-book-panel table tbody tr, .result-equipment-panel table tbody tr{ 
	border-bottom: 0.1em solid #5d75a8;
}

.result-book-panel table tbody td + td, .result-equipment-panel table tbody td + td{ 
	width: 76%;
	text-align: left;
}

.result-book-panel table tbody td + td a, .result-equipment-panel table tbody td + td a{ 
  font-weight: bold;
	text-decoration: none;
}

.result-book-panel input[disabled|=disabled], .result-equipment-panel input[disabled|=disabled]{
  background-color: #c8d0e1;
}

.result-book-panel-paging, .result-equipment-panel-paging{
  margin-top: 0.2em;
}

span img {
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin-left: 12em;
}