body {
background-color: #666666;
padding: 0px;
margin: 0px;
}
form {
  padding:0;
  margin:0;
}
#container {
margin-left: auto;
margin-right: auto;
width: 700px;
text-align: center;
}

.sm {font-size: 10px; color: #aaa;}

/* horizontalni prehled volnych hodin */

.hori {margin: 0 auto;}
#horizontal-free {text-align: center;}
#horizontal-free td {text-align: center; width: 35px; height: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333; vertical-align: middle; padding: 0 2px;}
#horizontal-free td.fl {background-color: red;}
#horizontal-free td.hdr {background-color: #333; color: #eee; font-weight: bold; border: 0;}
#horizontal-free td.court-name {background-color: #333; color: #eee; font-weight: bold; border: 0; width: auto; padding: 3px 5px;}
#horizontal-free .datestrip {width: 100%; background-color: #333; font-weight: bold; text-align: center;}

#horizontal-free-wide {text-align: center;}
#horizontal-free-wide td {text-align: center; width: 20px; height: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333; vertical-align: middle; padding: 0 2px;}
#horizontal-free-wide td.fl {background-color: red;}
#horizontal-free-wide td.hdr {background-color: #333; color: #eee; font-weight: bold; border: 0;}
#horizontal-free-wide td.court-name {background-color: #333; color: #eee; font-weight: bold; border: 0; width: auto; padding: 3px 5px;}
#horizontal-free-wide .datestrip {width: 100%; background-color: #333; font-weight: bold; text-align: center;}



#top-strip td.logo {font: bold 16px Arial;}

#top-line {background-color: #222; color: white; font: bold 10px Verdana; width: 100%;}
#top-line div {padding: 2px 5px;}

.ctr {text-align: center;}
.ar {text-align: right;}

.d1 {background-color: #555;}
.d2 {background-color: #444;}
.odd {background-color: #555;}

#club-list td {padding: 3px 10px;}

#container a {
  color: #FFCC00;
  font-weight: bold;
}
#container a:hover {
  color: #FFCC00;
  font-weight: bold;
  text-decoration: underline;
}

#club-note { margin: 0 auto; width: 400px; font: bold 12px Arial; background-color: #333; color: white; padding: 1px 20px; text-align: center;}

td.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
vertical-align: bottom;
}
td.next_days {
padding-left: 4px;
vertical-align: middle;
}
a:link.date, a:visited.date, a:active.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
a:link.datey, a:visited.datey, a:active.datey {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #FFCC00;
}
table.hdr2 {
background-color: #333333;
width: auto;
border: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#blackie {
  width: 100%;
  background-color: #333333;
}
#hdr {
  width: 100%;
  background-color: #333333;
}
td.tit {
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  vertical-align: top;
}

#hdr td.tit {
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  vertical-align: top;
}

#navi_side td {
  text-align: center;
}
#navi_side td.tpk {
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #333333;
}
#navi_side a:hover {
  text-decoration: underline;
  background-color: #555555;
}
/*
a:hover.datey {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: underline;
color: #FFCC00;
}
*/
a:hover.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
}
td.bigdate {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
}
td.rightik{
text-align: right;
}
td.topright {
text-align: center;
width: 25%;
}
td.topleft {
text-align: center;
width: 25%;
}
td.navik {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
vertical-align: top;
text-align: center;
width: 50px;
}
td.topmid {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: center;

}      
table.sirka {
width: 650px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
table.smallnav {
width: auto;
border: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
table.centered {
width: auto;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
table.maxik {
width: 300px;
padding: 0px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
border: 1px dotted #333333;
}   
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
}

#pvh table {
  margin-left: auto;
  margin-right: auto;
}

#pvh td {
  text-align: center;
  font-family: arial;
}

td.full {
width: 40px;
font-family: arial;
font-size: 16px;
padding: 20;
vertical-align: top;
text-align: center;
background-color: red;
color: red;
border-bottom: 1px solid #111111;
border-right: 1px solid #111111;
font-weight: bold;
}
td.ok {
width: 40px;
font-family: arial;
font-size: 16px;
padding: 20;
vertical-align: top;
text-align: center;
background-color: #999999;
color: #999999;
border-bottom: 1px solid #111111;
border-right: 1px solid #111111;
font-weight: bold;
}
td.okbl {
width: 40px;
font-family: arial;
font-size: 16px;
padding: 20;
vertical-align: top;
text-align: center;
background-color: #999999;
color: #ffffff;
border-bottom: 1px solid #111111;
border-right: 1px solid #111111;
font-weight: bold;
}

