/* profil */

.boxheader { text-align:left; font-family: Arial; font-size:22px; color:#666; padding: 20px 0 20px 0; margin-bottom:20px; border-bottom:1px #ccc solid; }


#classicBody {
	background-color:#fff;
	float:left;
	padding:0px;
	font-family: verdana;
	font-size:8pt;
	width:990px;
}

/* old css */


div,td { font-family: tahoma, helvetica;font-size: 11px }
img { border:0px }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited 
{color: #000;}
.wbg {background-color:#fff}

.maverdana11 { font-family: tahoma, arial, sans-serif; }
.ma_boxmiddle,
.mamt, .mamenutext {color:#c00; padding-left:4px; font-size:11px; font-weight:bold; }

maogl:link,
a:link,
.maautor,
.matext,
.maarttext,
.maboxcheck, 
.mapremium,
.matahoma11b,
.matahoma11 { font-family: tahoma, arial, sans-serif; }

a.mprztop:active,
a.mprztop:visited,
a.mprztop:link { color:#000; text-decoration:none; font-family: tahoma, arial, sans-serif; font-weight:bold; font-size:11px }

a.title:link,
a.title:visited { line-height:90%; font-family: Arial, sans-serif; font-size:25px; letter-spacing:-1px; font-weight: bold; color: #c00; text-decoration:none; }
a.title:hover { color: #c00; text-decoration:underline; }

a.top5id:visited, a.top5id:link, .top5,.top5id {font-family: Arial, Helvetica, sans-serif; color: #000;font-size: 9px; line-height: 11px; text-decoration:none }
a.top5id:hover {color:#c00; text-decoration:underline; } 

.top5 {padding-left:3px; padding-top: 3px; margin-bottom:3px; font-size: 12px; line-height: 11px; font-weight:bold; height:20px; width:20px; color:#fff; background-color: #c00; }

.maboxtop5 { border-left: #ccc 1px solid; }

.abaut { font-family: Arial;line-height:16px; font-size:10px; color:#aaa }

.maarttext { line-height:16px; }

.maprotit,
.mastopkaautorska,
.maarttitle,
.matooltitle,
.mastorycontent,
.mastorycontent h1,
.mastorycontent h3,
.mastorytime,
.masectbox,
.mabodytext,
.masponsor,
.mastorytopic,
.mastorylink,
.mastorycaption { font-family: arial, helvetica, sans-serif; }


.masponsor,
.mafineprint
{ font-size: 9px; }

.maVideoLink,
.masmalltext,
.mastorytime,
.masectcopyright,
.mastorysearch { font-size: 10px; }

.maautor,
.mastorycaption,
.mastorytools,
.mat1link,
.maverdana11,
.mapremium,
.matext,
.matahoma11b,
.matahoma11,
.mastorytopic,
.mastorylink { font-size: 11px; }

.mastorycontent,
.mabodytext { font-size: 11px;  }

.mastorycontent h3 { font-size: 13px; }


.masectiont1 h2
{ font-size: 20px; }

.maarttitle,
.mastorycontent h1
{ font-size: 20px; }

.bold,
.maprotit,
.maarttitle,
.mastorycaption,
.mastorycontent h1,
.mastorycontent h3,
.mafullstory { font-weight: bold; }

.matext,
.mastorycontent {padding-left:15px; line-height:17px;}

.maautor,
.maprotit,
.mapremium,
a.mapremium:visited { color: #bbb; }

.matext,
.mastorylink,
.mastorytopic { color: #777 }

.topictext { font-size:20px; font-family:arial; color:#ccc }

a.mapremium:link { color: #888; text-decoration: none}
a.mapremium:hover { color: #888; text-decoration: underline }

a.maarttext:link,
a:link
{ color: #777; text-decoration:none;}

a:visited 
{ color: #777; text-decoration:none;}

a:link:hover 
{color: #900; }

a.maarttext:hover,
a:visited:hover 
{color: #600; }

.maarchivemonth,
.maarchivemonthdate
{ color:#666666; }

.smy,
.smy:hover,
.smy:visited,
.smy:link{ }

.maindexcaption,
.mastorycaption,
.masectbox,
.mastoryquotebox,
.mastorytime,
.mabodytext,
.masecttimestamp,
.masponsor,
.masectcopyright,
.masectextsites { color: #000; }

.masmalltext { color: #333333; }

a.wl,
.wl { color: #fff; }

.mastorytools { color: #cc0000; }

.matahoma11:visited,
.matahoma11:link { font-weight: bold; padding-bottom:4px}


a:visited:hover,
a:link:hover,
.macriticalmass:link,
a.maarttext:hover { text-decoration: underline; }
.maArtAbstrakt { color: #000; font: bold 11px arial ; padding-top:5px; padding-bottom:13px }

/* ______________________ links styles _______________________ */
/* _______________ _______________ */

a.bpl, a.bpl:visited  { color: #000; font-weight:bold; line-height:130% }

a.mastorylink,
a.mastorylink:visited,
a.mastorylink:link,
a.mastorytopic,
a.mastorytopic:visited,
a.mastorytopic:link
{ text-decoration:none; color:#777}
a.mastorylink:hover,
a.mastorytopic:hover { text-decoration:underline; color:#33a}


.ma_przeglad,
.mamainsections {
	padding-top: 4px;
	padding-bottom: 15px;
	line-height:16px;
	
}

/* __________________active menu_____________________*/


.sms {
	font-weight: normal; color: #45577d; font-family: tahoma; background-color: #004077; text-align: center; 
}

.maspanbreak { color: #777777; font-family: tahoma; text-align: center }

td.smile {
	font-weight: normal; font-size: 11px;  color: white; font-family: tahoma; background-color: white; text-align: left
}

td.smi {
	font-weight: normal; font-size: 11px;  color: #fff; font-family: tahoma; text-align: center
}
.smli {
	width: 100%; color: #fff; border-top:3px #004077 solid; padding-top: 5px; padding-bottom: 5px; font-family: tahoma; height: 100%; text-decoration: none
}
.smli:active,
.smli:visited,
.smli:link {
	color: #fff; text-decoration: none
}
.smli:hover {
	color: #000; background-color: #eee; border-top:3px #ccc solid; text-decoration: none
}

.smlib {
	color: #fff; padding-top: 5px; padding-bottom: 5px; font-family: tahoma; height: 100%; text-decoration: none
}

.smlic {
	color: #fff; text-decoration: none
}
.smlic:active {color: #fff; text-decoration: none}
.smlic:visited {color: #fff; text-decoration: none}
.smlic:link {color: #fff; text-decoration: none}
.smlic:hover {color: #fff; text-decoration: none}




.sme{ color: #000; background-color: #eee; border-top:3px #c00 solid; text-decoration: none; padding-left:5px; padding-right:5px;}


.smlile {
	width: 100%; color: white; padding-top: 1px; padding-bottom: 1px; font-family: tahoma; height: 100%; text-decoration: none
}
.smlile:hover {
	color: white; text-decoration: none
}
.smlile:link {
	color: black; text-decoration: none
}

/* __________________ menu _____________________*/

.smm {
	font-weight: normal; font-size: 11px;  color: #fff; font-family: tahoma; background-color: #c00; text-align: center
}
.smm:hover {
	color: white; background-color: #004077; text-decoration: none
}

/* __________________wlasciwe dla portalu_____________________*/


.mat2 { padding-top:0px;
	padding-left:15px; 
	margin-bottom:5px; 
	margin-left:0px; 
	margin-top:0px; 
}

.mat3,
.mat1 {
  	font-family : Tahoma, Helvetica, sans-serif;	
  	font-size : 11px;  	
  	padding-bottom : 1px;
  	list-style-image: url(http://www.activeweb.pl/wwwsystem/pic/i_dot.gif); 
}

.mat3 { list-style-image: none;list-style-type: none;padding-bottom:3px; }

li { line-height:14px; }


.copyrite { font-family: arial, helvetica, sans-serif;font-size: 10px;color: #808080 }
form, form.frm { margin:0px }
.frm,
.formularz { font-family: tahoma, verdana; font-size: 11px;color: #000000; text-decoration: none;}

table.ma_searchbox {
  color: black; 
  background-color: #eeeeee; 
  text-decoration: none; height: 20px; font-family: tahoma ; font-size: 10px;color: #000000; 
  padding-top: 2px;
  padding-left: 6px;
  padding-bottom: 2px; 
  padding-right: 6px;
}

.mabarprz3,
.mabarwsp,
.mabarprz { background-color: #efefef; border-top: 1px #ccc solid; height: 25px; vertical-align: middle; }
.mabarprz2 { padding-bottom:10px; padding-top:10px; border-top: #ccc solid 1px; height: 25px; vertical-align: middle; }
.top2 { border-top: 3px #ccc solid; }
.mabarprz3 { background-color: #fff; }

td.mamenutext, td.mamt { padding:6px; padding-left:4px; font-size: 11px; background-color:#eee; border-top:1px #ccc solid; font-weight: bold; color:#c00; }
td.mamt { background-color:#fff; padding:10px; border-top:1px #ccc solid; }

.mabarprzold { border-bottom: 1px #ccc solid ; background-color: #eee; border-top: 1px #ccc solid; height: 25px; vertical-align: middle; }

table.ma_copybox {
  border: solid 1px;
  border-color: #fff #fff #ADAFB8 #fff ;
}

table.ma_lead{
  padding:10px;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

table.ma_tm{
  border: solid 1px;
  border-color: #6884c0 #6884c0 #6884c0 #6884c0;
  background-color: #fff;
}

tr.mht_top
{ font-size: 11px; font-family: tahoma ; vertical-align: top }

.mht_title
{ 
  padding-top: 2px;
  padding-left: 8px;
  padding-bottom: 5px; 
  padding-right: 6px;
font-size: 11px; font-family: tahoma ; font-weight: bold; color: black}

table.mht_tb
{ 
  padding-left: 8px;
  padding-bottom: 5px; 
}

.ma_rek { 
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 5px; 
  	font-size: 9px; font-family: tahoma; font-weight: normal; color: #aaa;
	vertical-align: middle;
}

.ma_tmp {font-size: 12px; font-family: tahoma; font-weight: bold;}

.mprz,
.ma_przeglad,
.ma_net {font-size: 11px; font-family: tahoma; padding-left:10px; padding-bottom:10px}

.ma_boxmiddle {font-size: 11px; font-family: tahoma; color: #999 }

.nodeco {	color: #000; text-decoration: none }

.ma_net { padding-top: 6px;  }

/* __________________borders  _____________________*/

.maprotit {}		/* tytuly sekcji w profile */
.maborderbottom {border-bottom: #ccc 1px solid; }
.mar,
.mah {border-bottom: 1px #ccc solid; padding-bottom:10px; padding-top:3px; }
.mab {background-color: #eee; padding-bottom:10px; padding-top:3px; }
.mac {border-bottom: 2px #ccc solid; border-top: 1px #ccc solid; }

.mar {padding-top:10px; padding-right:10px;}

.matopicboxno ,
.matopicbox { border-bottom: 1px #ccc solid; padding:3px; height:26px; padding-top:5px;}

.matopicboxno {padding-top:7px; }

.matopicpad { padding:15px; }

/* bordery do newsow */
.nebt {border-bottom: 3px #ccc solid; padding-bottom: 10px; padding-left:10px; padding-right:10px; padding-top: 10px; }	


td.mat {padding-bottom:10px; padding-top:10px; margin-top:10px; }

/* ________ padding do mod search _____ */ 
.masearch {padding:10px; border-right:1px #ccc solid; vertical-align:top}
.maswyn {padding-bottom:7px; padding-right:10px; vertical-align:top}

/* __________________ul i ol _____________________*/
.ul1 {margin: 0px; margin-left: 20px; list-style-type: square; }


/* __________________boxy _____________________*/

td.whitebox { background-color: #fff; }
td.maboxblu { background-color: #aaa; }

.ma_wspolpracabox,
.ma10px10px,
.masklepboxm { padding-left:10px; padding-right:10px; border:0px;}
.masklepbox { margin-top: 4px ; font-size: 11px; font-family: tahoma; border:0px;}
.makatalogbox { padding-left:10px; margin-top: 4px ; font-size: 11px; font-family: tahoma; vertical-align: top; }

.maiabox { padding-top: 4px; margin-top: 4px ; font-size: 11px; font-family: tahoma; }
.matoolbox { border-right: #ccc 1px solid; padding-right: 6px; border-top: #ccc 1px solid; padding-left: 6px; margin-bottom: 10px; padding-bottom: 6px; border-left: #ccc 1px solid; padding-top: 6px; border-bottom: #ccc 1px solid }
.matoolhead { font-weight: bold; }
.matoolboxnoborder { padding-right: 12px; padding-left: 12px; margin-bottom: 10px; padding-bottom: 6px; padding-top: 6px; }
.matoolboxb16 { border-right: #ccc 1px solid; padding-right: 16px; border-top: #ccc 1px solid; padding-left: 16px; margin-bottom: 10px; padding-bottom: 6px; border-left: #ccc 1px solid; padding-top: 6px; border-bottom: #ccc 1px solid }
.maboxcheck { padding-right: 20px; 
	      padding-left: 40px; 
	      border-bottom: #ccc 1px solid; 
	      padding-bottom: 26px; 
	      margin-bottom: 5px; 
	      padding-top: 26px; 
	      background-color: #eeeeee; 
	      height:50px;
	      }

.ma_wspolpracabox { padding-bottom: 10px; margin-bottom: 6px; margin-top: 6px;}

.masklepboxm { width:200px; border-right: #ccc 1px solid; padding-right: 6px; border-top: #ccc 1px solid; padding-left: 6px; margin-bottom: 10px; padding-bottom: 6px; border-left: #ccc 1px solid; padding-top: 6px; border-bottom: #ccc 1px solid }

.maolead,
.maboxleadcenterred,
.maboxlead { padding: 6px; border: #ccc 1px solid; margin-bottom: 10px; }

.mastorytitle,
.maboxleadgrey,
.maboxleadcenter,
.maboxleadcentergrey { margin-left:10px; color:#666; font-weight:bold; font-family: Arial; font-size:210%; line-height:85%; letter-spacing:-2px; margin-bottom:7px; }


.maboxlead2, 
.maboxleadblue, 
.maboxleadred { margin: 3px; border: #c00 3px solid; padding-right: 16px; padding-left: 16px; margin-bottom: 20px; margin-top: 10px; padding-bottom: 6px; padding-top: 6px; }

.mabiulbox {  padding-top: 6px; padding-right: 6px; padding-left: 6px; border-bottom: #ccc 1px solid }

.maboxlead2 {border-width: 2px; background-color: #eee; border-color: #ccc; } 
.maboxleadblue {border-color: #44e; }

.maolead,.maboxleadcentergrey,.maboxleadgrey {background-color: #eee; }
.maboxleadcentergrey,.maboxleadcenter { vertical-align: middle; text-align:center; }

.mastopkaautorska {border-top: #ccc 1px solid; padding-top: 12px; color: #777; }

.maolead , .maoglbox0, .maoglbox1, .maoglbox2, .maoglbox3,.maoglbox { background-color:#fff; border: 1px #ccc solid; padding: 10px; margin: 3px}
.maoglbox1 { border: 2px #f33 solid; }
.maoglbox2 { border: 2px #3f3 solid; }
.maoglbox3 { border: 2px #33f solid; }
.maoglwiec { font-weight: bold; padding:10px; }
.maolead { background-color:#8F9DC5; color: #fff; }
.maprasabox { width: 55px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
.mapremiumbox { border: 2px #f33 solid; }
.maproduktbox { margin-top:10px; padding-bottom:10px; border-bottom:1px #eee solid; }


/* __________________grafika _____________________*/

.maskleplogonoalign,
.maskleplogobig,
.maskleplogo,
.maredaktorlogo,
.machatlogo, 
.machatlogo50,
.maprasalogo { background-color:#fff; border: 1px solid #000; padding: 4px; }

.mawsplogo { padding: 4px; border: 0px }


.maprasalogo {height:50px;}

.maredaktorlogo,
.maskleplogo,
.maskleplogonoalign,
.machatlogo50 {float:right; width:50px;}
.machatlogo { float:right; height:50px;}

.maskleplogobig {float:left; width:100px;}
.maskleplogonoalign {float:none}


/* __________________select_____________________*/

.maselected {background-color: #dde; }

/* __________________link_____________________*/

.maogl:link,
.maogl:visited,
.mauslugi:visited,
.mauslugi:link {color: #000; text-decoration:none }

.maogl:hover,
.mauslugi:hover{color: #c00; text-decoration:underline}

/* __________________buttony_____________________*/


.abutton { color:#c00; padding:5px; }
.abutton:link,
.abutton:visited {color:#c00; }
.abutton:hover {border-bottom:3px #c00 solid; }

/* __________________kolory_____________________*/

.redcolor:link, .redcolor:visited,
.redcolor { color: #c00; }

/* ___________________menu______________________ */
div.menu{border-left:solid 3px #c00;border-bottom:solid 1px #ccc;border-top:solid 1px #fff;color:#ccc;font-family:Tahoma;font-size:11px;position:absolute;visibility:hidden;width:200px;top:24px}
p.menu{border-left:solid 1px #081f7b;border-right:solid 1px #081f7b;margin:0px;padding:5px 10px 5px 10px;text-align:left}
a.menu{background-color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc; color:#000;border-bottom:solid 1px #eee;display:block;font-family:Tahoma;font-size:11px;text-decoration:none;padding:4px 10px 8px 20px;text-align:left}
a:hover.menu{border-left:10px #c00 solid; background-color:#FEBF3F;padding:4px 10px 8px 11px;text-decoration:none}
div.menubar{position:absolute;width:600px;}
a.menubar{color:#000; display:block;font-family:Verdana;font-size:10px;float:left;text-decoration:none;padding:4px 10px 8px 10px}
a:hover.menubar{background-color:#c00;color:#fff;text-decoration:none}
a.mbar {color:#555;font-family:verdana}

/* __________________expand____________________*/
.maexpandbar { border-top: solid 1px #ccc; background-color: #eee; height: 25px; vertical-align: middle; font-family: Tahoma, Helivetica; font-size: 11px; padding: 3px 10px 0px 15px; color:#c00; }
.maexpandbox { }

/* __________________adpanel___________________*/
.adpanel { border: solid 1px #ccc; border-top: none; }
.adtab { background-color: #eee; background-image: url(http://biuro.activeweb.pl/wwwsystem/pic/ht/hotbg1.gif); border-bottom: 1px #ccc solid; border-right: solid 1px #ccc; border-left: solid 1px #fff; padding: 0px; }
.adtabselected { background-color: #fff; border-top: solid 1px #ccc; border-left: solid 1px #fff; border-right: solid 1px #eee; border-bottom: none; padding: 0px; text-align: left }

/* __________________ul li___________________*/

.pointp, .pointp2, .pointp3, .pp4  { 
	  clear:left; 
	  margin:5px; /* 0 0 20px; */
	  padding:0 0 5px 16px;
	  background-image:url(http://www.activeweb.pl/wwwsystem/pic/ic02.gif);
	  background-repeat:no-repeat; }

.pointp2, .pointp3 { margin-left:20px; padding-left:20px; padding-bottom:0px;
		background-image:url(http://www.activeweb.pl/wwwsystem/pic/ic03.gif);
		}
.pointp3 { margin-left:6px; padding-left:20px; }
.pp4 { margin-left:15px; padding-left:20px; }
.pointp .ma_net { padding:0px}

/* __________________link specjalny ___________________*/

.gpl,.gpl:visited { padding:2px; text-decoration:none; }
.gpl:hover { color : #2040A1; background-color:#E3E9FC }
.rpl,.rpl:visited { line-height:20px; padding:4px; background-color:#c00; color:#fff; }
.rpl:hover { background-color:#E3E9FC; color:#c00; }
.opl,.opl:visited { line-height:20px; padding:4px; background-color:#fff; color:#000; }
.opl:hover { background-color:#c00; color:#fff; }

a.goo,.goo { display:none; height:0px; width:0px; }
.getznak5 {background-color:#c00; color:#fff;padding:4px; }
.getznak6 {border:2px #c00 solid; color:#c00;padding:2px; }


.ipg { margin:5px; background-color:#fff; }
.xpl , a.xpl:visited, a.xpl{ display:block; float:left; color:#c00; width:20px; font-size:11px; text-align:center; margin:2px; text-decoration:none; background-color:#fff}
a.xpl:hover { background-color:#c00; color:#fff; text-decoration:none; }
.xpr {color:#fff; font-size:11px; margin:2px; text-decoration:none; background-color:#c00; padding:5px; }
a.xpr, a.xpr:visited  { margin:0px; line-height:23px; color:#fff }
.ipl , a.ipl:visited, a.ipl{ display:block; float:left; color:#fff; font-size:11px; width:20px; text-align:center; margin:2px; text-decoration:none; background-color:#c00; }
a.ipl:hover { background-color:#fff; color:#c00; text-decoration:none; }


.gfk { background-color: #FF660E; color:#fff }
.gfkbg { background-color:#FFD6BF; }
.gfkb { color:#fff; border-top:2px solid #FF660E; }
.gfkbg2 { color:#fff; background-color:#FF660E; }

a.nwp:visited, a.nwp { font-weight:bold; color: #c00; background-color: #fff; padding:1px 10px  1px 10px; margin-right:40px;}
a.nwp:hover { background-color:#c00; color:#fff; text-decoration:none;}
a.wh, a.wh:visited, a.wh:hover { color:#fff }

.preal { margin:10px; font-family: arial, tahoma, sans-serif; letter-spacing:-0.02em; font-size:20px; padding:0px;}
a.c_ddd, a.c_ddd:visited { color:#eee }
/* klasy ankiet*/
.surStepTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #515151;
	padding: 10px;
}
.surSimpleText{
	font-family: Arial, Helvetica, sans-serif;
	color: #818181;
	padding: 10px;
}
.surInfo{
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}
table.cmpEdt {
	width:               100%;
}

td.cmpEdt1, td.cmpEdt2 {
	border-bottom:       solid 1px #EAE9E1;
	padding:             20px;
	vertical-align:      top;
}

td.cmpEdt1 {
	color:               #99A1AC;
	width:               150px;
}

td.cmpEdt2 {
	line-height:         150%;
}

a.cli { margin-bottom:4px; display:block; width:100px; float:left;}


/* diet_system */


span {
		font-size: 11px;
		font-family: verdana;
	}

.hidden {
	display: none;
}

b.textButton:hover {
		color: white;
		text-decoration: underline;
		
	}

span.textButton {
	cursor: pointer;
	}
	
span.textButton:hover {
	cursor: pointer;
	text-decoration: underline;
	}
	
	
.textBut {
	cursor: pointer;
	border: 2px solid #2e3436;
	padding: 1px;
	color: white;
	font-weight: bold;
	background-color: #888a85;
	display:block;
}

span.textBut:hover {
	 font-weight: bold;
	 text-decoration: underline;
}

span.opis {
	color: grey;

}

.regularGroup {
	color:black;
}

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

.greyFrame {
	border-top: 1px solid #ccc;
 	
	width:100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.greyFrame h2 {
	
	font-size:11px 
	
	}

.lightGreyFrame {
	background-color:#fff;
	border:3px solid #babdb6;
	margin: 0 auto;
	padding: 10px;
	text-align:center;
	
}

div.bigFrame1 {
	margin: 0 auto;
	width: 100%;
	background-color: #fff;
	position: relative;
}

#productPropertyList {
	float: left;
	font-weight: normal; 
	width: 600px;
	background-color: #fff;
	overflow: auto;
	z-index: 500;
}

#propertySearch {
	width: 200px;
	position: relative;
	background-color: #fff;
	border: 0px solid #babdb6;
	text-align: center;
	margin: 0 auto;
}

#propertyList {
	height: 200px;
	right: 0;
	margin: 10px;
	background-color:white;
	border: 1px solid #ccc;	

}

#propertySearchInput {
	margin-top: 10px;
}

.property {
	border: 1px solid gray;
	padding: 2px;
	margin: 3px;
}

#lista11 {
	border: 2px solid gray;
	background-color: white;
	margin: 10px 0 0 10px;
	float: left;
}

div.hhh {
	background-color:lightblue;
}	



#loadingWindow {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
	left:0;
	top:0;
	background-color: black;
	z-index: 1000;
	opacity: .5;

	-moz-opacity:.5;
	
}

#loading {
	display: none;
	position: relative;
	color: black;
	width: 300px;
	height: 200px;
	margin: 0 auto;
	top: 100px;
	background-color: white;
	border: 2px solid gray;
	opacity: 1.0;

	-moz-opacity: 1.0;
	z-index: 1100;
}

#lista11 {
	margin-bottom: 20px;
	background-color:white;
}

#propertyAdd {
	display: block;
	position: absolute;
	
	top:0px;	
	left: 0px;
	right:0px;
		
	background-color: #eee;
	z-index: 900;
	width:100%;
	height:100%;
}

.label {
	text-align: center;
	width: 200px;	
}

#stepBox {
	border-top: 1px solid black;
	background-color:white;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

#tableStep {
	
	width: 800px;  
	margin: 80px auto 0 auto; 
	border-bottom: 1px solid black;
}

#buttonStep1 {
	background-color:white;
	text-align: center;	
	border-left: 1px solid black;
}

#buttonStep2 {
	background-color:white;
	text-align: center;
	border-right: 1px solid black;

}

div.label1 {
	margin:0 auto;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
	color: black;
	width: 180px;
	height: 20px;
	padding-top: 8px;
	text-align: center;
}		

.pPropertyList {
	border-bottom: 1px solid #eee;
	background-color: white;
	width: 500px;
	margin-left: 50px;
}


/*  Lista property */

#searchBar {
		background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_search.gif) no-repeat;
		text-align: left;
		width: 980px;
		height: 40px;

}	
	
	#editBar {
		position: relative;
		
		background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_edycja.gif);
		background-color: #E7E3E7;
		width: 980px;
		height: 40px;
		color: white;
		text-align:left;
		margin: 0 auto;
}

#editBarText {
	
	padding-left: 40px;
	padding-top: 10px;
	}
	
#searchField {
			display: none;
	}
	
#productEditComponent {
		display: block;
		display: none;
		width: 980px;
		text-align: center;
		margin: 0 0 0 10px;
		padding: 0;
	}

#ProductEdit {
	background-color: #DEDBDE;
	text-align: left;
	width:980px;
	
	}

#ProductEditBot {

	padding: 0;
	margin: 0;
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_edycja_dol.gif) no-repeat;
		width:980px;
	height: 6px;
	margin-bottom:   20px ;
	}
	

#propertyViewTable {
		margin-left:15px; 
		border: 1px solid black;
		width: 500px;
		background-color:white;
	}

.propertyNameTd {
		width: 70px;
		text-align: right;
		color: grey;
}

.propertyValueTd {
		width: 50px;
		color: black;
		text-align: right;
}

.propertyJednostkaTd {
		width: 100px;
		color: #aaa;
		text-align: left;
}


#EditGroups {
	display: none;
	background-color: #E7E3E7;
	border-top: 0px;
	width: 978px;
	margin: 0 1px;

	}
	
	#EditMain {
	display: none;
	background-color: #E7E3E7;
	border-top: 0px;
	width: 978px;
	margin: 0 1px;

	}
	
	
	#EditProperties {
	display: none;
background-color: #E7E3E7;
	border-top: 0px;
	width: 978px;
	margin: 0 1px;

	}
	
	#EditCloseButton {
	width: 978px;

	height: 22px;
	background-color: #E7E3E7;
	border-top: 0px;

	margin: 0 1px;

		}
		
	#EditCloseImg {
		background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/ico_close.gif) no-repeat;
		height: 11px;
		width: 11px;
		float: right;
		margin: 10px;
		cursor: pointer;
		}
	
	td.EditMain_head {
			font-family: Verdana;
			color: #737173;
			font-size: 11px;
		}
	
	span.editBarButton {
			cursor: pointer;
		}
		
	span.editBarButton:hover {
			text-decoration: underline;
		}
	



#searchField {
		background-color: #aaa;
	}
#searchResultsDiv1 {
		border-right: 1px solid black;
	}
#searchResultsDiv2 {
		border-right: 1px solid black;
	}
#searchResultsDiv3 {
		
	}	
	
.grabBlock {
		margin: 4px 0;
		background-color:white;
		padding: 3px;
		

		text-align: left;
		cursor: pointer;
		
	/*	color: #D60000; */
		font-family: Verdana;
	}
	
div.grabBlock:hover {
		background-color: #cce;
	}
	
.dualTable {
		width: 100%;

	}
	
.dualTableLeft {
	border: 1px solid black;
	width: 70%;
	text-align: left;
	}
	
td.dualTableRight {
	border: 1px solid black;
	width: 30%;
	text-align: center;
	vertical-align: top;

	}
	
	
	#productGroupList {
			width: 300px;
		}
		
	.diet_input {
			border: 1px solid #CECBCE;
			width: 200px;
			overflow: hidden;
		}
		
#MainProps {
	position: relative;
	margin: 0;

	left: 0;
	margin-left: 10px;
	}
	
td.mainPropTd {
		vertical-align: top;
		padding: 0 20px 0 0;

	
	}
	
	
td.saveMainPropsTd{
		vertical-align: bottom;
	}
	
/*  PRODUCT VIEW */

#productPropertyListView {
	
	width: 980;
	margin: 10px;  
	text-align:left;
	}

#productName {
		position: relative;
		color: #D60000;
		font-family: Verdana;
		font-weight: bold;
		font-size: 18pt;
		top: 4px;
		padding: 0 0 0 10px;
	
	}
	
#productNameDiv {
	position: relative;
	width: 980px;
	height: 40px;
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_projekt.gif) no-repeat;
	}
	

	
	
.propertyText {
		color: #737173;
		font-family: Verdana;
		font-size: 8pt;
	}
	
.propertyKat {
		color:#D60000;
		font-family: Verdana;
		font-size: 8pt;
		font-weight: bold;
	}
	
.propertyGroup {
		color:#D60000;
		font-family: Verdana;
		font-size: 8pt;

	}
	
.linkable {
	cursor: pointer;
	}
span.linkable:hover {
	text-decoration: underline;
}
	
	
#searchBarText {
		color: white;
		position: relative;
		padding-left: 40px;
		padding-top: 10px;
	
	}
	
#searchBarComponent {
	width: 980px;
	margin: 0 0 0 10px;
	}
	
#searchFieldBot {
	padding: 0;
	margin: 0;
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_edycja_dol.gif) no-repeat;
		width:980px;
	height: 6px;
	margin-bottom:   20px ;
	}
	
#searchField {
		background-color: #E7E3E7;
		border-left: 1px solid #DEDBDE;
		border-right: 1px solid #DEDBDE;
	}
	
	#SearchCloseButton {
	width: 980px;
	height: 22px;
	background-color: #DEDBDE;
	border-top: 0px;

		}
		
		#SearchCloseDiv {
			width: 978px;
			height: 22px;
		 	background-color:#E7E3E7;
			margin: 0 1px 0 1px;
			}
		
	#SearchCloseImg {
		background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/ico_down.gif) no-repeat;
		height: 11px;
		width: 11px;
		float: right;
		margin: 10px;
		cursor: pointer;
		}
		
	p.test111{
		padding: 5px 0 0 0;
		margin: 0 10px;
		}
		
	#productGroupDiv {
		border-left: 1px solid #DEDBDE;
		border-right: 1px solid #DEDBDE;
	background-color: #EFEFEF;
}
#productGroupDivBot {
	padding: 0;
	margin: 0;
	background: bottom center url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_projekt_kategoria.gif) no-repeat ;
	width: 980px;
	height: 10px;
}

#startEditButton {
	
	position:absolute;
	top: 0px;
	right: 10px;
	padding:10px 0 0 20px;
	cursor: pointer;
}

#startDelButton {
	
	position:absolute;
	top: 0px;
	right: 10px;
	padding:10px 0 0 20px;
	cursor: pointer;
}

#saveMainButton {
	
		cursor: pointer;
	}

#addProdButton {
position:absolute;
	top: 0px;
	right: 10px;
	padding:10px 0 0 20px;
	cursor: pointer;
	}
	
.upText {
	position: relative;
	top: -6px;
	cursor:pointer;
	margin-right: 10px;
	}
	
span.upText:hover {
	text-decoration: underline;
	
	}
	
#listaPodreczna {
	border: 1px dashed black;
	width: 70%;

	margin: 0 auto 0 auto;

	padding: 10px;
	text-align: left;
	text-align:center;
	}
	
.LPButton {
	font-weight: bold;
	color: #D60000;
	
	}
	

	
.LPname {
	font-weight: bold;
	color: #D60000;
}

.LPinput {
		width: 50px;
		border: 1px solid gray;
		text-align: center;
}
	
.LPnaglowek {
		text-align: center;
		font-weight: bold;
		color: #440000;
		width: 60px;
	}
	
.LPstopka {
	border-top: 1px solid gray;
	text-align: center;
	
	}
	
.LPtop {
		border-bottom: 1px solid gray;
	}
	
.LPvar {
	margin: 3px 5px;
	text-align:center;
	}
	
.hhh2 {
	color: red;
	padding: 3px;
	background-color: lightblue;
	}

.LPfunctions {
	text-align:left;
	}
	
a.simpleLink:hover {
	text-decoration: none;
	
	}
#ViewModeContainer {
	margin-left:10px;
	margin-top: 20px;
	}

#EditModeContainer {
	margin-left:10px;
	margin-bottom: 10px;
	display: none;
	}

#ViewModeTitleDiv {
	position: relative;
	width: 980px;
	height: 40px;
	
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_projekt.gif) no-repeat;
	}
	

#EditModeTitleDiv {
	position: relative;
	width: 980px;
	height: 40px;
	
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_edycja.gif) no-repeat;
	}
	
#EditModeContentBG {
	background-color: #DEDBDE;
	width: 980px;

	}

#EditModeContentDiv {
	background-color: #E7E3E7;

	width: 978px;
	margin: 0 1px;
}
	
#EditModeEndDiv{
	position: relative;
	width: 980px;
	height: 6px;
	background: url(http://biuro.activeweb.pl/wwwsystem/pic/diet/naglowek_edycja_dol.gif) no-repeat;
	}
	
.editContentTab {
	display: none;
	}

.titleText {
		position: relative;
		color: #D60000;
		font-family: Verdana;
		font-weight: bold;
		font-size: 18pt;
		top: 4px;
		padding: 0 0 0 10px;
	}
	
.titleText2 {
		position: relative;
		color: #ffffff;
		font-family: Verdana;
		top: 13px;
		font-size: 10pt;
		left: 40px;
		padding: 0 0 0 10px;
	}
	
#ViewModeContentDiv {
	padding: 10px 0 0 10px;
	}
	
.searchResultDiv {
	vertical-align:top;
	}
	
.przepisInfo {
	display: none;
	position: absolute;
	z-index: 500;
	background-color: #edd400;
	border: 2px solid #c4a000;
	padding:  10px;
	margin-left: 200px;
	}

div.ctlTabTopSel {
	background-color:    #FFC739;
	border:              solid 1px #E78A29;
	border-bottom:       none;
	font-size:           0;
	margin:              0;
	padding-top:         2px;
}
div.ctlTabBtmSel {
	background-color:    #FFF;
	border:              solid 1px #94A6B5;
	border-bottom:       none;
	border-top:          none;
	margin:              0;
	padding:             0 0 2px 0px;
}
a.ctlTabSel, div.ctlTabSel {
	padding:             0 4px 2px 5px;
	
	white-space:         nowrap;
}

a.ctlTab, a.ctlTabSel {
	color:               #000;
	display:             block;
	text-decoration:     none;
}
div.ctlTabTop {
	background-color:    #FFF;
	border:              solid 1px #94A6B5;
	border-bottom:       none;
	font-size:           0;
	margin:              2px 0 0 0px;
	padding-top:         2px;
}
div.ctlTabBtm {
	background-color:    #F7F7F7;
	border:              solid 1px #94A6B5;
	border-bottom:       none;
	border-top:          none;
	margin-left:         0px;
}
table.ctlTab {
	cursor:              pointer;
	margin:              5px 1px 0 1px;
	position:            relative;
	z-index:             1;
	overflow:	     	 auto;
}

a.ctlTab, div.ctlTab {
	border-bottom:       solid 1px #E7E3DE;
	border-left:         solid 2px #FFF;
	border-right:        solid 1px #E7E3DE;
	padding:             0 0px 1px 0px;	
	white-space:         nowrap;
}