/* Copyright (c) 2013-2016 ZNPD.pl */
abbr {border-bottom: .1em dotted; cursor:help;}
html, body {margin: 0; padding: 0;}
fieldset,img { border: 0; padding:0;}
.clearfix:after, #content:after, .column3:after, .ui-tabs-panel:after, #connectionForm:after 
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:1em;font-weight:normal;}
a:focus {outline:none;}
table.n {border-collapse:collapse}

body {color:#333;font: 0.75em Arial, Helvetica, sans-serif;}
#container { min-height:768px;
	background-image: linear-gradient(to right, #4b4b4b, #333333), linear-gradient(to right, #4d9473, #4d9473);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left 78px;
	background-size: 100% 78px, 100% 40px;}

ul {margin:0;padding:0;list-style:none;}
#sub-header h2, #fancybox-content h2 {font-family:'DiavloLight-Regular';}
#content :not(.middle_product) > h2, #content :not(.middle_product) > h3 {font-family:'DiavloLight-Regular'}

#at_peak {margin:0 auto;width:750px; max-width: 100%;}
	#at_peak img {display:block;}

#header { width: 1200px; max-width: 100%; margin: 0 auto; height: 118px; position: relative; }
	#header h1 { padding-top: 29px; margin:0;}
	#header h1 a { background: url(../gfx/layout/logo.png) no-repeat;
		display: block; text-indent: -5000px; width: 322px; height: 22px; }
	
	#badge {position: absolute; top: 0; left: 310px;}

	@media screen and (max-width: 360px) {
		#badge {
			left: 290px;
		}
	}
	
	#portals {margin:3px 5px;color:#aaa}
		#portals a {color: #ccc;}
	
	#loginBox {position:absolute;right:100px;top:26px;}
	.login-box-column {display: inline-block}
	@media screen and (max-width: 960px) {
		.login-box-column input[type="password"], .login-box-column input[type="submit"] {
			display: block;
		}
	}
	#loginBox label {display:none;}
	#loginBox label.autologin {display:inline;color:#969696;vertical-align:middle;cursor:pointer}
	#loginBox label.autologin * {vertical-align:text-top;margin:0;}
	#loginBox input[type=text], #loginBox input[type=submit], #loginBox input[type=password] 
		{cursor:pointer;margin:0 5px;font-size: 11px;color:#969696;border:1px solid #4e4e4e;border-color:rgba(78,78,78,240);background:#444343;padding:3px 8px;-moz-border-radius:5px;border-radius:5px;}
	
	#rightBox {height: 70px;
		position: absolute;
		right: 100px;
		top: 6px;
		width: calc(100% - 480px);
		overflow: hidden;
	}

	#header-stripe {height: 78px;}

	#znpd-menu {min-height: 37px; border-top: 1px solid #58a782;background: #4d9473; border-bottom: 1px solid #458366;}
	#znpd-menu > li { display: inline-block;position:relative; }
	#znpd-menu li ul {display:none;border-radius:0 4px 4px 4px;padding:17px 0 2px 14px; width:148px;
		background:#474747 url(../gfx/layout/submenu.png) repeat-x left bottom;position:absolute;left:0;top:30px;
		z-index:100000}
	#znpd-menu li ul li {margin-bottom:12px;list-style:none;padding-left:12px;
		background:url(../gfx/layout/nav-subitem.png) no-repeat left 5px;}
	#znpd-menu li ul li a {color:#fff;text-decoration:none;}
	#znpd-menu li ul li a:hover {text-decoration:underline;}
	
	#znpd-menu > li > a { display:block; font-size: 11px; text-decoration: none; text-transform: uppercase; padding:14px 14px 7px;height:11px;color: #fff;
		border-radius:4px 4px 0 0}
	#znpd-menu > li.ws:hover > a {background:url(../gfx/layout/nav-hover.png) repeat-x;color: #acfc5d;}
	#znpd-menu li:hover ul {display:block;}
	#znpd-menu > li > a:hover, #znpd-menu > li > a.active { color: #acfc5d; }

	@media screen and (max-width: 960px) {
		#znpd-menu { overflow-y: hidden;  white-space: nowrap; overflow-x: scroll; height: 40px;}
	}

