.helfen
{
  background: rgb(210,210, 210); /* Old browsers */
    font-weight:bold;
    padding: 9px 4px;
padding-right: 5px;
text-align:left;
  -webkit-transition: all 0.70s ease-in-out;
  -moz-transition: all 0.70s ease-in-out;
  -ms-transition: all 0.70s ease-in-out;
  -o-transition: all 0.70s ease-in-out;
    border: 1px solid #CBCBCB;
	background: rgba(215, 216, 215, 0.87);
	filter: alpha(opacity=50);
	font-size:16px;
	margin-top:1px;
}
.helfen:hover
{
  background: rgb(201,201, 201); /* Old browsers */
  border: 1px solid #726F6F;
	background: rgba(255, 255, 255, 0.75);
  filter: alpha(opacity=61);
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);

}

.labele
{
 width:400px;
 font-weight:bold;
 font-size:15px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
  background: rgb(50, 205, 50); /* Old browsers */
background: rgba(50, 205, 50, 0.65);
-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.55);
box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.55);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(128,128,128, 1);
}
.textarea
{
    font-size:15px;
     font-family: verdana;
    font-weight:normal;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
    background: rgb(230, 230, 230); /* Old browsers */
	background: rgba(215, 216, 215, 0.5);
  border: 1px solid #c5c5c5;
  color:black;
 }
.textarea:hover
{
  background: rgb(240,240,240); /* Old browsers */
  border: 1px solid #a1a1a1;
} 
.textarea:focus
{  
      background: rgb(250,250,250); /* Old browsers */
  border: 1px solid #a1a1a1;
 -moz-box-shadow: 0 0 8px rgba(128,128,128, 1);
-webkit-box-shadow: 0 0 8px rgba(128,128,128, 1);
box-shadow: 0 0 8px rgba(128,128,128, 1);
  border: 1px solid rgba(128,128,128, 1);
}

