/*

FindingAthletes.com Global CSS | REV:SEP.29.09

*/


/**--------**/
/** Header **/
/**--------**/
/* Nav */
ul#publicNav { width: 695px; height: 39px; list-style-type: none; }
ul#publicNav li { height: 39px; display: block; float: left;  }
ul#publicNav li a { height: 39px; line-height: 39px; text-indent: -9999px; text-decoration: none; float: right; display: block; }
ul#publicNav li, ul#publicNav li a { background: url(/content/images/header-nav-public-matrix.png) no-repeat 0 0; }
ul#publicNav li.athletes, ul#publicNav li.athletes a { width: 120px; background-position: 0 0; }
ul#publicNav li.athletes a.on, ul#publicNav li.athletes a:hover { width: 120px; background-position: 0 -39px; }
ul#publicNav li.coaches, ul#publicNav li.coaches a { width: 116px; background-position: -120px 0; }
ul#publicNav li.coaches a.on, ul#publicNav li.coaches a:hover { width: 116px; background-position: -120px -39px; }
ul#publicNav li.parents, ul#publicNav li.parents a { width: 113px; background-position: -236px 0; }
ul#publicNav li.parents a.on, ul#publicNav li.parents a:hover { width: 113px; background-position: -236px -39px; }
ul#publicNav li.about, ul#publicNav li.about a { width: 120px; background-position: -349px 0; }
ul#publicNav li.about a.on, ul#publicNav li.about a:hover { width: 120px; background-position: -349px -39px; }
ul#publicNav li.faq, ul#publicNav li.faq a { width: 85px; background-position: -469px 0; }
ul#publicNav li.faq a.on, ul#publicNav li.faq a:hover { width: 85px; background-position: -469px -39px; }
ul#publicNav li.contact, ul#publicNav li.contact a { width: 141px; background-position: -554px 0; }
ul#publicNav li.contact a.on, ul#publicNav li.contact a:hover { width: 141px; background-position: -554px -39px; }
/* Nav Sign Up Button */
a.nav-signUpButton { margin-top: 4px; width: 144px; height: 30px; background: url(/content/images/header-nav-button-signUp.png) no-repeat 0 0; text-indent: -9999px; display: block;  }
a.nav-signUpButton:hover { background: url(/content/images/header-nav-button-signUp.png) no-repeat -144px 0; }


/**---------**/
/** Content **/
/**---------**/
/* feature */
.featureWrapper { width: 100%; height: 345px; background: #262626 url(/content/images/feature-wrapper-bkgTile.png) repeat-x 0 0; }
.featureContainer { height: 345px; background: url(/content/images/feature-container-bkgSmoke.jpg) no-repeat top center  }
/* container for slides */
.featuredSlide {
	position:relative;	
	height:301px;
	width:100%;
	float:left;	
	cursor:pointer;	
}
/* single slide */
.featuredSlide div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:301px;
	font-size:12px;
	cursor: default;
}

