@import url("general.css");

/* header and footer ---------------------------------------------------------------------------------------- */

#discount_ribbon	{ position:fixed; top:0px; right:0px; height:160px; width:160px; }

#header 			{ position:relative; height:107px; }
#header h1, 
#header h2 			{ text-indent:-9999px; }
#header p 			{ position:absolute; display:block; top:71px; right:10px; width:500px; height:25px; text-align:right; font-size:10px; }
#header p a 		{ text-decoration:none; }
#home_link 			{ position:absolute; display:block; top:0px; left:0px; width:309px; height:107px; background:url(../_images/teamsnap_logo.jpg) no-repeat; text-indent:-9999px; }
#header ul 			{ position:absolute; right:4px; top:27px; width:498px; }
#header li 			{ display:inline; }
#header li a 		{ display:block; float:left; height:48px; background-repeat:no-repeat; text-indent:-9999px; }
#header #tsrp_nav	{ position:absolute; right:4px; top:27px; width:498px; text-align:right; line-height:18px; }

#header a#nav_features 		{ width:85px; background-image:url(../_images/navbar.gif); background-position:left top; }
#header a#nav_uses	 		{ width:133px; background-image:url(../_images/navbar.gif); background-position:-85px top; }
#header a#nav_faq 			{ width:48px; background-image:url(../_images/navbar.gif); background-position:-218px top; }
#header a#nav_testimonials	{ width:93px; background-image:url(../_images/navbar.gif); background-position:-266px top; }
#header a#nav_sign_up		{ width:139px; background-image:url(../_images/navbar.gif); background-position:right top; }

#header li a#nav_features:hover		{ background-position:left bottom; }
#header li a#nav_uses:hover		{ background-position:-85px bottom; }
#header li a#nav_faq:hover			{ background-position:-218px bottom; }
#header li a#nav_testimonials:hover	{ background-position:-266px bottom; }
#header li a#nav_sign_up:hover		{ background-position:right bottom; }

#footer 	{ clear:both; padding-top:7px; margin:30px auto; text-align:center; font-size:10px; font-family:'Lucida Grande', tahoma, Arial, sans-serif; color:#666; }
#footer a 	{ text-decoration:none; }


/* home ---------------------------------------------------------------------------------------- */

#top_content 		{ position:relative; height:268px; font-size:12px; color:#666; margin-top:20px; }
#top_content h3 	{ text-indent:-9999px; }
#top_content h4 	{ font-size:12px; color:#000; padding-bottom:4px; }
#top_content li 	{ position:relative; line-height:20px; margin:4px 0 4px 12px; font-size:11px; }
#top_content li a 	{ display:block; xtext-decoration:none; padding-left:21px; xborder-bottom:1px dotted #2273C2; }
#top_content p 		{ padding:4px 0 0 4px; }
#top_content #left 	{ background:url(../_images/home-top_left-bg.gif) no-repeat; position:relative; width:240px; height:198px; padding:70px 0 0 22px; float:left; }
#top_content #right { position:relative; width:518px; height:268px; float:right; }

#top_content.big			{ position:relative; height:440px; font-size:12px; color:#666; }
#top_content.big #left 		{ position:relative; width:240px; height:360px; padding:80px 0 0 22px; float:left; background:url(../_images/home-textbg.gif) no-repeat; }
#top_content.big #right 	{ position:relative; width:518px; height:440px; float:right; }
#top_content.big #left p 	{ margin:0px; }

#top_content li#schedule a 		{ background:url(../_images/icon-feature-schedule.gif) no-repeat center left !important; }
#top_content li#availability a	{ background:url(../_images/icon-feature-availability.gif) no-repeat center left !important; }
#top_content li#payments a	 	{ background:url(../_images/icon-feature-payments.gif) no-repeat center left !important; }
#top_content li#photos a	 	{ background:url(../_images/icon-feature-photos.gif) no-repeat center left !important; }
#top_content li#statistics a 	{ background:url(../_images/icon-feature-statistics.gif) no-repeat center left !important; }
#top_content li#happy a 		{ background:url(../_images/icon-happy.gif) no-repeat center left !important; }

