body
{
	padding:0px;
	margin:0px;
	text-align:left;
	font-family:arial, tahoma, verdana;
	color:#000;
	font-size:11px;
	width:810px;
	/*height:821px;*/
	min-height:821px;
	/*overflow:hidden;*/
	background:transparent url(/images/bodybackground.jpg) top left no-repeat;
	position:relative;
	text-align:center;
}

.main
{
	clear:both;
	width:758px;
	/*height:820px;*/
	margin:0px auto;
	text-align:center;
	padding:0px;
	/*overflow:hidden;*/
	/*background:transparent url(/images/sutaz_background.png) top left no-repeat;*/
}

.header
{
	clear:both;
	width:100%;
	text-align:center;
	background:transparent url(/images/header_bgr.jpg) top center no-repeat;
	height:183px;
	min-height:183px;
	overflow:hidden;
}


.content_menu
{
	display:block;
	float:right;
	clear:both;
	height:66px;
	width:711px;
	overflow:hidden;
	text-align:left;
	background:#ffffff url(/images/menu_background.jpg) top left no-repeat;
	margin-bottom:2px;
	padding-left:45px;
}

.content_menu a,
.content_menu a:link,
.content_menu a:active,
.content_menu a:visited,
.content_menu a:hover
{
	display:block;
	float:left;
	width:165px !important;
	height:66px;
	line-height:66px;
	text-decoration:none;
	outline-style:none;
	background-color:transparent;
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:-23px;
}

.content_menu a.active,
.content_menu a:hover
{
	background-position:top left;
}


.home_web
{
	display: block;
	width: 758px;
	height: 587px;
	position: absolute;
	top: 70px;
	left: 27px;
	background-color:#000;
}

#foreground
{
	display:block;
	float:left;
	position:absolute;
	top:0px;
	left:2px;
	width:755px;
	height:587px;
	background:transparent url(/images/foreground.png) top left no-repeat;
	z-index:1000;
}

#slider,
.slide_image
{
	display:block;
	float:left;
	position:absolute;
	top:0px;
	left:2px;
	width:755px;
	height:587px;
	z-index:900;
	overflow:hidden; 
	background-color:transparent;
}

.slide_image
{
	background-color:#000;
}


.content_separator
{
	display:block;
	clear:both;
	float:left;
	width:100%;
	text-align:center;
}

.content
{
	clear:both;
	width:758px;
	text-align:center;
	margin:0px auto;
}


.text_separator
{
	clear:both;
	width:100%;
	text-align:center;
	float:left;
}




.heading_image
{
	display:block;
	float:left;
	clear:both;
	width:100%;
	text-align:left;
	padding-bottom:10px;
}

ul
{
	list-style:circle url('/images/circle.gif');
}

img, a, input, div, select, a img
{
	outline-style:none;
}


p
{
	padding:0px;
	margin:0px;
}

a img
{
	border:none;
}

#debugbar
{
	clear:both;
	position:absolute;
	top:0px;
	z-index:1000; 
	background-color:#000; 
	color:#fff; 
	display:block; 
	width:100%;
	overflow:auto;
	text-align:left;
	font-size:10px;
}

#debugbar a
{
	color:#fff;
}

#debugbar .debug
{
	clear:both;
	display:none;
	width:100%;
	float:left;
	text-align:left;
	padding:10px;
	font-size:12px;
	background-color:gray;
	font-weight:bold;
}

#debugbar .debug a
{
	background-color:#fff; 
	padding:5px; 
	color:#ff0000 !important; 
	font-size:12px !important;
	font-weight:bold !important;
}

#parallax
{
	position:relative; 
	overflow:hidden; 
	width:758px; 
	height:545px;
}

.clubs,
.riders,
.events,
.circuits
{
	display:block;
	clear:both;
	width:755px;
	height:593px;
	text-align:center;
	background:transparent url(/images/kluby_background.jpg) top left no-repeat;
	position:relative;
	top:0px;
	left:2px;
}

.events
{
	background:transparent url(/images/kalendar_background.jpg) top left no-repeat;
}

