body {
	margin: 10px;	padding: 0;
	text-align: center;

	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #555;
}

h3 {
	margin: 5px 0 10px 0;
	font-size: 14px;
}

h4 {
	position: relative;
	margin: 15px 0 3px 0;
	font-size: 16px; font-weight: bold;
	padding-left: 15px;
	background: transparent url(../public/images/triangle.gif) no-repeat 0 0;
}

a {color: #555; outline: none; cursor: pointer;}
a:hover {color: #1184c5;}
a img {border: 0;}

p {margin: 0 0 10px 0;}

strong {font-weight:bold;}

table {
	margin-bottom: 5px;
	border-collapse: collapse;
	border: 1px solid black;
}
table th, table td {
	empty-cells: show;
	border: 1px solid black;
	padding: 1px;
}
table.noborder {border:none;}
table.noborder td, table.noborder th {border:none;}

table th.sortCol {
	background-color: #ffffd5;
}

table.poll tr td {text-align:left;}

table.std {width: 100%;}
table.std tr th, table.std tr th a {background-color: #1184c5; color: white; text-align: center;}
table.std tr th a:hover {text-decoration:none;}
table.std tr.even {background-color: #e5f3ff;}
table.std tr.odd {background-color: white;}
table.std tr td {padding:3px;}

form {margin:0; padding:0;}
input, textarea, select, button {font-family: Arial, sans-serif; font-size: 12px;}
input, textarea {
	border: 1px solid #333;
	outline-style: none;
	padding: 1px; margin:0;
}
input[type=image], input[type=checkbox], input[type=radio] {border:none !important;}
input.inpimg, input.chk {border:none !important;}
input[type=checkbox] {width:auto !important; height:auto !important;}
input.chk {width:auto !important; height:auto !important;}
input.color {width:50px;}
table.std.check input.chk {padding:0; margin:0; width: 16px !important; height:16px !important;}
fieldset {margin-bottom: 5px;}
fieldset legend {font-weight: bold; color: #555;}

a.rev {text-decoration: none;}
a.rev:hover {text-decoration: underline;}

aside {
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	padding: 30px 0 15px 0;
	position: sticky;
	top: -20px;
}
.dropdown .menu-label, aside .menu-label {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
	text-align: left;
}
aside .menu-label a {
	text-decoration: none;
}
.menu-label:not(:first-child) {
	margin-top: 1em;
}
aside .menu-label:not(:first-child), aside .menu-label:not(:last-child) {
	margin-bottom: .5em;
}
aside ul.menu-list {
	list-style: none;
	line-height: 1.25;
	font-size: .95em;
	margin: 0; padding: 0;
}
aside ul.menu-list a {
	display: block;
	padding: 3px 0;
	color: #989898;
	text-decoration: none;
}
aside ul.menu-list a:hover {
	background-color: #f5f5f5;
}
aside .menu-all {
	text-align: right;
	text-transform: lowercase;
}
aside .menu-all a {
	text-decoration: none;
}

body > header {
	background-color: #e9e9e9;
	height: 158px;
}

body > header * {
	box-sizing: border-box;
}

body > header .container, .container1232 {
	position: relative;
	width: 1232px;
	margin: 0 auto;
	padding: 20px 0;
}

#search {
	display: flex;
	margin-top: 20px;
	color: #535353;
	font-size: 18px;
}
#search .button {
	padding: 5px;
}
#search > label {
	width: 230px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#search > input {
	width: 772px;
	min-height: 51px;
	padding: 5px 10px;
	font-size: inherit;
	border-color: #aeaeae;
	border-right: none;
	color: #535353;
}
#search .filetype {
	flex: auto;
	padding: 8px 0;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	background-color: white;
}
#search .dropdown {
	width: 100%;
}
#search .dropdown .dropdown-trigger {
	width: 100%;
}
#search .dropdown .dropdown-trigger .button {
	width: 100%;
	color: #535353;
	border-top: none;
	border-bottom: none;
}
#search .dropdown-menu {
	font-size: 12px;
}
#search button {
	width: 45px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: none;
	color: #535353;
}
#search button i.fa {
	font-weight: 900;
}
#search-types {
	min-width: 400px;
}
#search-types ul.menu-list {
	padding: 0 10px;
	margin: 0;
	list-style: none;
}
#search-types input[type="checkbox"] {
	position: relative;
	top: 2px;
}
#search .filetype .button span:first-child {
	max-width: 166px;
	overflow-x: hidden;
}

.columns {
	display: flex;
	align-items: center;
}
.columns.is-multiline {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.columns .column {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
}
.columns .column.pad {
	padding: 10px;
}

.columns .column.is-narrow {
	flex: none;
}

.has-text-right {
	text-align: right;
}

.nav {
	display: flex;
	justify-content: flex-end;
}

.nav > * {
	margin-left: 15px;
}

.button {
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	font-size: 1em;
	border: 1px solid #aeaeae;
	padding: 10px;
	color: #1184c5;
	background-color: white;
	text-decoration: none;
}
.button.is-primary {
	color: white;
	background-color: #1184c5;
	border-color: #1184c5;
}
.button.is-dark {
	background-color: #535353;
	color: white;
	border-color: #535353;
}
.button.is-success {background-color: green; color:white; border-color: green;}
.button.is-danger {background-color: #eb1212; color: white; border-color: #ff3860;}
.button.is-warning {background-color: #ffdd57; color: black; border-color: #ffdd57;}
.button.is-gray {background-color: #e9e9e9; color: black; border-color: #aeaeae;}
.button.is-link {
	 color: #1184c5;
	 background-color: inherit;
	 border: none;
 }
.button.is-link.is-success {color: green;}
.button.is-link.is-danger {color: #eb1212;}
.button.is-link.is-warning {color: #ffdd57;}
.button.is-link.is-gray {color: #E9E9E9;}
.button.is-rounded {
	border-radius: 12px;
}
.button.is-small {padding: 3px 5px 3px 3px;}
.button .icon {
	margin-left: 4px;
	margin-right: 4px;
}
.button .icon:first-child:not(:last-child) {
	margin-left: 0;
}
.button .icon:last-child:not(:first-child) {
	margin-right: 0;
}
.button.is-loading {
	color: transparent!important;
	pointer-events: none;
}
.button.is-loading:after {
	content: "";
	-webkit-animation: spinAround .5s infinite linear;
	animation: spinAround .5s infinite linear;
	border: 2px solid #dbdbdb;
	border-radius: 290486px;
	border-right-color: transparent;
	border-top-color: transparent;
	display: block;
	height: 1rem;
	width: 1rem;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	top: 50%;
	position: absolute!important;
}
.button.is-primary.is-loading:after {
	border-color: transparent transparent #fff #fff!important;
}
@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

.dropdown {
	display: inline-flex;
	position: relative;
	text-align: left;
}
.dropdown-menu {
	display: none;
	left: 0;
	padding-top: 4px;
	position: absolute;
	top: 100%;
	z-index: 1000;
}
.dropdown.is-active .dropdown-menu {
	display: block;
}
.dropdown.is-right .dropdown-menu {
	left: auto;
	right: 0;
}
.dropdown-content {
	background-color: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.dropdown-item {
	color: #4a4a4a;
	display: block;
	font-size: 0.875em;
	line-height: 1.5;
	padding: 0.25em 1em;
	position: relative;
	text-align: left;
}
a.dropdown-item {
	white-space: nowrap;
	text-decoration: none;
	display: flex;
	align-items: center;
}
a.dropdown-item:hover {
	background-color: #e9e9e9;
	color: #0a0a0a;
}
a.dropdown-item.is-active {
	background-color: #1184c5;
	color: #fff;
}

a.dropdown-item .icon {
	margin-right: 6px;
}
.dropdown-divider {
	background-color: #dbdbdb;
	border: none;
	display: block;
	height: 1px;
	margin: 0.5em 0;
}
.dropdown .columns {align-items: flex-start;}

.modal-background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(10,10,10,.86);
}
.modal {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	align-items: center;
	display: none;
	justify-content: center;
	position: fixed;
	z-index: 1986;
}
.modal.is-active {
	display: flex;
}
.modal-card {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 640px;
	max-height: calc(100vh - 40px);
	overflow: hidden;
	margin: 0;
}
.modal-card-foot, .modal-card-head {
	align-items: center;
	background-color: #f5f5f5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-shrink: 0;
	justify-content: flex-start;
	padding: 20px;
	position: relative;
}
.modal-card-head {
	border-bottom: 1px solid #dbdbdb;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.modal-card-title {
	color: #363636;
	flex-grow: 1;
	flex-shrink: 0;
	font-size: 1.5rem;
	line-height: 1;
	margin: 0;
	text-align: left;
}
.modal-card-body {
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: auto;
	padding: 20px;
}
.modal-card-foot {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top: 1px solid #dbdbdb;
}
.modal-card-foot .button:not(:last-child) {
	margin-right: 10px;
}

.field {
	text-align: left;
}
.field.is-horizontal {
	display: flex;
	align-items: center;
}
.field:not(:last-child) {
	margin-bottom: 0.75em;
}
.field-label {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0;
	margin-right: 1.5em;
	text-align: right;
}
.field-body {
	display: flex;
	flex-basis: 0;
	flex-grow: 5;
	flex-shrink: 1;
}
.label:not(:last-child) {
	margin-bottom: 0.5em;
}
.label {
	color: #363636;
	display: block;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
}
.control {
	font-size: 1em;
	position: relative;
	text-align: left;
}
.input, .textarea:not(.row) {
	align-items: center;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	display: inline-flex;
	font-size: 1em;
	justify-content: flex-start;
	line-height: 1.5;
	padding: 5px;
	position: relative;
	vertical-align: top;
	background-color: white;
	border-color: #aeaeae;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	max-width: 100%;
	width: 100%;
}
.checkbox, .radio {
	cursor: pointer;
	display: inline-block;
	line-height: 1.25;
	position: relative;
}

.image.is-16by9 img, .image.is-1by1 img, .image.is-2by1 img, .image.is-3by2 img, .image.is-4by3 img, .image.is-square img {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.image img {
	display: block;
	height: auto;
	width: 100%;
}
.image.is-square {
	padding-top: 100%;
}
.image-grid figure {
	margin-bottom: 5px;
}
.image {
	display: block;
	position: relative;
}
figure {margin:0;padding:0;}

.pagination {
	justify-content: space-between;
}
.pagination, .pagination-list {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
}
.pagination-list {
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: flex-start;
	order: 1;
	list-style: none;
	padding: 0;
}
.pagination-list li:not(:first-child) {
	margin-left: .375em;
}
.pagination.is-centered .pagination-list {
	justify-content: center;
	order: 2;
}
.pagination-previous {
	order: 2;
}
.pagination-next, .pagination-previous {
	margin-left: .75em;
}

.pagination-next, .pagination-previous {
	padding-left: .75em;
	padding-right: .75em;
}
.pagination .pagination-next.inverted, .pagination .pagination-previous.inverted {
	background-color: #1184c5;
	border-color: #1184c5;
	color: #fff;
}
.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
	align-items: center;
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: inline-flex;
	height: 2.5em;
	line-height: 1.5;
	position: relative;
	vertical-align: top;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .875em;
	padding-left: .5em;
	padding-right: .5em;
	justify-content: center;
	text-align: center;
}
.modal-close, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.pagination-link, .pagination-next, .pagination-previous {
	border: 1px solid #dbdbdb;
	min-width: 2.5em;
}
.pagination-link.is-current {
	background-color: #1184c5;
	border-color: #1184c5;
	color: #fff;
}
.pagination.is-centered .pagination-previous {
	order: 1;
	margin-left: 0;
}
.pagination.is-centered .pagination-next {
	order: 3;
}

.is-hidden {
	display: none !important
}

@media screen and (max-width: 767px) {
	.is-hidden-mobile {
		display: none !important
	}
}

@media screen and (min-width: 768px) {
	.is-hidden-tablet {
		display: none !important
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.is-hidden-tablet-only {
		display: none !important
	}
}

@media screen and (max-width: 1024px) {
	.is-hidden-touch {
		display: none !important
	}
}

@media screen and (min-width: 1025px) {
	.is-hidden-desktop {
		display: none !important
	}
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
	.is-hidden-desktop-only {
		display: none !important
	}
}

@media screen and (min-width: 1200px) {
	.is-hidden-widescreen {
		display: none !important
	}
}
.is-success {color: green;}
.is-danger {color: #eb1212;}
.is-warning {color: #ffdd57;}

#unsupported_browser {
	width: 980px;
	color: red; background-color: yellow;
	border: 2px solid red;
	padding: 3px; margin-bottom: 10px;
}
	
#container {
	position: relative;
	
	width: 1232px;
	margin: 0 auto;
	text-align: left;
}

.col2 #container {
	width: 980px;
	background: transparent url(../public/images/bg_2col_980.gif) repeat-y;
}

#left {
	float: left;
	margin:0 30px 0 0;
}
.col2 #container .col {margin: 0;}
.col2 #container #left {display:none;}

#center {
	float: left;
	margin: 0px; padding: 0;
	width: 772px
}

#right {
	float: left;
	margin: 0px 0 0 30px;
	padding-top: 50px;
}
.col2 #container #right {
	margin-left: 6px;
}

#right .header {
    position: relative;
}

#right .loginbox {
    padding: 5px;
}
#right .loginbox form {
    padding: 5px 15px 0px 15px;
    text-align: center;
}
#right .loginbox input {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    border-color: #1184c5;
    text-align: left;
}
#right .loginbox input[type=checkbox], #autologin {
    display: inline-block;
    position: relative;
    top: 2px;
}
#right .loginbox .signin {
    display: inline-block;
    padding-right: 20px;
    width: auto;
    border: none; outline: none;
    background: transparent url(../public/images/arrow.gif) no-repeat center right;
    color: #1184c5;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
