body
{
	margin:0px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

/*
State and WindowMode icons below. This css assumes that all icons are 16x16 and in the following order:
Normalicon - MinIcon - Maxicon
So, if a window is minimized, you will see:
Normalicon - (blank 16x16 space) - Maxicon
*/
span.alt {
display: none;
}    

a.normalMode {    
background-image: url(images/portlet_left_top/normal.gif); 
display: block;
overflow:hidden;
width: 16px; /* width of actual icon */ 
height: 0px;
padding-top: 16px; /* height of the replacement icon */
background-repeat: no-repeat; 
margin-bottom: -16px;
margin-top: 0px; 
margin-left: 0px; /* width of the minimize image to this icon's left */
margin-right: 0px;
}

a.minimizedMode {    
background-image: url(images/portlet_left_top/minimize.gif); 
display:block;
overflow:hidden;
width: 16px; /* width of actual icon */ 
height: 0px; 
padding-top: 16px; /* height of the replacement icon */
background-repeat: no-repeat; 
margin-bottom: 0px;
margin-top: 0px; 
margin-left: 16px; /* width of the normal image to this icon's left */
margin-right: 32px;
} 

a.maximizedMode {    
background-image: url(images/portlet_left_top/maximize.gif); 
display: block;
overflow:hidden;
width: 16px; /* width of actual icon */ 
height: 0px;
padding-top: 16px; /* height of the replacement icon */
background-repeat: no-repeat; 
margin-bottom: 0px;
margin-top: -16px; /* height of the replacement image */
margin-left: 32px; /* width of the minimize image to this icon's left */
margin-right: 16px;
}

/* fonts */
.portlet-title:
{
	
}

/* links */
a:link { color:#0033FF; text-decoration:none; }
a:visited { color:#0033FF; text-decoration:none; }
a:active { color:#0033FF; text-decoration:none; }
a:hover { color:#0033FF; text-decoration:none; }

/* divs */
div.portlet-region
{}
div.portlet-window
{
	border: 1px dashed #BBBBBB;
	margin-bottom: 20px;
	background-color:#FFFFFF;
	height:100%;
}

/* table, td, tr */
table.portlet-titleBarContainer
{
	background-color: #3C78B5;
	width: 100%;
	font-weight:bold;
	color:#FFFFFF;
}
table.headerTable
{
	background-color:#003366;
	height: 80px;
	width:100%;
}
table.footerTable
{
	background-color:#003366;
	height: 40px;
	width:100%;
	color:#FFFFFF;
}
td
{
	font-size:12px;
	/* vertical-align:top; */
	height:100%;
}
td.leftColumn
{
	background-color:#FFFFFF;
}
td.portlet-titleBarContentRight
{
	text-align:right;
}
td.portlet-section-alternate
{
	background-color:#E6E6E6;
}
td.portlet-section-body
{
	background-color:#F0F0F0;
}

body {
	margin: 0;
	padding: 0;
}

div#portal-container {
	margin-left: auto;
	margin-right: auto;
	width: 1036px;
}

div#login {
	font-size: 10px;
	/* min-height: 26px; */
	text-align: left;
	white-space: nowrap;
	margin: 0 0 0 125px;
	padding: 0;
	height: 26px;
	text-align: right;
	position: relative;
	z-index: 100;
}
div#login #dashboardnav {
	display: inline; padding-right: 60px;display: block; float: right;margin-top:6px;
	position: relative;margin-right: 10px;
}
div#login #dashboardnav a {
	position: absolute;	right: 5px; top: 0
}
div#login ul#login_list {
	border: 0 none !important;
	display: block;
	float: right;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 0;
	text-align: right;
	white-space: nowrap;
	width: auto;
	z-index: 100;
	
}

div#login ul#link_list {
	margin: 0;
	padding: 0;
	font-size: 12px;
	float: none;
	position: relative;
	left: 0;
	min-height: 19px;
	top: 4px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	z-index: 100;
	visibility: hidden;
}

div#login ul li {
	background-image: none;
	display: inline;
	font-size: 12px;
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
	vertical-align: top;
}
div#login ul li.img {
	vertical-align:baseline
}
div#login ul li.img img {
	height: 16px; width: 16px;margin: -1px -1px 0 0;
}
div#header {
	background: #FFF url(../img/naglowek.jpg) no-repeat top left;2BA5D6;
	min-height: 116px;
	padding: 4px;
	text-align: right;
	vertical-align: top;
	color: white;
	position: relative;
}

div#header h5 {
	font-size: 14px;
	height: 24px;
	margin: 20px 20px 0 20px;
	padding: 0;
	visibility: hidden;
}