.circuits
{
	background:transparent url(/images/trate_background.jpg) top left no-repeat;
	height:587px;
}

#map_canvas
{
	display:block;
	position:absolute;
	top:125px;
	left:38px;
}

.circuit_search_box
{
	display:block;
	position:absolute;
	width:455px;
	height:33px;
	line-height:33px;
	top:50px;
	left:265px;
	background:transparent url(/images/trate_search_background.png) top left no-repeat;
}

.ditrict_select_div,
.type_select_div
{
	display:block;
	float:left;
	width:165px;
	height:33px;
	line-height:33px;
	background-color:transparent;
	color:#fff;
	font-size:12px;
	margin-left:40px;
	overflow:hidden;
}

#ditrict_select,
#type_select
{
	display:block;
	float:left;
	width:195px;
	height:33px;
	background-color:transparent;
	color:#fff;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	border:none;
}

#ditrict_select option,
#type_select option
{
	height:33px;
	line-height:33px;
	margin:0px;
	padding:0px;
	border-left:1px solid #ff6501;
	border-right:1px solid #ff6501;
	color:#ff6501;
	font-size:12px;
	padding:0px 10px;
	overflow:hidden;
}

.clubs_listing,
.riders_listing,
.events_calendar,
.circuits_listing
{
	display:block;
	float:left;
	width:693px;
	height:465px;
	margin-top:50px ;
	margin-left:37px ;
	overflow:hidden;
}

.circuit_heading,
.clubs_heading,
.riders_heading,
.events_calendar
{
	float:left;
	width:260px;
	height:32px;
	clear:left;
	text-align:left;
	line-height:32px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
}

.clubs_listing a.backbutton,
.clubs_listing a.backbutton:link,
.clubs_listing a.backbutton:active,
.clubs_listing a.backbutton:visited,
.clubs_listing a.backbutton:hover,
.riders_listing a.backbutton,
.riders_listing a.backbutton:link,
.riders_listing a.backbutton:active,
.riders_listing a.backbutton:visited,
.riders_listing a.backbutton:hover,
.circuits_listing a.backbutton,
.circuits_listing a.backbutton:link,
.circuits_listing a.backbutton:active,
.circuits_listing a.backbutton:visited,
.circuits_listing a.backbutton:hover
{
	display:block;
	float:right;
	width:36px;
	height:37px;
	border:none;
	text-decoration:none;
	outline-style:none;
}

.clubs_listing a.backbutton img,
.riders_listing a.backbutton img
{
	border:none;
	outline-style:none;
}

.clubs_searchbox,
.riders_searchbox
{
	float:right;
	clear:right;
	width:205px;
	height:33px;
	line-height:33px;
	clear:right;
	margin-right:60px;
	background:transparent url(/images/kluby_searchbox.png) top left no-repeat;
}

.clubs_searchbox input[type="text"],
.riders_searchbox input[type="text"]
{
	display:block;
	width:122px;
	height:17px;
	line-height:17px;
	color:#fff;
	border:none;
	background-color:transparent;
	margin:0px;
	padding:0px;
	position:relative;
	top: 7px;
	left: 51px;
}

.clubs_searchbox .searchclub_submit,
.riders_searchbox .searchrider_submit
{
	display:block;
	width:30px;
	height:33px;
	position:relative;
	left: 173px;
	top: -19px;
	cursor:pointer;
}

.clublist,
.riderslist
{
	display:block;
	float:left;
	width:690px;
	height:395px;
	text-align:left;
	clear:both;
	margin-top:25px;
	overflow:hidden;
}

.events_listing
{
	display:block;
	float:right;
	width:350px;
	height:290px;
	margin-top:100px;
	margin-right:45px;
	padding:50px 0px;
}

.clublist .club,
.riderslist .rider
{
	display:block;
	float:left;
	width:147px;
	height:118px;
	margin-top:20px;
	margin-right:15px;
	text-align:center;
	cursor:pointer;
	outline-style:none;
}

.clublist .club img,
.riderslist .rider img
{
	display:block;
	clear:both;
	width:147px;
	height:84px;
	clear:both;
	outline-style:none;
}

