@font-face {
    font-family: 'exo';
    src: url('Exo-Regular-webfont.eot');
    src: url('Exo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Exo-Regular-webfont.woff') format('woff'),
         url('Exo-Regular-webfont.ttf') format('truetype'),
         url('Exo-Regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'exo';
    src: url('Exo-Bold-webfont.eot');
    src: url('Exo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Exo-Bold-webfont.woff') format('woff'),
         url('Exo-Bold-webfont.ttf') format('truetype'),
         url('Exo-Bold-webfont.svg#exobold') format('svg');
    font-weight: bold;
    font-style: normal;
} 

body{
	margin:0;
	padding:0;
	font-family: exo,"lucida Grande",Geneva,Tahoma,Verdana,sans-serif;
	font-size:14px;
	color:#ffffff;
	background-color:#111E0A;
	line-height:140%;
}

strong{
	font-family: exo,"lucida Grande",Geneva,Tahoma,Verdana,sans-serif;
}

a{
    font-size: 100%;
	font-weight:bold;
	color:#e31818;

}

p{
	margin-top:0px;
	margin-bottom:10px;

}

div{
}


h1{
	
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-size:19px;
	margin-bottom:15px;
	font-weight:bold;
	padding-top:5px;
}	

h2{
	color:#e31818;
	text-transform: uppercase;
	margin:0;
	padding:0;
	font-size:15px;
	margin-bottom:15px;
}	

h2 a{
	text-decoration:none;
}

h3{
	margin-top:20px;
	margin-bottom:10px;
}

h4{
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	color:black;
}

div.newsbox
{
width:190px;
height:340px;
overflow:auto;
}


#trackbar {
	outline:none;
	border:0px solid blue;
	color:#111E0A;
	}

/* --------------------------------------------------------------- */

#trackname {
	font-weight:bold;
	text-transform: uppercase;
	font-size:19px;
	color:black;
	margin-bottom:15px;
	}
#indent {
	margin-left:100px;	
	}

#word_teamcolor li a
	{
	color:#FF4500;
	}
#word_trackcolor li a
	{
	color:#F08E00;
	}

/* ------------- This defines the colored teaser bar ---------------- */

#teaser_teamcolor table
	{
	color:white;
	border-color:#FF4500;
	background-color:#FF4500;  /* nice red */
	}

#teaser_eventcolor table
	{
	color:white;
	border-color:#ffd700;
	background-color:#ffd700;  /* yellow */
	}

#teaser_trackcolor table
	{
	color:white;
	border-color:#F08E00;
	background-color:#F08E00;  /* orange */
	}

#teaser_faqcolor table
	{
	color:white;
	border-color:#1E90FF;
	background-color:#1E90FF;  /* dodger blue */
	}

#teaser_regcolor table
	{
	color:white;
	border-color:#B00980;
	background-color:#B00980;  /* lila */
	}

#teaser_ordercolor table
	{
	color:white;
	border-color:#3CB371;
	background-color:#3CB371;  /* seagreen */
	}
/* ..................................................*/

#teaser table
	{
	border-collapse:collapse;
	border=0;
	}
#teaser table td
	{
/*	color:#ffd700;
	color:white;
	border-color:#F08E00;
	background-color:#F08E00;    */
	font-size:19px;
	}
#teaser td:nth-of-type(1)
	{
	width:100px;
	padding-left:10px;
	padding-right:10px;
	}
#teaser td:nth-of-type(2)
	{
	width:250px;
	padding-left:10px;
	padding-right:10px;
	}
#teaser td:nth-of-type(3)
	{
	width:400px;
	padding-top:5px;
	text-align:center;
    	-webkit-border-top-right-radius: 10px;
    	-webkit-border-bottom-right-radius: 10px;
    	-moz-border-top-right-radius: 10px;
    	-moz-border-bottom-right-radius: 10px;
    	border-top-right-radius: 10px;
    	border-bottom-right-radius: 10px;
	behavior: url('PIE.php');
	}

/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */

