﻿@import url("Pager.css");
/* ustawienia wstępne */
body{
  font-family:Verdana; 
  font-size:10px; 
  text-align:center; 
  margin:0px; 
  padding:0px;
  background-color:#A9AAA5;
  color:#2E2926;
}
table,tr,th,td{
  margin:0px; 
  padding:0px; 
  border:none 0px; 
  border-spacing:0px;
  border-width:0px;
}
input,select{font-size:10px;}
h1{
  font-size:12px; 
  font-weight:bold; 
  color:#00f; 
  margin:0px;
}
h2{
  font-size:12px;
  font-weight:bold;
}
div {
  position:relative;
  background-color:Transparent;
}
div.clfloat {
  float:none;
  clear:both;
  height:1px;
  font-size:1px;
}
a:link, a:visited {
  color:#00a;
}
#cookiesInfo {
  position:fixed;
  bottom:20px;
  right:20px;
  width:250px;
  text-align:left;
  background-color: #f0f0f0;
  padding:10px;
}
#acceptCookies {
  display:block;
  text-align:center;
}
  

/*panele główne*/
#mainpanel {
  width: 960px;
  height: auto;
  text-align:left;
  margin: 0px auto;
  padding:0px;
}
.leftpanel,.datapanel,#rightpanel {
  margin:0px;
}
.leftpanel{
  width:210px; 
  text-align:left;
  vertical-align:top;
  padding-bottom:0px;
  float:left;
}
.datapanel{
  float:right;
  width:735px; 
  /*padding:10px 15px;*/
}
#rightpanel{
  width:130px;
  text-align:left; 
  padding-bottom:2px;
}
.footpanel {
  height: 30px;
  width: 960px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  color: Black;
  background-color:#E2E6E5;
  border: none 1px #aaa;
  margin: 0px auto;
  margin-top:10px;
  padding-top:5px;
}
#header{
  width:100%;
  height:80px;
  vertical-align:bottom;
  text-align:center;
  font-family:Fantasy;
  font-size:2em;
  background-color:Transparent;
  margin-bottom:2px;
}
/* banery */
#ban1 { visibility:visible; }
#ban2 { visibility:visible; }
#logo { visibility:visible; }