#right .loginbox .links {
    text-align: center;
    font-size: 11px;
}
#right .loginbox h3, #right .loginbox h4 {
    font-size: 16px;
    padding: 0; margin: 0 0 3px 0;
    text-align: center;
    color: #1184c5;
}
#right .loginbox h3 a {
    text-decoration: none;
    color: inherit;
}
#right .loginbox h3 a:hover {
    text-decoration: underline;
}
#right .loginbox h4 {
    font-size: 12px;
    margin-bottom: 10px;
    background: none;
    font-weight: normal;
}

#center #first {
	padding-bottom: 10px;
}
.col2 #center #first {
	border: 1px solid #1184c5; border-top: none;
}
#center #first #searchbar {
	position: relative;
	width: 650px; height: 80px;
	padding: 10px 0 0 101px;
}
#searchbar form {margin-top: 10px;}
#searchbar span, #searchbar input {margin-right: 5px;}
#searchbar .ui-tabs-nav {margin-top: 2px;}
#searchbar .ui-tabs-nav * {margin-right: 1px;}
#searchbar .ui-tabs-nav .ui-tabs-selected a {cursor: pointer;}
#searchbar input {border-color: #1184c5;}
#searchbar input[type=text] {width: 280px;}
#searchbar input[type=image] {position: relative; top: 4px;}
#searchbar input.inpimg {position: relative; top: 4px;}
#searchbar span {font-weight: bold; text-transform: uppercase;}
#searchbar #all_draws_count {
	position: absolute; right: 2px; bottom: 2px;
	font-size: 11px;
}

#classbar {
	/*position: absolute; top: 4px; left: 0;*/
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#classbar a {
	background: transparent url(../public/images/triangle.gif) no-repeat 0 0;
	padding-left: 16px;
	margin-right: 10px;
	text-decoration: none; 
}
#classbar a.selected {color: #1184c5;}

#path {
	margin-bottom: 10px;
	text-align: left;
	color: #1184c5;
	font-size: 12px; line-height: 1.5;
}
#path a {color: #555;text-decoration:none}
#path a:hover {color: #1184c5;}

#banner {position: relative; display: block; margin: 10px auto; text-align: center; overflow: hidden;}
#banner.overflow {max-height: 100px; transition: max-height .75s;}
#banner.overflow.expanded {max-height: 500px !important;}
#banner object, #banner embed {width: 750px; height:100px;}
#banner_button {position: absolute; right: 0; bottom: 0; min-width: 65px;}

#center #content .pad.first {
	border: 1px solid #1184c5;
	border-top: none;
}

.col {
	width: 200px;
	text-align: justify;
}
.col2 .col {
	padding: 0 1px;
}

.header {
	height: 18px;
	white-space: nowrap;
	padding: 6px 0 0 20px;
	background: transparent url(../public/images/icon.gif) no-repeat 3px 5px;
	color: white;
}
.header.main {padding-left: 111px; background-position: 113px 5px;}
.header #header_content {padding-left:20px;}
.col .header {text-transform: uppercase;}

.header img {vertical-align: top;}

#center .header {
	position: relative; 
	background-color: #1184c5;
	text-transform: uppercase;
	font-size: 12px;
}
.header input, .header label {
	border:none; outline: none; 
	margin:0; padding:1px; 
	vertical-align:top;
}
.header input {
	position: relative; top:-1px;
	height: 13px; 
	text-transform: none;
}
.header label {padding:0;}
.header img {position: relative; top:1px;}

#center .header span {text-transform: none;}
#center .header span, #center .header span a {font-weight: bold; text-decoration: none;}
#center .header span a:hover {text-decoration: underline;}
#center .header input {width: 110px;}
#center .header input.inpimg {width: 14px; height: 14px;}

#mainspinner {
	position: absolute;
	top: 3px; left: 0px;
	display: none;
}

#center .header .options {
	position: absolute;
	top: 0; right: 3px;
	padding-top: 4px;
}
#center .header .loginfo {width: 300px;}
.col2 #center .header .loginfo {width: 450px;}

.header a {color: white; text-decoration:none;}
.header a:hover {text-decoration: underline;}

.header span#passwd {position:absolute; top:5px; right:3px; text-transform: none; color:white;}
.header span#passwd a {text-decoration: underline; color:white; font-weight:normal;}
.header span#credits {color: white; position:relative; top:2px;}
.header span#credits a {color:white;}

.col .header, #container .col .header {
	background-color: #1184c5;
}

ul.sortable {margin:0;padding:0;}
ul.sortable li {margin:0;padding:0;list-style: none;}

.pad {
	padding: 0 10px 0px 10px;
}
.pad.left {
	text-align: left;
}

