form {margin: 0px;}
   img        { border: 0px solid #909090 }
   img.image  { border: 1px solid #909090 }
   img.button {border: 1px solid #003030}

   P,div  { margin: 2px; font-size:12px;font-weight:normal }
   .small { font-weight: bold;  font-size: 10px; color: #000000; }
   .big   { font-weight: bold; font-size: 15px; color: #000000; }
   .error {font-weight: normal; color: #dd2200;font-size: 11px;}
   .help  {font-weight: normal; color: #222222; font-size: 11px;}
   
   .title          { font-weight: bold; color: #004466; font-size: 13px; margin-top: 4px; margin-bottom: 4px}
   .code           { color: #ededbc; margin-top: 0; margin-bottom: 0}
   .quote          { border: 1px #999999 solid; background-color: #393939 ; color: #ddedbc; padding:4px; margin: 3px; }
   .message        { font-size: 12px; color: #eeeeee; text-align: center;}

   A:active  {  text-decoration: none;  color: #0044aa;}
   A:visited {  text-decoration: none;  color:#0044aa;}
   A:link    {  text-decoration: none;  color: #0044aa;}
   A:hover   {  text-decoration: underline;  color: #dd2200;}
   A.small:visited {  font-size: 10px; font-weight: bold; color: #0022bb; }
   A.small:active  {  font-size: 10px; font-weight: bold;  color:#0022bb;}
   A.small:link    {  font-size:10px; font-weight: bold; color: #0022bb; }
   A.small:hover   {  font-size: 10px; font-weight: bold; color:  #cc0000;}

   table.ctrl   {border: 1px solid #666666;margin-top:5px;}
   table        {font-size:12px;color: #000000; font-family: Arial,Helvetica;}
   tr.preview   {background-color: #dfe8e8;}
   tr.editor    {background-color: #dfe8e8;}
   table.preview{}
   table.editor {}
   div.preview  {font-weight: normal;}

   table.controlpanel   {border: 1px solid #303030;}
   tr.controlpanell     {text-align: left; background-color: #cfe0e0}
   tr.controlpaneld     {text-align: left; background-color: #bfd0d0}
   .controlpanel        {font-weight: bold;  font-size: 10px; color: #000000;}
   td.cpnormal          {background-color: #cfe0e0;  }
   td.cphover           {background-color: #d8e8e8; }
   .cphide              {display:none;position : absolute;}
   .cpshow              {font-weight: bold; font-size: 10px; color: #000000; margin:0px; display:block;
                         position : absolute; background-color:#cfe0e0;
                         border:1px solid #666666; ; padding:2px}
   A.controlpanel:visited { font-size: 10px; font-weight: bold; color: #0022bb; }
   A.controlpanel:active  { font-size: 10px; font-weight: bold;  color:#0022bb;}
   A.controlpanel:link    { font-size:10px; font-weight: bold; color: #0022bb; }
   A.controlpanel:hover   { font-size: 10px; font-weight: bold; color:  #cc0000;}

   tr.darker      {text-align: left; background-color: #afc0c0}
   tr.dark        {text-align: left; background-color: #bfd0d0}
   tr.light       {text-align: left; background-color: #cfe0e0}
   tr.header      {text-align: center; background-color: #afc0c0}
   td.header      {padding:5px;font-size:14px; font-weight:bold;background-color: #e0e2d2; color:#003300}
   td.lista       {padding:2px; border-top: 1px solid #909090; empty-cells: show;}
   td.listahead       {padding:2px; border-top: 1px solid #909090;border-bottom: 1px solid #909090; empty-cells: show;}
   td.listanoborder  {padding:2px; border: 0px solid #909090; empty-cells: show;}

   div.tenull     {margin:0px;border-width: 0px; padding:0px; background-color: #ccaaaa;}
   div.teselected {margin:0px;border-left: 1px dotted #808080; border-top: 1px solid #b0b0b0;
                   empty-cells: show; margin-left:21px; text-align: left; background-color: #bff0d0}
   div.teerror    {margin:0px;border-left: 1px dotted #808080; border-top: 1px solid #b0b0b0;
                   empty-cells: show; margin-left:21px; text-align: left; background-color: #ee9999}
   div.tedark     {margin:0px;border-left: 1px dotted #808080; border-top: 1px solid #b0b0b0;
                   empty-cells: show; margin-left:21px; text-align: left; background-color: #bfd0d0}
   div.telight    { margin:0px;border-left: 1px dotted #808080; border-top: 1px solid #b0b0b0;
                    empty-cells: show; margin-left:21px;text-align: left; background-color: #cfe0e0}

   .hinthide     {display:none;position : absolute;}
   .hintshow     {display:block;position : absolute; text-align:center;background-color:#e0e2d2;
                  border:1px solid #666666; padding: 5px}
   .marked{border: 1px solid #666666; margin:0px}
   .notmarked{border: 0px solid #666666 ; margin:1px}
   .widoczne {display: block;}
   .niewidoczne{display:none }

   input.button     {font-weight: normal; margin: 1px; padding:1px; font-family: Arial,Helvetica; font-size: 11px;
                     background-color: #e0f0ed; color: #000000;  border: 1px solid #003030}
   input.area       {font-weight: normal; margin: 1px; padding:1px; font-family: Arial,Helvetica;  font-size: 11px;
                     background-color: #e0f0ed; color: #000000;  border: 1px solid #003030}
   textarea         {font-weight: normal; margin: 1px; padding:1px; font-size: 11px;
                     background-color: #e0f0ed;color: #000000; border: 1px solid #003030}
   select           {font-weight: normal; margin: 1px; padding:1px; font-family: Arial,Helvetica; font-size: 11px;
                     background-color: #e0f0ed; color: #000000;  border: 1px solid #003030}

   body             {color: #000000; font-family: Arial,Helvetica; font-size: 12px;
                     background: url("../design/pagebackground.gif");background-position:top;
                     background-repeat:repeat-x; margin:0px; padding: 0px; background-color: #eff8f8;}
    
   div.block {text-align:center; height:220px; width: 215px; float : left;}
   div.nonblock {text-align:center; margin: 0px;  width: 450px; float : left;}