/* --------- /stylesheets/application.css --------- */ 
/*-----------------------------------------------------------[ STRUCTURE ]---*/


#rightbar p {
  font-size:11pt;
  width:180px;
  font-weight:500;
}

* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  background: #9ED263 url(/images/layout/bg-grad.jpg) repeat-x left top;
}

body {
  height: 100%;
  color: #3F5927;
}

#wrapper {
  position: relative;
  min-height: 100%;  
  height:auto;    
  margin-bottom: -30px;
}

#inner-wrapper, #content-bottom {
  width: 960px;
  float: left;
  background:  #D4F2C2 url(/images/layout/wrap-repeat.jpg) repeat-y;  
}

#content-bottom {
  background: url(/images/layout/content-bottom.jpg) left bottom no-repeat;    
}


#mini-nav {
  margin: 0;
  float: left; 
  list-style: none;
  width: 100%;
}

#mini-nav li {
  float: right;
  padding: 0.5em 1em;
}


#sidebar {
  clear: left;
  float: left;
  width: 310px;
  height: 100%;
}

#content {
  float: right;
  width: 620px;
  padding: 20px 20px 30px 10px;
  background: url(/images/layout/content-top.jpg) left top no-repeat;
  /*background-color: #D4F2C3;*/
}

#printable_content {
  background-color: #ffffff;
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 20px 20px 30px 10px;
  margin: 1em 0 .5em;
}

#logo {
/*  background: #FFF url(/images/layout/nav-logo.jpg) center no-repeat;*/
  height: 105px;
  width: 100%;
  border: 0;
  float: left;
}

#nav {
  position: relative;
  background: url(/images/layout/nav-bg-left.jpg) left bottom no-repeat;  
  margin: 0;
  list-style: none;
  width: 310px;
  min-height: 241px;  
  float: left;
  padding-bottom: 25px;
}
#nav li {
  float: right;
  clear: right;
  margin-right: 1px;
}
#nav a {
  color: #3F5927;
  font-weight: bold;
  font-size: 13px;
  text-align: right;
  display: block;
  padding: 0.5em 0;
  margin: 0 1em;
  width: 150px;
  border-bottom: 1px dotted #83b64c;
  text-decoration: none;
}

#nav li.selected {
  background: #568F23;
}

#nav a.selected {
  color: #FFFFFF;
}

#nav a:hover {
  color: #7FBE5D;
}

#nav-chef {
  background: url(/images/layout/nav-chef2.gif) no-repeat;
  position: relative;
  z-index: 2;
  width: 175px;
  height: 249px;
  left: 5px;
  margin-top: -239px;
  float: left;
}

#clearfooter{
  clear:both;
  height:30px;
  width:100%;
}

.sponsorContent {
	margin-top:20px;
}
.whyText {
	color:#000000;
	font-weight:700;
}

.tellAFriendAppLayoutButton {
	margin-bottom:10px;
	height:50px; 
	width:100px; 
	background: transparent url(/images/Nutrition_game_tell_a_friend.gif) no-repeat scroll left top;
}
.tellAFriendAppLayoutButton:hover { background: transparent url(/images/Nutrition_game_for_kids_friend.gif) no-repeat scroll left top;}

.linkToUsAppLayoutButton {
	margin-bottom:10px;
	height:50px; 
	width:100px; 
	background: transparent url(/images/Nutrition_link_to_us_kids_game.gif) no-repeat scroll left top;
}
.linkToUsAppLayoutButton:hover { background: transparent url(/images/Nutrition_link_to_us_nutrition_education.gif) no-repeat scroll left top;}

.freeWidgetsAppLayoutButton {
	margin-bottom: 10px;
	height: 50px; 
	width: 100px; 
	background: transparent url(/images/Nutrition_game_kids-widgets.gif) no-repeat scroll left top;
}
.freeWidgetsAppLayoutButton:hover { background: transparent url(/images/Nutrition_game_widgets.gif) no-repeat scroll left top;}


