.opis {
font-size:x-small;
}
.avail {
 color:black;
}
.notavail {
 color:#888;
}

table.tpay {
width: 100%;
font-family:Verdana,Geneva,Sans-Serif;
font-size:small;
border-spacing: 2px;
}

table.tpay td {
margin : 2px 2px 2px 2px;
padding : 5px;
background-color: #cdd;
border: 1px  solid black;
}

table.center {
    width : 95%;
	margin : 0 auto;
}

pre {
	font-family: 'Courier New';
	font-size: 11px;
}

textarea {
		display:block;
		margin-bottom:0pt;
		width:98%;
		height: 40%;
		}
		
div.grippie {
	background:#E0E0E0 url(img/grippie.png) no-repeat scroll center 2px;
	border-color:#909090;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	}
		
.resizable-textarea textarea{
		display:block;
		margin-bottom:0pt;
		width:98%;
		height: 40%;
		}

.hlotto  {background-color: #f80000;
}
.alt {
	color: #04688d;
	white-space:pre;
	font-family:'Courier New';
}

.spacer {
	margin-bottom: 5px;
}

.bar
{
    font-size: 12px;
    color: #7C582C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    background-color: #EEEEEE;
}
.bn
{
    background-position: center 50%;
    font-weight: bolder;
    font-size: 10px;
    text-transform: capitalize;
    color: #990000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    background-color: #00ffff;
}
.bb
{
    background-position: center 50%;
    font-weight: bolder;
    font-size: 10px;
    text-transform: capitalize;
    color: #990000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    background-color: #ffffff;
}
.bsc, #bsc1, #bsc2, #bsc3
{
    background-position: center 50%;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #B0B0B0;
}
.bc
{
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ff0000;
}
.par
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #DEDEDE;
}
.english {
font-family:Verdana;
font-size:x-small;
color:Gray;
}
.polish {
font-family:Verdana;
font-size:x-small;
color:Black;
}

.odd
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE;
}
.btit
{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F8F8F8;
}
.red
{
    background-color: #FF9900;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bolder;
    color: #660000;
}

.licframe {  
  display:block; 
  font-family:Verdana;
  font-weight:bold; 
  background-color:#FFE4B5; 
  margin:10px 10px 10px 10px;
  padding:5px 5px 5px 5px; 
  border: solid 1px black;
  }

.inline-button {
   _width:12em;
   font: bold 90%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }

.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }


.y
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bolder;
    background-color: #FFFF00;
    background-position: center center;
    text-align: center;
}

.black
{
    background-color: #000000;
}
.dgray
{
    background-color: #404040;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}
.t0
{
    background-color: #404040;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}
.t1
{
    background-color: #EEEEEE;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
.t2
{
    background-color: #FFFF99;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
.t3
{
    background-color: #66FFFF;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
.t4
{
    background-color: #EDC4FC;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
.t5
{
    background-color: #FFB880;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
.t6
{
    background-color: #4DADFF;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

.t7
{
    background-color: #1CCB00;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

.t8
{
    background-color: #AA55AA;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

.t9
{
    background-color: #FF0000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

.t10
{
    background-color: #7F00FF;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

/* tables */
table.sortable
{
    font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.sortable thead tr th, table.sortable tfoot tr th
{
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 7pt;
    font-weight: normal;
    text-align: left;
}
table.sortable thead tr .header
{
    background-image: url(img/bg.gif);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
table.sortable tbody td
{
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.sortable tbody tr.odd td
{
    background-color: #DEDEDE;
}
table.sortable thead tr .headerSortUp
{
    background-image: url(img/asc.gif);
}
table.sortable thead tr .headerSortDown
{
    background-image: url(img/desc.gif);
}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp
{
    background-color: #8dbdd8;
}

.liga-header
{
    display: block;
    margin: 0;
    margin-bottom: 1px;
    padding: 3px;
    height: auto;
    background-color: #A0A0A0;
    text-decoration: none;
    text-align: left;
    padding-left: 25px;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    letter-spacing: 0.2em;
}

.liga-header:hover
{
    background-color: #404040;
}
.liga-header:visited
{
    background-color: #606060;
}
.liga-container
{
    display: none;
}

/*
.w3cbutton4 {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
}
.w3cbutton4 a {
  display: block;
  width: 100%;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
  background-color: #0c479d;
  color: #eee;
  text-decoration: none;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton4 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton4 span.w3c {
  padding: 0 0.4em; 
  background-color: #eee;
  color: #0c479d;
}
.w3cbutton4 .spec {
  margin-right:5px;
  float:left;
  width:100%;
  padding: 0 0.4em; 
  background-color: #eee;
  color: #fff;
}
*/
.w3cbutton4 {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}
.w3cbutton4 a {
  display: block;
  width: 100%;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton4 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton4 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

.w3cbutton4 div.w3d {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
  float:right; 
  clear : none;  
}

.w3cbutton4 div.spec {
  padding: 0 0.4em;
  background-color: #000;
  color: #fff;
  margin-right:5px;
  float:right; 
  clear : none;
}

.rssbutton{
white-space: nowrap;
background-color: #ff6600;
border: 2px #ff6600 outset;
padding: 2px 2px 2px 2px;
margin-left: 5px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover{
color: #fff;
}

.rssbutton:active{
color: #000;
border: 2px #ff6600 inset;
}

.lens {
padding-left: 30px;
background: url(img/oku.png) no-repeat;
}

.cancel {
padding-left: 30px;
background: url(img/cancel.png) no-repeat;
}
  
.btnok {
padding-left: 30px;
background: url(img/ok.png) no-repeat;
}  
/* News Ticker */
.newsticker
{
    list-style-type: none;
    border: 1px dashed #fff;
    background: #eeeeee;
    padding: 3px;
    margin: 0;
}

.resizable-textarea textarea
{
    display: block;
    margin-bottom: 0pt;
    width: 98%;
    height: 40%;
}

/* draw panel */
.li-date
{
    border-style: none;
    background-color: #dddddd;
    text-align: left;
    padding-left: 15px;
    font-family: Verdana;
    font-size: small;    
}
.li-draw
{
    border: 1px solid #CCCCCC;
    background-color: #eeeeee;
    text-align: left;
    padding: 3px;
    font-family: Verdana;
    font-size: small;    
}

#modalogin {
    font-family:Verdana;
    font-size:10pt;
    background-color:#cccccc;
     border: solid 1px #888888;
     width : 350px;
     height:auto;
     margin-left: 25%;
     margin-right: 25%;
}
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 340px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}


div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 120px; /*width of label (left column)*/
margin-left :5px;
border-bottom: 3px solid darkorange;
margin-right: 15px; /*spacing with right column*/
font-weight:bold;
color:Maroon;
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 30px;
margin-right:15px;
font-family:'Courier New';
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}