/* $Id: depar.css allsports: #57708C, run: #D6562B, triathlon: #367970, cycling: #D12626, swimming: #4096C7 */
html, body{height:100%}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, tahoma, sans-serif;
	color: #4D4D4D;
	text-align: center;
	background:#000000;
}

div#container {
	width:978px;
	line-height: 16px;
	font-size:10px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	z-index:100;
	text-align: left;
	position: relative;
}

div.shade{
	background: url(/img/header_shade.png) repeat-x;
	width:100%;
	height:186px;
	overflow: hidden;
	position:absolute;
	z-index:10;
}

div.shade #timeline { 
	position: absolute;
	display: block; 
	top: 54px;
	left: -47px;
}

div.shade #indicator { 
	position: absolute;
	display: block; 
	top: 2px;
	left: 44px;
}

#asyncContent { position: relative; z-index: 50; }

.hidden { display: none; }

#overlay { z-index: 100; }
#lightbox { z-index: 101; } 

/* ----------------[ COMMON ELEMENTS ]---------------- */
a:link, a:visited{color:#FFF; text-decoration:none; }
a:hover{text-decoration:underline;}
a:link img, a:visited img{border:none;}

.pageCentarCont a:link, .pageCentarCont a:visited{color:#1a1a1a; text-decoration:none; }
.pageCentarCont a:hover{text-decoration:underline;}

h1{margin:8px 0 8px 0; font-size:20px; font-weight:normal; line-height:24px;}
.pageCentarCont h1{
	color:#1a1a1a;
	margin:0 0 12px 0;
	padding:0 24px 4px 24px;
	width:100%;
	clear:both;
	font-size:18px;
	border-bottom:solid 1px #CCC;
}
h5{font-size:11px; color:#1a1a1a; margin:0}
h6{font-size:11px; margin:0;}

ul{margin:0; padding:0; list-style:none;}

.moreBtn a:link, .moreBtn a:visited{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background-color: #57708C;
    display: inline-block;
	font-size:10px;
	color:#FFF;
    height: 26px;
    line-height: 26px;
    padding: 0 6px;
}

.colorLink a:link, .colorLink a:visited{	
	color:#57708C;
}

a.bigBackBtn:link, a.bigBackBtn:visited{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background: url("/img/inner_nav_bck.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    line-height: 34px;
	margin:24px;
	padding:0 12px 0 12px;
	font-size:12px;
}
a.bigBackBtn:hover{
	background:url(/img/inner_nav_bck_active.png);
	text-decoration:none;
}
a.bigBackBtn span{
	background: url("/img/arrow_sports_left.png") no-repeat scroll 50% 50%;
	width:6px;
	margin:0 6px 0 0;
	display:inline-block;
} 
.resultLink a:link, .resultLink a:visited{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background: #57708C url(/img/arrow_sports.png) no-repeat 90% 50%;
    display: inline-block;
	font-size:10px;
	color:#FFF;
    height: 26px;
    line-height: 26px;
    padding: 0 24px 0 6px;
}

.noInnerNav{padding-top:38px;}

div.infoTxt{
	padding:0 24px;
}

/* ----------------[ HEADER ]---------------- */
#header{
	margin:0;
	color:#FFF;
	z-index: 100;
}
.languages{
	-moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	width:64px;
	float:right;
	padding:10px 10px 2px 0;
	margin-top:-6px;
	background:url(/img/shadow_bck.png);
	font-size:10px;
}
.languages li{
	margin:0;
	padding:0 1px 0 1px;
	float:right;
}

.languages li img{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.languages li a img{
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity: 1;
}
.logo{
	width:189px;
	margin:22px 0 3px 0;
	height:88px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background-color: #57708C;
}

/* ----------------[ SPORTS NAVIGATION ]---------------- */
.sportsNav li{
	float:left;
	line-height:35px;
	text-align:center;
	width:110px;	
}

.sportsNav li.currentSport{
	width:189px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background-color: #57708C;	
	font-size:17px;
	margin-right:3px;
}
.sportsNav li.currentSport img{margin-left:10px;}

.sportsNav li a:link, .sportsNav li a:visited{
	display:block;
	color:#333;
	font-size:12px;
} 
.sportsNav li.running a:link, .sportsNav li.running a:visited{
	background:#FFFFFF url(/img/nav_sport_run.png) 50% 100%;
	border-top-left-radius: 6px;	
	-moz-border-radius-topleft: 6px;
	border-bottom-left-radius: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-right:1px solid #CCCCCC;
}

.sportsNav li.triathlon a:link, .sportsNav li.triathlon a:visited{
	background:#FFFFFF url(/img/nav_sport_triathlon.png) 50% 100%;
	border-right:1px solid #CCCCCC;
}
.sportsNav li.cycling a:link, .sportsNav li.cycling a:visited{
	background:#FFFFFF url(/img/nav_sport_cycling.png) 50% 100%;
	border-right:1px solid #CCCCCC;
}
.sportsNav li.swimming a:link, .sportsNav li.swimming a:visited{
	background:#FFFFFF url(/img/nav_sport_swim.png) 50% 100%;
	border-top-right-radius: 6px;	
	-moz-border-radius-topright: 6px;
	border-bottom-right-radius: 6px;	
	-moz-border-radius-bottomright: 6px;
}
.sportsNav li.allsports a:link, .sportsNav li.allsports a:visited{
	background:#FFFFFF url(/img/nav_sport_allsports.png) 50% 100%;
	border-top-right-radius: 6px;	
	-moz-border-radius-topright: 6px;
	border-bottom-right-radius: 6px;	
	-moz-border-radius-bottomright: 6px;
}
.sportsNav li.running a:hover, .sportsNav li.triathlon a:hover, .sportsNav li.cycling a:hover, .sportsNav li.swimming a:hover, .sportsNav li.allsports a:hover {
	background-position:50% 0;
	text-decoration:none;
	color:#FFF;
}

.sportsNav li a span{
	width:11px;
	height:18px;
	margin:0 0 0 6px;
	padding-bottom:3px;
}

.sportsNav li.running a span{background: url(/img/run.png) no-repeat 50% 50%;}
.sportsNav li.running a:hover span{background: url(/img/run_active.png) no-repeat 50% 50%;}

.sportsNav li.triathlon a span{background: url(/img/triathlon.png) no-repeat 50% 50%;}
.sportsNav li.triathlon a:hover span{background: url(/img/triathlon_active.png) no-repeat 50% 50%;}

.sportsNav li.cycling a span{background: url(/img/cycling.png) no-repeat 50% 50%;}
.sportsNav li.cycling a:hover span{background: url(/img/cycling_active.png) no-repeat 50% 50%;}

.sportsNav li.swimming a span{background: url(/img/swim.png) no-repeat 50% 50%;}
.sportsNav li.swimming a:hover span{background: url(/img/swim_active.png) no-repeat 50% 50%;}

/* ----------------[ MAIN NAVIGATION ]---------------- */
.nav{
	width:100%;
	height:38px;
}
.nav li{
	float:left;
	width:95px;
	margin:3px 3px 0 0;
	line-height:35px;
	text-align:center;
	font-size:11px;
}
.nav li.last{
	margin:3px 0 0 0;
}

.nav li a:link, .nav li a:visited{
	display:block;
	background:url(/img/allsports/nav_button2.png) no-repeat 50% 100%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	overflow:hidden;
	height:35px
}
.nav li a:hover, .nav li.active a:link, .nav li.active a:visited{
	text-decoration:none;
	background:url(/img/allsports/nav_button2.png) no-repeat 50% 0;
}
.nav li a:link span, .nav li a:visited span{
	width:10px;
	margin-right:6px;
	background:url(/img/small_arrow.png) no-repeat 50% 50%;
	float:right;
}
.nav li a:hover span, .nav li.active a:link span, .nav li.active a:visited span{
	background:url(/img/small_arrow_active.png) no-repeat 50% 50%;
}

.nav li{
	position:relative;
}

.nav ul{
	display:none;
	position:absolute;
	left:0;
	top:35px;
	width:164px;
	z-index:100;
}
.nav ul li{
	float:none;
	width:164px;
	text-align:left;
}

.nav li:hover ul{display:block}

ul.nav li li a:link, ul.nav li li a:visited, ul.nav li.active li a:link, ul.nav li.active li a:visited{
	background-image:none;
	background-color:#FFF;
	color:#000;
	padding:0 0 0 12px;
	border:1px solid #CCC;
}
ul.nav li li a:hover, ul.nav li.active li a:hover{
	background-image:none;
	background-color:#000;
	color:#FFF;
}

.nav li:hover ul ul{display:none}
.nav ul ul{display:none; left:164px; top:-3px; margin:0; padding:0 0 0 3px;}
.nav ul li:hover ul{display:block;}

.nav a.unlink:hover { cursor: default; }

/* ----------------[ RESULTS DROPDOWN ]---------------- */
.resultDropDown{
	postion:relative;
}

.resultDropDown a:link, .resultDropDown a:visited{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background: #57708C url(/img/small_arrow_active.png) no-repeat 90% 50%;
    display: inline-block;
	font-size:10px;
	color:#FFF;
    height: 26px;
    line-height: 26px;
    padding: 0 24px 0 6px;
}
.resultDropDown ul{
	display:none;
	background-color:#FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	position:absolute;
	width:160px;
	padding:0;
	margin:0;
	z-index:1002;
}
.resultDropDown ul li{
	width:220px;
	padding:0;
	margin:0;
}
.resultDropDown:hover ul{
	display:block;
}
.resultDropDown ul a:link, .resultDropDown ul a:visited{
	background-color:#FFF;
	background-image:none;
	margin-top:3px;
	padding:0 6px;
	color:#000;
	border:solid 1px #CCC;
}
.resultDropDown ul a:hover{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}

/* ----------------[ BOTTOM NAVIGATION ]---------------- */
.bottomNav{
	padding:24px
}
.bottomNav li{
	float:left;
	height:34px;
	margin-right:3px;
	font-size:12px;
}
.bottomNav li a:link, .bottomNav li a:visited, .bottomNav li.current{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background: url("/img/inner_nav_bck.png");
    color: #FFFFFF;
    display: block;
    line-height: 34px;
    padding: 0 12px;
}
.bottomNav li a:hover, .bottomNav li.current{
	background:url(/img/inner_nav_bck_active.png);
	text-decoration:none;
}
.bottomNav li.previous img{
	margin:3px 8px 0 0;
}
.bottomNav li.next img{
	margin:3px 0 0 8px;
}

/* ----------------[ HOMEPAGE / TOP ARTICLE ]---------------- */
.content{
	background:url(/img/content_bck2.png) no-repeat 0 100%;
	margin-bottom:3px;
}
.contentHp{
	background:url(/img/content_bck.png) no-repeat 0 100%;
	margin-bottom:3px;
	padding-bottom: 3px;
}

.newContent { width: 976px; position: absolute; left: 5000px; }

.mainContent{
	float:left;
	width:635px;
	margin:3px 0 0 0;
	min-height:610px
}

.topArticlesContainer { height:328px; overflow: hidden; position: relative; }

.topArticle{
	position:relative;
	height:340px;
	width: 635px;
	overflow: hidden;
	color:#FFF;
}
.topArticleTop, .pageContTop{
	height:6px;
	background:url(/img/allsports/content_top.png) no-repeat;
}
.topArticleBottom{
	height:6px;
	background:url(/img/content_bottom.png) no-repeat;
}
.topArticleCont{
	height:328px;
	width: 635px;
	position:relative;
	float: left; margin: 0;
	background:url(/img/headers/run.jpg) no-repeat;
}
.topArticleCont ul{
 	padding:12px 0 0 12px;
} 
.topArticleCont ul li{
	float:left;
	height:28px;
	width:23px;
	background:url(/img/shadow_bck.png);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;  	
	margin:6px 5px 0 0;
	padding:0;
}
.topArticleCont ul li:hover{
	background:url(/img/shadow_bck2.png);
}
.topArticleCont ul li.sportIcon{
	height:41px;
	width:38px;
	margin:0 5px 0 0;
}
.topArticleCont ul li.sportIcon:hover{
	background:url(/img/shadow_bck.png);
}
.topArticleCont ul li.sportIcon span{
	display:block;
	height:41px;
	background:url(/img/run_big.png) 50% 50%;
}
.topArticleCont ul li a:link, .topArticleCont ul li a:visited{
	display:block;
	height:28px;
}
.topArticleCont ul li.arrowLeft a:link, .topArticleCont ul li.arrowLeft a:visited{
	background:url(/img/arrow_sports_left.png) no-repeat 50% 50%;
}
.topArticleCont ul li.arrowRight a:link, .topArticleCont ul li.arrowRight a:visited{
	background:url(/img/arrow_sports.png) no-repeat 50% 50%;
}

.topArticleCont div{
	height:110px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	padding:0 12px 0 12px;
	background:url(/img/top_article_bck.png) no-repeat;
}
.topArticleCont h1{
	width:296px;
	height:60px;
	margin:12px 0 0 0;
}
.topArticleCont p{
	margin:0;
	font-size:11px;
}

/* ----------------[ HOMEPAGE / NEWS ]---------------- */
.hpNews, .hpServices{
	width:316px;
	float:left;
	margin:3px 3px 0 0;
}
.hpNews a:link, .hpNews a:visited{
	color:#1a1a1a;
	white-space:nowrap;
}

.hpServices{margin:3px 0 0 0;}
.hpNews li, .hpServices li{
	background-color:#FFF;
	padding:12px 0 12px 0;
	border-bottom:solid 1px #CCC;
}
.hpServices li.last { border-bottom: 0; }
.hpNews li div, .hpServices li div{
	width:200px;
	float:right;
	margin-right:12px;
}
.hpNews li div.noImage, .hpServices li div{
	width:292px;
}
.hpNews li p, .hpServices li p{
	margin:0;
	line-height:14px;
}
.hpNews li div.newsThumb{
	float:left;
	margin-left:12px;
	width:80px;
	height:80px;
}
.hpNews li.title, .hpServices li.title{
	height:28px;
	line-height:28px;
	background:transparent url(/img/allsports/news_title.png) no-repeat;
	padding:0 0 0 12px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	border-bottom:none;
}
.hpNews li.title span, .hpServices li.title span{
	width:26px;
	margin-left:10px;
	display:inline-block;
	background: url(/img/downArrow.png) no-repeat 50% 80%;
}

.hpNews li.bottomLine, .hpServices li.bottomLine{
	height:6px;
	padding:0;
	background:transparent url(/img/hpNews_bottom.png) no-repeat;
	border-bottom:none;
}
.hpNews li.last{border-bottom:none}

.hpServices li .iconList{
	width:100%;
	height:28px;
	float:left;
	padding:12px 0 0 0;
}
.hpNews p span{display:block; padding-top:12px;}
.hpNews span a:link, .hpNews span a:visited, .hpServices a:link, .hpServices a:visited, .newSystems a:link, .newSystems a:visited{
	float:right;
	color:#FFF;
	height:26px;
	line-height:26px;
	display:inline-block;
	background-color:#57708C;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	padding:0 6px 0 6px;
}

.hpServices li.linkViewAll, .newSystems li.linkViewAll{padding-left:12px; border:none}
.hpServices li.linkViewAll a, .newSystems li.linkViewAll a{float:left;}

/* ----------------[ SIDEBAR ]---------------- */
.sidebar{
	width:340px;
	float:right;
	margin:3px 0 0 0;
}


/* ---------------[SIDEBAR CURRENT EVENT]---------------- */

.currentEvent li.title, .currentEvent li.eventName {
    background-color: #FFF;
    padding: 12px;
}

.currentEvent li.title{
	height: 28px;
	line-height: 28px;
	background: transparent url(/img/allsports/hp_systems_title.png) no-repeat;
	padding: 0 0 0 12px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
}

.currentEvent li.title span{
	width:26px;
	margin-left:10px;
	display:inline-block;
	background: url(/img/downArrow.png) no-repeat 50% 80%;
}

.currentEvent h1 {
    font-size: 22px;
    color: #1a1a1a;
    margin-top: 0;
}

.currentEvent p {
    font-size: 18px;
    color: #1a1a1a;
    margin-top: 8px;
    margin-bottom: 20px;
}

.currentEventButton {
    font-size: 12px;
}

.currentEventButton a:link, .currentEventButton a:visited {
	height:30px;
	line-height:30px;
	display:inline-block;
	background-color:#57708C;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	padding:0 6px 0 6px;
}

.currentEventButton a:hover {
	background:url(/img/shadow_bck2.png);
	text-decoration:none;
}

.currentEventButton a span {
	background:url(/img/small_arrow.png) no-repeat 100% 100%;
	display: inline-block;
    float: right;
    height: 10px;
    padding: 7px 12px 3px 0;
    width: 10px;
}

.currentEventButton a:hover span {	
	background:url(/img/small_arrow_active.png) no-repeat 100% 100%;
}

.currentEventButton {
	position:relative;
}

.currentEventButton ul, .currentEventButton a.resultLink {
	display:none;
	position:absolute;
	z-index:1003;
}

.currentEventButton ul li {float:none;}

.currentEventButton ul li a:link, .currentEventButton ul li a:visited,
.currentEventButton a:link.resultLink, .currentEventButton a:visited.resultLink {
	background:#FFF none;
	border:solid 1px #CCC;
	color:#000;
}


.currentEventButton ul li a:hover, .currentEventButton a:hover.resultLink {
	background:#000 none;
	color:#FFF;
}

.currentEventButton div:hover ul {
	display:block;
}

.currentEventButton a.resultLink {
	display:none;
}

.currentEventButton div:hover a.resultLink {
	display: inline;
}


/* ----------------[ SIDEBAR EVENT LIST ]---------------- */

.eventList{}

.eventListBtns li{
	float:left;
	width:168px;
	margin:0 4px 0 0;
	font-size:13px;
	font-weight:bold;
}
.eventListBtns li.last{
	margin:0;
}

.eventListBtns li.justTitle{
	width:100%;
	background:url(/img/allsports/eventlist_top_width.png) no-repeat;
	padding-top:6px;
}
.eventListBtns li.justTitle div{
	background-color:#57708C;
	color:#FFF;
	padding:0 0 0 12px;
}

.eventListBtns li span{
	display:block;
	height:6px;
	background:url(/img/eventlist_top.png) no-repeat;
}
.eventListBtns li.active span{
	height:6px;
	background:url(/img/allsports/eventlist_top_active.png) no-repeat;
}
.eventListBtns li.justTitle div span{
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:12px;
	background:url(/img/small_arrow_active.png) no-repeat 50% 50%;
}

.eventListBtns li a:link, .eventListBtns li a:visited{
	display:block;
	background-color:#FFF;
	color:#4d4d4d;
	padding:4px 0 4px 12px;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius:6px 6px 0 0;
}
.eventListBtns li:hover span{background:url(/img/allsports/eventlist_top_active.png) no-repeat;}
.eventListBtns li a:hover{
	background-color:#57708C;
	color:#FFF;
	text-decoration:none;
}

.eventListBtns li.active a:link, .eventListBtns li.active a:visited{
	background-color:#57708C;
	color:#FFF;
}

.eventListCont{
	background-color:#57708C;	
}

.eventYears{
	width:292px;
	padding:0 12px 0 12px;
	display:block;
	margin:12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background: url(/img/list_btn_bck.png);
}
.eventYears li{
	float:left;
	border-right:1px dotted #FFF;
 	padding-right:5px; 
	margin:3px 5px 3px 0;
	line-height:16px;
	color: #fff;
}

.eventsSideList{
	background-color:#57708C;
	border-top:1px solid #333;
	color:#FFF;
	min-height:260px;
	padding-bottom:5px;
}
.eventsSideList li{
	border-bottom:1px solid #333;
	padding:5px 0 5px 12px;
	
}

.eventsSideList li li{
	border:none;
	padding:0;
	float:left;
}
.eventsSideList li li.eventDate{
	width:80px;
	border-right:1px dotted #FFF;
	padding:6px 0 6px 0;
}
.eventsSideList li li.eventDate div{
	width:70px;
	height:56px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background: url(/img/list_btn_bck.png);
	text-align:center;
	font-size:23px;
	line-height:34px;
}
.eventsSideList li li.eventDate div span{
	display:block;
	width:60px;
	border-top:solid 1px #FFF;
	font-size:9px;
	line-height:14px;
	margin-left:5px;
}

.eventsSideList li li.eventName{
	width:190px;
	padding:6px 0 6px 12px;
}
.eventsSideList li li.eventName p{
	margin:0;
}
.eventsSideList li li.eventName a:link, .eventsSideList li li.eventName a:visited{
	display:inline-block;
	margin:2px 0 0 0;
	padding:3px 10px 3px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background: url(/img/list_btn_bck.png);
}
.eventsSideList li li.eventName a:hover{
	background:url(/img/shadow_bck2.png);
	text-decoration:none;
}

.eventsSideList li li.eventName a.title:link, .eventsSideList li li.eventName a.title:visited, .eventsSideList li li.eventName a.title:hover {
	display: inline;
	margin: 0;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
  	border-radius: 0;
	background: 0;
}
.eventsSideList li li.eventName a.title:hover {
	text-decoration: underline;
}

.eventsSideList li li.eventName a span{	
	background:url(/img/small_arrow.png) no-repeat 100% 50%;
	display: inline-block;
    float: right;
    height: 10px;
    padding: 3px 12px 3px 0;
    width: 10px;
}
.eventsSideList li li.eventName div a span{
	background:url(/img/small_arrow_active.png) no-repeat 100% 50%;
}
.eventsSideList li li.eventName div{
	position:relative;
}
.eventsSideList li li.eventName div ul{
	display:none;
	position:absolute;
	z-index:1003;
}
.eventsSideList li li.eventName div ul li{float:none;}
.eventsSideList li li.eventName div ul li a:link, .eventsSideList li li.eventName div ul a:visited{
	background:#FFF none;
	border:solid 1px #CCC;
	color:#000;
}
.eventsSideList li li.eventName div ul li a:hover{
	background:#000 none;
	color:#FFF;
}

.eventsSideList li li.eventName div:hover ul{
	display:block;
}


.eventsSideList li li.listIcon{
	width:24px;
	float:right;
}
.eventsSideList li li.listIcon span{
	display:block;
	width:24px;
	height:26px;
	margin-top:20px;
}
.eventsSideList li li.runIco span{background:url(/img/runIco.png) no-repeat;}
.eventsSideList li li.cyclingIco span{background:url(/img/cyclingIco.png) no-repeat;}
.eventsSideList li li.swimIco span{background:url(/img/swimIco.png) no-repeat;}
.eventsSideList li li.triathlonIco span{background:url(/img/triathlonIco.png) no-repeat;}

.eventsSideList li.upDownList{
	border:none;
	text-align:center;
	margin:10px 0 4px;
	padding:0;
}
.eventsSideList li.upDownList a:link, .eventsSideList li.upDownList a:visited{
	display:block;
	width:100px;
	height:26px;
	line-height: 26px;
	margin: 0 5px 0 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background: url(/img/list_btn_bck.png);
}
.eventsSideList li.upDownList a:hover{
	background:url(/img/shadow_bck2.png);
	text-decoration: none;
}

.eventListBottom{
	height:6px;
	background:url(/img/allsports/eventlist_bottom.png) no-repeat;
}

/* ----------------[ SIDEBAR NEW SYSTEMS ]---------------- */
.newSystems{
	margin-top:3px;
	padding-bottom: 6px;
	background:url(/img/hp_systems_bottom.png) no-repeat left bottom;
}

.newSystems li{background-color:#FFF; padding:12px; border-bottom:1px solid #CCC;}
.newSystems li.title{
	height:28px;
	line-height:28px;
	background:transparent url(/img/allsports/hp_systems_title.png) no-repeat;
	padding:0 0 0 12px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	border-bottom:none;
}
.newSystems li.title span{
	width:26px;
	margin-left:10px;
	display:inline-block;
	background: url(/img/downArrow.png) no-repeat 50% 80%;
}


/* ----------------[ BACKGROUNDS ]---------------- */

.background {
	min-height: 1407px;
	min-width: 1024px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index: 1;
}

/* ----------------[ LINKS ]---------------- */
.linkList{
	padding:12px 24px 12px 24px;
}
.linkList li{
	border-bottom:1px dotted #CCC;
	font-size:12px;
	margin:0 0 12px 0;
}
.linkList li h6{font-size:12px; margin-bottom:3px;}
.linkList li a:link, .linkList li a:visited{
	color:#1a1a1a;
	display:block;
	background:url(/img/list_arrow.png) no-repeat 0 30%;
	padding:0 0 5px 12px;
}

/* ----------------[ ABOUT US / NEWS ]---------------- */
.smallDate{
	color:#CCC;
	font-size:11px;
}
div.fullNews{width:100%;}
.pageCentarCont h1.newsTitle{margin:0;}
.pageCentarCont .newsDetail h1.newsTitle{margin:0; padding:0;}
.newsDetail{
	border-bottom:solid 1px #CCC;
	padding:0 24px 24px 24px;
	margin-bottom:12px;
}
.newsDetail div{
	margin-top:24px;
}
.newsDetail div img{
	float:left;
	margin:0 12px 12px 0;
}

/* ----------------[ ABOUT US / TIMING TEAM ]---------------- */
.teamList{
	border-bottom:solid 1px #CCC;
	padding:0 0 24px 0;
	margin-bottom:24px;
}
.teamList li{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    border: 1px solid #CCCCCC;
    margin: 0 24px 3px 24px;
    padding: 12px 12px 0 12px;
    width: 563px;
}
.teamList li div.memberImg{
	float:left;
	margin-right:12px;
	
}
.teamList li div.memberImg a{
	position:relative;
}
.teamList li div.memberImg img{position:relative}
.teamList li div.memberImg span{
	background: url("/img/openImg.png") no-repeat scroll 0 0 transparent;
    bottom: 12px;
    height: 20px;
    position: absolute;
    right: 12px;
    width: 20px;
}
.teamList li div.memberDesc{
	float:left;
	width:450px;
}
.teamList li div.memberDesc h4{
	margin:0;
}
.teamList li div.memberDesc p{
	margin-top:8px;
}
.teamList li div.memberDesc p span{
	display:block;
}

	

/* ----------------[ EVENTS  ]---------------- */
.pastEvents li{
	padding:24px;
	border-bottom:solid 1px #CCC;
}
.lastEventImg{
	display:block;
	float:left;
	width:210px;
	margin-right:12px;
	position:relative;
}
.listEventImg{
	display:block;
	float:left;
	width:120px;
	margin-right:12px;
	position:relative;
}
.lastEventImg span, .listEventImg span{
	position:absolute;
	width:26px;
	height:26px;
	top:8%;
	right:8%;
}
span.eventRunIco{ background:url(/img/events/run_ico.png) no-repeat;}
span.eventBikeIco{ background:url(/img/events/bike_ico.png) no-repeat;}
span.eventSwimIco{ background:url(/img/events/swim_ico.png) no-repeat;}
span.eventTriathlonIco{ background:url(/img/events/triathlon_ico.png) no-repeat;}

.lastEventText{
	width:365px;
	float:left;
}
.lastEventText h1{margin:0; padding:0;}
.lastEventText h5{margin:3px 0 0 0; font-size:16px; line-height:26px; font-weight:normal;}
.lastEventText .upcomingDate{
	padding:6px 12px 6px 24px;
	display:inline-block;
	background:#57708C url(/img/small_arrow.png) no-repeat 5% 50%; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	color:#FFF;
}
.upcomingEvets p{margin:3px 0 3px 0;}
.listEventText{
	width:455px;
	float:left;
}
.listEventText h4{margin:0;}
.listEventText h4.refernceTitle{font-size:16px; font-weight:normal;}
.listEventText p{margin:8px 0 8px 0;}
.pastEvents li ul{margin-top:12px;}
.pastEvents li ul ul{margin-top:0;}
.pastEvents li li{
	border:none;
	float:left;
	padding:0;
	margin:0 12px 0 0;
}

/* ----------------[ EVENT DETAIL  ]---------------- */
.eventDetail{
	padding:0 24px 24px 24px;
	margin-bottom:24px;
	border-bottom:solid 1px #CCC;
}
.eventDetail h1{padding:0; margin-bottom:2px;}
.eventDetail p.eventDetailDate{margin:0;}
.eventDetailBox{
	margin:24px 0 12px 0;
	background-color:#57708C;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color:#FFF;
	padding-bottom:45px;
}
.eventDetailBox img{
	border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    float: right;
	width:304px;
}
.eventDetailBox ul{
	width:220px;
	float:left;
	position:absolute;	
}
.eventDetailBox ul li{
	padding:12px;
	border-bottom:1px solid #333333;
}
.eventDetailBox ul li.last{border:none;}
.eventDetailBox ul li.eBoxTitle{
	font-size:15px;
	font-weight:bold;
	border-bottom:none;
}
.eventDetailBox ul li.eBoxTitle span{
	display:inline-block;
	width:30px;
	height:18px;
	background:url(/img/small_arrow_active.png) no-repeat 50% 50%;
}
.eventDetailBox ul li.eBoxResults{
	padding:0 12px 12px 12px;
}
.eventDetailBox ul li.eBoxResults a:link, .eventDetailBox ul li.eBoxResults a:visited{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background: url("/img/list_btn_bck.png") repeat scroll 0 0 transparent;
    display: block;
	padding:6px 12px;
	text-decoration:none;
}
.eventDetailBox ul li.eBoxResults a:hover{
	background:url(/img/shadow_bck2.png);
	text-decoration:none;
}
.eventDetailBox ul li.eBoxResults a span{
	float:right;
	width:4px;
	height:16px;
	background:url(/img/small_arrow.png)no-repeat 50% 50%;
	margin:0 0 0 12px;
}
.bottomLinkBox{
	padding:24px;
}

.eventDetailBox ul li.eBoxDropDown{
	position:relative;
}
.eventDetailBox ul li.eBoxDropDown ul{
	display:none;
	position:absolute;	
}
.eventDetailBox ul li.eBoxDropDown ul li{
	width:240px;
	padding:0;
	margin:0;
	border:none;
}
.eventDetailBox ul li.eBoxDropDown:hover ul{
	display:block;
}
.eventDetailBox ul li.eBoxDropDown ul a:link, .eventDetailBox ul li.eBoxDropDown ul a:visited{
	background-color:#FFF;
	background-image:none;
	padding:6px 12px;
	margin-top:3px;
	color:#000;
	border:solid 1px #CCC;
}
.eventDetailBox ul li.eBoxDropDown ul a:hover{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}
.eventDetailBox ul li.eBoxDropDown a span{
	width:12px;
	background:url(/img/small_arrow_active.png) no-repeat 50% 50%;
	margin:0 0 0 12px;
}

.eventDetailBox ul li p{margin:0 0 6px 0; font-weight:bold;}

.eventDetailBox ul li ul.smallList li{
	border:none;
	padding:0;
	margin:0;
	line-height:18px;
}
.webLink{
	border-bottom:solid 1px #CCC;
	padding:0 24px 24px 24px;
}


/* ----------------[ FAQ ]---------------- */
.faqList{padding:12px 24px 12px 24px;}
.faqList li{
	padding:6px 12px 6px 12px;
	margin:0 0 3px 0;
	border:1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	font-size:12px;
	
}
.faqList li a:link, .faqList li a:visited{
	color:#1a1a1a;
	display:block;
	background:url(/img/list_arrow.png) no-repeat 0 30%;
	padding:0 0 5px 18px;
	font-weight:bold;
}
.faqList li a:hover, .faqList li.active a:link, .faqList li.active a:visited{
	background:url(/img/list_arrow_open.png) no-repeat 0 50%;
}
.faqList li .details.hidden {display:none;}
.faqList li .details { display:block; width: 561px; overflow: hidden; }

/* ----------------[ RESULTS ]---------------- */
.resultsMain{
	margin-top:3px;
	padding-top:7px;
	background:url(/img/resultsContTop.png) no-repeat;
}
.resultsCont{
	min-height:300px;
	background-color:#FFF;
	padding:12px 24px;
}
.resultTitle{
	margin:6px 0 6px 0;
	line-height:40px;
}
.resultsCont h3{
	margin:0;
	font-size:18px;
	float:left;
	width:80%;
	font-weight:normal;
	line-height:40px;
}

.resultsCont h3 span{font-size:14px; margin-left:12px;}
.resultContBottom{
	padding-top:7px;
	margin-bottom:3px;
	background:url(/img/resultsContBottom.png) no-repeat;
}

.resultsCont form div{
	padding:12px 12px 0 12px;
	background-color:#57708C;
	color:#FFF;
}
.resultsCont form div.filtersDiv{
	padding-bottom:12px;
}
.resultsCont form label{
	font-size:12px;
}
.resultsCont form input, .resultsCont form select{
	margin-right:12px;
}

div.tableContainer{
	overflow-x:scroll;
	font-size:11px;
}

.resultsCont table{
	padding:0;
}
.resultsCont th{
	padding:2px 2px 0 0;
}
.resultsCont td{
	padding:6px 4px;
	border-bottom:dotted 1px #CCC;
}

.resultsCont th a{width:60px;}
.resultsCont th.rank a{width:45px;}
.resultsCont th.name a{width:120px;}
.resultsCont th.bib a{width:40px;}
.resultsCont th.team a{width:110px;}
.resultsCont th.gender a{width:20px;}
.resultsCont th.category a{width:40px;}
.resultsCont th.club a{width:100px;}
.resultsCont th.country a{width:100px;}
.resultsCont th.finish a{width:70px;}

.resultsCont td.rank{text-align:center;}
.resultsCont td.bib{text-align:center;}
.resultsCont td.gender{text-align:center; text-transform:uppercase;}
.resultsCont td.category{text-align:center; text-transform:uppercase;}
.resultsCont td.finish{text-align:center; font-weight:bold; color:#000}


.resultsCont th a:link, .resultsCont a:visited{
	display:block;
	color:#FFF;
	background:#4D4D4D url(/img/small_arrow_no_sort.png) no-repeat 95% 50%;
	line-height:24px;
	padding:2px 4px;
}
.resultsCont th.sorted a:link, .resultsCont th.sorted a:visited{
	background-color:#191919;
}
.resultsCont th.sort-asc a:link, .resultsCont th.sort-asc a:visited{
	background:#191919 url(/img/small_arrow_sort_asc.png) no-repeat 95% 50%;
}
.resultsCont th.sort-desc a:link, .resultsCont th.sort-desc a:visited{
	background:#191919 url(/img/small_arrow_sort_dsc.png) no-repeat 95% 50%;
}
.resultsCont th a:hover{
	background-color:#191919;
	text-decoration:none;
}

a.exportPdfLink:link, a.exportPdfLink:visited{
	float:right;
	background:transparent url(/img/pdf-icon.png) no-repeat 100% 50%;
	padding-right:40px;
	color:#57708C;
	font-size:12px;
}



/* ----------------[ SYSTEMS ]---------------- */
.mainSystemImg{
	width:587px; 
	height:200px;
	margin:0 0 24px 24px;
	border:1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
}
.sportSystemImg{
	height:182px;
}
.systemIntro{padding:0 24px 24px 24px;}
.systemList{margin-bottom:12px;}
.systemList li{
	padding:24px;
	border-top:solid 1px #CCC;
}
.systemList li h4{
	margin-top:0;
}
.systemList li ul{
	margin:0;
	padding:0;
}
.systemList li li{
	padding:0;
	margin:0;
	list-style:disc inside;
	border:none;
}
.systemList li a{margin-top:12px;}
.systemList span.linkBox{
	display:block;
}

.componentList{
	border-bottom:solid 1px #CCC;
	padding-bottom:24px;
	margin-bottom:24px;	
}
.componentList li{
	width:563px;
	margin:0 24px 3px 24px;
	padding:12px;
	border:1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
}
.componentList li li{
	list-style:circle inside;
	border:none;
	padding:5px 0 0 5px;	
	margin:0 0 0 5px;
}

.componThumb{
	float: left;
	margin-right: 12px;
	width: 150px;
}
.componThumb img{
	width:150px;
	overflow:inherit;
}
.componThumb a{
	position:relative;
}
.componThumb a span{
	position:absolute;
	width:20px;
	height:20px;
	background:url(/img/openImg.png)no-repeat;
	right:12px;
	bottom:12px;
}
.componDesc{
	width: 400px;
	float: right;
}
.componDesc h4, .componDesc p{
	margin:0;
}
.componDesc h4{margin-bottom:12px;}

.systemSM{
	margin: 0 0 24px 0;
    padding: 0 21px 12px 24px;
}
.systemSM li{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    float: left;
    height: 182px;
    margin: 0 3px 3px 0;
    position: relative;
    width: 290px;
	border:solid 1px #CCC;
}
.systemSM li a:link, .systemSM li a:visited{
	display:block;
	height:182px;
	position:relative;
}
.systemSM li a:hover{ text-decoration:none;}
.systemSM li h5{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	display:block;
	width:278px;
	position:absolute;
	font-size:15px;
	font-weight:normal;
	bottom:0;
	height:40px;
	line-height:40px;
	color:#FFF;
	padding:0 0 0 12px;
	background:url(/img/shadow_bck.png);
}
.systemSM li a:hover h5{background:url(/img/shadow_bck2.png);}

.systemSM li h5 span{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
    background: url("/img/shadow_bck.png");
    display: inline-block;
    float: right;
    height: 28px;
    position: absolute;
    right: 12px;
    top: 6px;
    width: 23px;
	text-align:center;
}
.systemSM li h5 span img{margin-bottom:7px}

/* ----------------[ CONTACTS ]---------------- */
.contacts{
	font-size:12px;
	
}
.contacts p.introText{
	padding:0 24px 12px 24px;
}
.contactText{
	margin-top:24px;
	padding:0 24px 24px 24px;
	border-bottom:solid 1px #CCC;
}
.office{
	width:45%;
	float:left;
	margin-right:5%;
	line-height:22px;
}
.contactPersons{
	width:45%;
	float:right;
}
.contactPersons ul{
	display:block;
	background-color:#E6E6E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
}
.contactPersons ul li{
	padding:12px;
	border-bottom:solid 1px #CCC;
}
.contactPersons ul li.lastContact{
	border-bottom:none;
}
.contactPersons ul li p{
	margin:0;
	line-height:18px;
}

.contacts form{
	margin:24px;
	background-color:#E6E6E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	padding:12px 24px 24px 24px;
}
.contacts form p{
	font-size:16px;
	border-bottom:solid 1px #CCC;
	padding-bottom:4px;
}
.contacts form label{
	display:block;
	margin-bottom:3px;
	padding-left:6px;
}
.contacts form div{
	margin-bottom:12px;
}
.contacts form input, .contacts form textarea{
	border:solid 1px #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	padding:6px 12px;
	width:230px;
}
.contacts form textarea{
	width:512px;
	font-family: Verdana, tahoma, sans-serif;
	font-size:12px;
}
.contacts form input.sendFormBtn{
	width:auto;
	float:right;
	color:#FFF;
	cursor: pointer;
	background:#4d4d4d url(/img/arrow_sports.png) no-repeat 90% 50%;
	padding:6px 24px 6px 12px;
}
.contacts form div.error{
	padding: 0 0 0 6px;
	color: #F30;
	font-size: 11px;
}


/* ----------------[ SERVICES ]---------------- */
.services{font-size:12px;}
.services .mainImage{margin:0 0 30px 24px;}
.services .pageCentarCont h1{border:none;}
.serviceIntro{padding:0 24px 24px 24px; margin-bottom:24px;}
.serviceText{padding:0 24px 24px 24px;}

/* ----------------[ PHOTO GALLERY ]---------------- */
.pageCentarCont{
	background:url(/img/page_content_bck.png) repeat-x 0 100%;
	min-height:540px;
}
.innerPageNav{
	margin:0 0 30px 0;
	padding:12px 24px 0 24px;
	font-size:12px;
}
.systemsLanding .innerPageNav{
	margin:0;
} 

.resultsCont  ul.innerPageNav{padding:12px 0 0 0; margin:0 0 12px 0;}
.servicePageNav{margin:0;}
.innerPageNav li{
	margin:0 3px 3px 0;
	padding:0;
	float:left;
	height:34px;
	text-align:center;
}
.innerPageNav li a:link, .innerPageNav li a:visited{
	display:block;
	line-height:34px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	background:url(/img/inner_nav_bck.png);
	color:#FFF;
	padding:0 12px 0 12px
}
.innerPageNav li a:hover, .innerPageNav li.active a:link, .innerPageNav li.active a:visited{
	background:url(/img/inner_nav_bck_active.png);
	text-decoration:none;
}
.innerPageNav li a span{
	width:10px;
	margin:0 8px 0 0;
	background:url(/img/arrow_sports_left.png) 0 70%;
}

.photoByEvent{
	margin:0; 
	padding:12px 21px 24px 24px;
}
.photoByEvent li{
	width:292px;
	height:190px;
	margin:0 3px 3px 0;
	float:left;
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
}
.photoByEvent li img{
	width:292px;
}
.photoByEvent li div{
	height:56px;
	width:268px;
	background:url(/img/shadow_bck2.png);
	position:absolute;
	z-index:0;
	bottom:0;
	padding:12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  	border-radius: 6px;
	color:#FFF;
}
.photoByEvent li p{
	margin:0;
}
.photoByEvent li h4{
	margin:6px 0 0 0;
	font-size:13px;
}
.photoByEvent li h5{
	color:#FFF;
	font-weight:normal;
	font-size:11px;
}

.photoByEvent li a:link, .photoByEvent li a:visited{
	display:block;
	width:292px;
	height:192px;
	z-index:1000;
	position:absolute;
	background:url(/img/gallery_arrow.png) no-repeat 94% 84%;
}
.photoByEvent li a:hover{
	background:url(/img/gallery_arrow_on.png) no-repeat 94% 84%;
}

.detailDate{padding:0 0 0 24px;}
.galleryDetail{padding: 0 0 0 24px; border-bottom:solid 1px #CCC;}
.systemGallery{ border-bottom:none; margin-bottom:18px;}
.pastEvents .galleryDetail{padding: 12px 0 0 0; clear:both;}

.galleryDetail li{
	width:136px;
	height: 100px;
	margin:0 12px 12px 0;
	float:left;
	background:url(/img/gallery_bck.png);
	text-align:center;
}
.galleryDetail li.last{
	margin-right:0;
}
.galleryDetail li a{
	display:block;
	padding-top:10px;
}
.galleryDetail li a img{
	max-width:120px;
	height:79px;
}

/* ----------------[ ERORR PAGE ]---------------- */
.error{padding:24px; font-size:12px;}
.error h1{
	padding:0;
	border:none;
}

/* ----------------[ FOOTER ]---------------- */
#footer{
	
}
div.footerTop{
	height:7px;
	background:url(/img/allsports/footer_top.png) no-repeat;
}
div.footerBottom{
	height:7px;
	background:url(/img/footer_bottom.png) no-repeat;
}
div.footerLogos{
	background-color:#FFF;
	height:110px;
}
div.footerLogos li{
	margin:20px 30px 0 30px; 
	padding:0; 
	float:left;
}
.copy{
	font-size:11px;
	color:#FFF;
	padding:4px 12px 0 12px;
}
.copy span{margin-right:6px;}
.copy a{margin-right:6px; padding-left:8px; border-left:dotted 1px;}
.copy div{width:200px; float:right; text-align:right;}
.copy div a{margin-right:0; padding-left:0; border-left:none;}

/* ----------------[ COMMON ELEMENTS II ]---------------- */
.whiteLink a:link, .whiteLink a:visited{color:#FFF; text-decoration:underline;}
.whiteLink a:hover{text-decoration:none;}


/* ----------------[ float clears & fixes ]---------------- */

#container, .sportsNav, div.footerLogos, .content, .contentHp, .eventListBtns, .eventListCont, .eventYears, .hpNews li, .hpServices li,
.newSystems li, .pageCentarCont, .innerPageNav, .galleryDetail, .contactText, .contacts form, .componentList li, .resultDropDown ul, .bottomNav, .teamList li,
.systemSM, .resultTitle, .photoByEvent, .eventDetailBox 
{overflow: hidden;}

#ContactIndexForm { display:none; }