.tellAFriendAppLayoutButtonEs {
        margin-bottom:10px;
        height:50px;
        width:100px;
        background: transparent url(/images/es/sp_tell.gif) no-repeat scroll left top;
}
.tellAFriendAppLayoutButtonEs:hover { background-position: 100% 0;}
.linkToUsAppLayoutButtonEs {
        margin-bottom:10px;
        height:50px;
        width:100px;
        background: transparent url(/images/es/sp_link_to_us.gif) no-repeat scroll left top;
}
.linkToUsAppLayoutButtonEs:hover { background-position: 100% 0;}




.foot {
  width:930px;
  margin-left:130px;
}
.copyright { margin-top: 7px; }
#mini-nav {
  background-color: #3f5927;
  color: #a0ad93;  
}
#mini-nav a {
  color: #FFF;
}
.game_ad {
  text-align: center; clear:both;
}
.parents_nutrition_education_game_ad {
  text-align: center; clear:both;
}
.sidebox {
  background: #83B64C url(/images/layout/sidebox-btm.gif) left bottom no-repeat;
  margin-left: 30px;
  width: 270px;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.sidebox h2 {
  color: #FFF;  
  padding-top: 10px;
  margin-bottom: 5px;
  font-size: 120%;
  background: url(/images/layout/sidebox-top.gif) left top no-repeat;  
}
.sidebox h2, .sidebox p, .sidebox form, .sidebox img {
  padding-left: 10px;  
  padding-right: 10px;
}
.sidebox p {
  margin-top: 1em;
}

.sidebox label {
  width: 75px;
  margin: 5px 0 0;  
  padding-right: 1em;
  text-align: right;  
}
.sidebox form p {
  margin-bottom: 3px;
  line-height: 18px;
}
.sidebox input {
  width: 100px;
}

.sidebox2 {
  background: #83B64C;
  margin-left: 30px;
  width: 250px;
  clear: both;
  margin-bottom: 10px;
  padding: 10px;
}

.go {
  background: url(/images/layout/go.gif) no-repeat;
  width: 23px !important;
  height: 23px;
  border: 0;
}

#testimonials {
  
}

#testimonial_inner {
  background-color: #dbf4ce;
  margin: 7px;
  padding: 7px;
}
#testimonials .quote {
  margin-left: 55px;
}
#testimonials .quote p {
  padding-left: 2em;
}

#switch_language {
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

#special_feature_inner {
  background-color: #ffffff;
  padding: 5px;
  margin: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}

img { border: 0; }
.center { text-align: center; }

/* style needed for Nifty to give correct background, since an image is used */
div.sidebox2_container {
  width: 1px;
  background-color: #9ED263;
}

div.main_narrow_outer {
  float: left;
  background-color: #9ED263;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 7px;
  padding: 5px;
  width: 182px;
}

div.main_narrow_outer div.header {
  color: #ffffff;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  margin: 3px;
}

div.main_inner {
  background-color: #ffffff;
  padding: 7px;
}

div.main_wide_outer {
  width: 263px;
  float: left;
  background-color: #9ED263;
  margin-right: 12px;
  margin-left: 12px;
  margin-top: 10px;
  padding: 5px;
}

div.main_wide_outer div.header {
  color: #ffffff;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  margin: 3px;
}