.clublist .club .name_country,
.riderslist .rider .name_country
{
	display:block;
	clear:both;
	float:left;
	width:127px;
	height:35px;
	line-height:13px;
	color:#fff;
	background-color:#ff6501;
	padding:5px 10px;
	font-size:12px;
	text-align:left;
}

.clublist .club:hover .name_country,
.riderslist .rider:hover .name_country
{
	background-color:#000;
}


.club_detail,
.rider_detail,
.circuit_detail
{
	display:block;
	clear:both;
	margin-top:5px;
	width:714px;
	height:448px;
	background:transparent url(/images/detail_background.png) top left no-repeat;
	text-align:center;
	overflow:hidden;
}

.event_detail
{
	display:block;
	clear:both;
	margin-bottom:15px;
}

.slider
{
	float:left;
	clear:both;
}

.circuit_detail .left_detail,
.club_detail .left_detail,
.rider_detail .left_detail
{
	display:block;
	float:left;
	width:147px;
	margin-right:58px;
	clear:left;
	margin-top:20px;
	overflow:hidden;
}

.circuit_detail .left_detail .main_image,
.club_detail .left_detail .main_image,
.rider_detail .left_detail .main_image
{
	display:block;
	float:left;
	clear:both;
	width:145px;
	height:114px;
	line-height:114px;
	border:1px solid #ff6600;
	overflow:hidden;
	text-align:center;
	margin-bottom:2px;
}

.circuit_detail .left_detail .gallery,
.club_detail .left_detail .gallery,
.rider_detail .left_detail .gallery
{
	display:block;
	float:left;
	text-align:left;
	width:155px;
}

.circuit_detail .left_detail .gallery .thumb,
.club_detail .left_detail .gallery .thumb,
.rider_detail .left_detail .gallery .thumb
{
	display:block;
	float:left;
	width:67px;
	height:54px;
	line-height:54px;
	text-align:center;
	border:1px solid #fff;
	margin-right:8px;
	margin-top:4px;
}

.club_detail .left_detail .gallery .thumb a,
.club_detail .left_detail .gallery .thumb a:link,
.club_detail .left_detail .gallery .thumb a:active,
.club_detail .left_detail .gallery .thumb a:visited,
.club_detail .left_detail .gallery .thumb a:hover
.rider_detail .left_detail .gallery .thumb a,
.rider_detail .left_detail .gallery .thumb a:link,
.rider_detail .left_detail .gallery .thumb a:active,
.rider_detail .left_detail .gallery .thumb a:visited,
.rider_detail .left_detail .gallery .thumb a:hover,
.circuit_detail .left_detail .gallery .thumb a,
.circuit_detail .left_detail .gallery .thumb a:link,
.circuit_detail .left_detail .gallery .thumb a:active,
.circuit_detail .left_detail .gallery .thumb a:visited,
.circuit_detail .left_detail .gallery .thumb a:hover
{
	display:block;
	width:67px;
	height:54px;
	text-decoration:none;
	border:none;
	outline-style:none;
	overflow:hidden;
}

.circuit_detail .left_detail .gallery .thumb img,
.club_detail .left_detail .gallery .thumb img,
.rider_detail .left_detail .gallery .thumb img
{
	border:none;
	outline-style:none;
}


.circuit_detail .right_detail,
.club_detail .right_detail,
.rider_detail .right_detail
{
	display:block;
	float:left;
	width:450px;
	height:275px;
	text-align:center;
	overflow:hidden;
	margin-top:35px;
}

.circuit_detail .right_detail .name,
.club_detail .right_detail .name,
.rider_detail .right_detail .name,
.event_detail .right_detail .name
{
	display:block;
	float:left;
	width:450px;
	/*height:20px;*/
	line-height:20px;
	margin-bottom:14px;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	
}

.event_detail .right_detail .name
{
	width:350px;
}

.circuit_detail .right_detail .record,
.club_detail .right_detail .record,
.rider_detail .right_detail .record,
.event_detail .right_detail .record
{
	display:block;
	clear:both;
	width:450px;
	line-height:21px;
	border-top:1px solid #532609;
	border-bottom:1px solid #8e4618;
	text-align:left;
	font-size:12px;
}

