body
  {
    color: #0000D7;
    text-align: center;
    font-size: small;
    background: #A0A0A0 url("../Img/SpeedMetals-MetalTexture-Feb17.jpg") center no-repeat fixed;
    background-position center top;
    background-size: cover;
    margin-top: 0;
    margin-bottom: 1em;
  }

h2
  {
    color: #0000C0;
    font-style: italic;
  }

p
  {
    color: #0000c0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

div.contents
  {
    text: #0000c0;
    margin-left: 12%;
    margin-right: 12%;
    padding-top: 1ex;
    padding-bottom: 1em;
    border-style: ridge;
    border-color: #AA5500;
  }

ul
  {
    margin-left: 15%;
    margin-right: 15%;
    text-align: left;
    list-style-type: none;
  }
  
.dropbtn
  {
    display: none;
  }

.dropdown
  {
    position: relative;
    display: inline-block;
  }

.dropdown-content
  {
    display: none;
    position: relative;
    width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(255,255,0,1);
    z-index: 1;
  }

.dropdown:hover .dropdown-content {display: block;}

.dropdown-content a
  {
    color: yellow;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
  }

.dropdown-content a:hover {background-color: yellowgreen;}

.dropdown:hover .dropbtn {background-color: lightgray;}

table
  {
    border-width: 1px;
    border-spacing: 0px;
    border-style: none;
    border-color: gray;
    border-collapse: separate;
    background-color: rgba(0, 0, 0, 0);
  }

table tr
  {
    color: black;
	 font-size: normal;
    background-color: rgba(0, 0, 0, 0);
  }

table th
  {
    color: black;
	 border-width: 1px;
	 margin: 10px;
	 padding: 10px;
	 border-style: inset;
	 border-color: gray;
	 background-color: #F0F0FF;	//	white;
	 -moz-border-radius: ;
  }

table td
  {
    color: black;
	 border-width: 1px;
	 margin: 10px;
	 padding-bottom: 0px;
	 padding-left: 3px;
	 padding-right: 3px;
	 padding-top: 0px;
	 border-style: inset;
	 border-color: gray;
	 background-color: white;
	 -moz-border-radius: ;
  }

table th.filter
  {
    cursor: pointer;
  }

table td.filter
  {
	 color: blue;
	 font-style: italic;
	 background-color: #F0F0FF;
	 border-top-style: hidden;
    cursor: pointer;
  }

/*  Style dla przycisków jako komórki tabeli:  */

td.actv_savebutton
  {
    color: #AA4444;
    background-color: #A0A0A0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.actv_cancelbutton
  {
    color: #AAAA44;
    background-color: #A0A0A0;
    border-top:1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.actv_editbutton
  {
    color: #008800;
    background-color: #A0A0A0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.pass_editbutton
  {
    color: #444444;
    background-color: #A0A0A0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.actv_apprbutton
  {
    color: #4444AA;
    background-color: #A0A0A0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.pass_apprbutton
  {
    color: #444444;
    background-color: #A0A0A0;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;	//	0.8em;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
}

/*  Style dla przycisków jako pole formularza:  */

td.hidden
  {
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    padding: 0px;
//    color: #FFFF00;
//    text-align: left;
/*    text-align: right;	*/
  }

td.zatwierdzone
  {
    background-color: #F0F0FF;
    name: 'Rozliczenie zatwierdzone!';
  }

td.zaleznosci
  {
    background-color: #FFD0D0;
    name: 'Niespełnione zależności!';
  }

td.nieobsl
  {
    background-color: #F0F0F0;
    name: 'Niespełnione zależności!';
  }

td.typ_oper
  {
    background-color: #FFF0E0;				//	#F0F0FF;
  }

td.grey_btn
  {
    color: #444444;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.red_btn
  {
    color: #D81111;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.blue_btn
  {
    color: #4444AA;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.yellow_btn
  {
    color: #BBBB44;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.green_btn
  {
    color: #00E000;		//	#D81111;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

td.violet_btn
  {
    color: purple;		//	#800080;		//		#205070;
  	 height: 18px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
    font-size: smaller;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.red_btn
  {
  	 color: #AA4444;
  	 width: 100%;
  	 height: 20px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.green_btn
  {
  	 color: #00BB00;
  	 width: 100%;
  	 height: 20px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.blue_btn
  {
  	 color: #4444AA;
  	 width: 100%;
  	 height: 20px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.yellow_btn
  {
  	 color: #BBBB44;
  	 width: 100%;
  	 height: 20px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.grey_btn
  {
    color: #444444;
  	 width: 100%;
  	 height: 20px;
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    font-size: smaller;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    font-weight: bold;
  }

input.delete_btn
  {
  	 color: #DD4444;
  	 width: 100%;				/* Szerokość przycisku na całą komórkę. Jeśli nie trzeba, to zakomentować. */
    background-color: #808080;
    border-top: 1px solid #F0F0F0;
    border-right: 1px solid #0F0F0F;
    border-bottom: 1px solid #0F0F0F;
    border-left: 1px solid #F0F0F0;
    cursor: pointer;
    font-size: smaller;
    padding-left: 6px;		/* 2px;	*/
    padding-right: 6px;		/* 2px;	*/
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    font-weight: bold;
  }