div.main_full_outer {
  width: 500px;
  background-color: #9ED263;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

div.main_partner_outer {
  width: 250px;
  background-color: #9ED263;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 5px 5px 10px 5px;
}

div.main_partner_outer div.header {
  color: #ffffff;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  margin: 3px;
}

/*-----------------------------------------------------------[ SUBNAV ]-----*/

#subnav {
  height: 38px;
  border-bottom: 1px solid #000;
  padding-left: 10px;
  list-style: none;
  margin-left: 0;
}
#subnav li {
  margin-left: 0;
  float: left;
  margin-right: 3px;
  border: 1px solid #333;  
  border-bottom: none;
}
#subnav li a {
  display: block;
  float: left;
  background-color: #3F5927;
  color: #FFF;
  height: 36px;
  font-weight: normal;
  line-height: 36px;
  padding: 0 10px;
  text-decoration: none;
  border-top: 1px solid #BAE588;
  border-bottom: 0;
}
#subnav li a.current {
  background-color: #568F23;
  border-bottom: 1px solid #568F23;
}
#subnav a:hover {
  background-color: #568F23;
}


/*-----------------------------------------------------------[ FORMS ]-----*/
.radio_group, .form_indent { margin-left: 150px; }
.date_inputs select, .auto_width {
  width: auto;
}
.form_table input, .form_table select {
  width: auto !important;
}
input.checkbox, input.radio {
  width: auto;
  background: none;
  border: 1px solid #888;
}
input.checkbox, .submit {
  margin-right: 0.5em;
}
.submit {
  margin-left: 160px;  
}
fieldset {
  border: none;
  border-top: 1px solid #DDD;
  padding: 10px;
}
legend {
  padding: 0px 10px;
  font-size: large;
}
label {
  float: left;
}
label, .label {
  width: 150px;
  font-weight: bold;
}
input  {
  width: 100px;
  font-size: 12px;
  background: url(/images/inputBg.gif) no-repeat;
  padding: 3px;
}
input, select {
  border: 1px solid #888;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 150px;
}

input[type=checkbox] {
  width: auto;
  border-style: hidden;
}

input[type=radio] {
  width: auto;
  border-style: hidden;
}

input[type=file] {
  width: auto;
}

option {
  padding: 0 5px
}
input.submit {
  padding: 10px;
  background: #DA7702;
  border: 1px solid #666;
  color: #FFF;  
}
a.orange_button {
  padding: 10px;
  background: #DA7702;
  border: 1px solid #666;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;  
}
input.submit:hover {
  background-color: #FF8A00;
}
a.orange_button:hover {
  background-color: #FF8A00;
}

.button_link {
  border-top: 1px solid #EC9700; 
  border-bottom: 1px solid #EC9700; 
  background-color: #F5C581;
  padding: 10px 20px;
  color: #333;
  text-decoration: none;
}
.button_link:hover {
  background-color: #EFAB4A;
}

.float_left {
  float: left;
}

img.float_left {
  margin-right: 10px;
}

.float_right {
  float: right;
}

.left, .right {
  width: 50%;
  float: left;
}
.search_submit {
  margin:0; 
  padding:0;
  text-align:center;
  border-top: 1px solid #BAE588;
}
.search_submit input {
  margin-top: 5px;
}


/* -- [ REG NAV ]----------------------------------------------------------------------------------------*/
ul#registration {
  background: url(/images/subscribe-nav-bg.gif) repeat-x;
  height: 50px;
  list-style: none;
  margin: 0;
}
ul#registration li{
  float: left;
  font-size: 120%;
  margin: 0 10px;
  line-height: 50px;
}
ul#registration li img {
  float: left;
  margin-right: 10px;
}
#registration li.selected {
  background: url(/images/circle.gif) no-repeat;
  padding-left: 60px;
}
.clear {
  clear: left;
}

.clear_both {
  clear: both;
}





/*-----------------------------------------------------------[ CONTENT ]---*/

a {
/*  color: #FE3902;*/
  color: #bd5e04;
  font-weight: bold;
}

ul, li, ol {
  margin-left: 1em;
}
.product {
  list-style: none;
}