/* komunikaty na stronach awaryjnych */
#emsg, #elink {
   text-align:center;
   font-size:12px;
   font-weight:bold;
}
#emsg p.warn {
   color:Yellow;
}
/* status bar */
#statusbar {
  position:relative;
  height:12px;
  width:100%; 
  font-weight:bold; 
  font-size:1.1em; 
  text-align:left; 
  vertical-align:middle;
  border:none 1px #898A85;
  padding:8px 0px;
}
div.toplinks {
  position:relative;
  right:0px;
  height:100%;
  /*width:300px;*/
  text-align:right;
  float:right;
}
#statusbar a, div.toplinks a {
  text-decoration:underline; 
  color:#515151; 
  font-weight:bold;
}
#statusbar a:hover, div.toplinks a:hover {color:#f00;}
#statusbar span {display:block; float:left;}
#statusbar span.smap span {margin-right:0.5em;}
div.toplinks a {border-left: none 1px #515151; padding-left:10px;}
div.toplinks a.first {border-left:none 0px;}

.gridpanel{
  width:100%; 
  overflow:visible;
}
.msgpanelg{
  width:auto;
  color:#000; 
  font-size:1.1em;
  background-color:#E2E6E5 /*#515151*/; 
  font-weight:bold;
  text-align:left;
  padding:5px 2px;
  margin-bottom:5px;
}

.thumbpanel   {width:250px; position:relative; float:left; background-color:#f9c; text-align:left; overflow:auto; left:0px; }
.imagepanel   {width:450px; position:relative; float:right; text-align:center; background-color:#a55; border-left:solid 3px #777; }

/* komunikaty dodatkowe */
div.instr {
  font-size:1.3em;
  text-align:center;
}
span.mailto {
  font-style:italic;
}

/* grid view */
.gridview {
  width:100%; 
  vertical-align:top; 
  text-align:left;
  }
.gridview td {
  padding: 5px 10px;
  }    
.gridview td.dcfiimg {
  text-align:center;
  }
.gridview td.dcfinum {
  text-align:right;
  }
.gridview .dcfcnum {
  width:50px;
  }
.gridview a.kod {
  font-weight:bold
  }
.gridview span.opis {
  font-style:italic
  }
.gridview th {
  padding:10px 2px;
}  
.gridview tr.fvhead { 
  background-color:#88f; 
  color:#fff; 
  vertical-align:middle; 
  height:30px; }
tr.gridrow1,.gridrowempty{
  background-color:#E1E1E1;
  }
tr.gridrow2 {
  background-color:#DADADA;
  }
tr.gridrowsel{
  background-color:#F6F6D8;
}
.gridrowempty{
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
}
.gridview tr.gridrow1 a, .gridview tr.gridrow2 a {
  color:Black; text-decoration:none;
  }
.gridview tr.gridrow1 a:hover, .gridview tr.gridrow2 a:hover {
  color:#fff; 
  background-color:#aaa; 
}
.gridview tr.gridfoot {
  background-color:#507CD1;
  color:White;
  font-weight:bold;
}
.gridview tr.gridhead, div.gridhead {
  cursor:default;
  background-color:#515151; 
  color:White; 
  font-weight:bold; 
  white-space:normal;
  text-align:center;
}
.gridview td.cena {
  width:50px;
  text-align:center;
  font-weight:bold;
}
span.cenakat{
  text-decoration:line-through;
  font-weight:normal;
  color:#777;
}
span.cenaof{
  font-weight:bold;
  font-size:1.1em;
}
span.zamiastid_, span.cenavat {
  font-size:90%;
  color:#404080;
  font-weight:normal;
}
.gridview td.dost,.gridview td.oferil {
  width:90px;
  text-align:center;
}
.gridview td.kosz {
  width:70px;
  text-align:center;
}
.gridview td.wart {
  width:50px;
  font-weight:bold;
}
.gridview td.ftwart {
  text-align:right;
  font-weight:bold;
  font-size:1.3em;
}
.gridview span.empty {
  font-size:1.5em;
  font-weight:bold;
}
div.menupanel {
  margin-top:10px;
  text-align:right;
}


/* kolumny z basketinfo */
#basketinfo {width:730px;}
#msgchange {text-align:left; width:400px; font-weight:bold; color:Red;}
#lbltotal {text-align:right; width:200px; font-weight:normal;}
#txttotal {text-align:right; width:100px; font-weight:bold;}

/* brief info */
div.bibox {  /* głowna klasa kontrolki */
  border: none 1px; 
  width: 100%; 
  text-align:left; 
  overflow:hidden;
  margin:0px 0px 10px;
}
table.bibox {
  background-color:Transparent;
  border:none 0px;
  margin:0px;
}
.bibox .bihead { /* klasa nagłowka */
  background-color:Transparent; 
  background-image:url("../Images/biboxhead.gif");
  color:#111; 
  text-align:center; 
  font-weight:bold;
  font-size:1.1em;
  margin:0px; 
  padding:2px;
  padding-bottom:5px;
  cursor:default;
  }
.bibox .bihead a:link, .bibox .bihead a:visited { 
  background-color:Transparent; 
  color:#111; 
  text-align:center; 
  margin:0px; 
  padding:2px;
}
.bibox .bihead a:hover { 
  color:#f00;
}
div.bibox div.bibody, .biround { /* klasa treści */
  background-color:#E2E6E5;
  margin:0px;
  padding:0px;
  overflow:hidden;
} 
.bibox .bifoot,.bibox .bisubhead { /* klasa stopki i podgłówka */
  background-color:#E2E6E5;
  text-align:right;
  padding-right:10px;
  padding-top:5px;
}
.bibox .bisubhead {
  text-align:left;
  overflow:hidden;
  padding-left:8px;
}
.bibox .bifoot2 {
  height:8px;
  background-image:url("../Images/biboxfoot.gif");
  background-repeat:no-repeat;
}
.bibox table {
  width:100%;
  margin:0px;
  padding:0px;
}  
.bibox td {
  padding: 0px 5px; 
}
.bibox td.etyk {
  vertical-align:top;
  padding-left:10px;
  cursor:default;
}
.bibox td.bihr { 
  padding:0px;
  height:1px; 
  background-color:#bbb;
}
.bibox td.hint {
  font-size:85%;
  font-style:italic;
  text-align:center;
}
.bibox td a:link, .bibox td a:visited {
  color:#000; 
  text-decoration:underline; 
  font-weight:bold;
}
.bibox td a:hover {
  color:#f00;
}
.bibox input[type="text"],.bibox input[type="password"] {
  width:140px;
  margin-bottom:3px;
}
.bibox select {
  width:144px;
  margin-bottom:3px;
}
.bibox td.etyk {
  width:40px;
}
.biround {
  font-size:1.1em;
}
div.biround div.form_field {
  /*width:100%;*/
  height:22px;
}
div.biround div.form_field div.form_fieldlabel, 
div.biround div.form_field div.form_fieldcontrol {
  width:50%;
  height:100%;
}
div.biround div.form_field div.form_fieldlabel {
  padding:0;
  text-align:right;
}
div.biround div.form_field div.form_fieldcontrol {
  text-align:left;
}
/* info klienta */
table.klient {
  padding-left:5px;
}

/* briefinfo o koszyku */
div.basket div.binner {
  margin-right:8px;
  overflow:hidden;
}
div.basket div.binner table.basket {
  width:960px;
  padding-left:5px;
}

/* drzewo grup asortymentowych */
.tvbox div {
  margin:0;
  padding:0;
  position:static;
}
div.tvinner { /* właściwe drzewo bez nagłówka */
  text-align:left;
  padding:0px 2px 0px 5px;
}
.tvinner table {
  width:auto;
}
.tvinner tr { /* wiersze w drzewie */
  margin:0px;
  padding:3px;
  height:1.5em;
  }
.tvinner td {
  padding:0px;
  margin:0px;
  width:auto;
}
.tvinner td.treenode {
  padding-left:5px;
}
.tvinner td a:link,.tvinner td a:visited {
  text-decoration:none;
  font-weight:normal;
}
.tvinner td a:hover, .tvbox li a:hover {
  border: none 0px;
}
.tvinner td a.treenode:hover {
  color:#fff; 
  background-color:#aaa; 
  border: solid 1px #6EA9F0;
}
.tvinner .selectnode a:link,.tvinner .selectnode a:visited { /* węzeł wybrany */
  font-weight:bold;
}
/*dla wersji na listach*/
.tvbox img {  
  display:block;
  position:static;
  float:left;
}
.tvbox span, .tvbox a {
  display:block;
  overflow:auto;
  padding-left:5px;
  padding-right:5px;
  float:left;
}
.tvbox ul,.tvbox li {
  display:block;
  clear:both;
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.tvbox li {
  margin-left:10px;
  padding-top:5px;
}
.tvbox li a:link, .tvbox li a:visited {
  text-decoration:none;
  font-weight:normal;
  color:Black;
}
.tvbox a.selected:link, .tvbox a.selected:visited{
  font-weight:bold;
}
  
/* login box */
table.loginouter {
  width:100%;
}
table.loginbox {
  margin-bottom:0px;
}
table.loginbox .loginbtn {
 margin-right :10px;
}
td.failure {
  color:Red;
}

/* wyszukiwarka */
div.wyszuk td span {
  display:block;
  height:20px;
}

/* client page */
#slavecli table.clifv {
  width:100%;
}
.clipan               {
  width:100%; 
  vertical-align:top; 
  text-align:left; 
}
.clipan .pmain, .clipan .ppass, .clipan .padr1, .clipan .padr2, .clipan .pcomm, .clipan .pother { 
  text-align:left;
	padding:5px 2px 10px;
	outline:0px; 
	width:49%;
	float:left;
}
.clipan .ppass, .clipan .padr2 { 
  float:right;
}
.clipan .ppass .chpbtn {
  text-align:right;
}

.clipan .pother,.clipan .pcomm {
  width:100%;
  float:none;
  clear:both;
}
.clipan .pcomm {
  text-align:center;
}
.clipan h1 {
  font-size:12px; 
  font-weight:bold; 
  margin:0px;
  color:Black;
}
.clipan table {
  width:100%; 
  border:none; 
  outline:0px; 
}
.clipan tr.fvhead {
  color:Black;
  background-color:#bbb;
}
.clipan td { 
  width:50%; 
  padding:2px;
}
.clipan .pother td {width:25%;}

/* info o towarze */
#slaveitem table.tinfo {
  width:100%;
}
#itemdata{
  width:300px; 
  vertical-align:top; 
  text-align:left; 
  float:left;
}
#itemdata td {
  padding:2px 4px;
}
#itemdata table,.thumbs table{ 
  width:100%; 
  border:none; 
  outline:0px; 
}
#itemdata table {
  margin-bottom:10px;
}
.fullimg{
  width:400px;
  height:300px;
  padding:10px;
  text-align:center; 
  vertical-align:middle; 
  overflow:hidden;
}
.thumbs{
  float:none;
  clear:both;
  width:100%; 
}
.thumbs tr.fvhead td{
  padding: 6px 4px;
}
#slaveitem tr.fvhead{
  color:Black;
  background-color:#bbb;
}
#slaveitem h1 {
  font-size:12px; 
  font-weight:bold; 
  margin:0px;
  color:Black;
}

