/*
------------------------------------------------------
 Stylesheet for: recruittools.com

 Created: August 6, 2007
------------------------------------------------------
*/

body {
margin: auto;
padding: 0;
text-align: center;
line-height: 1.1em;
background: url(../i/common/bg.png) repeat-x #000;
font: 11px tahoma, arial, helvetica, sans-serif;
}

/*
------------------------------------------------------
 Standard Elements
------------------------------------------------------
*/

a	{
color: #fff;
text-decoration: underline;
}

a:hover	{
color: #fff;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 10px tahoma, arial, helvetica, sans-serif;
}

h1	{
padding: 0 0 10px 0;
border-bottom: solid 1px #000;
font: bold 20px/20px arial, helvetica, sans-serif;
}

.alt	{
display: none;
}

.clear	{
clear: both;
margin: 0;
padding: 0;
height: 0;
font-size: 0;
line-height: 0;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}

.center	{
text-align: center;
margin: auto;
}

.right	{
text-align: right;
}

.hr	{
border-bottom: 1px solid #000;
padding-top: 10px;
margin-bottom: 10px;
}

hr	{
height: 1px;
border: 0;
color: #000;
background-color: #000;
padding: 0;
}

strong
{
	color: #f90;
}

.strong	{
font-weight: bold;
text-transform: uppercase;
}

em
{
	font-style: italic;
	color: #999;
}

.em	{
font-weight: bold;
text-decoration: underline;
}

h2	{
color: #f90;
font-size: 12px;
text-transform: uppercase;
margin: 20px 0 0 0;
}

.legend	{
margin: 5px 0 15px 0;
font-weight: bold;
font-size: 10px;
}

.back-to-profile	{
margin-bottom: 20px;
}

/*
------------------------------------------------------
 Fonts
------------------------------------------------------
*/

.font10	{
font: 10px tahoma, arial, helvetica, sans-serif;
}

.font11	{
font: 11px tahoma, arial, helvetica, sans-serif;
}

.font12	{
font: 12px tahoma, arial, helvetica, sans-serif;
}

.font14	{
font: 14px tahoma, arial, helvetica, sans-serif;
}

/*
------------------------------------------------------
 Colors
------------------------------------------------------
*/

.blue	{
color: #06f;
}

.orange, .validator	{
color: #f90;
}

.green	{
color: #9C0;
}

/*
------------------------------------------------------
 Padding
------------------------------------------------------
*/
.padding5	{
padding: 5px;
}

.padding10	{
padding: 10px;
}

/*
------------------------------------------------------
 Layout
------------------------------------------------------
*/

.mainwidth	{
width: 900px;
}

.wrapper	{
position: relative;
margin: auto;
text-align: left;
}

.header	{
height: 136px;
}

.logo a	{
position: absolute;
top: 8px;
left: 30px;
width: 190px;
height: 120px;
display: block;
z-index: 5;
background: url(../i/common/logo.gif) no-repeat;
}

.banner-ad	{
position: absolute;
top: 28px;
right: 0;
}

.content	{
padding: 14px 14px 10px 14px;
width: 872px;
\width: 900px;
w\idth: 872px;
min-height: 566px;
height: auto !important;
height: 566px;
color: #fff;
background: url(../i/common/contentbg.gif) no-repeat #333;
}

.content-interior	{
padding: 0 15px;
}

.contentlt	{
float: left;
width: 550px;
* margin-bottom: -20px;
}

.contentrt	{
float: right;
width: 300px;
}

.content-interior .contentlt	{
width: 535px;
}

.content-interior .contentrt	{
width: 285px;
}

.contentrthead	{
padding: 6px 0 0 10px;
height: 24px;
color: #06f;
font-weight: bold;
background: url(../i/misc/contentrthead.png) no-repeat;
}

.login	{
padding: 5px;
width: 290px;
\width: 300px;
w\idth: 290px;
height: 180px;
margin-bottom: 10px;
background: #000;
}

.login #header	{
padding: 7px 0 7px 8px;
width: 282px;
\width: 290px;
w\idth: 282px;
margin-bottom: 20px;
font-weight: bold;
background: #369;
}

.login .input	{
width: 165px;
border: 1px solid #690;
}

