@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{position:relative; width:100%; height:116px; margin:4px auto 0px auto; border:0px; background:#fff; padding:0px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.jThumbnailScroller .jTscrollerContainer{position:absolute; height:100%;}
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0px; left:0px; display:inline-block; *display:inline;}
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.4;}
.jThumbnailScroller .jTscrollerNextButton{background:#000 url('../img/nav/navigator_arrow_right.png') no-repeat center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url('../img/nav/navigator_arrow_left.png') no-repeat center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#d56916; opacity:1;}
.jThumbnailScroller .jTscroller a:hover{color:#000000;}
.jThumbnailScroller .jTscroller a:first-child{margin:0px;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:95%;}
.jThumbnailScroller#tS2{margin:4px auto;}
.jThumbnailScroller#tS2 .jTscroller a{}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller .jTscrollerNextButton{margin:-20px 10px 0px 10px; right:0px; top:50%;}
.jThumbnailScroller .jTscrollerPrevButton{margin:-20px 10px 0px 10px; left:0px; top:50%;}
/* a vertical scroller */
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0px; background:#eee;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
.jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0px 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0px 10px -20px; bottom:0px; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0px 10px -20px; left:0px; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}

/* Navigator event unit boxes */
.UnitNavigatorOuterContainer{
	float:left;
	width:110px;
	margin:2px 5px 2px 0px;
}
.UnitNavigatorContainer{
	width:100%;
	border:1px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.UnitNavigatorContainer a{
	text-decoration: none;
}
.UnitNavigatorContainer .UnitNavigatorDescription{
	width:100%;
	height:63px;
	padding:3px;
	color:#000000;
	font-weight:bold;
	background:#ddd;
}
.UnitNavigatorContainer .UnitNavigatorLowerContainer{
	width:100%;
	height:37px;
	clear:both;
}
.UnitNavigatorLowerContainer .UnitNavigatorStatus{
	float:left;
	width:55%;
	text-align:center;
	padding:2px;
}
.UnitNavigatorStatus .StartTime{
	width:100%;
	color:#000000;
	font-weight:bold;
}
.UnitNavigatorStatus .StartTime em{
	font-size: 90%;
}
.UnitNavigatorLowerContainer .UnitNavigatorDate{
	float:left;
	width:45%;
	padding:2px;
	color: #92A1A8;
}
.UnitNavigatorDate .DateDay{
	font-size: 150%;
	text-align: center;
	font-weight:bold;
}
.UnitNavigatorDate .DateMonth{
	font-size: 80%;
	text-align: center;
	text-transform:uppercase;
}
.UnitNavigatorContainer .navigatorCurrent{
	background: #000000;
}
.UnitNavigatorDescription .UnitNavigatorPhase{
	height:40px;
}
.UnitNavigatorDescription .UnitNavigatorCompetitor{
	height:18px;
	text-align:center;
	margin: 0px auto;
	padding:0px;
	clear:both;
}
.UnitNavigatorDescription .UnitNavigatorCompetitor .FlagContainer{
	width:50%;
	float:left;
}
/* Current event unit*/
.UnitNavigatorCurrent .UnitNavigatorContainer{
	border:1px solid #d56916;
}
.UnitNavigatorCurrent .UnitNavigatorDescription{
	background: #d56916;
	opacity: 1;
}
.UnitNavigatorCurrent .UnitNavigatorArrow{
	padding:0px;
	height:12px;
	background:transparent url(../img/nav/navigator-arrow-down.png) no-repeat center center;
}