div#header h5 img {
	position: absolute;
	top: 20px; right: 350px;
	display: none;
}

div#header h4 {
	font-size: 24px;
	height: 28px;
	margin:  0 20px;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 0px;
}

div#main {
	background: #E4EBEB url(./img/cien_.gif) repeat-x top center;
	min-height: 500px;
	padding-bottom:10px;
}

div#footer {
	background-color: #CAD6E0;
	text-align: center;
}
div#footer span {
	margin: 2px auto;
	font-size: 10px;	
	color: #666;
}

.label {
	display: block;
	min-height: 21px;
	width: 300px;
	text-align: right;
	float: left; 
	clear: left; 
	line-height: 18px;
	color: #666;
	margin: 2px 1px;
}

.labelInline {
	color:#666666;
	float:left;
	line-height:18px;
	margin:2px 1px 2px 8px;
	min-height:21px;
	text-align:right;
}

.area textarea {
	width: 205px;
	text-align: left;
	float: left;
	clear: right;
	border: 1px solid #ddd;
	margin: 2px;
}
select.text, textarea.text, input.text {
	display: block;
	width: 120px;
	text-align: left;
	float: left;
	clear: right;
	border: 1px solid #ddd;
	margin: 2px;
	min-height:15px;
}

select.textLong, input.textLong {
	display: block;
	width: 320px;
	text-align: left;
	clear: right;
	border: 1px solid #ddd;
	margin: 2px;
}

textarea.textLong {
	display: block;
	text-align: left;
	width: 400px;
	height: 150px;
	clear: right;
	border: 1px solid #ddd;
	margin: 2px;
}
/* div.textLong do opakowania kontrolek fileupload i combobox */
div.textLong {
	display: block;
	width: 320px;
	text-align: left;
	float: left;
	clear: right;
	border: 0px solid #ddd;
}
.comboBoxInputI {
	border: 1px solid #ddd;	
}

div.textDisplay {
	min-height: 21px;
	text-align:left;
	margin: 2px;
	margin-left: 222px;
	padding: 0 3px;
	border: 1px solid #ddd;
}
.submit {
	float: left;
	clear: both;	
	margin: 2px 2px 2px 222px;
}

.submit input {
	width: 100px;
	text-align: center;
	margin: 2px 2px 2px 2px;
	border: 1px solid #ddd;
	color: #333;
	background: #eee url(../img/blublend.gif) repeat-x top center;
}
.alone {
	margin: auto;
	width: 500px;
	height: 150px;
	vertical-align: center;
	text-align: center;
	padding: auto;
	}

.form {
	color: #333;
	font-size: 12px;
	border-style: solid;
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	background-color: white;
	text-align: center;
}

form h2, div#display h2 {
	color: #E99F0C;#21507A;	
}	

#display {
	color: #333;
	font-size: 12px;
	border-style: solid;
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	background-color: #F7F7F7;
	text-align: center;
	margin: auto;
	width: 500px;
	vertical-align: center;
	text-align: center;
	padding: auto;
}

#form {
	color: #333;
	font-size: 12px;
	border-style: solid;
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	background-color: white;
	text-align: center;
	margin: auto;
	width: 500px;
	vertical-align: center;
	text-align: center;
	padding: auto;
}

form#formTableSmall {
	color: #333;
	font-size: 12px;
	border-style: solid;
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	background-color: white;
	text-align: center;
	width: auto;
	margin: 0 20px;
}


form#formTable {
	color: #333;
	font-size: 12px;
	border-style: solid;
	padding: 4px;
	border-width: 1px;
	border-color: #ddd;
	background-color: white;
	text-align: center;
	width: auto;
	margin: 0 20px;
}

form#formTable table {
	width: 100%;	
	table-layout: fixed;
}

form#formTable table table {
	width: 100%;	
	table-layout: fixed;
}
.calButton {float: left;}

/* menu */
table.selectedMenu {background-color:#EAF0F8; border:1px solid #C0C0C0; border-right-width:0;
					position: relative;right: -5px;}

/* rozmiary i ustawienia paneli */
#main_box {margin:0px 10px 0 129px;	background:white;#F3F2F2; border:1px solid #C0C0C0;min-height:720px;}
.floatPanel {float:left; 2px 0 5px 2px;position:relative;}
.more {position: absolute; right: 5px; top:3px; width: 55px}
.full_box {width: 878px;}
.half_box {width: 430px;}
.third_box {width: 290px;}
.twothird_box {width: 770px;}
.tiny_box {width: 120px;}
.full {width: 862px;}
#regionD .full, #regionE .full, #regionF .full, #regionG .full {width: 418px;} 
.half {width: 420px;}
.third {width: 280px;}
.twothird {width: 760px;}
.tiny {width: 110px;}