#sub-header {
	border-top: 1px solid #6fcc8a;
	min-height: 142px; color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 17271.125, from(#64b67b), color-stop(0.81, #82c246), color-stop(0.81, #83c146));
	background-image: -webkit-linear-gradient(#64b67b, #82c246 81%, #83c146 81%);
	background-image: -moz-linear-gradient(#64b67b, #82c246 81%, #83c146 81%);
	background-image: -o-linear-gradient(#64b67b, #82c246 81%, #83c146 81%);
	background-image: linear-gradient(#64b67b, #82c246 81%, #83c146 81%) }
	#sub-header #header-ad  { position: absolute; right: 3px; top: -35px; z-index:10000}
	#sub-header ::selection {background:#fff;color:#7db63c;}
	#sub-header ::-moz-selection {background:#fff;color:#7db63c;}
	
	#sub-header.index { background-image: url(../gfx/layout/sub_header.png);
		background-image: linear-gradient(#63b77a, #6ebb68 27.7%, #6fba68 27.7%, #6ebb67 29.1%, #6fba67 29.1%, #73bd5f 40.1%, #74bc5f 40.1%, #75bc5e 42.6%, #74bd5d 42.6%, #74bd5d 42.9%, #75bc5d 42.9%, #77bd5b 46.5%, #76be5a 46.5%, #76be5a 46.8%, #77bd5a 46.8%, #7abe55 54.7%, #79bf55 54.7%, #79bf55 55%, #7abe55 55%, #7fc04d 67.4%, #7ec14c 67.4%, #7ec14c 68.2%, #7fc04c 68.2%, #82c246 78.8%, #83c146 78.8%, #7db63c 99.8%, rgba(0, 0, 0, 0) 99.8%, rgba(0, 0, 0, 0));
		min-height: 281px; }
	
	#sub-header p { margin:0; padding:0 0 10px; font-size: 13px; line-height: 1.5; width:790px; max-width: 100%; }
	#sub-header.index p { width: 610px; max-width: 100%; }
	
	#sub-header-inner { width: 1200px; max-width: 100%; margin: 0 auto; padding: 10px 0 0 0; position: relative; min-height:132px;}
	#sub-header.index #sub-header-inner {padding: 34px 0;}
	
	#sub-header h2 { font-size:2em }
	
	#sub-header p.highlight { font-size: 16px; }
	#sub-header ul { margin: 0; font-size:0.9em;}
	#sub-header ul li {float:left; margin:0 20px 0 0;font-size:0.95em}
	#sub-header ul a.button { display: block; text-align: center; color: #fff; background: url(../gfx/buttons/learn_more.png) no-repeat; height: 31px; line-height:31px; width: 105px; text-decoration: none;}
	#sub-header ul a.button:hover { background-position: right; }
	#sub-header ul img {vertical-align:middle;}
		.addonButtonInfo {width: 105px;}
	
	
	#sub-header-image { position: absolute; right: 0; top: 26px; border-radius:50px; opacity: 0.7; }
	
	#sub-header .learn-more .znpd-icon {margin:0 3px 2px !important;}

#content { color:#333; background: url(../gfx/layout/content.png) top repeat-x; margin-bottom: 20px;}

	/*#content ::selection {background:#7db63c;color:#fff;}*/
	#content ::-moz-selection {background:#7db63c;color:#fff;}

	#content-inner { font-size:0.9em; width: 1200px; max-width: 100%; margin: 0 auto; padding: 30px 0; }
	#content-inner.longer {width:99%;}
	#content-inner.longer1200 {width:1600px; max-width: 100%;}
	#content-inner.flexi {max-width: 1200px; width:auto;}
	
	#content .col-medium {width:650px;float:left;clear:left;}
	#content .col-sidebar {width: 320px;margin-right: 10px; float: right;float:right;color:#666;overflow:hidden}
	
	#content h2, #content h3 {color:#000;margin:4px 0;}
	#content h2 {font-size:1.6em}
	#content h3 {font-size:1.3em}
	#content h4 {font-weight:bold;margin-top:8px;}
	#content p {}
	#content a:link, #content a:visited { color: #6fa235; }
	#content a:hover, #content a:active, #content a:focus { color: #527628; }
	
	#content ul.bullet {margin:3px 0;font-size:1em;color:#444}
	#content ul.bullet li {padding:2px 25px;background:url(../gfx/layout/arrow-right.png) no-repeat 3px 4px;}
	
	#content img.left { float: left; margin: 3px 10px 0 0; padding: 1px; background: #fff; border: 2px solid #ececec; }
	
	#content hr {background:none;height:0;border:0;border-bottom:1px solid grey}
	
	#content p.read-more a { display: block; width: 95px; height: 23px; font-size: 11px; text-decoration: none; color: #360; background: url(../gfx/buttons/read_more.png) left no-repeat; text-align: center; padding-top: 5px; }
	#content p.read-more a:hover { background-position: right; }
	
/** TABLE .normal ? **/
	table.n { border: 1px solid #e3e3e3; margin-bottom: 12px; background:#fff;}
	table.full {width: 100%;}
	
	table.n tr.grey {background:#f3f3f3 !important;}
	table.n tr.grey td {background:#f3f3f3 !important;}
	table.n th, table.n td {padding: 6px 10px; border: 1px solid #e3e3e3; }
	.jqplot-table-legend td {padding:1px;border:0;}
	
	table.n tr:nth-child(2n) td { background: #fafafa; }
	table.n th { font-weight: bold; color: #6fa235; }
	table.n td, table.n td img {vertical-align:middle;}
	table.n input.money, table.n input.date {padding:1px !important;width:6ex !important; display:inline !important;}
	table.n input.date {width:11ex !important}
	
	#content .col-sidebar ul li {list-style:disc; margin-left:15px; color: #e3e3e3}
	#content .col-sidebar ul li a { text-decoration:none;}
	
/** FORM **/	
	#content label {display: block; color: #666; cursor:pointer; }
	label.inline, input.inline, select.inline {display:inline !important;}
	
	input.small {width: 100px !important;}
	
	#fancybox-content input[type=text], #fancybox-content input[type=password], 
	#content input.n[type=text], #content input.n[type=password], 
	#content textarea.n, #content select.n { border: 1px solid #e3e3e3;padding: 3px; font-size: 1em; color: #666; width: 202px; display:block;
		border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
	#fancybox-content input[type=text]:hover, #fancybox-content input[type=password]:hover, 
	#content input.n[type=text]:hover, #content input.n[type=password]:hover, #content textarea.n:hover, #content select.n:hover { border: 1px solid #c5c4c4; }
	#content textarea.n { height: 90px; width: 302px; }
	
	#fancybox-content input[type=submit], #content input.n[type=submit] { background: url(../gfx/buttons/read_more.png) no-repeat; width: 95px; height: 28px; text-align: center; color: #360; font-size: 11px; border: none; cursor: pointer; }
	#fancybox-content input[type=submit]:hover, #content input.n[type=submit]:hover { background-position: right; }
	#fancybox-content label {cursor:pointer;}
	
	#fancybox-content h2 {font-size:1.5em}
	#fancybox-content h3 {font-size:1.2em}
	
	#fancybox-content a:link, #fancybox-content a:visited { color: #6fa235; }
	#fancybox-content a:hover, #fancybox-content a:active, #fancybox-content a:focus { color: #527628; }
	
	label strong {color:red}
	
	a.arrow {font-size:1.2em;font-weight:bold;}
	
	#k-content {font-size:1.2em !important}
	/*#fancybox-content p{margin:5px 0;}*/

#footer { font-size: 0.9em; clear: both; margin: 0 auto 10px; width: 980px; max-width: 100%; padding: 6px 10px 12px 10px; border-top: 1px solid #e5e5e5; box-sizing: border-box; }
	#footer ul { float:left; }
	#footer ul li { display: inline; }
	#footer ul li a { text-decoration: none; color: #b5b5b5; margin-right: 12px; }
	#footer ul li a.active, #footer ul li a:hover { color: #6b9f3c;}
	#copyright { float:right; color: #b5b5b5; margin:0;}
	#copyright a { text-decoration: none; color: #6b9f3c; }
	#footer .w {color:#c5c5c5;clear:both;text-align:center;margin:0;padding-top:10px;}

/** ADS **/

#content-as {max-width:100%; width:768px;margin:0 auto;z-index:1000;position:relative;}
#content-as-footer {max-width:100%; width:768px;margin:0 auto;clear:both}

/* - ---------------------------------------------- - */

#contact dt {float:left;width:30px;height:30px;line-height:30px;overflow:hidden;text-align:center;}
	#contact dt * {vertical-align:middle;}
	#contact dd {margin-left:32px;height:30px;line-height:30px}

#popularAuctions {margin:5px 10px;clear:both;white-space:nowrap;}
	#popularAuctions tbody tr td+td+td+td+td+td{text-align:right}

.column3 {clear:both;font-size:1em;} /* ? */
	.column3 li {float:left;width:310px;margin:0 10px;}
	.column3 li.double {float:left;width:640px;margin:0 10px;}
	.column3 li.clr {clear:left;}
	.column3 ul, .column3 table {width:100%;}
	.column3 td, .column3 th {height:18px;line-height:18px;padding:6px;}

/*#chat-message{width:65% !important;margin-left:4px;display:inline !important}
	#chat-message.pb{width:90%;margin-left:4px;}
	#chat-label {margin-right:5px;display:inline !important}
	#chat-items {line-height:1.56em;color:#4C5D77;margin:0 0 5px;background:#fff; padding:1px 5px 5px;-moz-border-radius:8px;height:200px;overflow:auto;}
	#chat-items:empty {display:none;}
	#chat-items:after {content: '.';display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
	#chat-items dt {float:left;clear:left;margin:0;padding:7px 3px 0px 5px;}
	#chat-items dt a{color:#105289;text-decoration:none;}
	#chat-items dt a:hover{text-decoration:underline;}
	#chat-items dd{margin:0;padding:7px 0 0 19px;text-align:justify;}
	#chat-items img {vertical-align:bottom;height:13px;width:10px;}*/

table.col2 th, table.col2 td {width:50%}
table.col3 th, table.col3 td {width:33%}
table.dcenter td{text-align:center;}
table.hleft th	{text-align:left;}

/*.pbimg {position:relative;}
	.pbimg img.star {position:absolute;top:10px;right:-3px;z-index:100}
	.pbimg img.tick {position:absolute;top:3px;right:8px;z-index:100}*/

.znpd-icon {position:relative;vertical-align:middle;margin:0 1px;display:inline-block;height:18px;width:18px;background:url(../gfx/icons/bg.png) no-repeat center center;cursor:pointer;}
	.znpd-icon.switch {cursor:pointer;vertical-align:middle}
	
	.znpd-icon.switch.tick, .znpd-icon.green {background-position:0 -18px;}
	.znpd-icon.blue {background-position:0 0px;}
	.znpd-icon.orange {background-position:0 -54px;}
	.znpd-icon.red {background-position:0 -72px;}
	.znpd-icon.grey {background-position:0 -36px;}

	.znpd-icon span {width:18px;height:18px;display:block;background:none no-repeat center center;vertical-align:middle}
	
	.znpd-icon.kokos span {background-image:url(../gfx/icons/kokos.png)}
	.znpd-icon.person span {background-image:url(../gfx/icons/person.png)}
	.znpd-icon.sekrata span {background-image:url(../gfx/icons/sekrata.png)}
	.znpd-icon.zakra span {background-image:url(../gfx/icons/zakra.png)}
	.znpd-icon.zakramini span {background-image:url(../gfx/icons/zakramini.png)}
	.znpd-icon.pozycz span {background-image:url(../gfx/icons/pozycz.png)}
	.znpd-icon.szybkopewnie span {background-image:url(../gfx/icons/szybkopewnie.png)}
	.znpd-icon.bilonko span {background-image:url(../gfx/icons/bilonko.png)}
	.znpd-icon.ducatto span {background-image:url(../gfx/icons/ducatto.png)}
	.znpd-icon.applecredit span {background-image:url(../gfx/icons/applecredit.png)}

	.znpd-icon.A span {background-image:url(../gfx/icons/A.png)}
	.znpd-icon.x span {background-image:url(../gfx/icons/X.png)}
	.znpd-icon.reload span {background:url(../gfx/icons/reload2.png) no-repeat center 60%;}
	.znpd-icon.note span {background:url(../gfx/icons/note.png) no-repeat center 60%;}
	.znpd-icon.check span {background:url(../gfx/icons/question.png) no-repeat center 60%;}
	
	.znpd-icon.tick span {background-image:url(../gfx/icons/tick.png)}
	.znpd-icon.throbber span {background-image:url(../gfx/throbber.gif) !important}

	.znpd-icon img.star {height:9px;width:9px;position:absolute;top:11px;right:-1px;z-index:1}
	.znpd-icon img.tick {height:10px;width:6px;position:absolute;left:1px;bottom:-1px;z-index:1}


table.compress {border:0;text-align:center;border-collapse:separate;border-spacing:1px;margin:5px 0;}
	table.compress th, table.compress td {padding:1px;margin:1px;border:0;}
	table.compress th {background:lightblue;font-weight:bold;text-align:center;}
	table.compress td {background:lightgreen;white-space:nowrap;padding:2px 2px;}
	table.compress tr:hover td, table.compress tr:active td, table.compress tr:focus td, table.compress tr.active td, 
	table.compress .summary td {background:#e6eeee !important;color:darkgreen !important;}
	
	table.compress tr:nth-child(2n):hover td, .compress tr:nth-child(2n):active td, 
	table.compress tr:nth-child(2n):focus td {background:#e6eeee;color:darkgreen;}
	
	table.compress .summary td {font-weight:bold;}
	
	table.compress a:link, table.compress a:visited {color:darkgreen !important;text-decoration:none;}
	table.compress a:hover, table.compress a:active, table.compress a:focus {text-decoration:underline;}
	table.compress a.ajax img {height:10px;}
	
table.max-compress td, table.max-compress th {padding:1px !important;}

.table-container
{
	max-width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
}

.pure-g > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.l-box {
	padding: 1em;
}

.best tbody td:first-child + td {font-weight:bold;}
	.best.perc tbody td:first-child + td + td + td {font-weight:bold;}
	.best.percn tbody td:first-child + td + td + td + td {font-weight:bold;}
	.best.percw tbody td:first-child + td + td + td + td + td {font-weight:bold;}
	.best tr:nth-child(2) {background-color:gold;}
	.xh1, .xh2 {font-size:0.8em;}
	.xh1.plus {color:#008000}
	.xh2.plus {color:#00CC00}
	.xh1.minus {color:#DD0000}
	.xh2.minus {color:#DD5555}

#statsUser {width: 180px !important;}

#user-stats tbody tr {cursor:pointer;}
	#user-stats .red {font-weight:bold;color:red;}
	#user-stats tr > td:first-child + td, #user-stats tr > td:first-child + td + td {background-color:#F7F7FF}
	#user-stats tr > td:first-child + td + td + td, #user-stats tr > td:first-child + td + td + td + td {background-color:#FFF7F7}
	#user-stats tr > td:first-child + td + td + td + td + td, #user-stats tr > td:first-child + td + td + td + td + td + td {background-color:#F7FFF7}

.paid {color:green !important}
	.paidn {color:red !important}
	.paidp {color:orange !important}

.overdue {color:red}
.before {color:darkgreen}

th.header {cursor:pointer;}
	th.header.headerSortUp {background-color:orange;}
	th.header.headerSortDown {background-color:orange;}

.cellspan th {text-align:center !important;}
.cellspan td {color:#555}

.do-0 th.doth {color:darkgray} /* ? */
.do-2 th.doth {color:darkred}

.registerInputs {clear:left}
	.registerInputs, .registerInfos {float:left}
	.registerInfos {width:60%;margin-left:5px;}
	.registerInfos p {font-size:10px !important;}
	
	#userPortals li {float:left;width:30%;padding:2px 5px;margin:2px;}
	#userPortals li:nth-child(odd) {background-color:#ededed}
	
	.ferror {color:red;font-weight:bold;}
	
#general td, #general th {width:50%;}
	.nfull {width:50% !important;float:left}

.users img {cursor:pointer;vertical-align:bottom}

#tab-pd td:nth-child(3), #tab-pd td:nth-child(4), #tab-pd td:nth-child(5),
#tab-xirr td:nth-child(3), #tab-xirr td:nth-child(4), #tab-xirr td:nth-child(5),
#tab-xirra td:nth-child(3), #tab-xirra td:nth-child(4), #tab-xirra td:nth-child(5),
#tab-xirra td:nth-child(6), #tab-vind td:nth-child(3), #tab-age td {text-align:right;}

#tab-age td:nth-child(1) {text-align:left;}
#tab-xirr img, #tab-pd img {vertical-align:text-bottom;}

#userInvestors tbody td, #userInvestmentsTable tbody td, #userInvestmentsSoldTable tbody td {cursor:pointer;}
#userInvestors img, #userInvestmentsTable img, #userInvestmentsSoldTable img {vertical-align:bottom;}
#userInvestmentsTable tbody td+td+td+td, #userInvestmentsSoldTable tbody td+td+td+td {text-align:right}
#userInvestmentsTable tbody tr td+td+td+td+td+td+td,
	#userInvestmentsSoldTable tbody tr td+td+td+td+td+td+td {text-align:center;}

.rating img {vertical-align:bottom}

#news {padding-left:10px;}

#popinfo {text-align:left;font:bold 11px arial;position:absolute;background:#02ab72;border:3px solid #fff;-moz-border-radius:10px;color:#fff;padding:4px 6px;z-index:100000;-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5)}
	#popinfo .red{color:#DC143C;}
	#popinfo .yellow{color:yellow;}

.pagin {font-size:1.2em;}
.pagin a{text-decoration:none;}
.pagin .current {font-weight:bold;text-decoration:none;}

/* -------------------------------------- */

/*.submit-vindicate {float:right; }
.best tr:nth-child(3) {background-color:silver;}
.best tr:nth-child(4) {background-color:#CD7F32;color:#fff}*/
.connectionForm li {float:left;margin:3px;}
label.a_ver {margin-top: 7px;}

.tpl {display:none !important;}
span.editable {display:block;display:inline-block;border-bottom:1px dotted grey;cursor:pointer;cursor:hand}
#content select.conn-sel {width:auto;padding:0;}
#content .conn-edit input {width:300px;display:inline;}
.page-donation #content-inner, .page-about #content-inner {font-size:1.1em;line-height:1.3em;}

#content .jqplot-target {font-size:1.2em;} 
.jqplot-yaxis {white-space:nowrap}

#ir-as {margin:0 auto;width:200px;}

.page-faq .col-medium li {list-style:circle outside;padding:3px;}
	.page-faq .col-medium li:nth-child(odd) {background:#c4f081;}
	.page-faq #content .col-sidebar ul li {list-style-type:none}

.page-cockpit {}
	ul#cockbles li {float:left;width:48%;margin:3px 2% 3px 0;}

.best-column {width:49%;margin-left:1%;float:left;}

.slim-text {width:600px;text-align:justify;max-width: 100%; }

.donators {float:left;width:160px;}

.page-promoVW #sub-header-image, .page-lokaty #sub-header-image{top:6px}

.survey-result {height:3px;background-color:green}

.tax-data {text-align:right !important;width:80px !important}
	.tax-data.auto {box-shadow:0 0 5px #00cc00;}

.page-announces {}
	.ruleset.template {display:none;}

.page-panel {}
	#custom-points {display:none;}