/*** OVERWRITE ***/
section { margin-top: 70px !important; }

/*** HEADER ***/

.site { font-weight: 600; }

.force_hide_desktop { display: none !important; }

header.trackie {
	width: 100%;
	height: 46px;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	padding: 0 0 4px;
	background: url(../trackieHeader/images/header_shadow.png) bottom repeat-x;
	line-height: 46px;
	font-size: 15px;
	font-family: 'AllerLightRegular', sans-serif; }
	
	header.trackie.ca { border-top: 6px solid #31a5bb; }
	header.trackie.reg { border-top: 6px solid #42aa24; }
	header.trackie.me { border-top: 6px solid #c83333; }
	header.trackie.org { border-top: 6px solid #fd8324; }
	header.trackie.group { border-top: 6px solid #c6c6c6; }
	
	header.trackie ul { list-style: none; }
	
	header.trackie a { color: #424242; }
	
		header.trackie.ca a:hover, header.trackie.ca a.active { 
			color: #31a5bb;
			text-decoration: none; }
			
		header.trackie.reg a:hover, header.trackie.reg a.active { 
			color: #42aa24;
			text-decoration: none; }
			
		header.trackie.me a:hover, header.trackie.me a.active { 
			color: #c83333;
			text-decoration: none; }
			
		header.trackie.org a:hover, header.trackie.org a.active { 
			color: #fd8324;
			text-decoration: none; }
			
		header.trackie.group a { color: #1a9eb4; }
		
			header.trackie.group a:hover { 
				color: #0c788a;
				text-decoration: none; }
	
	header.trackie .header { 
		width: 100%;
		float: left;
		background: #fff; }
	
		header.trackie #mainLogo { float: left; }
		
		header.trackie #mobileLogo {
			display: none;
			float: left; }
		
		header.trackie img.logo { 
			width: 141px;
			height: 46px;
			float: left; }
			
		header.trackie.group img.logo { width: 300px; }
		
	header.trackie nav { 
		float: left;
		margin: 0 0 0 20px; }
		
		header.trackie.ca nav span, .trackieSites header.trackie.ca nav span { color: #31a5bb; }
		header.trackie.reg nav span, .trackieSites header.trackie.reg nav span { color: #42aa24; }
		header.trackie.me nav span, .trackieSites header.trackie.me nav span { color: #c83333; }
		header.trackie.org nav span, .trackieSites header.trackie.org nav span { color: #fd8324; }
		
		header#main nav a.navBtn {
			width: 30px;
			height: 30px;
			float: left;
			margin: 8px 0 0;
			background: url(../trackieHeader/images/icon_navBtn.png) top no-repeat;
			opacity: 0.5;
			filter: alpha(opacity=50);
			display: none; }
			
			header#main nav a.navBtn:hover {
				opacity: 1;
				filter: alpha(opacity=100); }
		
		header.trackie ul { float: left; }
		
			header.trackie ul li { float: left; }
			
			header.trackie .divider {
				color: #b1b1b1 !important;
				margin: 0 10px; }
				
			header#main nav li.showMobile { display: none; }
				
			header#main nav li.dropdown { position: relative; }
			
			header#main nav li.dropdown a { 
				padding: 0 17px 0 0;
				background: url(../trackieHeader/images/arrow-down.gif) no-repeat right; }
				
				header#main nav li.dropdown:hover .navDrop { display: block; }
				
			header.trackie .navDrop {
				width: 145px;
				position: absolute;
				top: 35px;
				right: -8px;
				background: url(../trackieHeader/images/icon_navdropArrow.png) no-repeat top right;
				background-size: 49px;
				z-index: 999;
				display: none; }
				
				header.trackie .navDrop span { 
					width: 10px;
					height: 1px;
					position: absolute;
					right: 38px;
					top: 6px;
					background: #fff; }
				
				header.trackie .navDrop ul {
					width: 100%;
					float: left;
					margin: 6px 0 0;
					background: #fff;
					border: 1px solid #888;
					box-shadow: 0 3px 3px #999; }
				
				header.trackie .navDrop li {
					float: none;
					display: block;
					padding: 3px;
					border-bottom: 1px solid #c9c9c9;
					line-height: normal; }
				
				header.trackie .navDrop li a { 
					display: block;
					padding: 7px 10px !important;
					background: none !important; }
					
					header.trackie .navDrop li a:hover{ 
						background: #32a5bb !important;
						color: #fff; }
				
	header.trackie .right { float: right; }
	
		header.trackie .social {
			height: 46px;
			float: right;
			padding: 0 14px;
			margin: 0 0 0 20px;
			border-left: 2px solid #e5e5e5; }
			
			header.trackie .social a { 
				height: 14px;
				float: left;
				margin: 17px 3px 0; }
				
				header.trackie .social a.facebook { 
					width: 15px;
					background: url(../trackieHeader/images/icon_facebook.png) top no-repeat; }
				
				header.trackie .social a.twitter { 
					width: 19px;
					background: url(../trackieHeader/images/icon_twitter.png) top no-repeat; }
					
				/*header.trackie .social a:hover { background-position: bottom !important; }*/
					
.trackieSites {
	width: 200px;
	position: absolute;
	top: 46px; 
	left: 0;
	z-index: 900;
	display: none;
	background: #222;
	box-shadow: 0 8px 8px #999; }
	
	.trackieSites.expand { width: 500px; }
	
	.trackieSites ul {
		width: 200px;
		float: left; }
		
		.trackieSites ul li {
			width: 100%;
			float: left; }
			
			.trackieSites ul li a, .trackieSites ul li span {
				color: #aaa;
				display: block;
				padding: 0 12px; }
				
				.trackieSites ul li a:hover, .trackieSites ul li a.active { color: #fff !important; }
				
				.trackieSites ul li.ca a:hover, .trackieSites ul li.ca a.active { background: #31a5bb; }
				.trackieSites ul li.reg a:hover, .trackieSites ul li.reg a.active { background: #42aa24; }
				.trackieSites ul li.me a:hover, .trackieSites ul li.me a.active { background: #c83333; }
				.trackieSites ul li.org a:hover, .trackieSites ul li.org a.active { background: #fd8324; }
				
				.trackieSites ul li a.email:hover { color: #eee; }
				
			.trackieSites ul li .infoBox {
				width: 300px;
				height: 100%;
				position: absolute;
				top: 0;
				left: 200px;
				display: none;
				color: #fff;
				line-height: 1.5; }
				
				.trackieSites ul li.ca .infoBox { background: #31a5bb; }
				.trackieSites ul li.reg .infoBox { background: #42aa24; }
				.trackieSites ul li.me .infoBox { background: #c83333; }
				.trackieSites ul li.org .infoBox { background: #fd8324; }
				
				.trackieSites ul li .infoBox .content {	
					padding: 20px;
					width: auto !important;
					float: auto !important;
					margin: auto !important; }
				
				.trackieSites ul li .infoBox span {
					color: #fff;
					display: block;
					font-size: 20px;
					font-weight: bold;
					padding: 0;
					margin: 0 0 10px; }
					
				.trackieSites ul li .infoBox .content a {
					width: 100%;
					float: left;
					padding: 8px 0;
					margin: 10px 0 0;
					color: #fff;
					border-radius: 5px;
					text-align: center;
					transition: all ease 0.2s; }
					
					.trackieSites ul li.ca .infoBox .content a { background: #16869b; }
					.trackieSites ul li.ca .infoBox .content a:hover { background: #0f7589; }
					
					.trackieSites ul li.reg .infoBox .content a { background: #329216; }
					.trackieSites ul li.reg .infoBox .content a:hover { background: #257e0b; }
					
					.trackieSites ul li.me .infoBox .content a { background: #a51a1a; }
					.trackieSites ul li.me .infoBox .content a:hover { background: #971010; }
					
					.trackieSites ul li.org .infoBox .content a { background: #e26f16; }
					.trackieSites ul li.org .infoBox .content a:hover { background: #be5707; }
				
			.trackieSites ul li.contact { 
				line-height: 30px;
				padding: 10px 0 15px;
				background: #333; }


/*** RETINA DISPLAY ***/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	
	header.trackie {
		background: url(../trackieHeader/images/header_shadow@2x.png) bottom repeat-x;
		background-size: 5px; }
		
	header.trackie .social a.facebook { 
		background: url(../trackieHeader/images/icon_facebook@2x.png) top no-repeat;
		background-size: 15px; }
				
	header.trackie .social a.twitter { 
		background: url(../trackieHeader/images/icon_twitter@2x.png) top no-repeat;
		background-size: 19px; }
		
		
	header.trackie .navDrop {
		background: url(../trackieHeader/images/icon_navdropArrow@2x.png) no-repeat top right;
		background-size: 49px; }
		
	.site { font-weight: normal !important; }
	
	a.backtotop { background: url(/shared/img/layout/btn_backtotop@2x.png) center center no-repeat #29a9c1; background-size: 60px; }

	.subNav form input.submit, .subNav2 form input.submit { background: url(/shared/img/layout/btn_search@2x.png) top no-repeat; background-size: 35px; }

	#mailingList .submit { background: url(/shared/img/layout/btn_send@2x.png) top no-repeat; background-size: 26px; }

	#mailingList { background: url(/shared/img/layout/mailingList_bg@2x.jpg) top no-repeat; background-size: 252px; }
	
	#social_network a.facebook, .social_network a.facebook { background: url(/shared/img/layout/facebook-icon@2x.gif); background-size: 63px; }
    		
    #social_network a.twitter, .social_network a.twitter { background: url(/shared/img/layout/twitter-icon@2x.gif); background-size: 56px; }
    
    #social_network a.linkedin { background: url(/shared/img/layout/linkedin-icon@2x.gif); background-size: 65px; }
    
    #social_network a.youtube, .social_network a.youtube { background: url(/shared/img/layout/youtube-icon@2x.gif); background-size: 47px; }
    
    #social_network a.vimeo { background: url(/shared/img/layout/vimeo-icon@2x.gif); background-size: 54px; }
    
    #social_network a.skype { background: url(/shared/img/layout/skype-icon@2x.gif); background-size: 50px; }
    
    #social_network a.rss { background: url(/shared/img/layout/rss-icon@2x.gif); background-size: 41px; }
	
	/* COULDNT GET THIS TO WORK JUST HAVE NONE #social_network a:hover, .social_network a:hover { background-position: bottom; }*/
	
	.overlay { background: url(/shared/img/layout/icon_play@2x.png) top no-repeat; background-size: 38px; }
	
	nav div a.facebook { background: url(/shared/img/layout/icon_facebook@2x.png) top no-repeat; background-size: 30px; }
				
	nav div a.twitter { background: url(/shared/img/layout/icon_twitter@2x.png) top no-repeat; background-size: 34px; }
				
	nav div a.linkedin { background: url(/shared/img/layout/icon_linkedin@2x.png) top no-repeat; background-size: 30px; }
				
	nav div a.rss { background: url(/shared/img/layout/icon_rss2@2x.png) top no-repeat; background-size: 30px; }

	header .profile a { background: url(/track-and-field/img/layout/icon_profile@2x.png) left no-repeat; background-size: 16px; }
	
	header .profile .profileInfo a.myProfile { background: url(/track-and-field/img/layout/icon_profile@2x.png) left no-repeat; background-size: 16px; }
	
	header .profile .profileInfo a.myEvents { background: url(/track-and-field/img/layout/icon_events@2x.png) left no-repeat; background-size: 16px; }
	
	header .profile .profileInfo a.logout { background: url(/track-and-field/img/layout/icon_logout@2x.png) left no-repeat; background-size: 17px; }
}


/*** 990px ***/
/*@media all and (max-width: 990px) {
	
	header#main nav > ul {
		width: 100%;
		padding: 0 0 0 12px;
		position: absolute;
		top: 46px;
		left: 0;
		background: #fff;
		border-top: 2px solid #e5e5e5;
		border-bottom: 1px solid #aaa;
		box-sizing: border-box; }
		
	.hide_french_menu { display: block; }

}*/

/*** 720px ***/
@media all and (max-width: 990px) {
	
	header#main #mainLogo { display: none; }
	
	header#main #mobileLogo { display: block; }
	
		header#main #mobileLogo .trackieSites, header#main #mobileLogo .trackieSites ul { 
			width: 100%;
			text-align: center;
			box-shadow: none; }
		
			header#main #mobileLogo .trackieSites ul li { width: 50%; }
			
			header#main #mobileLogo .trackieSites ul li.contact { width: 100%; }
	
	header#main nav { margin-left: 12px; }
	
	header#main nav a.navBtn { display: block; }
	
	header#main nav ul { display: none; }
	
	header#main nav ul li { 
		width: 50%;
		box-sizing: border-box; }
		
		header#main nav ul li.divider { display: none; }
		
		header#main nav ul li a { display: block; }
		
	header#main nav li.dropdown { display: none; }
	
	header#main nav li.showMobile { display: block; }

}


/*** 540px ***/
@media all and (max-width: 540px) {

	header#main .right { margin-right: 10px; }
	
	header#main .social { display: none; }
	
	.force_hide_mobile { display: none !important; }
	
	.force_hide_desktop { display: block !important; }
	
}


/*** iPhone 4+ ***/
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {

	header#main nav a.navBtn {
		background: url(../trackieHeader/images/icon_navBtn@2x.png) top no-repeat;
		background-size: 100%; }

}