#mid_content 		{ clear:both; position:relative; height:124px; width:780px; background:url(../_images/home-mid-bg.gif) no-repeat top; margin-top:10px; }
#mid_content h4	 	{ text-indent:-9999px; }
#mid_content ul 	{ position:absolute; left:20px; top:45px; }
#mid_content li 	{ display:inline; }
#mid_content li a 	{ display:block; float:left; height:64px; width:48px; background-repeat:no-repeat; padding:0 5px; text-indent:-9999px; }
#mid_content li.spacer 	{ display:block; float:left; height:64px; width:25px; }

#mid_content a#sports_soccer 		{ background:url(../_images/sport-icon-soccer.gif) no-repeat; }
#mid_content a#sports_baseball 		{ background:url(../_images/sport-icon-baseball.gif) no-repeat; }
#mid_content a#sports_softball 		{ background:url(../_images/sport-icon-softball.gif) no-repeat; }
#mid_content a#sports_basketball 	{ background:url(../_images/sport-icon-basketball.gif) no-repeat; }
#mid_content a#sports_football 		{ background:url(../_images/sport-icon-football.gif) no-repeat; }
#mid_content a#sports_cheese_rolling { width:64px; background:url(../_images/sport-icon-cheese_rolling.gif) no-repeat; }

#mid_content a#groups_scouts 		{ background:url(../_images/group-icon-scouts.gif) no-repeat; }
#mid_content a#groups_families 		{ width:72px; background:url(../_images/group-icon-families.gif) no-repeat; }
#mid_content a#groups_clubs 		{ background:url(../_images/group-icon-clubs.gif) no-repeat; }
#mid_content a#groups_church 		{ width:64px; background:url(../_images/group-icon-church_groups.gif) no-repeat; }
#mid_content a#groups_clowns 		{ width:80px; background:url(../_images/group-icon-yodeling.gif) no-repeat; }

#mid_content #sports_more 			{ position:absolute; width:100px; top:15px; left:310px; }
#mid_content #sports_more a			{ font-size:9px; text-decoration:none; }
#mid_content #groups_more 			{ position:absolute; width:100px; top:15px; left:690px; }
#mid_content #groups_more a			{ font-size:9px; text-decoration:none; }

/*
#mid_content a#sports_hockey 		{ background:url(../_images/sport-icon-hockey.gif) no-repeat; }
#mid_content a#sports_lacrosse 		{ background:url(../_images/sport-icon-lacrosse.gif) no-repeat; }
#mid_content a#sports_rugby 		{ background:url(../_images/sport-icon-rugby.gif) no-repeat; }
#mid_content a#sports_ultimate	 	{ background:url(../_images/sport-icon-ultimate.gif) no-repeat; }
#mid_content a#sports_volleyball 	{ background:url(../_images/sport-icon-volleyball.gif) no-repeat; }
#mid_content a#sports_wiffleball 	{ background:url(../_images/sport-icon-wiffleball.gif) no-repeat; }
*/

#bottom_content 		{ clear:both; position:relative; background:url(../_images/home-6things.gif) no-repeat top; width:780px; height:169px; margin-top:10px; text-indent:-9999px; cursor:pointer; }
#bottom_content ol	 	{ list-style-type:none; }

#trial_box 		{ clear:both; position:relative; background:url(../_images/home-trial-bg.gif) no-repeat top; width:780px; height:126px; margin-top:10px; cursor:pointer; }
#trial_box p	{ position:absolute; top:60px; left:133px; width:380px; font-size:12px; line-height:15px; color:#666; }
#trial_box ul	{ position:absolute; top:26px; left:550px; font-size:12px; color:#000; font-weight:bold; }
#trial_box li	{ padding-left:22px; padding-bottom:4px; background:url(../_images/bullet-checkmark.gif) no-repeat left 1px !important; }

/* faq ---------------------------------------------------------------------------------------- */

