body { background: #c9e1a3 url(../images/body_bg_tile.gif) repeat-x top; font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; color: #333; margin-top: 0;}

a img {border: none;}

#wrapper { background: #2f4066 url(../images/inside_wrap_bg_tile.gif) repeat-x top; padding: 0 8px 8px 8px; width: 924px; margin: 0 auto; } 
#wrapper-2 { background-color: #a0bedc; } 
#wrapper-3 { background-color: #a0bedc; } 
#wrapper-4 { background: url(../images/inside_main_bg.gif) repeat-y right; } 
#wrapper-5 { background: url(../images/outside_main_bg.gif) repeat-y left; } 

#home #wrapper { background: #2f4066 url(../images/wrap_bg_tile.gif) repeat-x top; } 
.outside #wrapper-2 { background: #a0bedc url(../images/inside_wrap-2_bg_tile.gif) repeat-x; }
 

#home #banner { background: url(../images/home_banner_bg-2.jpg) repeat-x top; padding: 0 0 0 8px; height: 251px;} 
#banner { background: url(../images/inside_banner_bg_tile.gif) repeat-x top; padding: 0 0 0 0; height: 178px; } 
.outside #banner { } 

#banner #logo { margin-left: 37px; float: left;}
#banner h1 { background:url(../images/inside_banner_title.gif) no-repeat; height: 48px; width: 563px; float: right; margin-top: 59px; }

.col {float: left;}
#heightfix { clear:both; height: 1px; background-color: #2f4066; }
#heightfix-2 { clear:both; height: 1px;  }

ul { list-style-image:url(../images/bullet_blue.gif)}

ul.list {list-style-image: none; list-style: none; list-style-type: none; padding-left: 20px;}
	ul.list li {list-style: none; background-image: url(../images/bullet_blue.gif); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 20px;}	

/*#support .box li, #support_profile .box li, #support_fund div#main li {margin-left: 30px;  }
#support h2, #support_profile h2, #support_fund h2 {margin-top: 20px;}*/

/*form styles*/
form {padding: 0; margin: 0; border: none;}
input, option, select { font-size: 11px;} 
fieldset { border: none; padding: 0; margin: 0;}
label { margin-top: 8px; }
#br-1 label { font-size: 11px; color: #00457c; font-weight: bold; }
#br-1 div {margin: 15px 0}
#br-1 fieldset { padding-left: 14px; }
input { border: 1px solid #999; margin: 0; }
.steps {width: 176px; font-size: 10px; margin: 8px 0 0 5px;}
#school_name, #county_school_name, #county_school_select {width: 260px}
#br-1 .btn { margin: 0 0 10px 0;}
form div {margin: 15px 0}

#username, #password {width: 158px;}
input.btn { font-size: 12px; border: 1px solid #333; background: #999; color: #fff; font-weight: bold; margin: 6px 0 0 0; padding: 2px;}

a.btn {display: block; border: 1px solid #333; background: #999; color: #fff; font-weight: bold;  padding: 6px; text-decoration: none; }

#login form{ padding-left: 20px;}
#login form div { margin-bottom: 0;}

/*Contact And Refer a friend form styles*/
#send_name, #send_email, #friend_name, #friend_email, #Flyer_Title { width: 250px;}
#comments { width: 350px; height: 170px}

#profile_form label { display: block; width: 150px;}

/*Banner assignments*/
#participant_login h1 { background:url(../images/hdr_login.gif) no-repeat; }
#registration h1 { background:url(../images/hdr_registration.gif) no-repeat; }

#step-2 h1 { background:url(../images/hdr_select-a-school.gif) no-repeat; }

#step-1 h1 { background:url(../images/hdr_enroll.gif) no-repeat; }

#programdetails h1 { background:url(../images/hdr_program_details.gif) no-repeat; }
#community h1 { background:url(../images/hdr_community.gif) no-repeat; }
#suggest h1 { background:url(../images/hdr_suggest.gif) no-repeat; }

#terms h1 { background:url(../images/hdr_terms_and_conditions.gif) no-repeat; }
#faqs h1 { background:url(../images/hdr_faqs.gif) no-repeat; }
#moving h1 { background:url(../images/hdr_moving.gif) no-repeat; }
#why h1 { background:url(../images/hdr_why.gif) no-repeat; }
#contact h1 { background:url(../images/hdr_contact.gif) no-repeat; }
#participant h1 { background:url(../images/hdr_my_profile.gif) no-repeat; }
#participant_school h1 { background:url(../images/hdr_my_profile.gif) no-repeat; }

#support h1 { background:url(../images/hdr_program_administrators.gif) no-repeat; }
#support_reg h1 { background:url(../images/hdr_program_administrators.gif) no-repeat; }
#support_profile h1 { background:url(../images/hdr_my_trueblue_stats.gif) no-repeat; }
#support_edit_profile h1 { background:url(../images/hdr_my_trueblue_profile.gif) no-repeat; }
#support_brochure h1 { background:url(../images/hdr_trueblue_brochure.gif) no-repeat; }
#support_fund h1 { background:url(../images/hdr_fundraising_tools.gif) no-repeat; }
#support_banners h1 { background:url(../images/hdr_banner.gif) no-repeat; }
#support_promote h1 { background:url(../images/hdr_promote.gif) no-repeat; }
#support_flyer h1 { background:url(../images/hdr_customized_brochure.gif) no-repeat; }
#support_getting_paid h1 { background:url(../images/hdr_getting_paid.gif) no-repeat; }
#support_rewards h1 { background:url(../images/hdr_trueblue-rewards.gif) no-repeat; }
#support_participants h1 { background:url(../images/hdr_my-participants.gif) no-repeat; }
#support_email h1 { background: url(../images/hdr_support-email.gif) no-repeat; }
#support_newsletter h1 { background: url(../images/hdr_support_newsletter.gif) no-repeat; }
/*#rally h1 { background: url(../images/hdr_learn-earn-burn.gif) no-repeat; }*/
#rally h1 { background: url(../images/hdr_pta.gif) no-repeat; }

#refer h1 { background:url(../images/hdr_tell_a_friend.gif) no-repeat; }
#cooking h1 { background:url(../images/hdr_cooking.gif) no-repeat; }
#inthenews h1 { background:url(../images/hdr_inthenews.gif) no-repeat; }
#partners h1 { background:url(../images/hdr_partners_education.gif) no-repeat; }

#cooking {height: 293px;}

/*nav styles*/
#banner ul { list-style: none; border: 2px solid #000; border-width: 2px 0 2px 2px; float: right; font-size: 11px; padding: 0; margin: 32px 0 0 0; }
#banner ul li { float: left; list-style: none; border-right: 2px solid #000; background: #06c; padding: 0; margin: 0;}
	#banner ul li#btn-cooking {background: #9ac134;}
#banner ul li a { display: block; list-style: none; color: #fbfbfb; padding: 2px 10px; font: bold 11px/15px Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#banner ul li a:hover { background: #09f;}
	#banner ul li#btn-cooking a:hover { background: #a1d914;}

#photobar { float: right; clear: right; margin: 19px 0 0 0; background: #2f4066 url(../images/wrap_bg_tile.gif) repeat-x 0px -60px; padding: 8px 0; width: 490px;} 
#photobar img { float: right; margin-left: 7px;}

/*main content area*/
#main { background: #fff; border-left: 1px solid #666; width: 707px; padding: 44px 25px 18px 25px; }
#home #main { background: #fff; border: 1px solid #666; border-width: 0 1px 1px 0; width: 635px; padding: 18px 25px 0px 25px; }
.outside #main { background: #fff; border: 1px solid #666; border-width: 0 1px 0 0; width: 635px; padding: 18px 25px 18px 25px; }

#featured { width: 160px; float: right; margin: 10px 0 50px 50px; }
#featured img { margin: 0 auto; }
#featured p { margin: 0; padding: 0; font-size: 10px; }

#participant_school #main {background: #fff; }

#participant #main { background: #fff url(../images/photo_participant.jpg) no-repeat right 55px; }
#participant #main p { width: 300px;}

#why #main { background: #fff url(../images/gasguy-thanks.jpg) no-repeat right 0px; }
#why #main .short { width: 350px;}
#why #main ul { margin: 30px 0; }

/*#support_profile #main { background: #fff url(../images/photo_participant.jpg) no-repeat right 50px; }*/
#support_profile #main p { /*width: 300px;*/}

#refer #main { background: url(../images/photo_tell_a_friend1.jpg) no-repeat right 60px; }
#refer #main div.narrow { width: 350px;}

#cooking #main { /*background: url(../images/photo_cooking.jpg) no-repeat right top;*/ }
#cooking #main div.narrow { width: 350px;}

#main h1 {font-size: 22px; color: #00457c; margin-bottom: 0; margin-top: 0; line-height: 1.05;}
#main h2 {font-size: 13px; color: #06c; margin-bottom: 0; text-align: left; line-height: 18px; }
#main h3 {text-transform: none; color: #9dbf35; font-size: 12px; line-height: 1.25;}
	.cooking-side h3 {text-transform: none; color: #9dbf35; font-size: 14px; line-height: 1.25; padding-left: 20px;}

#main p { margin-top: 8px;}
#main li { margin-bottom: 12px;}

#home #main h2 {font-size: 16px; color: #00457c; padding-top: 10px;}
#home ul.nav { list-style: none; width: 712px; padding: 0; margin: 0; } 
#home ul.nav li { float: left; background: url(../images/nav2_green_bg_tile.gif) repeat-x; width: 228px; 
				text-align: center; border-right: 1px solid #54869d; border-bottom: 1px solid #636363; height: 20px; padding: 5px 0 0 0;} 
#home ul.nav li a { text-decoration: none; color: #3b5b1e; font-weight: bold;}

/*duplicate for outside pages -- may be redundant*/
.outside ul.nav { list-style: none; width: 712px; padding: 0; margin: 0; } 
.outside ul.nav li { float: left; background: url(../images/nav2_green_bg_tile.gif) repeat-x; width: 32%; 
	padding-top: 5px; text-align: center; border-right: 1px solid #54869d; border-bottom: 1px solid #636363; height: 20px;} 
.outside ul.nav li a { text-decoration: none; color: #3b5b1e; font-weight: bold;}


#util { list-style: none; padding: 0; margin: 0; background: url(../images/nav2_green_bg_tile.gif) repeat-x; width: 757px; height: 25px; float: left; border-left: 1px solid #666; padding-bottom: 0; border-bottom: 1px solid #636363;} 
#util li { float: left; background: url(../images/nav2_green_bg_tile.gif) repeat-x;  padding-top: 5px; text-align: center; border-right: 1px solid #54869d; height: 20px; margin-bottom: 0; } 
#util li a { text-decoration: none; color: #3b5b1e; font-weight: bold; padding: 0 30px;}

#side-in { background: #a0bedc url(../images/inside_wrap-2_bg_tile.gif) repeat-x; width: 166px;}
#side-in ul.section-nav {  list-style: none; list-style-image: none; padding: 0; margin: 55px 0 0 0;  } 
#side-in ul.section-nav li { background: url(../images/inside_nav_arrow_bg.gif) no-repeat right 3px; padding: 8px 18px 0 0; height: 38px; text-align: right;} 
#side-in ul.section-nav li a { text-decoration: none; color: #35466c; font-weight: bold; }


/*home sidebar*/
#side { width: 229px; padding: 0 0 0 8px;}
#side.col {margin-top: -26px;}
#side div.box { background: #fff; border: 1px solid #000; margin-bottom: 20px; width: 215px; padding-bottom: 10px;}
	#side div.cooking { background: #fff; width: 215px; }
	#support div.cooking img{ background: #fff; border: 1px solid #000; width: 215px; }
	
	#side div.cooking-side { background: #fff; border: 1px solid #000; margin-bottom: 20px; width: 215px; padding-bottom: 10px;}
	#side div.cooking-side p { background: url(../images/green_arrow.gif) no-repeat top left; padding: 3px 10px 10px 20px; margin: 0; line-height: 1.1;}
	
	#side div.nutrition-day { background: #fff; border: 1px solid #000; margin-bottom: 20px; width: 215px; padding-bottom: 10px;}
	#side div.nutrition-day p { background: url(../images/green-gradient.jpg) repeat-x bottom left; padding: 14px; line-height: 1.3; margin: 0 10px;}
	
	
#side div.cooking { background: #fff; border: none; margin-bottom: 20px; width: 215px; }
	div.cooking img{ background: #fff; border: 1px solid #000; width: 215px; }


#side div.box p{ margin: 10px;}
#side div div { margin-top: 6px;}


#side div#goal {width: 217px; height: 207px; padding: 0; border:none;}
#flash {margin:0; padding:0;}

#login h2 {  }
/*#login h2 { width: 100%;  margin: 0; padding: 10px 0; background: #06c url(../images/login_h2_bg.gif) no-repeat 48px 8px;  border-bottom: 1px solid #000;}*/
#login h2 { width: 100%;  margin: 0; padding: 10px 0; background: #06c url(../images/tbs_login.gif) no-repeat 28px 8px;  border-bottom: 1px solid #000;}
#login .bottom { clear: both; margin-top: 25px; text-align: center; }
	#login .bottom a img{ border: none; margin-top: 10px; }

#school-admin h2 { width: 100%; margin: 0; padding: 10px 0; background: #639 url(../images/program_admin_h2_bg.gif) no-repeat 30px 8px; border-bottom: 1px solid #000;}

#school-admin ul { padding-right: 10px;}

#testimonials h2 { width: 100%; margin: 0; padding: 10px 0; background: #993366 url(../images/testimonials_h2_bg.gif) no-repeat 50px 8px; border-bottom: 1px solid #000;}
#testimonials p { margin-right: 10px; color: #666666;}
#testimonials p.testimonial_name {font-weight: bold; text-align: right;}


/*homepage content*/
#home .branch { margin-top: 10px; }
#home .branch h2 {  }

#home .branch #step { clear: both; padding: 0 20px 110px 20px ; border: 1px solid #979797; background-color: #f4f4f4; margin-bottom: 25px;}
	#home .branch #step p{ text-align: center; width: 215px; margin-left: 50px; line-height: 1.75;}


	#home .branch #step h2{ background: url(../images/blue-dot.gif) top left no-repeat; padding: 10px 12px; height: 24px; margin: 20px 0;}
	#home .branch #step h2 span{ font-size: 24px; color: #fff; margin-right: 15px;  }
	#home .branch #step h2.short{ width: 250px; background: none; padding: 10px 0 10px 50px ; }
	#home .branch #step a img{ border: none; }
	#home .branch #step .step-right{padding-top: 0px; width: 250px; float: right; }
		
	
	#home .branch #step .step-right h3 {font-size: 14px;}
	#home .branch #step .step-right ul { list-style-image:url(../images/sm_green-check.gif); padding-left: 20px; margin: 0;}
	#home .branch #step .step-right ul li{ padding: 0; margin: 0;}
	#home .branch #step .step-bottom{ margin-top: 20px; padding-bottom: 10px;}
	/*#home .branch #step .step-bottom a{font-size: 12px; background: #fff url(../images/carrot-blue.gif) 185px 3px no-repeat; float: right; padding-right: 20px; margin-top: 10px; margin-right: 60px;}*/

/*##########################################################*/

#step-2 .branch { }
#step-2 .branch h2 {  }




#wrapper-steps #step { clear: both; padding: 0 20px 50px 20px ; border: 1px solid #979797; background: #f4f4f4 url(../images/next-arrow_step-2.gif) 290px 70px no-repeat; }
	#registration #wrapper-steps #step {background-image: none;}
	#registration #wrapper-steps #step #profile_form {border: 1px solid #000;}
	
	#wrapper-steps #step h2{ margin-bottom: 25px; color: #2f4066; background: transparent url(../images/blue-dot.gif) top left no-repeat; padding: 10px 12px; height: 24px }

	#support_reg #wrapper-steps #step h2{ background: none; }
	#support_reg #wrapper-steps #step { clear: both; padding: 0 20px 50px 20px ; border: 1px solid #979797; background: #f4f4f4 url(../images/next-arrow_step-2.gif) 320px 90px no-repeat; }

	#wrapper-steps #step h2 span{ font-size: 24px; color: #fff; margin-right: 15px;  }
	#wrapper-steps #step h2.short{ width: 250px; background: none; padding: 10px 0 10px 50px ; }
	#wrapper-steps #step a img{ border: none; margin: 20px 0 0 50px; }
	#wrapper-steps #step .step-right{padding-top: 85px; width: 265px; float: right; }
	#wrapper-steps #step .step-right h3 {font-size: 14px;}
	#wrapper-steps #step .step-right ul { list-style-image:url(../images/sm_green-check.gif); padding-left: 20px; margin: 0;}
	#wrapper-steps #step .step-right ul li{ padding: 0; margin: 0;}
	#wrapper-steps #step .step-bottom{ margin-top: 40px; padding-bottom: 40px; background: #fff url(../images/next-arrow.gif) top center no-repeat; }
	#wrapper-steps #step .step-bottom a{font-size: 12px; float: right; padding-right: 20px; margin-top: 10px; margin-right: 60px;}
.warning{margin-top: 20px; font-style: italic; color: #ca0000; text-align: center; clear: both;}
	

#step-1 #wrapper-steps #step {clear: none; background-image: none; }
#step-1 #wrapper-steps #step h2.short{ width: 250px; background: none; padding: 10px 0 10px 50px ; }
#step-1 #wrapper-steps #step .step-right{padding-top: 40px; width: 265px; float: right; }
#step-1 #wrapper-steps #step a img{ border: none; margin: 0 0 0 50px; }
#step-1 #wrapper-steps #step .step-bottom{ margin-top: 40px; padding-bottom: 40px; background: transparent url(../images/next-arrow.gif) top center no-repeat; }
#step-1 #wrapper-steps #step .step-bottom a{font-size: 12px; float: right; padding-right: 20px; margin-top: 10px; margin-right: 60px;}

.step3_right {width: 225px; float: right; text-align: center; margin: 40px 10px 10px 30px;}
/*##########################################################*/

ol.steps { list-style-type:none; list-style-position: inside; white-space: nowrap; padding: 0 0 50px 0; width: 630px;}/*width: 100%; */
	ol.steps li {height: 25px; line-height: 30px; float:left; padding: 0px 5px 0 0; font-weight: bold; color: #666666; }
	ol.steps li span { padding: 3px 20px; border-left: 1px solid #9c9c9c; background: #fff url(../images/steps_bg.gif) bottom right no-repeat; }
	ol.steps li span.current { background: #fff url(../images/steps-current_bg.gif) center right no-repeat; color: #fff;}
	ol.steps li span.complete {  }
	ol.steps li span.complete img{  }

	ol.steps li.start { line-height: 18px; list-style-type: none; width: 100px; background: none; border: none;
						padding-left: 20px; margin: 0; text-align: center; font-size: 14px; color: #00457c; }
	#registration #wrapper-steps ol.steps li.start { padding-left: 10px; }

input#profile_submit {margin-bottom: 20px}








	
#br-1 { width: 293px; border: 1px solid #a4a4a4; background: #dbe9f8; margin-right: 10px;}
#br-1 p { padding: 6px 4px 6px 16px; margin: 0 0 0 0;}

#br-2 { width: 317px; border-right: 1px solid #a4a4a4; background: url(../images/br-2_bg_tile.gif) repeat-y; margin-left: 10px;}
#br-2 p { padding: 6px 4px 6px 42px; margin: 0 0 0 0;}
#br-2 #signup { float: left; margin: 10px 6px 25px 0;}

.disclaimer {
	font-size: 8px;
	color: #333333;
}


/*home sidebar*/
#support_login_box { float: right; width: 229px; padding: 0 0 0 8px;}
#support_login_box div.box { background: #fff; border: 1px solid #666; margin-bottom: 20px; width: 215px; padding-bottom: 10px;}
#support_login_box div.box p{ margin: 10px;}
#support_login_box div.box form{ margin: 10px;}
#support_login_box div div { margin-top: 6px;}


table {width: 100%}
table tr { }
table tr th {text-align: left; background-color: #eee; white-space:nowrap; padding: 5px;}
table tr td {border-bottom: 1px solid #ccc; text-align: left; vertical-align: top; padding: 5px; white-space:nowrap; }

/*form specific styles*/
#user {}
#user { width: 570px; }
#user legend { color: #333; font-weight:bold; }

#user div { background: #f6f6f6; margin: 0; clear: both;}
#user div.odd { background: #eee; }
#user div.top { border-top: 2px solid #ddd; }
#user div.bottom { border-bottom: 1px solid #ddd; }
#user div label {color: #444; float: left; width: 150px; text-align: right; font-weight: bold; margin: 5px 5px 0 0; }

#participant #profile_form {width: 320px;}
#participant #profile_form #user div label {margin-left: 5px; text-align: left; }




#user div input {margin: 5px 0 3px 6px; width: 180px;}
#user div input.error {border: 1px solid #ca0000;}
#user div label.error {background-color: #ffc; text-align: left;  width: 408px; color: #ca0000; padding-left: 160px; font-weight: normal; margin: 0;}
#user input.btn {margin-left: 161px;}

#participant #user { width: 300px; }
#participant #user div label.error {width: 300px; color: #ca0000; padding-left: 70px;}

#remember {border: none;}
#contact_form label { font-weight: bold;}
#main label.error { clear: both;}

sup {font-size: 70%;}

#refer_form {width: 500px;}
#refer_form fieldset.recipient {width: 200px; margin-right: 25px; float: left;}
#refer_form fieldset.recipient input {width: 200px;}


.box_brochure {
	margin: 0 20px;
	border: 1px dashed #ccc;
	padding: 10px;
}


/* Validate Styles */
.error {color: #ca0000;}

/* jQuery Form handling  */

#show_errors {
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

#show_success {
	background:#D1D1D1 none repeat scroll 0% 50%;
	border:2px solid #2F4066 ;
	color:#2F4066 ;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
}

#change_errors {
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

#change_success {
	background:#D1D1D1 none repeat scroll 0% 50%;
	border:2px solid #2F4066 ;
	color:#2F4066 ;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
}

#show_email_success {
	background:#D1D1D1 none repeat scroll 0% 50%;
	border:2px solid #2F4066 ;
	color:#2F4066 ;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
}

#show_badserver {
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

/* Refer Styles */
/*p#success {
	background:#D1D1D1 none repeat scroll 0% 50%;
	border:2px solid #2F4066 ;
	color:#2F4066 ;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
}
*/
/*p#badserver, p#errors{
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
*/

/* Auto Complete Styles */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../../indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/*
#############################################
#############################################
Admin Styles
*/
#admin_form_container {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}

	#admin_form_container form{
		width: 900px;
		margin: 0 auto;
		}

	#admin_form_container form fieldset{
		width: 200px;
		float: left;
		}

		#admin_form_container form fieldset.middle{
			padding: 0 50px 0 50px;
			margin: 0 50px;
			border: solid #ccc;
			border-width: 0 1px;
			}

	#admin_form_container form label.error{
		display: block;
		}

	
	#admin_form_container form input{
		width: 225px;
		}


#table_list .odd{
  background-color: #eeeeee;
}
#table_list .even {
  background-color: #ffffff;
}

/* tables */
table.striped {

}
table.striped thead tr th, table.striped tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.striped thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.striped tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.striped tbody td span.grey{
 color: #ccc;
}

table.striped tbody tr.odd td {
	background-color:#F0F0F6;
}
table.striped thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.striped thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.striped thead tr .headerSortDown, table.striped thead tr .headerSortUp {
background-color: #8dbdd8;
}

#table_list tbody tr.highlight td{ background-color: #FFFF66; cursor: pointer;}

#card_wrapper {
	margin-top: -15px;
	float: right;
	width: 377px;
	height: 350px;
	/*background-color: #CCFF00;*/
	
}
#card_display {
	float: right;
	width: 177px; 
	margin-top: 150px; 
	padding: 25px 120px 5px 0; 
	text-align: center; 
	font-weight: bold; 
	font-size: 24px; 
	color: #ca0000; }

.no-background {background-image: none;}

.clear {clear: both;}

textarea.code {width: 95%; height: 75px;}

h4 {font-size: 13px;}

#home #main h2.easy-steps, #step-1 #main h2.easy-steps  {font-size: 16px; color: #00457c; padding-top: 10px; width: 100%; margin-top: 0px;}
	h2.easy-steps span { background-color: #fff; padding-right: 20px;}

#home #main h2.easy-steps {padding-top: 0px;}
	
#home #main ul li {margin-bottom: 0;}


#step h4 {padding-left: 50px; font-size: 14px; color: #666; margin: 0; line-height: 20px;}

#home #step h4 {margin: 25px 0;}


#programdetails table {width: 200px; margin-bottom: 20px;}
#programdetails table tr td {border-bottom: none; }

#programdetails table tr td.tablebottom {border-bottom: 1px solid #000; white-space: nowrap;}


div.tip {background-color: #f2f6fa; border: 3px solid #7fa2bd; padding: 15px; margin-top: 30px;}
#programdetails #main div.tip, #cooking #main div.tip, #cooking #main div.tip  {background: #f2f6fa url(../images/tip_bg.gif) top right no-repeat; border: 3px solid #7fa2bd; padding: 15px; margin-top: 30px;}


#main div.tip h2 { color: #00457c; font-size: 14px; margin: 0;}
#main div.tip p { }

#main h3 {text-transform: none; color: #9dbf35; font-size: 14px; line-height: 1.25;}

p.check {background: url(../images/sm_green-check.gif) top left no-repeat; padding-left: 20px;}




span.promo-code {font-size: 14px; font-weight: bold; color: #06c;}





#school_notes {width: 900px; margin: 50px auto; clear: both;}
	#school_notes.list {width: 200px; margin: 50px auto; clear: both;}
	#school_notes.list h2{margin-left: 0; font-size: 12px;}
.school_notes-list {width: 400px; }
.school_notes-form {width: 400px; float: right; border-left: 1px solid #ccc; padding-left: 50px; margin-left: 25px;}


.letterList {text-align: center; margin-bottom: 15px;}
.letterList a {padding: 5px; font-weight: bold;}

#tbl-terms {clear: none; width: 90%; margin: 0 auto;}

#support_profile h2.enrollments {font-size: 16px; color: #000;}




#flyer_form {}

.flyer_forms fieldset{ padding-left: 50px; }

.flyer_forms h2{ background: transparent url(../images/blue-dot.gif) top left no-repeat; padding: 10px 12px; height: 24px; }
	#support_flyer #main form h2 {color:#00457C; font-size:16px; }
	
	

	.flyer_forms h2 span{ font-size: 24px; color: #fff; margin-right: 15px;  }


.download {margin-bottom: 50px;}

#flyer_form #charlimitinfo {width: 400px; display: inline; margin-left: 200px; text-align: right;}




#support_reg #user div label {width: 185px;}
#support_reg #user #profile_form div span {margin-left: 150px;}

#user #chex input {margin-left: 185px; width: 25px; }







#cooking #step { padding: 0 20px 10px 20px ; border: 1px solid #979797; background-color: #f4f4f4}
	#cooking #step h2 {color: #00457c; font-size: 17px;  }
	#cooking #step h2 span { font-size: 12px; }


#cooking #main div.tip-jennifer {background: #f2f6fa url(../images/tip_bg_jennifer.jpg) bottom right no-repeat; border: 3px solid #7fa2bd; padding: 15px; margin-top: 30px;}
/*#cooking #main div.tip-jennifer h2, #cooking #main div.tip-jennifer p { width: 385px; }
*/
#cooking #main div.tip-jennifer p.narrow { width: 385px; }

#cooking #main div.tip-jennifer h2 { font-size: 17px;  }
#cooking #main div.tip-jennifer h2 span { font-size: 12px; }

.recipe-list {margin-top: 25px;}


#inthenews div.inthenews-item { padding: 0 20px 10px 20px ; border: 1px solid #979797; background-color: #f4f4f4; margin-bottom: 20px;}
	#inthenews div.inthenews-item h2 {color: #00457c; font-size: 17px; margin-bottom: 20px; }
	#inthenews div.inthenews-item h2 span { font-size: 12px; }


#video-wrapper {  }
#video-wrapper object{ float: left; width: 462px; height: 300px; margin-right: 10px; }
#video-flash {float: left; width: 462px; height: 300px; margin-right: 10px; background-color: #f4f4f4;}
#video-wrapper p{ padding-top: 25px; margin-left: 10px; }



#main div.tip div h4 {
margin-left: -15px;
background:transparent url(../images/green_arrow.gif) no-repeat scroll left top;
line-height:1.1;
margin:0;
padding:3px 10px 10px 20px;
}

#recipes h3 {margin-bottom: 5px; margin-top: 25px;}
.view-recipe {font-weight: bold; color: #990000; cursor: pointer; margin-top: none; background: #ffffff url(../images/red_arrow.gif) no-repeat left 3px; padding-left: 20px;}

.selected .view-recipe {background: #ffffff url(../images/red_arrow-down.gif) no-repeat left 3px; padding-left: 20px;}

#recycle {height: 250px; width: 100%; background: #C9E1A3 url(../images/recycle_banner.gif) center top no-repeat;}

#main div.tip div h4.plans {margin-left: 25px;}


#tooltip {
	background-color:#FFFFCC;
	border:1px solid #111111;
	opacity:0.85;
	padding:10px;
	position:absolute;
	z-index:3000;
}
#tooltip strong, #tooltip br {display: none;}
a.statustip, a.statustip:hover, a.statustip visited {}
#email-list-table {margin-bottom: 50px;}
#email-list-table td {padding-right: 20px;}


ul.tabs {
	margin: 0;
	margin-top: 25px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;

}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-top: 0;
	margin-bottom: 20px;
	width: 98%;
}

.tab_content {
	padding: 20px;
}

/* sdbhsrdgbsfg */
.class {

	background:#D1D1D1 none repeat scroll 0% 50%;
	border:2px solid #2F4066 ;
	color:#2F4066 ;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom:10px;
	padding:3px 10px;
	text-align:center;
}

.hp-nested-feature {width: 140px; float: right; text-align: center; margin: 0 0 20px 20px;}

.error-login-box {width: 215px; float: left; margin-left: 50px; margin-right: 50px; margin-top: 50px;}
.error-login-box #login {border: 1px solid #666;}
.error-login-box #login p {display: none;}
.error-login-box #school-admin ul{display: none;}

.error-login-box #login form {margin-bottom: 35px;}

.error-login-box #support_login_box form {padding-left: 10px;}


























#login ul.tabs {margin: 0; border: none;}
#login ul.tabs li {border: none;}
#login ul.tabs li a {padding: 0 13px; border: none; color: #666666;}
#login ul.tabs li.active a {color: #0066CC;}

#login.support ul.tabs li.active a {color: #663399;}
#login ul.tabs li a:hover { color: #666666; text-decoration: underline;}
#login ul.tabs li.active a:hover {text-decoration: none;}
#login .tab_container {margin-top: 0px; width: 213px; border: none;}

#login .tab_content {}

#login .tab_content form {padding-left: 0px;}

#login.support h2 {width: 100%; margin: 0; padding: 10px 0; background: #639 url(../images/program_admin_h2_bg.gif) no-repeat 28px 8px; border-bottom: 1px solid #000;}


#zip-output {display: none; padding: 20px; width: 100%; border: 1 px solid #666; background-color: #eeeeee; text-align: center;}
.servicable {border-color: #339900;}
.notservicable {border-color: #FF0000;}