html { font-size: 62.5%; font-family: 'Lucida Grande', "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }

/* BASE SIZES */
#content { font-size: 1.2em; line-height: 1.6em; }
#content h1 { font-size: 1.6em; }
#content h2 { font-size: 1.5em; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.3em; }
#content h5 { font-size: 1.2em; }
#content h6 { font-size: 1em; }

#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form, #printable_content p, #printable_content ul, #printable_content ol { margin-bottom: 1.6em; }
#content p+p, #printable_content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
#content h1 { margin: 1em 0 .5em;  }
#content h2 { margin: 1.07em 0 .535em; }
#content h3 { margin: 1.14em 0 .57em; }
#content h4 { margin: 1.23em 0 .615em; }
#content h5 { margin: 1.33em 0 .67em; }
#content h6 { margin: 1.6em 0 .8em; }

#content h2 { color: #3F5927; }
#content h4 { color: #3F5927; }


/* .activities {
  width: 100%;
}*/
.activities td {
  padding: 5px;
  text-align: center;
  font-size: 11px;
}
.activities h2 {
  color: orange;
  font-size: 1.3em !important;
}
.activities_img {
  width: 180px;
  height: 180px;
  border: 1px solid #050;
  margin: 0.5em;
}

.wide td {
  text-align: left;
}
.wide td img {
  float: right;
  clear: right;
}

.data_table {
  border: 1px solid #AAA;
  margin: 10px;
}
.data_table th {
  font-size: 110%;
  text-align: center;
  background-color: #789F54;
}
.data_table td, .data_table th {
  padding: 3px;  
}
.odd {
  background-color: #DAE7CE;
  border-top: 1px solid #FFF;
}
.even {
  background-color: #F9F9F9;
}
.thumbnail {
  max-width: 190px;
  max-height: 190px;
  float: right;
  clear: right;
  margin: 0.5em;
}

.thumbnail_left {
  max-width: 190px;
  max-height: 190px;
  float: left;
  clear: left;
  margin: 0.5em;
  margin-right: 25px;
}

.left {
  float: left;
}

.small {
  width: 100px !important;
  height: 100px !important;
  margin-bottom: 30px;
}

.content_photo {
  float: right;
  margin: 1em;
  width: 200px;
  height: 300px;
}

#content .quote {
  background: #F0F9E8 url(/images/quotes-bottom.gif) bottom right no-repeat;
  width: 240px;
  float: right;
  padding: 0 1em 40px 1em;
  margin: 1em;
  clear: right;
}
#content .quote p {
  background: url(/images/quotes-top.gif) top left no-repeat;
  padding-top: 47px;
  font-weight: bold;
  font-style: italic;
  color: #3F5927;
  margin-bottom: 0;
}


code, #technical_requirements {
  width: 95%;
  background-color: #F0F9E8;
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 10px;
  border: 1px dashed #CCC;
  margin-bottom: 1em;
}
code { display: block; }

.feature_item {
  font-size: 90%;
  float: left;
  border-bottom: 2px solid #9ED263;
}

.feature_item img {
  float: left;
  margin: 10px;
}

.feature_item p {
  margin-left: 160px;
}

.definitions {
  font-size: 85%;
}

.help_link {
  font-size: 85%;
  color: orange;
}

.question {
  font-weight: bold;
  margin-top: 2em;
}

.answer {
  margin-left: 2em;
}

ul.answer {
  margin-left: 3em;
}
#game_ad_swf { text-align: center; }
#tour, #demo_link {
  position: absolute;
  z-index: 5;
  background: url(/images/tour-off.gif) no-repeat;
  width: 80px;
  height: 70px;
  margin-left: 575px;
  margin-top: -15px;
}
#tour {
  margin-left: 520px;
}
#tour:hover {  
  background: url(/images/tour-on.gif) no-repeat; 
}
#demo_link  {  
  margin-left: 575px;  
  background: url(/images/demo-off.gif) no-repeat; 
/*  margin-top: 110px;*/
}
#demo_link:hover {  background: url(/images/demo-on.gif) no-repeat; }
#contact input {
  width: auto;
}
#contact { list-style: none; }


