html, body 
{ 
	width: 100%; 
	font-family: 'DejaVu Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/** for cross-browser compatibility **/
html, body, div, span, img, tr, th, td, table, thead, h1, h2, h3, h4, h5, h6, 
p, a, i, b, ul, /*li, ol,*/ form, /*input,*/ button, label, cite, code
{
	margin: 0;
	padding: 0;
}

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.bold
{
	font-weight: bold;
}

body
{
	background-color: #e2e2e2;
	color: black;
}

a
{
	text-decoration: none;
}

h1 
{ 
	font-size: 18px;
	font-weight: normal;
}

h1 a
{
	font-size: 18px;
	color: black;
}

.topMenu
{
	height: 46px;
}

.infoBar
{
	height: 69px;
	background-image: url('../images/infoBarBack.jpg') ;
}

.infoBarItem
{
	height: 65px;
	line-height: 65px;
}

.swpaLogo
{
	margin-left: 10px;
	float: left;
}

.logoImg
{
	float: left;
	width: 115px;
}

.topH
{
	width: 700px;
	float: left;
}

.logout
{
	margin-right: 30px;
	float: right;
}

.logout a
{
	color: black;
	font-weight: bold;
}

.logout a img
{
	vertical-align: middle;
	line-height: 65px;
	margin-left: 10px;
}

.menuBarPadder
{
	margin-left: 22px;
	margin-right: 10px;
}

.rootMenuItem
{
	line-height: 34px;
	padding: 0 10px !important;
}

.menuBar
{
	height: 33px;
	line-height: 33px;
	/*background-image: url('../images/menuBarBack.jpg') ;*/
	background-color: #1e0068;
}

.menuBar a
{
	/*color: #CF0638;*/
	color: white;
}

.mainContainer
{
	margin: 0 30px;
}

.noscript
{
	margin: auto;
	width: 500px;
	line-height: 100px;
}

.topToolBar
{
	overflow: auto;
}

.headerBar
{
	/*width: 450px;*/
	width: 413px;
	overflow: hidden;
	float: left;
}

.headerBar h2
{
	font-size: 16px;
	line-height: 28px;
	color: #4eb3ff;
}

.buttonsBar
{
	float: right;
}

.btnContainer
{
	float: right;
	margin-left: 5px;
	display: inline;
}

#extjsContainer
{
	padding: 5px 0 0 0;
	min-height: 300px;
}

.footer
{
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin-right: 30px;
	margin-left: 30px;
}

.footer a
{
	color: black;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.login-body
{
	background: white url('../images/login_bg.jpg') repeat-x top left;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.wait-icon
{
	background: transparent url('../images/clock_32.png') no-repeat scroll left top;
	height: 32px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.x-portlet
{
	margin-bottom: 10px;
}

#portlets-container #ext-gen5 #ext-gen6
{
	height: auto !important;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.first-th
{
	width: 150px;
}

.templates-shortcuts
{
	font-size: 11px;
	background-color: white;
	width: 100%;
}

.templates-shortcuts th
{
	background-color: #e6e6e6;
}

.templates-shortcuts, .templates-shortcuts td, .templates-shortcuts th
{
	border-left: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	border-collapse: collapse;
}

.templates-shortcuts td, .templates-shortcuts th
{
	padding: 5px 10px;
}

.msgContainer h1
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.msgList 
{
	margin: 0 0 10px 0;
}

.msgList li
{
	margin-left: 20px;
	list-style-type: disc;
}

.msgSmall 
{
	font-size: 9px;
}

.pureCheckbox input
{
	margin: 0 !important;
	padding: 0 !important;
	
}

/************************************************************************/
/* komunikat */

.white
{
	 background-color: #d4e1f2;
    border: 1px solid #99bbe8;
}

.green
{
	 background-color: #d4e1f2;
    border: 1px solid #99bbe8;
}

.red
{
	 background-color: #d4e1f2;
    border: 1px solid #99bbe8;
}

.yellow
{
	background-color: #FFCC66;
	border: 1px solid #99bbe8;
}

.msg
{
    position:absolute;
    left:35%;
    top:5px;
    width:300px;
    z-index:20000;
    color: black;
}

.msg h3
{
	font-size: 13px;
	line-height: 15px;
	padding: 15px 15px 0 15px;
}

.msg p
{
	font-size: 11px;
	padding: 5px 15px 15px 15px;
}

.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

ol.html_list {
	padding: 0 0 3px 25px;
	list-style-type: decimal;
}

ol.html_list li {
	
}

.product-expanded-row-html, .orders-expanded-row-html {
	height: 100%;
	overflow: hidden;
	padding: 3px 5px 10px 5px;
}

.product-expanded-row-chb-html, .orders-expanded-row-chb-html {
	padding-left: 53px;
}

.product-expanded-row-html .descCnt, .orders-expanded-row-html .descCnt {
	padding-left: 102px;
	color: #808080;
}

.product-expanded-row-html .imgCnt, .orders-expanded-row-html .imgCnt {
	float: left;
	padding-right: 3px;
	margin: 0 0 0 -102px;
}

.product-expanded-row-html .noDescribe, .orders-expanded-row-html .noDescribe {
	font-style: italic;
	color: #999;
}

.products-fake-label, .orders-fake-label {
	font: 12px tahoma,arial,helvetica,sans-serif;
}

.products-fake-label .padding, .orders-fake-label .padding {
	padding: 3px 0 3px 0;
}

.search-item {
	margin: 3px;
	border-bottom: 1px solid #99BBE8;
	padding-bottom: 3px;
}

.search-item .name {
	padding-bottom: 2px;
}

.search-item .name .hl {
	font-weight: bold;
	color: blue;
}

.search-item .describe {
	font: 10px tahoma,arial,helvetica,sans-serif;
	color: #808080;
}

.products-grid-toolbar .x-toolbar, .orders-grid-toolbar .x-toolbar {
	border: 1px solid #99BBE8;
	border-top: 0;
	border-bottom: 0;
}

.filters-grid-toolbar .x-toolbar {
	border: 1px solid #99BBE8;
	border-top: 0;
}

.products-no-filters, .orders-no-filters {
	color: #999;
	font-style: italic;
	line-height: 17px !important;
}

.variants .variantsLabel {
	padding: 5px 0 5px 0;
	color: #000;
}

.variants .variantsTable {
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	color: #000;
}

.variants .variantsTable th {
	padding: 4px 3px 4px 5px;
	height: 16px;
	background-image: url("/pliki/admin/js/libs/ext/resources/images/default/grid/grid3-hrow.gif");
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
    font: 11px arial,tahoma,helvetica,sans-serif;
    font-weight: normal;
}

.variants .variantsTable td {
	padding: 4px 3px 4px 5px;
	border-top: 1px solid #D0D0D0;
    font: 11px arial,tahoma,helvetica,sans-serif;
}

.variants .variantsTable td.first {
	padding: 4px 3px 0 5px;
}

.variants .variantsTable td.last {
	border-right: 1px solid #D0D0D0;
}

.variants .variantsTable .toRight {
	text-align: right;
	padding: 4px 5px 0 3px;
}

.variants .variantsTable .toCenter {
	text-align: center;
}

.variants .variantsTable .variantsInnerTable {
	border: 0;
}

.variants .variantsTable .variantsInnerTable td {
	border-top: 0;
	padding: 0 6px 4px 0;
}
.variants .variantsEmpty {
	color: blue;
	font-style: italic;
}

.filter-field {
	padding-bottom: 5px;
}

.filters-narrow-panel .x-panel-body {
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.mask-min-height {
	/*padding-top: 200px;*/
}

#grid-orders-panel-narrowing div {
	border-top: 0;
}
.x-combo-list .x-combo-list-inner .search-item-selected {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.orders-main-grid .x-grid3-row-expanded .x-grid3-row-body-tr td {
	background-image: url("/pliki/admin/js/libs/ext/resources/images/default/grid/grid3-special-col-bg.gif");
	background-position: -4px 0;
	background-repeat: repeat-y;
}
.orders-main-grid .orders-row {
	margin: 3px 5px 8px 25px !important;
}
.orders-main-grid .orders-row div {
	margin-bottom: 3px;
	padding: 2px 2px 4px 2px !important;
	background-color: #E8E8E8;
}

.orders-row .label {
	color: #663300;
	font-style: italic;
}

.orders-row .hl {
	color: #CC3300;
}

.dynamic_sp {
	background-image: url("/pliki/admin/js/libs/ext/resources/images/default/grid/loading.gif");
	line-height: 16px;
	padding-left: 20px;
	background-repeat: no-repeat;
}