.loginlt	{
float: left;
width: 88px;
text-align: right;
}

.loginrt	{
float: right;
width: 192px;
margin-bottom: 8px;
}

.login .checkbox	{
margin-bottom: 2px;
}

.login .logged-in	{
padding: 8px;
font-size: 11px;
}

.inline-panel
{
	display: inline;
	padding: 0;
	margin: 0;
}

/*
------------------------------------------------------
 Home Only
------------------------------------------------------
*/

.get-noticed	{
width: 550px;
margin-bottom: 10px;
}

.subcontenthm	{
width: 550px;
margin-bottom: 20px;
background: url(../i/home/subcontentbg.gif) bottom repeat-y;
}

.subcontenthm a	{
color: #f90;
text-decoration: underline;
}

.subcontenthm a:hover	{
color: #f90;
text-decoration: none;
}

.subcontenthmlt	{
float: left;
width: 334px;
}

.subcontenthmrt	{
float: right;
width: 205px;
}

.subcontenthmlt div	{
padding: 10px 10px 20px 10px;
width: 314px;
\width: 334px;
w\idth: 314px;
}

.subcontenthmrt div	{
padding: 15px 15px 20px 15px;
width: 175px;
\width: 205px;
w\idth: 175px;
}

.subcontenthmlt p, .subcontenthmrt p	{
margin: 0 0 7px 0;
padding: 0 0 0 14px;
background: url(../i/misc/greyarrow.gif) no-repeat;
}

.home-callout a	{
width: 270px;
height: 90px;
display: block;
background: url(../i/home/home-bottom-callouts.png) no-repeat;
}

#sample-coach-account a	{
float: right;
}

#sample-athlete-account a	{
float: left;
background-position: 0 -90px;
}

.featured-athlete	{
padding: 6px 10px 10px 10px;
height: 84px;
margin-bottom: 10px;
background: url(../i/misc/featured-athletebg.png) no-repeat;
}

.featured-athlete a	{
color: #06f;
text-decoration: none;
}

.featured-athlete a:hover	{
color: #fff;
text-decoration: none;
}

.featured-athlete .left-col	{
float: left;
margin: 4px 15px 0 0;
}

.featured-athlete .right-col	{
float: left;
}

.featured-view-profile	{
font-size: 9px;
}

.new-members	{
padding: 10px 10px 0 15px;
}

.new-member	{
margin-bottom: 15px;
}

.new-members .left-col	{
float: left;
border: 1px solid #000;
margin-right: 10px;
}

.new-members .right-col	{
float: left;
line-height: 1.4em;
}

/*
------------------------------------------------------
 Footer
------------------------------------------------------
*/

.contentfoot	{
padding: 30px 10px 0 10px;
width: 880px;
\width: 900px;
w\idth: 880px;
height: 60px;
color: #fff;
background: url(../i/common/contentbgfoot.gif) no-repeat;
}

.contentfootlt	{
float: left;
width: 250px;
}

.socialNetworks	{
float: left;
width: 300px;
}

.socialNetworks a	{
display: inline-block;
width: 48px;
height: 48px;
margin-right: 3px;
text-indent: -9999em;
outline: 0
}

.socialNetworks a#facebook	{ background: url(/i/common/facebook.png) no-repeat }
.socialNetworks a#twitter	{ background: url(/i/common/twitter.png) no-repeat }
.socialNetworks a#youTube	{ background: url(/i/common/youtube.png) no-repeat }
.socialNetworks a#wordPress	{ background: url(/i/common/wordpress.png) no-repeat }

.contentfootrt	{
float: right;
width: 330px;
text-align: right;
}

/*
------------------------------------------------------
 Menu
------------------------------------------------------
*/

.topmenu	{
padding: 4px;
width: 892px;
\width: 900px;
w\idth: 892px;
height: 32px;
margin-bottom: 5px;
overflow: hidden;
background: url(../i/menu/bg.png) no-repeat;
}

.topmenu #how-it-works a	{
float: left;
width: 148px;
height: 32px;
display: block;
background: url(../i/menu/how-it-works.png) no-repeat;
}

.topmenu #testimonials a	{
float: left;
width: 148px;
height: 32px;
display: block;
background: url(../i/menu/testimonials.png) no-repeat;
}

