/*
  CSS Document
  www.dragrace.cz
*/

body {
	background:black url("../img/back.png") repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size:11pt;
  text-align:justify;
	margin:0; padding:0;
}

/* fotogalerie */
.gal td {
  margin:0; padding:0; border:0;
  text-align:center;
  background:#333;
  height: 122px;
  width: 122px;
}

.gal td:hover, .gal td.hover {
  background:#444;
}
/*
.gal td /* Pro IE hover */ /*{
  background-color: expression(
    this.onmouseover = function() { this.className += ' hover'; },
    this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
  );
}
*/
a{
  color:white;
  text-decoration:underline;
}

h1 { font-size: 18px; }

h2 {font-size: 16px;	font-weight:bold; margin-bottom:5px;}

h3 {font-size: 14px; margin-top:5px; margin-bottom:5px;}

h4 {font-size: 13px;display:inline;}

form {text-align:center;margin-right:5px;}

img { border:0; margin:0; padding:0; }

abbr {
	cursor:help;
	margin-right:3px;
}

cite {
	font-size:90%;
	font-weight:bold;
}

kbd {
	font-size:110%;

	letter-spacing:0.2em;
}

.hide { display:none }

#page {
  position:relative;
  width:900px;
	left:50%;
	margin-left:-450px;
  color:white;
}


#header {
	border:0;	margin:0; padding:129px 0 0 0; /* padding:127px 0 0 0; */
  background:#a62424 url("../img/top.jpg") top no-repeat;
  color:white;
  text-align:right;
  height:31px;
}

a#dragster {
  display:block;
  position:absolute;
  left:50%;
  top:15px;
  margin-left:-170px;
  background:url("../img/blank.gif");
  height:100px;
  width:340px;
}

a#en {
  display:block;
  position:absolute;
  left:50%;
  top:5px;
  margin-left:415px;
  background:url("../img/uk-flag.gif") no-repeat;
  width:30px;
  height:22px;
}

#main1 {
	margin:0; padding:0;
	background:#3d3d3d url("../img/left.gif") top left repeat-y;
}
#main2 {
	margin:0; padding:0;
	background:url("../img/right.gif") top right repeat-y;
}

#left {
	margin:0; padding:20px 0 0 0;
	float:left;
  text-align:center;
  font-size: 11px;
	width: 170px;
/*	height:900px;*/
  background:#1b1b1b url("../img/kolo.jpg") 17px top no-repeat;
}

#left img {
  padding:2px;
}

#left-top {
  padding-bottom:15px;
}

#left-bottom {
  height:120px;
}

#left-bottom2 {
  text-align:center;
  position:absolute;
  bottom: 50px;
  left:20px;
}
		
#right {
  font-size: 13px;
  float:right;
	width: 191px;
  background:#1b1b1b url("../img/naraznik.jpg") 25px 0px no-repeat;
}

#right-links {
	width: 170px;
  padding-left:1px;
}

#right-links-small {
	width: 170px;
	height: 80px;
  padding-left:1px;
}

#right-links-small img {
  margin:3px;
  vertical-align:middle;
}

#middle {
	margin:0 197px 0 170px;
	background: #3d3d3d;
  font-size: 13px;
  min-height:600px;
}

.col {
	margin:0; padding:0.5em 1em;
}

.col2 {
	margin:0; padding:0.5em 1em 0.09em 1em;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

#footer {
  background:#1b1b1b url("../img/mail.gif") top no-repeat;
  height:30px;
	clear:both;
  font-family: monospace;
  border-top:1px solid #666;
  text-align:center;
  padding:8px 0 2px 0;
}

#end {
  color:white;
  font-family: monospace;
  font-size:10px;
}

#news {
  background:black;
  width:160px;
  padding:1px 4px 5px 4px;
  margin:8px 0px;
  text-align:left;  
}

#news-title {
  font-size: 14px;	font-weight:bold; margin-bottom:5px;
}

/* results csv */
.results {
  text-align:center;
  border-collapse: collapse;
}

.results td{
  padding:2px;
}

tr.first {
  font-size:0.8em;
  font-style: italic;
}

tr.first td{
  border-bottom:1px solid white;
}

td.drclass {
  font-style: normal;
  font-size:1.2em;
  font-weight:bold;
}

td.number {

}

td.name {
  text-align:left;
 /* font-weight:bold;*/
}

td.points {
  font-weight:bold;
}

td.pos {
  font-weight:bold;
}

/* kalendar */
.calendar {
  border:1px;
  border-collapse: collapse;
  font-size:12px;
  width:168px;/*168*/
  text-align: center;

}

.calendar td {
  width:24px;
  background:black;
}

.calendar month {
  width:120px;
}

.calendar year {
  width:48px;
}

.calendar .action {
  background:#666;
}

.calendar .action a {
  color: yellow;
}

.calendar .today {
  background:#a62424;
	font-weight:bold;
}

.calendar .next{
  font-size:0.8em;
  text-decoration: none;
}

.tl {
  background-color: #3d3d3d;
  color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  width:131px;
  border: 1px solid black;
}

.textpole {
  margin-bottom:5px;
  border: 1px solid black;
  color: black;
  text-align: center;
  font-family: Verdana,Arial,Helvetica;
  font-size: 12px;
}

.riders td {
  vertical-align:top;
}

#counter {
  top:-100%;
  background:black;
  width:120px;
  padding:3px 5px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}

#menu a {
	display:block;
  width:120px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	padding:2px 0px 2px 5px;
	margin-left:6px;
	background:black;
	border-top:1px solid #3d3d3d;
}