#faq 			{ clear:both; width:780px; margin:80px auto 0 auto; background:url(../_images/basicbox-bg.gif) repeat-y; }
#faq_content 	{ padding:40px 100px; width:580px; font-size:12px; background:url(../_images/basicbox-top.gif) no-repeat top; }
#faq_content h3 { margin-top:18px; padding-bottom:6px; font-family:helvetica,arial,sans-serif; font-size:24px; font-weight:bold; color:#7FBF30; letter-spacing:-1px; }
#faq_content h4 { margin-top:22px; font-size:14px; font-weight:bold; color:#000; line-height:18px; }
#faq_content p 	{ line-height:16px; }
#faq_content li	{ position:relative; line-height:22px; padding-left:16px; margin-left:12px; background:url(../_images/bullet-circle.gif) no-repeat left 8px !important; }
#faq_content .mailing_list	{ display:none; margin:10px 0 20px; text-align:center; }


/* subsystem ---------------------------------------------------------------------------------------- */

#subsystem 				{ clear:both; width:780px; margin:0 auto; background:url(../_images/basicbox-bg.gif) repeat-y; }
#sub_content 			{ width:700px; float:left; margin-right:20px; padding:20px 40px; font-size:12px; background:url(../_images/basicbox-title-top.jpg) no-repeat top; }
#sub_content h3 		{ padding:18px 0; font-family:helvetica,arial,sans-serif; font-size:20px; font-weight:normal; color:#7FBF30; letter-spacing:-1px; }
#sub_content h3 a 		{ color:#7FBF30; text-decoration:none; }
#sub_content h3 a:hover { color:#EC8914; }
#sub_content h2.title	{ padding:0 0 4px 0; font-size:10px; font-family:helvetica,arial,sans-serif; font-weight:normal; color:#fff; letter-spacing:3px; }
#sub_content h3.title 	{ padding:0 0 30px 0; font-family:helvetica,arial,sans-serif; font-size:24px; font-weight:bold; color:#fff; text-shadow:#333333 1px 1px 5px; }
#sub_content h4 		{ margin-top:22px; line-height:20px; font-size:14px; font-weight:bold; color:#000; }
#sub_content h4.quote 	{ padding-top:20px; line-height:20px; font-size:16px; font-weight:bold; color:#000; }
#sub_content p 			{ line-height:18px; }
#sub_content p.compact 	{ line-height:auto; padding:0; }
#sub_content p.quote 	{ font-size:14px; line-height:18px; font-family:georgia,serif; font-weight:normal; }
#sub_content p.example 	{ font-size:11px; font-family:monospace; background-color:#f2f2f2; border:1px #ccc solid; padding:6px 8px; }
#sub_content ul, 
#sub_content ol 		{ margin-top:8px; }
#sub_content ul li 		{ position:relative; line-height:16px; padding-bottom:10px; padding-left:16px; background:url(../_images/bullet-circle.gif) no-repeat left 4px !important; }
#sub_content div.errorExplanation ul li	{ position:relative; line-height:normal; padding-bottom:3px; padding-left:0; background:url(none) !important; }
#sub_content ol li 		{ position:relative; padding-bottom:10px; margin-left:20px; }
#sub_content li.quote 	{ font-family:georgia,serif; font-size:14px; line-height:18px; padding-top:8px; padding-bottom:18px; border-top:1px #ccc solid; background-position:left 12px !important; }
#sub_content li.quote br { line-height:9px; }

#sub_content ul.compactlist			{ margin:0; }
#sub_content ul.compactlist li 		{ display:inline; line-height:auto; padding:0; background:url(none) !important; }
#sub_content ul.compactlist li a 	{ display:block; float:left; }


#sub_content .mailing_list	{ display:none; margin:10px 0 20px; text-align:center; }
#sub_content .highlight 	{ padding:6px 10px; color:#000; background-color:#fff9e5; border:1px #ffbf00 solid; margin-bottom:10px; text-align:left; }
#sub_content .nospaceafter 	{ margin-bottom:0; padding-bottom:0; }
#sub_content .nospacebefore	{ margin-top:0; padding-top:0; }

#subsystem fieldset 		{ margin:12px 0px; padding:6px 15px 15px 15px; border:1px #ccc solid; }
#subsystem fieldset p 		{ padding:0; margin:0 0 12px 0; line-height:16px; }
#subsystem fieldset legend 	{ color:#659926; font-size:14px; font-weight:bold; padding:2px 5px 5px 5px; }