/* header */
.featuredSlide h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}
/* tabs */
.slidetabs {width: 100%; height: 44px; clear: both; }
.slidetabs a { padding: 12px 14px 0 14px; height: 31px; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #434343; text-decoration: none; border-left: solid 1px #212121; display:block; float:right; cursor: pointer; }
.slidetabs a:hover { background: #0f0f0f url(/content/images/feature-scrollable-thumb-arrowDown.png) no-repeat top center; }
.slidetabs a.current { color: #868686; background: url(/content/images/feature-scrollable-thumb-arrowDown.png) no-repeat top center; } 	
/* Slide Controls */
.slideControl { width: 45px; float: left; }
.slideControl .play, .slideControl .pause { margin-right: 6px; width: 10px; height: 10px;  }
.slideControl .play { background: transparent url(/content/images/featured-slide-play.png) no-repeat 0 0; cursor: pointer; }
.slideControl .pause { background: transparent url(/content/images/featured-slide-pause.png) no-repeat 0 0; cursor: pointer; }
/* Feature Slides Content */
.featuredSlide .slideContentContainer { margin-top: 50px; width: 440px; height: 215px; display: block; }
.featuredSlide .slideTitle { font-size: 60px; color: #fff; display: block; }
.featuredSlide .slideContent { margin: 0 10px 20px 0; font-size: 14px; color: #989889; display: block; }
.featuredSlide .slideSignUp { margin-left: 1px; width: 209px; height: 38px; background: url(/content/images/feature-button-red-signup.png) no-repeat 0 0; text-indent: -9999px; display: block; float: left; }
.featuredSlide .slideSignUp:hover { background: url(/content/images/feature-button-blue-signup.png) no-repeat 0 0; }
.featuredSlide .slideLearnMore { margin-left: 20px; padding-top: 10px; width: 100px; height: 38px; font-size: 14px; color: #ddd; text-decoration: none; display: block; float: left; }
.featuredSlide .slideAthleteImg, .featuredSlide .slideParentImg { margin: 30px 35px 0 0; }
.featuredSlide .slideCoachImg { margin: 0 0 0 35px;}

.sportsListContainer { margin: 0 auto; width: 100%; }
.sportsListContainer ul.sportsList { margin: 10px 0 10px 0; width: 33%; list-style-type: none; float: left; }
.sportsListContainer ul.sportsList li { margin: 0 0 18px 7px; padding-left: 29px; background: url(/content/images/icon-bullet-FAStar.png) no-repeat 0 0; }
/* Bottom Steps */
.bottomSteps { margin-top: 5px; width: 24%; height: 39px; float: left; }
.bottomAdSpaceContainer a { text-decoration: none; }
.bottomSteps img { margin-right: 7px; float: left; }
.bottomSteps .title { padding-top: 3px; font-size: 13px; color: #111; font-weight: bold; display: block; }
.bottomSteps .description { font-size: 12px; color: #585858; display: block; }

/* Home Sidebar */
#HomeSidebar { background: url(/content/images/homepage-sidebar-bkg.png) no-repeat 0 150px; }
#HomeSidebar p, #HomeSidebar img, #HomeSidebar ul { margin: 0 20px 25px 20px; }
.banner-SignUp { margin: 0 0 35px 0; width: 460px;height: 132px; background: url(/content/images/homepage-sidebar-banner-signUp.jpg) no-repeat 0 0; display: block; }
.banner-SignUp:hover { width: 460px;height: 132px; background: url(/content/images/homepage-sidebar-banner-signUp.jpg) no-repeat 0 -132px; display: block; }
.testimonial { padding: 7px 20px 10px 15px; background: url(/content/images/home-testimonialBkg.png) no-repeat 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; color: #8f8f8f; }
.testimonial .testimonalName, .testimonial .testimonailDesc {  width: 100%; display: block; line-height: 1.5em; text-align: right; }
.testimonailDesc { font-size: 11px; }

/** Backpages **/
.headlineWrapper { width: 100%; height: 115px; background: #262626 url(/content/images/feature-wrapper-bkgTile.png) repeat-x 0 0; }
.headlineContainer { height: 114px; background: url(/content/images/content-container-bkgSmoke.jpg) no-repeat 0 0; }


/* Sidebar */
#contentSidebar { background: url(/content/images/contentSidebar-Bkg.png) no-repeat 0 400px; }
#contentSidebar .contentBanner { margin: 0 0 10px 0; }
#contentSidebar p, #contentSidebar img, #contentSidebar ul { margin: 0 20px 25px 20px; }
.nivoSlideshowContainer { margin-bottom: 30px; padding: 9px; width: 282px; height: 220px; background: #eaeaea; }
.nivoSlideshowContainer #slider { width: 282px; height: 220px; background: url(/content/images/nivoSlider-sidebar-loadingSports.png) no-repeat 0 0; }

/* Registration */
.greyBarWrapper { width: 100%; height: 12px; background: url(/content/images/header-nav-bkgTile.png) repeat-x 0 0;}
.registrationContentContainer { padding: 25px 0 40px 0; min-height: 500px;  background: #fff; border-right: solid 1px #e3e3e3; border-left: solid 1px #e3e3e3; }
.registrationContentContainer h1, .registrationContentContainer p { margin-left: 15px; margin-right: 15px;}

/* Purchase Page */
.purchaseContainer { }
.purchaseContainer fieldset legend { margin: 0 auto 10px auto; padding: 6px 0 6px 3px; width: 100%; font: bold 15px/1em Arial, Helvetica, sans-serif; text-transform: none; color: #252525; letter-spacing: 0; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #c6c6c6; display: block; }

.purchaseContainer .editor-label { margin-top: 8px; margin-bottom: 3px; font-weight: bold; font-size: 13px; line-height: 1em; color: #252525; letter-spacing: .03em; display: block; }
.purchaseContainer .editor-field input { padding: 2px 3px 1px 3px; height: 16px; font-size: 13px; line-height: 1em; background: #eff7fa url(/content/images/textField-bkgBlue.png) no-repeat top left; border-top: solid 1px #888; border-right: solid 1px #bcbcbc;  border-bottom: solid 1px #bcbcbc; border-left: solid 1px #888; }
.purchaseContainer .editor-field select { padding-left: 2px;font-size: 13px; line-height: 20px; background: #eff7fa url(/content/images/textField-bkgBlue.png) no-repeat top left; border-top: solid 1px #888; border-right: solid 1px #bcbcbc;  border-bottom: solid 1px #bcbcbc; border-left: solid 1px #888; }

/* Coach Verify */
.verifyCoachPage { }
.verifyCoachPage fieldset { margin: 0 0 20px 16px; }
.verifyCoachPage fieldset legend { margin-bottom: 5px; padding-bottom: 2px; width: 100%; font-size: 14px; line-height: 1em; font-weight: bold; color: #222;  border-bottom: solid 1px #999; display: block;  }
.verifyCoachPage .display-label { margin-left: 5px; font-weight: bold; color: #222; }
.verifyCoachPage .display-field { margin-left: 5px; margin-bottom: 7px; }

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	height: 30px;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}