.textareaNieWysw
{
     background: rgb(170, 255, 255); /* Old browsers */
        font-weight:bold;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
	background: rgba(170, 255, 255, 0.5);
	filter: alpha(opacity=50);
  border: 1px solid #c5c5c5;
}
.textareaNieWysw:hover
{
         background: rgb(120, 255, 255); /* Old browsers */
  border: 1.5px solid #44A2FF;
	background: rgba(120, 255, 255, 0.5);
	  filter: alpha(opacity=61);

} 
.textareaNieWysw:focus
{    	background: rgba(150, 255, 255, 0.5);
	  filter: alpha(opacity=61);
 -moz-box-shadow: 0 0 8px rgba(70,150,230, 1);
-webkit-box-shadow: 0 0 8px rgba(70,150,230, 1);
box-shadow: 0 0 8px rgba(70,150,230, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #44A2FF;
}

.textareaWysw
{
     background: rgb(255, 111, 111); /* Old browsers */
        font-weight:bold;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
	background: rgba(255, 0, 0, 0.2);
	filter: alpha(opacity=50);
border: 0.7px solid rgba(255,128,128, 1);
}
.textareaWysw:hover
{
         background: rgb(255, 131, 111); /* Old browsers */
  border: 1.5px solid red;
	background: rgba(255, 0, 0, 0.30);
	  filter: alpha(opacity=61);

} 
.textareaWysw:focus
{   
      background: rgb(255, 121, 111); /* Old browsers */
      	background: rgba(255, 0, 0, 0.25);
	  filter: alpha(opacity=61);
 -moz-box-shadow: 0 0 8px rgba(255, 0, 0, 1);
-webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 1);
box-shadow: 0 0 8px rgba(255, 0, 0, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(255,128,128, 1);
}
.Oczekujacelabele
{
    width:400px;
    font-size:15px;
 font-weight:bold;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: rgba(192,193, 192, 0.65);
-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.55);
box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.55);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(128,128,128, 1);
}
.Ukonczonelabele
{
     width:400px;
     font-size:15px;
 font-weight:bold;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: rgba(255, 223, 0, 0.65);
-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.55);
box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.55);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(128,128,128, 1);
}
.Komentarz1
{
webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style:solid;
border-width:1px;
padding: 3px 3px;
width: 590px;
margin-left:-60px;
text-align:left;
background-color: #caf0c1;
-webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 8px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 8px rgba(50, 50, 50, 0.5);
font-size:15px;
padding-left:15px; padding-right:15px;
font-family: verdana;
}
.Komentarz1niewidoczny
{
webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-style:solid;
border-width:1px;
padding: 3px 3px;
width: 590px;
margin-left:-60px;
text-align:left;
background: rgb(212,241,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(212,241,249,1) 0%, rgba(204,227,234,1) 47%, rgba(186,224,223,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,241,249,1)), color-stop(47%,rgba(204,227,234,1)), color-stop(100%,rgba(186,224,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(212,241,249,1) 0%,rgba(204,227,234,1) 47%,rgba(186,224,223,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(212,241,249,1) 0%,rgba(204,227,234,1) 47%,rgba(186,224,223,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(212,241,249,1) 0%,rgba(204,227,234,1) 47%,rgba(186,224,223,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(212,241,249,1) 0%,rgba(204,227,234,1) 47%,rgba(186,224,223,1) 100%); /* W3C */
-webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    2px 2px 8px rgba(50, 50, 50, 0.3);
box-shadow:         2px 2px 8px rgba(50, 50, 50, 0.3);
font-size:15px;
padding-left:15px; padding-right:15px;
font-family: verdana;

}
.Komentarz2
{
webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style:solid;
border-width:1px;
margin-left:-60px;
padding: 3px 3px;
width: 590px;
text-align:left;
background-color: #eff0c1;
-webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 8px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 8px rgba(50, 50, 50, 0.5);
font-size:15px;
padding-left:15px; padding-right:15px;
font-family: verdana;
}
.OdpowiedzTekstowa
{font-weight:bold;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #a1a1a1;
padding: 3px 3px;
max-width: 350px;
text-align:left;
background: rgba(120,255, 110, 0.8);
	  filter: alpha(opacity=61);
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}
.OdpowiedzTekstowa2
{font-weight:bold;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #a1a1a1;
padding: 3px 3px;
max-width: 350px;
text-align:left;
background: rgba(255 ,205, 100, 0.8);
	  filter: alpha(opacity=61);
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}
.Pytanie
{
       background: rgb(120,255, 110); /* Old browsers */
    text-align:left;
    width:470px;
    padding: 3px 5px;
   border-radius: 4px; 
    border: 1px solid #a1a1a1;
    background: rgba(120,255, 110, 0.78);
-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.6);
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
  font-weight:bold;
  font-size:15px;
  font-family:Verdana;
}

.Pytanie2
{
     background: rgb(255 ,205, 100); /* Old browsers */
    text-align:left;
    width:470px;
    padding: 3px 5px;
   border-radius: 4px; 
    border: 1px solid #a1a1a1;
    background: rgba(255 ,205, 100, 0.78);
-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.6);
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
  font-weight:bold;
    font-size:15px;
  font-family:Verdana;
}

.test
{
font-weight:bold;
font-size:15px;
background: rgba(214,248,218, 0.82);
}

.helfenblad
{
font-weight:bold;
padding: 9px 4px;
padding-right: 5px;
text-align:left;
  -webkit-transition: all 0.70s ease-in-out;
  -moz-transition: all 0.70s ease-in-out;
  -ms-transition: all 0.70s ease-in-out;
  -o-transition: all 0.70s ease-in-out;
background: rgba(255, 140, 140, 0.87);
filter: alpha(opacity=50);
font-size:15px;
margin-top:1px;
border: 0.1px solid rgba(255, 130, 130, 1);
}
.helfenblad:hover
{
-webkit-box-shadow: inset 0px 0px 3px rgba(255, 0, 0, 1);
-moz-box-shadow:  inset  0px 0px 3px rgba(255, 0, 0, 1);
box-shadow:       inset  0px 0px 3px rgba(255, 0, 0, 1);
	background: rgba(245, 162, 162, 0.5);
	filter: alpha(opacity=50);
	
}
.LabelBlad
{          font-weight:bold;
    font-size:18px;
 color: red; 
}
.textareablad
{
    font-weight:bold;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
	background: rgba(255, 216, 215, 0.5);
	filter: alpha(opacity=50);
  border: 0.2px solid rgba(255, 1, 1, 0.6);
   -moz-box-shadow: 0 0 4px rgba(255,0,0, 1);
-webkit-box-shadow: 0 0 4px rgba(255,0,0, 1);
box-shadow: 0 0 4px rgba(255,0,0, 1);
}
.textareablad:hover{
  border: 0.1px solid rgba(255, 111, 111, 0.5);
	background: rgba(192,193, 192, 0.5);
	  filter: alpha(opacity=61);

} 
.textareablad:focus
{    	background: rgba(192,193, 192, 0.5);
	  filter: alpha(opacity=61);
 -moz-box-shadow: 0 0 8px rgba(128,128,128, 1);
-webkit-box-shadow: 0 0 8px rgba(128,128,128, 1);
box-shadow: 0 0 8px rgba(128,128,128, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(128,128,128, 1);
}
.textareaAU
{
    margin:0px auto 0px auto; width:570px; height:220px; max-width:590px;
     font-size:15px;
     font-family: verdana;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
     background-color:White;
  border: 1px solid #c5c5c5;
}
.textareaAU:hover
{
  background: rgb(240,240,240); /* Old browsers */
  border: 1px solid #a1a1a1;


} 
.textareaAU:focus
{  
      background: rgb(250,250,250); /* Old browsers */
  border: 1px solid #a1a1a1;
 -moz-box-shadow: 0 0 8px rgba(128,128,128, 1);
-webkit-box-shadow: 0 0 8px rgba(128,128,128, 1);
box-shadow: 0 0 8px rgba(128,128,128, 1);
  border: 1px solid rgba(128,128,128, 1);
}

.Komunikat
{  
      font-weight:bold;
      	font-size:16px;
      text-shadow: 2px 2px 3px rgba(150, 150, 150, 0.5);
}
.info
{
        margin-top:30px;
    margin-left:-200px;
    position:absolute;
    width:362px;
   text-align:left;
         background: rgb(255 ,205, 100); /* Old browsers */
    padding: 1px 3px;
   border-radius: 4px; 
    border: 1px solid #a1a1a1;
    background: rgba(255 ,230, 140, 0.75);
-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.6);
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;

  
}
.info2
{
       border-radius: 4px; 
        width:700px;
   text-align:left;
    border: 1px solid #a1a1a1;
    background: rgb(255 ,205, 100); /* Old browsers */
    background: rgba(255 ,230, 140, 0.75);
-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.6);
  -webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;
}
 .modalBackground
 {
 background-color: Black;
 filter: alpha(opacity=65);
 opacity: 0.65;
 }
 .modalPopup
 {
     z-index:3;
     position:fixed;
     top:20%;
     left:50%;
     margin-left:-200px;
font-weight:bold;
border-radius: 4px; 
background-color: #FFFFFF;
 opacity: 0.89;
border-width: 2px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 400px;
height: 67px;
-webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.6);
-moz-box-shadow:    0px 0px 4px rgba(255, 255, 255, 0.6);
box-shadow:         0px 0px 4px rgba(255, 255, 255, 0.6);
 }

 .button
 {
  padding-left:5px; padding-right:5px;
     height:30px;
     font-size:18px;
     font-weight:bold;
 }
 .raddiv
{
    font-family: arial;
    margin-left:-2px;
    text-align:center;
    font-size:14px;
    font-weight:bold;

}
.backgroundPopup {
position:fixed;
z-index:2;
width:100%; height:100%; left:0px; top:0px;
background-color:rgba(40,40,40,0.5);
}