/**************************************************************************************************/
/*      Ogólne
/**************************************************************************************************/
BODY, H1, H2, H3, H4, H5, P, UL, OL, DL, DIV, TABLE, TD, TH, CENTER, BLOCKQUOTE, A, FORM, INPUT, TEXTAREA, SELECT, OPTION {
  font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
  color: #313131;
  font-size:11px;
}

::-moz-selection{ background:#67A52E; color:#fff; }
::selection{ background:#67A52E; color:#fff; }

BODY, P, UL, OL, DL, DIV, TABLE, TD, TH, FORM, INPUT, TEXTAREA, SELECT, OPTION  {
     font-size:11px;
}

BODY { margin: 0px; background:#fef8ef;}

H1, H2, H3, H4 { font-weight: normal; color: #76AC0C;}
H1 { font-size: 12pt; }
H2 { font-size: 11pt; font-weight:bold;}
H3 { font-size: 8pt; }
H4 { font-size: 7pt; }

P, UL, OL, DL, BLOCKQUOTE { line-height: 1.2; text-align: justify; }

TABLE { empty-cells: show; }
IMG { border: 0px; text-align: middle; }
PRE { margin: 10px 5px 10px 5px; color: #000000; text-align:left;}

/******************************************************************************/
/*      Listy i wypunktowania
/******************************************************************************/
OL, UL { margin-left: 0px; padding-left: 24px; }
UL { list-style-type: square; }
LI { line-height: 1.2; }
LI + LI, P + LI { padding-top: 5px; }

/******************************************************************************/
/*      LINKI
/******************************************************************************/
.a {cursor:pointer}
A {text-decoration: none; color: #333333;}
A:hover {text-decoration: none;color: #DF5C01;}
A IMG { border: 0px; }

.help, .icon{
  cursor:pointer; width: 19px; height: 19px;
  background: url(../images/icons/help.png) no-repeat ;
  vertical-align: middle; float: right; display: block;
  margin:0px 1px;
}

.tab_icon{
  cursor:pointer; width: 21px; height: 16px;
  background: url(../images/icons/help.png) no-repeat ;
  vertical-align: middle; float: right; display: block;
  margin:0px 0px;
  position:relative;
  top:2px;
}

.icon_email{
  background: url(../images/icons/icon_email.png) no-repeat ;
}
.icon_zoom{
  background: url(../images/icons/icon_zoom.png) no-repeat ;
}
.icon_history{
  background: url(../images/icons/icon_history.png) no-repeat ;
}
.icon_sms{
  background: url(../images/icons/icon_sms.png) no-repeat ;
}
.icon_tree{
  background: url(../images/icons/icon_tree.png) no-repeat ;
}
.icon_info{
  background: url(../images/icons/icon_info.png) no-repeat ;
}
.icon_house{
  background: url(../images/icons/icon_house.png) no-repeat ;
}
.icon_refresh{
  background: url(../images/icons/icon_refresh.png) no-repeat ;
}
.icon_dokumentacja{
  background: url(../images/icons/icon_dokumentacja.png) no-repeat ;
}
.icon_katalog{
  background: url(../images/icons/icon_katalog.png) no-repeat ;
}
.icon_delete, .icon_edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    float: right;
}
.icon_delete {
    background: url(../images/icons/ico-usun.png) 0 0 no-repeat ;
}
.icon_edit {
    background: url(../images/icons/ico-edit.png) 0 0 no-repeat ;
}

.icon-slug, .icon-clear {
  cursor:pointer; width: 16px; height: 16px;
  overflow: hidden; text-indent: 100px;
  background: url(../images/icons/link.png) 0 0 no-repeat ;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 1px;
}

.icon-clear {
  background: url(../images/icons/icon-clear.png) no-repeat ;
}

a.help:hover, a.icon:hover, span.icon:hover, a.tab_icon:hover{
background-position: 0px -19px;
}




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

FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #A6A6A6 }
LABEL { line-height: 1.5em; 	padding: 0.2em;}
LEGEND {
  width: 400px;
  border: 1px solid #A6A6A6;
  color: #76AC0C;
  padding: 5px 5px 5px 5px;
  margin: 5px;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  font-size:90%; letter-spacing:1px;
}

/******************************************************************************/
/*      Nagłówek i główna tabelka zawierajaca stronę
/******************************************************************************/
DIV.page { margin:0 auto; width: 980px; text-align: left; }

/******************************************************************************/
DIV.header {
    background: white;
    width: 100%;
	height:84px;
    overflow: hidden;
    position: relative;
	background:url(../images/bg_header.png) 0px 0px no-repeat;
}

.header_loop{
	/*position:absolute;	top: 0px;	left: 0px;	z-index: -1; height: 250px;*/
	width: 100%;
	text-align: center;
	background:url(../images/bg_header_loop.png) 0px 0px repeat-x;
}


div.ec_ver{
    position: absolute;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #888;
	text-shadow:1px 1px 0px #222;
    font-weight: normal;
	font-size:9px;
	letter-spacing:1px;

}


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

DIV.body { padding: 0px 10px; z-index:1;}
DIV.body_left { float: left; margin: 0px; width: 180px;}
DIV.body_center {
    vertical-align: top;
    margin: 0px 185px 20px 185px;
    background: white;
    text-align: left;
    padding-left: 8px; padding-right: 8px;
    border-left: solid 1px #E8E8E8;
    border-right: solid 1px #E8E8E8;
}



/******************************************************************************/
/*      Stopka
/******************************************************************************/
DIV.footer {
	margin:0 auto; width: 980px;
    position: relative;
    padding: 2px;
    color: #7F7F7F;
    clear: both;
    font-size:7pt;
    margin-top: 35px;

}
DIV.footer_loop{
    margin-top: 0px;
    width:100%; height:120px;
    text-align:center;
    clear:both;
	overflow:hidden;
	padding:0px;
	background:url(../images/bg_footer.png) 0px 0px repeat-x;
}


DIV.footer *{ color: #7F7F7F; font-size:7pt; }
A.footer { text-decoration: none;}
A.footer:hover { text-decoration: underline;}
DIV.footer P{ font-size: 7pt; color: #7F7F7F; margin-top: 4px }
DIV.footer DIV.linki { text-align: center; margin: 0px;}
DIV.footer DIV.copy, DIV.footer DIV.copy A {  text-align: center;}
DIV.footer A, DIV.footer A:link, DIV.footer A:hover, DIV.footer A:active, DIV.footer A:visited {
    color: #777777; text-decoration: underline;
}
DIV.footer A:hover{ text-decoration: none;}

/*footer*/

DIV.footer .linki a {
	letter-spacing:2px;
	text-decoration:none;
	margin: 0px 5px;
	padding: 2px 9px;
}
DIV.footer .copy a {
	letter-spacing:0px;
	text-decoration:none;
	margin: 0px 2px;
	padding: 2px 6px;
}

DIV.footer .linki a:hover, DIV.footer .copy a:hover{
	padding:1px 8px;
	border:1px solid #ddd;
	border-bottom:1px solid #cfcfcf;
	background:#FEF8EF;
	overflow:hidden;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
DIV.footer .copy a:hover{
	padding: 1px 5px;
}

a#logo_solution{
	position:absolute; bottom:0px; right:10px;
	display:block;
	width:70px; height:70px;
	background:url(../images/logo_solution.png) 0px 0px;
}

a#logo_solution:hover{
	background-position: 75px 0px;
}


/******************************************************************************/
/* Tabelka do wyświetlania artykułów
/******************************************************************************/
TABLE.browser0 { }
TABLE.browser { border: 1px solid #a0a0a0;}

TH.browserhead , TD.browserhead {
    border: 1px solid #A6A6A6;
    padding: 0.2em 0.5em;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    background: #D4D0C8;
}

TD.browserhead + TD.browserhead, TH.browserhead + TH.browserhead{
    border-left: none;
}

TH.browserhead a, TH.browserhead a:link, TH.browserhead a:active, TH.browserhead a:hover {
  font-size: 8pt; text-decoration: underline; display: inline;
}

TR.browserhead + TR.browserodd TD { border-top: 0px;}
TD.browserno { font-size: 6pt; text-align: right; }
TABLE.browser0 TD{ border: none; }
/******************************************************************************/
/* Jest typ sortowania w jakis sposob ma byc wyswietlkany */
.asc, .desc{
  float: right; display: block;
  margin: 2px 8px 2px 4px; width: 9px; height:6px;
  vertical-align: middle; background-repeat: no-repeat; background-position: top left;
}
.asc { background-image: url(../images/icons/asc.gif);  }
.desc{ background-image: url(../images/icons/desc.gif); }

/******************************************************************************/
/* Tabelka grid, do wyswietlania róznych danych
/******************************************************************************/
DIV.grid { border: 1px solid #C0C0C0; height: 300px; overflow: scroll; width: 100%;}

TABLE.grid {border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0;}
TABLE.grid TR.wiersz1 { background-color: #ffffff;}
TABLE.grid TR.wiersz2 {background-color: #F2F2F2;}

TABLE.grid TH {
    background-color: #ECE9D8;
    color: #464646;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    padding: 2px;
    font-weight: bold;
}

TABLE.grid TD {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    color: #464646;
    padding: 2px;
}

TABLE.grid TR.highlight { background-color: #D0D0D0;}

/******************************************************************************/
TABLE.config TD.value { padding-left: 8px;}
TABLE.config TD.label{ width: 250px; vertical-align: top; }

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

TABLE.tabela TR.highlight, TABLE.tabela TR.highlight:hover {  background-color: #D4D4D4;}

/******************************************************************************/
/*    SCROLL, SUGGEST, to podpowiedzi które sie wyświetlaja na stronie
/******************************************************************************/
.content{
  position: absolute;
  top:0; left:0;
  width:1px; height:1px;
  z-index:100;
  visibility: hidden;
}

.message{
  font-weight: bold;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}
.scroll{
  position: absolute;
  display: block;
  margin: 0;
  visibility: hidden;
  background-color: white;
  width: 300px;
  height: 180px;
  border-collapse: collapse;
  border: solid 1px #000000;
  overflow: auto;
  filter: alpha(opacity=70);
  opacity: .75;
}
.scroll div{
  margin: 0 auto;
  text-align:left
}
.suggest table{
  width: 280px;
  font-size: 11px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  text-align:left;
  margin: 0px
}

.highlightrow{
  background-color: #999999;
  cursor: pointer
}

/******************************************************************************/
/*      Strona wyświetlająca informację o towarze                             */
/******************************************************************************/
.zwin_rozwin_bar{padding: 5px 6px 4px ; border-bottom: dashed 1px #CECECE;}
DIV.zwin_rozwin_bar:hover{
color:#000;
}
.zwin_rozwin_top{  padding: 1px 0px; overflow:hidden; line-height:20px; }
.zwin_rozwin_el{  display: none;   }
.inside .zwin_rozwin_bar{ padding-left: 12px;padding-top:4px;  border-top: dashed 1px #CECECE; border-bottom: none;   }

.ident{ padding-left: 15px }

.archiwalny0{ }
.archiwalny1 .cena, .archiwalny1 .nazwa  {text-decoration: line-through;}

/*
jak ma wygladac zaznaczona kategoria w poszczegolnych drzewkach
0,1,2,... sa to kolejne drzewka wystepujace na stronie
*/
.t0i_selected, .t1i_selected, .t2i_selected, .t3i_selected {
  font-weight:bold;

}
TABLE.tree_tab TD{ border: none; padding: 0px; }

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



.btn{
  display: inline;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  margin: 0px 7px 0px 0px;
}


.btn .btnl{
   display: inline-block;
   background: url(../images/buttons/btn_left.png) no-repeat;
}

.btn .btnr{
   display: inline-block;
   background: url(../images/buttons/btn_right.png) 100% 0% no-repeat;
   padding: 0px 5px;
}

.btn .napis{
   position: relative;
   text-align: center;
   display: inline-block;
   padding: 0px 0px 0px;
   background: url(../images/buttons/btn_middle.png) repeat-x;
   letter-spacing:2px;
}
.btn .tekst{
    color:#fff;
    position: relative;
    font-size: 10px;
	line-height:22px;
   	padding:0px 7px;
	text-shadow:1px 1px 0px #333;
	font-weight:normal;
}

a.btn:hover .tekst{
color:#FEF8EF;

}
a.btn:hover .napis ,a.btn:hover .btnl{
  background-position:0px -21px;
}
a.btn:hover .btnr{
  background-position:100% -21px;
}

a.close-btn {
  cursor:pointer;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  float: right;
  display: inline-block;
  margin: 0px 2px;
  background: url(../images/buttons/close_btn.gif) 0 0 no-repeat ;
  overflow:hidden;
  text-indent: 200px;
}

DIV.btns, DIV.btnsr, DIV.btnsl{ text-align: center; margin-top: 3px; }
DIV.btnsr {text-align: right;}
DIV.btnsl {text-align: left;}

.btn.tab, .btn.tab1{
	display: inline;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	margin: 0px -4px 0px 0px;
	float:left;
	position:relative;
	top:0px;
	z-index:1;
}
.btn.tab1, .btn.tab.on{
	z-index:3;
	top:-3px;
	height: 22px;
}


.btn.tab  .btnl{
   display: inline-block;
   background: url(../images/tabs/tab_left.png) no-repeat;

}
.btn.tab1  .btnl, .btn.tab.on  .btnl{
   display: inline-block;
   background: url(../images/tabs/tab_left_on.png) no-repeat;
}

.btn.tab .btnr{
   display: inline-block;
   background: url(../images/tabs/tab_right.png) 100% 0% no-repeat;
   padding: 0px 12px 0px 7px;
}
.btn.tab1 .btnr, .btn.tab.on .btnr{
   display: inline-block;
   background: url(../images/tabs/tab_right_on.png) 100% 0% no-repeat;
   padding: 0px 12px 0px 7px;
}

.btn.tab .napis, .btn.tab1 .napis{
   position: relative;
   text-align: center;
   display: inline-block;
   padding: 0px 0px 0px;
   background: url(../images/tabs/tab_middle.png) repeat-x;
   letter-spacing:2px;
}

.btn.tab1 .napis, .btn.tab.on .napis{
   background: url(../images/tabs/tab_middle_on.png) repeat-x;
}


.btn.tab .tekst{
    position: relative;
    font-size: 10px;
	line-height:20px;
   	padding:0px 7px;
	font-weight:bold;
	color: #555364;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 0pc #f5f5f5;
}
.btn.tab1 .tekst ,.btn.tab.on .tekst{
	color:#363441;
	text-shadow: 1px 1px 0pc #fff;
	line-height:23px;
	    font-size: 11px;
		font-weight:bold;
}
a.btn.tab:hover .tekst{
   color:#347500;
   color:#dF5C01;
}
a.btn.tab1:hover .tekst,
a.btn.on:hover .tekst{
color:#363441;
}

a.btn.tab:hover{
z-index:2;
}

a.btn.tab:hover .napis ,a.btn.tab:hover .btnl{
   background-position:0px -20px;

}
a.btn.tab:hover .btnr{
  background-position:100% -20px;
}
a.btn.tab1:hover .napis, a.btn.tab1:hover .btnl,
a.btn.tab.on:hover .napis, a.btn.tab.on:hover .btnl{
   background-position:0px 0px;

}
a.btn.tab1:hover .btnr, a.btn.tab.on:hover .btnr{
  background-position:100% 0px;
}

.tree{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
border:1px solid #aaa;
background:#fff;
padding:10px 5px;
margin-right:5px;

}
.tree_tabs{
display:block;
overflow:hidden;
position:relative;
top:4px;
padding-top:3px;
}

#menu{
border:0px;
position:relative;

margin-bottom:10px;
overflow:hidden;
height:26px;
padding-top:3px;
}

#loading_div{
	background:#FEF8EF;
	border:1px solid #DA9E00;
	padding:7px;
	position:absolute;
	z-index:111;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
}
#tlo_div{
	position:absolute; top:0; left:0;
	background : #edebef;
	z-index : 110;
	opacity: 0.70;
	filter:alpha(opacity=70);
}



/**************************************************************************************************/
img.obrazek, div.obrazek{
	border:1px solid #848196;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
			box-shadow:1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
}
div.obrazek{
margin:6px;
}
div.obrazek div{
	overflow:hidden;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 3px #ccc;
}
 .obrazek{
opacity:0.7;
}

.obrazek.active{
opacity:1.0;
border:2px solid #FC7329;
margin:5px;
background:#FC7329;
color:white;

	box-shadow:1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
}

div.obrazek span{

width:100%;
font-weight:bold;
line-height:20px;
}

a:hover img.obrazek , div.obrazek:hover  {
	border-color:#FF7B1C;
	opacity:1.0;
}



.errors, .error{color: red;}
.error0{ visibility: hidden; position: absolute; display: none;}
.error1{ visibility: visible; display: block; color: red; }

.display0, .display { display: none;}
.visibile0, .visibile { visibility: hidden; }
.display1, .visibile1 { }
.clear{ clear: both; height: 1px; overflow: hidden;}
.drag{ cursor: move;}
.ficon{ cursor: default; float: right; margin: 0px 3px 0px 0px; }
.back { 	float: left;}
.forward { float: right; }
.center { text-align: center;	}
.bold { 	font-weight: bold; 	}
.hspace{ height: 14px; overflow: hidden;}
.icospace { padding-left: 5px; padding-right: 5px;}
.sign { color: #FF6600; }
.hint{  display:none; font-size: 9px; border:1px solid #d0d0d0; background:#FFFFF8;padding:8px 15px; margin:4px 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.block{
display:block;
}
.nobr{
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: nowrap;
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.absmiddle_icon{
  vertical-align: middle;
  padding: 0px 0px 3px 5px;
}


span.esklep,span.b2b, span.mobilni{

padding-left:23px;
height:18px;
display:inline-block;
line-height:18px;
}

span.esklep{
background: url(../images/icons/ico_e-sklep.gif) 0px 0px no-repeat;
}
span.b2b{
background: url(../images/icons/ico_b2b.gif) 0px 0px no-repeat;
}
span.mobilni{
background: url(../images/icons/ico_mobilni.gif) 0px 0px no-repeat;
}

.rozwin.search{
    display: block;
    background: #FFEDBD url(../images/buttons/down_arr.gif) 95% 50% no-repeat;
    width: 280px;
    border: 1px solid #A6A6A6;
    border-left: 3px solid #A6A6A6;
    color: #76AC0C;
    padding: 5 10px;
    margin: 5px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    font-size:90%;
    letter-spacing:3px;
    text-transform:uppercase;
    cursor:pointer;
    color:#cF4C00;
    text-shadow:1px 1px 0px #FFfDcD;

    border:1px solid #fdca97;
	border-bottom:1px solid #f8c692;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

DIV.rozwin.search:hover, A.rozwin.search:hover{
  	color:#F16202;
	background-color: #FFEfBf;
	border:1px solid #F16202;
	border-bottom:1px solid #cF4C00;
}

div.head > .rozwin {
    cursor: pointer;
    background: url(../images/icons/desc.gif) 100% 50% no-repeat;
    color: inherit;
}

div.head > .rozwin.on {
    background-image: url(../images/icons/asc.gif);
}

.rozwin.search.on{
    background:#FFEDBD url(../images/buttons/up_arr.gif) 95% 50% no-repeat;
}

.rozwin.plus, .plus, .blank{
    background:  url(../images/icons/plus.png)0px 50% no-repeat;
    padding-left:17px;
    cursor:pointer;
}

.rozwin.plus.on, .plus.on{
    background: url(../images/icons/minus.png) 0px 50% no-repeat;
}

.blank{
    background:  url(../images/icons/blank.png)0px 50% no-repeat;
}

.drzewo ul {
	list-style: none;
	margin: 0 .5em;
	padding:0px;
	background:  url(../images/icons/trees/line.gif)6px 0px repeat-y;

}

.drzewo  {
	background:  url(../images/icons/trees/line.gif)6px 0px repeat-y;
}



.drzewo input{
margin:0px;
padding:0px;
}

.drzewo li {
padding: 3px 11px 2px;
position:relative;
font-size:12px;
background:  url(../images/icons/trees/line_horizontal.gif)6px 6px no-repeat;
}


.drzewo .plus, .drzewo span{
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}



.drzewo label{
  padding: 4px 6px;
  margin-left:-5;
}

.drzewo label input{
    margin-right: 5px;
}

.drzewo label.hover{
	color: #cF4C00;
	text-shadow: 1px 1px 0px #FFfDcD;
	padding: 3px 4px;
	background:#FFEDBD;
	border:1px solid #fdca97;
	border-bottom:1px solid #f8c692;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.treeview label{
	position: relative;
}

.treeview a.group-params{
	position: absolute;
    right: -28px;
    top: 0px;
}

.treeview label:hover{
	color: #cF4C00;
}

.treeview a.group-params span.ui-icon {
    padding: 0;
}
.treeview a.group-params span.ui-button-text {
    padding: 0.1em;
    line-height: 1.2em;
    font-size: 1em;
}

 .dddddd{
    color:#cF4C00;
	background:#FFEDBD;
	text-shadow:1px 1px 0px #FFfDcD;
    padding: 1 9px;
	border:1px solid #fdca97;
	border-bottom:1px solid #f8c692;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}


.ui-draggable-dragging,li.on *{
  color:#cF4C00;
   	text-shadow:1px 1px 0px #FFfDcD;

}

.ui-draggable-dragging:hover{
    	cursor:pointer;
}

.drzewo div.separator{
display:block;
height:2px;
padding: 2px 1px;
width:160px;
margin-left:10px;
position:relative;
top:-3px;
}

.drzewo .separator.hover{
height:1px;
  color:#cF4C00;
	background:#FFEDBD;
	text-shadow:1px 1px 0px #FFfDcD;
    padding: 1 0px;
	border:1px solid #fdca97;
	border-bottom:1px solid #f8c692;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}




.drzewo>ul {
padding-top:4px;
padding-bottom:4px;
border-bottom:1px dotted #ccc;
}

.drzewo>ul>ul:hover {
background:#fff;
border-bottom:1px dotted #aaa;
}



.check, .check0, .check1{
  display: inline-block;
  margin: 2px 8px 2px 8px;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: hide;
}

.check, .check0 { background-image: url(../images/icons/check0.gif); }
.check1{ background-image: url(../images/icons/check1.gif); }

.baner{
position:relative;
width:100%;
display:inline-block;
}
.baner .check,.baner .check0,.baner .check1{
position:absolute;
top:21px;
left:61px;
}

.message_info, .message_error,.message_warning, .message_notice{
	display: block;
	font-weight: normal;
	margin: 1em 0;
	color: #300;
	background: #FFEFaA url("../images/icons/warning.png") no-repeat 10px 10px;
	padding: 10px 10px 40px 70px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #DA9E00;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 1px #f8f8f8;
	-moz-box-shadow: 1px 1px 1px #d0d0d0;
	-webkit-box-shadow: 0px 1px 1px #f8f8f8;
}
.message_info, .message_notice{
	background: #e5f7a3 url("../images/icons/Info48.png") no-repeat 10px 10px;
	border-color:#67A52E;
}




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

DIV.rowhead, DIV.rowhead-long, DIV.rowhead-small{
  width: 300px;
  border: 1px solid #A6A6A6;
  border-left: 3px solid #A6A6A6;
  color: #76AC0C;
  padding: 5px;
  margin: 5px;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  font-size:90%;
  letter-spacing:3px;
  text-transform:uppercase;
  background:#fff;
  	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

DIV.row{ padding: 5px; }
DIV.rowhead-long{ width: 400px; }
DIV.rowhead-small{ width: 200px;}
DIV.rowfoot{ border-bottom: solid 1px #E0E0E0; background-color: #f4f4f4;}
DIV.rowodd { border-bottom: solid 1px #E0E0E0; background-color: #f4f4f4; clear: both; }
DIV.rowodd:hover { background-color: #FFEEEE; }
DIV.roweven { border-bottom: solid 1px #E0E0E0; background-color: #ffffff; clear: both; }
DIV.roweven:hover { background-color: #FFEEEE; }
DIV.rowend{ height: 1px; padding: 0px; margin: 0px; line-height: 0; display: block; overflow: hidden; border: none; clear: both; }


DIV.datalabel{
  float: left;
  width: 200px;
  display: inline;
  padding: 5px 0px 5px 5px;
}

DIV.datavalue{
  margin: 0px 0px 0px 205px;
  border-left: solid 1px #E0E0E0;
  padding: 5px 0px 5px 5px;

}


.left
{
	display:inline;
	float:left;
}
.right
{
float:right;
}


/**************************************************************************************************/
/* Wielkości i położenie używane we FRAMESET */
.floatingBox  {	margin-top: 10px; 	width: 400px;}
.floatingBox-full  {margin-top: 10px;padding: 4px;}
.floatingBox-profil  {	margin: 0px 5px 5px 0px;	width: 330px;}
.floatingBox-left { 	margin: 0; 	width: 170px; margin-bottom: 10px;}
.floatingBox-right {	margin: 0;	width: 170;	}
.floatingBox-products  {	margin: 0;	width: 500px;	margin-top: 10px;	margin-bottom: 10px;}

/******************************************************************************/
/*      Ogólny wygląd foprmularzy
/******************************************************************************/

FORM { margin: 0px; }

TEXTAREA, INPUT[type="text"], INPUT.text,INPUT.number, SELECT{ border: 1px solid #A6A6A6; background-color: #FFFFFF; -moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;}

SELECT { background-color: #fbfcff; vertical-align: middle; padding:1px; }

INPUT.error { border: solid 1px red;}

TEXTAREA:focus,  INPUT[type="text"]:focus, INPUT.text:focus { border: 1px solid #DFDFDF; background-color: #ffffff;}


OPTION { background-color: #fbfcff;}

INPUT.text { padding: 2px ; vertical-align: middle;}

INPUT.button {
    background-color: #286496;
    border: solid 1px #C5CCD3;
    vertical-align: middle;
    color: white;
    width: 100px;
    overflow: show;
    font-weight: normal;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 2px;
    vertical-align: middle;
}

TEXTAREA { padding: 3px 4px 3px 4px; }

INPUT.image, SELECT.text { vertical-align: middle; background-color: white; }

INPUT.checkbox {
    margin: 2px 2px 2px 0px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

INPUT.disabled {
  background-color: #ededed;
  color: #999999;
}

INPUT.radio {
    margin: 4px;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    color : navy;
}
/******************************************************************************/
/* pasek postępu
*/

DIV.progress, DIV.progress DIV.procent {
    vertical-align:middle;
    text-align: center;
    width: 100px;
	height:15px;
    font-size: 9px;
    color: black;
    height: 14px;
    border: solid 1px #ccc;
	border-color: #ccc #ddd #ddd #ccc;
    overflow: hidden;
    position: relative;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}

DIV.progress DIV.procent {
    top: 0px; left: 0px;
    position: absolute;
    border: none;
    z-index:10;
}

DIV.progress DIV.bar{
    top: 0px; left: 0px;
    position: absolute;
    background: #Fd8f45;
	border:1px solid #fff;
	border-color: #Ffcf65 #cc6f05 #cc6f05 #Ffcf65;
    width: 0%;
    width: 100px;
    height: 14px;
    z-index:5;
    display: block;
}
DIV.progress{
background:#eee;
}


/******************************************************************************/
/* zamówienie nie zrealizowane i zamówienie zrealizowane całkowicie*/
.status0 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status0.gif) no-repeat ;
}

.status1 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status1.gif) no-repeat ;
}

.status2 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status2.gif) no-repeat ;
}

/*************************************************************************************************/
div.wybierz {
    width:200px;
    border : solid 1px #E0E0E0;
    padding: 3px 0px;
    vertical-align: middle;
    background: white url(../images/buttons/wybierz.gif) no-repeat 183px 3px;
}

div.multiselect{
    position : absolute;
    background : white;
    width  : 200px;
    height : 300px;
    border : solid 1px #E0E0E0;
    overflow: auto;
}

div.multiselect .option {
    padding: 2px;
    border-bottom: solid 1px #E0E0E0;
    cursor:default;
}

div.multiselect .selected { background-color: #F4F4F4; }
div.multiselect .hover { background-color: #EaEaEa; }

/**************************************************************************************************/
div.img_preview {
    display: none;visibility: hidden;width: auto; height: auto;position: absolute;top: 0px; left: 0px;padding: 0px 0px 0px 0px;border: 1px solid #C8C8C8;background-color: #ffffff;z-index: 98;cursor: default;text-align: left;
}
div.img_preview {z-index: 97;}
img.img_preview_loader {display: block;margin: 10px;padding: 0px 0px 0px 0px;visibility: visible;}
img.img_preview_arrow{
    display: block;position: absolute;left: 0px; top: 0px;width: 5px;height: 9px;visibility: hidden;z-index: 99;
}
DIV.img_preview_contents{
    display: block;visibility: hidden;position: absolute;top: 0px;left: 0px;padding: 0px;width: auto;height: auto;padding: 10px;
}

TABLE.cennik{
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

TABLE.cennik TD{
  border-left: 1px solid #E0E0E0;
}

/*//////////////////////////alternate
*/

/* sondy */

.procent_bar{
    width:100%;
    background:#eee;
    border:1px solid #ccc;
    border-bottom:1px solid #fff;
    margin-top:5px;
    width:100%;
    position:relative;
}

.procent_bar div{
    background:#F68000;
    height:12px;
    border:1px solid #fff;
    border-bottom:1px solid #ccc;
}


TR.odd > TD, TR.even > TD, DIV.odd, DIV.even, DIV.rowodd, DIV.roweven,
TR.browserodd > TD, TR.browsereven > TD,
TR.none > TD
{
   border:1px solid #fff;
   border-top:1px solid #fff;
   border-bottom:1px solid #d9d9d9;
   border-right:1px solid #e4e4e4;
   background-color: #fcf9f7;
   color:#6b605b;
   padding:8px;
}

TR.even > TD, DIV.even, DIV.roweven, TR.browsereven>TD, TR.none > TD
{
    border-left:1px solid #fff;
    border-right:1px solid #e4e4e4;
    background-color: #f6f2ef;
}

tr a{
color:#7d726d;

}
tr.odd:hover a:hover, tr.even:hover a:hover{
color:#FF7B1C;
}

tr.odd:hover td a,tr.even:hover td a{
color:#5b504b;
}



TR.even:hover>TD, TR.odd:hover>TD, DIV.odd:hover,DIV.even:hover,DIV.rowodd:hover,DIV.roweven:hover,
TR.browserodd:hover > TD, TR.browsereven:hover > TD
{
	background-color: #ffedbd;
	border-width:1px;
    border-style:solid;
	border-color: #ffb #fdca97 #fdca97 #ffb;
	color:#311;
}
/* wiersz podœwietlony*/
TR.even.highlight>TD, TR.odd.highlight>TD, DIV.odd.highlight,DIV.even.highlight,DIV.rowodd.highlight,DIV.roweven.highlight
{
	background-color: #Ffd070;
	border-width:1px;
    border-style:solid;
	border-color: #ffedbd #f0ca77 #f0ca77 #ffedbd;
	color:#311;
}

.pytanie a{
color:#1893cf;
font-size:9pt;
text-decoration:none;
padding:3px;
}
.pytanie a.off{
color:#bbb;
}

.off TD, .off TD a{
color:#aaa;
font-weight:normal;
}


.table_bar td{
font-weight:bold;
text-align:center;
background:#f2f2f2;
text-shadow:1px 1px 0 #FFFFFF;
}



/**** Form Section ****/
.appnitro
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}




form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}



.belka
{
	border-top:0px solid #eee;
	border-bottom:0px solid #666;
	width:100%;
	display:inline-block;
	margin:0;
	color:white;
	border-bottom: 1px dotted #b6b6b6;
	margin-bottom:10px;
	padding-bottom:5px;
}

.belka>h2
{
	padding-left:10px;
	color:#444;
	clear:left;
	font-size:14pt;
	font-weight:500;
	margin:0 0 3px;
	text-shadow:1px 1px 0 #fff;
	}

.belka p,.belka a
{
	font-size:7pt;
	line-height:130%;
	margin:0 0 12px;
	text-decoration:none;
}


.navbar{
	padding-left:2px;
}

.navbar a{
	padding: 2px 9px;
}

.navbar a:hover{
	color:#cF4C00;
	text-shadow:1px 1px 0px #FFfDcD;
	padding: 1px 8px;
	background:#FFEDBD;
	border:1px solid #fdca97;
	border-bottom:1px solid #f8c692;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



form hr
{
	display:none;
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

form .section_break h3
{
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

/**** Inputs and Labels ****/

INPUT[type="text"]:focus,INPUT[type="text"]:hover, input.text:focus, input.text:hover,input.number:focus, input.number:hover, select:focus, select:hover, textarea:focus, textarea:hover{
border:1px solid #e5a000;
border-top:1px solid #d08a00;
background: #fffde5;
}

tr.odd:hover input.text,tr.even:hover input.text,
tr.odd:hover select,tr.even:hover select
{background: #fffde5;}


label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

div.datavalue{
padding-left:15px;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:400px;
	margin-bottom:5px;
}

select.large
{
	width:400px;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
		width:400px;
}

/**** Errors ****/
#error_message
{
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}

#error_message_title
{
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}

#error_message_desc
{
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}

#error_message_desc strong
{
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}

form li.error
{
	background-color:#FFEFaA !important;
	border-bottom:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form p.error
{
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
	background-color:#fff7c0;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}

form .guidelines small
{
	font-size:105%;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}

.no_guidelines .guidelines
{
	display:none !important;
}

.no_guidelines form li
{
	width:97%;
}

.no_guidelines li.section
{
	padding-left:9px;
}

/*** Success Message ****/
.form_success
{
	clear: both;
	margin: 0;
	padding: 90px 0pt 100px;
	text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
    margin-top:60px;
    margin-bottom: 60px;
    text-align: center;
}
.password h2{
    color:#DF0000;
    font-weight:bold;
    margin:0pt auto 10px;
}

.password input.text {
   font-size:170% !important;
   width:380px;
   text-align: center;
}
.password label{
   display:block;
   font-size:120% !important;
   padding-top:10px;
   font-weight:bold;
}

#li_captcha{
   padding-left: 5px;
}


#li_captcha span{
	float:none;
}

/** Embedded Form **/

.embed #form_container{
	border: none;
}

.embed #top, .embed #bottom, .embed h1{
	display: none;
}



.embed #form_container{
	width: 100%;
}

.embed #footer{
	text-align: left;
	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro{
	margin:0px 0px 0;
}


/****** paginacja *********/

TABLE.pagination a{
	overflow:hidden;
	height:16px;
	line-height:16px;
	font-size:7pt;
	padding: 1px 5px 1px 5px;
	margin:0px 2px;
    background: #504E5F ;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 2px #f8f8f8;
	-moz-box-shadow: 0px 1px 2px #f8f8f8;
	-webkit-box-shadow: 0px 1px 2px #f8f8f8;

letter-spacing:1px;
font-weight:bold;

border:1px solid #000;
border-color:#706e7f #323041 #323041 #737182  ;
color:#fff;
text-shadow:1px 1px 0 #333;
text-align:center;

}


table.pagination a:hover{


border-top:1px solid #838192;
border-left:1px solid #868495;
background:#656374;

}


/* TABELE */

TABLE.data, FORM.data, DIV.data, TABLE.config, DIV.config, TABLE.tabela, TABLE.ustawienia, DIV.ustawienia,
div.popup_form, div.popup_div, div.popup
{
	border:1px solid #646176;
	width:100%;
	background:#f9f9f9;
	border-radius:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:2px;
	box-shadow:0px 1px 2px #f8f8f8;
	-moz-box-shadow: 1px 1px 2px #bebebe;
	-webkit-box-shadow: 0px 1px 2px #f8f8f8;
}

div.popup_form, div.popup_div, div.popup, .preview {
    position:absolute;
    width:640px;
    visibility:hidden;
    display: none;
}

TABLE.data tr.deleted td {
    color: red;
    text-decoration: line-through;
}

TABLE.config{
	border:1px solid #646176;
	width:100%;
	background:#f9f9f9;
	overflow:hidden;
	margin:5px 0px;
}

Table.ustawienia{
margin-bottom:15px;
}

tr.head th, tr.head td, th.browserhead, td.browserhead, div.head{
letter-spacing:2px;
background: url(../images/bg_head.png) 0px 50% repeat-x;
border:1px solid #000;
border-top:0px solid #000;
border-color:#706e7f #302e3f #302e3f #706e7f;
color:#fff;
text-shadow:1px 1px 0 #383838;
padding: 5px;
font-size:11px;
font-weight:normal;
}
tr.odd > td.lp, tr.even > td.lp, .lp{
letter-spacing:1px;
font-weight:normal;
background:#504E5F;
border:1px solid #000;
border-color:#706e7f #323041 #323041 #636172  ;
color:#fff;
text-shadow:1px 1px 0 #444;
padding: 5px;
text-align:center;
font-size:11px;
}

td.posrel {
    position: relative;
}

tr:hover>td.lp{
    border-top:1px solid #838192;
    border-left:1px solid #868495;
    background:#656374;
}

tr.odd>td.lp>a,tr.even>td.lp>a{
color:#fff;
display:block;
width:100%;
height:100%;
text-align:center;
}


tr.head a{
color:#fff;
text-decoration:none;
text-shadow:1px 1px 0px #383838;
}
tr.head a:hover{
color:#FF7B1C;
}


 .LV_validation_message{
padding-left:10px;
 }

.LV_invalid{
 color:red;
}

#tooltip {
    background-color: #eee;
    border: 1px solid #111;
    opacity: 0.85;
    padding: 5px;
    position: absolute;
    z-index: 3000;
}
#tooltip h3, #tooltip div {
    margin: 0;
}
div.padding0 {
    padding: 0;
}
div.usluga-opcja {
    padding: 2px;
}
.tooltip {
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
    color: #303030;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 13px;
    position: absolute;
    text-align: center;
    z-index: 2;
}
.tooltip h3 {
    margin: 0 0 5px;
    text-align: left;
}

span.busy{
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url('../images/busy.gif') 0 0 no-repeat;
}

span.save-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url('../images/indicator.gif') 0 0 no-repeat;
}

span.editable {
    margin: 1px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    cursor: default;
}

span.editable:hover {
    margin: 0px;
    border: dashed 1px red;
}
span.editable form {
    display: inline;

}

span.editable input {
    display: inline;
}

.mini-menu {
	position: absolute;
	z-index: 89;
	right: 2em;
	top: 20px;
	padding: 0;
	height: 1.833em;
	margin: -1.083em 0 -1.083em;
	white-space: nowrap;
    list-style-type: none;

}

.mini-menu li+li {
    padding-top: 0;
}

.mini-menu > li {
    float: left;
    color: #999999;
    font-style: normal;
    height: 1.833em;
}

.mini-menu > li > a {
    display: block;
    line-height: 1.833em;
    height: 1.833em;
    padding: 0.25em 0.417em;
    border-left: 1px solid white;
    border-right: 1px solid #CCCCCC;
    color: #999;


		background: #e7e7e7 url(../images/old-browsers-bg/legend-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#f8f8f8,
			#e7e7e7
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#f8f8f8),
			to(#e7e7e7)
		);
}

.mini-menu > li:first-child > a {
    border-left: none;
    -moz-border-radius-topleft: 0.25em;
    -moz-border-radius-bottomleft: 0.25em;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}
/* IE class */
.mini-menu > li.first-child > a {
    border-left: none;
}
.mini-menu > li:last-child > a {
    border-right: none;
    -moz-border-radius-topright: 0.25em;
    -moz-border-radius-bottomright: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}
/* IE class */
.mini-menu > li.last-child > a {
    border-right: none;
}
.mini-menu > li > a img {
    margin: 0 0 -3px;
}
.mini-menu > li > a:hover {
    color: #115577;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
        top,
        #dff3fc,
        #98d2f3
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#dff3fc),
        to(#98d2f3)
    );
}

/**************************************************************************************************/
.ecprogress-bar{
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );

    border: 1px solid #808080;
    border-radius: 0.167em 0.167em 0.167em 0.167em;
    display: inline-block;
    height: 20px;
    margin: 0 0.25em;
    position: relative;
    text-align: center;
    vertical-align: -0.083em;
    width: 580px;
    z-index: 89;
}
.ecprogress-bar.ecbig{
    margin:0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
}
.ecprogress-bar span{
    background: rgba(152,216,240,1);
    background: -moz-linear-gradient(top, rgba(152,216,240,1) 0%, rgba(70,187,219,1) 45%, rgba(64,197,237,1) 51%, rgba(21,112,140,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(152,216,240,1)), color-stop(45%, rgba(70,187,219,1)), color-stop(51%, rgba(64,197,237,1)), color-stop(100%, rgba(21,112,140,1)));
    background: -webkit-linear-gradient(top, rgba(152,216,240,1) 0%, rgba(70,187,219,1) 45%, rgba(64,197,237,1) 51%, rgba(21,112,140,1) 100%);
    background: -o-linear-gradient(top, rgba(152,216,240,1) 0%, rgba(70,187,219,1) 45%, rgba(64,197,237,1) 51%, rgba(21,112,140,1) 100%);
    background: -ms-linear-gradient(top, rgba(152,216,240,1) 0%, rgba(70,187,219,1) 45%, rgba(64,197,237,1) 51%, rgba(21,112,140,1) 100%);
    background: linear-gradient(to bottom, rgba(152,216,240,1) 0%, rgba(70,187,219,1) 45%, rgba(64,197,237,1) 51%, rgba(21,112,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d8f0', endColorstr='#15708c', GradientType=0 );

    margin-left: 0px;
    border-radius: 0.11em 0.11em 0.11em 0.11em;
    bottom: 0;
    box-shadow: 0 0 1px black;
    color: white;
    display: block;
    font-size: 10px;
    left: 0;
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
}
.ecprogress-bar.ecbig span{
    line-height: 30px;
    font-size: 18px;
}
.ecprogress-container{
    position:relative;
    overflow: hidden;
    height: 100%;
}
.ecprogress-loading{
    top:0;left:0;
    z-index: 100;
    position:absolute;
    width:100%;
    height:100%;
    background: url('../images/loading.gif') no-repeat 50% 50% #e6e6e6;
    opacity:0.8;
}
.ajax-loading .please-wait {
    font-size: 15px;
    padding: 8px 0px;
    display: block;
    text-align:center;
}
.ajax-loading .saving-data {
    text-align: center;
    font-size: 15px;
    margin: 8px 0;
}

.ajax-loading .loading{
    top:0;left:0;
    z-index: 100;
    position:absolute;
    width:100%;
    height:100%;
    background: url('../images/ajax-loader.gif') no-repeat 50% 50% #e6e6e6;
    opacity:0.8;
}

.ajax-loading .loader {
    width:100%;
    height: 30px;
    background: transparent url('../images/loading.gif')  50% 50% no-repeat;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}