* {
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#403f37;
	}
img {	border:0; }	
table {
border-spacing:0px;
padding:0px;
}
a {
	text-decoration:none;
	color:#403f37;	
	outline:none;

	}
a:hover {
	border-bottom:1px dashed #403f37;
	}		
.body {
	background:#f3f2e8;
	color:#403f37;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
body {
	background:url(tlo.jpg) repeat-x #f3f2e8;
	color:#403f37;
	font-size:14px;	
	}
#login {
	width:443px;
	height:auto;
	margin:200px auto;
	}
.ErorrMsgs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	text-align: center;
}
#logtop {
	width:443px;
	height:45px;
	float:inherit;
	background:url(acp.jpg) no-repeat top;
	}
#atlog {
	width:441px;
	height:165px;
	border:1px solid #c7c5ad;
	float:inherit;
	background:#fff;
	padding:1px;
	}
#btlog {
	width:441px;
	height:165px;
	background:#ebe9d2;
	float:inherit;
	}	
.btlogleft {
	width:84px;
	height:auto;
	float:left;
	margin:32px 0 0 15px;
	line-height:41px;
	}	
.btlogright {
	width:340px;
	height:auto;
	float:left;
	margin:31px 0 0 0;
	font-size:12px;
	color:#000;	
	}	
.btlogright a{color:#000;}	
.btlogright a:hover{ border-bottom:1px dashed #000; text-decoration:none;}	
.loguj {
	width:311px;
	height:24px;
	border:1px solid #c7c5ad;
	margin:0 0 15px 0;
	font-size:17px;
	padding:3px 0 0 5px; 
	}		
.logok {
	width:61px;
	height:22px;
	color:#000;
	border:1px solid #000;
	background:url(loguj.gif) no-repeat;
	font-family:"Trebuchet MS", Arial, sans-serif;
	margin:0 15px 0 0;
	}
#all {
	width:960px;
	height:auto;
	}
#top a:hover{border:0;}	
#top {
	width:960px;
	height:102px;
	float:inherit;
	color:#000;
	}
.toplogo img {
	margin:0 0px 0px 0;
	float: left;
	}	
.toplogo {
	width:530px;
	height:71px;
	float:left;
	padding:5px 0 0 0;
	font-size:12px;
	}
.topmenu {
	width:430px;
	height:102px;
	float:left;
	}	
.ziel {
	color:#45a300;
	font-weight:bold;
	}
.czer {
	color:#f20000;
	font-weight:bold;
	}