#login_box {
/*  color: #FFF;*/
  font-size: 1.2em;
}
#login_box a {
/*  color: #E1F2D0;*/
  color: #3F592C;
}

#mothers_day_promo {
  font-size: 1.2em;
}
#mothers_day_promo a {
  color: #3F592C;
}

#newsletter_flash {
  font-size: 1.2em;
  text-align:center;
  font-weight:bold; 
  padding-top:10px;
}

.our_story { background: url(/images/en/our-story.gif) left top no-repeat; width: 150px; height: 150px; float:right; }
.our_story:hover { background-position: 100% 0;}
.our_story_es { background: url(/images/es/sp_Press-story-button.gif) left top no-repeat; width: 200px; height: 200px; float:right; }
.our_story_es:hover { background-position: 100% 0;}
/***********************************
   CART STYLES
 **********************************/
.ssl {
  float:right;
  clear:right;
  text-align:right;
}
#cart {
  background-color: #EDBE86;
  float: right;
  border: 1px solid #000;
  padding: 5px;
}
#cart .title {
  font-weight: bold;
}
#cart .price {
  text-align: right;
  padding-left: 1em;
}
#cart .total {
  text-align: right;
  font-weight: bold;
  border-top: 1px dotted #000;
}



/***********************************
   RIGHTBAR STYLES
 **********************************/
 
#rightbar {
  float: right;
/*  margin-left: 40px;*/
/*  margin-right: -40px;*/
  position: absolute;
  left: 970px;
  top: 40px;
}

#rightbar img {
/*  float: right;*/
  display: block;
  clear: right;
  padding: 10px 0;
}


/*
WICK: Web Input Completion Kit
http://wick.sourceforge.net/
Copyright (c) 2004, Christopher T. Holland,
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
Neither the name of the Christopher T. Holland, nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*/

.floater {
z-index:2;
display:none;
padding:0;
margin-left:0px;
margin-top:-21px;
}

.floater td {
font-family: Gill, Helvetica, sans-serif;
background-color:white;
border:1px inset #979797;
color:black;
}

.matchedSmartInputItem {
font-size:1.1em;
padding: 5px 10px 1px 5px;
margin:0;
cursor:pointer;
}

.selectedSmartInputItem {
color:white;
background-color:#3875D7;
}

#smartInputResults {
padding:0;margin:0;
}

.siwCredit {
margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}

.recipeTab {
	height: 28px;
	width: 238px;
	float: right;
	background: #ffffff;
}

.recipeCard {
	background: #ffffff;
	clear: both;
	padding: 20px 10px 30px 10px;
}

.recipeCard a:hover {
	cursor:pointer;
}

.sidebar {	
  width: 200px;
  float: right;
  background-color: #F0F9E8;
  padding: 10px;
  margin: 5px;
  overflow: hidden;
}

.sidebar li {
  margin-top:10px;
}


.tableborder table
{
  border-left:1px solid #000000;
  border-top:1px solid #000000;
}

.tableborder td
{
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
}

.rateStar {
        margin-bottom:10px;
        height:99px;
        width:104px;
        background: transparent url(/images/recipes/stars.png) no-repeat scroll left top;
}
.rateStar:hover { background-position: 100% 0;}

.tdBorders td {
	border:1px solid #000000;
}

img.newsletter_thumbnail {
  float: left;
  margin-right: 5px;
}

.underline {
  text-decoration:underline;
}

.bold {
  font-weight:bold;
}

.italic {
  font-style:italic;
}

.google_ads_main_right {
  margin-top: 50px;
}

.google_ads_main_left {
  margin-top: 10px;
  text-align: center;
}

.google_ads_main_bottom {
  margin-top: 50px;
  text-align: center;  
}

div.nutrition_tool_left {
  float: left;
  width: 50%;
}

div.nutrition_tool_right {
  float: right;
  width: 50%;
}

#right_sidebar {
  width: 200px;
  float: right;
  background-color: #F0F9E8;
  padding: 10px;
  margin: 5px;
  overflow: hidden;
}