/* koszyk */
#slavebasket td.cena, #slavebasket td.wart {
  text-align:center;
}
               
/*zamówienie*/
#slaveorder div.ordnag {
  text-align:center;
  position:static;
  margin-top:15px;
}
.ordnag div.bibox {
  margin: 3px 17px;
  width:210px;
  float:left;
  border-style:none;
}
.ordnag div.bibody {
  margin:3px 5px;
}
.ordnag table {
  margin-left:10px;
}
.ordnag .bibox td {
  padding: 4px 2px;
}
#slaveorder .bibox .bihr {
  background-color:Transparent;
}
#slaveorder #btns, #slaveorder .menupanel {
  text-align:center;
}
#slaveorder #btns input {
  margin:5px auto;
}

/*chpass*/
#slavecp {
  text-align:left;
}
#slavecp .chpass, #slavecp .pcomm, #slavecp #chpassinst { 
  text-align:left;
	padding:5px 2px 10px;
}
#slavecp .chpass td {
  padding:5px;
}
#slavecp .pcomm {
  text-align:center;
  width:100%;
  float:none;
  clear:both;
}
#slavecp #cpmail {
  text-align:center;
}
#slavecp .chpass input {width:180px;}
#slavecp #chpassinst {
  text-align:center;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	left:0;
	top:0;
}
.modalDrag{
  background-color:#DDDDDD;
  border:solid 1px Gray;
  color:Black;
  text-align:center;
  padding:2px 10px;
  vertical-align:middle;
}
.modalMsg{
  text-align:left;
  padding:6px 3px;
  font-size:larger;
  font-weight:bold;
}
.modalFoot{
  border-top:solid 1px gray;
}
.modalMsgTable {
  border-top:solid 1px black;
  padding:0px;
}
.modalMsgTable td,
.modalMsgTable th{
  padding:1px 10px 0px 0px;
  text-align:left;
  font-weight:normal;
}
.modalMsgTable th{
  font-weight:bold;
  color:Blue;
}
/*CollapsiblePanel*/
.collapsePanel {
	background-color:Transparent;
	overflow:hidden;
	margin-bottom:5px;
}
.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../Images/colpan_bg.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
	margin-bottom:5px;
}
/* CalendarExtender */
.MyCalendar {
  position:static;
}
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #C2C6C5;
    color: black;
    width:200px;
}
.MyCalendar .ajax__calendar_day,
.MyCalendar .ajax__calendar_dayname,
.MyCalendar .ajax__calendar_month{
  width:10px;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Gray;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: Blue;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: blue;
    font-weight:bold;
}
/* Komunikaty o wyprzedaży */
span.wyprz1,span.wyprz2{
  color:#ff6600;
  font-size:1.1em;
  font-weight:bold;
}
span.wyprz1{
  color:Lime;
  text-decoration:blink;
}