#menu a:hover {
	color: white;
	background: #a62424;
	font-weight: bold;
}

#action {
  margin:5px;
  padding:5px;
	background: #ddd;
	color: #333;
	min-height:275px;
	font-size: 13px;
}
#action a {
  color: black;
  font-weight: bold;  
}
#action a:hover {
	text-decoration: none;
}

#cssmenu { position:relative; z-index:500; left:105px; top:3px; font-size:0.85em; text-align:left; } /* height for this demo only */

#cssmenu ul { padding:0; margin:0; list-style:none;}
#cssmenu ul.level1 { height:22px;}
#cssmenu ul ul { position:absolute; left:-9999px; background:black; }
#cssmenu ul ul a { border-bottom:1px solid #333; }
#cssmenu table { border-collapse:collapse; width:0; height:0; position:absolute; /*left:-1px; top:-1px;*/}
#cssmenu ul li { background:transparent; float:left;}
#cssmenu ul li a {display:block; float:left; height:22px; text-decoration:none; }
#cssmenu ul li a.fly {background:url("../img/drop.gif") bottom right no-repeat; /*padding-right:15px;*/}

#cssmenu ul ul li {margin:0;}
#cssmenu ul ul li a {width:80px; padding:5px 3px 0px 5px;}
#cssmenu ul ul li a.fly {/*padding-right:10px;*/}

#cssmenu ul li:hover {position:relative;}
#cssmenu ul li a:hover {direction:ltr; position:relative;}
#cssmenu ul ul li:hover > a {background:#a62424; color:#fff; }

#cssmenu ul :hover ul {left:1px; width:88px; top:22px;}

#cssmenu ul :hover ul :hover ul,
#cssmenu ul :hover ul :hover ul :hover ul,
#cssmenu ul :hover ul :hover ul :hover ul :hover ul {left:88px; width:100px; top:-0px;}

#cssmenu ul :hover ul :hover ul a,
#cssmenu ul :hover ul :hover ul :hover ul a,
#cssmenu ul :hover ul :hover ul :hover ul :hover ul a { width:92px; }

#cssmenu ul :hover ul ul,
#cssmenu ul :hover ul :hover ul ul, 
#cssmenu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

#cssmenu ul li a.cssmenu1 { width:100px; }
#cssmenu ul li a.cssmenu1:hover, #cssmenu ul li:hover > a.cssmenu1 { background:url("../img/link1.gif") 1px 5px no-repeat; }
#cssmenu ul li a.cssmenu2 { width:75px; }
#cssmenu ul li a.cssmenu2:hover, #cssmenu ul li:hover > a.cssmenu2 { background:url("../img/link2.gif") 6px 3px no-repeat; }
#cssmenu ul li a.cssmenu3 { width:65px; }
#cssmenu ul li a.cssmenu3:hover, #cssmenu ul li:hover > a.cssmenu3 { background:url("../img/link3.gif") 5px 3px no-repeat; }
#cssmenu ul li a.cssmenu4 { width:55px; }
#cssmenu ul li a.cssmenu4:hover, #cssmenu ul li:hover > a.cssmenu4 { background:url("../img/link4.gif") 2px 3px no-repeat; }
#cssmenu ul li a.cssmenu5 { width:60px; }
#cssmenu ul li a.cssmenu5:hover, #cssmenu ul li:hover > a.cssmenu5 { background:url("../img/link5.gif") 2px 3px no-repeat; }
#cssmenu ul li a.cssmenu6 { width:90px; }
#cssmenu ul li a.cssmenu6:hover, #cssmenu ul li:hover > a.cssmenu6 { background:url("../img/link6.gif") 5px 3px no-repeat; }
#cssmenu ul li a.cssmenu7 { width:90px; }
#cssmenu ul li a.cssmenu7:hover, #cssmenu ul li:hover > a.cssmenu7 { background:url("../img/link7.gif") 7px 3px no-repeat; }
#cssmenu ul li a.cssmenu8 { width:60px; }
#cssmenu ul li a.cssmenu8:hover, #cssmenu ul li:hover > a.cssmenu8 { background:url("../img/link8.gif") 4px 3px no-repeat; }

#cssmenu ul:hover li.cssmenu1 ul :hover ul a { width:152px; }
#cssmenu ul:hover li.cssmenu1 ul :hover ul {left:140px; width:160px; top:-0px;}

#cssmenu ul:hover li.cssmenu1 ul a { width:132px; }
#cssmenu ul:hover li.cssmenu1 ul { width:140px; }

#cssmenu ul:hover li.cssmenu4 ul :hover ul a { width:192px; }
#cssmenu ul:hover li.cssmenu4 ul :hover ul {left:180px; width:200px; top:-0px;}

#cssmenu ul:hover li.cssmenu4 ul a { width:172px; }
#cssmenu ul:hover li.cssmenu4 ul { width:180px; }

#cssmenu ul:hover li.cssmenu3 ul :hover ul a { width:192px; }
#cssmenu ul:hover li.cssmenu3 ul :hover ul {left:180px; width:200px; top:-0px;}

#cssmenu ul:hover li.cssmenu3 ul a { width:172px; }
#cssmenu ul:hover li.cssmenu3 ul { width:180px; }

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 0px;
}
.highslide:hover img {
	border-color: #1b1b1b;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: #1b1b1b;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: #1b1b1b;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	display: inline;
	margin-right:5px;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	color: gray;
	background: #1b1b1b;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
  visibility:hidden;
	padding: 2px;
/*	color: transparent;*/
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(../highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}