#subsystem table 	{ margin:0 auto; }
#subsystem td 		{ padding:10px 0; line-height:15px; }
#subsystem th 		{ padding:10px 10px 10px 0; color:#000; }

#signup_table 			{ margin:0 auto; width:100%; border-spacing:0px; border:1px #ccc solid; }
#signup_table th 		{ padding:6px; background:#d8d8d8 url(../_images/bg-tableheader.jpg) repeat-x; }
#signup_table td 		{ border-bottom:1px #e6e6e6 solid; padding:6px 15px; }
#signup_table h3		{ margin:0; padding:10px 0 0 0; text-align:center; font-size:22px; font-weight:bold; color:#000; }
#signup_table h4		{ margin:0; padding:8px 0 0 0; text-align:center; font:normal 14px arial,sans-serif; color:#666; }
#signup_table p			{ padding:0; margin:0; line-height:14px; }
#signup_table ul		{ float:left; margin:0 0 0 15px; list-style:none; }
#signup_table li 		{ position:relative; line-height:20px; margin:4px 0 4px 12px; font-size:11px; text-align:left; }
#signup_table li a 		{ display:block; text-decoration:none; padding-left:21px; }

#subsystem .standard_table 		{ margin:0 auto; width:100%; border-spacing:0px; border:1px #ccc solid; }
#subsystem .standard_table th 	{ padding:6px; background:#e6e6e6 url(../_images/bg-tableheader.jpg) repeat-x; border-bottom:1px #e6e6e6 solid; padding:6px 15px; }
#subsystem .standard_table td 	{ border-bottom:1px #e6e6e6 solid; padding:6px 15px; }
#subsystem .standard_table th.title		{ color:#7FBF30; font-family:arial, sans-serif;; font-size:16px; font-weight:bold; letter-spacing:-1px; text-align:left; white-space:nowrap; }
#subsystem .standard_table td.title 	{ color:#000; font-family:arial, sans-serif;; font-size:18px; font-weight:bold; letter-spacing:-1px; border-bottom:1px #e6e6e6 solid; }
#subsystem .standard_table th.bigtitle	{ color:#7FBF30; font-family:arial, sans-serif;; font-size:20px; font-weight:bold; letter-spacing:-1px; text-align:left; }
#subsystem .standard_table th.liltitle	{ color:#7FBF30; font-family:arial, sans-serif;; font-size:12px; font-weight:bold; text-align:left; }

#subsystem table#feature_table 	{ margin:0 auto; }
#feature_table td 				{ padding:30px 25px; font-size:11px; white-space:nowrap; }
#feature_table td.first 		{ padding-left:0; }
#feature_table a 				{ display:block; text-decoration:none; }
#feature_table img 				{ margin-bottom:6px; }

#backdiv 			{ float:right; padding-top:8px }
#backdiv a 			{ color:#fff; text-decoration:none; font-weight:bold; }
#backdiv a:hover	{ color:#2273C2; text-decoration:none; font-weight:bold; }

#sidebar_checkmarks		{ float:right; width:210px; padding:0 20px 20px; margin-left:20px; color:#000; font-weight:bold; }
#sub_content #sidebar_checkmarks li	{ padding-left:22px; background:url(../_images/bullet-checkmark.gif) no-repeat left 1px !important; }

#free_trial		{ text-align:center; margin-top:15px; padding-top:30px; border-top:1px solid #e6e6e6; }

textarea.tsrp_code { width:400px; height:60px; font-size:12px; padding:4px; border:1px #ccc solid; }



.optimize #right a img {display:none;}
.optimize #right a {display: block; height: 268px; width: 518px; text-indent:-9999px; background-position: top left; background-repeat: no-repeat;}
.optimize.header-original #right a {background-image: url('/_images/home-photo-14c.jpg');}
.optimize.header-a #right a {background-image: url('/_images/home_photo_optimize_a.jpg');}
.optimize.header-b #right a {background-image: url('/_images/home_photo_optimize_b.jpg');}