.tool_caption {
  font-size: 80%;
  max-width: 186px;
  text-align: center;
}

ul.no_bullets {
  list-style-type: none;
}

div#tools_links {
  margin: 10px 60px;
}

div#tools_link_1 {
  float: left;
  width: 33%;
  text-align: left;
}

div#tools_link_2 {
  float: left;
  width: 34%;
  text-align: center;
}

div#tools_link_3 {
  float: left;
  width: 33%;
  text-align: right;
}

div#recaptcha_area {
  margin: auto;
}

img.newsletter_image {
  padding: 5px;
}

div.newsletter_explorer {
  background-color: #ffffff;
  padding: 5px;
  margin-bottom: 10px;
  clear: both;
}

div.bullet_item {
  margin-left: 25px;
  margin-bottom: 10px;
}

ul.sitemap_list {
  list-style: none;
}

ul.sitemap_list li {
  padding-bottom: 5px;
  padding-top: 5px;
}

ul.sitemap_list li ul {
  list-style: none;
}

ul.sitemap_list li ul li {
  padding-bottom: 1px;
  padding-top: 1px;
}

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  /*overflow: auto;
  overflow-x: none;
  overflow-y: auto;
  max-height: 250px;*/
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  min-height:16px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

div.news_item {
  margin-top: 10px;
  clear: both;
}

div.news_icon {
  float: left;
  text-align: center;
  width: 40%;
  margin-bottom: 15px;
}

div.news_text {
  margin-bottom: 10px;
}

ul.no_bullets {
  list-style-type: none;
}

/* ***************************************************** */

li#googlesearch form input {
  width: auto;
  font-size: 12px;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  width: auto;
}

li#googlesearch form input.text {
  width: 130px;
  background: #fff;
  border: 1px solid #666;
}

li#googlesearch form input.submit {
  background: #DA7702;
  border: 1px solid #666;
  color: #FFF;  
  padding: 0 3px;
}
/* --------- /stylesheets/errors.css --------- */ 

/* -- [ ERRORS ]----------------------------------------------------------------------------------------*/
#notice, #notice_newsletter, #error, #error_login, #error_newsletter, .flash_error, .flash_notice {
  display: block;
  border: 2px solid green;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  font-weight: bold;
}
#error, #error_login, #error_newsletter, .flash_error { border: 2px solid red; }
.fieldWithErrors {
/*
  padding: 2px;
  background-color: red;
  */
  display: inline !important;
}
.fieldWithErrors input, .fieldWithErrors textarea {
  border: 2px solid red;
 }
.fieldWithErrors input.radio {
  background-color: red;
}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-top: 10px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px !important;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  margin-top: 5px;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#errorExplanation ul {
	margin-left: 2em;
}





/***********************************
   LIVEVALIDATION STYLES
 **********************************/
#children_rows .LV_validation_message {
/*  font-weight: bold;*/
	margin-left: 0;
	float: left;
	font-size: 0.8em;
}
.LV_validation_message {
/*  font-weight: bold;*/
	margin-left: 1em;
}
.LV_invalid {
	color:#CC0000;
}
.LV_valid {
/*  padding-left: 25px;*/
/*  background: url(/images/valid.png) no-repeat; */
  color: #00CC00;
}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00 !important;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* --------- /stylesheets/subscribed.css --------- */ 
#subscription_info {
/*  font-size: 10px;*/
/*  float: right;*/
/*  background-color: #EDBE86;*/
/*  background-color: #fcba7b;*/
  background: url(/images/layout/sidebox-btm-orange.gif) left bottom no-repeat;
/*  border: 1px dashed #DA7702;
  padding: 1em;*/
}
#subscription_info h2 {
  background: url(/images/layout/sidebox-top-orange.gif) left top no-repeat;
}
#subscription_info a {
  color: #1B00FF;
  text-decoration: underline;
}

