@charset "UTF-8";
/* CSS Document */

/****** Generation Bar *********/

#generationBar {
    position:relative;
	background-color:#ececec;
	background-image:url(shadowGenerationBar.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height: 36px;
	width:100%;
	margin-top:-20px;
    color: #707a81;
	
}
#generationBarContent {
	max-width:960px;
	width: 100%;
	height:36px;
	position:relative;
	margin:0 auto;
}

#generationBarArrow {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:10px;
	height:5px;
	margin: 4px auto;
	z-index:20;
	background-image:url(arrowGenerationBar.png);
	background-repeat:no-repeat;	
	display:none;
}

#generationLinks {
	position:absolute;
	top:0;
	bottom:0;
	right: 0;
	margin: auto 0;
	height:20px;
	line-height:20px;
	
	font-family: edp_preonregular, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

#generationLinks img {
	display:inline;
}

#generationLinks a {
	color: #707a81;
}

#generationLinks a:active {
	color: #707a81;
}

#generationLinks a:hover {
	color: #000000;
}



#generationLinks .selected {
	color: #fc2638;	
}

.edpr #generationLogo {
	width: 144px;
	height:12px;
	position:absolute;
	top:0;
	bottom:0;
	margin: auto 0;
	float:left;
}

.edp #generationLogo{
    width: 106px;
	height:17px;
	position:absolute;
	top:0;
	bottom:0;
	margin: auto 0;
	float:left;
}


@media (max-width: 1024px) {
 
 #generationBar {
	    padding-left: 3%;
		padding-right: 3%;
		width: 94%;
    }
}

@media (max-width: 600px) {
 
 #generationBar {
	 display:none;
  }
}