/* DO not combine nth2 and 3 on one line. This results in brwoser display error firefox */
#main_trackcolor td:nth-of-type(2)
	{
	color:#F08E00;
	border-bottom:thick dotted #F08E00;
	}
#main_trackcolor td:nth-of-type(3)
	{
	color:#F08E00;
	border-bottom:thick dotted #F08E00;
	}

#main_eventcolor td:nth-of-type(2)
	{
	color:#ffd700;
	border-bottom:thick dotted #ffd700;
	}
#main_eventcolor td:nth-of-type(3)
	{
	color:#ffd700;
	border-bottom:thick dotted #ffd700;
	}

#main_teamcolor td:nth-of-type(2)
	{
	color:#FF4500;
	border-bottom:thick dotted #FF4500;
	}
#main_teamcolor td:nth-of-type(3)
	{
	color:#FF4500;
	border-bottom:thick dotted #FF4500;
	}

#main_faqcolor td:nth-of-type(2)
	{
	color:#1E90FF;
	border-bottom:thick dotted #1E90FF;
	}
#main_faqcolor td:nth-of-type(3)
	{
	color:#1E90FF;
	border-bottom:thick dotted #1E90FF;
	}

#main_regcolor td:nth-of-type(2)
	{
	color:#B00980;
	border-bottom:thick dotted #B00980;
	}
#main_regcolor td:nth-of-type(3)
	{
	color:#A00980;
	border-bottom:thick dotted #A00980;
	}

#main_ordercolor td:nth-of-type(2)
	{
	color:#3CB371;
	border-bottom:thick dotted #3CB371;
	}
#main_ordercolor td:nth-of-type(3)
	{
	color:#3CB371;
	border-bottom:thick dotted #3CB371;
	}
/* ..................................................*/

#main table
	{
	padding:5px;
	}

#main table tr
	{
	vertical-align:top;
	}

#main td:nth-of-type(1)
	{
	width:120px;
	}

#main td:nth-of-type(2)
	{
	width:150px;
	font-weight:bold;
	/*color:#ffd700;*/
	padding-top:10px;
	/* border-bottom:thick dotted;*/
	}

#main td:nth-of-type(3)
	{
	width:400px;
	color:white;
	padding-top:10px;
	padding-bottom:15px;
	/* border-bottom:thick dotted;  #ffd700; */
	}

/* --------------------------------------------------------------- */

#Popup Images


    ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    margin-left:0;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative;
    z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
    margin: 0px 40px 0 0px;
    }
    ul.enlarge img{
    background-color:#eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    ul.enlarge span{
    position:absolute;
    left: -9999px;
  	visibility: collapse; 
    background-color:#eae9d4;
    padding: 10px;
    font-family: 'exo', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #495a62;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    padding:2px;
    background:#ccc;
    }
    ul.enlarge li:hover span{
	visibility: visible;
    top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
    ul.enlarge li:hover:nth-child(2) span{
    left: -100px;
    }
    ul.enlarge li:hover:nth-child(3) span{
    left: -200px;
    }
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
    }








/* --------------------------------------------------------------- */



form Xinput{
	height:20px;
	width:122px;
	margin:0;
	padding:0;
	border:solid 1px;
	margin-right:3px;
	font-family:Tahoma;
	font-size:11px;
	border:none;
	background:#b1b1b1;
	padding-left:5px;
	padding-right:5px;
	
}

form .button{
	background:#ff2e4c;
	width:80px;
	color:#ffffff;
	border:none;
	padding-bottom:2px;
}


#fxooter{
	}

#fxooter-right{
	background-image:url('ressources/background-r.gif');
	width:50%;
	position:absolute;
	left:50%;
	height:22px;
}

#fxooter-content{
	margin:auto;
	width:745px;
	position:absolute;
	height:19px;
	left:50%;
	margin-left:-460px;
	color:#9b9b9b;
	padding:3px 0px 0px 175px;
}
	

#fxooter-background{
	width:100%;	
	background-image:url('ressources/background.gif');
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	height:22px;
}

#myfooter {
	margin-top:20px;
	margin-left:70px;
	color:#ffd700;
}
#myfooter a{
	font-weight:normal;
	color:#ffd700;
}