#search table label {
  float: none;
}

#progress_table {
  background-color: #E7E7E7;
  border-spacing: 1px;
  color: #B7B7B7;
  width: 100%;
}

#progress_table thead th {
  background-color: #F5F5F5;
  border: 1px solid #FFFFFF;
  color: #666;
  text-transform: uppercase;
}

#progress_table td, #progress_table th { padding: 4px; }

#progress_table tbody tr.even { background-color: #FFF; }
#progress_table tbody tr.odd {
  background-color: #F9F9F9;
  border-top: 1px solid #FFF;
}
#progress_table tbody tr.odd td { border-top: 1px solid #FFF; }

#progress_table a {
  color: #FFA200;
  font-size: 10px;
}

#progress_table a.large {
  font-size: 12px;
}


#progress_table a.play_game_link {
  color: #3F5927;
  font-size: 1.2em;
}
#progress_table a.play_game_link:hover {
  color: #FFA200;
}
#progress_table tfoot {
/*  background-color: #C7C7C7;*/
  font-size: 90%;
  color: #888;
}
td.child {
  color: #3F5927;
  font-weight: bold;
  text-align: center;
}



.level_icon, .level_icon img {
  border: 0;
}




.pagination {
  padding: 3px;
  margin: 3px;
  height: 30px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #3f5a27;
  text-decoration: none;
/*  color: #aaaadd;*/
  color: #3f5a27;
  background-color: #83B64C;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #FFF;
  color: #FFF;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EFAB4A;
  font-weight: bold;
  background-color: #EFAB4A;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #888;
  background-color: none;
}



/* [ NAV LOGIC ] *************************************************************/
#role_menu {
  margin-bottom: 1em;
}


/* [ ADMIN ] *************************************************************/

#org_submenu {
  background-color: #568F23;
  height: 30px;
  padding: 5px 5px 0 5px;
}
#org_submenu .name {
  float: left;
  line-height: 30px;
  font-weight: bold;
}
#org_submenu ul {
  list-style: none;
  margin: 8px 0 0 30px;
  float: left;
}
#org_submenu ul li {
  float: left;
}
#org_submenu li a.current {
  background-color: white;
}
#org_submenu li a {
  background-color: #568F23;
  color: #162F00;
  padding: 5px 1em;  
}


/* [ SEARCH ] *************************************************************/
.search {
  font-size: 11px;
  background-color: #9ED263;
  padding: 10px;
  margin-bottom: 2em;
}
.inline p, .inline label {
  display: inline;
  float: none;
}
.inline input, .inline select {
  width: 125px;
}
.inline input.button {
  width: auto;
}
.search .title {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
}

.search label {
  width: 140px;
  text-align: right;
  padding-right: 10px;
}/* --------- /stylesheets/es.css --------- */ 
#tour { background: url(/images/es/tour-off.gif) no-repeat; }
#tour:hover { background: url(/images/es/tour-on.gif) no-repeat; }
#demo_link  { background: url(/images/es/demo-off.gif) no-repeat; }
#demo_link:hover {  background: url(/images/es/demo-on.gif) no-repeat; }/* --------- /stylesheets/footer.css --------- */ 
div.footer {
  text-align: center;
  height: 167px;
  background: #3f5927 url(/images/layout/footer-logo.gif) right center no-repeat;
  color: #fff;
  margin: 0 auto 0;
  padding: 1em 2em 2em 1em;
  position: relative;
  min-width: 1010px;
  clear: both;
}

div.footer_column {
  width: 195px;
  text-align: left;
  text-decoration: none;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}

div.footer_header {
  font-size: 12px;
}

div.footer_item a { 
  font-weight: normal;
}

div.footer a {
  text-decoration: none;
  color: #fff;
}

div.footer a:hover {
  text-decoration: underline;
}

p.copyright {
  clear: both;
  font-size: 12px;
}