.topmenu #about-us a	{
float: left;
width: 125px;
height: 32px;
display: block;
background: url(../i/menu/about-us.png) no-repeat;
}

.topmenu #faq a	{
float: left;
width: 88px;
height: 32px;
display: block;
background: url(../i/menu/faq.png) no-repeat;
}

.topmenu #search a	{
float: left;
width: 113px;
height: 32px;
display: block;
background: url(../i/menu/search.png) no-repeat;
}

.topmenu #send-to-friend a	{
float: left;
width: 171px;
height: 32px;
display: block;
background: url(../i/menu/send-to-friend.png) no-repeat;
}

.topmenu #home a	{
float: left;
width: 99px;
height: 32px;
display: block;
background: url(../i/menu/home.png) no-repeat;
}

.topmenu #how-it-works a:hover,
.topmenu #testimonials a:hover,
.topmenu #about-us a:hover,
.topmenu #faq a:hover,
.topmenu #search a:hover,
.topmenu #send-to-friend a:hover,
.topmenu #home a:hover	{
background-position: 0 -32px;
}

/*
------------------------------------------------------
 Validation
------------------------------------------------------
*/

/*
.validator	{
color: #f00;
}
*/

/*
------------------------------------------------------
 Sign Up Page
------------------------------------------------------
*/

.athlete-signup	{
float: left;
width: 249px;
\width: 267px;
w\idth: 249px;
padding-right: 18px;
}

.athlete-signup a	{
display: block;
background: url(../i/buttons/athlete-sign-up.png) no-repeat;
width: 251px;
height: 292px;
}

.coach-signup	{
float: left;
width: 267px;
}

.coach-signup a	{
display: block;
background: url(../i/buttons/coach-sign-up.png) no-repeat;
width: 247px;
height: 291px;
}

.cards-accepted	{
margin: 10px 0;
}

.cards-accepted img	{
vertical-align: middle;
}

/*
------------------------------------------------------
 Tabbed Forms
------------------------------------------------------
*/

/*
A container element that wraps all of the tabs at the top of the TabContainer. 
Child CSS classes:.ajax__tab_outer.
*/
.tab-edits .ajax__tab_header	{
background: #333;
color: #fff;
}

/*
An outer element of a tab, often used to set the left-side background image of the tab.
Child CSS classes: .ajax__tab_inner.
*/
.tab-edits .ajax__tab_outer	{
background: #690;
margin: 0 3px 0 0;
padding: 0;
}

/*
An inner element of a tab, often used to set the right-side image of the tab. 
Child CSS classes:.ajax__tab_tab.
*/
.tab-edits .ajax__tab_inner	{
margin: 0;
padding: 0;
}

/*
An element of the tab that contains the text content. Child CSS classes:none.
*/
.tab-edits .ajax__tab_tab	{
padding: 4px;
margin: 0 3px 0 0;
}

/*
A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
*/
.tab-edits .ajax__tab_body	{
background: #000;
padding: 10px;
}

/*
This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
*/
.tab-edits .ajax__tab_hover	{}

/*
This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
*/
.tab-edits .ajax__tab_active	{
background: #000;
margin: 0 3px 0 0;
}

.tab-edits .ajax__tab_active .ajax__tab_inner, 
.tab-edits .ajax__tab_active .ajax__tab_outer	{
background: #000;
margin: 0;
padding: 0;
}

.tab-edits .ajax__tab_active .ajax__tab_inner	{
padding: 0 3px 0 0;
}

.tab-edits .ajax__tab_active .ajax__tab_tab	{
background: #000;
padding: 4px;
margin: 0 3px 0 0;
}

.tab-edits hr	{
color: #fff;
background: #fff;
}

/*
------------------------------------------------------
 Modal Popup
------------------------------------------------------
*/

.modalBackground 
{
	background: #999;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background: #000;
	border: solid 3px #999;
	padding: 3px;
	width: 500px;
	height: 500px;
	min-height: 500px;
	text-align: center;
	margin: auto;
}

.photoModalPopup 
{
	background: #000;
	border: solid 3px #999;
	padding: 3px;
	width: 700px;
	height: 800px;
	min-height: 800px;
	text-align: center;
	margin: auto;
}