.event_detail .right_detail .record
{
	width:350px;
	overflow:hidden;
}

.circuit_detail .right_detail .record .left,
.club_detail .right_detail .record .left,
.rider_detail .right_detail .record .left,
.event_detail .right_detail .record .left
{
	display:block;
	float:left;
	width:160px;
	line-height:21px;
	color:#ff6400;
	font-weight:bold;
}

.circuit_detail .right_detail .record .right,
.club_detail .right_detail .record .right,
.rider_detail .right_detail .record .right,
.event_detail .right_detail .record .right
{
	display:block;
	float:left;
	width:290px;
	line-height:21px;
	color:#fff;
	font-weight:normal;
}

.event_detail .right_detail .record .right
{
	width:190px;
}

.club_detail .right_detail .record .right a,
.club_detail .right_detail .record .right a:link,
.club_detail .right_detail .record .right a:active,
.club_detail .right_detail .record .right a:visited,
.club_detail .right_detail .record .right a:hover
.rider_detail .right_detail .record .right a,
.rider_detail .right_detail .record .right a:link,
.rider_detail .right_detail .record .right a:active,
.rider_detail .right_detail .record .right a:visited,
.rider_detail .right_detail .record .right a:hover,
.event_detail .right_detail .record .right a,
.event_detail .right_detail .record .right a:link,
.event_detail .right_detail .record .right a:active,
.event_detail .right_detail .record .right a:visited,
.event_detail .right_detail .record .right a:hover,
.circuit_detail .right_detail .record .right a,
.circuit_detail .right_detail .record .right a:link,
.circuit_detail .right_detail .record .right a:active,
.circuit_detail .right_detail .record .right a:visited,
.circuit_detail .right_detail .record .right a:hover
{
	color:#fff;
	text-decoration:none;
}

.circuit_detail .right_detail .record .right a:hover,
.club_detail .right_detail .record .right a:hover,
.rider_detail .right_detail .record .right a:hover,
.event_detail .right_detail .record .right a:hover
{
	text-decoration:underline;
}


.riders  a.category,
.riders  a.category:link,
.riders  a.category:active,
.riders  a.category:visited,
.riders  a.category:hover
{
	display:block;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	outline-style:none;
	position:absolute;
}

.riders  a.category:hover
{
	background-position:bottom left;
}

.riders  a.category.order1
{
	top: 5px;
	left: 2px;
}
.riders  a.category.order1:hover
{
	background-position:0px -258px;
}


.riders  a.category.order2
{
	top: 26px;
	left: 421px;
}

.riders  a.category.order3
{
	top: 271px;
	left: 19px;
}
.riders  a.category.order4
{
	top:190px;
	left:280px;
}


.riders  a.category.order5
{
	top:338px;
	left:476px;
}




.jspVerticalBar
 {
	width:16px !important; 
	background-color:transparent !important;
}

.jspTrack 
 {
	width:16px !important; 
	background:transparent url(/images/scroll_middle.png) top left repeat-y !important;
}

.jspCap.jspCapTop
{
	display:block !important;
	width:16px !important; 
	height:12px !important;
	background:transparent url(/images/scroll_cap_top.png) top left no-repeat !important;
}

.jspCap.jspCapBottom
{
	display:block !important;
	width:16px !important; 
	height:12px !important;
	background:transparent url(/images/scroll_cap_bottom.png) top left no-repeat !important;
}

.jspDrag 
{
	width:16px !important; 
	background:transparent url(/images/scroll_drag_middle.png) top left repeat-y !important;
}

.jspDragBottom
{
	position:absolute !important;
	bottom:-12px !important;
	width:16px !important;
	height:15px !important;
	background:transparent url(/images/scroll_drag_bottom.png) top left no-repeat !important
}

.jspDragTop
{
	position:absolute !important;
	top:-12px !important;
	width:16px !important;
	height:15px !important;
	background:transparent url(/images/scroll_drag_top.png) top left no-repeat !important
}