a.home { width:85px;	height:31px;	background:url(home.jpg) no-repeat top;		padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.home:hover {		color:#f20000; border:0;}	
a.profile { width:85px;	height:31px;	background:url(profile.jpg) no-repeat top;	padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.profile:hover {	color:#f20000; border:0;}
a.config  { width:85px;	height:31px;	background:url(config.jpg) no-repeat top;	padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.config:hover	{	color:#f20000; border:0;}
a.logs	 { width:85px;	height:31px;	background:url(logs.jpg) no-repeat top;		padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.logs:hover	{	color:#f20000; border:0;}
a.help	 { width:85px;	height:31px;	background:url(help.jpg) no-repeat top;		padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.help:hover	{	color:#f20000; border:0;}
a.logout { width:87px;	height:31px;	background:url(logout.jpg) no-repeat top;	padding:71px 0 0 0;	text-align:center;	text-decoration:none;	display:block;	float:left; }
a.logout:hover	{	color:#f20000; border:0;}	

.menuSelected {padding:12px 15px 0 15px; height:37px; color:#fff; text-decoration:none; float:left; margin:0; background:url(bela.jpg) repeat-x; border:0; }

#menu {
	width:960px;
	height:49px;
	float:inherit;
	}
	
a.menu {padding:12px 15px 0 15px; height:37px; color:#fff; text-decoration:none; float:left; margin:0;}
a.menu:hover {background:url(bela.jpg) repeat-x; border:0;	}

#menu .sep{ border:0; height:35px; width:2px; background:url(sep.jpg) no-repeat; float:left; margin:4px 0 0 0; }
#content {
	width:960px;
	height:auto;
	float:inherit;
	margin:10px 0 0 0;
	}
#left {
	width:220px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	}
#right {
	width:730px;
	height:auto;
	float:left;
	border-bottom:1px solid #c7c5ad;
	margin:0 0 22px 0;
	}
.naglowek {
	width:100%;
	height:27px;
	background:url(bel.jpg) repeat-x;
	padding:5px 0 0 0;
	color:#FFF;
	float:inherit;
	}
.naglowek .pkt { border:0; float:left; width:3px; height:10px; background:url(naglo.jpg) no-repeat; margin:4px 10px; }
#left ul#me {
	padding:0px;
	margin:0px;
	border-bottom:1px solid #c7c5ad;
	float:inherit;
	}
#left li#press {
	display:block;
	height:21px;
	list-style-type: none;
	width:192px;
	border-bottom:1px solid #fff;
	border-top:1px solid #c7c5ad;
	background:url(lib.jpg) no-repeat #AFAFAA;
	padding:3px 0 0 28px;
	}

	
#left li {
	display:block;
	height:21px;
	list-style-type: none;
	width:192px;
	border-bottom:1px solid #fff;
	border-top:1px solid #c7c5ad;
	background:url(li.jpg) no-repeat #ebe9d2;
	padding:3px 0 0 28px;
	}

#left li:hover, #left li.over { background:url(lia.jpg) no-repeat #d9d7bf;}
#rightcont {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;

	width:707px;
	height:auto;
	border-bottom:1px solid #fff;
	padding:25px 11px 14px 12px;
	background:#ebe9d2;
	overflow:hidden;
	float:inherit;
	}
.opcja {
	width:646px;
	padding:0 50px 15px 11px;	
	float:inherit;
	}
.o1 { width:86px;	float:left;		padding:4px 0 0 0;	}
.o2	{ width:528px;	float:left;	}
.o3 { width:32px;	float:left;		padding:4px 0 0 0;	}
.o4 { width:73px;	float:left;		padding:4px 0 0 0;	}
.o5 { width:100px;	float:inherit;	margin:8px 0 0 1px;	}
.o2	img { vertical-align:middle; margin:0 5px;}
.inputs {
	width:509px;
	height:22px;
	border:1px solid #c7c5ad;
	font-size:14px;
	padding:4px 0 0 5px;
	vertical-align:middle;
	}	
.inputs2 {
	width:151px;
	height:22px;
	border:1px solid #c7c5ad;
	font-size:14px;
	padding:4px 0 0 5px;
	vertical-align:middle;
	}			
.selects {
	width:516px;
	height:26px;
	border:1px solid #c7c5ad;
	font-size:14px;
	padding:3px 0 3px 5px;
	}		
.selects2 {
	width:81px;
	height:26px;
	border:1px solid #c7c5ad;
	font-size:14px;
	padding:3px 0 3px 5px;
	vertical-align:middle;
	margin:0 9px 0 0;
	}	
.radio {
	vertical-align:middle;
	margin:0 8px 4px 0;
	}
.txtarea {
	width:514px;
	height:84px;
	border:1px solid #c7c5ad;
	}
#stopka {
	width:100%;
	height:20px;
	border-top:1px solid #c7c5ad;
	padding:4px 0 0 0;
	margin:0 auto 0 auto; 
	text-align:center;
	clear:both;
	float:inherit;
	}
.footer {	
	width:960px;
	float:inherit;
	text-align:right;
	font-size:12px;
	color:#000;
	}		
#powitanie {
	width:936px;
	height:auto;
	border:1px solid #c7c5ad;
	padding:30px 11px 11px 11px;
	float:inherit;
	background:#ebe9d2;
	overflow:hidden;  
	margin:0 0 15px 0;
	color:#000;
	}

#powitanie h2  {
	color:#45a300;
	font-size:16px;
	text-align:center;
	margin:0 0 5px 0;
	}	

/*   TABLES AND OTHER */

.tableCat {
	color: #F00;
	font-weight: bold;
}
.table1 {
	text-align: right;
}
.table2 {
	text-align: left;
}
.table3 {
	text-align: left;
	color: #F00;
	font-weight: bold;
}
.table4 {
	color: #06F;
	text-align: left;
	font-weight: bold;
}
.table5 {
	background-color: #99F;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.form_title {
	padding-left:10px;
	width: 300px;
	background-color: #99F;
	border-width: thin;
	border-style: solid;
	border-color: #000;
	border-bottom-width: 0px;
}

.table6 {
	text-align: center;
	color: #000;
	font-weight: normal;
}
/* ---- FORM CLASSES ---- */
.button1 {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #999;
	border: 1px solid #000;
	text-align: center;
	float: none;
	height: auto;
	width: auto;
	color: #FFF;
	clear: none;
}
.editform1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCC;
	border: 1px solid #000;
	text-align: center;
	float: none;
	align: left;
	color: #FFF;
	clear: none;
}
.textarea_form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
	border: 1px solid #000;
	width: 150px;
	height:100px;
	float: none;
	clear: none;
}
.input_form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	height: 18px;
	width: 150px;
	border: thin solid #000;
}
.input_form1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	height: 15px;
	width: 100px;
	border: thin solid #000;
}
.input_form2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	height: 15px;
	width: 150px;
	margin-bottom:2px;
	border: thin solid #000;
}
.input_select {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	width: 150px;
	margin-bottom:2px;
	border: thin solid #000;
}
.form_service {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #CCC;
	width: 300px;
	border: thin solid #000;

}
.input_QuickSearch {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFF;
	height: 18px;
	width: 150px;
	border: thin solid #000;
}
.button_QuickSearch {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-color: #999;
	border: 1px solid #000;
	text-align: center;
	float: none;
	height: auto;
	width: auto;
	color: #FFF;
	clear: none;
}
/* ---- END FORM CLASSES ---- */
.tableLogs {
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

.tableLogsHeader {
	text-align: center;
	background-color: #99F;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #000;
}

.tableLogsred {
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	color: #F00;
}
.tableLogsgreen {
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	color: #0C0;
}
.tableLogsyellow {
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	color: #FFFF00;
}
.InvToolbar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;

	padding-left: 5px;

	float:left;
	width:20%;

}

