/* GENERAL */
	/* margin's, padding's,background's etc */
html, body {margin: 0; padding:0;color:#171717;font-size:11px;height:98%;font-family:Tahoma,Arial,Helvetica, sans-serif;cursor:default;}
a {text-decoration:none;color:#767676;}
a:hover {text-decoration:underline;font-weight:bold}
a.normal {text-decoration:underline;color:blue;}
a.normal:hover {text-decoration:underline;font-weight:normal;}

a.more {padding-right:10px;background:url(../images/more.gif) no-repeat right center;font-size:11px;}
h1,h2,h3,h4,p,form,fieldset{margin:0;padding:0;text-align:center;}
h1 {font-size:17px; color:#0c7a00;}
h2 {font-size:15px; color:#0c7a00;}
h3 {font-size:13px; color:#0c7a00;}
h4 {font-size:11px; color:#0c7a00;}
img {border:0px;}
fieldset {border:1px solid #ffae00; padding:3px 3px 3px 3px; width:804px}
fieldset.edycja {border:1px solid #ffae00; padding:3px 3px 3px 3px; width:780px}




/* forms */
input,select,label {font-size:12px;float:left;display:block;margin-bottom:3px;font-family:Tahoma,Arial,Helvetica, sans-serif;}

input,select {
	border:1px solid #ffae00;
	font-size:12px;
	width:140px;
	height:18px;
}
input.radio {float:none;width:25px;border:0;display:inline;}
input.checkbox {float:left;width:25px; border:1px solid #ffae00;}
label {	
	width:150px;
	padding-right:1px;
	height:17px;
	font-weight:bold;
	display: inline; white-space: nowrap;
}
label.inactiveUsers{
	 color:#8F8F8F;
}
textarea {
	border:1px solid #ffae00;
	width:780px;
	height:250px;
}

input.submit {width:auto;border:0;background:none;cursor:pointer;}
input.submit {margin-top:3px;}
input.button:hover {background:#D9F4BF;}  input.button:active {background:#CEE2F2;}
input.buttonEdytuj:hover {background:#D9F4BF;} input.buttonEdytuj:active {background:#CEE2F2;}
input.buttonDelete {background: #F4D9BF url(../images/delete.png) no-repeat top left}input.buttonDelete:hover {background:red;} input.buttonDelete:active {background:red;} input.buttonDelete:focus {background:red;}
textarea:focus,input:focus {background:#D9F4BF;}
input.hidden{display:none;}
.buttonVisible{display:block;}
.buttonHidden{display:none;}

/*                     form validator                                 */
/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	padding:1px 1px 1px 1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	/*border:1px solid #FFF;*/
}
img{
	border:0px;
}



/* end of form */

br.clear {clear:both}
.center {text-align:center;}


/* LAYOUT */
body {
	text-align:center;
	padding-top:2px;
	background-color:#F4F3EB;
}

table {
	text-align:center; 
}
table tr td {
	padding:2px;
}
table tr th {
	font-size:13px;
	font-weihgt: bold;
	margin:10px;padding:10px;
}

table.users {
	width:100%;
}
table.users tr th {
	cursor: pointer;
	font-size:10px;
	background: #D9F4BF;
	font-weihgt: bold;
	margin:2px;padding:2px;
}
table.users tr th.selectedUp{
	background: #CEE2F2 /*url(../images/Up.png) no-repeat  center center*/;
}
table.users tr th.selectedDown{
	background: #CEE2F2 /*url(../images/Down.png) no-repeat  center center*/;
}
table.users tr th.nolink{cursor:default;}
table.users tr {
	height:21px;
	max-height:21px;
}
table.users tr td {
	height:21px;
	max-height:21px;
	font-size:10px;
	background:#DDF0DD;
	padding:2px;
}
table.users tr.szary td {
	/*background:#D9D9D9;*/
	background:#F2A0A0;
}
table.users tr:hover td {
	background:#CEE2F2;
}
table.users tr.blue td {
	background:#CEE2F2;
}


#wrapper {
	width:980px;
	margin:0 auto;
	text-align:left;
		height:100%;
}
#wrapper #top{
	float:left;
	width:980px;
	padding: 2px 0 2px 0;
	border-top: 1px solid #ffae00;
	border-bottom: 1px solid #ffae00;
	border-left: 1px solid #ffae00;
	border-right: 1px solid #ffae00;
}
#wrapper #top #username{
	padding: 2px 5px 2px 5px;
	width:75px ;
	float:left;
	border-right: 1px solid #ffae00;
	font-size:9px;
}
#wrapper #top #menu{
	padding:3px 0px 3px 5px;
	position:relative;
	padding-right:3px;
	}
#wrapper #top #menu a {
	color:#373737;
	float:left;
	background:#DDF0DD;
	padding: 2px 2px 2px 2px;
	margin: 1px 2px 1px 1px;
}
#wrapper #top #menu a div {
	font-weight:bold;
	padding: 2px 1px 2px 1px;
	background:#DDF0DD;
	text-align:center;
	height:30px;
	width: 90px;
}
#wrapper #top #menu a:hover {
	color:#52a24f;
	background:#CEE2F2;
/*	color:#d81f16;
	background: #d81f16;*/
	text-decoration:none;
}
#wrapper #top #menu a:hover div{
	background:#DDF0DD;
	cursor:pointer;
/*	background:#D9F4BF;*/
}

#wrapper #top #menu a.selected {
	color:#52a24f;
	background: #CEE2F2;
}
#wrapper #top #menu a.selected div{
	background:#CEE2F2;
}


#wrapper #content {
	text-align:center;
	min-height:100px;
	float:left;
	width:980px;
	padding:10px 0 10px;
}
#wrapper #content #formLogowanie{
	float:left;
	padding:0 0 0 253px;
}
#footer {
	float: left;
	height:15px;
	width:980px;
	padding:0 ;
	color:#ffae00;
	border-top: 1px solid #ffae00;
	font-size:9px;
}
#footer span {
	float:left;
	margin: 1px 1px 1px 1px;
}
#footer span a {text-decoration:none;color:#ffae00;font-weight:bold;}
#footer span a:hover {text-decoration:underline;}