#fancybox-thumbs.bottom 
{
	bottom:220px !important;
}

#datepicker
{
	display:block;
	position: absolute;
	font-size: 16px;
	top: 150px;
	left: 60px;
}

.ui-widget-header 
{
	display:block;
	width:288px !important;
	height:44px !important;
	line-height:44px !important;
	border:none !important;
	background:transparent url(/images/dp_heading.jpg) top left no-repeat !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size:16px !important;
	padding:0px !important;
	margin:0px !important;
}

.ui-datepicker .ui-datepicker-title 
{
	margin-top:8px !important;
}

.ui-icon.ui-icon-circle-triangle-e
{
	width:13px !important;
	height:15px !important;
	background:transparent url(/images/dp_arrows.png) top right no-repeat !important;
	cursor:pointer;
}

.ui-icon.ui-icon-circle-triangle-w
{
	width:13px !important;
	height:15px !important;
	background:transparent url(/images/dp_arrows.png) top left no-repeat !important;
	cursor:pointer;
}

.ui-datepicker-prev.ui-corner-all,
.ui-datepicker-next.ui-corner-all
{
	margin-top:6px !important;
}

.ui-datepicker 
{
	width: 288px !important;
	padding:0px !important;
	border:none !important;
}

.ui-datepicker th 
{
	font-size:10px !important;
	color:#666666 !important;
	padding:0px !important;
}

.ui-state-default
{
	text-align:center !important;
	font-weight:bold !important;
	font-size:12px !important;
}

.ui-datepicker-other-month .ui-state-default
{
	font-weight:normal !important;
}

.ui-datepicker-event
{
	background-color:#fff !important;
}

.ui-datepicker-event a
{
	background-color:#f36107 !important;
	background-image:none !important;
	border:none !important;
	color:#fff !important;
}

#tooltip 
{
	position: absolute;
	z-index: 3000;
	border: 1px solid #f36107;
	background-color: #fff;
	padding: 10px;
	font-weight:normal !important;
	border-radius:5px;
	-moz-border-radius:5px;
	color:#f36107;
}

#tooltip h3, #tooltip div { margin: 0; text-transform:none}

.circuit_comment_box
{
	display:block;
	width:756px;
	/*height:167px;*/
	/*overflow:hidden;*/
	text-align:center;
	/*background:transparent url(/images/comments_background.png) top left no-repeat;*/
	top:690px;
	left:0px;
	overflow:hidden;
	position:absolute;
	padding-top:20px;
	z-index:5000;
}

.bottom_banners
{
	position:absolute; 
	top:660px; 
	width:756px; 
	height:auto; 
	overflow:hidden; 
	text-align:center; 
	left:28px;
}

.fancybox-opened
{
	top:100px !important;
}

.badges
{
	position:absolute;
	top:80px; 
	left:10px; 
	z-index:1000; 
	text-align:left; 
	width:215px;
}

#ss_email
{
	display:block;
	border:none;
	padding:0px;
	margin:0px;
	width:420px;
	height:24px;
	line-height:24px;
	position:absolute;
	left:85px;
	top:490px;
	font-size:20px;
	color:#888888;
	font-family:arial;
	text-align:center;
	background-color:transparent;
}

#ss_submit
{
	display:block;
	border:none;
	padding:0px;
	margin:0px;
	width:auto;
	height:auto;
	position:absolute;
	left: 523px;
	top: 475px;
	cursor:pointer;
	outline-style:none;
}

#ss_invite
{
	display:block;
	border:none;
	padding:0px;
	margin:0px;
	width:auto;
	height:auto;
	position:absolute;
	left:70px;
	top:577px;
	text-decoration:none;
	outline-style:none;
}

#ss_invite img
{
	border:none;
	outline-style:none;
}

#ss_winners
{
	display:block;
	border:none;
	padding:0px;
	margin:0px;
	width:auto;
	height:auto;
	position:absolute;
	left:350px;
	top:577px;
	text-decoration:none;
	outline-style:none;
}

#ss_winners img
{
	border:none;
	outline-style:none;
}