.box {
	position: relative;
	margin-top: 10px;	padding: 10px;
}
.col2 #box {border: 1px solid #1184c5;}
.box.obj {background-color: #e9e9e9;}
.box.gray {background-color: #e9e9e9;}
.box.white {background-color: white;}
.box.grayborder {border-color: #aeaeae;}
.box.withborder {border: 1px solid #aeaeae;}
.box.bottom {margin-top:0; margin-bottom: 10px;}
.box.nopad {padding:0;}
.box.linked:not(:empty) {margin-top: 20px;}

.box > h4 {margin-top: 20px; margin-bottom: 5px;}
.box > h4:first-child {margin-top: 0}
.col .box {
	margin: 0;
	padding: 5px 0;
	border: none;
}
.col .box.button {padding: 20px 0; border-bottom: 1px solid #aeaeae;}
.col .box.button.first {padding-top: 0px;}
.col .box.button.last {border-bottom: none;}
.col .box.button img {width:200px;}
.col .box.button object, .col .box.button embed {width:200px;}

.col .box h5 {
	font-size: 13px;
  background:transparent url(../public/images/dot.gif) no-repeat scroll 0px 4px;
  margin: 5px 10px 0 0; padding: 0 0 0 16px;
}

.col .box ul {
	margin:3px 0 0 0; padding:0;
}
.col .box ul li {
	margin:0;padding:0;
	margin-left: 15px; margin-bottom: 2px;
}

.pagger {text-align: center; font-weight: bold;}
.pagger a {font-weight: normal;}

.halfbox {width:49%;float:left;font-size:13px;line-height: 175%;}
.halfbox.right {margin-left:2%;}
.halfbox h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;	
}
.halfbox h3 a {text-decoration: none;}
.halfbox .ui-tabs-container {position:relative;}
.halfbox a.more {
	position: absolute; bottom:5px; right:5px;
	color: #1184c5;
	text-decoration: none;
	font-weight: bold;
}
.halfbox a.more:hover {text-decoration: underline;}
.halfbox .folders {
	overflow:hidden;
}

.halfbox .fld.News a {
	display: block;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.box a.more {
	position: absolute; bottom:5px; right:5px;
	color: #1184c5;
	text-decoration: none;
	font-weight: bold;
}
.box a.more:hover {text-decoration: underline;}

.imgbox {
	position: relative;
	overflow: hidden;
	padding: 5px;
	color: #555;
	text-align: center;
	border: 1px solid #aeaeae;
}
.imgbox.with-dropdown {overflow: inherit;}
.imgbox.imgonly {padding-bottom:5px;}
.imgbox.img50 {width:50px;}
.imgbox.img100 {width:100px;}
.imgbox.img200 {width:200px;}
.imgbox.img300 {width:300px;}
.imgbox div {margin: 3px 0 2px 0;}
.imgbox div.ops div {margin: 0;}
.imgbox div.ops div.icos a {
	display: block;
	float: left;
	margin-right: 5px;
	text-decoration: none;
	font-size:10px;
	letter-spacing:-1px;
}
.imgbox div.ops div.icos a.thickbox {
    position: absolute;
    right:0;
}
.imgbox.img50 .img {width:50px; height:50px;}
.imgbox.img100 .img {width:100px; height:100px;}
.imgbox.img200 .img {width:200px; height:200px;}
.imgbox.img300 .img {width:300px; height:300px;}

.dwf_over {
	position: absolute; 
	top: 0; right: 2px;
	width: 80px; padding: 2px;
	cursor: pointer; 
	background-color: #ddd; color: black; 
	text-align:right; font-weight: normal;
	
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dwf_over a {text-decoration:none;}
	
.row {
	position: relative;
	height: 20px; line-height: 20px;
}
.row label {
	display: block;
	width: 100px;
	text-align: right;
	font-weight: bold;
}
.row span {
	display: block;
	position: absolute; top: 0; left: 105px;
	height: inherit;
}
.row span label {
	display: inline;
	width: auto;
	text-align: left;
	font-weight: normal;
}
.row span input[type=file] {border: none;}
.row span input[type=checkbox], .row span input[type=radio] {width:auto;}
.row span input.chk {width:auto;}
.row span input, .row span select, .row span textarea {width: 200px;}
.row span textarea {height: 42px;}
.row.textarea {height: 48px;}
.row span input[type=file], .row span select {width: 203px;}
.frm.l50 .row label {width:50px;}
.frm.l50 .row span {left:55px;}
.frm.l75 .row label {width:75px;}
.frm.l75 .row span {left:80px;}
.frm.l100 .row label {width:100px;}
.frm.l100 .row span {left:105px;}
.frm.l125 .row label {width:125px;}
.frm.l125 .row span {left:130px;}
.frm.l150 .row label {width:150px;}
.frm.l150 .row span {left:155px;}
.frm.l200 .row span {left:205px;}
.frm.i300 .row span input, .frm.i300 .row span select, .frm.i300 .row span textarea {width: 300px;}
.frm.i300 .row span input[type=file], .frm.i300 .row span select {width: 303px;}
.frm.i300 .row span input[type=checkbox], .frm.i300 .rowspan input[type=radio] {width:auto;}
.frm.i300 .row span input.chk {width:auto;}
.frm.i400 .row span input, .frm.i400 .row span select, .frm.i400 .row span textarea {width: 400px;}
.frm.i400 .row span input[type=file], .frm.i400 .row span select {width: 403px;}
.frm.i400 .row span input[type=checkbox], .frm.i400 .rowspan input[type=radio] {width:auto;}
.frm.i400 .row span input.chk {width:auto;}
.frm.i500 .row span input, .frm.i500 .row span select, .frm.i500 .row span textarea {width: 500px;}
.frm.i500 .row span input[type=file], .frm.i500 .row span select {width: 503px;}
.frm.i500 .row span input[type=checkbox], .frm.i500 .rowspan input[type=radio] {width:auto;}
.frm.i500 .row span input.chk {width:auto;}
.frm.i575 .row span input, .frm.i575 .row span select, .frm.i575 .row span textarea {width: 575px;}
.frm.i575 .row span input[type=file], .frm.i575 .row span select {width: 578px;}
.frm.i575 .row span input[type=checkbox], .frm.i575 .rowspan input[type=radio] {width:auto;}
.frm.i575 .row span input.chk {width:auto;}
.frm.i636 .row span input, .frm.i636 .row span select, .frm.i636 .row span textarea {width: 636px;}
.frm.i636 .row span input[type=file], .frm.i636 .row span select {width: 639px;}
.frm.i636 .row span input[type=checkbox], .frm.i636 .rowspan input[type=radio] {width:auto;}
.frm.i636 .row span input.chk {width:auto;}

.frm fieldset {margin: 0; padding: 5px; border: 1px solid black; margin-top: 5px;}
.frm fieldset legend {font-weight: bold;}
.frm.l50 fieldset .row label {width: 45px;}
.frm.l50 fieldset .row span {left: 50px;}
.frm.l75 fieldset .row label {width: 70px;}
.frm.l75 fieldset .row span {left: 75px;}
.frm.l100 fieldset .row label {width: 95px;}
.frm.l100 fieldset .row span {left: 100px;}
.frm.l125 fieldset .row label {width: 120px;}
.frm.l125 fieldset .row span {left: 125px;}
.frm.l150 fieldset .row label {width: 145px;}
.frm.l150 fieldset .row span {left: 150px;}
.frm fieldset .row span label {width:auto !important; margin-left: 3px;} 

.errorlist {
	width: 500px;
	margin-bottom: 10px; padding: 5px;
	color: red; background-color: #ffffd5;
	border: 1px solid red;
}
.row input.err, fieldset.err, select.err {
	border: 1px solid red;
	background: transparent url(../public/images/icons/sml/exclamation.gif) no-repeat right top;
}

.pager {
	padding: 0; margin:0;
	background-color: #e5f3ff;
	font-size: 12px;
}
.pager img {
	position: relative; top: -1px;
	margin: 0; padding: 0;
	vertical-align: middle;
}
.pager .info, .pager .pages {
	font-weight: bold;
}
.pager .info {
	margin-left: 5px;
}
.pager .pages {
	margin-left: 10px;
}
.pager .pages a {
	font-weight: normal;
}
.pager form {
	display: inline;
}
.pager select {
	height: 18px;
	font-size: 12px;
}
.pager input {
	font-size: 12px;
	width: 120px;
}

.langsel img {margin-right: 1px; padding: 2px; border: 1px solid transparent;}
.langsel img.selected {border: 1px solid #336699;	background-color: #e5f3ff;}
.langsel a:hover img {border: 1px solid #336699;}

#foot .bar {
	width: 1232px; margin: 0 auto;
	height: 16px; line-height: 16px;
	font-size: 10px; text-align: center;
	color: #666; background-color: #e9e9e9;
	padding: 10px 0;
}
.col2 #foot .bar {width:980px}
#foot a {color: inherit;}
#foot a:hover {text-decoration: none;}

#terms {
	margin-top: 5px;
	text-align: center;
	font-size: 10px; 
	color: #aaa; 
}
#terms a {
	color: #666;
	text-decoration: none;
}
#terms a:hover {color: #1184c5;}

#eulogo {margin-top:10px;}

.clr {height: 1px; line-height: 1px; font-size: 1px; clear: right;}
.cll {height: 1px; line-height: 1px; font-size: 1px; clear: left;}
.clb {height: 1px; line-height: 1px; font-size: 1px; clear: both;}

.note {font-size:10px; color:#888;}
.blue {color: #1184c5;}

.terms ol {margin: 10px 0 0 0; padding:0;}
.terms ol li {
	padding: 0; margin: 10px 0 0 30px;
}
.terms ol li ol {margin: 0;}
.terms ol li ol li {
	margin-top: 3px;
}


.mail_recipients {
	font-family: Arial, sans-serif; font-size: 11px;

	text-align: left;
	white-space: nowrap;
	
	position: absolute; left: 0;
	height: 200px;

	padding: 1px;
	border: 1px solid #666;

	overflow: auto;
	background: #eee;
	z-index: 101;

	cursor: pointer;
}
.mail_recipients ul {
	list-style-position: outside;
	list-style: none;
	padding: 0; margin: 0;
}
.mail_recipients li {padding: 1px 3px 1px 16px; line-height: 16px; background: transparent url(../public/images/icons/sml/mail_partner.gif) no-repeat 0 0;}
.mail_recipients li.mail_recipients_over {background-color: yellow;}
.mail_recipients li.producer {background-image: url(../public/images/icons/sml/gears.gif);}
.mail_recipients li.supervisor {background-image: url(../public/images/icons/sml/star_blue.gif);}

span.cbutton {
	display: inline-block;
	position: relative;
	padding: 10px 10px 5px 10px;
	
  background-color: #1184c5;
  background: -webkit-gradient(linear, left top, left bottom, from(#1184c5), to(#55baeb));
  background: -moz-linear-gradient(#1184c5, #55baeb);
}
span.cbutton:hover {
	background-color: #888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
  background: -moz-linear-gradient(#888, #666);
}
span.cbutton:hover a {
	color: white; 
}
span.cbutton.gray {
	background-color: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#dadada));
  background: -moz-linear-gradient(#D8D8D8, #dadada);
}
span.cbutton.gray:hover {
	background-color: #888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
  background: -moz-linear-gradient(#888, #666);
}
span.cbutton.gray a {
	color: black;
}
span.cbutton.gray:hover a {
	color: white; 
}
span.cbutton.big {
	padding: 10px 10px 5px 10px;
	
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
span.cbutton.big.round {
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
span.cbutton.med {
	padding: 2px 6px 3px 3px;
}
span.cbutton.med.round {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
span.cbutton.sml {
	padding: 2px 4px 1px 1px;
}
span.cbutton.sml.round {
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
span.cbutton a {
	display: inline-block;
	padding: 5px 0 0 40px; height: 32px;
	font-size: 20px; font-weight: bold;
	text-decoration: none;
	background: transparent url(../public/images/icons/big/edit_on.gif) no-repeat top left;
	color: white;
}
span.cbutton.big a {
	padding: 5px 0 0 40px; height: 32px;
	font-size: 20px;
}
span.cbutton.med a {
	padding: 5px 0 0 27px; height: 18px;
	font-size: 14px;
	background-image: url(../public/images/icons/med/edit_on.gif);
}
span.cbutton.sml a {
	padding: 1px 0 0 17px; height: 16px;
	font-size: 12px; font-weight: normal;
	background-image: url(../public/images/icons/sml/document_edit.png);
}
span.cbutton.sml.add a {background-image: url(../public/images/icons/sml/add.png);}
span.cbutton.sml.edit a {background-image: url(../public/images/icons/sml/document_edit.png);}
span.cbutton.sml.del a {background-image: url(../public/images/icons/sml/delete.png);}
span.cbutton.sml.send a {background-image: url(../public/images/icons/sml/mail_new.gif);}
span.cbutton.sml.email a {background-image: url(../public/images/icons/sml/email_go.png);}
span.cbutton.sml.moderate a {background-image: url(../public/images/icons/sml/accept.png);}

#fbbox {
	background: url(../public/images/fbbox.png) no-repeat scroll right top transparent;
	
  width:273px; height:400px;
 
  position: fixed;
  margin-top:-200px;
  top:50%; left:-241px;
  
  z-index: 1000;
}
#fbin {
	float:left; 
	width:240px;
	background-color: white;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

#cookiebox {
	display: none;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	z-index: 99999;
	overflow: hidden;
	color: #ddd;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 30px;
	background-color: #464646;
}
#cookiebox .close {
	position: absolute;
	top: 5px;
	right: 5px;
}
#cookiebox a {
	color: #ddd;
	text-decoration: none;
}

#expovideo {
	width: 100%;
	height: 255px;
	background-image:url('/public/images/expopattern.png');
	background-repeat:no-repeat;
	background-position:center;
	clear: both;
}
#expovideo iframe {display: block; margin: 0 auto;}

.box > .ui-tabs-container:first-child {padding: 10px;}
.ui-tabs-nav.transparent li a, .ui-tabs-nav.transparent li a span {
	background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_transparent.png);
}
.ui-tabs-container.transparent {
	background-color: transparent;
	border-color: transparent;
	padding-top: 0;
}
.ui-tabs-nav.pattern:not(:first-child) {
	margin-top: 10px;
}

.product-info {
	font-size: 12px;
	font-weight: normal;
	color: #555;
	list-style-type: none;
	padding-left: 0;
	margin: 10px 0 0 0;
}
.product-info label {
	font-weight: 600;
	min-width: 110px;
}
.product-info p {margin-top: 5px;}
p.subtitle {padding-left: 16px;}

.breadcrumb:after{content:""}
.breadcrumb{background-color:#edeff0;border-radius:.25em;margin-bottom:1em;padding:0 1.2em}
.breadcrumb:after{display:table;clear:both}
.breadcrumb li{display:inline-block;float:left;margin:1.2em 0}
.breadcrumb li::after{display:inline-block;content:'\00bb';color:#959fa5;margin:0 1em}
.breadcrumb li:last-of-type::after{display:none}
.breadcrumb li>*{display:inline-block;font-size:1em}
.breadcrumb li.current>*,.no-touch .breadcrumb a:hover{color:#96c03d}
.breadcrumb.triangle{background-color:transparent;padding:0}
.breadcrumb.triangle li{position:relative;padding:0;margin:2px 4px 2px 0}
.breadcrumb.triangle li:last-of-type{margin-right:0}
.breadcrumb.triangle li>*{position:relative;padding:.2em .2em .1em 1.25em;background-color:#edeff0;border-color:#edeff0}
.breadcrumb.triangle li.current>*{color:#fff;background-color:#96c03d;border-color:#96c03d}
.breadcrumb.triangle li:first-of-type>*{padding-left:1em;border-radius:.25em 0 0 .25em}
.breadcrumb.triangle li:last-of-type>*{padding-right:1em;border-radius:0 .25em .25em 0}
.no-touch .breadcrumb.triangle a:hover{color:#fff;background-color:#2c3f4c;border-color:#2c3f4c}
.breadcrumb.triangle li::after,.breadcrumb.triangle li>::after{position:absolute;top:0;left:100%;content:'';height:0;width:0;border:.9em solid transparent;border-right-width:0;border-left-width:10px}
.breadcrumb.triangle li::after{z-index:1;-webkit-transform:translateX(4px);transform:translateX(4px);border-left-color:#fff;margin:0}
.breadcrumb.triangle li>::after{z-index:2;border-left-color:inherit}
.breadcrumb.triangle li:last-of-type::after,.breadcrumb.triangle li:last-of-type>::after{display:none}
.breadcrumb.triangle.custom-separator li::after{background-image:none}
.breadcrumb.triangle.custom-icons li::after,.breadcrumb.triangle.custom-icons li>::after{border-top-width:25px;border-bottom-width:25px}
@-moz-document url-prefix(){.breadcrumb.triangle li::after,.breadcrumb.triangle li>::after{border-left-style:dashed}}

@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.badge{position:relative;white-space:nowrap;position:relative}.badge[data-badge]::after{position:absolute;left:100%;margin:0;background:#00d1b2;background-clip:padding-box;border-radius:1rem;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block}.badge:not([data-badge=""])::after{padding:.3rem .5rem;text-align:center;white-space:nowrap}.badge[data-badge=""]::after{display:inline-block;vertical-align:inherit}.badge.is-badge-white:not([data-badge])::after,.badge.is-badge-white[data-badge]::after{background:#fff;color:#0a0a0a}.badge.is-badge-black:not([data-badge])::after,.badge.is-badge-black[data-badge]::after{background:#0a0a0a;color:#fff}.badge.is-badge-light:not([data-badge])::after,.badge.is-badge-light[data-badge]::after{background:#f5f5f5;color:#363636}.badge.is-badge-dark:not([data-badge])::after,.badge.is-badge-dark[data-badge]::after{background:#363636;color:#f5f5f5}.badge.is-badge-primary:not([data-badge])::after,.badge.is-badge-primary[data-badge]::after{background:#1184c5;color:#fff}.badge.is-badge-red:not([data-badge])::after,.badge.is-badge-red[data-badge]::after{background:red;color:#fff}.badge.is-badge-link:not([data-badge])::after,.badge.is-badge-link[data-badge]::after{background:#3273dc;color:#fff}.badge.is-badge-info:not([data-badge])::after,.badge.is-badge-info[data-badge]::after{background:#209cee;color:#fff}.badge.is-badge-success:not([data-badge])::after,.badge.is-badge-success[data-badge]::after{background:#23d160;color:#fff}.badge.is-badge-warning:not([data-badge])::after,.badge.is-badge-warning[data-badge]::after{background:#ffdd57;color:rgba(0,0,0,.7)}.badge.is-badge-danger:not([data-badge])::after,.badge.is-badge-danger[data-badge]::after{background:#ff3860;color:#fff}.badge.is-badge-outlined[data-badge]::after{background-color:#fff;box-shadow:none;border:.1rem solid #00d1b2;color:#00d1b2}.badge.is-badge-outlined.is-badge-white[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #fff;color:#fff}.badge.is-badge-outlined.is-badge-black[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #0a0a0a;color:#0a0a0a}.badge.is-badge-outlined.is-badge-light[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #f5f5f5;color:#f5f5f5}.badge.is-badge-outlined.is-badge-dark[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #363636;color:#363636}.badge.is-badge-outlined.is-badge-primary[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #1184c5;color:#00d1b2}.badge.is-badge-outlined.is-badge-link[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #3273dc;color:#3273dc}.badge.is-badge-outlined.is-badge-info[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #209cee;color:#209cee}.badge.is-badge-outlined.is-badge-success[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #23d160;color:#23d160}.badge.is-badge-outlined.is-badge-warning[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #ffdd57;color:#ffdd57}.badge.is-badge-outlined.is-badge-danger[data-badge]::after{background:#fff;box-shadow:none;border:.1rem solid #ff3860;color:#ff3860}.badge[data-badge]::after{top:-.625rem;left:auto;right:-.5rem;}.badge:not([data-badge=""])::after{font-size:.75rem;line-height:.5rem}.badge[data-badge=""]::after{width:1rem}.badge.is-badge-left::after{right:auto;left:calc(0px - (1rem / 2))}.badge.is-badge-bottom::after{top:calc(100% - (1rem / 2))}.badge.is-badge-bottom-left::after{left:calc(0px - (1rem / 2));top:calc(100% - (1rem / 2))}.badge.is-badge-small[data-badge]::after{top:calc(0px - (.75rem / 2));left:calc(100% - (.75rem / 2));}.badge.is-badge-small:not([data-badge=""])::after{font-size:.5625rem;line-height:.375rem}.badge.is-badge-small[data-badge=""]::after{width:.75rem}.badge.is-badge-small.is-badge-left::after{left:calc(0px - (.75rem / 2))}.badge.is-badge-small.is-badge-bottom::after{top:calc(100% - (.75rem / 2))}.badge.is-badge-small.is-badge-bottom-left::after{left:calc(0px - (.75rem / 2));top:calc(100% - (.75rem / 2))}.badge.is-badge-medium[data-badge]::after{top:calc(0px - (1.25rem / 2));left:auto;right:-.5rem;}.badge.is-badge-medium:not([data-badge=""])::after{font-size:.9375rem;line-height:.625rem}.badge.is-badge-medium[data-badge=""]::after{width:1.25rem}.badge.is-badge-medium.is-badge-left::after{right:auto;left:calc(0px - (1.25rem / 2))}.badge.is-badge-medium.is-badge-bottom::after{top:calc(100% - (1.25rem / 2))}.badge.is-badge-medium.is-badge-bottom-left::after{left:calc(0px - (1.25rem / 2));top:calc(100% - (1.25rem / 2))}.badge.is-badge-large[data-badge]::after{top:calc(0px - (1.5rem / 2));left:auto;right:calc(100% - (1.5rem / 2));}.badge.is-badge-large:not([data-badge=""])::after{font-size:1.125rem;line-height:.75rem}.badge.is-badge-large[data-badge=""]::after{width:1.5rem}.badge.is-badge-large.is-badge-left::after{left:calc(0px - (1.5rem / 2))}.badge.is-badge-large.is-badge-bottom::after{top:calc(100% - (1.5rem / 2))}.badge.is-badge-large.is-badge-bottom-left::after{left:calc(0px - (1.5rem / 2));top:calc(100% - (1.5rem / 2))}

/*.col2 .ui-tabs-nav {width:82%;}*/

header.main {
	display: flex;
	justify-content: space-between;
	padding-top:10px;
}

.ico, .ico:active, .ico:visited {
	position: relative;
	border: none; outline: none;
}
.ico.sml {width:16px; height:16px;}
.ico.med {width:23px; height:25px;}
.ico.lrg {width:38px; height:38px; top:12px;}
.ico.spinner {display:none;}
.ico.edit, .ico.spinner {vertical-align: bottom;}

.confirmbox {
	margin-bottom: 10px;
	font-weight: bold; text-transform: lowercase;
}
.confirmbox a {
	text-decoration: none;
	margin-right: 5px;
}

/* object header */
h1#obj_header {
	position: relative;
	margin: 0 10px 0px 0;
	padding: 0px 10px 0px 15px;
	min-height: 30px;
	font-size: 18px; font-weight: bold;
	color: #1184c5;
	background: transparent url(../public/images/triangle.gif) no-repeat 0 2px;
}
h1#obj_header + span.viewEnable {padding:0; font-size:16px;}
h1#obj_header + span.viewEnable .button {padding: 0;}
h2.subtitle {
	position:relative;
	top:-5px;
	font-size: 14px;
	color: #555;
	margin-top: 5px;
}

#obj_header_wrap {position:relative;}
#obj_header_wrap input {margin-left: 32px;}
#obj_header_wrap span img.ico.sml {position:absolute; top:0; left:0;}
#obj_header_wrap span img.ico.sml.right {left: 16px;}

.saveChangedOrder {
	height: 25px;
	padding: 0 0 0 10px; margin: 5px 0;
	display: none;
	cursor: pointer;
}
.saveChangedOrder img {vertical-align: 0px !important;}
.saveChangedOrder span {position: relative; top: -7px; font-weight:bold;}
.saveChangedOrder span:hover {color: #1184c5;}
.srtItem {
	position: relative;
	padding-left: 15px;
}
.srtHandle {
	position: absolute; top:6px; left: 0;
	width: 15px; height: 15px;
	cursor: move;
	background: transparent url(../public/images/icons/handle.gif) no-repeat 0 0;
	z-index: 1000;
}

.folders {
	position: relative;
	width: 80%;
	margin-bottom: 45px;
}
.folders div.fld {
	position: relative;
	height: 25px;
	background: transparent url(../public/images/icons/med/folder.gif) no-repeat 0 0;
	padding-left: 51px;
	padding-right: 50px;
	margin-bottom: 5px;
}
.folders div.fld.small {
	height: 20px;
	background-image: url(../public/images/icons/filetype/default.gif);
}
.folders.noedit {width: auto;}
.folders.noedit div.fld.small {
	padding-left: 18px;
}

.folders div.new a.data_name {font-weight: bold;}
.folders div.fld span.data_name {position:relative; top:9px;}
.folders.noedit div.fld {padding-left: 28px; padding-right: 100px;}
.folders div.fld.editable {background-image:none; padding-left: 51px;}
.folders div.fld.editable img.ico.med {position: absolute; top:0; left:0;}
.folders div.fld.editable img.ico.med.right {left: 25px;}
.folders div.fld a.data_name {position: relative; top: 9px; font-size:16px; font-weight: bold; display: inline-block; max-width:92%; white-space: nowrap; overflow:hidden; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.folders div.fld.small a.data_name {top: 2px;}
.folders div.fld a.data_name.emph {font-weight:bold;}
.folders div.fld a.data_name.bought {color:green;}
.folders div.fld span.add_data {position: relative; top: 5px;}
.folders div.fld input.data_name {position: relative; top: 6px; width: 200px;}
.folders div.fld.Product {background-image: url(../public/images/icons/med/product.gif);}
.folders div.fld.Product.editable {background-image:none;}
.folders div.fld.News {background-image: url(../public/images/icons/med/news.gif); white-space: nowrap;}
.folders div.fld.News.editable {background-image:none;}
.folders div.fld.News a.data_name {font-size: 13px;}
.folders div.fld.NodeLink {background-image: url(../public/images/icons/med/nodelink.gif);}
.folders div.fld.NodeLink.editable {background-image:none;}
.folders div.fld.Detail {background-image: url(../public/images/icons/med/detail.gif);}
.folders div.fld.Detail.editable {background-image:none;}
.folders div.fld.ProductFolder {background-image: url(../public/images/icons/med/productfolder.gif);}
.folders div.fld.ProductFolder.editable {background-image:none;}
.folders div.fld.ProductCatalog {background-image: url(../public/images/icons/med/productcatalog.gif);}
.folders div.fld.ProductCatalog.editable {background-image:none;}
.folders div.fld.NewsCatalog {background-image: url(../public/images/icons/med/newscatalog.gif);}
.folders div.fld.NewsCatalog.editable {background-image:none;}
.folders div.fld.NewsFolder {background-image: url(../public/images/icons/med/newsfolder.gif);}
.folders div.fld.NewsFolder.editable {background-image:none;}
.folders div.fld.NewsCatalog {background-image: url(../public/images/icons/med/newscatalog.gif);}
.folders div.fld.NewsCatalog.editable {background-image:none;}
.folders div.fld.DetailCatalog {background-image: url(../public/images/icons/med/detailcatalog.gif);}
.folders div.fld.DetailCatalog.editable {background-image:none;}
.folders div.fld.DetailFolder {background-image: url(../public/images/icons/med/detailfolder.gif);}
.folders div.fld.DetailFolder.editable {background-image:none;}
.folders div.fld.GalleryCatalog {background-image: url(../public/images/icons/med/gallerycatalog.gif);}
.folders div.fld.GalleryCatalog.editable {background-image:none;}
.folders div.fld.GalleryFolder {background-image: url(../public/images/icons/med/galleryfolder.gif);}
.folders div.fld.GalleryFolder.editable {background-image:none;}
.folders div.fld.Lib {background-image: url(../public/images/icons/med/lib.gif);}
.folders div.fld.Lib.editable {background-image:none;}
.folders div.fld.ForumFolder {background-image: url(../public/images/icons/med/forumfolder.gif);}
.folders div.fld.ForumFolder.editable {background-image:none;}
.folders div.fld.ForumComment {background-image: url(../public/images/icons/med/forumcomment.gif); height:auto; margin-bottom: 10px;}
.folders div.fld.ForumComment.editable {width: 470px; background-image:none;}
.folders div.fld.ForumComment span.add_data, .folders div.fld.ForumComment a.data_name {top:0px;}

.folders div.fld.Pyramid{background-image: url(../public/images/icons/med/pyramid.png); font-weight:bold; font-size: 14px;}
.folders div.fld.Pyramid.editable {background-image:none;}


.folders div.fld.ImageGroup {background-image: url(../public/images/icons/med/imagegroup.gif);}
.folders div.fld.Calculation {background-image: url(../public/images/icons/med/calculation.gif);}
.folders div.fld.DetailDrawingCatalog {background-image: url(../public/images/icons/med/detailcatalog.gif);}
.folders div.fld.Description, .folders div.fld.DescriptionHtml {background-image: url(../public/images/icons/med/description.gif);}
.folders div.fld.TechData {background-image: url(../public/images/icons/med/techdata.gif);}
.folders div.fld.Producer {background-image: url(../public/images/icons/med/producer.gif);}
.folders div.fld.Designer {background-image: url(../public/images/icons/med/designer.gif);}
.folders div.fld.Drawing {background-image: url(../public/images/icons/med/drawing.gif);}
.folders div.fld.DetailDrawing {background-image: url(../public/images/icons/med/detaildrawing.gif);}
.folders div.fld.PatternDrawing {background-image: url(../public/images/icons/med/patterndrawing.gif);}
.folders div.fld.Pattern {background-image: url(../public/images/icons/med/pattern.gif);}
.folders div.fld.Image {background-image: url(../public/images/icons/med/image.gif);}
.folders div.fld.DrawingCatalog {background-image: url(../public/images/icons/med/drawingcatalog.gif);}
.folders div.fld.DrawingFolder {background-image: url(../public/images/icons/med/drawingfolder.gif);}
.folders div.fld.DetailDrawingFolder {background-image: url(../public/images/icons/med/detaildrawingfolder.gif);}
.folders div.fld.DetailDrawingCatalog {background-image: url(../public/images/icons/med/detaildrawingcatalog.gif);}
.folders div.fld.PatternDrawingFolder {background-image: url(../public/images/icons/med/patterndrawingfolder.gif);}
.folders div.fld.PatternDrawingCatalog {background-image: url(../public/images/icons/med/patterndrawingcatalog.gif);}
.folders div.fld.File {background-image: url(../public/images/icons/med/file.gif);}

.folders div.fld.small._3ds {background-image: url(../public/images/icons/filetype/3ds.gif);}
.folders div.fld.small._acb {background-image: url(../public/images/icons/filetype/acb.gif);}
.folders div.fld.small._aco {background-image: url(../public/images/icons/filetype/aco.gif);}
.folders div.fld.small._acp {background-image: url(../public/images/icons/filetype/acp.gif);}
.folders div.fld.small._chr {background-image: url(../public/images/icons/filetype/chr.gif);}
.folders div.fld.small._doc {background-image: url(../public/images/icons/filetype/doc.gif);}
.folders div.fld.small._dwf {background-image: url(../public/images/icons/filetype/dwf.gif);}
.folders div.fld.small._dwg {background-image: url(../public/images/icons/filetype/dwg.gif);}
.folders div.fld.small._dwt {background-image: url(../public/images/icons/filetype/dwt.gif);}
.folders div.fld.small._dxf {background-image: url(../public/images/icons/filetype/dwt.gif);}
.folders div.fld.small._exe {background-image: url(../public/images/icons/filetype/exe.gif);}
.folders div.fld.small._gsm {background-image: url(../public/images/icons/filetype/gsm.gif);}
.folders div.fld.small._max {background-image: url(../public/images/icons/filetype/max.gif);}
.folders div.fld.small._pdf {background-image: url(../public/images/icons/filetype/pdf.gif);}
.folders div.fld.small._pla {background-image: url(../public/images/icons/filetype/pla.gif);}
.folders div.fld.small._pln {background-image: url(../public/images/icons/filetype/pln.gif);}
.folders div.fld.small._pps {background-image: url(../public/images/icons/filetype/pps.gif);}
.folders div.fld.small._rfa {background-image: url(../public/images/icons/filetype/rfa.gif);}
.folders div.fld.small._rte {background-image: url(../public/images/icons/filetype/rte.gif);}
.folders div.fld.small._rvt {background-image: url(../public/images/icons/filetype/rvt.gif);}
.folders div.fld.small._tif {background-image: url(../public/images/icons/filetype/tif.gif);}
.folders div.fld.small._xls {background-image: url(../public/images/icons/filetype/xls.gif);}
.folders div.fld.small._zip {background-image: url(../public/images/icons/filetype/zip.gif);}

.search.folders {width:auto;}
.search.folders div.fld.Drawing {
	float:none; margin:0; 
}
.search.folders div.fld.Producer {
	margin:0; 
}
.search.folders div.fld.Producer .data_name {font-weight: normal;}

.search.folders div.fld.small {
    white-space: nowrap;
    overflow-x: hidden;
}

.box.search form label {
    white-space: nowrap;
    margin-right: 5px;
}
.box.search form label input[type=checkbox] {
    position: relative;
    top: 2px;
}

.folders div.fld.FirmData {background-image: url(../public/images/icons/med/firmdata.gif);}
.folders div.fld.UserData {background-image: url(../public/images/icons/med/userdata.gif);}
.folders div.fld.ContactPerson {background-image: url(../public/images/icons/med/contactperson.gif);}
.folders div.fld.History {background-image: url(../public/images/icons/med/history.gif);}
.folders div.fld.AdvUser {background-image: url(../public/images/icons/med/adv_user.gif);}
.folders div.fld.AdvUser a.data_name {font-size: 13px;}
.folders div.fld.CDHistory {background-image: url(../public/images/icons/med/cdorder_history.gif);}
.folders div.fld.OrderHistory {background-image: url(../public/images/icons/med/order_history.gif);}
.folders div.fld.Credits {background-image: url(../public/images/icons/med/credits.gif);}
.folders div.fld.CreditsBuy {background-image: url(../public/images/icons/med/credits_add.gif);}
.folders div.fld.CreditsProcent {background-image: url(../public/images/icons/med/credits_procent.gif);}
.folders div.fld.CreditsHistory {background-image: url(../public/images/icons/med/credits_history.gif);}
.folders div.fld.CreditsAbuseHistory {background-image: url(../public/images/icons/med/credits_abuse.gif);}
.folders div.fld.Newses {background-image: url(../public/images/icons/med/newses.gif);}
.folders div.fld.CadCatalog {background-image: url(../public/images/icons/med/cadcatalog.gif);}
.folders div.fld.ArchWindow {background-image: url(../public/images/icons/med/archwindow.gif);}
.folders div.fld.ArchBox {background-image: url(../public/images/icons/med/archbox.gif);}
.folders div.fld.Stats {background-image: url(../public/images/icons/med/stats.gif);}
.folders div.fld.Dictionary {background-image: url(../public/images/icons/med/dictionary.gif);}
.folders div.fld.CdOrder {background-image: url(../public/images/icons/med/cdorder.gif);}
.folders div.fld.ViewReport {background-image: url(../public/images/icons/med/view.gif);}
.folders div.fld.Mail {background-image: url(../public/images/icons/med/mail.gif);}
.folders div.fld.Mail_Sent {background-image: url(../public/images/icons/med/mail_sent.gif);}
.folders div.fld.Mail_All {background-image: url(../public/images/icons/med/mail_all.gif);}
.folders div.fld.Mail_Partners {background-image: url(../public/images/icons/med/mail_partners.gif);}
.folders div.fld.Mail_NewMsg {background-image: url(../public/images/icons/med/mail_new.gif);}
.folders div.fld.Mail_NewMass {background-image: url(../public/images/icons/med/mail_mass.gif);}
.folders div.fld.ObjSellStats {background-image: url(../public/images/icons/med/objsellstats.gif);}
.folders div.fld.AdminMode {background-image: url(../public/images/icons/med/adminmode.gif);}
.folders div.fld.DlThanks {background-image: url(../public/images/icons/med/edit_on.gif);}

.defaultvalue {color: #999;}

.images, .materials {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.App .imgbox, .AppCfg .imgbox {float: left; margin-right: 10px; width:100px; height: 100px; padding:0;}
.App .imgbox .img, .AppCfg .imgbox .img {width:100px; height:100px;}
.App .data_execs label {font-weight: bold; padding-right: 5px;}
.App .data_execs input, .App .data_execs select {width: 300px;}
.App .data_execs input[type=file] {border: none;}
.AppCfg .data_params label {font-weight: bold; padding-right: 5px;}
.AppCfg .data_params input, .AppCfg .data_params select {width: 300px;}
.AppCfg .data_params input[type=file] {border: none;}

.Classification{}
.ClassificationCat {margin-bottom: 15px;}
.ClassificationCat h3 {
    margin: 0 0 5px 0;
    padding: 0;
}
.ClassificationCat a {display: block;}
.ClassificationCat h3 a {
    font-size: 14px;
    color: #1184c5;
    text-decoration: none;
}
.ClassificationCat h3 a:hover {text-decoration: underline;}
.ClassificationLet {margin-bottom: 5px; clear:both;}
.Classification .ClassificationLet h3 {
	width: 20px; float: left;
	min-height: 25px;
	font-size: 14px;
	padding:0; margin: 0;
	color: #1184c5;
}
.Classification.firms .ClassificationLet h3, .Classification.products_new .ClassificationLet h3 {
	float: none; min-height: auto; width: auto;
	font-size: 14px;
	padding:0; margin: 2em 0 5px 0;
	color: #1184c5;
}
.Classification.firms .ClassificationLet h3 a, .Classification.products_new .ClassificationLet h3 a {
	color: #1184c5;
}
.Classification span.lp.grayed, .Classification span.lp.grayed a {color: #ddd;}
.ClassificationLet .firms span a.emph, .ClassificationLet .products_new span a.emph {font-weight:bold;}

.Classification.firms, .Classification.products_new {padding: 0 5px}
.Classification.firms .ClassificationLet span.lps, .Classification.products_new .ClassificationLet span.lps {display: none;}
.Classification.firms .ClassificationLet span.lp, .Classification.products_new .ClassificationLet span.lp {
	display: block;
}
.Classification.firms .ClassificationLet h3, .Classification.products_new .ClassificationLet h3 {
	font-size: 18px;
}
.Classification.firms .ClassificationLet a, .Classification.products_new .ClassificationLet a {
	font-weight: bold;
	text-decoration: none;
    font-size: 16px;
}
.Classification.firms .ClassificationLet span.lp, .Classification.products_new .ClassificationLet span.lp {
	background: transparent url(../public/images/icons/med/lib.gif) no-repeat;
	padding-left: 28px; padding-top: 3px;
	min-height: 22px;
}
.Classification.firms .ClassificationLet a:hover, .Classification.products_new .ClassificationLet a:hover {
	text-decoration: underline;
}

.Classification .pagination-list {margin-bottom:0}
.Classification .pagination-link {
	min-width: .8em;
	height: auto;
	padding: .3em .5em;
	color: #1184c5;
	text-decoration: none;
	font-weight: bold;
}
.Classification .pagination-link:hover {
	color: white;
	background-color: #1184c5;
}

.Producer {margin: 10px 0;}
.Producer div.data {margin-left: 10px;}
.Producer .data_name {font-weight: bold;}
.Producer .data_desc {margin-top: 10px;}

.ContactPersons {margin-bottom: 10px;}
.ContactPersons h3 {font-size: 13px; margin-bottom:3px;}
.ContactPersons .Persons {padding-left: 10px;}
.ContactPersons .Persons .Person {margin-bottom:5px;}
.ContactPersons .Persons .Person .notes {font-size:11px;}

.Calculation h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.Calculation table {border-color: #ddd;}
.Calculation table th {color:white; background-color: #1184c5;}
.Calculation table td, .Calculation table th {border-color: #ddd;}
.Calculation table tr td {padding: 2px;}
.Calculation table input, .Calculation table select {width:200px; border-color: #ddd;}
.Calculation .data_results {margin-top:15px;}

.Description h3, .DescriptionHtml h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}

.Image .imgbox {width:100px; padding-bottom: 5px;}
.Image .imgbox .img {width:100px; height:100px;}

.ImageGroup {padding-left: 5px;}
.ImageGroup h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.ImageGroup div.data_desc {margin-bottom: 10px;}
.ImageGroup .Image {margin: 5px;}

.ImageGroup.search .imgbox {padding-bottom: 5px;}

.kDetail .ImageGroup, .Pattern .ImageGroup {padding-left: 10px;}

.FreeImageGroup {/*width:98%;*/}
.FreeImageGroup .Image {float: left; margin-right: 5px; margin-bottom: 5px;}

.Contest .imgedit {margin-top:10px;}
.ContestEntry {float: left; margin: 3px 3px 0px 3px;}
.ContestEntryInner .imgedit {margin-top:10px;}
.ContestEntryInner .Vote {
	display: block; margin: 0 auto;
	width: 200px; 
	border: 1px solid black;
	text-align:center; padding: 2px;
	font-size: 16px; font-weight: bold;
	color: white; background-color: #1184c5;
	text-decoration: none;
}
.ContestEntryInner .Vote:hover {text-decoration: underline;}
.ContestImage .imgbox, .ContestEntry .imgbox {width:200px; padding-bottom: 5px;}
.ContestImage .imgbox .img, .ContestEntry .imgbox .img {width:200px; height:200px;}
.ContestEntryInner .ContestImage {float: left; margin-right: 5px; margin-bottom: 5px;}
.ContestEntry.white {background-color: white;}
.ContestEntry.gray {background-color: #e9e9e9;}
.ContestEntry h3 {display: block; width:200px; height: 30px; font-size: 12px; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.TechData h3 {
	font-size: 12px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.TechData table, .Property table {/*width:98%;*/}
.TechData tr th, .Property tr th {background-color: #1184c5; color: white; text-align: center;}
.TechData tr.even {background-color: #e5f3ff;}
.TechData tr.odd {background-color: white;}
.TechData tr td, .Property tr td  {padding:3px;}
.TechData tr td input, .Property tr td input {width:95%;}
.TechData tr td div.icobox, .Property tr td div.icobox {position: relative;}
.TechData tr td div.icobox .spinner, .Property tr td div.icobox .spinner {position: absolute; top:0; left:0;}
.TechData tr td input.chk, .Property tr td input.chk {margin-left: 2px;}

.Property table {background-color: white;}
.Property tr:nth-child(odd) {background-color: #e5f3ff;}

.File {
	position: relative;
	background: transparent url(../public/images/icons/filetype/default.gif) no-repeat 0 0;
	padding-left: 19px;
	padding-bottom: 5px;
}
.File a.name {position: relative; top: 3px;}
.File.acb {background-image: url(../public/images/icons/filetype/acb.gif);}
.File.doc {background-image: url(../public/images/icons/filetype/doc.gif);}
.File.dwg {background-image: url(../public/images/icons/filetype/dwg.gif);}
.File.exe {background-image: url(../public/images/icons/filetype/exe.gif);}
.File.mat {background-image: url(../public/images/icons/filetype/mat.gif);}
.File.pdf {background-image: url(../public/images/icons/filetype/pdf.gif);}
.File.pps {background-image: url(../public/images/icons/filetype/pps.gif);}
.File.rvt {background-image: url(../public/images/icons/filetype/rvt.gif);}
.File.tif {background-image: url(../public/images/icons/filetype/tif.gif);}
.File.xls {background-image: url(../public/images/icons/filetype/xls.gif);}
.File.zip {background-image: url(../public/images/icons/filetype/zip.gif);}
.File.editable {background-image:none; padding-left: 36px;}
.File.editable img.ico.sml {position: absolute; top:0; left:0;}
.File.editable img.ico.sml.right {left: 18px;}

.Drawing {margin: 5px; position: relative;}
.Drawing h3 {display:none;}
.Drawing .imgbox {width:100px;}
.Drawing .imgbox .img {width:100px; height:100px; object-fit: cover;}
.Drawing.white {background-color: white;}
.Drawing.gray {background-color: #e9e9e9;}

.Drawing.detal, .Drawing.wzor_ulozenia {margin: 15px;}
.Drawing.detal .imgbox {width:200px; padding:3px;}
.Drawing.wzor_ulozenia .imgbox {width:200px; padding:0;}
.Drawing.detal .imgbox .img, .Drawing.wzor_ulozenia .imgbox .img {width:200px; height:200px;}
.Drawing.detal h3, .Drawing.wzor_ulozenia h3 {display: block; width:200px; line-height:1.08; font-size: 12px; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.Drawing.highlight .imgbox {background-color: #1184c5;}
.ImageGroup.search .Drawing.detal .imgbox {padding-bottom: 3px;}
.ImageGroup.search .Drawing.wzor_ulozenia .imgbox {padding: 3px;}

.Drawing:hover .imgbox, .Material:hover .imgbox {border-color: #1184c5;}
.Drawing:hover .magnifier, .Material:hover .magnifier {
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 56px;
	background: url(../public/images/search-corner.png) top right no-repeat;
	background-size: 50px;
	z-index: 10;
	outline: 0;
}
.Drawing .dropdown.dl, .Drawing .button.dl, .Material .button.dl {
	box-sizing: border-box;
	display: none;
	position: absolute;
	top: calc(50% - 18px);
	left: 12.5%;
	width: 75%;
	z-index: 100;
}
.Drawing:hover .dropdown.dl, .Drawing:hover .button.dl, .Material:hover .button.dl {
	display: inline-flex;
}
.Drawing:hover .dropdown.dl .button {width:100%}
.Drawing:hover .dropdown.dl .dropdown-menu {width:100%; margin-top: 0; padding-top: 0;}

.aatest {
    display: block;
    text-decoration: none;

    text-align: center;
    color: #067dbf;

    border: 1px solid #1184c5;
    background: white url(../public/images/aa_test100.png) no-repeat center bottom;
}
.Drawing.aatest {
    width: 110px;
    height: 149px;
}
.Material.Image.aatest {
    width: 110px;
    height: 142px;
}
.bitmap200 .Material.Image.aatest, .Drawing.wzor_ulozenia.aatest, .Drawing.detal.aatest {
    width: 206px;
    height: 238px;
    background-image: url(../public/images/aa_test200.png);

    font-size: 20px;
}
.Drawing.wzor_ulozenia.aatest {
    width: 200px;
    height: 247px;
    background-color: white;
}
.Drawing.detal.aatest {
    height: 250px;
}

.Pattern {}
.Pattern h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.Pattern div.data_desc {margin-bottom: 10px;}
.Pattern .imgedit {margin-top:10px;}
.Pattern .frm.l75 .row label {width:70px;}
.Pattern .frm.l75 .row span {left:75px;}

.ForumComment h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.ForumComment {position:relative;}

.Ui tr td input {width:95%;}

.Dict tr td input {width:99%;}

.AdvPost {
	position: relative;
	margin-top: 15px;	padding-bottom: 30px;
	background-color: white;
}
.AdvPost.notauthorized {
	border-color: red;
	border-width: 2px;
	background-color: #ffbaba;
}
.AdvPost.emphasized {
	background-color: #e5f3ff;
}
.AdvPost .head {
	font-size: 14px;	
}
.AdvPost .head .name {
	padding-left: 5px;
}
.AdvPost .desc {
	text-align: justify;
	margin-top: 2px;
}
.AdvPost .status {
	margin-top: 3px;
}
.AdvPost .status .username {
	padding-left: 20px;
}
.AdvPost .status .username, .AdvPost .status .phone {
	font-style: italic;
}
.AdvPost .buttons {
	position: absolute;
	bottom: 5px; right: 5px; 
}

.MaterialGroup {}
.MaterialGroup h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.MaterialGroup div.data_desc {margin-bottom: 10px;}
.MaterialGroup .imgedit.materials {display:block;}

.MaterialGroup .Material {margin: 15px;}
.MaterialGroup .Material.white {background-color: white;}

.MaterialGroup.search .imgbox {padding-bottom: 5px;}

.MaterialGroup.bitmap100 .imgbox .img {width:100px; height:100px;}

.MaterialGroup.bitmap200 .imgbox {width:200px; padding:3px;}
.MaterialGroup.bitmap200 .imgbox .img {width:200px; height:200px;}
.MaterialGroup.bitmap200 .materials {padding-left: 15px;}
.MaterialGroup.bitmap200 .materials h3 {display: block; width:200px; height: 32px; line-height:10px; font-size: 12px !important; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.MaterialGroup.rgb .materials .imgbox {width:40px; padding:3px;}
.MaterialGroup.rgb .materials .imgbox .img, .MaterialGroup.rgb .materials .imgbox .color {width:40px; height:40px; margin:0;}
.MaterialGroup.rgb .materials h3 {display: block; width:48px; height: 14px; font-size: 11px !important; font-weight: normal; padding:0; margin: 2px 0 0 0; overflow: hidden; text-align:center;}
.MaterialGroup.rgb .materials .imgbox h3 {width:40px;}

.Material.highlight .imgbox {background-color:#1184c5;}
.Drawing.highlight .imgbox {background-color:#1184c5;}
.ImageGroup.search .Drawing.detal .imgbox {padding-bottom: 3px;}
.File.highlight a.name {background-color: yellow;}

.Pyramid {
	position: relative;
}
.Pyramid { target-new: tab ! important }
.Pyramid .overlay {
	position: absolute;
	top: 0; left: 0;
	background: black url(../public/images/spinner192.gif) repeat;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.Pyramid .results {display:none;}
.Pyramid .ui-tabs-container {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
.Pyramid h4 {
	margin: 0 0 10px 0;
	padding-left: 18px;
	text-transform: uppercase;
}
.Pyramid .desc {
	margin-bottom: 10px;
}
.Pyramid .images img {
	float: left;
	margin-right:15px; margin-bottom:15px;
	cursor: pointer;
	
	border: 1px #a8a8a8 solid;
	-webkit-transition:border-color .3s ease-out;
	-moz-transition:border-color .3s ease-out;
	-o-transition:border-color .3s ease-out;
	transition:border-color .3s ease-out;
	
	-webkit-transition:opacity .3s ease-in;
	-moz-transition:opacity .3s ease-in;
	-o-transition:opacity .3s ease-in;
	transition:opacity .3s ease-in;
}
.Pyramid .images img:hover {
	border-color: #54b0e3;
	
	-webkit-transition:border-color .5s ease-out;
	-moz-transition:border-color .5s ease-out;
	-o-transition:border-color .5s ease-out;
	transition:border-color .5s ease-out;
	
	-webkit-transition:opacity .5s ease-in;
	-moz-transition:opacity .5s ease-in;
	-o-transition:opacity .5s ease-in;
	transition:opacity .5s ease-in;
}

.Pyramid .images img.sel {
	border-color: red;
	cursor: auto;
	
	-webkit-transition:border-color .5s ease-out;
	-moz-transition:border-color .5s ease-out;
	-o-transition:border-color .5s ease-out;
	transition:border-color .5s ease-out;

	-webkit-transition:opacity .5s ease-in;
	-moz-transition:opacity .5s ease-in;
	-o-transition:opacity .5s ease-in;
	transition:opacity .5s ease-in;
}
.Pyramid .images img.hide, .Pyramid .images img.hide:hover, .boxshadow .Pyramid .images img.hide:hover,
.Pyramid .images img.hide.sel, .Pyramid .images img.hide.sel:hover, .boxshadow .Pyramid .images img.hide.sel:hover   {
	opacity: 0.3;
	border-color: #a8a8a8;
	cursor: auto;
	box-shadow:none !important;
	filter: alpha(opacity = 30);
}
.boxshadow .Pyramid .images img.sel, .boxshadow .Pyramid .images img:hover {
	border-color: #54b0e3;
	box-shadow: 0 0 0 3px #54b0e3; 
}

.Pyramid .images img.main, .boxshadow .Pyramid .images img.main {
	border-color: #54b0e3;
	opacity: 1;
	cursor: auto;
	box-shadow:none;
}

.Pyramid .results .images img, .Pyramid .results .images img:hover {
	opacity: 1; 
	/*cursor:auto; */
	box-shadow:none; 
	border:none;
}
.kNews, .kMail, #viewBeforeSend {
	font-size: 13px;
	line-height: 175%
}

.editbox {
	position: absolute; top: 3px; right: 5px;
	width: 200px; 
	text-align: right;
	z-index: 100;
	font-size: 10px;
}
.editbox a {
	display: block;
	height: 16px; line-height: 16px;
	overflow: hidden;
	margin-bottom: 1px;
	padding-right: 20px;
	background: transparent url(../public/images/icons/sml/add.gif) no-repeat top right;
	font-size: 10px;
	text-decoration: none; text-transform: lowercase;
	font-weight: bold;
}
.editbox a.button {
	padding: 0;
	text-align: right;
	color: inherit;
	background: none;
	display: flex;
	justify-content: flex-end;
}
.editbox a.button span.lbl {
	max-width: 100%;
	display: inline-block;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.editbox a.button:hover {
	color: #1184c5;
}
.editbox a.button .icon {
	position: relative;
	top: 2px;
	margin-left: 5px;
	color: #555;
}
.editbox a.button i.fa {
	font-size: 1.25em;
}
.editbox a:active, .editbox a:visited {border:none; outline: none;}
.editbox a.folder {background-image: url(../public/images/icons/sml/folder_add.gif);}
.editbox a.product {background-image: url(../public/images/icons/sml/product_add.gif);}
.editbox a.productfolder {background-image: url(../public/images/icons/sml/productfolder_add.gif);}
.editbox a.productcatalog {background-image: url(../public/images/icons/sml/productcatalog_add.gif);}
.editbox a.newscatalog {background-image: url(../public/images/icons/sml/newscatalog_add.gif);}
.editbox a.newsfolder {background-image: url(../public/images/icons/sml/newsfolder_add.gif);}
.editbox a.detailfolder {background-image: url(../public/images/icons/sml/detailfolder_add.gif);}
.editbox a.detailcatalog {background-image: url(../public/images/icons/sml/detailcatalog_add.gif);}
.editbox a.galleryfolder {background-image: url(../public/images/icons/sml/galleryfolder_add.gif);}
.editbox a.gallerycatalog {background-image: url(../public/images/icons/sml/gallerycatalog_add.gif);}
.editbox a.news {background-image: url(../public/images/icons/sml/news_add.gif);}
.editbox a.pattern {background-image: url(../public/images/icons/sml/pattern_add.gif);}
.editbox a.detail {background-image: url(../public/images/icons/sml/detail_add.gif);}
.editbox a.export {background-image: url(../public/images/icons/sml/export.gif);}
.editbox a.import {background-image: url(../public/images/icons/sml/import.gif);}
.editbox a.help {background-image: url(../public/images/icons/sml/help.gif); text-transform: none;}
.editbox a.mail_new {background-image: url(../public/images/icons/sml/mail_new.gif);}
.editbox a.mail_mass {background-image: url(../public/images/icons/sml/mail_mass.gif);}
.editbox a.mail_partner {background-image: url(../public/images/icons/sml/mail_partner.gif);}
.editbox a.mail_edit {background-image: url(../public/images/icons/sml/edit.gif);}
.editbox a.delete {background-image: url(../public/images/icons/sml/del.gif);}
.editbox a.back {background-image: url(../public/images/icons/sml/back.gif);}
.editbox a.mail_markread {background-image: url(../public/images/icons/sml/markread.gif);}
.editbox a.mail_markunread {background-image: url(../public/images/icons/sml/markunread.gif);}
.editbox a.accept {background-image: url(../public/images/icons/sml/accept.gif);}
.editbox a.cancel {background-image: url(../public/images/icons/sml/cancel.gif);}
.editbox a.regionversion {background-image: url(../public/images/icons/sml/regionversion_add.gif);}
.editbox a.forumfolder {background-image: url(../public/images/icons/sml/forumfolder_add.gif);}
.editbox a.forumcomment {background-image: url(../public/images/icons/sml/forumcomment_add.gif);}
.editbox a.viewmode_icons {background-image: url(../public/images/icons/sml/view_icons.gif);}
.editbox a.viewmode_list {background-image: url(../public/images/icons/sml/view_list.gif);}
.editbox a.advpost_all {background-image: url(../public/images/icons/sml/advpost_show_all.gif);}
.editbox a.advpost_user {background-image: url(../public/images/icons/sml/advpost_show_user.gif);}
.editbox a.reorder {background-image: url(../public/images/icons/sml/reorder.gif);}

.editbox.iconbar {width:100px;}
.editbox.iconbar img.gray:hover {cursor: pointer;}

.buy_lib a {font-weight: bold; text-decoration:none;}
.buy_lib a:hover {text-decoration:underline;}
.buy_lib span {color: #1184c5; font-weight: bold;}
.buy_lib img {position: relative; top: -1px;}

div.errors {
	border: 1px solid red;
	background: none; background-color: #ffffd5; color: red;
	margin: 3px 0 3px 0; padding: 5px;
	width: 400px; height: auto;
}
div.errors.wide {width:auto; margin-bottom:6px;}
.folders div.errors {margin-bottom:0; margin-top:10px;}

.ietabfix {height: 0px; line-height:0px;}


.ASbox {
	overflow: hidden;
}

.ASDraws, .ASDraws a {outline: none; font-size: 12px; font-family: Arial, sans-serif;}
.ASDraws a img {border: 0;}

.ASibox {
	float: left; width: 100px;
	margin: 2px; padding: 5px;
	color: #555; background-color: !inherit;
	border: 1px solid #08a0eb;
	text-align: center; font-size: 11px !important;
}
.ASibox img {width:100px; height:100px;}

.ASDraws.detail .ASibox, .ASDraws.pattern .ASibox {width:200px;}
.ASDraws.detail .ASibox img, .ASDraws.pattern .ASibox img {width:200px; height:200px;}
.ASDraws.rgb .ASibox {width:100px;}
.ASDraws.rgb .ASibox a {width:100px; height:100px;}

.ASclr {height: 1px; line-height: 1px; font-size: 1px; clear: right;}
.AScll {height: 1px; line-height: 1px; font-size: 1px; clear: left;}
.ASclb {height: 1px; line-height: 1px; font-size: 1px; clear: both;}


.tbox {position:absolute; display:none; padding:14px 17px; z-index:1200; text-align:left;}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../public/images/tinybox/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:1100}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../public/images/tinybox/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}


body {margin-top:5px; padding:0; overflow-y: scroll;}
body > header .container, #container {width: 772px;}
#search > input {width: 424px; flex-grow: 1;}
#left, #right {display:none;}

#terms, #classbar {display:none;}
#path {margin-top: 5px;}
#center .header a {text-transform: none;}

#foot .bar {width:772px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 10002;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 5px 0 0 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:20px;
	padding:5px 30px 5px 25px;
	float:left;
}

#TB_closeWindow{
	height:20px;
	padding:5px 25px 5px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    /*min-width: 84px;*/ /* be nice to Opera */
}
.ui-tabs-nav li a, .ui-tabs-nav li a span {
    display: block;
    padding: 0 10px;
    background: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab.png) no-repeat;
}
.ui-tabs-nav li a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav li a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav li a span {
    width: 34px; /* IE 6 treats width as min-width */
    /*min-width: 64px;*/
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav li a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav li a:hover span, .ui-tabs-nav li a:focus span, .ui-tabs-nav li a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav li a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
		border: 1px solid #e9e9e9;
    padding: 10px 3px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../public/scripts/jquery.ui-1.0/ui.tabs/loading.gif) no-repeat 0 50%;
}

/*****************************************************************************/
/* motzel's changes                                                          */
/*****************************************************************************/
.ui-tabs-nav {padding-left:0;}
.ui-tabs-nav li {margin-left: 0; margin-right: 1px;}
.ui-tabs-container {background-color: #e9e9e9;}
.ui-tabs-nav li a span {padding-left: 20px; text-align:left;}
.ui-tabs-nav li a {color:#555;}
.ui-tabs-container {border-color: #aeaeae; position:relative;}

.ui-tabs-nav.main li a, .ui-tabs-nav.main li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_main.png);} 
.ui-tabs-container.main {border:none;}
.ui-tabs-nav.main li a:focus,.ui-tabs-nav.main li a:focus span {background-position: 0 0;}

.ui-tabs-nav.white li a, .ui-tabs-nav.white li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_white_gray.png);}
.ui-tabs-container.white {background-color: white;}

.ui-tabs-nav.graydark li a, .ui-tabs-nav.graydark li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_graydark.png);}
.ui-tabs-container.graydark {background-color: #d8d8d8;}


/* sort */
 .ui-tabs-nav.sortable li a {padding-right: 20px;}
 .ui-tabs-nav.sortable li a em {
 	position: absolute; 
 	top:7px; right:2px;
 	width: 6px; height: 12px;
 	cursor: pointer;
 	background-image: url(../public/images/icons/sml/arrow_right_blue.gif);
 	background-repeat: no-repeat; 
 }
 .ui-tabs-nav.sortable li a em.l {
 	right:8px; margin-right: 2px;
 	background-image: url(../public/images/icons/sml/arrow_left_blue.gif);
 }

*:focus {
    outline: none;
}

/* glowna ramka */
#center #first {border-color: #00aae1;}

/* zakladki */
.ui-tabs-nav li a, .ui-tabs-nav li a span {
	border-color: #00aae1;
	background-image: url(../public/images/customize/156510_hager/tab.png)
}
.ui-tabs-nav.white li a, .ui-tabs-nav.white li a span {
	background-image: url(../public/images/customize/156510_hager/tab_white.png)
}
.ui-tabs-nav.graydark li a, .ui-tabs-nav.graydark li a span {
	background-image: url(../public/images/customize/156510_hager/tab_graydark.png)
}
.ui-tabs-container {border-color: #00aae1;}

/* naglowek */
.header {
	color: white;
	background-image: url(../public/images/customize/156510_hager/icon.gif);
}
.header span#passwd a {color: white;}
#center .header span, #center .header span a {color: white;}
#center .header {background-color: #00aae1;}

/* pasek jezyka */
#langbox a:hover {color: white; background-color: #00aae1;}


/* wyszukiwarka */
#searchbar input {border-color: #00aae1;}

/* sciezka */
#path {color: #00aae1;}
#path a:hover {color: #00aae1;}

/* content */

h1#obj_header {color: #00aae1;}
h4, h1#obj_header {background-image: url(../public/images/customize/156510_hager/triangle.gif);}
a:hover {color: #00aae1;}
table.std tr th, table.std tr th a {background-color: #00aae1; color: white;}

#center #content .pad.first {border-color: #00aae1;}
.col .header, #container .col .header {background-color: #00aae1;}
.box a.more {color: #00aae1;}

.imgbox, .box, .col .box {border-color: #00aae1;}
.blue {color: #00aae1;}

.TechData tr th {background-color: #00aae1;}
.TechData tr.even {background-color: #00aae1; color: white;}

.Calculation table th {color:white; background-color: #00aae1;}
.ContestEntryInner .Vote {color: white; background-color: #00aae1;}

.saveChangedOrder span:hover {color: #00aae1;}

/* stopka */
#foot .bar {color: white; background-color: #00aae1;}

#search_filters input[type=submit] {
    background-color: #00aae1;
    border-color: #00aae1;
}

.multifilter label span.cnt {background-color: #00aae1 !important;}
.button {color: #00aae1 !important;}
.button.is-primary {background-color: #00aae1 !important;border-color: #00aae1 !important;color:white !important;}
.button.is-dark {color: white !important;}
.image-grid a {color: #00aae1 !important;}
.image-grid a.sub {color:#888 !important;}
.editbox a.button {color: inherit !important;}
#search button {color: #535353 !important;}
#search .dropdown .dropdown-trigger .button {color: #535353 !important;}