*{
padding: 0px;
margin: 0px;
border: 0px none #000000;
}

body, html {
	width: 100%;
	/*height: 100%;*/
	color: #000000;
	background-color: #eeeeee;
	background-color: #fff;
	font-family:  Tahoma, Verdana, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

input, textarea, select {
	padding : 2px;
	font-size: 12px;
	font-family:  Tahoma, Verdana, sans-serif;
}

img{

	border: 0px none #000000;
 /* background-color: #000;	 */
}

div{
	border: 0px none;
}
/*
.clear{
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
}
*/
.clear{ clear:both !important; float:none !important; font-size:0px; line-height:0em; margin:0 !important; padding:0 !important; }

.pointer{cursor: pointer;}

a{
	background-color: inherit;
	color: inherit;
	text-decoration: none;
}

a:hover{
	background-color: inherit;
	color: inherit;
	text-decoration: underline;
}

.to_up a{ color: #FFF; background-color: inherit; color: #FFF; }

.to_up a#up:hover{	color: #FFF; background-color: inherit;	color: #FFF; }

div#container{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #eeeeee;
	background-color: #fff;
	position: relative;
}

div#top_logo {
	/* margin-top: 4px; */
	height: 55px;
	background-color: #FFF;
	text-align: center;
}
	div#divLogo{
	padding-top: 4px;
	width: 230px;
	float: left;
	display: none;
	}

	div#divMsg{
	margin-left: 230px;
	vertical-align: bottom;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding-top: 10px ;
	border: 0px solid red;
	}

div#top {
	height: 18px;
	background-color: #999;
	color: #EEE;
	padding-top: 2px;
}

div#top div{  }
	div#current_date{
		float:left;
		width: 230px;
		text-align: center;
	}
	div#session{
		float:left;
		text-align: left;
	}
	div#logout{
		width: 70px;
		float:right;
		text-align: center;
		margin-right:10px;
	}
	div#logout a{
		background-color: #271676;
		color: #FFF;
	}

div#left {
	width: 230px;
	float: left;
	text-align: center;
	border-bottom: 0px solid Red;
    height: 100%;
}

	div#Logged_User{
		color: #FFF;
		padding: 10px 0px;
		font-weight: bold;
		float: left;
		width: 100%;
		margin-top: -20px;
	}

	div#Appz_Menu{
		color: #000;
		/* background-color: #EEE; */
		background-color: #FFF;
		border: 0px none;
		text-align: left;
		padding: 5px;
	}
	div#Appz_Info{
		width: 100%;
		color: #FFF;
		background-color: #271676;
		height: 15px;
		font-size: 10px;
	}
	div#Appz_Info a, div#Appz_Info a:hover { color: #FFF; background-color: inherit; text-decoration: none;	}
	div#Appz_Info a:hover{ text-decoration: underline;}
	div#Appz_Autor{
		width: 100%;
		margin-top: 10px;
		color: #999;
		/* background-color: #EEE; */
		background-color: #FFF;
		height: 20px;
		font-size: 11px;
	}
	div#Appz_Autor a{
		color: #999;
		/* background-color: #EEE; */
		background-color: #FFF;
		text-decoration: none;
	}
	div#Appz_Autor a:hover{
		text-decoration: underline;
	}