/* Progress */
#progress {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
  width:300px;
  position: fixed;
}
#progressm {
  font-size:1.5em;
  font-weight:bolder;
  color:#6C6C6C;
}
/* javaPopUp */
#pup {
  position:absolute;
  color:White;
  background-color:#111111;
  text-align:left;
  font-weight:bold;
  padding: 3px;
  /*border:solid 2px #111100;*/
	filter:alpha(opacity=90);
	opacity:0.90;
}
/*ramka powitalna*/
#istart {
  width:100%;
  height:500px;
  border:none;
}
/*licznik odwiedzin*/
.hitcnt { 
  clear:left; 
  font-size:10px; 
  text-align:center;
  position:static;
}
.hitcnt span {
  padding: 2px; 
  margin: 1px; 
  border:solid 1px transparent;
  border-left-color:#000;
  border-right-color:#000;
  font-weight: bold; 
  background: #fff; 
  color: #000; 
  cursor:default;
}
/* mail info w towarach */
a.mailinfo {
  margin-left:10px;
}
/* href button */
a.hbutton {
  background:#F2F2F2 url(../Images/buttonbg.gif) repeat-x scroll left center;
  border-color:#D6D6FF #BBBBFF #BBBBFF #D6D6FF;
  border-style:solid;
  border-width:1px;
  color:#000;
  margin:1px 3px;
  padding:2px 5px;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}
/*elementy formularzy*/
div.form_fieldlabel {
  float:left;
  width:40px;
  padding-left:10px;
  padding-right:10px;
}
div.form_fieldcontrol {
  width:140px;
  float:right;
}
div.form_fieldcontrol select {
  width:140px;
}
/* stany magazynowe */
#stowdows {
  width:250px;
  margin-bottom:20px;
}
#stowdows th {
  padding:2px;
}
#stowdowsh {
  width:250px;
  padding:5px 0;
}
/* tło dla linkbutton */
a.asoLinkButton {
  background:#D4D4D4;
  border-color:#909090;
  border-style:solid;
  border-width:3px;
  color:#000;
  margin:1px 3px;
  padding:2px 5px;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}