td.pvhh {
font-size: 16px;
font-weight: bold;
padding: 3;
vertical-align: top;
text-align: center;
background-color: black;
color: white;
border-bottom: 1px solid black;
}
#pvh td.pvhht {
font-size: 16px;
font-weight: bold;
padding: 3;
padding-right: 6px;
vertical-align: top;
text-align: right;
background-color: black;
color: white;
border-bottom: 1px solid black;
}

a:link.vol, a:active.vol, a:visited.vol, a:hover.vol {
font-size: 16px;
font-weight: bold;
padding: 3;
vertical-align: top;
background-color: black;
color: white;
border-bottom: 1px solid black;
font-family: arial;
text-decoration: underline;
}
a:link.vol2, a:active.vol2, a:visited.vol2, a:hover.vol2 {
font-size: 16px;
font-weight: bold;
padding: 3;
vertical-align: top;
color: #777777;
font-family: arial;
text-decoration: underline;
}
td.kurtnadpis {
font-size: 10px;
font-weight: bold;
padding: 3;
vertical-align: top;
text-align: center;
background-color: black;
color: white;
}
td.nopad {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
vertical-align: top;
}
td.centered {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: center;
}
td.lefted {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: left;
}
td.righted {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.centered2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: center;
background-color: #555555;
}
td.cc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: center;
}
td.right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
table.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 0px;
vertical-align: top;
width: 100%;
}
table.vypisbodu {
width: auto;
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #555555;
border: 1px dotted #333333;
}
table.lefter {
width: auto;
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
background-color: #555555;
border: 1px dotted #333333;
}
table.sidemenu {
width: auto;
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #555555;
}
td.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
background-color: #555555;
text-align: center;
width: 16%;
}
td.krizek {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 4px;
vertical-align: top;
background-color: #555555;
text-align: center;
}

td.casik {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #777777;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.pts {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #555555;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: red;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.redbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: red;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.hraci {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #888888;
padding-left: 4px;
vertical-align: top;
text-align: right;
}
td.vyuziti {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #666666;
padding-left: 4px;
vertical-align: top;
text-align: center;
}
td.botik {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #666666;
padding-left: 4px;
vertical-align: top;
text-align: right;
border-top: 1px dotted White;
}
td.topik {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #333333;
padding-left: 4px;
vertical-align: top;
text-align: center;
}
td.topikg {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #00CC00;
vertical-align: top;
text-align: center;
}
td.tablemenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
vertical-align: top;
background-color: #333333;
text-align: left;
width: auto;
}
td.topik_tbl {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #333333;
padding-left: 4px;
vertical-align: center;
text-align: center;
}
td.topikallcourts {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #333333;

vertical-align: top;
text-align: center;
width: 230px;
}
select { 
background: #EEEEEE;color: black; border-color:#000000;
border-width:0px;
border-style:solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
}
input { 
background: #EEEEEE;color: black; border-color:#000000;
border-width:1px;
border-style:solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
}
a:link, a:visited, a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
a:link.dolni, a:visited.dolni, a:hover.dolni {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underlined;
color: #FFFFFF;
}
a:link.edit, a:visited.edit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFCC00;
padding-left: 0px;
vertical-align: top;
text-align: left;
}
a.y {color: #FFCC00 !important;}
a:hover.edit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFCC00;
padding-left: 0px;
vertical-align: top;
text-align: left;
background-color: #444444;
}