div#main {
	position: relative;
	margin: 0;
	margin-left: 230px;
	/* background-color: #EEE; */
	background-color: #FFF;
	padding: 20px;
	border: 0px solid red;
	border: 0px none;
	width:78%;
}

	div#welcome{
		text-align:center;
		font-weight: bold;
		border: 1px solid #FFF;
		background-color: #999999;
		color: #FFF;
		padding: 25px 5px;
	}

	div#main_filters{
		border: 1px solid #ff6600;
		background-color: #ffcc33;
		color: #000;
		margin-bottom:20px;
		padding-bottom: 5px;
		padding: 5px;
		/* height: 70px; */
	}

	div.add_items{text-decoration: none; cursor: pointer; display: inline; }
	div.add_items a{text-decoration: none; color: #000;}
	div.add_items a:hover{text-decoration: underline;}

	/* pole z glowna prezentacja tresci */
	div.main_data_label{
		font-weight: bold;
		background-color: #ffcc33;
		color: #000;
		vertical-align: top;
		letter-spacing: 1px;
		height: 23px;
		/*width: 100%;*/
		border: 1px solid #ff6600;
		padding: 0px;
		padding-top:10px;

	}
	div.main_data_label img{  margin-left:8px; margin-right:10px; }

	div.main_data{
		width: 100%;
		border: 0px none;
	}

/*
div#stopka {
	height: 1.6em;
	clear: both;
	background-color: #a8111c;
	color:  #FFF;
	text-align: right;
	padding-right: 20px;
	padding-top: 2px;
	vertical-align: middle;
}
*/


div#IframeDivMsg{
	width: 100%;
	/*height: 15px;*/
	height: auto;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	border: 0px solid Red;
	color: #000;
	background-color: #FFF;
	display: none;
	/* overflow: ; */


}
div#IframeDivPreview{
	width: 98%;
	height: 100%;
	margin: 5px auto;
	padding: 2px;
	border: 0px none;
}
/*   END MAIN CSS   */