.modalPopup .modal-header, .photoModalPopup .modal-header
{
	cursor: move;
	background: #690;
	margin: 1px;
	padding: 2px 0;
	color: #fff;
	font-weight: bold;
}

/*
------------------------------------------------------
 Update Progress
------------------------------------------------------
*/

.updateprogress
{
	position: absolute;
	width: 850px;
	z-index: 90;
	color: #000;
	text-align: center;
}

.search-results	{
padding: 5px;
font-size: 11px;
vertical-align: top;
border-color: #333;
}

.header-row	{
background: #000;
}

/*
------------------------------------------------------
 Buttons
------------------------------------------------------
*/

.buttons	{
margin: 0 auto;
padding: 10px 0;
text-align: center;
width: auto;
}

.button	{
float: left;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 20px;
border: solid 1px #690;
margin: 5px 10px;
}

.button a, a.button	{
display: block;
text-decoration: none;
background: url(../i/misc/button-bg.gif) repeat-x;
color: #fff;
font-weight: bold;
height: 20px;
padding: 0 6px;
}

.button a:hover, a.button:hover	{
color: #fff;
}

.button-first	{
margin-left: 0;
}

.button-last	{
margin-right: 0;
}

#sample-page-buttons	{
width: 238px;
}

#sample-search-buttons	{
width: 280px;
}

#sample-athlete-buttons	{
width: 100px;
}

#send-message-buttons	{
width: 135px;
}

.video-buttons	{
width: 75px;
}

#search-button	{
width: 54px;
}

#clear-button	{
width: 46px;
}

#testimonial-button	{
width: 142px;
}

#send-button	{
width: 38px;
}

.submit-button	{
width: 53px;
}

#upload-button	{
width: 55px;
}

.track-button	{
width: 128px;
}

.stop-tracking-button	{
width: 178px;
}

#save-button	{
width: 39px;
}

#close-button	{
width: 45px;
}

/*
------------------------------------------------------
 Help Tip
------------------------------------------------------
*/

.tip-container-wrapper	
{
	position: absolute;
    opacity: .8;
    filter: alpha(opacity=80);	
	background: #ffc;
	color: #000;
}

.tip-container
{
	padding: 8px;
	margin: 0;
	background: #ffc;
	color: #000;
}

/*
------------------------------------------------------
 Mail Box
------------------------------------------------------
*/

.current-page-linkbutton
{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

a.page-linkbutton:link, a.page-linkbutton:visited, a.page-linkbutton:hover, a.page-linkbutton:active
{
	color: #f90;
	text-decoration: none;
	font-size: 14px;
}

.welcome-panel	{
float: right;
margin: -8px 0 0 0;
position: relative;
z-index: 99;
}

.welcome-panel .buttons	{
padding: 0;
}

.welcome-panel .expiration-message	{
float: left;
margin-right: 10px;
line-height: 30px;
}

/*
.welcome-panel .buttons	{
float: left;
padding: 0;
margin: 0;
height: 0;
}
*/

/*
------------------------------------------------------
 Default Form Classes
------------------------------------------------------
*/

.label	{
float: left;
width: 120px;
}

.form-field	{
float: left;
margin-bottom: 10px;
}

#faq	{
line-height: 16px;
}

/*
------------------------------------------------------
 Sample Accounts
------------------------------------------------------
*/

#sample-image	{
float: left;
width: 447px;
padding-top: 4px;
text-align: right;
}

#sample-text	{
float: left;
padding-left: 5px;
width: 390px;
\width: 395px;
w\idth: 390px;
line-height: 16px;
}

#sample-text #edit-profile, 
#sample-text #search-athlete, 
#sample-text #see-tracking	{
margin-top: 0;
}

#sample-text #search-results, 
#sample-text #athlete-edit-profile, 
#sample-text #messages	{
margin-top: 28px;
}

#sample-text #inbox-reporting	{
margin-top: 30px;
}

#sample-text #searches,
#sample-text #save-search	{
margin-top: 27px;
}

#sample-text #filter-results, 
#sample-text #manage-photos	{
margin-top: 29px;
}

#sample-text #manage-videos	{
margin-top: 34px;
}

#sample-text #school-info	{
margin-top: 43px;
}

#sample-text #athlete-tracker	{
margin-top: 45px;
}