.documentLink {float:right; background-color:#EEEEEE; border:1px solid #C0C0C0;
	margin:0 2px 2px 2px}
.documentLink img {border: 0;margin: 2px;width: 64px;height: 64px}

.half .label {width: 150px;}
.half .textDisplay {margin-left: 154px;}
.half .submit {margin-left: 152px;}

.terminarzBold {
	font-weight:bold;
	color:red;
}

/* tytuł‚ strony */
.pagetitle_box {float:left; margin-top:4px; margin-right:0px; text-align:left; position: absolute;left:0;bottom:4px;text-align:center;
width:100%;}
.pagetitle_box h2 {color:white;/*#CC7070;*/font-size:15px;margin:0;background-color: transparent}

.pagetitle_box {position:relative; top: -22px; z-index: 100;margin: 0 auto;text-align: left;height:0}
.navigation {position: absolute;top:50px; text-align: left;color:darkred; width:1036px;margin:0 auto}
.pagetitle_box h2 {color: #4A75B5;#181D55; margin-left: 129px;font-weight: bold}
#main,#footer {position: relative; top:-25px}

/ * wyszukiwanie */
#search {margin-right: 20px;}
.search_box {float:right; margin-top:4px; margin-right:00px; text-align:left;}
.search_box .search_lnk {float: right; font-size: 11px; margin: 3px 0 3px 3px;}
.search_box .search_lnk a {color: #FCC676}
.search_box .text {text-align: left;float: right;clear:none;width: 160px}
.search_box .search_ext {float: right;font-size: 9px;display: none;}

/* kolumny o znanej szerokości */
.colLong {width: auto;}
.colStatus {width:70px;}
.colDane {width:100px;}
.colDaneShort {width:50px;}
.colDaneLong {width:200px;}
.colData {width:70px; text-align: center;}
.colIcon1 {width:20px; text-align: center;}
.colIcon2 {width:38px; text-align: center;}
.colIcon3 {width:56px; text-align: center;}
.colIcon4 {width:74px; text-align: center;}

/* tabele z danymi */
#main .rich-table {border: 0; width: 100%;}
#main .rich-table-headercell {border-width: 0;text-align: left;}
#main .rich-table-subheadercell { border: 0;background: #f2f2f2;color:#999;text-align: left;font-weight: normal;
							white-space:normal;}
#main .rich-table-cell { border: 0; color: #333; vertical-align:top}
#main .rich-table-cell img {border: 0; margin: 0;}
#main .add {background: white}
#main .even {background: #f7f7f7}

/* panele */	
#regionMenu	{position: relative;left:5px}
#main .rich-pmenu {	background: transparent; }
#main .rich-pmenu-item {text-align: center;width: 100%;margin-bottom: 3px}
#main .rich-pmenu-item-label {text-align: center; list-style-type: none; font-size:11px;}
#main .rich-pmenu-item-label img {position: relative;bottom:-5px}
#main .rich-pmenu td {display: none;}
#main td.rich-pmenu-item-label {display: block;}
#main .rich-pmenu-item-label {display:inherit;}
#main .dr-pmenu-item {border: none;}

#main .dr-pnl, .rich-panel {border: none;	padding: 0;	background: transparent;}
#main .dr-pnl-h {border: 0; min-height: 17px; padding: 3px 3px 0 3px;}
#main .dr-pnl-b, .rich-panel-body {padding: 0}
#main .rich-message-label {color:red;}

/* zakładki */
#main .rich-tabpanel {margin: 0; padding: 0; width: 891px;}
#main .rich-tab-bottom-line {background-color: #F7F7F7;padding-top:5px;}
#main .rich-tabpanel-content {margin:0; padding: 0;
background: transparent url(../img/blend3.gif) repeat-x top; border: 0;}
#main .rich-panel-body .rich-tabpanel {width:862px}

/* okna portletów */
.portlet-titlebar-left {display: none}
.portlet-titlebar-center {display: none}
.portlet-titlebar-right {display: none}

#main td.portlet-body {vertical-align: top}

/* odstępy regionów */
#main_box div.floatPanel {margin: 0}
#main_box .portlet-container .floatPanel { margin:7px 5px 10px 7px; }
#main_box .portlet-container {margin: 7px 25px 0px 7px}

#main_box #regionH .portlet-container {margin: 0}
#main_box #regionH .portlet-container .rich-panel  {margin: 0 1px}

/* zeby menu nie znikalo */
#regionMenu Table {position: relative}

#main .rich-panel-header {PADDING-RIGHT: 70px}