#wrapper #sessionKeeper{
	display:none;
}



#wrapper #content #listaWiadomosci fieldset.nieprzeczytane{background:#DDF0DD;}
#wrapper #content #listaWiadomosci fieldset.deleted{background:#F2A0A0;}
#wrapper #content #listaWiadomosci fieldset.priorytet{background:#FFFFCC; color: red; border:2px solid #ff0000;}
#wrapper #content #listaWiadomosci fieldset.przeterminowana{background:#E3E3E3;}
#wrapper #content #listaWiadomosci fieldset:hover{background:#CEE2F2;}
#wrapper #content #listaWiadomosci .left{
	width        : 635px;
	max-width    : 635px;
	border-right : 1px solid #ffae00;
	font-size    : 12px;
	text-align   : left;
}
#wrapper #content #listaWiadomosci .left pre {
	overflow     : auto;
	min-height   : 120px;
}
#wrapper #content #listaWiadomosci .right{
	background:#DDF0DD;
	width:155px;
	font-size:10px;
}
#wrapper #content #listaWiadomosci input {
	width:155px;
	height:22px;
	float:right;
	padding-bottom:4px;
}

#wrapper #content #listaWiadomosci .zalacznik {
	font-color:blue;
	text-decoration:underline;
	text-align:left;
}
#wrapper #content #listaWiadomosci .zalacznik a:hover {
	font-weight:normal;
	text-decoration:none;
	color:blue;
}



#wrapper #content .label2 {	
/*	width:280px;*/
	padding:1px;
	height:15px;
	font-size:13px;
	text-align:center;
	font-weight:normal;
	display: inline; white-space: nowrap;
	float:left;
}
#wrapper #content input.checkbox {float:left; width:15px; border:0px; }








/********   M E N U   2   ***********/
#wrapper #content #subContent{
	width:810px;
	margin: 0 85px 0 85px;
	}
#wrapper #content #subContent .menu1{
	float:left;
	width:810px;
	padding: 2px 0 2px 0;
	border-top: 1px solid #ffae00;
	border-bottom: 1px solid #ffae00;
	border-left: 1px solid #ffae00;
	border-right: 1px solid #ffae00;
	position:relative;
	}
#wrapper #content #subContent .menu1 a {
	color:#373737;
	float:left;
	background:#DDF0DD;
	padding: 2px 2px 2px 2px;
	margin: 1px 2px 1px 1px;
}
#wrapper #content #subContent .menu1 a div {
	font-weight:bold;
	padding: 2px 4px 2px 4px;
	background:#DDF0DD;
	text-align:center;
}
#wrapper #content #subContent .menu1 a:hover {
	color:#52a24f;
	background:#CEE2F2;
/*	color:#d81f16;
	background: #d81f16;*/
	text-decoration:none;
}
#wrapper #content #subContent .menu1 a:hover div{
	background:#DDF0DD;
/*	background:#D9F4BF;*/
}

#wrapper #content #subContent .menu1 a.selected1 {
	color:#52a24f;
	background: #CEE2F2;
}
#wrapper #content #subContent .menu1 a.selected1 div{
	background:#CEE2F2;
}

#wrapper #content #subContent #editUserRightsInputs .label1 {	
	width:300px;
	padding:1px;
	height:15px;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	display: inline; white-space: nowrap;
}
#wrapper #content #subContent #editUserRightsInputs .label2 {	
	width:250px;
	padding:1px;
	height:15px;
	font-size:13px;
	text-align:left;
	font-weight:normal;
	display: inline; white-space: nowrap;
}
#wrapper #content #subContent #editUserRightsInputs .label3 {	
	width:200px;
	padding:1px;
	height:15px;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	display: inline; white-space: nowrap;
}
#wrapper #content #subContent #editUserRightsInputs input.checkbox {float:left;width:15px; border:0px ;}









/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:350px;	/* Width of box */
	height:350px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	padding:1px;
	cursor:pointer;
	height:17px;	
	font-size:11px;
	margin:4px 2px 4px 2px;
	padding:1px 1px 1px 1px;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
	font-size:13px;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}



.DHTMLSuite_modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	-moz-opacity:0.4;	/* Transparency */
	background-color:#666;
	z-index:1;
	position:absolute; /* Always needed	*/
	z-index:100000;
}
.DHTMLSuite_modalDialog_contentDiv{
	border:2px solid #000000;	
	padding:2px;
	z-index:100002;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
	//background-color:#b3b3b3;
}
.DHTMLSuite_modalDialog_contentDiv_shadow{
	z-index:100001;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
	-moz-opacity:0.3;/* Transparency */
}











/*   D O D A W A N I E   P L I K O W        */

#btnSubmit { margin: 0 0 0 155px ; }



/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 100%;
	overflow: hidden;
}

.progressContainer {
	margin: 0px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../js/swfupload/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

#thumbnails{
	width: 640px;
	height: 146px;
	float: left;
}
#thumbnails div{
	float: left;
	height: 140px;
	width: 120px;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 2px;
	text-align: center;
}
#thumbnails div div{
	float: right;
	text-align: center;
	height: 16px;
}
#thumbnails div img{
}