.dane{width: 100%; border: 0px solid #fff;  border-collapse: collapse;  }
.dane td{padding: 2px; border-width: 1px 1px 0 0;}
.dane tr.row_separate td{ background-color: #8e8e8e; font-weight: bold; padding-left: 20px;}
.dane tr.row_separate td.center{text-align: center;}

.dane tr.row0 td.lp, .dane tr.row1 td.lp, .dane tr.row2 td.lp { text-align: center; width: 30px; }

.dane tr.row0 td{padding-left: 7px; text-align: left; background-color: #F2F2F2; border: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.dane tr.row0 td.center{text-align: center;}
.dane tr.row0 td.left{text-align: left; padding-left: 7px;}
.dane tr.row0 td.right{text-align: right; padding-right: 7px;}

.dane tr.row1 td{padding-left: 7px; text-align: left; background-color: #EBEBEB; border: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.dane tr.row1 td.center{text-align: center;}
.dane tr.row1 td.left{text-align: left; padding-left: 7px;}
.dane tr.row1 td.right{text-align: right; padding-right: 7px;}

/* dla nieaktywnych danych */
.dane tr.row2 td{padding-left: 7px; background-color: #bbb; border: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.dane tr.row2 td.center{text-align: center;}
.dane tr.row2 td.left{text-align: left; padding-left: 7px;}
.dane tr.row2 td.right{text-align: right; padding-right: 7px;}

.dane tr.header td{padding-left: 7px; text-align: left; height: 16px; border: 0px none;  border-left: 1px solid #ff6600; border-right: 1px solid #ff6600; font-weight: bold; background-color: #ff6600; color: #FFF; vertical-align: top;}
.dane tr.header td.header_center{text-align: center;}
.dane tr.header td.header_left{text-align: left; padding-left: 7px;}
.dane tr.header td.header_right{text-align: right; padding-right: 7px;}

.dane tr td.all{padding-left: 7px; text-align: left; background-color: inherit; color: #646464; border: 0 none; }


/* paginacja wynikow */
.dane_pages{width: 100%; border: 1px solid #FF6600; /* border-collapse: collapse;*/ margin-top:25px; background-color: #ffcc33; padding: 0px;}
.dane_pages td{padding: 2px; font-weight: normal; border: 0px none; color:#000; background-color: inherit; padding-bottom: 5px;}

.dane_pages td.label{width: 170px; text-align: left; vertical-align: top; letter-spacing: 1px; color: #000; background-color: inherit; font-weight: bold; padding-top:4px;}
	.dane_pages td.label img{  margin-left:7px; margin-right:10px; }
.dane_pages td.pagination {padding: 5px 0px 5px 0px; text-align: left; vertical-align: bottom;}
.dane_pages td.apply { width:100px; padding-bottom: 5px; text-align: left; vertical-align: bottom;}
.dane_pages td.perpages{width: 100px; text-align: left; border: 0px solid #FFF; padding-top:10px;}
.dane_pages td.perpages select.PerPage{
		border: 1px solid #FFF; background-color: #eeeeee; height: 20px; display: inline;
		margin-top: 2px; margin-right: 10px; font-size: 10px; padding: 2px;
		font-size: 12px;
	 }
.dane_pages td.to_up{width: 70px;}
/*
.dane_pages td.all{width: 15%; text-align: left;}
.dane_pages td.pages{width: 15%; text-align: right;}
*/
.dane_pages td.pagination  a , .dane_pages td.pagination a:hover{text-decoration:none; padding: 1px 3px 1px 3px; border: 0px none;  margin:0px 3px; color: #000000;}
.dane_pages td.pagination span.pagination {margin-left:50px; vertical-align: top;}
.dane_pages td.pagination a{ background-color: #000; color: #FFF; }
.dane_pages td.pagination a:hover{ background-color: #000; color: #FFF; }
.dane_pages td.pagination a.first{padding-left: 5px; padding-right: 5px;}
.dane_pages td.pagination a.prev{}
.dane_pages td.pagination a.page_current{font-weight: bold; color: #000; background-color: #FFF;}
.dane_pages td.pagination a.page{font-weight: normal;}
.dane_pages td.pagination a.next{}
.dane_pages td.pagination a.last{padding-left: 5px; padding-right: 5px;}
.dane_pages td.pagination img {  display: inline; padding: 1px 3px 1px 3px; vertical-align: text-bottom;}

.sort_arrow {cursor: pointer;}
span.sort_arrow{ float: right; margin-right: 5px;}

.ico { border: 0px none #ffffff; cursor: pointer; background-color: transparent; }

/* Main filters items */
div#main_filters div.filter{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid Red;
	font-size: 12px;
}

div#main_filters .filter input{
	border: 1px solid #FFF; background-color: #eeeeee; height: 14px;
	display: block;
	margin-top: 2px;
	padding: 2px;
}
div#main_filters .filter select{
	border: 1px solid #FFF; background-color: #eeeeee; height: 22px; display: block;
	margin-top: 2px;
	padding: 2px;
}

/*.ajax_filter{border: 1px solid #FFF; background-color: #eeeeee; height: 15px;} */

/* ikonka z podpowiedzia */
.ajax_ico_tooltip{vertical-align: middle; margin: 0px 10px 5px 2px; cursor: help; display: inline;}
a.ajax_ico_tooltip , a:hover.ajax_ico_tooltip  {text-decoration: none; border: 0px none #FFF;}

/*
input.ajax_filter{ background-image:url('../img/lupa.gif'); background-repeat:no-repeat; padding-left:20px; }

input.ajax_filter_calendar{ background-position: right; background-image:url('../img/cal.gif'); background-repeat:no-repeat; padding-right:20px; border: 1px dashed #000000; width: 80px; text-align: center; }
*/
input.ajax_filter_calendar{ width: 80px; }


div.ajax_filter_multiple{ padding: 2px;}
div.ajax_filter_multiple div { border:2px solid #FF6600; }
div.ajax_filter_multiple li { margin: 2px; }
input.checkm {}
div.ajax_filter_multiple li label { cursor: pointer; }
div.ajax_filter_multiple table { border-collapse: collapse; }
div.ajax_filter_multiple table tr.header td{background-color: #FF6600; vertical-align: middle; height: 25px;}
div.ajax_filter_multiple table td{background-color: #FFCC33; vertical-align: top;}



/* komorka w tabeli odpowiedzialna za opis glowny boksu */
.main_label{
	font-weight: bold;
	background-color: inherit;
	color: #000;
	vertical-align: top;
	letter-spacing: 1px;
}
	.main_label img{ margin-right:10px; margin-left: 6px}



/* end Main filters items */



/***                   FORMULARZ                            ***/

table.form{border: 0px solid #000; background-color: #BCBCBC; padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; }

table.form tr.row0 td {background-color: #EBEBEB;  color: #000}
table.form tr.row1 td {background-color: #F2F2F2; color: #000}

table.form tr.row0 td.cell0, table.form tr.row1 td.cell0 {background-color: #EBEBEB;  color: #000}
table.form tr.row1 td.cell1, table.form tr.row0 td.cell1 {background-color: #F2F2F2; color: #000}

table.form tr.row_btn td {background-color: #eee; color: #000;  border: 0px none ; border-top: 2px solid #FFF; margin:0px; padding: 7px 0px; text-align: center;}

table.form tr.header td {padding-left: 10px; background-color: #FF6600; color: #FFF; font-weight: bold; border-width: 1px 0px 1px 0px; border-color: #FFF; border-style: solid;}
table.form tr.header td.left { text-align: left; }
table.form tr.header td.rights { width: 25px; text-align: center;}

table.form td{ border: 0px none #000; background-color: #fff; vertical-align: middle; padding: 3px 0px 3px 20px; }

table.form td.center{ text-align: center; padding: 3px 2px 3px 2px;}
table.form td.center_order{ text-align: center; padding: 3px 2px 3px 2px; border: 1px solid #FFF; font-weight: bold;}


table.form td.desc, table.form tr.desc td{width: 200px; font-weight: bold; border: 0px none ; border-right: 1px solid #FFF; text-align: right; padding-left: 2px; padding-right: 20px;}
table.form td.desc_center, table.form tr.desc_center td{width: 200px; font-weight: bold; text-align: center; border: 0px none ;}
table.form td.desc_left, table.form tr.desc_left td{font-weight: bold; text-align: left; border: 0px none ;}


table.form td div{ background-color: #D4D4D4;}


table.form input{height: 14px; background-color: #fff; border: 1px solid #646464;}
table.form textarea{height: 44px; background-color: #fff; border: 1px solid #646464; text-align: left;}

/* table.form select, table.form option{height: 20px; background-color: #fff; border: 1px solid #646464;} */

table.form select{height: 20px; background-color: #fff; border: 1px solid #646464; }

table.form input .checkbox { background-color: #fff; border-right: 1px solid #646464; padding: 0px; margin: 0px;}

table.form td .product_tpl_gallery{background-color: inherit; text-align: center;}

div.desc > div > div {padding: 2px;}

span.input_info { background-color: inherit; color: #646464; font-size: 10px;}


.it_xs { width: 50px; text-align: left;}
.it_xs_center { width: 50px; text-align: center;}
.it_s { width: 75px; text-align: left;}
.it_s_center { width: 75px; text-align: center;}
.it {width: 200px; text-align: left;}

.it_calc{ background-position: right; background-image:url('../img/cal.gif'); background-repeat:no-repeat; padding-right:20px; width: 80px; text-align: center;}
.it_calc_transparent{border: 0px none; background: none; padding-right:20px; width: 80px; text-align: center;}
.it_calc_no_img{ width: 70px; text-align: center; display: inline;}
.it_calc_no_img_transparent{border: 0px none; background: none; width: 70px; text-align: center; display: inline;}
.img_to_cal { display:inline; cursor: pointer; padding:0px 0px 0px 0px; margin:0px 0px -2px -2px;}


.it_xs_transparent {border: 0px none; width: 50px; text-align: left; background-color: inherit;}
.it_xs_center_transparent {border: 0px none; width: 50px; text-align: center; background-color: inherit;}
.it_s_transparent {border: 0px none; width: 75px; text-align: left; background-color: inherit;}
.it_s_center_transparent {border: 0px none; width: 75px; text-align: center; background-color: inherit;}
.it_transparent {border: 0px none; width: 200px; text-align: left; background-color: inherit;}
.it_center_transparent {border: 0px none; width: 200px; text-align: center; background-color: inherit;}

.is { width: 206px; text-align: left;}
.is_l { width: 306px; text-align: left;}
.is_xl { width: 506px; text-align: left;}
.is_s { width: 106px; text-align: left;}
.itextarea { width: 304px; height: 100px; text-align: left;}
.itextarea_l { width: 99%; height: 100px; text-align: left; }
.itextarea_xl { width: 99%; height: 300px; text-align: left;}

/* blowny przycisk */
.row_btn .btn, .btn, .btn_small{
	margin: 0px;
	border-left: 5px solid #fe0000;
	padding: 2px 30px 4px 15px;
	background-color: #000000;
	background-image: url(../img/znak_ptaszek_red.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
.btn_small{
	padding-left:0px;
	padding-right:25px;
	color:#000;
}

.row_btn .btn:hover, .btn:hover { text-decoration: underline; background-color: #000000; color:#FFFFFF;}
.btn_small:hover{ text-decoration: underline; background-color: #000000; color:#000000; }
/*
div#page_tpl_foto, div#page_tpl_lid, div#page_tpl_foto_edit, div#page_tpl_lid_edit {padding : 2px; border: 1px solid #000000; width: 99%; height: 100px; text-align: left; background-color: #FFF; color: #000; overflow: auto;}
div#page_tpl_content, div#page_tpl_content_edit {padding : 2px; border: 1px solid #000000; width: 99%; height: 300px; text-align: left; background-color: #FFF; color: #000; overflow: auto;}
*/

.btn_submit {border: 1px solid #000000; width: 50px; text-align: center; vertical-align: middle;}
button.btn_submit_l {border: 1px solid #000000; width: 100px; text-align: center;}
button.btn_submit_xl {border: 1px solid #000000; width: 150px; text-align: center;}
button.btn_submit_l_current {border: 1px solid #000000; width: 100px; text-align: center; background-color: #FFF;}
.btn_add {border: 1px solid #000000; width: 150px; text-align: center;}
.td_btn {padding-top: 20px; text-align: center;  }

.i_cal{ background-position: right; background-image:url('../img/cal.gif'); background-repeat:no-repeat; padding-right:20px; border: 1px dashed #000000; width: 80px; text-align: center;}

/***                   END FORM                            ***/


/***                     EIP                            ***/
/*
.eip_textarea_m {border: 1px solid #000000; width: 100px; height: 50px; text-align: left; overflow: hidden;}
.eip_textarea_m_center {border: 1px solid #000000; width: 100px; height: 50px; text-align: center; overflow: hidden;}

.eip_textarea_l {border: 1px solid #000000; width: 150px; height: 50px; text-align: left; overflow: hidden;}
.eip_textarea_l_center {border: 1px solid #000000; width: 200px; height: 50px; text-align: center; overflow: hidden;}


.eip_textarea_xxl {border: 1px solid #000000; width: 600px; height: 100px; text-align: left; overflow: hidden; padding: 5px;}
.eip_textarea_xxxl {border: 1px solid #000000; width: 700px; height: 100px; text-align: left; overflow: hidden; padding: 5px;}

.eip_input_s {border: 1px solid #000000; width: 50px; text-align: left;}
.eip_input_s_center {border: 1px solid #000000; width: 50px; text-align: center;}
.eip_input_m {border: 1px solid #000000; width: 100px; text-align: left;}
.eip_input_m_center {border: 1px solid #000000; width: 100px; text-align: center;}
.eip_input_l {border: 1px solid #000000; width: 200px; text-align: left;}
.eip_input_xl {border: 1px solid #000000; width: 300px; text-align: left;}
*/
/***                     END EIP                            ***/

#div_loading
{
	display: none;
	width:	100%;
	height: 100%;
	margin: 0px auto;
	border: 0px none;
	background-color: #fff;
	color: #000;
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.table_loading
{
	width: 100%;
	height: 100%;
	border: 0px none;
	border-collapse: collapse;
}
.table_loading td {width: 50%; height: 100%; padding: 20px}
.table_loading td.img
{
	text-align: right;
	vertical-align: middle;
}
.table_loading td.napis
{
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	font-family: Tahoma, sans-serif;
}

/*    PRZYCISKI  */
.filters_apply, .perpage_apply{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-right: 2px;
	text-align: center;
	/* border: 0px none; */
	border-left: 5px solid #fe0000;
	/* padding: 2px 20px 4px 10px; */
	background-color: #000000;
	background-image: url(../img/znak.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	height: 16px;
	display: block;
	width: 75px;
}
.apply{
	background-image: url(img/znak.gif);
}
/*
.perpage_apply{margin-top: 2px;}
.filters_apply{padding-bottom: 2px;}
*/
.filters_apply:hover, .perpage_apply:hover { text-decoration: underline; background-color: #000000;}


#main_overlay {
    background-color: #FFF;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0.7;
	width: 100%;
	height: 100%;
}