/* *********************************************************************** */
/* podstawowe znaczniki html */

strong								{ font-weight: bold; }
sub									{ font-size: 0.8em; color: #888; }

input, textarea						{ margin: 0 0 10px 0; padding: 3px 7px 3px 7px; font-size: 0.9em; font-family: Arial, sans-serif; }
table								{ font-family: 'Segoe UI', 'Trebuchet MS', Arial, sans-serif; font-size: 1em; }

em									{ font-style: italic; }

textarea:focus, input:focus{
    outline: 0;
}

/* *********************************************************************** */
/* layout elements */

#page-overlay						{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #eef5ff; filter: alpha(opacity=60); /*older IE*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */ -moz-opacity: .60; /*older Mozilla*/ -khtml-opacity: 0.6;   /*older Safari*/ opacity: 0.6;   /*supported by current Mozilla, Safari, and Opera*/ z-index: 975; }

/* *********************************************************************** */
/* popup */

#popup-overlay						{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .5; filter: alpha(opacity=50); }
#popup-over							{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; }
#popup-content						{ z-index: 999; margin: auto; margin-top: 30px; cursor: pointer; color: #fff; text-align: center; }

#popup-content img					{ background: #fff; padding: 20px; border: 5px #444 solid; }

/* *********************************************************************** */
/* styling list ul, ol */

.text-holder						{ position: relative; }
.text-holder ul, ol					{ margin: 15px 0 15px 0; }
.text-holder ul li, ol li			{ margin: 0 0 5px 10px; padding: 2px 0 0px 15px; }

.text-holder ul li					{ margin: 0 0 5px 10px; padding: 2px 0 0 25px; background: url('../_images/site/ul-li_icon.png') 0 5px no-repeat; }
.text-holder ul.ul-check li			{ margin: 0 0 0 10px; padding: 7px 0 20px 45px; background: url('../_images/site/ul-lcheck-li_icon.png') 0 0 no-repeat;}
.text-holder ul.ul-check-alt li		{ margin: 0 0 0 10px; padding: 0 0 20px 40px; background: url('../_images/site/ul-lcheck-alt-li_icon.png') 0 0 no-repeat;}


.text-holder ol li					{ margin: 0 0 3px 40px; padding: 2px 0 0 0; list-style-type: decimal; }

/* *********************************************************************** */
/* paging */

table.page-counter-holder			{ padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; margin-top: 20px; }
div.page-counter					{ height: 19px; padding: 5px 10px 5px 10px; background: #d7e2f4; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
div.page-counter a					{ display: block; float: left; height: 15px; margin: 1px 3px 0px 3px; color: #565656 ! important; font-weight: bold; }
div.page-counter a:hover			{ color: #ff8f57 !important; }
div.page-counter a.active			{ font-weight: bold; color: #f00 !important; cursor: default; }
div.page-counter a.prev,
div.page-counter a.next				{ width: 13px; height: 19px; margin: 0px 5px 0px 0px; }
div.page-counter a.prev				{ background: url('../_images/site/counter-prev_bg.gif') no-repeat; margin: 0px 5px 0px 0px; }
div.page-counter a.next				{ background: url('../_images/site/counter-next_bg.gif') no-repeat; margin: 0px 0px 0px 5px; }
div.page-counter a.prev:hover,
div.page-counter a.next:hover		{ background-position: bottom; }

/* *********************************************************************** */
/* prosta tabela bez obramowania (simple-table) */

div.simple-table table				{ margin: 20px 0 20px 0; }
div.simple-table th					{ padding: 7px 0 7px 0; background: #ddd top; border: 1px #aeaeae solid; font-weight: bold; text-align: center; }
div.simple-table td					{ padding: 3px; border: 1px #aeaeae solid; color: #4e4e4e; text-align: center;}
div.simple-table td.txtleft			{ text-align: left; }

div.simple-table td.col1			{ background: #aaa; }

/* *********************************************************************** */
/* jQuery - fancylabels */

label											{ display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; }
.fancy-label-check input,
.fancy-label-radio input						{ margin-right: 5px; }

.has-js .fancy-label-check,
.has-js .fancy-label-radio						{ padding-left: 34px; }
.has-js .fancy-label-radio						{ background: url('../_images/site/fancy-labels/radio-off.png') no-repeat; }
.has-js .fancy-label-check						{ background: url('../_images/site/fancy-labels/check-off.png') no-repeat; }
.has-js label.c_on								{ background: url('../_images/site/fancy-labels/check-on.png') no-repeat; }
.has-js label.r_on								{ background: url('../_images/site/fancy-labels/radio-on.png') no-repeat; }
.has-js .fancy-label-check input,
.has-js .fancy-label-radio input				{ position: absolute; left: -9999px; }

/* *********************************************************************** */
/* jQuery - clearField */

.clearFieldBlurred					{ color: #666 !important; }
.clearFieldActive					{ color: #000; }

/* *********************************************************************** */
/* jQuery - tooltip */

#tooltip							{ position: absolute; padding: 5px; border: 1px solid #444; background: #343434; color: #fff; font-family: Verdana, Tahoma, _sans; font-size: 0.9em; z-index: 3000; opacity: 0.95; }
#tooltip h3							{ font-size: 1.2em !important; font-weight: bold; margin: 0; color: #ddd !important; }
#tooltip div						{ margin: 0; line-height: 125%; }

/* *********************************************************************** */
/* conatainer to display errors */

div.errors-holder					{ margin: 8px 0 8px 0; padding: 12px 15px 12px 15px; border: 1px #ffd2d2 solid; background: #ffecec; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
div.errors-holder img				{ float: left; margin: 0 30px 0 0; }
div.errors							{ padding: 0 0 0 0; font-weight: bold; color: #f00; }
div.errors span.ok					{ color: #0b0 !important; }
div.errors p						{ margin: 0 0 5px 0; }

/* *********************************************************************** */
/* container to display errors */

div.reports-holder					{ min-height: 53px; margin: 10px 0 15px 0; padding: 12px 15px 12px 80px; color: #f00; font-size: .9em; font-weight: bold; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; line-height: 110%; }

div.rep-err							{ border: 1px #ffd2d2 solid; background: #fff0f0 url('../_images/site/rep/rep-error_bg.gif') 12px 12px no-repeat; color: #f00; font-weight: bold;}
div.rep-ok							{ border: 1px #d4e99f solid !important; background: #f4ffe9 url('../_images/site/rep/rep-ok_bg.gif') 12px 12px no-repeat !important; color: #799738 !important; }
div.rep-info						{ border: 1px #f4ecc3 solid !important; background: #fffdef url('../_images/site/rep/rep-info_bg.gif') 12px 12px no-repeat !important; color: #c3b23b !important; }


/* *********************************************************************** */
/* messages info box */

.info-box						{ margin: 10px 0 10px 0; padding: 10px 20px 20px 60px;  font-weight: bold; border-radius: 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.info-ok						{ background: #fff url('../_images/site/info-box/ok.gif') 20px 10px no-repeat; }
.info-war						{ background: #fff url('../_images/site/info-box/war.gif') 20px 10px no-repeat; }
.info-err						{ background: #fff url('../_images/site/info-box/err.gif') 20px 10px no-repeat; }

/* *********************************************************************** */
/* common element styling */

.but								{ display: block; border: none; }
.but:hover							{ background-position: bottom !important; }
input.but							{ padding: 0 0 0 0; cursor: pointer; }

.txt-right							{ text-align: right; }
.txt-left							{ text-align: left; }
.txt-center							{ text-align: center; }

.fl-left							{ float: left; }
.fl-right							{ float: right; }

.no-display							{ display: none; }
.no-border							{ border: none !important; }
.no-margin							{ margin: 0 0 0 0 !important; }
.no-padding							{ padding: 0 0 0 0 !important; }
.no-background						{ background: none !important; }

.auto-margin						{ margin: auto; }
.auto-width-100						{ width: 100%; height: auto; }


.pos-highlight						{ background-color: #ddd !important; }

.ajax-loading						{ cursor: wait; }

div.hr								{ clear: both; height: 1px; margin: 20px 0 20px 0; font-size: 1px; background: #d8d8d8; }

.line-y								{ width: 1px; font-size: 1px; background: url('../_images/site/line-y_bg.gif') repeat-y; }

.clearfloat							{ clear: both; font-size: 1px; height: 0; line-height: 0px; }