.InvMain {
	float: left;
	width: 95%;
	background-color: #CCC;
	border: thin solid #000;
	padding: 10px;

}
.InvInfo {
	font-size: 10px;
	text-align:right;
	padding: 5px;
	float: right;
	width: 40%;
}
.InvCustInfo {
	font-size: 10px;
	padding: 5px;
	text-align:left;
	float: left;
	width: 40%;
}
.InvDetail {
	margin-top: 2px;
	font-size: 10px;
	padding: 5px;
	height: auto;
	width: 99%;
	//border: thin solid #000;
	clear: both;
}

.InvTotals {
	float: right;
	width: 130px;
	padding-right: 5px;
	padding-top: 10px

}

.InvSumN {

	float:left;
	text-align: right;

}

.InvSumTN {

	float:right;
	text-align: right;

	
}


.InvSumTNR {
	color: #F00;
}

.InvTable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	font-weight: bold;
}
.InvStatus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-align: center;
}
.InvStatus1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #090;
	text-align: center;
}
.InvStatus2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #F00;
	text-align: center;
}





.InvStatusR {
	text-align: center;
}
.InvOptions {
	font-size: 10px;
	padding: 5px;
	text-align:left;
	float: left;
	width: 45%;

}
.InvAddItem {
	font-size: 10px;
	padding: 5px;
	text-align:left;
	float: right;
	width: 45%;
}



.GoodMsgs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C60;
	text-align: center;
}


	
/* Big box with list of options */
#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:150px;	/* Width of box */
		height:100px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border: thin solid #000;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		z-index:100;
		font-size: 10px;
		font-weight: bold;
	}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size: 10px;
	}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#CCFF66;

	}
#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
label {
	text-align:right;
	float: left;
	width:80px;
	font-weight: bold;
}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #FFF;
	background: #CCC url(../g/title.png) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #000;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(g/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../g/info.gif);
}

#popup_content.confirm {
	background-image: url(../g/important.gif);
}

#popup_content.prompt {
	background-image: url(../g/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.status {width:200px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; float:left; margin-right: 10px;}
.status .title {width:200px; height:23px; padding:5px 0 0 0; background:url(../g/status_title.png) no-repeat; color:#fff; text-align:center; font-weight:bold; text-transform:uppercase; float:inherit;}
.status .content {width:164px; float:inherit; padding:10px; border:1px solid #000; border-top:none; margin:0 8px 10px; background:#d1d1d1;}