td.v1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #666666;
padding-left: 1px;
vertical-align: top;
text-align: left;
}
td.v2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #777777;
padding-left: 1px;
vertical-align: top;
text-align: left;
}
td.v1l {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #666666;
padding-left: 1px;
vertical-align: top;
text-align: left;
border-bottom: 1px dotted Black;
}
td.v2l {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #777777;
padding-left: 1px;
vertical-align: top;
text-align: left;
border-bottom: 1px dotted Black;
}
.right {
text-align: right;
}
td.v2pr {
padding-left: 1px;
background-color: #FF6600;
}
td.v2prl {
padding-left: 1px;
background-color: #FF6600;
border-bottom: 1px dotted Black;
}
td.v1pr {
padding-left: 1px;
background-color: #FF6600;
}
td.v1prl {
padding-left: 1px;
background-color: #FF6600;
border-bottom: 1px dotted Black;
}
/* styly td FOR SALE v rozvrhu*/
td.v1fs {
padding-left: 1px;
background-color: #00CC00;
text-align: left;
}
td.v1fsl {
padding-left: 1px;
background-color: #00CC00;
border-bottom: 1px dotted Black;
}
td.v2fs {
padding-left: 1px;
background-color: #00CC00;
}
td.v2fsl {
padding-left: 1px;
background-color: #00CC00;
border-bottom: 1px dotted Black;
}
td.v1sfs {
padding-left: 1px;
background-color: #009900;
}
td.v1sfsl {
padding-left: 1px;
background-color: #009900;
border-bottom: 1px dotted Black;
}
td.v2sfs {
padding-left: 1px;
background-color: #009900;
}
td.v2sfsl {
padding-left: 1px;
background-color: #009900;
border-bottom: 1px dotted Black;
}
/*-----------------------------------------------*/
td.ag {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
background-color: #555555;
padding-left: 1px;
vertical-align: top;
text-align: center;
}
td.v2lm {
padding-left: 1px;
background-color: #FF9900;
}
td.v2lml {
padding-left: 1px;
background-color: #FF9900;
border-bottom: 1px dotted Black;
}
td.v1lm {
padding-left: 1px;
background-color: #FF9900;
}
td.v1lml {
padding-left: 1px;
background-color: #FF9900;
border-bottom: 1px dotted Black;
}
td.v1bl {
padding-left: 1px;
background-color: #FF0000;
}
td.v1bll {
padding-left: 1px;
background-color: #FF0000;
border-bottom: 1px dotted Black;
}
td.v2bl {
padding-left: 1px;
background-color: #FF0000;
}
td.v2bll {
padding-left: 1px;
background-color: #FF0000;
border-bottom: 1px dotted Black;
}

td.v1cat1 {
padding-left: 1px;
background-color: #990099;
}
td.v1cat1l {
padding-left: 1px;
background-color: #990099;
border-bottom: 1px dotted Black;
}
td.v2cat1 {
padding-left: 1px;
background-color: #990099;
}
td.v2cat1l {
padding-left: 1px;
background-color: #990099;
border-bottom: 1px dotted Black;
}


td.v1cat2 {
padding-left: 1px;
background-color: #993300;
}
td.v1cat2l {
padding-left: 1px;
background-color: #993300;
border-bottom: 1px dotted Black;
}
td.v2cat2 {
padding-left: 1px;
background-color: #993300;
}
td.v2cat2l {
padding-left: 1px;
background-color: #993300;
border-bottom: 1px dotted Black;
}


td.v1cat3 {
padding-left: 1px;
background-color: #D00A78;
}
td.v1cat3l {
padding-left: 1px;
background-color: #D00A78;
border-bottom: 1px dotted Black;
}
td.v2cat3 {
padding-left: 1px;
background-color: #D00A78;
}
td.v2cat3l {
padding-left: 1px;
background-color: #D00A78;
border-bottom: 1px dotted Black;
}


.kdy-hraje {background-color: #555555; width: 100%; text-align: center;}

#vypiskdy table {
  font-size: 12px;
}
#vypiskdy td {
  font-family: arial;
  font-size: 16px;
}
#vypiskdy grn {
  background-color: green;
}
#hanger{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: black;
	color:white;
	width: 100%;
	border-bottom: 1px solid #333;
	
}
#hanger-content {
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}


#log_form {background-color: #777; font: normal 10px Verdana; padding: 10px 5px; color: #fff;}
a.days {padding: 7px 10px; color: #ffcc00;}
a:hover.days {background-color: #444; color: #ffcc00;}

#newsticker {
	margin-left: 0;
	list-style-type: none;
	padding: 2px;
	margin: 0;
}

#newsticker li {background-color: #111;}
#newsticker li.clickable {cursor: pointer;}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:20px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

#top-strip {width: 100%;}
#top-strip td {background-color: #111; padding: 5px; color: #fff; vertical-align: middle; font: normal 14px Verdana; text-align:left;}
#top-strip td.logo {font: bold 16px Arial; text-align: left; vertical-align: top;}
#top-strip td.note {font-size: 11px; text-align: center; width: 200px; font-weight: bold; text-align: left; vertical-align: top; padding-top: 3px;}

#top-strip .news-title {font: bold 16px Arial,sans-serif;}
#top-strip .news-text {font: normal 12px Verdana,sans-serif; margin: 0 0 8px 0; width: 450px;}